:root {
    --primary-color:#09406b;
    --secondary-color:#9c824c;
} 

/*FONTS*/
@font-face {font-family:'Gotham-Light';src:url('../fonts/gotham-light.ttf');}
@font-face {font-family:'Gotham-Bold';src:url('../fonts/gotham-bold.ttf');}
@font-face {font-family:'GothamBook';src:url('../fonts/gothambook.ttf');}

/*-COLORS*/
.bg-primary {background:var(--primary-color)!important;}
.bg-secondary {background:var(--secondary-color)!important;}
.text-primary {color:var(--primary-color)!important;}
.text-secondary {color:var(--secondary-color)!important;}
a:hover, a:focus {color:var(--primary-color);}

/* GERAL */
.npt-3{padding-top: 3rem;}
.npd-1{padding-bottom: 1rem;}
.nmr-30 {margin-right: 30px;}
.justif-text{text-align:justify;}
p{
    text-align: center;
    width: 100%;
}

/*DEFAULT*/
main {overflow-x:hidden;}
body {background-image:url('../images/bg.jpg');background-size:100%;}
section {padding-top:0;padding-bottom:0;background:#fff;overflow:visible;}
.space-between {justify-content:space-between;}
.banner_secundario {margin-bottom:100px;padding:0;background-position:center!important;}
.banner_secundario .small-screen {height:300px;}
.loader {height: 100%;width: 100%;position: fixed;z-index: 999999;margin-top: 0;top: 0;background: #ffffff;}
.loader .spinner {width: 40px;height: 40px;margin: -19px 0 0 -21px;background-color:var(--primary-color);border-radius: 100%;-webkit-animation: sk-scaleout 1s infinite ease-in-out;animation: sk-scaleout 1s infinite ease-in-out;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.flex-1 {flex:1;}
.container {width:85%;max-width:85%;}
h2 {font-family:'Gotham-Light';font-size:19px;color:var(--secondary-color);text-transform:uppercase;letter-spacing:4px;line-height:1.4;}
h2.border-bottom {border-bottom:0 1px 0 0 solid var(--secondary-color);display:inline-block;padding-bottom:20px;}
p, li {font-family:'GothamBook';font-size:15px;}
.separator {background:var(--secondary-color);width:calc(100% + 250px);height:1px;position:relative;margin-bottom:20px;}
.separator:after {content:'';position:absolute;top:-17px;width:34px;height:34px;background-image:url(../images/icon-separator.jpg);background-size:100%;}
.separator.left {left:-250px;}
.separator.left:after {right:100%;}
.separator.right {right:0;}
.separator.right:after {left:100%;}
.separator.center {width:100%;}
button {font-family:'GothamBook';font-size:13px;text-transform:uppercase;color:var(--primary-color);background:transparent;transition:all ease .3s;outline:none;border:1px solid var(--primary-color);padding:2px 20px;margin-top:20px;position:relative;}
button:after {content:'';position:absolute;width:0;height:100%;top:0;left:0;background:var(--primary-color);z-index:0;transition:all ease .3s;}
button span {position:relative;z-index:1;transition:all ease .3s;}
button:hover:after {width:100%;}
button:hover span {color:#fff;}
button.secondary:after {background:#fff;}
button.secondary {color:#fff;border-color:#fff;}
button.secondary:hover span {color:var(--primary-color);}
button.gold {color:var(--secondary-color);border-color:var(--secondary-color);}
button.gold:after {background:var(--secondary-color);}
.separator-bg {width:100%;height:12px;background:var(--primary-color);}

.areaBtns{display:flex;justify-content:space-between;align-items:center}
.areaBtns a.secondary{font-family:'GothamBook';font-size:13px;text-transform:uppercase;background:transparent;transition:all ease .3s;outline:none;border:1px solid #fff;color:#fff;padding:2px 20px;margin-top:20px;position:relative}

.areaBtns a.secondary span{z-index:1;position:relative;transition:all ease .3s}

.areaBtns a.secondary:hover span{color:var(--primary-color)}

.areaBtns a.secondary img{margin-left:10px;margin-top:-3px;filter:brightness(0) invert(1);transition:all ease .3s}

.areaBtns a.secondary:hover img{filter:none}

.areaBtns a.secondary:after{background:#fff}

.areaBtns a.secondary:hover:after{width:100%}

.areaBtns a.secondary:after{content:'';position:absolute;width:0;height:100%;top:0;left:0;background:#fff;z-index:0;transition:all ease .3s}


/*HEADER*/
header {position:absolute;top:0;left:0;width:100%;z-index:2;padding:20px;}
header * {color:#fff;}
header i {padding:0 5px;font-size:20px;}
nav .logo{max-width: 285px;}
nav .container{padding-right: 0; padding-left: 0;}
@media screen and (min-width:1200px){
    nav {background:var(--primary-color);position:absolute;bottom:20%;left:-11%;z-index:2;padding:20px 0;}
    /* nav .container {width:1400px;} */
    nav .container {width:fit-content;}
    nav ul {display:flex;list-style:none;}
    nav ul li {padding:0 3px;border-right:1px solid #fff;line-height:1.2;}
    nav ul li a {color:#fff;white-space:nowrap;font-family:'GothamBook';font-size:12px;text-transform:uppercase;letter-spacing:4px;}
    nav ul li a:hover, nav ul li a:active, nav ul li a:focus {color:var(--secondary-color);}
    nav ul li:last-child {border:none;padding-right:0;}
    nav .logo {width:350px;flex:0 0 350px;}
}

@media screen and (min-width:1400px){
    nav {background:var(--primary-color);position:absolute;bottom:20%;left:-11%;z-index:2;padding:20px 0;}
    /* nav .container {width:1400px;} */
    nav .container {width:fit-content;}
    nav ul {display:flex;list-style:none;}
    nav ul li {padding:0 5px;border-right:1px solid #fff;line-height:1.2;}
    nav ul li a {color:#fff;white-space:nowrap;font-family:'GothamBook';font-size:12px;text-transform:uppercase;letter-spacing:4px;}
    nav ul li a:hover, nav ul li a:active, nav ul li a:focus {color:var(--secondary-color);}
    nav ul li:last-child {border:none;padding-right:0;}
    nav .logo {width:350px;flex:0 0 350px;}
}

@media screen and (min-width:1210px){
    nav {background:var(--primary-color);position:absolute;bottom:20%;left:-15%;z-index:2;padding:9px 0;}
    /* nav .container {width:1100px;} */
    nav .container {width:fit-content;}
    nav ul {display:flex;list-style:none;}
    nav ul li {padding:0 3px;border-right:1px solid #fff;line-height:1.2;}
    nav ul li a {color:#fff;white-space:nowrap;font-family:'GothamBook';font-size:13px;text-transform:uppercase;letter-spacing:4px;}
    nav ul li a:hover, nav ul li a:active, nav ul li a:focus {color:var(--secondary-color);}
    nav ul li:last-child {border:none;padding-right:0;}
    nav .logo {width:300px;flex:0 0 350px;}
}
.desktop_nav .nav-item a{padding: max(0.03vw , 2px) max(0.05vw, 5px); font-size: max(0.68vw, 11.5px);}

button.navbar-toggler:after {display:none;}

/*BANNER*/
.swiper-button-prev, .swiper-button-next {width:25px;height:60px;background-size:100%;}
.swiper-button-prev {background-image:url(../images/arrow-left.png);left:30px;}
.swiper-button-next {background-image:url(../images/arrow-right.png);right:30px;}
/* .banner .container {max-width:95%;margin-left:275px;} */
.banner .container {max-width:95%;margin-left:14.32vw;}
.banner .swiper-slide {width:100%;height:100vh;}
.banner .swiper-slide a {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;}

/*QUEM SOMOS*/
#about .bg-image {background:url(../images/box1.jpg);background-size:cover;background-position:center;}

/*PLANEJAMENTO*/
#planejamento .bg-image {background:url(../images/box2.jpg);background-size:cover;background-position:center;}

/*CLIENTES*/
#clientes img {width:100%;}
#clientes .d-flex>div {width:360px;max-width:60%;}
.cliente-logo img{max-width: 50%;}
.carrossel_logo_maior, .carrossel_logo_menor {position: relative;}
.carrossel_logo_maior .swiper-slide {background-color: white;}
.carrossel_logo_maior .swiper-slide .cliente-logo {margin-bottom: 30px;}

.carrossel_logo_maior .swiper-button-next, .carrossel_logo_maior .swiper-button-prev {top: 60%;}
.carrossel_logo_maior .swiper-button-next {right: -20px;}
.carrossel_logo_maior .swiper-button-prev {left: -20px;}

@media screen and (max-width: 1000px) {
    .carrossel_logo_maior .swiper-button-next, .carrossel_logo_maior .swiper-button-prev {top: 70%;}
    .carrossel_logo_maior .swiper-button-next {right: -10px;}
    .carrossel_logo_maior .swiper-button-prev {left: -10px;}
}
@media screen and (max-width: 600px) {
    .carrossel_logo_maior .swiper-button-next, .carrossel_logo_maior .swiper-button-prev {top: 75%;}
    .carrossel_logo_maior .swiper-button-prev, .carrossel_logo_maior .swiper-button-next {width: 15px;}
}

/*ADMINISTRAÇÃO*/
#administracao .bg-image {background:url(../images/box3.jpg);background-size:cover;background-position:center;}

/*LOCALIZAÇÃO*/
#localizacao iframe {width:100%;height:60vh;filter:grayscale(1);transition:all ease .5s;display:block;}
#localizacao iframe:hover {filter:grayscale(0);}

/*CONTATO*/
#contato form {width:800px;max-width:100%;margin-left:auto;margin-right:auto;}
#contato form textarea {height:200px;margin-bottom:5px;}
#captcha input {width:300px;max-width:100%;}
@media screen and (min-width:1200px){
    .col-captcha {padding-left:0!important;}
}

/*COMERCIALIZAÇÃO*/
#lojas .bg-image {background:url(../images/box4c.jpg);background-size:cover;background-position:center;}
#mall .bg-image {background:url(../images/box5.jpg);background-size:cover;background-position:center;}
#escritorios .bg-image {background:url(../images/box6.jpg);background-size:cover;background-position:center;}
#parking .bg-image {background:url(../images/box12.jpg);background-size:cover;background-position:center;}

/*QUEM SOMOS*/
#plenaventura img {width:400px;max-width:80%;}
#plenaventura .bg-image {background:url(../images/box7.jpg);background-size:cover;background-position:center;}
#piemonte img {width:250px;max-width:80%;}
#clientes-logos span {font-size:7px;white-space:nowrap;}
#clientes-logos img {max-width: 80%;max-height: 100px;margin: 0 auto;}
#clientes-logos2 img {max-width: 100%;max-height: 100px;margin: 0 auto;}
#vgomes .bg-image {background:url(../images/box8b.jpg);background-size:cover;background-position:center;}
#missao .bg-image {background:url(../images/box9.jpg);background-size:cover;background-position:center;}
#visao .bg-image {background:url(../images/box10.jpg);background-size:cover;background-position:center;}
#valores .bg-image {background:url(../images/box11.jpg);background-size:cover;background-position:center;}

/*VGOMES*/
.logo_vgomes {width: 380px;margin-bottom: 20px;}

/*FOOTER*/
footer {color:var(--primary-color);background:#fff;}
footer h2 {font-size:15px;}
footer p {color:var(--primary-color);font-size:14px;}
footer ul li {font-size:14px; margin: 0;}
footer i {color:var(--primary-color);font-size:20px;}
footer a {color:#fff;}
footer a:hover {color:#eee;}
footer .bg-primary i {color:#fff;width: 40px;line-height: 40px;height: 40px;border: 1px solid #fff;border-radius: 12px;text-align: center;transition:all ease .2s;}
footer .bg-primary i:hover {color:var(--primary-color);background:#fff;}
.footer-logo {width:320px;}
footer .col-lg-4.border-left:before {content: '';position: absolute;left: -110px;width: 1px;height: 100%;background: var(--secondary-color);opacity: .7;}
footer .social {margin-top: 35px;}


@media screen and (max-width:1600px){
    footer .col-lg-4.border-left:before {content: '';position: absolute;left: -35px;width: 1px;height: 100%;background: var(--secondary-color);opacity: .7;}
}

@media screen and (max-width:1430px){
    nav .logo {width:280px;flex:0 0 280px;}
}

@media screen and (max-width:1340px){
    .banner .container {max-width:98%;margin-left:60px;}
    nav .logo {width:230px;flex:0 0 230px;padding-right:20px!important;}
    nav ul li {line-height:1;}
    nav ul li a {font-size:11px;}
}

@media screen and (max-width:1230px){
    nav .logo {width:200px;flex:0 0 220px;padding-right:15px!important;}
    nav ul li {padding:0 3px;}
    nav ul li a {font-size:10px;}
    .col-lg-4.border-left:before{ left:-20px;}
    footer h2 {font-size: 13px; letter-spacing: 1px;}

}

@media screen and (max-width:1200px){
    section {overflow:hidden;}
    .container {width:95%;max-width:95%;}
    .home-decor .rev_slider_wrapper {height:100vh!important;}
    header {z-index:11;}
    header i {margin:27px 10px 28px 0;color:var(--primary-color);}
    .flex-1.bg-image {height:300px;}
    #captcha input {width:100%;}
    .footer-logo {width:60%;max-width:250px;margin:0 auto;display:block;}
    [data-mobile-nav-style=classic] .navbar-nav {background:var(--primary-color);}
    [data-mobile-nav-style=classic] .navbar-nav a {color:#fff!important;}
    .sticky .navbar.header-light .navbar-nav .nav-link, .sticky .navbar.header-light .header-search-icon > a, .sticky .navbar.header-light .header-social-icon > a, .sticky .navbar.header-light .header-cart-icon > a, .sticky .navbar.header-light .header-language > a, .sticky .navbar.header-light .nav-bar-contact {color:#fff!important;}
    #clientes-logos .flex-1 {flex:0 0 50%;}
    #clientes-logos2 .flex-1 {flex:0 0 50%;}
    #clientes-logos2 img {max-width:80%;}
}

@-webkit-keyframes sk-scaleout {
    0% {-webkit-transform: scale(0);}
    100% {-webkit-transform: scale(1); opacity: 0;}
}
@keyframes sk-scaleout {
    0% {-webkit-transform: scale(0);transform: scale(0);}
    100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;}
}

.menu-desktop{display: none;}
@media screen and (min-width:1200px){
    .menu-desktop{display: block;}
    .navbar{display: none;}

.navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    }
}
@media screen and (max-width:1200px){
    .navbar-collapse{
        position: absolute;
        top: 100%;
        right: calc(100vw - 317px);
        width: 250px;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 20px 15px 0 rgb(23 23 23 / 5%);
        max-height: calc(100vh - 65px);
    }
    .mobile_nav .mobile_logo{width: 330px;}
    .navbar-toggler {
        margin: 30px 0 28px 10px;
    }
    .navbar .navbar-nav .nav-link
    {
        padding: 20px 0;
    }
}