:root {
    --white: #fff;
    --f1f1f1: #f1f1f1;
    --f2f2f2: #f2f4f5;
    --f4f4f4: #f8f9fa;
    --eeeeee: #eeeeee;
    --cccccc: #cccccc;
    --black: #000;
    --gray1: #111;
    --gray2: #222;
    --gray3: #292d36;
    --gray4: #444;
    --gray5: #555;
    --gray6: #666;
    --gray7: #777;
    --gray8: #888;
    --gray9: #999;
    --blacktheme: #0a0a0d;
}

.full-width{width:100%}.theme-mt-0{margin-top:0!important}.theme-mt-10{margin-top:10px}.theme-mt-15{margin-top:15px}.theme-mt-20{margin-top:20px}.theme-mt-30{margin-top:30px}.theme-mt-35{margin-top:35px}.theme-mt-40{margin-top:40px}.theme-mt-50{margin-top:50px}.theme-mt-60{margin-top:60px}.theme-mt-70{margin-top:70px}.theme-mt-80{margin-top:80px}.theme-mt-90{margin-top:90px}.theme-mt-100{margin-top:100px}.theme-mt-110{margin-top:110px}.theme-mt-120{margin-top:120px}.theme-mt-130{margin-top:130px}.theme-mt-140{margin-top:140px}.theme-mt-150{margin-top:150px}.theme-mr-0{margin-right:0}.theme-mr-10{margin-right:10px}.theme-mr-15{margin-right:15px}.theme-mr-20{margin-right:20px}.theme-mr-30{margin-right:30px}.theme-mr-40{margin-right:40px}.theme-mr-50{margin-right:50px}.theme-mr-60{margin-right:60px}.theme-mr-70{margin-right:70px}.theme-mr-80{margin-right:80px}.theme-mr-90{margin-right:90px}.theme-mr-100{margin-right:100px}.theme-mr-110{margin-right:110px}.theme-mr-120{margin-right:120px}.theme-mr-130{margin-right:130px}.theme-mr-140{margin-right:140px}.theme-mr-150{margin-right:150px}.theme-mb-0{margin-bottom:0}.theme-mb-5{margin-bottom:5px}.theme-mb-10{margin-bottom:10px}.theme-mb-15{margin-bottom:15px}.theme-mb-20{margin-bottom:20px}.theme-mb-25{margin-bottom:25px}.theme-mb-30{margin-bottom:30px}.theme-mb-35{margin-bottom:35px}.theme-mb-40{margin-bottom:40px}.theme-mb-50{margin-bottom:50px}.theme-mb-60{margin-bottom:60px}.theme-mb-70{margin-bottom:70px}.theme-mb-80{margin-bottom:80px}.theme-mb-90{margin-bottom:90px}.theme-mb-100{margin-bottom:100px}.theme-mb-110{margin-bottom:110px}.theme-mb-120{margin-bottom:120px}.theme-mb-130{margin-bottom:130px}.theme-mb-140{margin-bottom:140px}.theme-mb-150{margin-bottom:150px}.theme-ml-0{margin-left:0}.theme-ml-10{margin-left:10px}.theme-ml-15{margin-left:15px}.theme-ml-20{margin-left:20px}.theme-ml-30{margin-left:30px}.theme-ml-40{margin-left:40px}.theme-ml-50{margin-left:50px}.theme-ml-60{margin-left:60px}.theme-ml-70{margin-left:70px}.theme-ml-80{margin-left:80px}.theme-ml-90{margin-left:90px}.theme-ml-100{margin-left:100px}.theme-ml-110{margin-left:110px}.theme-ml-120{margin-left:120px}.theme-ml-130{margin-left:130px}.theme-ml-140{margin-left:140px}.theme-ml-150{margin-left:150px}.theme-pt-0{padding-top:0}.theme-pt-10{padding-top:10px}.theme-pt-15{padding-top:15px}.theme-pt-20{padding-top:20px}.theme-pt-30{padding-top:30px}.theme-pt-40{padding-top:40px}.theme-pt-50{padding-top:50px}.theme-pt-55{padding-top:55px}.theme-pt-60{padding-top:60px}.theme-pt-70{padding-top:70px}.theme-pt-80{padding-top:80px}.theme-pt-90{padding-top:90px}.theme-pt-100{padding-top:100px}.theme-pt-110{padding-top:110px}.theme-pt-120{padding-top:120px}.theme-pt-130{padding-top:130px}.theme-pt-140{padding-top:140px}.theme-pt-150{padding-top:150px}.theme-pt-160{padding-top:160px}.theme-pr-0{padding-right:0}.theme-pr-10{padding-right:10px}.theme-pr-15{padding-right:15px}.theme-pr-20{padding-right:20px}.theme-pr-30{padding-right:30px}.theme-pr-40{padding-right:40px}.theme-pr-50{padding-right:50px}.theme-pr-60{padding-right:60px}.theme-pr-70{padding-right:70px}.theme-pr-80{padding-right:80px}.theme-pr-90{padding-right:90px}.theme-pr-100{padding-right:100px}.theme-pr-110{padding-right:110px}.theme-pr-120{padding-right:120px}.theme-pr-130{padding-right:130px}.theme-pr-140{padding-right:140px}.theme-pb-0{padding-bottom:0}.theme-pb-10{padding-bottom:10px}.theme-pb-15{padding-bottom:15px}.theme-pb-20{padding-bottom:20px}.theme-pb-25{padding-bottom:25px}.theme-pb-30{padding-bottom:30px}.theme-pb-40{padding-bottom:40px}.theme-pb-50{padding-bottom:50px}.theme-pb-55{padding-bottom:55px}.theme-pb-60{padding-bottom:60px}.theme-pb-70{padding-bottom:70px}.theme-pb-80{padding-bottom:80px}.theme-pb-90{padding-bottom:90px}.theme-pb-100{padding-bottom:100px}.theme-pb-110{padding-bottom:110px}.theme-pb-120{padding-bottom:120px}.theme-pb-130{padding-bottom:130px}.theme-pb-140{padding-bottom:140px}.theme-pb-150{padding-bottom:150px}.theme-pb-160{padding-bottom:160px}.theme-pl-0{padding-left:0}.theme-pl-10{padding-left:10px}.theme-pl-15{padding-left:15px}.theme-pl-20{padding-left:20px}.theme-pl-30{padding-left:30px}.theme-pl-40{padding-left:40px}.theme-pl-50{padding-left:50px}.theme-pl-60{padding-left:60px}.theme-pl-70{padding-left:70px}.theme-pl-80{padding-left:80px}.theme-pl-90{padding-left:90px}.theme-pl-100{padding-left:100px}.theme-pl-110{padding-left:110px}.theme-pl-120{padding-left:120px}.theme-pl-130{padding-left:130px}.theme-pl-140{padding-left:140px}.theme-pl-150{padding-left:150px}.theme-plb-0{padding:0}.theme-plb-10{padding:10px 0}.theme-plb-20{padding:20px 0}.theme-plb-30{padding:30px 0}.theme-plb-40{padding:40px 0}.theme-plb-50{padding:50px 0}.theme-plb-60{padding:60px 0}.theme-plb-70{padding:70px 0}.theme-plb-80{padding:80px 0}.theme-plb-90{padding:90px 0}.theme-plb-100{padding:100px 0}.theme-plb-110{padding:110px 0}.theme-plb-120{padding:120px 0}.theme-plb-130{padding:130px 0}.theme-plb-140{padding:140px 0}.theme-plb-150{padding:150px 0}.theme-plb-160{padding:160px 0}.theme-mtb-0{margin:0}.theme-mtb-10{margin:10px 0}.theme-mtb-15{margin:15px 0}.theme-mtb-20{margin:20px 0}.theme-mtb-30{margin:30px 0}.theme-mtb-35{margin:35px 0}.theme-mtb-40{margin:40px 0}.theme-mtb-50{margin:50px 0}.theme-mtb-60{margin:60px 0}.theme-mtb-70{margin:70px 0}.theme-mtb-80{margin:80px 0}.theme-mtb-90{margin:90px 0}.theme-mtb-100{margin:100px 0}.theme-mtb-110{margin:110px 0}.theme-mtb-120{margin:120px 0}.theme-mtb-130{margin:130px 0}.theme-mtb-140{margin:140px 0}.theme-mtb-150{margin:150px 0}.theme-mtb-160{margin:160px 0}
.form-product .form-control {
    font-size: 16px;
    background-clip: padding-box;
    border: 2px solid var(--line);
    padding: 10px 15px 10px 25px !important;
    background: var(--White) !important;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius: 0px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-radius: 0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background: #fc0
}

