@font-face {

    font-family: 'Averta Bold';

    src: url('../fonts/averta/Averta-Bold.eot');

    src: url('../fonts/averta/Averta-Bold.eot?#iefix') format('embedded-opentype'),

    url('../fonts/averta/Averta-Bold.woff2') format('woff2'),

    url('../fonts/averta/Averta-Bold.woff') format('woff'),

    url('../fonts/averta/Averta-Bold.ttf') format('truetype'),

    url('../fonts/averta/Averta-Bold.svg#Averta-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Averta Thin';

    src: url('../fonts/averta/Averta-Thin.eot');

    src: url('../fonts/averta/Averta-Thin.eot?#iefix') format('embedded-opentype'),

    url('../fonts/averta/Averta-Thin.woff2') format('woff2'),

    url('../fonts/averta/Averta-Thin.woff') format('woff'),

    url('../fonts/averta/Averta-Thin.ttf') format('truetype'),

    url('../fonts/averta/Averta-Thin.svg#Averta-Thin') format('svg');

    font-weight: 100;

    font-style: normal;

}



@font-face {

    font-family: 'Averta Extrabold';

    src: url('../fonts/averta/Averta-ExtraBold.eot');

    src: url('../fonts/averta/Averta-ExtraBold.eot?#iefix') format('embedded-opentype'),

    url('../fonts/averta/Averta-ExtraBold.woff2') format('woff2'),

    url('../fonts/averta/Averta-ExtraBold.woff') format('woff'),

    url('../fonts/averta/Averta-ExtraBold.ttf') format('truetype'),

    url('../fonts/averta/Averta-ExtraBold.svg#Averta-ExtraBold') format('svg');

    font-weight: 800;

    font-style: normal;

}



@font-face {

    font-family: 'Averta Black';

    src: url('../fonts/averta/Averta-Black.eot');

    src: url('../fonts/averta/Averta-Black.eot?#iefix') format('embedded-opentype'),

    url('../fonts/averta/Averta-Black.woff2') format('woff2'),

    url('../fonts/averta/Averta-Black.woff') format('woff'),

    url('../fonts/averta/Averta-Black.ttf') format('truetype'),

    url('../fonts/averta/Averta-Black.svg#Averta-Black') format('svg');

    font-weight: 900;

    font-style: normal;

}



@font-face {

    font-family: 'Averta';

    src: url('../fonts/averta/Averta-Regular.eot');

    src: url('../fonts/averta/Averta-Regular.eot?#iefix') format('embedded-opentype'),

    url('../fonts/averta/Averta-Regular.woff2') format('woff2'),

    url('../fonts/averta/Averta-Regular.woff') format('woff'),

    url('../fonts/averta/Averta-Regular.ttf') format('truetype'),

    url('../fonts/averta/Averta-Regular.svg#Averta-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Averta Light';

    src: url('../fonts/averta/Averta-Light.eot');

    src: url('../fonts/averta/Averta-Light.eot?#iefix') format('embedded-opentype'),

    url('../fonts/averta/Averta-Light.woff2') format('woff2'),

    url('../fonts/averta/Averta-Light.woff') format('woff'),

    url('../fonts/averta/Averta-Light.ttf') format('truetype'),

    url('../fonts/averta/Averta-Light.svg#Averta-Light') format('svg');

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Averta Extrathin';

    src: url('../fonts/averta/Averta-Extrathin.eot');

    src: url('../fonts/averta/Averta-Extrathin.eot?#iefix') format('embedded-opentype'),

    url('../fonts/averta/Averta-Extrathin.woff2') format('woff2'),

    url('../fonts/averta/Averta-Extrathin.woff') format('woff'),

    url('../fonts/averta/Averta-Extrathin.ttf') format('truetype'),

    url('../fonts/averta/Averta-Extrathin.svg#Averta-Extrathin') format('svg');

    font-weight: 100;

    font-style: normal;

}



@font-face {

    font-family: 'Averta Semibold';

    src: url('../fonts/averta/Averta-Semibold.eot');

    src: url('../fonts/averta/Averta-Semibold.eot?#iefix') format('embedded-opentype'),

    url('../fonts/averta/Averta-Semibold.woff2') format('woff2'),

    url('../fonts/averta/Averta-Semibold.woff') format('woff'),

    url('../fonts/averta/Averta-Semibold.ttf') format('truetype'),

    url('../fonts/averta/Averta-Semibold.svg#Averta-Semibold') format('svg');

    font-weight: 600;

    font-style: normal;

}



* {box-sizing: border-box; padding: 0; margin: 0; appearance: none; -webkit-appearance: none; outline: none !important; font-family: 'Averta';}

a {text-decoration: none !important; transition: 0.4s; color: #78b6e2}

a:hover {color: #ed8600}

a img {border: none !important;}

li {list-style: none;}

h1 {position: absolute; text-indent: -50000px;}

.form-group {display: table; width: 100%; float: left;}

.owl-item {float: left;}

ul {padding: 0; margin-bottom: 0;}





header {z-index: 90; position: absolute; width: 100%; top: 0; left: 0;}

header .container {max-width: 1300px}

header .topbar {display: table; width: 100%; position: relative;}

header .topbar:after {content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 1px; background-image: linear-gradient(to left, rgba(255,255,255,.2), rgba(255,255,255,.2), rgba(255,255,255,.1), rgba(255,255,255,0), rgba(255,255,255,0));}

header .topbar .phone, header .topbar .mail {float: left; font-size: 15px; color: #77b6e1; line-height: 60px;}

header .topbar .mail {margin-left: 30px;}

header .topbar .phone a {font-size: 15px; color: #77b6e1;}

header .topbar .phone a:hover, header .topbar .mail:hover {color: #ed8600;}

header .default-header {display: table; width: 100%;}

header .default-header .logo {float: left;}

header .default-header .right-header {float: right; padding: 55px 0;}

header .default-header .right-header nav {float: left;}

header .default-header .right-header nav ul {display: table;}

header .default-header .right-header nav ul li {float: left; margin: 0 10px; position: relative;}

header .default-header .right-header nav ul li a {display: table; text-transform: uppercase; font-size: 15px; color: #FFF; font-size: 14px; font-family: 'Averta Semibold'; line-height: 35px;}

/*header .default-header .right-header nav ul li.has-submenu a {position: relative; padding-right: 34px;}*/

header .default-header .right-header nav ul li.has-submenu a i {position: absolute; right: 0; top: 50%; transform: translate(0, -50%); color: #FFF; background: #78b6e2; border-radius: 50%; line-height: 25px; width: 25px; text-align: center; font-size: 18px;}

header .default-header .right-header nav ul li a:hover {color: #ed8600;}

header .default-header .right-header nav ul li ul {width: 150px; background: #FFF; border-radius: 3px; padding: 20px; position: absolute; top: 100%; display: none; float: left;}

header .default-header .right-header nav ul li ul li, header .default-header .right-header nav ul li ul li a {display: table; width: 100%;}

header .default-header .right-header nav ul li ul li a {color: #5caee6;}

header .default-header .right-header nav ul li ul li a:hover {color: #ee8600;}

header .default-header .right-header .link-phone {float: left; line-height: 35px; border-radius: 35px; padding: 0 25px; margin-left: 30px; color: #FFF; font-size: 15px; font-family: 'Averta Semibold'; background: #ed8600;}

header .default-header .right-header .link-phone:hover {background: #78b6e2;}

header .open-menu {display: none;}



.banner, .banner-mobile {display: block; width: 100%; height: 940px; position: relative; z-index: 10; overflow: hidden;}

.banner .disabled, .banner-mobile .disabled {display: none !important;}

.banner .item-banner, .banner-mobile  .item-banner {height: 940px; display: block; position: relative;}

.banner .content-banner, .banner-mobile .content-banner {display: table; width: 100%; padding-top: 320px;}

.banner .content-banner h2, .banner-mobile .content-banner h2 {font-family: 'Averta Thin'; color: #FFF; font-size: 58px; line-height: 60px; margin-bottom: 30px;}

.banner .content-banner h2 strong, .banner-mobile .content-banner h2 strong {color: #ee8600; font-family: 'Averta Bold';}

.banner .content-banner .container, .banner-mobile .content-banner .container {position: relative;}

.banner .content-banner .container:before, .banner-mobile .content-banner .container:before {content: ""; width: 140px; height: 140px; position: absolute; left: -60px; bottom: -185px; background: url(../img/arrow-down.png) center center no-repeat; -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate}



.home-products {display: block; width: 100%; padding-top: 80px; padding-bottom: 160px; }

.home-products h2 {display: table; width: 100%; text-align: center; font-family: 'Averta Bold'; font-size: 48px; color: #3f4248; margin-bottom: 0;}

.home-products h2 strong {color: #5caee6;}

.home-products .subtitle {display: table; width: 100%; text-align: center; font-size: 24px; color: #5caee6; font-family: 'Averta Light'; margin-bottom: 85px;}

.home-products .item-product {display: table; width: 100%; background-image: linear-gradient(to left bottom, #f8f8f8, #fafafa, #fbfcfb, #fdfdfd, #ffffff); -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.06); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.06); border: 1px solid #ededed; border-radius: 3px; padding: 0 30px 55px 30px;}

.home-products .item-product img {display: table; margin: -55px auto 0; max-width: 100%;}

.home-products .item-product h3 {display: table; width: 100%; text-align: center; font-size: 30px; color: #666666; font-family: 'Averta Bold'; margin-bottom: 15px;}

.home-products .item-product p {display: table; width: 100%; text-align: center; font-size: 17px; line-height: 23px; color: #3a3a3a; margin-bottom: 25px; font-family: 'Averta Light';}

.home-products .item-product a {display: table; margin: 0 auto; color: #FFF; text-transform: uppercase; font-family: 'Averta Bold'; line-height: 50px; font-size: 17px; padding: 0 30px; border-radius: 3px; background-image: linear-gradient(to left, #ee8a09, #ed8e18, #ec9323, #ec972c, #eb9b35); -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);}

.home-products .item-product a:before {border: none; background-image: linear-gradient(to left, #ee8a09, #ed8e18, #ec9323, #ec972c, #eb9b35); z-index: -1; border-radius: 3px;}



.conveniados {display: table; width: 100%; padding-top: 170px; margin-top: -130px; padding-bottom: 50px; background: url(../img/bg-products.png) left top no-repeat;}

.conveniados h2 {display: table; width: 100%; text-align: center; font-family: 'Averta Bold'; font-size: 105px; line-height: 105px; color: #5caee5; padding-top: 70px; background: url(../img/icon-mapa.png) center top no-repeat; letter-spacing: -3px; margin-bottom: 40px;}

.conveniados form {display: table; width: 100%; margin-bottom: 45px;}

.conveniados form select {width: 100%; color: #999999; font-size: 17px; border: 1px solid #e9e9e9; border-radius: 3px; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 70px; padding: 0 75px 0 50px; background: url(../img/arrow-select.png) no-repeat #FFF; background-position: calc(100% - 40px) center; -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);}

.conveniados .box-regiao {display: none; width: 100%; margin-bottom: 45px; float: left; width: 100%;}

.conveniados .box-regiao.active {display: block;}

.conveniados .box-regiao .title {display: table; width: 100%; text-align: center; font-family: 'Averta Bold'; font-size: 20px; line-height: 23px; color: #eb9a31; border-bottom: 1px solid #e5e6e5; padding-bottom: 20px; margin-bottom: 45px; text-transform: uppercase;}

.conveniados .box-regiao ul {display: table; width: 100%;}

.conveniados .box-regiao ul li {float: left; width: 50%;}

.conveniados .box-regiao ul li a {font-size: 17px; color: #808080; padding: 10px 30px 10px 0; display: table; width: 100%;}

.conveniados .box-regiao ul li a i { margin-right: 10px; color: #000; opacity: .2}

.conveniados .box-regiao ul li a:hover {color: #eb9a31;}

.conveniados .box-regiao ul li:nth-of-type(2n+1) {clear: both;}

.conveniados .box-clube {display: table; width: 100%; border-radius: 3px; padding: 30px; background: #f2f2f2;}

.conveniados .box-clube .center-box-clube {display: table; margin: 0 auto;}

.conveniados .box-clube .center-box-clube img {float: left;}

.conveniados .box-clube .center-box-clube span {line-height: 45px; float: left; padding: 0 25px; font-size: 20px; color: #132b51;}

.conveniados .box-clube .center-box-clube a {float: left; border-radius: 3px; line-height: 45px; padding: 0 20px; color: #FFF; text-transform: uppercase; font-size: 18px; background: #ed620e;}

.conveniados .box-clube .center-box-clube a:hover {background: #5caee6;}







.conveniados .box-ar .center-box-ar {display: table; margin: 0 auto;}

.conveniados .box-ar .center-box-ar img {float: left;}

.conveniados .box-ar .center-box-ar span {line-height: 45px; float: left; padding: 0 25px; font-size: 20px; color: #132b51;}

.conveniados .box-ar .center-box-ar a {float: left; border-radius: 3px; line-height: 45px; padding: 0 20px; color: #FFF; text-transform: uppercase; font-size: 18px; background: #ed620e;}

.conveniados .box-ar .center-box-ar a:hover {background: #5caee6;}









.home-about {display: table; width: 100%; padding: 130px 0 90px; background: url(../img/bg-about.png) center top no-repeat; background-size: cover}

.home-about .detail-title {display: table; width: 100%; text-transform: uppercase; font-family: 'Averta Extrabold'; font-size: 120px; line-height: 120px; margin-bottom: -80px; background: linear-gradient(to bottom, rgba(241,241,241,1), rgba(241,241,241,.7), rgba(241,241,241,.6), rgba(241,241,241,.2), rgba(241,241,241,0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -10px;}

.home-about h2 {font-family: 'Averta Extrabold'; color: #3f4248; font-size: 55px; line-height: 55px; padding-top: 40px; width: 100%; margin-bottom: 15px;}

.home-about h2 strong {font-family: 'Averta Extrabold'; color: #5caee6;}

.home-about p {font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 20px; font-family: 'Averta Light';}

.home-about p strong {font-family: 'Averta Bold';}

.home-about .box-text {display: table; width: 100%;}

.home-about .box-image, .home-about .box-image img {width: 100%; height: auto;}

.home-about .box-image img {margin-top: 100px; border-radius: 3px; -webkit-box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2);}

.home-about .box-text .btn-about {display: table; border-radius: 3px; padding: 0 30px; line-height: 60px; border: none; color: #FFF; -webkit-box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to right, #4392c7, #4898ce, #4e9dd4, #53a3db, #58a9e2); font-family: 'Averta Semibold'; text-transform: uppercase; font-size: 16px;}

.home-about .box-text .btn-about i {margin-left: 5px;}

.home-about .box-text .btn-about:before {z-index: -1; background-image: linear-gradient(to right, #4392c7, #4898ce, #4e9dd4, #53a3db, #58a9e2); border: none; border-radius: 3px;}

.home-about .container {position: relative;}

.flutuate-estacionamento {position: absolute; top: -85px; right: 15px; background: #fdfdfd; border-radius: 5px; width: 195px; padding: 50px 20px 20px; border: 1px solid #e3e3e3; border-top: 4px solid #ee8a0a; text-align: center; font-size: 20px; line-height: 24px; margin: 0 0 10px; color: #ee8a0a; z-index: 999; font-family: 'Averta Bold'; -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate}

.flutuate-estacionamento span {text-decoration: underline !important; color: #08223a; font-family: 'Averta Semibold'; text-transform: uppercase; font-size: 13px; display: table; width: 100%; text-align: center; padding-top: 5px;}

.flutuate-estacionamento:before {content: ""; width: 96px; height: 96px; position: absolute; display: table; left: 50%; transform: translate(-50%, 0); top: -45px; background: url(../img/icon-car.png) center center no-repeat;}



.about-topics {display: table; width: 100%; padding-top: 55px;}

.about-topics .item-topic {display: table; width: 100%; border: 1px solid #e5e5e5; padding: 30px; background: rgba(255,255,255,.8); border-radius: 3px;}

.about-topics .item-topic .title {display: table; width: 100%; text-align: center; font-family: 'Averta Bold'; font-size: 24px; color: #5caee6;}

.about-topics .item-topic p {width: 100%; text-align: center;}

.about-topics .item-topic a {display: table; margin: 0 auto; border-radius: 3px; line-height: 45px; padding: 0 20px; color: #b2b2b2; text-transform: uppercase; font-size: 18px; background: #f2f2f2;}

.about-topics .item-topic a:hover {background: #57a8e0; color: #FFF;}

.about-topics .item-topic i {display: table; margin: 0 auto; font-size: 35px; color: #5caee6;}



.contact {display: table; width: 100%; padding: 100px 0; background: url(../img/bg-contact.png) center center no-repeat; background-size: cover;}

.contact h2 {display: table; width: 100%; color: #FFF; font-family: 'Averta Bold'; font-size: 72px; line-height: 75px; text-align: center; margin-bottom: 60px;}

.contact form {display: table; width: 100%;}

.contact form label {margin-bottom: 5px; color: #FFF; font-size: 18px; font-family: 'Averta Light'; transition: 0.4s; font-weight: normal;}

.contact form textarea, .contact form input[type=text], .contact form input[type=email] {display: table; width: 100%; height: 55px; border: none; border-radius: 4px; padding: 0 20px; font-size: 18px; color: #000; transition: 0.4s;}

.contact form textarea {height: 185px; resize: none; padding: 10px 20px;}

.contact form button[type=submit] {display: table; float: right; border-radius: 3px; padding: 0 30px; line-height: 60px; border: none; color: #FFF; -webkit-box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to right, #4392c7, #4898ce, #4e9dd4, #53a3db, #58a9e2); font-family: 'Averta Semibold'; text-transform: uppercase; cursor: pointer; font-size: 16px;}

.contact form button[type=submit] i {margin-left: 5px;}

.contact form button[type=submit]:before {z-index: -1; background-image: linear-gradient(to right, #4392c7, #4898ce, #4e9dd4, #53a3db, #58a9e2); border: none; border-radius: 3px;}

.contact form .custom-file-label::after {content: "Selecionar..."; font-family: 'Averta Semibold'; line-height: 53px; height: 53px; border: none; background: none; font-size: 16px; font-weight: 500; color: #b2b2b2; padding: 0 30px 0 15px; background: #FFF;}

.contact form .custom-file-input {height: 48px;}

.contact form .custom-file {height: 55px; background: #FFF; display: block; border-radius: 3px; overflow: hidden; border: 1px solid #e6e6e6; cursor: pointer;}

.contact form .custom-file-label {height: 53px; background: none; border: none; line-height: 53px; padding: 0 0 0 20px; font-size: 14px; color: #CCC;}

.contact .item-contact {display: table; width: 100%; margin-bottom: 35px; padding-left: 70px;}

.contact .item-contact .title {display: table; width: 100%; text-transform: uppercase; font-size: 15px; color: #ec9729;  font-family: 'Averta Light';}

.contact .item-contact .info {font-size: 24px; color: #FFF; display: table; width: 100%; font-family: 'Averta Light';}

.contact .item-contact .info2 {font-size: 20px; color: #FFF; display: table; width: 100%; font-family: 'Averta Light';}

.contact .item-contact.phone {background: url(../img/icon-telefone.png) left top no-repeat;}

.contact .item-contact.mail {background: url(../img/icon-email.png) left top no-repeat;}

.contact .item-contact.address {background: url(../img/icon-localizacao.png) left top no-repeat;}

.contact .box-gmaps {display: table; width: 100%; padding: 15px 0; border-radius: 3px; background: #e2860f; margin-bottom: 15px;}

.contact .box-gmaps span {display: table; margin: 0 auto; color: #FFF; text-transform: uppercase; font-size: 15px;}

.contact .box-gmaps span i {margin-right: 5px;}

.contact .box-gmaps span a {text-decoration: underline !important; color: #FFF; }

.contact .box-gmaps span a:hover {color: #5caee6}

.contact iframe {width: 100%; height: 250px; border-radius: 3px;}

.contact .box-address {display: table; width: 100%; padding: 20px 25px; border-radius: 5px; background: #08213a; margin-top: 50px;}

.contact .box-address .center-box {display: table; margin: 0 auto;}

.contact .box-address .text {float: left; padding: 10px 0 10px 60px; background: url(../img/icon-localizacao.png) left center no-repeat; margin-right: 30px;}

.contact .box-address .text .title {display: table; text-transform: uppercase; font-size: 15px; color: #ec9729;  font-family: 'Averta Light';}

.contact .box-address .text .info {font-size: 20px; color: #FFF; display: table; width: 100%; font-family: 'Averta Light';}

.contact .box-address a {float: left; line-height: 72px; font-size: 16px; color: #488ccb; text-transform: uppercase;}

.contact .box-address a:hover {color: #ec9729}



.carousel-products {display: none;}



footer {display: table; width: 100%; background: #081f37; padding: 30px 0;}

footer span {float: left; color: #FFF; line-height: 23px; font-size: 16px; font-family: 'Averta Light';}

footer a {float: right; width: 94px; height: 23px; background: url(../img/logo-virtualiza.png) top center no-repeat;}

footer a:hover {background-position: bottom center !important;}



.menu-mobile {width: 100%; height: 100vh; position: fixed; top: 0; right: 0; z-index: 99999; display: none;}

.menu-mobile .overlay-menu {position: absolute; left: 0; top: 0; width: calc(100% - 500px); height: 100vh; background: rgba(0,0,0,.9); cursor: pointer;}

.menu-mobile .bar-menu {width: 100%; max-width: 500px; background: rgba(12,55,95,.98); position: absolute; right: 0; top: 0; height: 100vh; overflow-x: hidden; overflow-y: scroll; z-index: 90;}

.menu-mobile .bar-menu ul {display: table; padding: 50px 100px 10px 30px; width: 100%;}

.menu-mobile .bar-menu ul li {display: table; width: 100%;}

.menu-mobile .bar-menu ul li {margin-bottom: 20px;}

.menu-mobile .bar-menu ul li a {color: #FFF; text-transform: uppercase; font-size: 15px; font-family: 'Averta Semibold'; float: left;}

.menu-mobile .bar-menu ul li a:hover {color: #ed8600;}

.menu-mobile .bar-menu ul li ul {display: none; width: 100%; padding: 15px 0 0 20px; float: left;}

.menu-mobile .bar-menu ul li ul li a {color: #63ade0;}

.menu-mobile .bar-menu ul li ul li a:hover {color: #ed8600}

.menu-mobile .bar-menu ul li ul li:last-of-type {margin-bottom: 0;}

.menu-mobile .bar-menu ul li.has-submenu i {float: left; color: #FFF; background: #78b6e2; border-radius: 50%; line-height: 25px; width: 25px; text-align: center; font-size: 18px; margin-left: 10px; cursor: pointer;}

.menu-mobile .bar-menu .link-phone {float: left; line-height: 40px; border-radius: 40px; padding: 0 20px; margin-left: 10px; color: #FFF; font-size: 14px; font-family: 'Averta Semibold'; background: #ed8600; margin-left: 30px;}

.menu-mobile .bar-menu .link-phone:hover {background: #78b6e2;}

.menu-mobile .bar-menu .close-menu {display: table; float: left; color: #FFF; line-height: 56px; width: 56px; border-radius: 50%; background-image: linear-gradient(to right, #5da7d9, #63addf, #69b3e4, #6fb9ea, #75bff0); text-align: center; font-size: 20px; position: absolute; top: 50px; right: 30px; -webkit-box-shadow: 4px 4px 10px 0px rgba(92, 174, 230, 0.5); -moz-box-shadow: 4px 4px 10px 0px rgba(92, 174, 230, 0.5); box-shadow: 4px 4px 10px 0px rgba(92, 174, 230, 0.5);}



body.overflow {overflow: hidden;}

.form-error textarea, .form-error input, .form-error select {background: #f5c6cb !important; color: #bd2030;}

.form-error label {color: #bd2030 !important}

.feedback-message {text-align: center; margin-top: 20px; width: 100%; font-size: 16px;}

.feedback-message.show {display: table;}



.wrap-modal {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999999999; display: none;}

.wrap-modal .overlay-modal {width: 100%; height: 100vh; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.8); cursor: pointer;}

.wrap-modal .wrap-box-modal {width: 560px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.wrap-modal .wrap-box-modal .box-modal {display: block; width: 100%; float: left; border-radius: 5px; background: #FFF; overflow: hidden; padding: 40px;}

.wrap-modal .wrap-box-modal .close-modal {float: right; color: #FFF; font-size: 22px; font-weight: 500;}

.wrap-modal .wrap-box-modal .box-modal .top-modal {display: table; width: 100%;}

.wrap-modal .wrap-box-modal .box-modal .top-modal h2 {display: table; width: 100%; text-align: center; margin-bottom: 25px; font-family: 'Averta Bold'; font-size: 35px; line-height: 37px; color: #3f4248;}

.wrap-modal .wrap-box-modal .box-modal .top-modal h2 strong {font-weight: 600; color: #5caee6; font-family: 'Averta Bold';}

.wrap-modal .wrap-box-modal .box-modal p {font-size: 16px; line-height: 30px; color: #3a3a3a; margin-bottom: 20px; font-family: 'Averta Light';}



@media only screen and (max-width: 1600px) {

    .banner .content-banner .container:before {bottom: -165px;}

}



@media only screen and (max-width: 1350px) {

    .banner .content-banner .container:before {bottom: -150px;}

}



@media only screen and (max-width: 1235px) {

    .container {max-width: 100%; padding: 0 20px;}

    .banner .content-banner .container:before {left: 20px;}

    header .open-menu {display: table; float: left; color: #FFF; line-height: 56px; width: 56px; border-radius: 50%; background-image: linear-gradient(to right, #5da7d9, #63addf, #69b3e4, #6fb9ea, #75bff0); text-align: center; font-size: 20px; -webkit-box-shadow: 4px 4px 10px 0px rgba(92, 174, 230, 0.5); -moz-box-shadow: 4px 4px 10px 0px rgba(92, 174, 230, 0.5); box-shadow: 4px 4px 10px 0px rgba(92, 174, 230, 0.5);}

    header .default-header .right-header nav {display: none;}

    header .default-header .right-header .link-phone {margin: 8px 0 8px 15px;}

    .menu-mobile {display: block; right: -100%; transition: 0.5s;}

    .menu-mobile.show {right: 0;}

}

@media only screen and (max-width: 1060px) {

    .banner-mobile, .banner-mobile .item-banner {height: auto;}

    .banner .item-banner .container {padding-bottom: 70px;}

    .home-products {margin-top: -100px; padding-top: 130px;}

    .banner-mobile .content-banner h2 {text-align: center;}

    .banner-mobile .content-banner img {display: table; margin: 0 auto;margin-bottom: 70px;}

    .banner-mobile .content-banner .container:before {left: 50% !important; -webkit-animation-name: hvr-bob-float, hvr-bobbb; animation-name: hvr-bob-float, hvr-bobbb;}

    header .default-header .container {display: table; width: auto;}

    header .default-header .logo {margin-right: 70px;}

}

@media only screen and (max-width: 991px) {

    .home-products .subtitle {margin-bottom: 25px;}

    .carousel-products {display: block; overflow: hidden;}

    .carousel-products .item-product {margin-top: 55px;}

    .carousel-products .owl-nav {display: table; margin: 0 auto; padding-top: 35px;}

    .carousel-products .owl-nav button {float: left; width: 50px; height: 50px; margin: 0 5px; cursor: pointer; color: #FFF; border: none; border-radius: 50%; background-image: linear-gradient(to right, #1f426d, #244672, #294977, #2d4d7c, #325181); font-size: 27px;}

    .row-products {display: none;}

    .conveniados h2 {font-size: 60px; line-height: 60px; margin-bottom: 25px;}

    .conveniados .box-regiao ul li {width: 100%;}

    .conveniados .box-clube .center-box-clube img {float: none; margin: 0 auto; display: table;}

    .conveniados .box-clube .center-box-clube span {width: 100%; text-align: center; padding: 10px 0;}

    .conveniados .box-clube .center-box-clube a {margin: 0 auto; float: none; display: table;}

    .flutuate-estacionamento {right: auto; left: 50%; transform: translate(-50%, 0); -webkit-animation-name: hvr-bob-float, hvr-bobbb; animation-name: hvr-bob-float, hvr-bobbb; top: -260px;}

    .home-about .detail-title {font-size: 90px; line-height: 100px;}

    .home-about {background: url(../img/bg-about-1000.png) left top no-repeat; padding-top: 90px; margin-top: 170px;}

    .home-about .box-image img {margin-top: 60px;}

    .about-topics .item-topic {margin-bottom: 30px;}

    .contact h2 {font-size: 50px; line-height: 60px;}

    .contact .item-contact .info {font-size: 20px;}

    .contact .box-gmaps span b {font-size: 0; display: table;}

    .contact .box-gmaps span {text-align: center}

    .contact .box-address {padding-bottom: 10px;}

    .contact .box-address .text {padding: 70px 0 0; background-position: center top !important; width: 100%;}

    .contact .box-address .text span {display: table; width: 100%; text-align: center;}

    .contact .box-address a {float: none; display: table; margin: 15px auto 0;}

    footer span {width: 100%; display: table; text-align: center; margin-bottom: 10px;}

    footer a {margin: 0 auto; float: none; display: table;}

    .contact iframe {margin-bottom: 30px;}

    .wrap-modal .wrap-box-modal .box-modal {max-height: calc(100vh - 100px); overflow-x: hidden; overflow-y: scroll;}

    .wrap-modal .wrap-box-modal {max-width: calc(100% - 50px);}

}

@media only screen and (max-width: 680px) {

    .home-about {background: url(../img/bg-about-mobile.png) left top no-repeat; padding-top: 90px; margin-top: 170px; background-size: 100% auto;}

    .contact h2 {font-size: 40px; line-height: 50px;}

    .contact {padding: 70px 0;}

    .home-about {padding-bottom: 70px;}

    header .default-header {position: relative;}

    header .default-header .logo img {width: 175px; display: table; height: auto;}

    header .default-header .right-header {padding: 17px 0;}

    header .default-header .right-header .link-phone {left: 50%; bottom: -55px; transform: translate(-50%, 0); position: absolute; margin: 0;}

    .banner-mobile .content-banner h2 {font-size: 35px; line-height: 40px;}

    .banner-mobile .content-banner {padding-bottom: 120px;}
    .banner-mobile .content-banner img {margin-bottom: 10px;}

    .banner-mobile {height: auto;}

    .home-about .detail-title {background-image: linear-gradient(to bottom, rgba(231,231,231,1), rgba(231,231,231,.7), rgba(231,231,231,.6), rgba(231,231,231,.2), rgba(231,231,231,0))}

    .banner-mobile .content-banner .container:before {width: 100px; height: 100px; background-size: 100% 100% !important; bottom: -130px; left: 50px !important;}

    .home-products h2 {font-size: 40px; line-height: 45px;}

    .conveniados h2 {font-size: 50px; line-height: 50px; margin-bottom: 20px;margin-top: 90px;}

    .conveniados {padding-top: 135px;}

    .conveniados form select {padding: 0 40px 0 20px; background-position: calc(100% - 20px) center !important;}

    header .topbar:after {display: none;}

    header .topbar {margin-bottom: 30px; padding-top: 20px;}

    header .topbar .phone .separator {display: table; font-size: 0; width: 100%; line-height: 0;}

    header .topbar .float-right {width: 100%;}

    header .topbar .phone, header .topbar .mail {line-height: 22px; position: relative; padding-left: 25px;}

    header .topbar .phone i, header .topbar .mail i {position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}

    header .topbar .mail {width: 85px; float: right;}

    .home-about .detail-title {font-size: 61px; line-height: 96px;}

    .home-about h2 {font-size: 40px; line-height: 50px;}

    .menu-mobile .overlay-menu {display: none !important;}

    .menu-mobile .bar-menu {max-width: 100%; width: 100%;}

    header .default-header .logo {margin-right: 40px;}

    header .default-header .right-header .link-phone {padding: 0 19px;}

}



.banner-1 {background: url(../img/banner.png) right bottom no-repeat; background-size: cover;}

.banner-2 {background: url(../img/banner.png) right bottom no-repeat; background-size: cover;}

.banner-mobile {display: none;}



@media only screen and (max-width: 1060px) {

    .banner-1 {background: url(../img/banner-1600.png) right bottom no-repeat; background-size: cover;}

    .banner-2 {background: url(../img/banner-1600.png) right bottom no-repeat; background-size: cover;}

    .banner {display: none;}

    .banner-mobile {display: block;}

}