@import"https://fonts.googleapis.com/css2?family=Lato&display=swap";
@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;
700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Quicksand&display=swap";
@font-face{
    font-family:Mermaid;
    src:url("../../fonts/mermaid/Mermaid1001.ttf") format("opentype")
}
@font-face{
    font-family:Gotham;
    src:url("../../fonts/gotham-book/gotham-book.otf") format("opentype")
}
body{
    overflow-x:hidden
}
.body-mask{
    position:fixed;
    left:-100%;
    top:0;
    width:60%;
    height:100%;
    background:#000;
    opacity:.8;
    z-index:10;
    transition:.3s
}
@media only screen and (max-width: 320px){
    .body-mask{
        display:none
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .body-mask{
        display:none
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .body-mask{
        width:50%
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .body-mask{
        width:50%
    }
}
header{
    padding:1em 0;
    position:relative;
    z-index:3
}
@media only screen and (max-width: 320px){
    header{
        padding:1em 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    header{
        padding:1em 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    header{
        padding:1em 0
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    header{
        padding:1em 0
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    header{
        padding:1em 0
    }
}
header .header-menu-icon button{
    background:none;
    border:none
}
header .header-menu-icon button img{
    width:25px
}
@media only screen and (max-width: 320px){
    header .header-menu-icon button img{
        width:15px
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    header .header-menu-icon button img{
        width:15px
    }
}
header .header-logo img{
    width:250px
}
header .header-login a{
    text-decoration:none
}
header .header-login a img{
    width:30px
}
@media only screen and (max-width: 320px){
    header .header-login a img{
        width:17px
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    header .header-login a img{
        width:17px
    }
}
header .header-login a span{
    margin-left:5px;
    color:#fff;
    font-family:"Montserrat",sans-serif
}
@media only screen and (max-width: 320px){
    header .header-login a span{
        display:none
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    header .header-login a span{
        display:none
    }
}
header .header-login ul{
    list-style:none;
    padding:0;
    margin:0
}
header .header-login ul li{
    display:inline-block;
    margin-left:1em;
    padding:0
}
@media only screen and (max-width: 320px){
    header .header-login ul li{
        margin-left:5px
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    header .header-login ul li{
        margin-left:5px
    }
}
header .header-nav{
    text-align:right;
    padding:1em 0
}
header .header-nav .mobile-icon{
    background:none;
    border:none;
    display:none
}
@media only screen and (max-width: 320px){
    header .header-nav .mobile-icon{
        display:initial
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    header .header-nav .mobile-icon{
        display:initial
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    header .header-nav .mobile-icon{
        display:initial
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    header .header-nav .mobile-icon{
        display:initial
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    header .header-nav .mobile-icon{
        display:none
    }
}
header .header-nav .mobile-icon:focus{
    outline:none
}
header .header-nav .mobile-icon i{
    color:#e6e6e6
}
@media only screen and (max-width: 320px){
    header .header-nav nav.desk-menu{
        display:none
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    header .header-nav nav.desk-menu{
        display:none
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    header .header-nav nav.desk-menu{
        display:none
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    header .header-nav nav.desk-menu{
        display:none
    }
}
header .header-nav nav.desk-menu ul{
    list-style:none;
    padding:0;
    margin:0
}
header .header-nav nav.desk-menu ul li{
    display:inline-block;
    padding:1em
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    header .header-nav nav.desk-menu ul li{
        padding:1em 10px
    }
}
header .header-nav nav.desk-menu ul li a{
    text-decoration:none;
    text-transform:capitalize;
    color:#e6e6e6;
    font-family:"Montserrat",sans-serif;
    font-weight:700;
    font-size:16px
}
header .header-nav nav.desk-menu ul li a span{
    display:block;
    width:5px;
    height:5px;
    background:#f05a24;
    margin:auto;
    opacity:0;
    transition:.3s
}
header .header-nav nav.desk-menu ul li a:hover{
    color:#fff
}
header .header-nav nav.desk-menu ul li a:hover span{
    opacity:1
}
header .header-nav nav.desk-menu ul li a.active{
    color:#fff
}
header .header-nav nav.desk-menu ul li a.active span{
    opacity:1
}
.header-fixed{
    position:fixed;
    top:0;
    width:100%;
    background:#222;
    padding:1em 0
}
.header-fixed .header-nav{
    padding:0
}
.menu-mobile{
    position:fixed;
    width:40%;
    height:100vh;
    background:#5b5a5a;
    padding:1em;
    left:-100%;
    top:0;
    transition:.3s;
    z-index:11;
    padding-top:2em
}
@media only screen and (max-width: 320px){
    .menu-mobile{
        width:100%
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .menu-mobile{
        width:100%
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .menu-mobile{
        width:50%
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .menu-mobile{
        width:50%
    }
}
.menu-mobile button{
    background:none;
    border:none
}
.menu-mobile button i{
    color:#fff
}
.menu-mobile ul{
    padding:5em 0 1em 0;
    margin:0;
    text-align:center;
    list-style:none
}
@media only screen and (max-width: 320px){
    .menu-mobile ul{
        padding:1em 0;
        text-align:left
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .menu-mobile ul{
        padding:2em 0;
        text-align:left
    }
}
.menu-mobile ul li{
    padding:1.5em 0 0 0
}
@media only screen and (max-width: 320px){
    .menu-mobile ul li{
        padding:1em 0 0 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .menu-mobile ul li{
        padding:1.5em 0 0 0
    }
}
.menu-mobile ul li a{
    text-decoration:none;
    text-transform:capitalize;
    color:#e6e6e6;
    font-family:"Montserrat",sans-serif;
    font-weight:700;
    font-size:18px;
    font-family:Gotham
}
.menu-mobile ul li a span{
    display:inline-block;
    width:10px;
    height:5px;
    background:#f05a24;
    margin-left:5px;
    opacity:0;
    transition:.3s
}
.menu-mobile ul li a.active{
    color:#fff
}
.menu-mobile ul li a.active span{
    opacity:1
}
@media only screen and (max-width: 320px){
    .menu-mobile .menu-info{
        text-align:left
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .menu-mobile .menu-info{
        text-align:left
    }
}
.menu-mobile .menu-info div{
    display:inline-block;
    margin-top:1em
}
@media only screen and (max-width: 320px){
    .menu-mobile .menu-info div{
        margin:1em 0 0;
        display:block
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .menu-mobile .menu-info div{
        margin:1em 0 0;
        display:block
    }
}
.menu-mobile .menu-info div span{
    display:inline-block;
    margin:0 1em
}
@media only screen and (max-width: 320px){
    .menu-mobile .menu-info div span{
        margin:0 1em 0 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .menu-mobile .menu-info div span{
        margin:0 1em 0 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .menu-mobile .menu-info div span{
        margin:0 1em 0 0
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .menu-mobile .menu-info div span{
        margin:0 1em 0 0
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .menu-mobile .menu-info div span{
        margin:0 1em 0 0
    }
}
.menu-mobile .menu-info div span i{
    color:#fff;
    font-size:1.5em
}
.menu-mobile .menu-info div p{
    display:inline-block;
    color:#fff;
    margin:0;
    vertical-align:middle;
    font-family:Gotham
}
.menu-mobile .menu-info div .mapa-web{
    max-width:85%
}
@media only screen and (max-width: 320px){
    .menu-mobile .menu-info div .mapa-web{
        display:none
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .menu-mobile .menu-info div .mapa-web{
        display:none
    }
}
.menu-mobile .menu-info div .mapa-mobile{
    display:none;
    max-width:85%
}
@media only screen and (max-width: 320px){
    .menu-mobile .menu-info div .mapa-mobile{
        display:inline-block
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .menu-mobile .menu-info div .mapa-mobile{
        display:inline-block
    }
}
.menu-mobile .banner-social{
    position:absolute;
    z-index:99;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-writing-mode:vertical-lr;
    -ms-writing-mode:tb-lr;
    writing-mode:vertical-lr;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    top:20em;
    right:1rem;
    font-family:"Montserrat",sans-serif,sans-serif;
    font-weight:700;
    color:#fefefe
}
@media only screen and (max-width: 320px){
    .menu-mobile .banner-social{
        bottom:1rem;
        right:.5rem;
        justify-content:left
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .menu-mobile .banner-social{
        bottom:1rem;
        right:.5rem;
        justify-content:left
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .menu-mobile .banner-social{
        bottom:1rem;
        right:.5rem;
        justify-content:left
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .menu-mobile .banner-social{
        bottom:5rem;
        right:.5rem;
        justify-content:left
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .menu-mobile .banner-social{
        top:15rem;
        right:.5rem;
        justify-content:left
    }
}
.menu-mobile .banner-social a{
    color:#e6e6e6;
    transform:rotate(180deg);
    margin-top:10px
}
.menu-mobile .banner-social div{
    width:2px;
    height:4rem;
    background:#fefefe;
    margin:1rem 0
}
@media only screen and (max-width: 320px){
    .menu-mobile .banner-social div{
        height:2rem
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .menu-mobile .banner-social div{
        height:2rem
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .menu-mobile .banner-social div{
        height:2rem
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .menu-mobile .banner-social div{
        height:2rem
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .menu-mobile .banner-social div{
        height:2rem
    }
}
.menu-show{
    left:0%
}
.mask-show{
    left:40%
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .mask-show{
        left:50%
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .mask-show{
        left:50%
    }
}
.banner{
    width:100%;
    height:115vh;
    background-image:url("../../imgs/banner/home.jpg");
    margin-top:-10em;
    padding:20em 0 1em 0;
    overflow:hidden;
    position:relative;
    z-index:1
}
@media only screen and (min-width: 2560px){
    .banner{
        padding:40em 0
    }
}
.banner .banner-mask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.8;
    z-index:2
}
.banner .banner-content{
    text-align:center
}
.banner .banner-content .banner-type-animation{
    position:relative;
    z-index:3
}
.banner .banner-content .banner-type-animation div{
    padding:1em 0 0 0
}
.banner .banner-content .banner-type-animation div:focus{
    outline:none
}
.banner .banner-content .banner-type-animation div img{
    width:50px;
    display:inline-block;
    margin-top:-150px;
    margin-right:5px
}
@media only screen and (max-width: 320px){
    .banner .banner-content .banner-type-animation div img{
        width:25px;
        margin-top:-90px
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .banner .banner-content .banner-type-animation div img{
        width:25px;
        margin-top:-90px
    }
}
.banner .banner-content .banner-type-animation div p{
    color:#fff;
    font-family:Mermaid;
    font-size:5em;
    margin:0;
    display:inline-block
}
@media only screen and (max-width: 320px){
    .banner .banner-content .banner-type-animation div p{
        font-size:3em
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .banner .banner-content .banner-type-animation div p{
        font-size:3em
    }
}
.banner .banner-content .banner-type-animation div span{
    display:block;
    color:#fff;
    font-family:Gotham;
    margin-left:2em;
    font-size:20px;
    margin-top:-0.5em
}
.banner .banner-social{
    position:absolute;
    z-index:99;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-writing-mode:vertical-lr;
    -ms-writing-mode:tb-lr;
    writing-mode:vertical-lr;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    top:20em;
    right:1rem;
    font-family:"Montserrat",sans-serif,sans-serif;
    font-weight:700;
    color:#fefefe
}
@media only screen and (max-width: 320px){
    .banner .banner-social{
        bottom:1rem;
        right:.5rem;
        justify-content:left
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .banner .banner-social{
        bottom:1rem;
        right:.5rem;
        justify-content:left
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .banner .banner-social{
        bottom:1rem;
        right:.5rem;
        justify-content:left
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .banner .banner-social{
        bottom:5rem;
        right:.5rem;
        justify-content:left
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .banner .banner-social{
        top:15rem;
        right:.5rem;
        justify-content:left
    }
}
.banner .banner-social a{
    color:#e6e6e6;
    transform:rotate(180deg);
    margin-top:10px
}
.banner .banner-social div{
    width:2px;
    height:4rem;
    background:#fefefe;
    margin:1rem 0
}
@media only screen and (max-width: 320px){
    .banner .banner-social div{
        height:2rem
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .banner .banner-social div{
        height:2rem
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .banner .banner-social div{
        height:2rem
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .banner .banner-social div{
        height:2rem
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .banner .banner-social div{
        height:2rem
    }
}
.slider{
    position:relative;
    z-index:3;
    margin-top:-1em
}
.slider .slider__item p{
    color:#fff;
    font-family:Gotham;
    margin-left:2em;
    font-size:20px
}
.about{
    background:url("../../imgs/backs/blog-back.png");
    background-image:url("../../imgs/banner/bottom-pattern-bg.png");
    padding:10em 5em 5em 5em
}
@media only screen and (max-width: 320px){
    .about{
        padding:1em
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .about{
        padding:1em
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .about{
        padding:1em
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .about{
        padding:1em
    }
}
.about .about-container{
    background:#fefefe;
    box-shadow:0 0 16px 1px rgba(0,0,0,.2)
}
.about .about-container .about-container-text{
    padding:5em
}
@media only screen and (max-width: 320px){
    .about .about-container .about-container-text{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .about .about-container .about-container-text{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .about .about-container .about-container-text{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .about .about-container .about-container-text{
        padding:3em 1em
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .about .about-container .about-container-text{
        padding:3em 1em
    }
}
.about .about-container .about-container-text h1{
    font-family:"Quicksand",sans-serif;
    font-size:40px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:1;
    color:#000;
    margin-bottom:1em
}
@media only screen and (max-width: 320px){
    .about .about-container .about-container-text h1{
        font-size:20px
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .about .about-container .about-container-text h1{
        font-size:20px
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .about .about-container .about-container-text h1{
        font-size:20px
    }
}
.about .about-container .about-container-text h1 span i{
    font-size:7px;
    color:#f05a24
}
.about .about-container .about-container-text p{
    font-family:"Quicksand",sans-serif;
    color:#000;
    font-size:20px;
    line-height:40px;
    text-align:justify
}
@media only screen and (max-width: 320px){
    .about .about-container .about-container-text p{
        font-size:16px;
        line-height:24px
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .about .about-container .about-container-text p{
        font-size:16px;
        line-height:24px
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .about .about-container .about-container-text p{
        font-size:16px;
        line-height:24px
    }
}
.about .about-container .about-container-ul{
    width:100%;
    height:100%;
    left:0
}
.about .about-container .about-container-ul ul{
    list-style:none;
    padding:0;
    margin:0
}
.about .about-container .about-container-ul ul li{
    border-bottom:1px solid rgba(2,2,2,.2);
    font-family:"Quicksand",sans-serif;
    text-align:center;
    padding:1em 0
}
.about .about-container .about-container-ul ul li h5{
    font-size:30px;
    font-weight:bold
}
.about .about-container .about-container-ul ul li span{
    width:5px;
    height:5px;
    margin:auto;
    background:#f05a24;
    display:block
}
.about .about-container .about-container-ul ul li p{
    margin:0
}
.about .about-border{
    border:1px solid rgba(2,2,2,.2)
}
.areas{
    background-repeat:no-repeat;
    padding:10em 0
}
@media only screen and (max-width: 320px){
    .areas{
        padding:1em 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .areas{
        padding:1em 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .areas{
        padding:1em 0
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .areas{
        padding:1em 0
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .areas{
        padding:1em 0
    }
}
.areas .areas-accordion{
    background:#fefefe;
    box-shadow:0 0 16px 1px rgba(0,0,0,.2);
    padding:2rem;
    width:85%
}
@media only screen and (max-width: 320px){
    .areas .areas-accordion{
        width:100%
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .areas .areas-accordion{
        width:100%
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .areas .areas-accordion{
        width:100%
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .areas .areas-accordion{
        width:100%
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .areas .areas-accordion{
        width:100%
    }
}
.areas .areas-accordion .accordion-card-header button{
    font-family:"Quicksand",sans-serif;
    font-size:16px;
    line-height:1;
    color:#000;
    font-weight:bold
}
.areas .areas-accordion .accordion-card-header button i{
    margin-left:1em
}
.areas .areas-accordion .accordion-card-body ul{
    border-left:2px solid #b4a78e;
    margin:.5rem 1rem;
    list-style:none;
    padding:.5em 1em
}
.areas .areas-accordion .accordion-card-body ul li{
    margin:0 0 1.5em 0;
    font-family:"Quicksand",sans-serif;
    font-size:16px;
    line-height:1;
    font-weight:bold
}
.areas .areas-accordion .accordion-card-body ul li a{
    color:#000;
    text-decoration:none
}
@media only screen and (max-width: 320px){
    .areas .areas-text{
        padding:2em 1em
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .areas .areas-text{
        padding:2em 1em
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .areas .areas-text{
        padding:2em 1em
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .areas .areas-text{
        padding:2em 1em
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .areas .areas-text{
        padding:2em 1em
    }
}
.areas .areas-text h1{
    font-family:"Quicksand",sans-serif;
    font-size:34px;
    line-height:37px;
    color:#000;
    margin-bottom:1em;
    text-transform:uppercase
}
.areas .areas-text h1 span i{
    font-size:7px;
    color:#f05a24
}
.areas .areas-text p{
    font-family:"Quicksand",sans-serif;
    color:#000;
    font-size:16px;
    line-height:23px;
    text-align:justify
}
.areas .areas-text ul{
    list-style:none;
    padding:0;
    display:inline-block;
    margin:1em 2em;
    vertical-align:top
}
.areas .areas-text ul li{
    font-family:"Quicksand",sans-serif;
    color:#000;
    font-size:16px;
    line-height:23px;
    margin-bottom:.8em
}
.areas .areas-text a{
    background:#f05a24;
    padding:0 2rem;
    color:#fefefe;
    text-transform:uppercase;
    font-family:"Montserrat",sans-serif,sans-serif;
    font-weight:700;
    font-size:.675rem;
    letter-spacing:1px;
    border:none;
    transition:all .4s ease-in-out;
    line-height:5;
    display:inline-block;
    margin-top:2em
}
.areas-ver-todos{
    background:#f05a24;
    padding:0 2rem;
    color:#fefefe;
    text-transform:uppercase;
    font-family:"Montserrat",sans-serif,sans-serif;
    font-weight:700;
    font-size:.675rem;
    letter-spacing:1px;
    border:none;
    transition:all .4s ease-in-out;
    line-height:5;
    display:inline-block;
    margin-top:2em;
    border:1px solid #f05a24
}
.areas-ver-todos:hover{
    color:#f05a24;
    background:#fff;
    border:1px solid #f05a24;
    text-decoration:none
}
.blog-section{
    background:url("../../imgs/backs/blog-back.png");
    padding:10em 0
}
@media only screen and (max-width: 320px){
    .blog-section{
        padding:3em 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .blog-section{
        padding:3em 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .blog-section{
        padding:3em 0
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .blog-section{
        padding:3em 0
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .blog-section{
        padding:3em 0
    }
}
.blog-section .blog-section-header h2{
    font-family:"Quicksand",sans-serif;
    font-size:40px;
    text-transform:uppercase;
    line-height:37px;
    color:#000;
    margin-bottom:1em
}
.blog-section .blog-section-header h2 span i{
    font-size:7px;
    color:#f05a24
}
.blog-section .blog-headline{
    border:1px solid rgba(2,2,2,.2);
    background:#fff
}
@media only screen and (max-width: 320px){
    .blog-section .blog-headline{
        margin:1em
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .blog-section .blog-headline{
        margin:1em
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .blog-section .blog-headline{
        margin:1em
    }
}
.blog-section .blog-headline a.blog-post-link{
    width:100%;
    height:100%;
    position:absolute;
    left:0
}
.blog-section .blog-headline a.blog-post-link:hover{
    background:rgba(2,2,2,.2);
    transition:.3s
}
.blog-section .blog-headline>div{
    padding:2em 4em;
    height:300px;
    font-family:"Montserrat",sans-serif
}
@media only screen and (max-width: 320px){
    .blog-section .blog-headline>div{
        padding:2em 1em;
        height:275px
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .blog-section .blog-headline>div{
        padding:2em 1em;
        height:275px
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .blog-section .blog-headline>div{
        padding:2em 1em;
        height:275px
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .blog-section .blog-headline>div{
        padding:2em 1em;
        height:275px
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .blog-section .blog-headline>div{
        padding:2em 1em;
        height:275px
    }
}
.blog-section .blog-headline span{
    font-size:10px;
    color:#b4a78e
}
.blog-section .blog-headline .post-categories{
    list-style:none;
    padding:0
}
.blog-section .blog-headline .post-categories li a{
    color:#222
}
.blog-section .blog-headline h2{
    font-family:"Montserrat",sans-serif;
    font-size:18px;
    line-height:21px;
    font-size:26px;
    line-height:27px
}
.blog-section .blog-all-posts{
    border:1px solid rgba(2,2,2,.2);
    background:#fff
}
@media only screen and (max-width: 320px){
    .blog-section .blog-all-posts{
        margin:1em
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .blog-section .blog-all-posts{
        margin:1em
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .blog-section .blog-all-posts{
        margin:1em
    }
}
.blog-section .blog-all-posts a.blog-post-link{
    width:100%;
    height:100%;
    position:absolute;
    left:0
}
.blog-section .blog-all-posts a.blog-post-link:hover{
    background:rgba(2,2,2,.2);
    transition:.3s
}
.blog-section .blog-all-posts>div{
    padding:1em;
    height:200px;
    font-family:"Montserrat",sans-serif
}
@media only screen and (max-width: 320px){
    .blog-section .blog-all-posts>div{
        padding:1em
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .blog-section .blog-all-posts>div{
        padding:1em
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .blog-section .blog-all-posts>div{
        padding:1em
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .blog-section .blog-all-posts>div{
        padding:1em
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .blog-section .blog-all-posts>div{
        padding:1em
    }
}
.blog-section .blog-all-posts span{
    font-size:10px;
    color:#b4a78e
}
.blog-section .blog-all-posts .post-categories{
    list-style:none;
    padding:0
}
.blog-section .blog-all-posts .post-categories li a{
    color:#b4a78e
}
.blog-section .blog-all-posts h2{
    font-family:"Montserrat",sans-serif;
    font-size:18px;
    margin-top:1em
}
.blog-section .blog-ver-todos{
    background:#f05a24;
    padding:0 2rem;
    color:#fefefe;
    text-transform:uppercase;
    font-family:"Montserrat",sans-serif,sans-serif;
    font-weight:700;
    font-size:.675rem;
    letter-spacing:1px;
    border:none;
    transition:all .4s ease-in-out;
    line-height:5;
    display:inline-block;
    margin-top:2em
}
.blog-section .blog-ver-todos:hover{
    color:#f05a24;
    background:#fff;
    border:1px solid #f05a24;
    text-decoration:none
}
footer{
    background:#222;
    padding:10em 0 1em 0
}
footer .contact-form .contact-form-header h2{
    color:#fff;
    font-family:"Montserrat",sans-serif;
    font-weight:700;
    font-size:32px;
    line-height:38px;
    margin-bottom:2em
}
@media only screen and (max-width: 320px){
    footer .contact-form .contact-form-header h2{
        font-size:1.8em
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    footer .contact-form .contact-form-header h2{
        font-size:1.8em
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    footer .contact-form .contact-form-header h2{
        font-size:1.8em
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    footer .contact-form .contact-form-header h2{
        font-size:1.8em
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    footer .contact-form .contact-form-header h2{
        font-size:1.8em
    }
}
footer .contact-form .form-input{
    width:100%;
    background:0 0;
    border:2px solid #fff;
    border-top:none;
    border-left:none;
    border-right:none;
    padding:6px 15px;
    color:#fff;
    margin:1em 0 0 0;
    text-transform:capitalize
}
footer .contact-form .form-input::placeholder{
    color:#fff;
    font-size:.8em
}
footer .contact-form .form-input:focus{
    outline:none
}
footer .contact-form .form-span{
    color:#fff;
    margin-top:15px;
    font-family:"Montserrat",sans-serif;
    font-weight:700
}
footer .contact-form #email-input{
    text-transform:lowercase
}
footer .contact-form #email-input::placeholder{
    text-transform:capitalize
}
footer .contact-form #mensagem-input{
    text-transform:unset
}
footer .contact-form #mensagem-input::placeholder{
    text-transform:capitalize
}
footer .contact-form .form-textarea{
    width:100%;
    height:150px
}
footer .contact-form .wpcf7-submit{
    background:#f05a24;
    padding:1em 4em;
    color:#fefefe;
    text-transform:uppercase;
    font-family:"Montserrat",sans-serif,sans-serif;
    font-weight:700;
    font-size:.675rem;
    letter-spacing:1px;
    border:none;
    transition:all .4s ease-in-out;
    line-height:3;
    display:inline-block;
    margin-top:2em
}
footer .footer-localization{
    padding:10em 0 0 0
}
footer .footer-localization .footer-localization-head hr{
    display:inline-block;
    width:100px;
    background:#fff;
    vertical-align:middle
}
footer .footer-localization .footer-localization-head h5{
    color:#fff;
    font-family:"Montserrat",sans-serif;
    font-weight:700;
    font-size:16px;
    line-height:38px;
    margin-bottom:2em;
    display:inline-block
}
footer .footer-localization .footer-localization-info h5{
    color:#fff;
    font-family:"Montserrat",sans-serif;
    font-weight:700;
    font-size:16px;
    line-height:38px
}
footer .footer-localization .footer-localization-info p{
    color:#fff;
    font-family:"Montserrat",sans-serif;
    font-weight:700;
    font-size:16px
}
footer .footer-localization .footer-localization-info span a{
    color:#fff;
    font-family:"Montserrat",sans-serif;
    font-weight:700;
    font-size:16px
}
footer .footer-localization .footer-linkedin{
    font-family:"Montserrat",sans-serif,sans-serif;
    font-weight:700;
    color:#fff
}
footer .footer-localization .footer-linkedin a{
    color:#fff;
    margin-left:.5em
}
footer .footer-localization .footer-linkedin div{
    width:4rem;
    height:2px;
    background:#fff;
    margin:1rem 0;
    display:inline-block;
    vertical-align:middle
}
footer .footer-copy{
    font-family:"Montserrat",sans-serif,sans-serif;
    font-weight:700;
    color:#fff;
    margin-top:1em
}
footer .footer-copy p{
    margin-bottom:0
}
@media only screen and (max-width: 320px){
    footer .footer-copy p{
        margin:1em 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    footer .footer-copy p{
        margin:1em 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    footer .footer-copy p{
        margin:1em 0
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    footer .footer-copy p{
        margin:1em 0
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    footer .footer-copy p{
        margin:1em 0
    }
}
.about-parallax-img{
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:75vh
}
@media only screen and (max-width: 320px){
    .about-parallax-img{
        background-position:45%;
        background-attachment:initial;
        height:auto
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .about-parallax-img{
        background-position:45%;
        background-attachment:initial;
        height:auto
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .about-parallax-img{
        background-position:45%;
        background-attachment:initial;
        height:auto
    }
}
.about-page{
    background-color:#fff;
    background-image:url("../../imgs/banner/bottom-pattern-bg.png");
    background-repeat:no-repeat;
    padding:5em 0 5em 0
}
@media only screen and (max-width: 320px){
    .about-page{
        padding:3em 0 5em 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .about-page{
        padding:3em 0 5em 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .about-page{
        padding:3em 0 5em 0
    }
}
.about-page h1{
    font-family:"Quicksand",sans-serif;
    font-size:28px;
    text-transform:uppercase;
    color:#000;
    margin:1em 0
}
.about-page h1 span i{
    font-size:7px;
    color:#f05a24
}
.about-page p{
    font-family:"Quicksand",sans-serif;
    color:#000;
    font-size:16px;
    line-height:23px;
    text-align:justify;
    max-width:90%
}
.about-page p ul{
    list-style:none
}
.about-page hr{
    margin:2em 0;
    max-width:90%
}
.about-page .about-links{
    padding-right:3em
}
.about-page .about-links h5{
    font-family:"Quicksand",sans-serif;
    font-size:20px;
    line-height:37px;
    color:#000;
    margin-bottom:1em
}
.about-page .about-links a{
    font-family:"Quicksand",sans-serif;
    color:#000;
    font-size:16px;
    line-height:23px;
    margin-bottom:1em
}
.about-page .about-links a:hover{
    color:#5a5a5a;
    text-decoration:none
}
.about-page .about-page-our-mission_head h2{
    font-family:"Quicksand",sans-serif;
    font-size:28px;
    text-transform:uppercase;
    color:#000;
    margin:1em 0
}
.about-page .about-page-our-mission_head h2 span i{
    font-size:7px;
    color:#f05a24
}
.about-page .about-page-our-misson_content .about-page-our-misson_title span{
    margin-right:1em;
    color:#f05a24;
    display:inline-block;
    vertical-align:super
}
.about-page .about-page-our-misson_content .about-page-our-misson_title h2{
    font-family:"Quicksand",sans-serif;
    font-size:30px;
    color:#000;
    display:inline-block
}
.about-page .about-page-our-misson_content .about-page-our-misson_text p{
    font-family:"Quicksand",sans-serif;
    color:#000;
    margin-left:2em;
    line-height:1.5
}
.about-page .about-page-our-misson_content .about-page-our-misson_text ul{
    list-style:none;
    font-family:"Quicksand",sans-serif;
    color:#000;
    line-height:1.5
}
.about-page img{
    opacity:.8
}
.about-page .about-page-ul ul{
    list-style:none;
    padding:0
}
@media only screen and (max-width: 320px){
    .about-page .about-page-ul ul{
        padding:2em
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .about-page .about-page-ul ul{
        padding:2em
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .about-page .about-page-ul ul{
        padding:2em
    }
}
.about-page .about-page-ul ul li{
    font-family:"Quicksand",sans-serif
}
.about-page .about-page-ul ul li h5{
    font-weight:bold
}
.about-page .about-page-ul ul li h5 span i{
    font-size:5px;
    color:#f05a24
}
.about-slider .about-slider-item{
    height:75vh;
    background-size:cover !important;
    background-position:center !important
}
@media only screen and (max-width: 320px){
    .about-slider .about-slider-item{
        height:35vh
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .about-slider .about-slider-item{
        height:35vh
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .about-slider .about-slider-item{
        height:35vh
    }
}
.about-slider .about-slider-item-1{
    background:url("../../imgs/slider/1.jpg")
}
.about-slider .about-slider-item-2{
    background:url("../../imgs/slider/2.jpg")
}
.about-slider .about-slider-item-3{
    background:url("../../imgs/slider/3.jpg")
}
.about-slider .about-slider-item-4{
    background:url("../../imgs/slider/4.jpg")
}
.about-slider .about-slider-item-5{
    background:url("../../imgs/slider/5.jpg")
}
.about-slider .about-slider-item-6{
    background:url("../../imgs/slider/6.jpg")
}
.about-slider .about-slider-item-7{
    background:url("../../imgs/slider/7.jpg")
}
.about-slider .about-slider-item-8{
    background:url("../../imgs/slider/8.jpg")
}
.team-parallax-img{
    background:url("../../imgs/banner/rm-equipe.jpg");
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:contain;
    height:200px
}
.team-page .team-page-header{
    background:#f05a24;
    background:url("../../imgs/backs/blog-back.png");
    background-size:cover;
    padding:2em 0
}
.team-page .team-page-head h1{
    font-family:"Montserrat",sans-serif;
    font-size:40px;
    color:#fff
}
.team-page .team-page-head h1 span i{
    font-size:7px;
    color:#f05a24
}
.team-page .team-page-head p{
    font-family:"Quicksand",sans-serif;
    color:#000;
    font-size:16px;
    line-height:23px;
    text-align:justify
}
.team-page .team-page-list .grid-container{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    -webkit-flex-flow:row wrap;
    justify-content: center;
}
.team-page .team-page-list .grid-container .grid-item{
    width:25%
}
@media only screen and (max-width: 320px){
    .team-page .team-page-list .grid-container .grid-item{
        width:100%
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .team-page .team-page-list .grid-container .grid-item{
        width:100%
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .team-page .team-page-list .grid-container .grid-item{
        width:50%
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .team-page .team-page-list .grid-container .grid-item{
        width:50%
    }
}
.team-page .team-page-list .grid-container .grid-item .thumbnail{
    margin:0;
    overflow:hidden;
    position:relative;
    z-index:1
}
.team-page .team-page-list .grid-container .grid-item .thumbnail .thumb-photo{
    background-repeat:no-repeat;
    background-size:cover;
    padding-top:135%;
    background-color:#e3e3e3;
    position:relative;
    z-index:1;
    -webkit-transition:background-color .25s ease-in;
    -o-transition:background-color .25s ease-in;
    transition:background-color .25s ease-in
}
.team-page .team-page-list .grid-container .grid-item .thumbnail .thumb-photo div{
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
    z-index:2;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transition:all .15s ease-in;
    -o-transition:all .15s ease-in;
    transition:all .15s ease-in;
    filter:grayscale(100%)
}
.team-page .team-page-list .grid-container .grid-item .thumbnail .thumb-photo div:hover{
    filter:none
}
.team-page .team-page-list .grid-container .grid-item .thumbnail .caption{
    position:absolute;
    width:100%;
    bottom:-100%;
    padding:15px 15px 25px;
    background-color:rgba(0,0,0,.8);
    z-index:1;
    transition:.3s
}
.team-page .team-page-list .grid-container .grid-item .thumbnail .caption h3{
    margin:0;
    font-family:"Quicksand",sans-serif;
    color:#fff;
    display:inline-block
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .team-page .team-page-list .grid-container .grid-item .thumbnail .caption h3{
        font-size:1.5em
    }
}
.team-page .team-page-list .grid-container .grid-item .thumbnail .caption .flag img{
    width:20px
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .team-page .team-page-list .grid-container .grid-item .thumbnail .caption .flag img{
        width:15px
    }
}
@media only screen and (min-width: 1366px)and (max-width: 2559px){
    .team-page .team-page-list .grid-container .grid-item .thumbnail .caption .flag img{
        width:15px
    }
}
.team-page .team-page-list .grid-container .grid-item .thumbnail .caption .thumb-text{
    font-family:"Quicksand",sans-serif;
    color:#fff;
    line-height:1;
    margin:.5em 0 0 0
}
.team-page .team-page-list .grid-container .grid-item .thumbnail .caption .thumb-text span{
    vertical-align:text-top
}
.team-page .team-page-list .grid-container .grid-item .thumbnail .caption .thumb-text span i{
    font-size:7px;
    color:#f05a24
}
.team-page .team-page-list .grid-container .grid-item .thumbnail .caption .thumb-text a{
    color:#f05a24;
    text-decoration:none
}
.thumbnail:hover .caption{
    bottom:0% !important
}
.areas-page{
    background-color:#fff;
    background-image:url("../../imgs/banner/bottom-pattern-bg.png");
    background-repeat:no-repeat;
    padding:5em 0 5em 0
}
@media only screen and (max-width: 320px){
    .areas-page{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .areas-page{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .areas-page{
        padding:2em 0
    }
}
.areas-page .areas-page-head h1{
    font-family:"Quicksand",sans-serif;
    font-size:34px;
    line-height:37px;
    color:#000;
    margin-bottom:1em
}
.areas-page .areas-page-head h1 span i{
    font-size:7px;
    color:#f05a24
}
.areas-page .areas-page-head p{
    font-family:"Quicksand",sans-serif;
    color:#000;
    font-size:16px;
    line-height:23px;
    text-align:justify
}
.areas-page .areas-page-head hr{
    margin:2em 0;
    max-width:90%
}
.areas-page .areas-page-subhead{
    padding:2em 0;
    border:2px solid #eee;
    border-left:none;
    border-right:none;
    border-top:none;
    margin:0 0 4em 0;
    position:relative
}
.areas-page .areas-page-subhead p,.areas-page .areas-page-subhead h6{
    font-family:"Quicksand",sans-serif;
    font-size:34px;
    line-height:37px;
    margin:0;
    text-transform:uppercase
}
.areas-page .areas-page-subhead p span i,.areas-page .areas-page-subhead h6 span i{
    font-size:7px;
    color:#f05a24
}
.areas-page .areas-page-card{
    background:#fefefe;
    box-shadow:0 0 1px 1px rgba(0,0,0,.2);
    padding:2rem;
    position:relative;
    margin:0 0 1em 0;
    height:120px
}
@media only screen and (max-width: 320px){
    .areas-page .areas-page-card{
        padding:1em
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .areas-page .areas-page-card{
        padding:1em
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .areas-page .areas-page-card{
        padding:1em
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .areas-page .areas-page-card{
        padding:1em
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .areas-page .areas-page-card{
        padding:1em
    }
}
.areas-page .areas-page-card a{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.areas-page .areas-page-card a:hover{
    background:rgba(0,0,0,.2);
    transition:.3s
}
.areas-page .areas-page-card p{
    font-family:"Quicksand",sans-serif;
    margin:0;
    display:inline-block;
    font-size:18px
}
.areas-page .areas-page-card span{
    position:absolute;
    top:75%;
    right:5%
}
.areas-page-home{
    padding:0 5em 5em 5em;
    background:#fff
}
@media only screen and (max-width: 320px){
    .areas-page-home{
        padding:1em
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .areas-page-home{
        padding:1em
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .areas-page-home{
        padding:1em
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .areas-page-home{
        padding:1em
    }
}
.areas-detalhes-img-header{
    background-attachment:fixed !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    height:70vh
}
@media only screen and (max-width: 320px){
    .areas-detalhes-img-header{
        background-attachment:initial !important;
        height:35vh
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .areas-detalhes-img-header{
        background-attachment:initial !important;
        height:35vh
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .areas-detalhes-img-header{
        background-attachment:initial !important;
        height:35vh
    }
}
.areas-detalhes-page{
    background-color:#fff;
    background-image:url("../../imgs/banner/bottom-pattern-bg.png");
    background-repeat:no-repeat;
    padding:5em 0 5em 0
}
.areas-detalhes-page .areas-detalhes-page-head h1{
    font-family:"Quicksand",sans-serif;
    font-size:34px;
    line-height:37px;
    color:#000;
    margin-bottom:1em
}
.areas-detalhes-page .areas-detalhes-page-head p,.areas-detalhes-page .areas-detalhes-page-head ul{
    font-family:"Quicksand",sans-serif;
    color:#000;
    font-size:18px;
    line-height:1.6;
    text-align:justify
}
.areas-detalhes-page .areas-detalhes-page-head hr{
    margin:2em 0;
    max-width:90%
}
.areas-detalhes-page .areas-page-subhead{
    padding:2em 0;
    border:2px solid #eee;
    border-left:none;
    border-right:none;
    border-top:none;
    margin:0 0 4em 0;
    position:relative
}
.areas-detalhes-page .areas-page-subhead p,.areas-detalhes-page .areas-page-subhead h6{
    font-family:"Quicksand",sans-serif;
    font-size:34px;
    line-height:37px;
    margin:0;
    text-transform:uppercase
}
.areas-detalhes-page .areas-page-card{
    background:#fefefe;
    box-shadow:0 0 1px 1px rgba(0,0,0,.2);
    padding:2rem;
    position:relative;
    margin:0 0 1em 0
}
.areas-detalhes-page .areas-page-card a{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.areas-detalhes-page .areas-page-card a:hover{
    background:rgba(0,0,0,.2);
    transition:.3s
}
.areas-detalhes-page .areas-page-card span{
    font-family:"Quicksand",sans-serif
}
.areas-detalhes-page .areas-detalhes-links{
    padding-left:2em
}
.areas-detalhes-page .areas-detalhes-links ul{
    list-style:none;
    padding:0
}
.areas-detalhes-page .areas-detalhes-links ul li .areas-detalhes-card{
    background:#fefefe;
    box-shadow:0 0 1px 1px rgba(0,0,0,.2);
    padding:1rem;
    position:relative;
    margin:0 0 1em 0
}
.areas-detalhes-page .areas-detalhes-links ul li .areas-detalhes-card a{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.areas-detalhes-page .areas-detalhes-links ul li .areas-detalhes-card a:hover{
    background:rgba(0,0,0,.2);
    transition:.3s
}
.areas-detalhes-page .areas-detalhes-links ul li .areas-detalhes-card span{
    font-family:"Quicksand",sans-serif
}
.carreira-parallax-img{
    background:url("../../imgs/banner/banner.jpg");
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:30vh
}
.carreira-page{
    background-color:#fff;
    background-image:url("../../imgs/banner/bottom-pattern-bg.png");
    background-repeat:no-repeat;
    padding:5em 0 5em 0
}
@media only screen and (max-width: 320px){
    .carreira-page{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .carreira-page{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .carreira-page{
        padding:2em 0
    }
}
.carreira-page h1{
    font-family:"Quicksand",sans-serif;
    font-size:34px;
    line-height:37px;
    color:#000;
    text-transform:uppercase
}
.carreira-page h1 span i{
    font-size:7px;
    color:#f05a24
}
.carreira-page p{
    font-family:"Quicksand",sans-serif;
    color:#000;
    font-size:16px;
    line-height:23px;
    text-align:justify;
    margin-bottom:0
}
.carreira-page h2{
    font-family:"Quicksand",sans-serif;
    color:#000;
    font-size:20px;
    font-weight:bold;
    line-height:23px;
    text-align:justify;
    max-width:90%;
    margin-top:1em
}
.carreira-page .carreira-page-form form{
    margin-top:1em
}
.carreira-page .carreira-page-form form .form-input{
    width:100%;
    background:#f5f4f4;
    border:none;
    padding:1em;
    color:#050600;
    margin:1em 0 0 0;
    font-family:"Quicksand",sans-serif;
    text-transform:capitalize
}
.carreira-page .carreira-page-form form .form-input::placeholder{
    color:#050600
}
.carreira-page .carreira-page-form form .form-input:focus{
    outline:none
}
.carreira-page .carreira-page-form form .form-span{
    color:#222;
    margin-top:15px;
    font-family:"Montserrat",sans-serif;
    font-weight:700
}
.carreira-page .carreira-page-form form #email-input{
    text-transform:lowercase
}
.carreira-page .carreira-page-form form #email-input::placeholder{
    text-transform:capitalize
}
.carreira-page .carreira-page-form form #mensagem-input{
    text-transform:capitalize
}
.carreira-page .carreira-page-form form #mensagem-input::placeholder{
    text-transform:capitalize
}
.carreira-page .carreira-page-form form .form-textarea{
    width:100%;
    height:150px
}
.carreira-page .carreira-page-form form .pdf-doc{
    color:#050600;
    margin:1em 0;
    font-family:"Quicksand",sans-serif;
    margin:10px 0
}
.carreira-page .carreira-page-form form .wpcf7-submit{
    background:#f05a24;
    padding:1em 4em;
    color:#fefefe;
    text-transform:uppercase;
    font-family:"Montserrat",sans-serif,sans-serif;
    font-weight:700;
    font-size:.675rem;
    letter-spacing:1px;
    border:none;
    transition:all .4s ease-in-out;
    line-height:3;
    display:inline-block;
    margin-top:2em
}
.blog-post{
    background-color:#fff;
    background-image:url("../../imgs/banner/bottom-pattern-bg.png");
    background-repeat:no-repeat;
    padding:10em 0 5em 0
}
@media only screen and (max-width: 320px){
    .blog-post{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .blog-post{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .blog-post{
        padding:2em 0
    }
}
.blog-post .blog-post-header{
    padding:2em 0;
    border:2px solid #eee;
    border-left:none;
    border-right:none;
    margin:0 0 4em 0;
    position:relative
}
.blog-post .blog-post-header p{
    font-family:"Quicksand",sans-serif;
    font-size:34px;
    line-height:37px;
    margin:0;
    text-transform:uppercase
}
@media only screen and (max-width: 320px){
    .blog-post .blog-post-header p{
        font-size:24px
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .blog-post .blog-post-header p{
        font-size:24px
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .blog-post .blog-post-header p{
        font-size:24px
    }
}
.blog-post .blog-post-header a{
    position:absolute;
    right:0;
    top:40%;
    font-family:"Quicksand",sans-serif;
    color:#222;
    letter-spacing:3px
}
.blog-post img{
    margin:0 0 2em 0
}
.blog-post h1{
    font-family:"Quicksand",sans-serif;
    font-size:34px;
    line-height:37px;
    color:#222;
    margin:.5em 0;
    max-width:90%
}
.blog-post .post-categories{
    list-style:none;
    padding:0;
    display:inline-block;
    margin:0
}
.blog-post .post-categories li{
    background:#eee;
    padding:1px 10px
}
.blog-post .post-categories li a{
    color:#222;
    font-family:"Quicksand",sans-serif
}
.blog-post .post-time{
    font-family:"Quicksand",sans-serif
}
.blog-post p{
    font-family:"Quicksand",sans-serif;
    color:#000;
    font-size:16px;
    line-height:23px;
    text-align:justify
}
.blog-post .post-author{
    display:inline-block;
    margin-bottom:1em;
    font-family:"Quicksand",sans-serif
}
.blog-post .post-author p{
    max-width:90%
}
.blog-post hr{
    margin:2em 0;
    max-width:90%
}
.blog-post .related-posts h6{
    font-family:"Quicksand",sans-serif;
    font-size:16px;
    line-height:23px;
    background:#eee;
    padding:1em;
    color:#222;
    margin:0
}
.blog-post .related-posts ul{
    list-style:none;
    padding:0;
    margin:0
}
.blog-post .related-posts ul li{
    border:1px solid #eee;
    padding:1em
}
.blog-post .related-posts ul li a{
    color:#222
}
.blog-post .related-posts ul li a h5{
    font-size:14px;
    font-family:"Quicksand",sans-serif;
    margin:0
}
.blog-arquive{
    background-color:#fff;
    background-image:url("../../imgs/banner/bottom-pattern-bg.png");
    background-repeat:no-repeat;
    padding:5em 0 5em 0
}
@media only screen and (max-width: 320px){
    .blog-arquive{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .blog-arquive{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .blog-arquive{
        padding:2em 0
    }
}
.blog-arquive .blog-arquive-header,.blog-arquive .blog-arquive-subheader{
    padding:2em 0;
    border:2px solid #eee;
    border-left:none;
    border-right:none;
    margin:0 0 4em 0;
    position:relative
}
.blog-arquive .blog-arquive-header p,.blog-arquive .blog-arquive-header h6,.blog-arquive .blog-arquive-subheader p,.blog-arquive .blog-arquive-subheader h6{
    font-family:"Quicksand",sans-serif;
    font-size:34px;
    line-height:37px;
    margin:0;
    text-transform:uppercase
}
@media only screen and (max-width: 320px){
    .blog-arquive .blog-arquive-header p,.blog-arquive .blog-arquive-header h6,.blog-arquive .blog-arquive-subheader p,.blog-arquive .blog-arquive-subheader h6{
        font-size:24px
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .blog-arquive .blog-arquive-header p,.blog-arquive .blog-arquive-header h6,.blog-arquive .blog-arquive-subheader p,.blog-arquive .blog-arquive-subheader h6{
        font-size:24px
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .blog-arquive .blog-arquive-header p,.blog-arquive .blog-arquive-header h6,.blog-arquive .blog-arquive-subheader p,.blog-arquive .blog-arquive-subheader h6{
        font-size:24px
    }
}
.blog-arquive .blog-arquive-header p span i,.blog-arquive .blog-arquive-header h6 span i,.blog-arquive .blog-arquive-subheader p span i,.blog-arquive .blog-arquive-subheader h6 span i{
    font-size:7px;
    color:#f05a24
}
.blog-arquive .blog-arquive-header h6,.blog-arquive .blog-arquive-subheader h6{
    font-size:18px
}
.blog-arquive .blog-arquive-header a,.blog-arquive .blog-arquive-subheader a{
    position:absolute;
    right:0;
    top:40%;
    font-family:"Quicksand",sans-serif;
    color:#222;
    letter-spacing:3px
}
.blog-arquive .blog-arquive-headline{
    position:relative;
    padding:0;
    border:1px solid #eee
}
.blog-arquive .blog-arquive-headline span ul{
    background:#222;
    list-style:none;
    padding:1em
}
.blog-arquive .blog-arquive-headline span ul li a{
    color:#fff;
    font-family:"Quicksand",sans-serif
}
.blog-arquive .blog-arquive-headline a.blog-arquive-link{
    width:100%;
    height:100%;
    position:absolute;
    left:0
}
.blog-arquive .blog-arquive-headline a.blog-arquive-link:hover{
    background:rgba(255,255,255,.2);
    transition:.3s
}
.blog-arquive .blog-arquive-content{
    font-family:"Quicksand",sans-serif;
    padding:2em
}
.blog-arquive .blog-arquive-content span{
    font-size:11px
}
.blog-arquive .blog-arquive-content h2{
    font-size:18px
}
.blog-arquive .blog-arquive-list ul.blog-arquive-list-ul{
    list-style:none;
    padding:0
}
.blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li{
    position:relative;
    border-bottom:1px solid #eee;
    padding:1em 0
}
.blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li a.blog-arquive-list-link{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li ul{
    display:inline-block;
    padding:0;
    list-style:none
}
.blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-category{
    display:inline-block;
    margin:0 2em;
    font-family:"Quicksand",sans-serif;
    font-size:16px;
    min-width:70px
}
@media only screen and (max-width: 320px){
    .blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-category{
        margin:0;
        display:block
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-category{
        margin:0;
        display:block
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-category{
        margin:0;
        display:block
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-category{
        margin:0;
        display:block
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-category{
        margin:0;
        display:block
    }
}
.blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-category a{
    color:#ccc
}
.blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-date{
    float:right;
    font-family:"Quicksand",sans-serif;
    font-size:16px
}
@media only screen and (max-width: 320px){
    .blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-date{
        float:none
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-date{
        float:none
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-date{
        float:none
    }
}
@media only screen and (min-device-width : 681px)and (max-width: 768px){
    .blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-date{
        float:none
    }
}
@media only screen and (min-device-width : 1023px)and (max-width: 1278px){
    .blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li span.blog-arquive-list-date{
        float:none
    }
}
.blog-arquive .blog-arquive-list ul.blog-arquive-list-ul li.blog-arquive-list-li h2{
    display:inline-block;
    font-size:16px;
    font-family:"Quicksand",sans-serif
}
.navigation{
    margin:1em
}
.navigation .screen-reader-text{
    display:none
}
.navigation .nav-links a{
    padding:2px 10px;
    color:#222;
    font-family:"Quicksand",sans-serif
}
.navigation .nav-links span{
    color:#ccc;
    padding:2px 10px;
    font-family:"Quicksand",sans-serif
}
.contact-page{
    background-color:#fff;
    background-image:url("../../imgs/banner/bottom-pattern-bg.png");
    background-repeat:no-repeat;
    padding:5em 0 5em 0
}
@media only screen and (max-width: 320px){
    .contact-page{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 321px)and (max-width: 480px){
    .contact-page{
        padding:2em 0
    }
}
@media only screen and (min-device-width : 481px)and (max-device-width : 680px){
    .contact-page{
        padding:2em 0
    }
}
.contact-page .contact-page-header h1{
    font-family:"Quicksand",sans-serif;
    font-size:40px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:37px;
    color:#000
}
.contact-page .contact-page-header h1 span i{
    font-size:7px;
    color:#f05a24
}
.contact-page .contact-page-form form{
    margin-top:3em
}
.contact-page .contact-page-form form h2{
    font-family:"Quicksand",sans-serif
}
.contact-page .contact-page-form form p{
    margin:0
}
.contact-page .contact-page-form form .form-input{
    width:100%;
    background:#f5f4f4;
    border:none;
    padding:1em;
    color:#050600;
    margin:1em 0 0 0;
    font-family:"Quicksand",sans-serif;
    text-transform:capitalize
}
.contact-page .contact-page-form form .form-input::placeholder{
    color:#050600
}
.contact-page .contact-page-form form .form-input:focus{
    outline:none
}
.contact-page .contact-page-form form .form-span{
    color:#222;
    margin-top:15px;
    font-family:"Montserrat",sans-serif;
    font-weight:700
}
.contact-page .contact-page-form form #email-input{
    text-transform:lowercase
}
.contact-page .contact-page-form form #email-input::placeholder{
    text-transform:capitalize
}
.contact-page .contact-page-form form #mensagem-input{
    text-transform:capitalize
}
.contact-page .contact-page-form form #mensagem-input::placeholder{
    text-transform:capitalize
}
.contact-page .contact-page-form form .form-textarea{
    width:100%;
    height:150px
}
.contact-page .contact-page-form form .wpcf7-submit{
    background:#f05a24;
    padding:1em 4em;
    color:#fefefe;
    text-transform:uppercase;
    font-family:"Montserrat",sans-serif,sans-serif;
    font-weight:700;
    font-size:.675rem;
    letter-spacing:1px;
    border:none;
    transition:all .4s ease-in-out;
    line-height:3;
    display:inline-block;
    margin-top:2em
}
.contact-page .about-page-info{
    margin-top:3em
}
.contact-page .about-page-info h2{
    font-family:"Quicksand",sans-serif
}
.contact-page .about-page-info p{
    font-family:"Quicksand",sans-serif
}
.contact-page .about-page-info p a{
    font-family:"Quicksand",sans-serif;
    color:#000
}
.contact-page .about-page-info .about-page-info-gps{
    margin:2em 0 0 0
}
 
.wp-block-esab-accordion .esab__icon .esab__collapse, .wp-block-esab-accordion .esab__icon .esab__expand {
    top: -6px !important;
}