.form-product .tf-cart-item .wg-quantity {
    width: 120px;
    height: 50px;
}

.form-product .tf-cart-item .wg-quantity .btn-quantity {
    width: 40px;
    height: 45px;
    font-size: 30px;
}

.form-product .wg-quantity input {
    width: 75px !important;
    height: 50px !important;
    padding: 0;
    background-color: transparent;
    border: 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 74px;
    color: var(--Onsurface);
}

.form-product .cart-Add {
    font-family: var(--theme-font);
    font-size: 14px;
    line-height: 1.1;
    font-weight: bold;
    padding: 14px 20px 12px 15px !important;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    border: 0px solid var(--lblue2);
    background-color: var(--lblue2);
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;


    -webkit-border-radius: 30px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius: 30px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-radius: 30px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


.form-product .cart-Add:hover,
.form-product .cart-Add:focus {
    background-color: var(--lblue1);
    border-color: var(--lblue1);
    color: var(--White);
}

.form-product .cart-Add i {
    position: relative;
    font-size: 22px !important;
    color: var(--White);
}



.form-product .form-control::-webkit-input-placeholder {
    opacity: 0.6;
    color: var(--gray3);
}

.form-product .form-control::-moz-placeholder {
    opacity: 0.6;
    color: var(--gray3);
}

.form-product .form-control:-ms-input-placeholder {
    opacity: 0.6;
    color: var(--gray3);
}



.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--blackrgba7);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 9999
}

