@charset "UTF-8";
/* PÁGINA 404 ERRO */
#erro404{padding: 3rem 0}
/*MENU HAMBURGUER*/
#menuToggle{display: block;position: relative;top: 13px;left: 0;z-index: 99;-webkit-user-select: none;user-select: none}
#menuToggle a{text-decoration: none;color: #232323;transition: color 0.3s ease}
#menuToggle a:hover{color: #cacaca}
#menuToggle input{display: block;width: 40px;height: 32px;position: absolute; top: -7px;left: -5px;cursor: pointer;opacity: 0;z-index: 2;-webkit-touch-callout: none}
#menuToggle span{display: block;width: 33px;height: 4px;margin-bottom: 5px;position: relative;background: #fff;border-radius: 3px;z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease}
#menuToggle span:first-child{transform-origin: 0% 0%}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%}
#menuToggle input:checked ~ span{opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2)}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -1px)}
#menu{position: absolute;width: 300px;margin: -65px 25px 0px 0;padding: 35px 50px 35px 0;background: #ededed;list-style-type: none;-webkit-font-smoothing: antialiased;transform-origin: 0% 0%;transform: translate(-200%, 0);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); text-align: right; right: -25px}
#menu li{padding: 6px 0;font-size: 18px}
#menuToggle input:checked ~ ul{transform: none}
/* Mapa */
#map{height: 30rem; width:100%; margin: 0 auto}
#google-container {position: relative;  width: 100%;  height: 300px;  background-color: #e7eaf0;}
@media only screen and (min-width: 768px) {#google-container {height: 200px}}
@media only screen and (min-width: 1170px) {#google-container {height: 732px}}
#cd-google-map {  position: relative}
#cd-google-map address {position: absolute;width: 100%;bottom: 0; left: 0; padding: 1em 1em; background-color: rgba(77, 90, 97, 0.9); color: #fff;  font-size: 13px;  font-size: 0.8125rem}
@media only screen and (min-width: 768px) { #cd-google-map address {font-size: 15px; font-size: 0.9375rem; text-align: center}}
#cd-zoom-in, #cd-zoom-out {height: 32px;width: 32px; cursor: pointer; margin-left: 10px; background-color: rgba(77, 90, 97, 0.9); background-repeat: no-repeat; background-size: 32px 64px; background-image: url("../_imagens/cd-icon-controller.svg");}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { background-color: #d36868;}
@media only screen and (min-width: 768px) {#cd-zoom-in, #cd-zoom-out {margin-left: 50px}}
#cd-zoom-in {background-position: 50% 0; margin-top: 10px; margin-bottom: 1px}
@media only screen and (min-width: 768px) {#cd-zoom-in {margin-top: 50px}}
#cd-zoom-out {background-position: 50% -32px}
/*modal*/
.blur-it {filter: blur(4px); transition: ease all .2s}
a.btn{width: 200px; padding: 18px 0; transform: translate(-50%, -50%); font-weight: 700; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; border-radius: 0; background: #e2525c}
.modal-wrapper{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 154, 161, 0.8); visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out}
.modal-wrapper.open{opacity: 1; visibility: visible; z-index: 1000}
.modal{width: 600px; height: 300px; display: block; margin: 50% 0 0 -300px; position: relative; top: 50%; left: 50%; background: #fff; opacity: 0; transition: all 0.5s ease-in-out}
.modal-wrapper.open .modal{margin-top: -200px; opacity: 1}
.head{height: 40px; padding: 0px 10px 0px 0; overflow: hidden; background: #286090}
.head span{padding: .5rem 0 0 1rem; color: #fff; display: inline-block; font-weight: 700}
.btn-close {font-size: 28px; display: block; float: right; color: #fff}
.modal a:hover{color: #007FFF}
.content {padding: 10%; font-size: 14px}
.content a{color: inherit}
.border{border: 1px solid; display: inline-block; padding: 7px; border-radius: 10px; overflow: hidden;}
.dwn-lista{margin: 0; padding: 0; list-style-type: none}
.dwn-lista li{display: inline-block}
.dwn-lista li:not(last),.dwn-lista li:not(first){margin: 0 1.5rem}

a, a:hover, a:visited, a:focus{text-decoration:none}
.m-top{margin-top: 1rem!important}
.m-top2{margin-top: 2rem!important}
.m-bottom1{margin-bottom: 1.5rem}
.pd-title1{font-size: 35px; font-weight: 700; margin: 0}
.pd-title2{font-size: 18px; color: #ff403e}
.pd-desc{font-size: 13px; margin: 0; color: #999}
.pd-btn{padding: .8rem 1.5rem; background-image: linear-gradient(to right, #00a0a7, #00a0a7); color: #fff; font-size: 13px; font-weight: 600; transition: all 0.2s; display: inline-block}
.pd-btn:hover{color: #00a0a7; background-image: none; background-color: #fff}
.pd-btn-border{border: 1px solid #00a0a7}
.pd-btn-border:hover{border: 1px solid #00a0a7}

#header{position: relative; z-index: 99; padding-top: 1.5rem}
.hd-interna{background-color: #414042; margin: 0; padding-bottom: 2rem}
.hd-menu{position: relative; list-style-type: none; margin: 0; text-align: right}
.hd-menu li{display: inline-block; margin: 0 1rem}
.hd-menu li:first-child{margin-left: 0}
.hd-menu li:last-child{margin-right: 0}
.hd-menu a{color: #fff; font-size: 15px; position: relative; font-weight: 700}
.hd-menu a:hover{color: #007bff}

#home{margin-top: -10.1rem}
.banner{padding: 0; margin: 0; list-style-type: none}
#hm-servicos{padding: 3rem 0}
.servico-slider{margin: 0; padding: 0}
.servico-slider li{height: 27rem}
.servico-slider li:hover{cursor: pointer}
.srv-desc{padding: 0 1rem 0}
.srv-img img{display: block; margin: 0 auto; transform: scale(0.9); transition: all ease .2s}
.servico-slider li:hover .srv-img img{transform: scale(1.0); transition: all ease .2s}
.srv-desc{transform: scale(0.9); transition: all ease .2s}
.servico-slider li:hover .srv-desc{transform: scale(1.0); transition: all ease .2s}
.srv-title{font-size: 20px; font-weight: 700}
#clippfacil{padding: 5rem 0; overflow: hidden}
#hm-backup{padding: 5rem 0 3rem}
#hm-autorizadas{padding: 3rem 0 5rem}
#hm-autorizadas img{max-height: 6rem}

#empresa{padding: 5rem 0 3rem}
.inner{position: relative}
.inner2{padding: 2.5rem 2rem 2rem 1rem}
.indigo{background-color: #00a0a7; color: #fff}
.figure-mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(21,155,192,0.2)}
.emp-title{font-size: 25px; font-weight: 700}
.emp-box{position: relative; background-color: #f5f5f5; border-radius: 4px; margin-top: 5rem; padding: 2rem; color: #656972; height: 8.5rem}
.emp-box h5{font-size: 25px; font-weight: 700}
.emp-inst-title{position: absolute; top: -13px; left: 50%; margin-left: -30px}

#contato{background-color: #efefef; padding: 5rem 0}
#formcontato textarea{height: 153px; resize: none}
#formcontato input::placeholder, #formcontato textarea::placeholder{color: #696969}
#formcontato .pd-btn{outline: none; cursor: pointer; border: 1px solid #00a0a7}
.formmsg{display: inline-block;width: 50%;color: green; font-weight: 700}
.msgok {height: 2.5em;overflow: hidden;padding-top: 0.7em;width: 21.5em;}
.form-control{border:none;border-bottom:1px solid #ccc;padding-left:0;padding-right:0;border-radius:0;background:none}
.form-control:active,.form-control:focus{outline:none;-webkit-box-shadow:none;box-shadow:none;border-color:#000}
.col-form-label{color:#000;font-size:13px}
.btn,.form-control,.custom-select{height:45px}
.custom-select:active,.custom-select:focus{outline:none;-webkit-box-shadow:none;box-shadow:none;border-color:#000}
.btn{border:none;border-radius:0;font-size:12px;letter-spacing:.2rem;text-transform:uppercase}
.btn.btn-primary{background:#35477d;color:#fff;padding:15px 20px}
.btn:hover{color:#fff}
.btn:active,.btn:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}
.contact-wrap .col-form-label{font-size:14px;color:#b3b3b3;margin:0 0 10px;display:inline-block;padding:0}
.contact-wrap .form,.contact-wrap .contact-info{padding:40px}
.contact-wrap .contact-info{color:rgba(255,255,255,0.5)}
.contact-wrap .contact-info ul li{margin-bottom:15px;color:rgba(255,255,255,0.5)}
.contact-wrap .contact-info ul li .wrap-icon{font-size:20px;color:#fff;margin-top:5px}
.contact-wrap .form{background:#fff}
.contact-wrap .form h3{color:#00a0a7;font-size:20px;margin-bottom:30px}
.contact-wrap .contact-info{height:100vh;background-size:cover;background-position:center center;background-repeat:no-repeat}
.contact-wrap .contact-info a{position:absolute;top:0;bottom:0;left:0;right:0}
@media (max-width: 1199.98px) {
.contact-wrap .contact-info{height:400px!important}
}
.contact-wrap .contact-info h3{color:#fff;font-size:20px;margin-bottom:30px}
label.error{font-size:12px;color:red; display: block}
#message{resize:vertical}
#form-message-warning,#form-message-success{display:none}
#form-message-warning{color:#B90B0B}
#form-message-success{color:#55A44E;font-size:18px;font-weight:700}
.submitting{float:left;width:100%;padding:10px 0;display:none;font-weight:700;font-size:12px;color:#000}




#footer{color: #fff}
.ft-top{padding: 3.5rem 0; background-color: #414042}
.ft-top a{color: #fff}
.ft-top a:hover{color: #007bff}
.ft-title{font-size: 16px; font-weight: 700}
.ft-desc{font-size: 13px; margin: 0; display: block}
.ft-social{background-image: linear-gradient(to right, #00a0a7, #50b0b5); display: inline-flex; justify-content: center; width: 30px; height: 26px; align-items: center; margin-top: 1rem; border-radius: .25rem; font-size: 14px}
.ft-social:hover{color: lightgray!important}
.ft-bottom{color: #fff; background-color: #212121; font-size: 12px; padding: .5rem 0}

@media only screen and (max-width: 64em) {

}

@media only screen and (max-width: 40em) {
  #header{background-color: #414042; padding: 1rem 0}
  #home{margin-top: 0}
  .hm-sm-fone{color: #fff}
  .modal{width: 300px; height: 450px; margin: 50% 0 0 -150px; overflow: scroll}
  .s-text-center{text-align: center}
  .s-top{margin-top: 1rem}
}