/*
Theme Name: Rodomunk
Author: Marcos Paulo
Author URI: 
Description: 
Version: 1.111

*/

body{
    font-family: 'Barlow Condensed', sans-serif;
    background: #F2F2F2;
    color: #5E5E5E;
}

.page-wrapper{
    overflow: hidden;
    padding-top: 68px;
}

a,
a:hover,
a:focus,
a:active{
    color: #5E5E5E;
}

hr{
    border-top: 1px solid #F9C836;
}

.btn-yellow{
    background: #F9C836;
    color: #212B6E;
    border-radius: 7px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active, 
.btn-yellow-orcamento:hover,
.btn-yellow-orcamento:focus,
.btn-yellow-orcamento:active{
    background: #212B6E;
    color: #F9C836;
    box-shadow: none;
}

.btn-blue{
    background: #212B6E;
    color: #fff;
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease;
    border-bottom: 5px solid #0D1443;
    padding: 20px 40px;
    min-width: 200px;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active{
    background: #F9C836;
    color: #212B6E;
    border-bottom-color: #BF9312;
    outline: none;
}

.btn-outline{
    border: 1px solid #212B6E;
    color: #212B6E;
    border-radius: 10px;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active{
    color: #fff;
    background: #212B6E;
    box-shadow: none;
}

.btn-outline-yellow{
    border-color: #F9C836;
}

.btn-outline-yellow:hover,
.btn-outline-yellow:focus,
.btn-outline-yellow:active{
    color: #212B6E;
    background: #F9C836;
}

@media (min-width: 768px){
    .page-wrapper{
        padding-top: 83px;
    }
}




/* HEADER */
.header{
    padding: 15px 0;
    background: #fff;
    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.header .logo{
    width: 154px;
    display: block;
    float: left;
}

.mobile-header{
    float: right;
    display: flex;
    align-items: center;
}

.menu-toggle{
    color: #212B6E;
    font-size: 24px;
    vertical-align: middle;
    padding: 5px;
    margin-left: 5px;
    line-height: 1;
}

.menu-open .menu-toggle .glyphicon-menu-hamburger,
.menu-toggle .glyphicon-remove{
    display: none;
}

.menu-open .menu-toggle .glyphicon-remove{
    display: inline-block;
}

.header-menu{
    display: inline-flex;
}

.header-menu ul{
    padding-left: 0;
    margin-bottom: 0;
}

.header-menu ul li{
    list-style: none;
}

.header-menu ul li a{
    display: block;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 500;
    transition: color 0.3s ease;
    font-size: 42px;
}

.header-menu ul li a:hover,
.header-menu ul li a:focus,
.header-menu ul li a:active{
    color: #F9C836;
    text-decoration: none;
}
.navbar-rd{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 767px){
    .header-menu{
        max-height: 0;
        overflow: hidden;
        clear: both;
        background: #212B6E;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        padding: 0 15px;
        margin: 53px 0 -15px 0;
        transition: max-height 0.3s ease;
    }
    .navbar-rd{
        display: block!important;
        justify-content: end!important;
        align-items: end!important;
        margin: auto;
    }       
    .header-menu:before{
        content: '';
        width: 100%;
        height: 80px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .menu-open .header-menu{
        height: calc(100vh - 68px);
        overflow: auto;
        max-height: 1000px;
        padding-bottom: 15px;
    }

    .header-menu ul li a{
        color: #fff;
        line-height: 1;
        padding: 10px 30px;
    }

    .header-menu ul li a:after{
        content: '_';
        display: inline;
        color: #F9C836;
        font-weight: 500;
    }

    .navbar-nav .open .dropdown-menu>li>a{
        line-height: normal;
        font-size: 29px;
        text-align: end;
    }
}

@media (min-width: 768px){
    .header .logo{
        width: 226px;
    }

    .header-menu{
        margin-top: 4px;
    }

    .header-menu ul{
        float: left;
        margin-left: 5px;
    }

    .header-menu ul li{
        display: inline-block;
    }

    .header-menu ul li a{
        color: #212B6E;
        font-weight: 700;
        font-size: 16px;
        padding: 10px 2px;
    }

    .header-menu .btn-yellow{
        float: right;
        font-size: 16px;
        padding: 9px 20px;
    }
}

@media(max-width: 950px){
    .row-sitemap{display: block!important;}
    .col-sitemap{width: 100%!important;}
}

@media (min-width: 992px){
    .header-menu ul li a{
        padding: 10px 5px;
    }
}

@media (min-width: 1200px){
    .header-menu ul{
        margin-left: 25px;
    }

    .header-menu ul li a{
        padding: 10px;
    }
}


/* DEFAULT STYLE */
.page-title{
    background: #212B6E;
    padding: 50px 0;
}

.page-title h1{
    font-size: 50px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    -webkit-text-fill-color: #212B6E; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}

.page-title p{
    margin-bottom: 0;
    font-size: 20px;
    color: #F9C836;
    font-weight: 600;
    text-transform: uppercase;
}

.page-title figure{
    margin-top: 50px;
    /*margin-bottom: -50vw;*/
}

.page-title figcaption,
.about-image figcaption{
    margin-top: 5px;
    text-align: right;
    font-size: 16px;
}

.default-style{
    padding: 50px 0;
    font-size: 18px;
}

.default-style h2{
    font-size: 22px;
    color: #212B6E;
    font-weight: 700;
}

.owl-nav{
    font-size: 20px;
    color: #F9C836;
    transition: all 0.3s ease;
}

.owl-nav>div:hover,
.owl-nav>div:focus,
.owl-nav>div:active{
    color: #0D1443;
}

.owl-nav>div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-nav>.owl-prev{
    left: 0;
}

.owl-nav>.owl-next{
    right: 0;
}

.owl-dots{
    text-align: center;
}

.owl-dots .owl-dot{
    padding: 6px 5px;
    display: inline-block;
}

.owl-dots .owl-dot span{
    display: block;
    width: 30px;
    height: 1px;
    background: #C1C1C1;
}

.owl-dots .owl-dot.active{
    padding: 5px;
}

.owl-dots .owl-dot.active span{
    height: 3px;
    border-radius: 10px;
    background: #F9C836;
}

@media (min-width: 768px){
    .page-title h1{
        font-size: 80px;
    }

    .page-title figure{
        margin-top: 0;
        margin-bottom: -100%;
    }

}


/* HOME */
.home-hero{
    background-size: cover;
    background-position: 45% top;
    padding: 100px 0;
    min-height: 51vw;
}

.home-hero-content{
    max-width: 300px;
}

.home-hero h1{
    margin-top: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 500;
}

.home-hero h1 span{
    font-weight: 700;
    color: #F9C836;
}

.home-hero p{
    color: #989ACC;
    font-size: 18px;
}

.home-hero .btn-yellow{
    font-size: 18px;
    padding: 8px 30px;
}

.home-categories{
    text-align: center;
    margin-bottom: 30px;
}

.home-categories h2{
    font-weight: 400;
    font-size: 18px;
    color: #3F3F3F;
}

.home-categories h4{
    font-size: 24px;
    color: #121B57;
}

.categories-carousel{
    margin-bottom: 30px;
    padding: 0 10px;
}

.home-category{
    text-align: left;
    display: block;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 15px rgba(0,0,0,.20);
    margin: 15px;
    text-decoration: none!important;
    position: relative;
    transition: all 0.3s ease;
}

.home-category:hover,
.home-category:focus,
.home-category:active{
    transform: translateY(-15px);
}

.home-category h3{
    margin: 0;
    padding: 15px 115px 0 15px;
    font-size: 30px;
    color: #212B6E;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    word-break: break-word;
}

.home-category p{
    padding: 5px 115px 15px 15px;
    color: #3F3F3F;
    font-size: 18px;
    margin-bottom: 0;
}

.home-category .category-action{
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 115px 5px 15px;
    border-radius: 0 0 10px 10px;
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9c836+0,e2a900+100 */
    background: rgb(249,200,54); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(249,200,54,1) 0%, rgba(226,169,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(249,200,54,1) 0%,rgba(226,169,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(249,200,54,1) 0%,rgba(226,169,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c836', endColorstr='#e2a900',GradientType=1 ); /* IE6-9 */
}

.home-category img{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%!important;
    width: 100px!important;
    border-radius: 0 10px 10px 0;
}

.home-actions{
    padding: 15px 0;
    background: #121B57;
}

.home-action{
    display: block;
    text-decoration: none!important;
    background: #fff;
    border-radius: 10px;
    position: relative;
    height: 100%;
    margin: 15px 0;
    display: flex;
}

.home-action-image{
    width: 100px;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.home-action-image img{
    width: 100%;
    height: 100%!important;
    object-fit: cover;
}

.home-action-content{
    padding: 15px 15px 40px;
    color: #3F3F3F;
    position: relative;
    width: calc(100% - 100px);
}

.home-action-content h3{
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #212B6E;
    margin-top: 0;
}

.home-action-content p{
    font-size: 18px;
}

.home-action-button{
    font-size: 16px;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
}

.home-action-button span{
    background: #fff;
    display: inline-block;
    padding-right: 3px;
}

.home-action-button:before{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #F9C836;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}


@media (min-width: 768px){
    .home-hero{
        background-position: center top;
        padding-bottom: 200px;
    }

    .home-hero h1{
        font-size: 50px;
    }

    .home-hero p{
        font-size: 24px;
    }

    .home-categories{
        margin-top: -170px;
    }

    .home-categories h2{
        font-size: 24px;
        color: #fff;
    }

    .home-category h3{
        font-size: 32px;
        height: 80px;
        overflow: hidden;
    }

    .home-category p{
        height: 95px;
        overflow: hidden;
    }

    .home-actions{
        background: transparent;
    }

    .home-action{
        flex-direction: row-reverse;
    }
}

@media (min-width: 992px){
    .home-action-image{
        width: 180px;
    }

    .home-action-content{
        width: 100%;
        width: calc(100% - 180px);
    }
}


/* PRODUCT */
.product-hero, .product-hero-max-content{
    background-color: #212B6E;
}

.product-hero h1, .product-hero-max-content h1{
    font-size: 50px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    -webkit-text-fill-color: #212B6E; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}

.product-1-category{
    margin-bottom: 0;
}

.product-1-page{
    padding-top: 0;
}

.product-loop{
    background: #fff;
    display: flex;
    height: 100%;
    text-decoration: none!important;
    margin-bottom: 30px;
}

.product-loop .product-loop-image{
    background-color: #212B6E;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-right: 4px solid #F9C836;
    width: 50%;
    max-width: 180px;
    position: relative;
}

.product-list.product-list-cover .product-loop-image{
    background-size: cover;
}

.product-loop .product-loop-image .product-loop-image-inner{
    padding-bottom: 100%;
}

.product-loop .product-loop-content{
    padding: 15px;
    overflow: hidden;
    width: calc(100% - 180px);
    min-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-loop .product-loop-content h3{
    font-weight: 700;
    color: #212B6E;
    margin-top: 0;
}

.product-loop .product-loop-more{
    color: #212B6E;
    font-size: 14px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 700;
}

.product-loop .product-loop-more:before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 200%;
    height: 0;
    border-bottom: 2px solid #F9C836;
    z-index: -1;
}

.product-loop .product-loop-more span{
    display: inline-block;
    background: #fff;
    padding-right: 3px;
}

.product-title h1{
    font-size: 70px;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 0;
}

.product1-title figure{
    margin: 0;
    text-align: center;
}

.product1-title figure img{
    max-height: 200px;
}

.product-side-content h2{
    font-weight: 400;
    text-transform: uppercase;
}

.product-see-all{
    margin: 50px 0;
    text-align: center;
}

.product2-spacer{
    padding-bottom: 60%;
}

.category-page{
    padding: 25px 0 50px;
}

.category-page-products h2{
    font-weight: 700;
    color: #909090;
    text-transform: uppercase;
}

.prod-has-cat-title>h2{
    text-align: center;
    font-size: 24px!important;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.category-page-products p a{
    color: #121B57;
    text-decoration: underline;
}

.prod-has-cat-title .product-loop{
    flex-direction: column;
}

.prod-has-cat-title .product-loop>div{
    width: 100%;
    max-width: 100%;
}

.prod-has-cat-title .product-loop .product-loop-image{
    height: 180px;
    overflow: hidden;
    border-right: none;
    border-bottom: 4px solid #F9C836;
}

.prod-has-cat-title .product-loop .product-loop-content{
    min-height: calc(100% - 180px);
}

@media (max-width: 767px){
    .product-hero-max-content{
        background-size: cover;
        background-position: 65% bottom;
        background-repeat: no-repeat;
        padding: 2px 0;
    }

    .product-hero {
        background-size: auto 75%;
        background-position: 10% bottom;
        background-repeat: no-repeat;
        padding: 50px 0;
    }

    .product-main-content-col{
        background: #212B6E;
        margin-top: -50px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .product-main-content h2{
        font-weight: 400;
        font-size: 20px;
        color: #fff;
    }

    .product-main-content p{
        color: #989ACC;
    }

    .product2-image-col:after{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: #212B6E;
        z-index: -1;
    }

    .page-template-page_product2 .page-title figure{
        margin: 25px 0 -25px;
    }

    .category-main-content-col{
        margin-top: -51px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .category-main-content>h2:first-child{
        font-weight: 400;
        font-size: 24px;
        color: #fff;
        margin-top: 0;
        padding: 20px 0 20px;
        position: relative;
        z-index: -1;
    }

    .category-main-content>h2:first-child:after{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        transform: translateX(-50%);
        background: #212B6E;
        z-index: -1;
    }

    .prod-has-cat-title>h2{
        overflow: visible;
    }
}

@media (min-width: 768px){
    .product-hero, .product-hero-max-content{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .product-hero h1, .product-hero-max-content h1{
        font-size: 80px;
    }

    .product-hero p, .product-hero-max-content p{
        font-size: 18px;
    }

    .product-title h1{
        font-size: 80px;
    }

    .product1-title figure{
        text-align: right;
    }

    .product1-title figure img{
        max-height: 300px;
    }

    .product-main-content h2,
    .category-main-content h2{
        font-size: 40px;    
        margin-bottom: 30px;
    }

    .product-main-content p,
    .category-main-content p{
        color: #3F3F3F;
    }

    .product-main-content p{
        font-size: 22px;
        margin-bottom: 20px;
    }

    .product-side-content h2{
        font-size: 40px;
    }

    .category-page-products h2{
        font-size: 40px;
    }

    .prod-has-cat-title>h2{
        height: 115px;
    }
}

@media (min-width: 1200px){
    .product-title h1{
        font-size: 100px;
    }

    .product-title p{
        font-size: 32px;
    }

    .prod-has-cat-title>h2{
        height: 72px;
    }
}


/* ABOUT */
.about-image{
    max-width: 550px;
    margin: 0 auto;
    padding-top: 45%;
}

.about-image figcaption{
    text-align: left;
}

@media (max-width: 767px){
    .about-page{
        padding-top: 150px;
    }

    .has-read-more{
        position: relative;
        margin-bottom: 10px;
    }

    .has-read-more.show-read-more{
        max-height: 500px;
        overflow: hidden;
    }

    .has-read-more.show-read-more:after{
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 75px;

        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,f2f2f2+100&0+0,1+50 */
        background: -moz-linear-gradient(top,  rgba(242,242,242,0) 0%, rgba(242,242,242,1) 50%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(242,242,242,0) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    }

    .read-more{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        background: transparent;
        border: none;
        text-transform: uppercase;
        font-weight: 700;
        color: #212B6E;
    }

    .read-more:before{
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #F9C836;
        z-index: -1;
    }

    .read-more span{
        display: inline-block;
        padding: 5px 10px;
        background: #f2f2f2;
    }

    .has-read-more:not(.show-read-more) .read-more{
        display: none;
    }

    .has-read-more.show-read-more+hr{
        display: none;
    }
}

@media (min-width: 768px){
    .about-page h2{
        font-size: 40px;
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .read-more{
        display: none;
    }
}


/* CONTACT BOX */
.contact-box{
    background: #121B57;
    border-radius: 10px;
    padding: 15px;
    margin-top: 30px;
}

.contact-box h2{
    font-size: 20px;
    font-weight: 600;
    color: #989ACC;
    margin: 10px;
}

.contact-box-buttons{
    display: flex;
    flex-wrap: wrap;
}

.contact-box-buttons a{
    display: block;
    border: 1px solid #F9C836;
    border-radius: 5px;
    padding: 10px 10px 10px 70px;
    text-decoration: none!important;
    position: relative;
    margin: 10px;
    width: 100%;
}

.contact-box-buttons img{
    width: 50px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.contact-box-buttons h3{
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.contact-box-buttons p{
    color: #989ACC;
    margin-bottom: 0;
}

@media (min-width: 768px){
    .contact-box-buttons a{
        width: 30%;
        flex: 1;
    }
}



/* FAQ */
.faq-questions .panel{
    margin-bottom: 0;
    border: none;
    box-shadow: none;
    background: transparent;
}

.faq-questions .panel-default>.panel-heading{
    padding: 0;
    background: transparent;
    border-bottom: 1px solid #CFCFCF;
}

.faq-questions .panel-title>a{
    display: block;
    padding: 15px 40px 15px 15px;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    color: #3F3F3F;
    text-decoration: none!important;
}

.faq-questions .panel-title>a .faq-icon-open,
.faq-questions .panel-title>a .faq-icon-close{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 14px;
}

.faq-questions .panel-title>a.collapsed .faq-icon-close,
.faq-questions .panel-title>a .faq-icon-open{
    display: none;
}

.faq-questions .panel-title>a.collapsed .faq-icon-open{
    display: block;
}

.faq-questions .panel-default>.panel-collapse>.panel-body{
    background: #fff;
    border-bottom: 1px solid #CFCFCF;
}

@media (max-width: 767px){
    .faq-page{
        padding: 0;
    }

    .faq-questions{
        margin: 0 -15px;
    }
}

@media (min-width: 768px){
    .faq-questions .panel-title>a{
        font-size: 24px;
    }
}


/* CONTACT */
.form-control{
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #F9C836;
    font-size: 18px;
    padding: 6px 0;
    background: transparent;
}

.form-control:focus{
    outline: none;
    box-shadow: none;
    border-color: #212B6E;
}

textarea.form-control{
    border: 2px solid #F9C836;
    padding: 6px;
}

.form-effect{
    padding-top: 30px;
    position: relative;
}

.form-effect:after{
    content: '';
    display: block;
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    width: 100%;
    height: 2px;
    background: #F9C836;
    transition: top 0.3s ease 0.3s, height 0.3s ease 0s;
    z-index: -1;
}

.form-effect.active:after{
    top: 30px;
    height: calc(100% - 30px);
    transition: top 0.3s ease, height 0.3s ease 0.3s;
}

.form-effect label{
    color: #212B6E;
    pointer-events: none;
    position: absolute;
    top: 35px;
    left: 5px;
    transition: all 0.3s ease;
    transition-delay: 0.3s;
}

.form-effect label.active{
    top: 5px;
    transition-delay: 0s;
}

.form-effect .form-control{
    font-weight: 700;
    color: #212B6E;
    padding: 6px;
}

.form-effect .form-control::-webkit-input-placeholder { /* Edge */
    opacity: 0;
}

.form-effect .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 0;
}

.form-effect .form-control::placeholder {
    opacity: 0;
}

.form-effect .form-control{
    border-color: transparent;
}

.wpcf7-submit.btn.btn-blue{
    font-size: 20px;
}

.wpcf7-not-valid,
.form-effect .form-control.wpcf7-not-valid{
    border-bottom-color: #f00;
}

span.wpcf7-not-valid-tip{
    display: none!important;
}

.wpcf7-response-output{
    font-size: 18px;
    text-align: center;
    border: none!important;
}

.custom-thank-you{
    text-align: center;
    padding: 75px 0;
    display: none;
}

.custom-thank-you i{
    color: #F9C836;
    font-size: 100px;
}

@media (min-width: 768px){
    .custom-thank-you h2{
        font-size: 32px;
    }

    .custom-thank-you p{
        font-size: 22px;
    }
}


/* LANDING PAGE */
.page-template-page_landing .mobile-header,
.page-template-page_landing .header-menu,
.page-template-page_landing.fixed-navbar .fixed-cta{
    display: none!important;
}

.page-template-page_landing .header .logo{
    width: 143px;
}

.page-template-page_landing .page-wrapper{
    padding-top: 64px;
}

.lp-hero{
    background: #212B6E;
    padding: 50px 0;
}

.lp-hero h1{
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    margin-top: 0;
}

.lp-hero h1 span{
    color: #F9C836;
    font-weight: 700;
}

/*.lp-hero-form .form-group{
    margin-bottom: 30px;
}*/

.lp-hero-form .form-control{
    padding: 10px 0;
    height: 50px;
    outline: none!important;
    font-size: 20px;
    color: #fff;
}

.lp-hero-form textarea.form-control{
    height: auto;
    padding: 10px;
}

.lp-hero-form .form-control:focus{
    border-color: #fff;
}

.lp-hero-form .form-control::-webkit-input-placeholder { /* Edge */
    color: #fff;
}

.lp-hero-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.lp-hero-form .form-control::placeholder {
    color: #fff;
}

.lp-hero-form .form-control option{
    color: #202b6e;
}

.lp-hero-form div.wpcf7-response-output{
    color: #fff;
}

.lp-hero-form .btn-yellow{
    border: 2px solid #F9C836;
    outline: none!important;
}

.hero-benefits{
    margin-top: 25px;
    color: #fff;
}

.hero-benefits span{
    color: #F9C836;
}

.hero-benefits h2{
    margin-top: 0;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

.hero-benefits p{
    font-size: 18px;
}

.lp-sec2{
    background: #fff;
}

.page-template-page_landing .home-categories{
    margin-top: 0;
}

.page-template-page_landing .home-categories h2{
    color: #212B6E;
}

.lp-video{
    padding: 25px 0;
    position: relative;
    z-index: 1;
}

.lp-video:before{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: #F2F2F2;
}

.lp-video-text{
    margin-bottom: 15px;
}

.lp-video h2{
    text-transform: uppercase;
    font-size: 30px;
    color: #212B6E;
    font-weight: 700;
    margin-top: 0;
}

.lp-video h2 span{
    color: #F9C836;
}

.page-template-page_landing .home-actions{
    background: transparent;
}

@media (min-width: 768px){
    .lp-hero h1{
        font-size: 50px;
    }

    .lp-video:before{
        height: 100px;
    }
}

@media (min-width: 992px){
    .lp-video:before{
        height: 200px;
    }
}








/* FOOTER */
.footer{
    background: #fff;
    padding: 50px 0 130px;
    text-align: center;
}

.footer .logo{
    display: block;
    width: 176px;
    margin: 0 auto 20px;
}

.footer-phone{
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 10px;
}

.footer-phone .footer-phone-title{
    font-size: 16px;
    margin-right: 5px;
}

.footer-phone span{
    vertical-align: middle;
}

.footer-address{
    color: #888888;
    font-size: 16px;
    margin-bottom: 10px;
}

.footer-email{
    font-size: 16px;
}

.footer-newsletter h2{
    font-weight: 600;
    text-align: center;
    font-size: 22px;
}

.footer-newsletter-form .mc4wp-form-fields{
    display: flex;
}

.btn-newsletter{
    background: #F9C836;
    color: #212B6E;
    font-weight: 800;
    margin-left: 5px;
    transition: all 0.3s ease;
    font-size: 16px;
}

.btn-newsletter:hover,
.btn-newsletter:focus,
.btn-newsletter:active{
    background: #212B6E;
    color: #F9C836;
}

.footer-newsletter-form .form-group{
    margin-bottom: 0;
}

.footer-newsletter .mc4wp-response{
    font-size: 16px;
}

.footer-newsletter .mc4wp-response{
    margin: 5px 0 0;
}

.fixed-cta{
    transform: translateY(100%);
    transition: all 0.3s ease;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    z-index: 90;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.7+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=0 ); /* IE6-9 */
}

.fixed-cta .btn-yellow,
.btn-yellow-big{
    width: 100%;
    border-bottom: 2px solid #BF9312;
    font-size: 24px;
}

.fixed-cta .btn-yellow:hover,
.fixed-cta .btn-yellow:focus,
.fixed-cta .btn-yellow:active,
.btn-yellow-big:hover,
.btn-yellow-big:focus,
.btn-yellow-big:active{
    border-bottom-color: #0D1443;
}

.page-template-page_contact .fixed-cta{
    display: none!important;
}

@media (max-width: 767px){
    .btn-newsletter{
        height: 68px;
    }

    .newsletter-input-group{
        width: 100%;
    }

    .fixed-navbar .fixed-cta{
        transform: translateY(0);
    }
    .home-hero-content-max h1.replace-title{
        max-width: 100%!important;
    }
    .margin-custom-10{
        margin: 0 !important;
    }
    .margin-bottom-20{margin-bottom:20rem;}
    .margin-top-mobile{margin-top:30rem;}
    .display-in-sm{display: block!important;}
    .display-in-lg{display: none!important;}
    .btn-yellow-orcamento{font-size: 2rem!important;}
    h1.replace-title{font-size: 30px;}

}

@media (min-width: 768px){
    .footer{
        padding: 100px 0 50px;
        margin-top: 100px;
    }

    .footer .container {
        position: relative;
    }

    .footer .logo{
        margin: 0;
        width: 227px;
    }

    .footer-content{
        text-align: right;
    }

    .footer-newsletter{
        background: #212B6E;
        border-radius: 10px;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 100%;
        left: 0;
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-bottom: 50px;
    }

    .footer-newsletter h2{
        color: #fff;
        margin: 0;
        width: 250px;
        text-align: left;
        font-size: 30px;
    }

    .newsletter-input-group{
        display: flex;
    }

    .newsletter-input-group .form-group{
        margin-right: 10px;
    }

    .btn-newsletter{
        font-size: 24px;
        border-radius: 0;
        border: 2px solid #F9C836;
    }

    .footer-newsletter .form-control{
        font-size: 24px;
        height: 100%;
        color: #fff;
    }

    .footer-newsletter .form-control:focus{
        border-bottom-color: #F9C836;
    }

    .footer-newsletter .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #F9C836;
        opacity: 1; /* Firefox */
    }

    .footer-newsletter .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #F9C836;
    }

    .footer-newsletter .form-control::-ms-input-placeholder { /* Microsoft Edge */
        color: #F9C836;
    }

    .footer-newsletter .mc4wp-response{
        color: #fff;
    }

    .footer-newsletter .mc4wp-response a{
        color: #fff;
    }

    .home-hero-content-max h1.replace-title{
        max-width: 100%;
    }
    .margin-custom-10{
        margin: 0;
    }
}

.home-hero-content-max h1.replace-title {
    max-width: 61%;
}

.margin-custom-10{
    margin: 5rem 0 0 20rem;
}

h1.replace-title{
    -webkit-text-fill-color: #FFFFFF;
    text-transform: unset!important;
    font-weight: 500!important;
}

.btn-yellow-orcamento{
    text-transform: unset;
    font-size: 4rem;
    border: 6px double #212B6E!important;
    padding: 0.001rem 1rem 0.001rem 1rem!important;
    font-weight: 600;
    border-radius: 15px;
    background: #F9C836;
    color: #212B6E;
    transition: all 0.3s ease;
}

.text-white{
    color:#FFFFFF;
}

.margin-top-15{
    margin-top: 15%;
}

.display-in-sm{
    display: none;
}

.display-in-lg{
    display: flex;
    justify-content: space-around;
}

@media (min-width: 992px){
    .footer{
        margin-top: 50px;
    }

    .d-lg-flex{
        display: flex!important;
    }
}

.row-sitemap{display: flex;}
.col-sitemap{width: 33.33%;}


/*BLOG*/

.blog {
    padding:  0;
}

.blog .blog-carousel {
    background: #212B6E;
    padding: 75px 0 30px 0;
    color: #fff;
    margin-bottom: 30px;
}

.blog .owl-nav>div {
    position: absolute;
    top: auto;
    transform: translateY(-50%);
    bottom: -15px;
}

.blog .blog-carousel__slide {
    display: flex;
    flex-direction: column;
    grid-gap: 70px;
    max-width: 1060px;
    margin: 0 auto;
}

.blog .blog-carousel__txt {
    padding-top: 5px;
}

.blog .blog-carousel__img {
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
}

.blog .blog-carousel__img--desk {
    display: none;
}

.blog .blog-carousel__img--mob {
    display: block;
    margin-bottom: 25px;
}

.blog .blog-carousel__cat {
    font-size: 16px;
    padding: 5px 22px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-right: 5px;
}

.blog .blog-carousel h2 {
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.blog .blog-carousel p {
    font-size: 18px;
    color: #989ACC;
    line-height: 1.6em;
}
.blog .blog-carousel .btn {
    font-size: 18px;
    margin-top: 20px;
}

.blog .blog-posts h3 {
    text-align: center;
    color: #212B6E;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
}

.blog .blog-posts p {
    text-align: center;
}

.blog .blog-busca {
    display: flex;
    margin-top: 40px;
    grid-gap: 30px;
    align-items: flex-start;
    flex-direction: column;
}

.blog .blog-busca form {
    width: 100%;
}

.blog .blog-busca .searchform div {
    border: 1px solid #212B6E;
    border-radius: 7px;
    display: flex;
    align-items: center;
    width: 100%;

    input {
        border: 0;
        background-color: transparent;
        width: 100%;
    }

    #searchsubmit {
        font-size: 0;
        display: flex;
        align-items: center;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%23212B6E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21L16.7 16.7' stroke='%23212B6E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        height: 44px;
        width: 44px;
    }
}

.blog .blog-busca .blog-busca__list {
    display: flex;
    grid-gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    position: relative;
    width: 100%;

    .active a{
        color: #fff;
        background: #212B6E;
        border: 1px solid #212B6E;
        border-radius: 7px;
        height: 44px;
        padding: 0 10px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 16px;
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    a, button {
        border: 1px solid #DBDBDB;
        border-radius: 7px;
        height: 44px;
        padding: 0 10px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 16px;
        display: flex;
        align-items: center;
        color: #3F3F3F;
        text-decoration: none;
    }  
}

.blog .blog-busca .blog-busca__cat--mais {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}

.blog .blog-busca .blog-busca__list.overflow {
    height: 45px;
    overflow: hidden;
    padding-right: 75px;

    .blog-busca__cat--mais {
        display: block;
        width: 75px;
    }
}

.blog .blog-busca .blog-busca__list.open {
    height: auto;
    .blog-busca__cat--mais {
        display: none;
    }
}



.blog .blog-posts__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 40px;
    margin-top: 40px;
}

.blog .blog-carousel .owl-nav {
    margin-top: 0px;
}

.blog .blog-card,
.post .blog-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    position: relative;
}

.blog .blog-card__img,
.post .blog-card__img {
    position: relative;
    width: 100%;
    height: 220px;

    img {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
    }
}

.blog .blog-card__img span,
.post .blog-card__img span {
    background: #F9C836;
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 5px;
    text-transform: uppercase;
    color: #212B6E;
    font-size: 14px;
    font-weight: 700;
}

.blog .blog-card__cats,
.post .blog-card__cats {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    grid-gap: 5px;
}

.blog .blog-card__txt,
.post .blog-card__txt {
    padding: 25px 20px;

    h4 {
        font-size: 24px;
        color: #212B6E;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1.2em;
        margin-bottom: 15px;
        margin-top: 0;
    }

    p {
        text-align: left;
        color: #3f3f3f;
        line-height: 1.6em;
    }
}

.blog .blog-card__date,
.post .blog-card__date {
    color: #989ACC;
    font-size: 14px;
    margin-bottom: 10px;
}

.blog .blog-card__link,
.post .blog-card__link {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    margin-top: 15px;

    a {
        font-size: 16px;
        white-space: nowrap;
    }
}

.blog .blog-card__link:before,
.post .blog-card__link:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #F9C836;
}

.blog .blog-card a:before,
.post .blog-card a:before { /*o truque fica aqui :) */
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: 2;
}

.blog .blog-posts__nav,
.post .blog-posts__nav {
    display: flex;
    justify-content: center;
    grid-gap: 10px;
    margin-top: 40px;
    margin-bottom: 50px;

    span, a {
        border: 1px solid #212B6E;
        border-radius: 7px;
        height: 44px;
        width: 44px;
        padding: 10px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 16px;
        display: flex;
        align-items: center;
        color: #212B6E;
        text-decoration: none;
        text-align: center;
        justify-content: center;
    }

    .current {
        background: #212B6E;
        color: #fff;
    }
}

/*.single .page-wrapper {
    padding-top: 20px;
}*/

.single .breadcrumb {
    background-color: transparent;
}

.post {
    padding-top: 0;
}

.post .post-header {
    background: #212B6E;
    color: #fff;
    padding: 30px 0;

    h1 {
        font-size: 32px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
}

.post .container {
    max-width: 1120px;
}

.post .post-header .post-header__info {
    color: #F9C836;
    display: flex;
    align-items: center;
    grid-gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.post .post-header__autor {
    display: flex;
    grid-gap: 6px;
    align-items: center;
    
}

.post .post-header__autor:before {
    content: '';
    height: 16px;
    width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6666 14V12.6667C12.6666 11.9594 12.3856 11.2811 11.8855 10.781C11.3854 10.281 10.7072 10 9.99992 10H5.99992C5.29267 10 4.6144 10.281 4.1143 10.781C3.6142 11.2811 3.33325 11.9594 3.33325 12.6667V14' stroke='%23F9C836' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.99992 7.33333C9.47268 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47268 2 7.99992 2C6.52716 2 5.33325 3.19391 5.33325 4.66667C5.33325 6.13943 6.52716 7.33333 7.99992 7.33333Z' stroke='%23F9C836' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex: 0 0 16px;
}

.post .post-header__tempo {
    display: flex;
    grid-gap: 6px;
    align-items: center;
}

.post .post-header__tempo:before {
    content: '';
    height: 16px;
    width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_211_743)'%3E%3Cpath d='M7.99992 14.6667C11.6818 14.6667 14.6666 11.6819 14.6666 8.00001C14.6666 4.31811 11.6818 1.33334 7.99992 1.33334C4.31802 1.33334 1.33325 4.31811 1.33325 8.00001C1.33325 11.6819 4.31802 14.6667 7.99992 14.6667Z' stroke='%23F9C836' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 4V8L10.6667 9.33333' stroke='%23F9C836' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_211_743'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex: 0 0 16px;
}

.post .post-header__cat {
    background: #F9C836;
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 5px;
    text-transform: uppercase;
    color: #212B6E;
    font-size: 14px;
    font-weight: 700;
}

.post .post-header__img {
    margin: 0;
    padding: 0;
    margin-top: 30px;
    margin-bottom: -110px;
    border-radius: 5px;
    overflow: hidden;
}

.post .post-container figure {
    margin: 40px 0;
}

.post .post-container {
    padding-top: 110px;
    max-width: 1120px;

    h2 {
        text-transform: uppercase;
        font-size: 24px;
        color: #212B6E;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    h3 {
        text-transform: uppercase;
        font-size: 20px;
        color: #212B6E;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    h4 {
        font-size: 18px;
        color: #212B6E;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    ul {
        padding-left: 20px;
    }

    li::marker {
        color: #212B6E;
    }
}

.post .post-share {
    display: inline-flex;
    align-items: center;
    grid-gap: 12px;
    position: relative;

    h3 {
        font-size: 20px;
        color: #212B6E;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 15px;
    }
}

.post .post-share__box {
    position: absolute;
    right: -50px;
    bottom: 58px;
    display: none;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 140px;
    background: #182579;
    border-radius: 5px;
    padding: 8px;
    color: #fff;

    li {
        display: flex;
        align-items: center;
        grid-gap: 15px;
        padding: 8px;
        border-bottom: 1px solid rgba(255,255,255,0.16);
    }

    li:last-child {
        border: 0;
    }

    button, a {
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 14px;
        line-height: 1.2em;
        cursor: pointer;
        display: block;
        padding: 0;
    }
}

.post .post-share__box.active{
    display: flex;
}

.post .post-share .post-share__btn {
    border:0;
    font-size: 0;
    width: 41px;
    height: 41px;
    background-color: #212B6E;
    border-radius: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0,0,256,256'%3E%3Cg fill='%23ffffff' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cg transform='scale(5.33333,5.33333)'%3E%3Cpath d='M36,5c-3.84823,0 -7,3.15178 -7,7c0,0.58577 0.19854,1.10946 0.33594,1.6543l-11.99023,5.99805c-1.28658,-1.57841 -3.1642,-2.65234 -5.3457,-2.65234c-3.84823,0 -7,3.15178 -7,7c0,3.84822 3.15177,7 7,7c2.1815,0 4.05912,-1.07394 5.3457,-2.65234l11.99023,5.99805c-0.13739,0.54483 -0.33594,1.06853 -0.33594,1.6543c0,3.84822 3.15177,7 7,7c3.84823,0 7,-3.15178 7,-7c0,-3.84822 -3.15177,-7 -7,-7c-2.1815,0 -4.05912,1.07394 -5.3457,2.65234l-11.99023,-5.99805c0.13739,-0.54483 0.33594,-1.06853 0.33594,-1.6543c0,-0.58577 -0.19854,-1.10946 -0.33594,-1.6543l11.99023,-5.99805c1.28658,1.57841 3.1642,2.65234 5.3457,2.65234c3.84823,0 7,-3.15178 7,-7c0,-3.84822 -3.15177,-7 -7,-7zM36,8c2.22691,0 4,1.77309 4,4c0,2.22691 -1.77309,4 -4,4c-2.22691,0 -4,-1.77309 -4,-4c0,-2.22691 1.77309,-4 4,-4zM12,20c2.22691,0 4,1.77309 4,4c0,2.22691 -1.77309,4 -4,4c-2.22691,0 -4,-1.77309 -4,-4c0,-2.22691 1.77309,-4 4,-4zM36,32c2.22691,0 4,1.77309 4,4c0,2.22691 -1.77309,4 -4,4c-2.22691,0 -4,-1.77309 -4,-4c0,-2.22691 1.77309,-4 4,-4z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
}

.post-share__url:before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.09326 12.0835C9.52271 12.6576 10.0706 13.1326 10.6998 13.4764C11.329 13.8202 12.0248 14.0246 12.7399 14.0758C13.4551 14.127 14.1728 14.0238 14.8446 13.7732C15.5164 13.5227 16.1264 13.1305 16.6333 12.6235L19.6333 9.62346C20.5441 8.68045 21.048 7.41744 21.0366 6.10646C21.0252 4.79547 20.4994 3.54141 19.5724 2.61437C18.6453 1.68733 17.3913 1.16148 16.0803 1.15009C14.7693 1.1387 13.5063 1.64267 12.5633 2.55346L10.8433 4.26346' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0935 10.0837C12.664 9.50959 12.1161 9.03454 11.4869 8.69078C10.8577 8.34702 10.162 8.1426 9.44681 8.09139C8.73167 8.04017 8.01387 8.14335 7.34212 8.39394C6.67036 8.64453 6.06035 9.03665 5.55346 9.54372L2.55346 12.5437C1.64267 13.4867 1.1387 14.7497 1.15009 16.0607C1.16148 17.3717 1.68733 18.6258 2.61437 19.5528C3.54141 20.4799 4.79547 21.0057 6.10646 21.0171C7.41744 21.0285 8.68045 20.5245 9.62346 19.6137L11.3335 17.9037' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex: 0 0 20px;
}

.post-share__url:has(.bt-copiado):before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 50 50'%3E%3Cpath d='M 41.9375 8.625 C 41.273438 8.648438 40.664063 9 40.3125 9.5625 L 21.5 38.34375 L 9.3125 27.8125 C 8.789063 27.269531 8.003906 27.066406 7.28125 27.292969 C 6.5625 27.515625 6.027344 28.125 5.902344 28.867188 C 5.777344 29.613281 6.078125 30.363281 6.6875 30.8125 L 20.625 42.875 C 21.0625 43.246094 21.640625 43.410156 22.207031 43.328125 C 22.777344 43.242188 23.28125 42.917969 23.59375 42.4375 L 43.6875 11.75 C 44.117188 11.121094 44.152344 10.308594 43.78125 9.644531 C 43.410156 8.984375 42.695313 8.589844 41.9375 8.625 Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}

.post-share__wp:before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5331 13.6889L14.9081 11.8764C14.7654 11.8053 14.6065 11.7731 14.4474 11.783C14.2883 11.793 14.1346 11.8447 14.0019 11.933L12.3378 13.0432C11.5739 12.6233 10.9452 11.9946 10.5253 11.2307L11.6354 9.5666C11.7237 9.43387 11.7755 9.2802 11.7854 9.12108C11.7954 8.96197 11.7632 8.80304 11.6921 8.66035L9.87956 5.03535C9.80444 4.88364 9.68832 4.756 9.54436 4.6669C9.4004 4.5778 9.23437 4.53081 9.06507 4.53125C7.86331 4.53125 6.71077 5.00865 5.86099 5.85842C5.01122 6.7082 4.53382 7.86074 4.53382 9.0625C4.53682 11.7055 5.58806 14.2393 7.45691 16.1082C9.32577 17.977 11.8596 19.0283 14.5026 19.0312C15.0976 19.0312 15.6869 18.914 16.2366 18.6863C16.7864 18.4586 17.2859 18.1248 17.7066 17.7041C18.1274 17.2833 18.4612 16.7838 18.6889 16.234C18.9166 15.6843 19.0338 15.0951 19.0338 14.5C19.0339 14.3316 18.9872 14.1666 18.8987 14.0233C18.8103 13.88 18.6837 13.7642 18.5331 13.6889ZM14.5026 17.2188C12.3401 17.2164 10.267 16.3563 8.73788 14.8272C7.20881 13.2981 6.34872 11.2249 6.34632 9.0625C6.34615 8.43392 6.56378 7.82471 6.96219 7.33852C7.3606 6.85233 7.91516 6.51922 8.53152 6.39586L9.83198 9.00133L8.72523 10.6484C8.64252 10.7725 8.59171 10.915 8.57728 11.0634C8.56286 11.2118 8.58527 11.3615 8.64253 11.4992C9.29094 13.0402 10.5169 14.2662 12.058 14.9146C12.196 14.9744 12.3468 14.9989 12.4968 14.9858C12.6467 14.9728 12.791 14.9226 12.9166 14.8398L14.5717 13.7365L17.1771 15.037C17.0528 15.654 16.7182 16.2088 16.2305 16.6067C15.7427 17.0046 15.132 17.2209 14.5026 17.2188ZM11.7838 2.8057e-07C9.74982 -0.000443566 7.75035 0.525725 5.98003 1.52729C4.20971 2.52886 2.72885 3.9717 1.68159 5.71538C0.634337 7.45906 0.0563592 9.44417 0.0039172 11.4775C-0.0485248 13.5108 0.426356 15.5231 1.38234 17.3184L0.096595 21.1757C-0.00990682 21.495 -0.0253627 21.8377 0.0519597 22.1654C0.129282 22.493 0.296327 22.7927 0.534372 23.0307C0.772417 23.2687 1.07205 23.4358 1.3997 23.5131C1.72735 23.5904 2.07005 23.575 2.38941 23.4685L6.24663 22.1827C7.82665 23.0231 9.57734 23.4925 11.3658 23.5553C13.1543 23.618 14.9336 23.2725 16.5687 22.5449C18.2037 21.8174 19.6515 20.7269 20.8022 19.3562C21.9528 17.9856 22.7761 16.3708 23.2095 14.6345C23.6429 12.8982 23.6751 11.0859 23.3035 9.33532C22.932 7.58471 22.1665 5.94176 21.0652 4.53116C19.9639 3.12055 18.5557 1.97939 16.9475 1.19427C15.3393 0.409159 13.5734 0.000734323 11.7838 2.8057e-07ZM11.7838 21.75C10.0313 21.7512 8.3096 21.2897 6.79265 20.4121C6.68158 20.3477 6.5581 20.3077 6.43038 20.2946C6.30265 20.2815 6.17361 20.2957 6.05179 20.3363L1.81507 21.75L3.22769 17.5133C3.26841 17.3915 3.2828 17.2625 3.26991 17.1348C3.25702 17.0071 3.21715 16.8836 3.15292 16.7724C2.05406 14.8726 1.61287 12.6632 1.8978 10.4871C2.18273 8.31092 3.17784 6.28962 4.72877 4.73673C6.27969 3.18385 8.29974 2.18618 10.4755 1.89851C12.6513 1.61083 14.8612 2.04923 16.7625 3.14569C18.6637 4.24215 20.1499 5.93538 20.9906 7.96271C21.8313 9.99004 21.9794 12.2381 21.4121 14.3583C20.8447 16.4784 19.5936 18.352 17.8527 19.6885C16.1118 21.025 13.9785 21.7496 11.7838 21.75Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex: 0 0 20px;
}

.post .post-relacionados {
    h2 {
        text-transform: uppercase;
        font-size: 24px;
        color: #212B6E;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 15px;
    }
}

.post .post-relacionados__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 40px;
}

@media (min-width: 768px){

    .blog .blog-carousel {
        padding: 75px 0 60px 0;
        margin-bottom: 40px;
    }

    .blog .owl-nav>div {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
    }

    .blog .blog-carousel__slide {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 70px;
        max-width: 1060px;
        margin: 0 auto;
    }

    .blog .blog-carousel h2 {
        font-size: 50px;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .blog .blog-carousel__img--desk {
        display: block;
    }

    .blog .blog-carousel__img--mob {
        display: none;
    }

    .blog .blog-carousel p {
        font-size: 24px;
        color: #989ACC;
    }

    .blog .blog-carousel .owl-nav {
        margin-top: 50px;
    }

    .blog .blog-posts h3 {
        text-align: center;
        color: #212B6E;
        text-transform: uppercase;
        font-size: 32px;
        font-weight: 700;
    }

    .blog .blog-busca {
        display: flex;
        margin-top: 40px;
        grid-gap: 30px;
        align-items: flex-start;
        flex-direction: row;
    }

    .blog .blog-busca form {
        width: auto;
    }

    .blog .blog-busca .searchform div {
        width: 210px;
    }

    .blog .blog-posts__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 40px;
        margin-top: 40px;
    }

    .post .post-header {
        padding: 50px 0;

        h1 {
            font-size: 42px;
        }
    }

    .post .post-header__img {
        margin: 0;
        padding: 0;
        margin-top: 30px;
        margin-bottom: -280px;
        border-radius: 5px;
        overflow: hidden;
    }

    .post .post-container {
        padding-top: 270px;

        h2 {
            text-transform: uppercase;
            font-size: 40px;
            color: #212B6E;
            font-weight: 700;
            margin-top: 20px;
            margin-bottom: 15px;
        }

        h3 {
            text-transform: uppercase;
            font-size: 24px;
            color: #212B6E;
            font-weight: 700;
            margin-top: 20px;
            margin-bottom: 15px;
        }

        h4 {
            font-size: 18px;
            color: #212B6E;
            font-weight: 700;
            margin-top: 20px;
            margin-bottom: 15px;
        }

        ul {
            padding-left: 20px;
        }

        li::marker {
            color: #212B6E;
        }
    }

    .post .post-relacionados__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 40px;
    }

    .post .post-share {
        display: inline-flex;
        align-items: center;
        grid-gap: 12px;
        position: relative;

        h3 {
            font-size: 24px;
            color: #212B6E;
            font-weight: 700;
            margin-top: 20px;
            margin-bottom: 15px;
        }
    }

    .post .post-relacionados {
        h2 {
            text-transform: uppercase;
            font-size: 40px;
            color: #212B6E;
            font-weight: 700;
            margin-top: 20px;
            margin-bottom: 15px;
        }
    }
}

/*SOBRE*/

.sobre .hero-banner {
	padding: 60px 20px;
	
	h1 {
		text-transform: uppercase;
		word-break: break-word;
		font-size: 40px;
		color: #F9C836;
		font-weight: 700;
		margin-top: 20px;
		margin-bottom: 15px;
		width: 300px;
	}
	
	h1::first-line {
		color: white;
	}
	
	p {
		color: white;
		font-size: 20px;
		border-left: 4px solid #F9C836;
		padding-left: 20px;
	}

	@media (min-width: 768px){
		
		h1 {font-size: 80px;}
		p {font-size: 24px;	}
	}
	
	@media (max-width: 767px){
		p {max-width: 260px;	}
	}
}
@media (min-width: 768px){
	.sobre .hero-banner {
		padding: 80px 0px;
	}
}

.sobre .one-block {
	text-align: center;
	
	@media (min-width: 950px){
		.texto { padding: 0 10%;}
		p.dark-blue { padding: 0 20%;}
	}
}

.sobre .faixa-cinza {
	background: #f2f2f2;
	padding: 30px;
	
	h2 { 
		font-size: 30px; 
		color: #212B6E; 
		text-transform: uppercase;
		font-weight: 700;
	}
	p { font-size: 18px;}
	p.dark-blue { color: #212B6E; font-weight: 500;}
	
	@media (min-width: 768px){
		padding: 80px 0;
		
		h2 {font-size: 48px;	}
	}
}

.sobre .faixa-branca {
	background: white;
	padding: 60px 0;
	
	@media (max-width: 767px){
		padding: 30px 0;	}
	}
}

@media (min-width: 768px){
	.sobre .faixa-branca {padding: 60px 0 30px;}
}


.sobre .faixa-azul {
	background: #212B6E;
	padding: 60px 0;
}

.sobre .content-bignumbers {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #F9C836;
	
	.bignumbers-number {
		text-align: center;
		h3 {
			font-size: 60px;
			color: #212B6E;
			font-weight: 700;
			text-align: center;
		}
		h3.small {
			font-size: 36px;
			text-transform: uppercase;
		}
		
		p {
			text-transform: uppercase;
			font-size: 17px;
			padding: 0;
			color: #212B6E;
			font-weight: 700;
			text-align: center;
		}
	}
	@media (max-width: 768px){
		.bignumbers-number {padding: 15px 0px;}
	}
		
	@media (min-width: 900px){
		.bignumbers {
			display: flex;
			flex-direction: row;
			align-content: center;
			justify-content: space-between;
			align-items: center;
			position: relative;
			flex-wrap: no-wrap;
			align-items: stretch;
		}
		.bignumbers-number {
			border-right: 1px solid #212B6E;
			display: block;
			flex-basis: 50%; 
			display: flex; 
			align-items: center;
			flex-direction: column;
			justify-content: center;
		}
		.bignumbers-number:last-child {
			border: none;
		}
	}
	
	
}

.sobre .content-veja-tambem {
	padding-bottom: 60px;
	padding-top: 40px;
	
	h2 {
		text-transform: uppercase;
		font-size: 40px;
		color: #212B6E;
		font-weight: 700;
		margin-top: 20px;
		margin-bottom: 40px;
		text-align: center;
	}
	
	.veja-card {
		border-radius: 15px;
		
		.veja-card-interno {
			position: relative;
			height: 250px;
			display: block;
			overflow: hidden;
			border-radius: 10px;
			margin-bottom: 20px;
			
			img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100% !important;
				border-radius: 10px;
			}
			
			.texto {
				background: white;
				position: absolute;
				bottom: 0;
				left: 0;
				height: 40% !important;
				width: 100% !important;
				border-radius: 0 0 10px 10px;
				padding: 0 0 0 10px;
				
				h3 {
					font-size: 24px;
					text-transform: uppercase;
					color: #212B6E;
					font-weight: 700;
					padding: 0 0 0 20px;
				}
				
				.home-action-button {
					margin-left: 16px;
					font-size: 14px;
					text-transform: uppercase;
					color: #212B6E;
					font-weight: 700;
					right: 0;
				}
			}
		}
	}
}

/* SOBRE - HISTÓRIA */

.sobre-historia {

	.content-historia .texto { 
		padding-right: 30px; 
		padding-bottom: 30px;
	}

	.content-historia .imagem img { 
		border-radius: 5px;
	}

	.content-historia {
		padding-top: 60px;
		
		h2 {
			text-transform: uppercase;
			font-size: 40px;
			color: #212B6E;
			font-weight: 700;
			margin-top: 20px;
			margin-bottom: 15px;
		}
		
		p {
			font-size: 18px;
			padding: 10px 0;
		}
		
		p.quote {
			color: #212B6E;
			font-style: italic;
			font-size: 18px;
			border-left: 4px solid #212B6E;
			padding-left: 20px;
		}
	}

	.content-diferenciais {
		padding-top: 40px;
		padding-bottom: 40px;
		
		h2 {
			text-transform: uppercase;
			font-size: 40px;
			color: #212B6E;
			font-weight: 700;
			margin-top: 20px;
			margin-bottom: 40px;
			text-align: center;
		}
		
		.historia-diferenciais-content {
			border-radius: 10px;
			padding: 20px;
			background: white;
			box-shadow: 3px 3px 15px #ccc;
			margin-bottom: 20px;
			
			h3 {
				text-transform: uppercase;
				font-size: 24px;
				color: #212B6E;
				font-weight: 700;
			}
			
			p {
				font-size: 15px;
			}
		}
	}

	.faixa-economia, .sobre .faixa-azul {
		padding-top: 60px;
		padding-bottom: 60px;
		background: #212B6E;
		
		.faixa-economia-imagem {
			display: none;
		}
		
		@media (min-width: 992px){
			.faixa-economia-imagem {
				display: block;
			}
		}
		
		.faixa-economia-imagem img { 
			border-radius: 5px;
		}
		
		.faixa-economia-content {
			padding-right: 30px;
		}
		
		h2 {
			text-transform: uppercase;
			font-size: 40px;
			color: white;
			font-weight: 700;
			
			span { color: #F9C836; }
		}
		
		p {
			font-size: 20px;
			padding: 10px 0;
			color: #D1D5DC;
		}
		
		.box {
			display: flex;
			flex-direction: row;
			background-color: white;
			border-bottom: 12px solid #F9C836;
			border-radius: 10px;
			align-content: center;
			justify-content: center;
			align-items: center;
			padding: 10px;
			margin-top: 20px;
			
			.box-icon {
				margin: 0 10px;
				flex-shrink: 0;
			}
			
			.box-text {
				margin: 0 10px;
				
				h4 {
					text-transform: uppercase;
					font-size: 18px;
					color: #212B6E;
					font-weight: 700;
				}
				
				p {
					font-size: 16px;
					padding: 0;
					color: #212B6E;
				}
			}
		}
	}

	.content-eficiencia {
		padding-top: 40px;
		padding-bottom: 40px;
		background: white;
		
		h2 {
			text-transform: uppercase;
			font-size: 40px;
			color: #212B6E;
			font-weight: 700;
			margin-top: 20px;
			text-align: center;
		}
		
		p {
			font-size: 20px;
			padding: 15px 0;
			text-align: center;
		}
		
		.container-items {
			display: flex;
			flex-direction: row;
			align-content: center;
			justify-content: space-between;
			align-items: center;
			position: relative;
			flex-wrap: wrap;
			
			.eficiencia-item {
				flex-basis: 100%;
				z-index: 1;
			}
			
			.historia-eficiencia-content {
				text-align: center;
				padding: 0 20px;
				
				img {margin-top: 20px;}
				
				h3 {
					text-transform: uppercase;
					font-size: 20px;
					color: #212B6E;
					font-weight: 700;
					text-align: center;
					margin-top: 5px;
				}
				
				p {
					font-size: 14px;
					padding: 0;
					text-align: center;
				}
			}
			
		}
		
		@media (min-width: 768px){
			.container-items .eficiencia-item {
				flex-basis: 25%;
				z-index: 1;
			}
			.historia-eficiencia-content {				
				h3 {margin-top: 5px;}
			}
			.container-items::before {
				content: '';
				width: 100%;
				position: absolute;
				top: 37%;
				height: 4px;
				background: #E5E7EB;
				z-index: 0;
			}
		}
	}
}

/* SOBRE - TECNOLOGIA */

.sobre-tecnologia  {
	.hero-banner {
		h1 { width: 370px; }
	}
	
	.faixa-cinza {
		&.text-consultor {
			.texto {
				text-align: center;
				
				p.bigger {
					font-size: 24px;
				}
				p.dark-blue {
					padding: 30px 0;
				}
				.blue-box {
					max-width: 450px;
					display: inline-block;
					background: #212B6E;
					border-radius: 10px;
					padding: 10px 40px 35px;
					
					h3 {
						font-size: 24px;
						line-height: 32px;
						color: white;
						text-transform: uppercase;
						font-weight: 700;
						margin-bottom: 0;
					}
					p {
						color: #f9c836;
						font-size: 18px;
						padding: 10px 0;
					}
					a { 
						position: relative;
						padding: 8px 40px;
					}
					a img {
						width: 20px;
						position: absolute;
						top: 8px;
						left: 15px;
					}
				}
			}
			
			@media (min-width: 950px){
				.texto { padding: 0 8%;}
				p.dark-blue { padding: 0 12%;}
			}
			
		}
	}
	
	.faixa-azul {
		.column-container {
			display: flex;
			flex-direction: row;
			align-content: center;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
		}
		h2 {
			font-size: 30px;
			line-height: 36px;
			color: #f9c836;
			text-transform: uppercase;
			font-weight: 700;
		}
		@media (min-width: 768px){
			h2 {font-size: 40px;}
		}
		p {
			font-size: 18px;
			color: #d1d5dc;
			line-height: 28px;
			margin-top: 20px;
		}
		p.border {
			color: white;
			font-weight: 500;
			border-left: 4px solid #f9c836;
			padding-left: 20px;
		}
		ul {
			list-style-position: inside;
			list-style-type: disc;
			padding: 0;
			
			li {
			  font-size: 16px;
			  color: #d1d5dc;
			  line-height: 32px;
			}
			li::marker {
			  color: #f9c836;
			  font-size: 20px;
			}
		}
		
		.faixa-azul-imagem img {
			border-radius: 10px;
		}
		
		.white-box {
			background: white;
			border-radius: 10px;
			margin-top: 20px;
			padding: 10px 20px;
			border-bottom: 12px solid #f9c836;
			
			.white-box-text {
				h4 {
					font-size: 18px;
					text-transform: uppercase;
					color: #212B6E;
					font-weight: 700;
				}
				p {
					font-size: 18px;
					color: #212B6E;
					margin: 0;
				}
			}
		}
		
		&.sobre-customizacao {
			p {
				font-size: 18px;
				color: #d1d5dc;
				line-height: 28px;
				margin-top: 20px;
			}
			
			p.text-yellow {
				color: #f9c836;
				margin-bottom: 20px;
			}
			
			h2 {
				color: white;
				font-size: 36px;
			}
			
			h4 {
				font-size: 16px;
				text-transform: uppercase;
				font-weight: 700;
				color: #f9c836;
			}
			
			h4:before {
				content: '';
				width: 28px;
				height: 28px;
				margin-right: 10px;
				background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.333 3.5H4.66634C3.37768 3.5 2.33301 4.54467 2.33301 5.83333V17.5C2.33301 18.7887 3.37768 19.8333 4.66634 19.8333H23.333C24.6217 19.8333 25.6663 18.7887 25.6663 17.5V5.83333C25.6663 4.54467 24.6217 3.5 23.333 3.5Z" stroke="%23F9C836" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.33301 24.5H18.6663" stroke="%23F9C836" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 19.8333V24.4999" stroke="%23F9C836" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
				vertical-align: middle;
				display: inline-block;
			}
			
			@media (max-width: 768px){
				.column-container {
					flex-direction: column-reverse;
				}
				.faixa-azul-imagem img {border: 2px solid #1a2255;}
			}
		}
	}
	
	.faixa-branca {
		.column-container {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-content: center;
			justify-content: space-between;
			align-items: center;
			padding-top: 30px;
		}
		.faixa-branca-content {
			flex-basis: 100%;
			
			h2 {
				text-transform: uppercase;
				font-size: 30px;
				color: #212B6E;
				font-weight: 700;
				margin-top: 0;
			}
			@media (min-width: 768px){
				h2 {font-size: 40px;	}
			}
			h2.has-icon:before {
				content: '';
				width: 32px;
				height: 30px;
				margin-right: 10px;
				background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0003 29.3332C23.3641 29.3332 29.3337 23.3636 29.3337 15.9998C29.3337 8.63604 23.3641 2.6665 16.0003 2.6665C8.63653 2.6665 2.66699 8.63604 2.66699 15.9998C2.66699 23.3636 8.63653 29.3332 16.0003 29.3332Z" stroke="%23F9C836" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16.0002L14.6667 18.6668L20 13.3335" stroke="%23F9C836" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
				vertical-align: text-bottom;
				display: inline-block;
			}
			p {
				font-size: 18px;
				line-height: 28px;
				margin-bottom: 20px;
			}
			.blue-box {
				background: #212B6E;
				border-radius: 10px;
				padding: 10px 30px;
				margin-bottom: 20px;
                
				
				.blue-box-text {
					h4 { 
						font-size: 20px;
						color: white;
						font-weight: 600;
						font-style: italic;
					}
					
					p {
						font-size: 18px;
						color: #f9c836;
						margin-bottom: 7px;
					}
				}
			}
			.gray-boxes {
				display: flex;
				flex-direction: row;
				align-content: center;
				justify-content: space-between;
				align-items: center;
				position: relative;
				flex-wrap: wrap;
				
				.gray-box {
					border-radius: 10px;
					flex-basis: 48%;
					background: #f2f2f2;
					text-align: center;
					margin-bottom: 4%;
					padding: 25px;
					
					h3 { 
						font-size: 16px;
						text-transform: uppercase;
						color: #212B6E;
						font-weight: 600;
						margin-bottom: 0;
					}
				}
			}
			
			@media (min-width: 768px){
				p {	padding-right: 5%;	}
				.blue-box { max-width: 285px; }
			}
			
			.check-box {
				text-align: left;
				background: #f9fafb;
				border: 1px solid #e5e7eb;
				border-radius: 14px;
				padding: 15px 25px 20px;
				margin-bottom: 30px;
				
				h3 {
					text-transform: uppercase;
					font-size: 20px;
					color: #212B6E;
					font-weight: 700;
					padding-bottom: 10px;
					margin-bottom: 25px;
					border-bottom: 1px solid #212B6E;
				}
				p { font-weight: 500; line-height: 25px;}
				
				p:before {
					content: '';
					width: 20px;
					height: 20px;
					margin-right: 10px;
					background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0003 29.3332C23.3641 29.3332 29.3337 23.3636 29.3337 15.9998C29.3337 8.63604 23.3641 2.6665 16.0003 2.6665C8.63653 2.6665 2.66699 8.63604 2.66699 15.9998C2.66699 23.3636 8.63653 29.3332 16.0003 29.3332Z" stroke="%2300A63E" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16.0002L14.6667 18.6668L20 13.3335" stroke="%2300A63E" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center;
					vertical-align: text-bottom;
					display: inline-block;
				}
			}
			.yellow-box {
				background: #F9C836;
				padding: 15px 25px;
				border-radius: 5px;
				box-shadow: 0 4px 4px rgba(0,0,0,.25);
				text-align: left;
				
				h3 {
					text-transform: uppercase;
					font-size: 24px;
					color: #212B6E;
					font-weight: 700;
				}
				p { 
					font-weight: 500; 
					font-size: 18px;
					line-height: 25px;
					color: #212B6E;
				}
			}
			
			@media (max-width: 768px){
				.yellow-box { text-align: left;}
			}
		}
	}
	@media (min-width: 768px){
		.column-container .faixa-branca-content, 
		.column-container .faixa-azul-imagem, 
		.column-container .faixa-azul-content { 
			flex-basis: 48%; 
			flex-wrap: no-wrap;
		}
	}
}

/* SOBRE - ASSISTENCIA */

.sobre-assistencia  {
	.hero-banner {
		h1 { width: 370px; }
	}
	
	.faixa-cinza {
		&.one-block {
			h2 { padding-bottom: 20px;}
			p { margin: 15px 0;	}
		}
		&.text-consultor {
			background: white;
			
			.texto {
				text-align: center;
				
				h2 {
					text-transform: uppercase;
					font-size: 30px;
					color: #212B6E;
					font-weight: 700;
					margin-top: 0;
				}
				@media (min-width: 768px){
					margin-top: 20px;
					h2 {font-size: 40px;	}
				}
				
				p {
					font-size: 18px;
					margin-bottom: 20px;
				}

				.blue-box {
					background: #212B6E;
					border-radius: 10px;
					padding: 35px 10%;
					margin: auto;
					
					h3 {
						color: #f9c836;
						font-size: 20px;
						line-height: 28px;
						text-transform: uppercase;
						font-weight: 700;
						margin-bottom: 25px;
						margin-top: 25px;
					}
					
					p.bigger {
						color: white;
						font-size: 24px;
						line-height: 32px;
						font-weight: 300;
						font-style: italic;
						margin-bottom: 20px;
					}
					
					a { 
						position: relative;
						padding: 12px 65px;
					}
					a img {
						width: 20px;
						position: absolute;
						top: 13px;
						left: 34px;
					}
				}
				
			}
			
			@media (min-width: 950px){
				.texto { padding: 0 8%;}
				.texto p.subtitulo { padding: 0 15% 10px;}
				.texto .blue-box {
					width: 900px;
					padding: 35px 20% 35px;
				}
			}
			
		}
	}
	
	.faixa-branca {
		.faixa-branca-content {
			h2 {
				text-transform: uppercase;
				font-size: 30px;
				color: #212B6E;
				font-weight: 700;
				text-align: center;
			}
			@media (min-width: 768px){
				h2 {font-size: 40px;	}
			}
			p {
				font-size: 16px;
				text-align: center;
				padding-bottom: 20px;
			}
			.gray-boxes {
				display: flex;
				flex-direction: row;
				align-content: center;
				justify-content: space-between;
				align-items: center;
				position: relative;
				align-items: stretch;
				flex-wrap: wrap;
				
				.gray-box {
					border-radius: 10px;
					border-bottom: 4px solid #f9c836;
					box-shadow: 0 4px 6px rgba(0,0,0,.1);
					text-align: center;
					padding: 25px;

					h3 {
						text-transform: uppercase;
						font-size: 20px;
						color: #212B6E;
						font-weight: 700;
						text-align: center;
					}
					p {
						font-size: 16px;
						padding-bottom: 0;
					}
				}
				
				@media (min-width: 768px){
					.gray-box { 
						flex-basis: 32%;
					}
				}
			}
		}
	}
	
	.faixa-azul {
		.faixa-azul-content {
			text-align: center;
			h2 {
				text-transform: uppercase;
				font-size: 30px;
				color: white;
				font-weight: 700;
				text-align: center;
				margin-top: 0;
			}
			@media (min-width: 768px){
				h2 {font-size: 48px;	}
			}
			p.subtitle {
				font-size: 16px;
				line-height: 25px;
				text-align: center;
				color: white;
				padding: 20px;
				
				@media (min-width: 768px){
					font-size: 20px;
					line-height: 30px;
				}
				
			}
			.gray-boxes {
				display: flex;
				flex-direction: row;
				align-content: center;
				justify-content: space-evenly;
				align-items: center;
				position: relative;
				align-items: stretch;
				flex-wrap: wrap;
				
				.gray-box {
					border-radius: 10px;
					background: rgba(255,255,255,.05);
					border: 1px solid #5d6491;
					text-align: center;
					padding: 25px;
					margin-bottom: 20px;

					h3 {
						text-transform: uppercase;
						font-size: 18px;
						color: #F9C836;
						font-weight: 700;
						text-align: center;
						margin: 0;
						padding: 0 0 10px 0;
					}
					p {
						font-size: 16px;
						color: white;
						margin: 0;
						padding: 0;
					}
				}
				
				@media (min-width: 768px){
					.gray-box { 
						flex-basis: 29%;
					}
				}
				@media (max-width: 767px){
					.gray-box { 
						width: 100%;
					}
				}
			}
		}
	}
}

/* SOBRE - SUSTENTABILIDADE */

.sobre-sustentabilidade  {
	.hero-banner {
		padding-top: 120px; 
		padding-bottom: 120px;
		
		h1 { 
			width: 560px; 
		}
		h1::first-line {
			color: #F9C836; 
		}
		@media (max-width: 767px){
			padding-top: 150px;
			padding-bottom: 90px;
			background-position-x: 77%!important;
			h1 { width: auto; }
		}
	}
	
	.faixa-branca {
		@media (max-width: 767px){
			background: #f2f2f2;
		}
		
		.faixa-branca-content {
			max-width: 864px;
			margin: auto;
			
			h2 {
				text-transform: uppercase;
				font-size: 30px;
				color: #212B6E;
				font-weight: 700;
				text-align: center;
				padding-bottom: 30px;
			}
			p {
				font-size: 16px;
				text-align: center;
				padding-bottom: 20px;
			}
			.blue-box {
				background: #212B6E;
				color: white;
				border-radius: 10px;
				padding: 20px 20px 0;
				margin-bottom: 20px;
			}
			
			@media (min-width: 768px){
				h2 {font-size: 40px;}
				p {font-size: 18px;}
				h2, p { width: 750px; margin: auto;	}
			}
		}
		@media (max-width: 767px){
			padding-bottom: 0;
			.faixa-branca-content .blue-box {margin-bottom: 0;}
		}
	}
	
	.faixa-cinza {
		.texto {
			h2 {
				text-transform: uppercase;
				font-size: 30px;
				color: #212B6E;
				font-weight: 700;
				text-align: center;
				margin: auto;
			}
			p {
				font-size: 16px;
				text-align: center;
				padding-bottom: 30px;
				width: 255px;
				margin: auto;
			}
			
			@media (min-width: 768px){
				h2 {font-size: 40px;padding-bottom: 30px;}
				p {font-size: 18px;}
				h2, p { width: 750px;}
			}
		}
		.faixa-cinza-content {
			.accordion-list {
				.accordion-item {
					position: relative;
					padding: 0px 65px 10px;
					display: block;
					border-bottom: 1px solid silver;
					text-decoration: none;
					transition: height 1s;
					
					@media (min-width: 768px){
						padding: 0px 60px 10px;
					}
					
					.item-imagem {
						position: absolute;
						display: block;
						width: 40px;
						background: #DCFCE7;
						border-radius: 40px;
						padding: 10px;
						left: 0;
						top: 0px;
						transition: background-color .5s;
						
						@media (max-width: 768px){
							left: 10px;
						}
					}
					
					.faq-icon-open, .faq-icon-close {
						position: absolute;
						top: 25px;
						right: 15px;
						transform: translateY(-50%);
						font-size: 14px;
						transition: all .5s;
						
						@media (max-width: 768px){
							right: 25px;
						}
					}
					
					.faq-icon-open { display: none; }
					.faq-icon-close { display: block; }
					
					.item-texto {
						text-align: left;
						
						h3 {
							text-transform: uppercase;
							font-size: 12px;
							color: #7A7979;
							font-weight: 700;
						}
						
						p.titulo-oculto {
							font-size: 18px;
							font-weight: 500;
							color: #212B6E;
							display: block;
							transition: all .5s;
							padding-bottom: 10px;
						}
						
						p.detalhes {
							font-size: 18px;
							font-weight: 300;
							color: #7A7979;
							display: block;
							transition: all .5s;
						}
					}
					
					&.collapsed {
						.item-imagem {
							background: white;
						}
						.faq-icon-open { display: block; }
						.faq-icon-close { display: none; }
						
						p.titulo-oculto {
							display: none;
						}
						
						p.detalhes {
							color: #212B6E;
							font-weight: 500;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							display: block;
							max-width : 420px;
						}						
					}
				}
				
				.accordion-item:last-child { border-bottom: 0;}
			}
			
			@media (min-width: 900px){
				.accordion-list {
					width: 890px;
					margin: auto;
				}
			}
		}
		@media (max-width: 767px){
			padding-top: 20px;;
		}
	}
	
	.faixa-azul {
		.faixa-azul-content {
			max-width: 850px;
			margin: auto;
			
			h2 {
				text-transform: uppercase;
				font-size: 36px;
				color: white;
				font-weight: 700;
				text-align: center;
				padding-bottom: 30px;
			}
			p {
				font-size: 20px;
				text-align: center;
				color: white;
				font-weight: 300;
				padding-bottom: 20px;
			}
		}
	}
	
	.bignumbers {
		@media (max-width: 767px){
			.bignumbers-number {
				padding: 40px;
				border-bottom: 2px solid #212B6E;
			}
			
			.bignumbers-number:last-child {
				border-bottom: 0;
			}
		}
		
	}
	
	.content-bignumbers {
		.bignumbers {
			@media (max-width: 768px){
				.bignumbers-number {padding: 40px 20px;}
			}
		}
	}
	
}