.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    background: var(--White);
    border-radius: 0;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 5px 25px 0px var(--blackrgba2);
    -moz-box-shadow: 0px 5px 25px 0px var(--blackrgba2);
    box-shadow: 0px 5px 25px 0px var(--blackrgba2);
    overflow: hidden;
}

.cd-popup-container p {
    padding: 3em 1em;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    color: var(--gray3);
}

.cd-popup-container .cd-buttons:after {
    content: "";
    display: table;
    clear: both;
}

.cd-popup-container .cd-buttons li {
    float: left;
    width: 50%;
    list-style: none !important;

}

.cd-popup-container .cd-buttons a {
    display: block;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

    color: var(--White);
}

.cd-popup-container .cd-buttons li:first-child a {
    background: var(--lblue2);

}

.cd-popup-container .cd-buttons li:first-child a:hover,
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
    background-color: var(--lblue1) !important;
    color: var(--White) !important;
}

.cd-popup-container .cd-buttons li:last-child a {
    background: var(--dblue2);

}

.cd-popup-container .cd-buttons li:last-child a:hover,
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
    background-color: var(--dblue1) !important;
    color: var(--White) !important;
}


.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 38px;
    height: 38px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


@media only screen and (min-width: 1170px) {
    .cd-popup-container {
        margin: 8em auto;
    }
}






.thumbProduto {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 3px 15px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 3px 15px 0px var(--blackrgba1);
    box-shadow: 0px 3px 15px 0px var(--blackrgba1);
}
.tf-mini-cart-image{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 3px 15px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 3px 15px 0px var(--blackrgba1);
    box-shadow: 0px 3px 15px 0px var(--blackrgba1);
}

.modal-shopping-cart .tf-mini-cart-item .content .left{
    gap:3px;
}


.remove{
    font-size: 16px;
    z-index: 2;
    color:var(--gray3);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor:pointer;
    padding:7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background:var(--Surface)
}

