body {font-weight:400;font-size:16px;font-family:'Open Sans';color:#707070;position:relative;overflow-x:hidden;}
html,
body {height:100%; background-color:#2d2d2d}

* {-webkit-font-smoothing: antialiased;}

i, em {font-style:italic;}

a {color:#707070;}

::-webkit-input-placeholder {color:#707070;}
::-moz-placeholder {color:#707070;}
:-ms-input-placeholder {color:#707070;}
input:-moz-placeholder {color:#707070;}

::-webkit-input-placeholder:focus {color:#ffffff;}
::-moz-placeholder:focus {color:#ffffff;}
:-ms-input-placeholder:focus {color:#ffffff;}
input:-moz-placeholder:focus {color:#ffffff;}

select {
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  -moz-appearance: none;
  -webkit-appearance:none;
}

select::-ms-expand {
  display: none;
}

::selection {
  background:#000000;
  color: #ffffff;
}
::-moz-selection {
  background:#000000;
  color: #ffffff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background:transparent !important;
}

form * {outline:0;}

form .error,
form .error, form .success {padding: 19px 30px;padding-left: 60px;font-size: 14px;text-align: left;color: #4baa2b;font-weight: 600;}
form .success {background:url(../imagens/site/ico_success.png) no-repeat 0px center;}
form .error {background:url(../imagens/site/ico_error.png) no-repeat 0px center;}
form .retorno {margin-bottom: 15px;background: #e8f3e5;padding: 0 0 0 13px;border-radius: 4px;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/
}

.sk-circle {display: none;width: 40px;height: 40px;position: fixed;z-index: 99999;left: 50%;top: 50%;margin-left: -20px;margin-top: -20px;}
.sk-circle .sk-child {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.sk-circle .sk-child:before {content: '';display: block;margin: 0 auto;width: 15%;height: 15%;background-color: #03b1d9;border-radius: 100%;-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;        animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2 {-webkit-transform: rotate(30deg);    -ms-transform: rotate(30deg);        transform: rotate(30deg);}
.sk-circle .sk-circle3 {-webkit-transform: rotate(60deg);    -ms-transform: rotate(60deg);        transform: rotate(60deg);}
.sk-circle .sk-circle4 {-webkit-transform: rotate(90deg);    -ms-transform: rotate(90deg);        transform: rotate(90deg);}
.sk-circle .sk-circle5 {-webkit-transform: rotate(120deg);    -ms-transform: rotate(120deg);        transform: rotate(120deg);}
.sk-circle .sk-circle6 {-webkit-transform: rotate(150deg);    -ms-transform: rotate(150deg);        transform: rotate(150deg);}
.sk-circle .sk-circle7 {-webkit-transform: rotate(180deg);    -ms-transform: rotate(180deg);        transform: rotate(180deg);}
.sk-circle .sk-circle8 {-webkit-transform: rotate(210deg);    -ms-transform: rotate(210deg);        transform: rotate(210deg);}
.sk-circle .sk-circle9 {-webkit-transform: rotate(240deg);    -ms-transform: rotate(240deg);        transform: rotate(240deg);}
.sk-circle .sk-circle10 {-webkit-transform: rotate(270deg);    -ms-transform: rotate(270deg);        transform: rotate(270deg);}
.sk-circle .sk-circle11 {-webkit-transform: rotate(300deg);    -ms-transform: rotate(300deg);        transform: rotate(300deg);}
.sk-circle .sk-circle12 {-webkit-transform: rotate(330deg);    -ms-transform: rotate(330deg);        transform: rotate(330deg);}
.sk-circle .sk-circle2:before {-webkit-animation-delay: -1.1s;        animation-delay: -1.1s;}
.sk-circle .sk-circle3:before {-webkit-animation-delay: -1s;        animation-delay: -1s;}
.sk-circle .sk-circle4:before {-webkit-animation-delay: -0.9s;        animation-delay: -0.9s;}
.sk-circle .sk-circle5:before {-webkit-animation-delay: -0.8s;        animation-delay: -0.8s;}
.sk-circle .sk-circle6:before {-webkit-animation-delay: -0.7s;        animation-delay: -0.7s;}
.sk-circle .sk-circle7:before {-webkit-animation-delay: -0.6s;        animation-delay: -0.6s;}
.sk-circle .sk-circle8:before {-webkit-animation-delay: -0.5s;        animation-delay: -0.5s;}
.sk-circle .sk-circle9:before {-webkit-animation-delay: -0.4s;        animation-delay: -0.4s;}
.sk-circle .sk-circle10:before {-webkit-animation-delay: -0.3s;        animation-delay: -0.3s;}
.sk-circle .sk-circle11:before {-webkit-animation-delay: -0.2s;        animation-delay: -0.2s;}
.sk-circle .sk-circle12:before {-webkit-animation-delay: -0.1s;        animation-delay: -0.1s;}

@-webkit-keyframes sk-circleBounceDelay {0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);} 40% {-webkit-transform: scale(1);transform: scale(1);}}

@keyframes sk-circleBounceDelay {0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);} 40% {-webkit-transform: scale(1);transform: scale(1);}}

.slide-top {-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}@-webkit-keyframes slide-top { 0% {
    -webkit-transform: translateY(0);transform: translateY(0);}  100% {-webkit-transform: translateY(-100px);transform: translateY(-100px); }}

@keyframes slide-top {  0% {-webkit-transform: translateY(0);transform: translateY(0);}  100% {-webkit-transform: translateY(-100px);transform: translateY(-100px); }}

.box-topo-interna {position:relative;height:380px;background-color:#efefef;}
.box-topo-interna .wrapper {height:100%;}
.box-topo-interna .titulo {font-family: 'gilroy-bolduploaded_file';color: #666666;font-size:30px;letter-spacing: 2px;text-align: center;padding-top: 260px; font-weight: 700; text-transform: uppercase;}
.box-topo-interna .wrapper .lines {position:absolute;left:50%;transform:translateX(-50%);bottom:13px;}
.box-topo-interna .wrapper .lines .line1 {position: absolute;background-color: #666666;width: 200px;height: 3px;left: 50%;transform: translateX(-50%);margin-top: 11px;border-radius: 5px;}
.blur {position:relative;background:url(../imagens/site/bg_padrao.jpg) no-repeat center ;height:100%;background-color:#ffffff;}
.blur .wrapper {height:100%;}

.titulo-padrao {text-align:center;font-size:26px;color:#666666;margin-bottom:50px;font-family: 'gilroy-bolduploaded_file';margin-top: 40px;}
.titulo-padrao-small {padding-top: 20px;font-family: 'gilroy-bolduploaded_file';text-align: center;font-size: 16px;color: #bbbbbb;margin: 20px 0px 0px 0px;text-transform: uppercase;letter-spacing: 2px;font-weight: 550;text-transform: uppercase;font-weight: 900;}

.box-padrao {width:40%;color:#000000;padding-left: 20px;margin-bottom: 20px;}
.box-padrao .titulo {font-family:'gilroy-bolduploaded_file';font-size: 38px;line-height:38px;font-weight:600;margin-bottom:30px;}
.box-padrao .texto {font-size:14px;line-height:22px;}
.box-padrao .texto p {margin-bottom: 10px;}
.box-padrao .line {border-radius:3px;width:50px;height:5px;background:#232323;margin-top:25px;}
.box-padrao .line-red {border-radius:3px;width:80px;height:5px;background:#000000;margin-top: 25px;}
.box-padrao .chamada {font-weight: 700; color: #999999;}

.form input,
.form textarea {border-radius:4px;padding:20px 0px;padding-left:43px;border: solid 1px #333333;background:white;display:block;margin-bottom:20px;width:calc(100% - 45px);letter-spacing:1px;text-transform:uppercase;color:#333333 !important;font-size:12px;font-weight:700;transition-duration: 0.8s}
.form input:focus,
.form textarea:focus {background:#000000;color:#ffffff!important;outline: none;transition-duration: 0.8s}
.form input:focus::-webkit-input-placeholder {color:#ffffff!important;transition-duration: 0.8s}
.form input:focus::-moz-placeholder {color:#ffffff!important;transition-duration: 0.8s}
.form input:focus:-ms-input-placeholder {color:#ffffff!important;transition-duration: 0.8s}
.form textarea:focus::-webkit-input-placeholder {color:#ffffff!important;transition-duration: 0.8s}
.form textarea:focus::-moz-placeholder {color:#ffffff!important;transition-duration: 0.8s}
.form textarea:focus:-ms-input-placeholder {color:#ffffff!important;transition-duration: 0.8s}
.form .small {float:left;margin-right:20px;width:calc(33.33% - 60px);margin-right:20px;}
.form .small2 {/* width: calc(66.66% - 60px);  float: left;*/height: 112px !important;}
.form textarea.small2 {height:20px;transition-duration: 0.8s}
.form textarea.small2:focus {height:120px;background:#000000;color:#ffffff;transition-duration: 0.8s}
.form .small3 {float:left;width:calc(50% - 55px);margin-right:20px;transition-duration: 0.8s}
.form button {cursor: pointer;border: 0px;text-transform: uppercase;letter-spacing: 3px;color: #ffffff;background: #039ad9;border-radius: 4px;padding: 10px 32px;font-size: 18px;font-weight: 700;transition-duration: 0.8s;width: 100%;height: 50px;}
.form button:hover{color:#ffffff;background:#4dc247;transition-duration: 0.8s;}

.fotos .foto {float:left;position:relative;border-radius:4px;overflow:hidden;width:100%;height:320px;-webkit-transition:cubic-bezier(0,1,.38,.95) all 0.9s;transition:cubic-bezier(0,1,.38,.95) all 0.9s;background-size:cover;}
.fotos .foto .bg {position:absolute;width:100%;height:100%;opacity:0.2;background:#000000;-webkit-transition:cubic-bezier(0,1,.38,.95) all 0.9s;transition:cubic-bezier(0,1,.38,.95) all 0.9s;top:0px;z-index:3;}
.fotos .foto:hover .bg {opacity:0.8;}
.fotos .foto img {object-fit:cover;width:100%;height:100%;-webkit-transition:cubic-bezier(0,1,.38,.95) all 0.9s;transition:cubic-bezier(0,1,.38,.95) all 0.9s;}
.fotos .foto:hover img {transform:scale(1.1);}
.fotos .owl-dots {display:table;margin:0 auto;margin-top:23px;}
.fotos .owl-dot {float:left;cursor:pointer;border-radius:100%;width:7px;height:7px;border:2px solid #000000;margin:0px 7px;}
.fotos .owl-dot:hover,
.fotos .owl-dot.active {background:#000000;}
.fotos .owl-nav {display:none;}
.owl-carousel .owl-nav.disabled {display:none!important;}
.fotos .owl-prev {position:absolute;left:-32px;width:18px;height:26px;background:url(../imagens/site/ico_arrow_left.png) no-repeat center;cursor:pointer;font-size:0px;top:50%;transform:translateY(-50%);}
.fotos .owl-next {position:absolute;right:-32px;width:18px;height:26px;background:url(../imagens/site/ico_arrow_right.png) no-repeat center;cursor:pointer;font-size:0px;top:50%;transform:translateY(-50%);}

.textos {padding-top:50px;padding-bottom:80px;color:#232323;}
.textos .box {width: calc(70%);text-align: justify; margin: 0 auto;}
.textos .box h2 {text-align: center}
.textos .box .last {float:right;}
.textos .box .titulo {font-size:26px;margin-bottom:20px;min-height:75px;}
.textos .box .texto {font-size:13px;line-height:23px;}
.textos .box .texto p {margin-bottom:15px;}
.textos .box img {margin-top:75px;}
.textos .box .button {display:table;margin:0 auto;margin-top:45px;border-radius:20px;color:white;font-weight:700;font-size:18px;background:#e88d05;padding:9px 20px;}
.textos .box .button span {color:#5bd361;text-transform:uppercase;}

.modal {position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;background: rgba(25, 25, 25, 0.78);overflow:auto;display:none;}
.modal .bg {position:absolute;width:100%;height:100%;}
.modal .content {margin-top:200px;border-radius:4px;position:absolute;z-index:3;left:25%;transform:translateX(-50%);background:#ffffff;padding:30px 20px;width:50%;box-shadow: 0 0 80px 3px #00000096;}
.modal .lines {position:absolute;left:50%;transform:translateX(-50%);top:-15px;}
.modal .lines .line1 {position:absolute;background-color:#212121;width:30px;height:4px;left:50%;transform:translateX(-50%);border-radius: 10px;top: 13px}
.modal .close {position:absolute;width:32px;height:32px;cursor:pointer;background:url(../imagens/site/ico_close.png) no-repeat center;right:10px;top:10px;}
.modal .titulo {color:#039ad9;font-size:30px;}
.modal .titulo-line {width:100%;height:2px;border-radius:3px;background:#efefef;margin-bottom:15px;margin-top:16px;}
.modal .chamada {font-size: 14px;margin-bottom: 10px;}

.marcas {margin: 30px 0px 0px 0px;border-bottom: solid 1px #e8e8e8;padding-bottom:20px;}
.marcas .owl-carousel .owl-nav.disabled {display: table!important;}
.marcas .owl-prev {position:absolute;left:-32px;width:18px;height:26px;background:url(../imagens/site/ico_arrow_left.png) no-repeat center;cursor:pointer;font-size:0px;top:50%;transform:translateY(-50%);}
.marcas .owl-next {position:absolute;right:-32px;width:18px;height:26px;background:url(../imagens/site/ico_arrow_right.png) no-repeat center;cursor:pointer;font-size:0px;top:50%;transform:translateY(-50%);}
.marcas .owl-carousel .owl-item img {width: 138px;margin-left: 70px;}
.marcas .owl-carousel .owl-stage {padding: 30px 0;}

.menu-mobile {position: absolute;margin-top: 110px;width: calc(100% - 20px); background: #232323;z-index: 9;padding: 10px 0px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);right: -100%;opacity: 0;border-radius: 4px;margin-right: 10px;}
.menu-mobile .link {display:block;padding:20px 23px;color:white;text-transform:uppercase;font-size:14px;font-weight: 600}
.menu-mobile .link.arrow {background:url(../imagens/site/ico_arrow_menu.png) no-repeat calc(100% - 20px) center;}
.menu-mobile .submenu {background:#313131;display:none;padding: 10px 0}
.menu-mobile .submenu .categoria {font-size:14px;text-align:center;margin:10px 0px 10px 20px;font-weight: 600;}
.menu-mobile .submenu .categoria a {color:#ffffff!important;text-transform:uppercase;font-size:13px;text-align:left;padding:5px 20px;display:block;}

.lg-autoplay-button {display:none;}

#content {margin:0 auto;max-width:1920px;background:white;position:relative;overflow:hidden;z-index:4;background:white;box-shadow:0px 0px 70px rgba(0, 0, 0, 0.2);-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;}
#content.no-shadow {box-shadow:0px 0px 70px rgba(0, 0, 0, 0);}

#header {width:100%;top:0px;left:0px;margin-bottom:10px; position: absolute; z-index: 3; height: 150px;}
#header .box-right {float:right;}
#header .box-center .logo {float:left;margin-top:26px;}
#header .box-center .menu {float:left;margin-top:35px;font-family: 'gilroy-bolduploaded_file';letter-spacing: 1px;}
#header .box-center .menu li {float:left;position:relative;padding:0px 20px;height:60px;cursor:pointer;transition-duration: 0.2s; }
#header .box-center .menu li .label {font-size:12px;letter-spacing: 1px; font-weight: 700;text-transform:uppercase;color:#999999;height:44px;line-height:64px;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;}
#header .box-center .menu li:hover .label {margin-top:-7px;color:#039ad9;}
#header .box-center .menu li .line {position: absolute;width: 0%;height: 4px;background: #000000;border-radius: 2px;right: -10px;bottom: -2px;-webkit-transition: ease-out all 0.2s 0.3s;transition: ease-out all 0.2s 0.3s;margin-right: 30px;}
#header .box-center .menu li:hover .line {width:15px;}
#header .box-center .social {float:left;margin-top:55px;filter: brightness(30%)}
#header .box-center .social li {float:left;margin-left:8px;width:20px;text-align:center;}
#header .box-center .social li img {-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;}
#header .box-center .social li:hover img {opacity:0.5;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;}
#header .box-center .telefones {font-family: 'gilroy-bolduploaded_file';font-size: 16px;letter-spacing: 1px; font-weight: 700;border-radius:50px 10px 10px 10px;padding: 2px 10px !important;float:left;margin-top:52px;background:#039ad9;color:#ffffff;padding:5px 10px;margin-left: 20px;}

#header .box-bottom {cursor:pointer; font-family: 'gilroyextrabold';float:right;border-radius:5px;border: solid 3px #03b1d9;padding: 4px 20px;position:relative;transition-duration: 0.8s;margin-top: -22px;-webkit-animation-name: muve; -webkit-animation-duration: 8s; animation-name: muve; animation-duration: 2s;}
@-webkit-keyframes muve {from {margin-right: 73px; opacity:0 } to {margin-right: 0px;opacity:1}}
@keyframes muve {from {margin-right: 73px;opacity:0} to {margin-right: 0px;opacity:1}}
#header .box-bottom:hover {border: solid 3px #000000; background: #000000; transition-duration: 0.8s}
#header .box-bottom .orcamento {float:left;background:url(../imagens/site/ico_orcamento.png) no-repeat left center;padding:5px 0px;padding-left:34px;font-size: 16px;letter-spacing: 1px; font-weight: 700; color:#03b1d9; text-transform: uppercase;}
#header .box-bottom .orcamento li {float:left;color:#ffffffc7;font-size:18px;font-weight:700;margin-right:12px;font-weight:700;padding-right:12px;border-right:1px solid;}
#header .box-bottom .orcamento li:nth-last-child(1) {border:0px;padding:0px;}

#footer {height:200px;padding: 30px 20px 50px 20px;background: url(../imagens/site/bg_rodape.png) no-repeat bottom #f9f9f9;border-top: solid 1px #efefef;}
#footer .egge {float:right;}
#footer .box {float:left;margin-right:60px;color:#666666;font-size:13px;padding:9px 0px;}
#footer .box a {color: #666666;}
#footer .box .button {color:#ffffff;background:#333333;font-size:10px;text-transform:uppercase;border-radius:14px;padding:7px 20px;display:table;margin-top:12px;font-weight:600;transition-duration: 0.8s}
#footer .box .button:hover {color:#ffffff;background:#039ad9;-webkit-transition:cubic-bezier(0,1,.38,.95) all 0.8s;transition-duration: 0.8s}
#footer .box.email {background:url(../imagens/site/ico_email.png) no-repeat left 3px;padding-left:37px;}
#footer .box.telefone {background:url(../imagens/site/ico_telefone2.png) no-repeat left 4px;padding-left:34px;}
#footer .box.whatsapp {background:url(../imagens/site/ico_whatsapp.png) no-repeat left 4px;padding-left:34px;}
#footer .box.endereco {background:url(../imagens/site/ico_endereco.png) no-repeat left top 4px;padding-left:34px;padding-top: 9px;}
#footer .social {float:right;filter: brightness(32%)}
#footer .social li {float:left;margin-left:8px;width:20px;text-align:center;-webkit-transition:ease-out all 0.2s;transition:ease-out all 0.2s;}
#footer .social li img {display:inline-table;-webkit-transition:ease-out all 0.2s;transition:ease-out all 0.2s;}
#footer .social li:hover img {opacity:0.5;-webkit-transition:ease-out all 0.2s;transition:ease-out all 0.2s;}

#home {margin-bottom:20px}
#home .banners {height:770px;position:relative;}
#home .banners .wave {width: 42px; height:15px; background: url(../imagens/site/wave.png) no-repeat bottom center;position: absolute;z-index: 2;bottom:0px;left: calc(50% - 21px)}
#home .banners .lista {height:770px;}
#home .banners .banner {width:90%;height:600px;background-size:cover !important;display:block;margin: 0 auto;display:table;background:#f5f5f5;border-radius: 10px 10px 200px 10px;margin-top:165px;
-webkit-animation-name: muve-banner; -webkit-animation-duration: 8s; animation-name: muve-banner; animation-duration: 2s;}
@-webkit-keyframes muve-banner {from {margin-top: 145px; opacity:0 } to {margin-top: 165px;opacity:1}}
@keyframes muve-banner {from {margin-top: 145px;opacity:0} to {margin-top: 165px;opacity:1}}
#home .banners .banner .box {color: white;top:280px;width: 520px;position: relative;}
#home .banners .banner .box .titulo {text-transform: uppercase;font-size: 45px;font-weight: 900;line-height: 45px;margin-bottom: 6px;}
#home .banners .banner .box .texto {font-size: 16px;line-height: 25px;margin-top: 15px;letter-spacing: 1px}
#home .banners .banner .box .leia-mais {display:table;color:#ffffff;text-transform:uppercase;padding:5px 20px;background:#e88d05;font-size:13px;margin-top:25px;border-radius:13px;letter-spacing:3px;}
#home .banners .owl-nav {display:none;}
#home .banners .owl-dots {bottom:40px;left:50%;top:inherit;transform:translateX(-50%);margin-left:inherit; position:absolute;}
#home .banners .owl-dots .owl-dot {float:left;margin:0px 12px;border-radius:100%;cursor:pointer;width:7px;height:7px;border:2px solid white;-webkit-transition:cubic-bezier(0,1,.38,.95) all 0.5s;transition:cubic-bezier(0,1,.38,.95) all 0.5s;}
#home .banners .owl-dots .owl-dot:hover,
#home .banners .owl-dots .owl-dot.active {background:white;}
#home .orcamento-agora {background: #fbfbfb;padding: 50px 0px 20px;display: flex;}
#home .orcamento-agora .chamada {width:calc(50% - 30px); margin-left: 15px; float: left;}
#home .orcamento-agora .chamada .titulo {font-family:'gilroy-lightuploaded_file';font-size:34px;text-align:center;font-weight:600;margin: 0px 0 30px 0;}
#home .orcamento-agora .chamada .texto {font-size: 14px;line-height: 25px;text-align: center;margin-bottom: 40px;}
#home .orcamento-agora .box-right {float: right;margin-top: 40px;right: 5%;position: absolute;}
#home .orcamento-agora .box-right .button {cursor: pointer; font-family: 'gilroy-bolduploaded_file';padding: 10px 30px;color: #039ad9;border-radius: 30px;font-size: 28px;display: table;margin: 0 auto;transition-duration: 0.4s;border: solid 3px #039ad9;}
#home .orcamento-agora .box-right .button:hover {background: #039ad9;color: #ffffff;transition-duration: 0.4s;}
#home .especialistas {background:url(../imagens/site/bg_home.jpg) repeat fixed center #016394 ;padding:90px 0px 95px;}
#home .especialistas .box {width:680px;color:#ffffff;margin: 0 auto;}
#home .especialistas .box .titulo {font-family:'gilroy-lightuploaded_file';font-size:34px;text-align:center;font-weight:600;}
#home .especialistas .box .subtitulo {font-family: 'gilroy-bolduploaded_file';font-size:48px;margin:5px 0 20px 0;font-weight:900;text-align:center;}
#home .especialistas .box .texto {font-size:14px;line-height:25px;text-align: center;margin-bottom: 40px;}
#home .especialistas .box .button {font-family:'gilroy-bolduploaded_file';padding:10px 30px;color: white;border-radius:30px;font-size: 18px;display: table;margin: 0 auto;transition-duration: 0.4s;border: solid 3px #ffffff;}
#home .especialistas .box .button:hover {background:#ffffff;color:#000000;transition-duration:0.4s;}
#home .especialistas img {margin: 0 auto;position: absolute;right:0;margin-top:-190px;}

#quem-somos .sobre {padding-top:132px;padding-bottom:110px;background:url(../imagens/site/bg_texto_quemsomos.jpg) no-repeat center top;}
#quem-somos .ambientacao img {top:10px;right: 80px; position: absolute;}
#quem-somos .galeria {margin:40px 0px;}
#quem-somos .galeria .fotos {float: none;}

#solucoes .sobre {padding-top:132px;padding-bottom:110px;background-image: linear-gradient(#f3f3f3, #ffffff, #ffffff);}
#solucoes .ambientacao img {top: 10px;right: 80px;position: absolute;max-width: 500px;}
#solucoes .galeria {margin:40px 0px;}
#solucoes .galeria .fotos {float: none;}

#marcas .all {background-image: linear-gradient(#f3f3f3, #ffffff, #ffffff);}
#marcas .box {padding-top: 20px; padding-bottom: 20px;}
#marcas .box .texto {width: 70%;font-size:13px;line-height:25px;margin-bottom: 40px;text-align:center; color: #666666;padding: 20px 0 40px; margin: 0 auto }
#marcas .box .marca {width: calc(20% - 40px);float: left;padding: 20px;height: 190px;text-align: center;}
#marcas .box .marca img {max-width: 80%; margin-top: 0px;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s}
#marcas .box .marca img:hover {opacity: 0.6; margin-top: -5px;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s}

#contato .fale-conosco {padding-top:45px;margin-bottom:20px;background-image: linear-gradient(#f3f3f3, #ffffff, #ffffff);}
#contato .fale-conosco .box-padrao {float:left;}
#contato .fale-conosco .contatos {float:right;}
#contato .fale-conosco .contatos .line {border-radius:3px;width:50px;height:5px;background:#000000;margin-top:25px;}
#contato .fale-conosco .contatos .contato {float:left;padding-left:42px;margin-right:60px;color:#000000;font-size:13px;margin-top:50px;padding-top: 30px;}
#contato .fale-conosco .contatos .contato a {color:#666666;}
#contato .fale-conosco .contatos .titulo {font-family: 'gilroy-bolduploaded_file';font-size: 16px; font-weight:600; color:#232323}
#contato .fale-conosco .contatos .email {background:url(../imagens/site/ico_email.png) no-repeat left center;}
#contato .fale-conosco .contatos .telefone {background:url(../imagens/site/ico_telefone2.png) no-repeat left center; color: #666666;}
#contato .box {height: 600px; padding-bottom: 100px;}
#contato .box form {float: left;width: 500px;}
#contato .box-mapa {margin-top: -12px;float: right;width: 60%;}
#contato .box-mapa .box-info {text-align: center;position: absolute;z-index: 2;margin: -109px 0;background: #039ad9d9;width: 60%;padding: 18px 0;border-radius: 0 0 4px 4px;}
#contato .box-mapa .box-info .titulo {font-family: 'gilroy-bolduploaded_file';font-size:26px;margin-bottom:10px;color:#ffffff;}
#contato .box-mapa .box-info ul li {float:left;color:white;margin-right:23px;font-size:18px;font-weight:700;padding:5px 0px;padding-left:32px;}
#contato .box-mapa .box-info ul li.sede-fisica {background:url(../imagens/site/ico_sede_fisica.png) no-repeat left center;background-size:auto 32px;}
#contato .box-mapa .box-info ul li.grupo-integrador {background:url(../imagens/site/ico_grupo_integrador.png) no-repeat left center;background-size:auto 32px;}
#contato .box-mapa .box-info .texto {font-size:13px;color:#ffffff;}
#contato .box-mapa .bg {border-radius:5px;height:72px;background:#fff;margin-bottom:8px;margin-top:-53px;}
#contato .box-mapa .mapa {height:535px;border-radius: 8px;}

#blog {background:url(../imagens/site/bg_nuvens2.jpg) no-repeat center 500px;}
#blog .blog {margin-top:35px;}
#blog .novidade {border-radius:4px; float:left;width:calc(33.33% - 14px);height:362px;position:relative;-webkit-transition:ease-out all 0.2s;transition:ease-out all 0.2s;margin-top:20px;margin-right:20px;}
#blog .novidade .shadow {border-radius:4px;background:linear-gradient(180deg, rgba(0, 197, 236, 0.34) 0%, rgba(167, 237, 95, 0.53) 51%, rgba(239, 255, 0, 0.37) 75%);width:100%;height:100%;position:absolute;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s; }
#blog .novidade .line {z-index:3;color:white; font-size:29px;font-weight:900;padding:5px 15px;border-radius:5px 5px 10px 0;position:absolute;width:10px;height:20px;background:#000000;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;opacity:0;}
#blog .novidade .nome {position:absolute;bottom:30px;width:calc(100% - 40px);color:#2f2f2f;font-size:16px;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;left:20px;right:20px;}
#blog .novidade .nome strong {display:block;}
#blog .novidade:hover .shadow {}
#blog .novidade:hover .line {width:20px;height:40px;padding:10px 20px;opacity:1;}
#blog .novidade:hover {height:386px;margin-top:7px;margin-bottom:-14px;}
#blog table {width:100%;}
#blog table thead tr {text-transform:uppercase;border-bottom:1px solid #dcdcdc;font-weight: bold;}
#blog table td,
#blog table th {padding:10px 10px;}
#blog table td {border-bottom:1px solid #dcdcdc;}

#post .content {display:table;margin:0 auto;width:940px; margin-top: 100px}
#post .texto {line-height:24px;text-align:justify;font-size: 13px;}
#post .texto p {margin-bottom:15px;}
#post .voltar {display:table;margin:0 auto;margin-top:50px;}
#post .fotos {margin:50px 0px 100px 0px;}
#post .fotos .foto img {width:100%;height:100%;object-fit:cover;}
#post table {width:100%;}
#post table thead tr {text-transform:uppercase;border-bottom:1px solid #dcdcdc;font-weight: bold;}
#post table td,
#post table th {padding:10px 10px;}
#post table td {border-bottom:1px solid #dcdcdc;}
#post .wrapper .titulo {font-family: 'gilroy-bolduploaded_file';padding-top: 100px; text-align: center;position: initial;}
#post .wrapper .button {text-align:center; color:#666666;background:#3b3b3b;font-size:12px;border-radius:40px;padding:10px 30px;margin-top:12px;font-weight:600;}
#post .wrapper .button:hover {color:#666666;background:#ffffff;}

#posts {padding-top: 20px;margin-left: 10px;}
#posts h2 {color: #d7d2cb;text-transform: uppercase;font-size: 56px;font-weight: 100;letter-spacing: 3px;text-align: center;position: relative;}
#posts .posts {padding-top: 100px;}
#posts .posts .item .data {color: #999999;font-weight: 600;font-size: 13px;margin: 10px 0 0 15px;transition-duration: 0.8s;letter-spacing: .5px;}
#posts .posts .content > div {float: left;}
#posts .posts .content > div .fundo {border-radius: 15px 15px 0 0;background-color: #000000;} 
#posts .posts .content > div .imagem {border-radius: 15px 15px 0 0;opacity: 0.7;width: 100%;height: 210px;background-size: cover;background-position: center; position: relative; z-index: 2;transition-duration: 0.8s}
#posts .posts .item:hover .imagem {opacity: 0.9;transition-duration: 0.8s}
#posts .posts .content > div .data h3 {color: #8b837a;font-weight: 100;font-size: 50px;line-height: 40px;}
#posts .posts .content > div .data span {font-weight: 100;font-size: 25px;width: 60px;display: block;border-radius: 50px;text-align: center;margin-top: 10px;margin-left: -1px;letter-spacing: 1px;color: #d7d2cb;}
#posts .posts .content > div .texto {border-radius: 15px; float: left;width: calc(100% - 10px);margin-bottom:70px;box-shadow: 5px 6px 15px 0px #00000012;margin-top:10px;transition-duration: 0.8s}
#posts .posts .content > div .texto h4 {color: #666666;font-size: 22px;margin-top: 24px;padding: 0 15px;margin-bottom: 20px;transition-duration: 0.8s;}
#posts .posts .content:hover > div .texto h4 {color: #00a8ff;font-size: 22px;margin-top: 24px;padding: 0 15px;margin-bottom: 20px;transition-duration: 0.8s;}
#posts .posts .content > div .texto p {text-align: justify;font-size: 13px;margin-top: 10px;float: left;padding: 0 15px;margin-bottom: 40px;}
#posts .owl-nav {position: absolute;top: 50%;}
#posts .owl-nav button {background-image: url(../imagens/site/ico_arrow_left.png)!important;width: 61px;height: 61px;position: absolute;background-repeat: no-repeat!important;z-index: 8;outline: none;top: 0}
#posts .owl-nav button.owl-prev {left: -50px}
#posts .owl-nav button.owl-next {right: -50px;background-position: -61px 0!important;}

/* Modal de Notificação */
.modal-notification {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    animation: fadeIn 0.3s ease-in;
}

.modal-notification-content {
    position: relative;
    background-color: #ffffff;
    margin: 15% auto;
    padding: 30px 40px;
    border-radius: 10px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    animation: slideDown 0.3s ease-out;
    text-align: center;
}

.modal-notification-content h3 {
    margin: 0 0 15px 0;
    font-size: 24px;
    font-weight: 600;
}

.modal-notification-content p {
    margin: 0 0 25px 0;
    font-size: 16px;
    line-height: 1.5;
    color: #555;
}

.modal-notification-content.success h3 {
    color: #28a745;
}

.modal-notification-content.success::before {
    content: "✓";
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px auto;
    background-color: #28a745;
    border-radius: 50%;
    color: white;
    font-size: 40px;
    line-height: 60px;
    font-weight: bold;
}

.modal-notification-content.error h3 {
    color: #dc3545;
}

.modal-notification-content.error::before {
    content: "✕";
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px auto;
    background-color: #dc3545;
    border-radius: 50%;
    color: white;
    font-size: 40px;
    line-height: 60px;
    font-weight: bold;
}

.modal-notification-close {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 12px 30px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: 600;
}

.modal-notification-close:hover {
    background-color: #0056b3;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideDown {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Responsivo */
@media (max-width: 768px) {
    .modal-notification-content {
        width: 85%;
        padding: 25px 20px;
    }
    
    .modal-notification-content h3 {
        font-size: 20px;
    }
    
    .modal-notification-content p {
        font-size: 14px;
    }
}