.remove-item svg{
    position: relative;
    top: 0px;
    width: 22px;
    height:22px;
    vertical-align: text-top;
    stroke: var(--Critical);

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.remove-item:hover svg{
    stroke: var(--bs-red);
}

.p-t-b-30 {
    padding-top:30px;
    padding-bottom: 30px;
}
.p-l-r-30 {
    padding-right:30px;
    padding-left: 30px;
}


.contact-map-area {
    width: 100%;
    line-height: 0.01px;
    position: relative;
    z-index: 1;
}

.contact-map-area iframe {
    height: 100%;
    width: 100%;
    filter: grayscale(100) brightness(0.9);
    position: absolute;
    inset: 0;
    z-index: -1;
}

@media (max-width: 991.98px) {
    .contact-map-area iframe {
        min-height: 500px;
    }
}
@media (max-width: 767.98px) {
    .contact-map-area iframe {
        min-height: 500px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .contact-map-area iframe {
        min-height: 500px;
    }
}

.contact-map-area .contact-info-wrap {
    background: var(--whitergba9);
    display: inline-block;
    border-bottom: 5px solid var(--lblue2);
    box-shadow: 0px 4px 38px rgba(0, 0, 0, 0.15);
}

.contact-map-area .contact-info-wrap .contact-info-thumb img {
    width: 100%;
}
.contact-map-area .contact-info-wrap .list-wrap {
    padding: 40px;
}
.contact-map-area .contact-info-wrap .list-wrap li:not(:last-child) {
    border-bottom: 1px solid var(--lblue2);
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.contact-map-area .contact-info-wrap .list-wrap .contact-info-card {
    display: flex;
    gap: 20px;
}
.contact-map-area .contact-info-wrap .list-wrap .contact-info-card .contact-info-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--lblue2);
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dblue2);
}
.contact-map-area .contact-info-wrap .list-wrap .contact-info-card p {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--dblue2);
    margin-bottom: 5px;
    word-break: break-all;
}
.contact-map-area .contact-info-wrap .list-wrap .contact-info-card h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: -0.4em;
    line-height:1.1
}

.contact-info-icon svg{
    position: relative;
    top: -1px;
    width: 30px;
    height: 30px;
    vertical-align: text-top;
    stroke-width: 0;
    fill: var(--White);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}


.text-base-color {
    width:28px;
    height:28px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
    text-align: center;
}
.text-base-color svg {
    width: 20px;
    height: 20px;
    fill: var(--lblue2);
}
.icon-color-b {
    width:28px;
    height:28px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
    text-align: center;
}
.icon-color-b svg {
    position:relative;
    top:3px;
    width: 20px;
    height: 20px;
    stroke: var(--lblue2);
}




.footer-widget-contact {

}
.footer-widget-location p,
.footer-widget-contact p{
    margin: 0px;
    color: var(--black);
    font-size: 14px;
}
.footer-widget-contact li {
    position: relative;
    min-height:36px;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--black);
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 3px;
}


.footer-widget-contact li + li {
    border-top: 0px solid var(--lbluergba2);
}





.footer-widget-contact li svg {
    position: relative;
    top: 2px;
    left:-10px;
    width: 22px;
    height: 22px;
    vertical-align: text-top;
    stroke-width:0;
    fill: var(--lbluergba7) !important;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}






.footer-widget-contact li:hover svg{
    fill: var(--lbluergba10) !important;
}
.footer-widget-contact li a {
    color: var(--blackrgba8);
    font-size: 16px;
    line-height: 1.1;
    font-weight:bold;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.footer-widget-contact li a span {
    font-size: 14px;
}

.footer-widget-contact li:hover a {
    color: var(--lblue2);
}



.table-item{
    transition: background-color 0.3s ease; /* Transição para a cor de fundo */
    -moz-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
}


.table-hover tbody tr {
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.table-hover tbody tr:hover {
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}


.shopping-cart .dellcadlist {
    opacity: 1;
    color: var(--White) !important;
    font-size: 24px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 5px 10px;
    background: var(--Critical);
    text-align: center;
}

.shopping-cart .dellcadlist:hover {
    color: #fff !important;
    background: var(--bs-red);
}
.shopping-cart .dellcadlist svg {
    position: relative;
    top:-3px;
    width: 22px;
    height: 22px;
    stroke: var(--White) !important;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/*Quantity Field Form*/
.shopping-cart .quantity-button {
    color: var(--gray3);
    width: 38px;
    height: 40px;
    padding: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 18px;
    background: var(--Surface);
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.shopping-cart .quantity-button svg {
    position: relative;
    top:-3px;
    width: 22px;
    height: 22px;
    stroke: var(--lblue2) !important;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.shopping-cart .quantity-field {
    width: 60px;
    height: 40px;
    outline: none;
    margin: 0px;
    font-size: 18px;
    text-align: center;
    padding: 5px;
    display: inline-block;
    border: 0px solid #ccc;
    color: var(--gray3);
    font-weight: bold;
    background: var(--Surface);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}


.product-description-listTwo {
    width: 100%;
    display: block;
    margin: 10px auto 5px;
    padding: 0px;
    list-style: none;
}


.product-description-listTwo li {
    list-style-position: inside;
    margin-bottom: 5px;
    padding: 7px 0px 7px 0px;
    border-bottom: 1px solid var(--Surface);
    font-size: 14px;
}

.product-description-listTwo li span {
    text-align: right;
    float: right;
    font-weight: bold
}
.tf-cart-item .tf-cart-item_product .img-box{
    margin-left:10px;
}


iframe{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}



.box-img-hover {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 3px 15px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 3px 15px 0px var(--blackrgba1);
    box-shadow: 0px 3px 15px 0px var(--blackrgba1);
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding:0px !important;
}

.box-img-hover:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0px 15px 35px 0px var(--blackrgba2);
    -moz-box-shadow: 0px 15px 35px 0px var(--blackrgba2);
    box-shadow: 0px 15px 35px 0px var(--blackrgba2);
}


.img-hover img {
    border: 0px solid var(--lblue2) !important;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    filter: grayscale(20%);
    -webkit-filter: grayscale(20%);
    cursor: pointer;
    margin:0px !important;
}

.img-hover img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white) !important;
    opacity: 0;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.img-hover:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.2) rotate(0deg);
    -moz-transform: scale(1.2) rotate(0deg);
    -o-transform: scale(1.2) rotate(0deg);
    -ms-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
}

.img-hover span {
    display: block;
    overflow: hidden;
    position: relative;
}

.img-hover span:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    border: 0px solid transparent;
    background: var(--blackrgba3);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.img-hover span i {
    left: calc(50% - 28px);
    top: calc(80% - 29px);
    font-size: 56px;
    position: absolute;
    z-index: 2 !important;
    color: var(--white);
    opacity: 0;
    height: 58px;
    width: 56px;
    line-height: 56px;
    padding: 0px;
    margin: 0px;
    -webkit-transition: all 1.0s ease 0.3s;
    -moz-transition: all 1.0s ease 0.3s;
    -o-transition: all 1.0s ease 0.3s;
    -ms-transition: all 1.0s ease 0.3s;
    transition: all 1.0s ease 0.3s;
}

.img-hover:hover span i {
    top: calc(50% - 29px);
    opacity: 1;
}

.img-hover span svg {
    position: absolute;
    left: calc(50% - 24px);
    top: calc(-25% - 24px);
    width: 48px;
    height: 48px;
    stroke-width: 0;
    fill: var(--white) !important;
    -webkit-transition: all 0.3s ease 0.3s;
    -moz-transition: all 0.3s ease 0.3s;
    -o-transition: all 0.3s ease 0.3s;
    -ms-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
    z-index: 2 !important;
    opacity: 0;
}


.img-hover:hover span svg {
    top: calc(50% - 24px);
    opacity: 1;
}

.img-hover:hover span:after {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.img-hover img,
.img-hover img,
.img-hover span:after {
    transition: all 1.0s ease-in-out;
}

.img-blog {
    overflow: hidden;
    transition: all 250ms linear;
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.img-blog:hover {
    transform: translateY(-5px);
}




.candidate-info .candidate-detail{
    padding: 30px 0px;
    box-shadow: 0 0 10px 0 var(--blackrgba1);
    background-color: var(--white);
    border-radius: 4px 4px 0 0;
}
.candidate-info.onepage ul{
    border-radius: 5px;
    overflow:hidden;
    padding:0px;
    background: var(--tc-neutral-50)!important;
}
.candidate-info.onepage ul li:first-child a{
    border-top: 0;
}
.canditate-des  {
    position: relative;
    display: inline-block;
    border: 2px solid var(--dblue2);
    outline-offset: 3px;
    border-radius: 100%;
    width: 150px;
    height: 150px;
}
.canditate-des .upload-link {
    position: absolute;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: var(--white);
    top: 0;
    right: 0;
    box-shadow: 0 0 10px 0  var(--blackrgba1);
    border-radius: 100%;
    color: var(--dblue2);
    overflow: hidden;
}
.candidate-info img {
    border-radius: 100%;
    width: 100%;
    background-color: var(--white);
    padding: 5px;
}
.candidate-title {
    margin-top: 25px;
}
.candidate-info ul {
    list-style: none;
    margin-bottom: 0px;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}
.candidate-info ul li a {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    border-top: 1px solid var(--lbluergba1);
    color: var(--gray2);
    border-left: 3px solid var(--blackrgba0);
}
.nav-link:focus, .nav-link:hover {
    color: var(--lblue1);
}

.candidate-info ul li a svg {
    margin-right: 5px;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/*
.candidate-info ul li a i {
    margin-right: 5px;
}*/
.candidate-info ul li a:hover,
.candidate-info ul li a.active{
    background: var(--dbluergba5);
    border-left-color: var(--dblue2);
}
.candidate-info ul li a span{
    transition: all 0.5s;
}
.candidate-info ul li a:hover span{
    margin-left: 10px;
    transition: all 0.5s;
}


.icon-svg-table svg{
    margin-right: 0px;
    position: relative;
    top: 0px;
    width: 16px;
    height: 16px;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}




.accordion-box{
    position:relative;
    margin-bottom: 30px;
}

.accordion-box .block{
    position: relative;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border-top: 1px solid var(--f4f4f4);
}

.accordion-box .block .acc-btn{
    position: relative;
    font-size:20px;
    font-weight: bold;
    line-height: 1.1;
    cursor: pointer;
    padding: 20px 55px;
    padding-right: 15px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: var(--special-font) !important;
    background:var(--lblue2);
    color:var(--dblue2) !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.accordion-box .block .acc-btn.active{
    color:var(--white);
    background:var(--lblue1);
}

.accordion-box .block .acc-btn .icon{
    position: absolute;
    left: 25px;
    top: 10px;
    line-height: 25px;
    font-size: 14px;
    color:var(--white);
}

.accordion-box .block .acc-btn .icon svg {
    position: relative;
    left:0px;
    top: -3px;
    width: 28px;
    height: 28px;
    vertical-align: text-top;
    stroke-width: 1.5;
    /*stroke: var(--white);*/
    fill: var(--dblue2) !important;
}



.accordion-box .block .acc-btn.active .icon{
    transform:scaleY(-1);
    color:var(--dblue2);
}

.accordion-box .block .acc-content{
    position:relative;
    display:none;
    padding:10px 10px 10px 10px;
}

.accordion-box .block .acc-content.current{
    display:block;
}

.accordion-box .block .content .text{
    position:relative;
    font-size: 16px;
    line-height: 1.1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color:var(--white)
}


.accordion-box .block .acc-content .text,
.accordion-box .block .acc-content p{
    color:var(--gray3) !important;
}



.accordion-box.style-three .block .acc-btn{
    padding: 12px 35px 12px 25px;
    font-family: var(--special-font) !important;
    margin-bottom:3px;
}

.accordion-box.style-three .block .acc-btn .icon{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    left: auto;
    right: 25px;
}

.accordion-box.style-three .block .acc-btn .icon:before{
    font-size: 32px;
}


.sectionsvg {
    background-color:var(--lblue2);
    position:relative;
    z-index:1;
    border-radius: 16px;
}
.sectionsvg:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background: url(../images/bg2.svg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 0;
    opacity:0.5;
    border-radius: 16px;
}



/* Faz o wrapper esticar os slides */
.tf-sw-testimonial .swiper-wrapper {
    align-items: stretch;
}

/* Faz o slide ocupar altura total */
.tf-sw-testimonial .swiper-slide {
    height: auto;
}

/* Faz o item interno ocupar 100% da altura do slide */
.tf-sw-testimonial .swiper-slide .testimonial-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* O content também precisa crescer */
.tf-sw-testimonial .swiper-slide .testimonial-item .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}




.aboutus-item {
    padding: 30px 40px 30px 40px;
    border-style: solid;
    border-width: 0 0 0 0;
    background-color: transparent;
    background-image: linear-gradient(110deg, var(--f1f1f1) 0%, var(--f4f4f4) 100%);
    -webkit-box-shadow: 0px 5px 25px 0px var(--blackrgba0);
    -moz-box-shadow: 0px 5px 25px 0px var(--blackrgba0);
    box-shadow: 0px 5px 25px 0px var(--blackrgba0);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

}


.aboutus-item:active,
.aboutus-item:focus,
.aboutus-item:hover {
    -webkit-box-shadow: 0px 5px 35px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 5px 35px 0px var(--blackrgba1);
    box-shadow: 0px 5px 35px 0px var(--blackrgba1);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);

}

.aboutus-item .content-box h3 {
    color: var(--lblue2);
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: bold;
}

.aboutus-item .content-box p {
    color: var(--dblue2);
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
}

.aboutus-item .content-box ul {
    list-style-type: disc;
    list-style-position: inside;
    margin:5px 0px;
}

.aboutus-item .content-box ul li {
    list-style-type: disc;
    list-style-position: inside;
    font-size:16px;
    color: var(--dblue2);
    line-height: 1.1;
}

.aboutus-item:active h3,
.aboutus-item:focus h3,
.aboutus-item:hover h3,
.aboutus-item:active ul li,
.aboutus-item:focus ul li,
.aboutus-item:hover ul li,
.aboutus-item:active p,
.aboutus-item:focus p,
.aboutus-item:hover p,
.aboutus-item:active .icon-main svg,
.aboutus-item:focus .icon-main svg,
.aboutus-item:hover .icon-main svg{
    color: var(--white);
    fill: var(--white);
}

.aboutus-item .icon-main {
    background: transparent;
    position: relative;
    display: block;
    width: 110px;
    height: 110px;
    padding:10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background:transparent;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-bottom:10px;
}

.aboutus-item:active .icon-main,
.aboutus-item:focus .icon-main,
.aboutus-item:hover .icon-main {
    /*-webkit-box-shadow: 0px 5px 35px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 5px 35px 0px var(--blackrgba1);
    box-shadow: 0px 5px 35px 0px var(--blackrgba1);*/
    -webkit-transform: translateY(-5px) scale(1.1);
    -moz-transform: translateY(-5px) scale(1.1);
    -ms-transform: translateY(-5px) scale(1.1);
    -o-transform: translateY(-5px) scale(1.1);
    transform: translateY(-5px) scale(1.1);

}

.aboutus-item .icon-main svg {
    position: relative;
    top: -3px;
    width: 90px;
    height: 90px;
    vertical-align: text-top;
    stroke-width: 0;
    fill: var(--dblue2);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);

}
.aboutus-item .icon-main .number {
    font-size:60px;
    font-weight:bold;
    line-height:60px;
    color:var(--dblue2)
}



.aboutus-item .overlay {
    z-index: 2;
    background: transparent;
}

.overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}


.aboutus-item.bg-s1 {
    background-image: linear-gradient(110deg, var(--f1f1f1) 0%, var(--f4f4f4) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.aboutus-item.bg-s2 {
    background-image: linear-gradient(110deg, var(--f4f4f4) 0%, var(--f1f1f1) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.aboutus-item.bg-s3 {
    background-image: linear-gradient(110deg, var(--f1f1f1) 0%, var(--f4f4f4) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.aboutus-item.bg-s4 {
    background-image: linear-gradient(110deg, var(--f4f4f4) 0%, var(--f1f1f1) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.aboutus-item.bg-s5 {
    background-image: linear-gradient(110deg, var(--f1f1f1) 0%, var(--f4f4f4) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.aboutus-item.bg-s6 {
    background-image: linear-gradient(110deg, var(--f4f4f4) 0%, var(--f1f1f1) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.aboutus-item:active.bg-s1,
.aboutus-item:focus.bg-s1,
.aboutus-item:hover.bg-s1,
.aboutus-item:active.bg-s2,
.aboutus-item:focus.bg-s2,
.aboutus-item:hover.bg-s2,
.aboutus-item:active.bg-s3,
.aboutus-item:focus.bg-s3,
.aboutus-item:hover.bg-s3,
.aboutus-item:focus.bg-s4,
.aboutus-item:hover.bg-s4 {
    background-size: 200% 200%;
    background-position: 50% 0% !important;
    background:var(--lblue2);
}



.itens-box {
    padding: 30px 40px 30px 40px;
    border-style: solid;
    border-width: 0 0 0 0;
    background-color: transparent;
    background-image: linear-gradient(110deg, var(--f1f1f1) 0%, var(--f4f4f4) 100%);
    -webkit-box-shadow: 0px 5px 25px 0px var(--blackrgba0);
    -moz-box-shadow: 0px 5px 25px 0px var(--blackrgba0);
    box-shadow: 0px 5px 25px 0px var(--blackrgba0);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

}


.itens-box:active,
.itens-box:focus,
.itens-box:hover {
    -webkit-box-shadow: 0px 5px 35px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 5px 35px 0px var(--blackrgba1);
    box-shadow: 0px 5px 35px 0px var(--blackrgba1);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);

}

.itens-box .content-box h3 {
    color: var(--lblue2);
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: bold;
}

.itens-box .content-box p {
    color: var(--dblue2);
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
}

.itens-box .content-box ul {
    list-style-type: disc;
    list-style-position: inside;
    margin:5px 0px;
}

.itens-box .content-box ul li {
    list-style-type: disc;
    list-style-position: inside;
    font-size:16px;
    color: var(--dblue2);
    line-height: 1.1;
}

.itens-box:active h3,
.itens-box:focus h3,
.itens-box:hover h3,
.itens-box:active ul li,
.itens-box:focus ul li,
.itens-box:hover ul li,
.itens-box:active p,
.itens-box:focus p,
.itens-box:hover p,
.itens-box:active .icon-main svg,
.itens-box:focus .icon-main svg,
.itens-box:hover .icon-main svg{
    color: var(--white);
    fill: var(--white);
}

.itens-box .icon-main {
    background: transparent;
    position: relative;
    display: block;
    width:90px;
    height:90px;
    padding:10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background:transparent;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin:0px auto 10px;
}

.itens-box:active .icon-main,
.itens-box:focus .icon-main,
.itens-box:hover .icon-main {
    /*-webkit-box-shadow: 0px 5px 35px 0px var(--blackrgba1);
    -moz-box-shadow: 0px 5px 35px 0px var(--blackrgba1);
    box-shadow: 0px 5px 35px 0px var(--blackrgba1);*/
    -webkit-transform: translateY(-5px) scale(1.1);
    -moz-transform: translateY(-5px) scale(1.1);
    -ms-transform: translateY(-5px) scale(1.1);
    -o-transform: translateY(-5px) scale(1.1);
    transform: translateY(-5px) scale(1.1);

}

.itens-box .icon-main svg {
    position: relative;
    top: -3px;
    width: 70px;
    height: 70px;
    vertical-align: text-top;
    stroke-width: 0;
    fill: var(--dblue2);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);

}
.itens-box .icon-main .number {
    font-size:60px;
    font-weight:bold;
    line-height:60px;
    color:var(--dblue2)
}



.itens-box .overlay {
    z-index: 2;
    background: transparent;
}




.overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}


.itens-box.bg-s1 {
    background-image: linear-gradient(110deg, var(--f1f1f1) 0%, var(--f4f4f4) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.itens-box.bg-s2 {
    background-image: linear-gradient(110deg, var(--f4f4f4) 0%, var(--f1f1f1) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.itens-box.bg-s3 {
    background-image: linear-gradient(110deg, var(--f1f1f1) 0%, var(--f4f4f4) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.itens-box.bg-s4 {
    background-image: linear-gradient(110deg, var(--f4f4f4) 0%, var(--f1f1f1) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.itens-box.bg-s5 {
    background-image: linear-gradient(110deg, var(--f1f1f1) 0%, var(--f4f4f4) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.itens-box.bg-s6 {
    background-image: linear-gradient(110deg, var(--f4f4f4) 0%, var(--f1f1f1) 100%);
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
}

.itens-box:active.bg-s1,
.itens-box:focus.bg-s1,
.itens-box:hover.bg-s1,
.itens-box:active.bg-s2,
.itens-box:focus.bg-s2,
.itens-box:hover.bg-s2,
.itens-box:active.bg-s3,
.itens-box:focus.bg-s3,
.itens-box:hover.bg-s3,
.itens-box:focus.bg-s4,
.itens-box:hover.bg-s4 {
    background-size: 200% 200%;
    background-position: 50% 0% !important;
    background:var(--lblue2);
}