@charset "UTF-8";

@font-face {
    font-family: 'museo300';
    src: url('../fonts/museo300.eot');
    src: url('../fonts/museo300.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo300.woff2') format('woff2'),
         url('../fonts/museo300.woff') format('woff'),
         url('../fonts/museo300.ttf') format('truetype'),
         url('../fonts/museo300.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo500';
    src: url('../fonts/museo500.eot');
    src: url('../fonts/museo500.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo500.woff2') format('woff2'),
         url('../fonts/museo500.woff') format('woff'),
         url('../fonts/museo500.ttf') format('truetype'),
         url('../fonts/museo500.svg#museo500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'elisabeth-bold';
    src: url('../fonts/elisabeth-bold.eot');
    src: url('../fonts/elisabeth-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/elisabeth-bold.woff2') format('woff2'),
         url('../fonts/elisabeth-bold.woff') format('woff'),
         url('../fonts/elisabeth-bold.ttf') format('truetype'),
         url('../fonts/elisabeth-bold.svg#elisabeth-boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'elisabeth';
    src: url('../fonts/elisabeth-regular.eot');
    src: url('../fonts/elisabeth-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/elisabeth-regular.woff2') format('woff2'),
         url('../fonts/elisabeth-regular.woff') format('woff'),
         url('../fonts/elisabeth-regular.ttf') format('truetype'),
         url('../fonts/elisabeth-regular.svg#elisabeth-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'industribold';
    src: url('../fonts/industri-bold.eot');
    src: url('../fonts/industri-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/industri-bold.woff2') format('woff2'),
         url('../fonts/industri-bold.woff') format('woff'),
         url('../fonts/industri-bold.ttf') format('truetype'),
         url('../fonts/industri-bold.svg#industribold') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, .body {min-height: 100%;}

a {
  line-height: 200%;
  transition: all 0.5s linear;
}

/*Seletores*/
::-webkit-selection {
  background: #2a8c88;
  color: #EEE;
}

::-moz-selection {
  background: #2a8c88;
  color: #EEE;
}

::selection {
  background: #2a8c88;
  color: #EEE;
}

/*Validaçao no IE*/
input:invalid, textarea:invalid {
  outline: none;
  box-shadow: none;
}

/*Utilitarios*/
.u-padding-0 {padding: 0;}
.u-padding-25 {padding: 25px 15px;}
.u-text-c {text-align: center;}
.u-text-r {text-align: right;}
.u-text-l {text-align: left;}
.u-margin-0 {margin: 0;}
.u-margin-a {margin: auto;}
.header-container-flex {
    height: 100%;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*Container*/
@media screen and (min-width: 1024px) {
  .container {
    margin: 0 auto;
    width: 998px;
  }
}
/*Topo*/
.bg_header{
    background-image: url(../img/back-topo.png);
    background-repeat: repeat-x;
    background-position-y: -50px;
    height: 235px;
    position: absolute;
    z-index: 2;
    width: 100%;
}
.header{
/*    background-image: linear-gradient(to bottom, rgba(255,255,255,.7),rgba(255,255,255,.5),rgba(255,255,255,.001));*/
/*
    background-image: url(../img/back-topo.png);
    background-repeat: repeat-x;
    background-position-y: -70px;
*/
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -90px;
    position: relative;
    z-index: 2;
}
/*Logo*/
.content-logo{margin: 25px auto;}
.logo{
    display: block;
    height: auto;
    margin: auto;
    max-width: 100%;
}
/*Menu e logo*/
.hamburger {display: none;}
.menu-header{width: 100%;}

.menu-header menu{
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
}
.header-ul-menu_1, .header-ul-menu_2{
    margin: auto;
    height: 35px;
}
.header-ul-menu_1{
    margin-left: 0;
    -ms-flex-order: 1;
    order: 1;
}
.header-logo-center{
    margin: 10px auto;
    -ms-flex-order: 2;
    order: 2;
}
.header-ul-menu_2{
    margin-right: 0;
    -ms-flex-order: 3;
    order: 3;
}

.dropdown-label {
    border-bottom: 1px solid transparent;
    color: #111;
    cursor: pointer;
    display: block;
    font-family: "museo300", sans-serif;
    font-size: 16px;
    padding: 0 30px;
}

.dropdown-label:hover, .dropdown-label:focus, .dropdown-label:active{
    border-bottom-color: #FFF;
    color: #FFF;
    text-decoration: none;
}

/*Banner*/
.banner-container-flex {
    height: 100%;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.banner-principal, .banner-interna {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.banner-principal{height: 480px}
.banner-interna{height: 370px}

@media (min-width: 1280px){
    .banner-principal{height: 580px;}
}
@media (min-width: 1440px){
    .banner-principal{height: 675px;}
}
@media (min-width: 1600px){
    .banner-principal{height: 750px;}
}
@media (min-width: 1920px){
    .banner-principal{height: 850px;}
}
.banner-content{
    background: rgba(87, 168, 165, 0.67);
    border: 1px solid #FFF;
    color: #FFF;
    line-height: 57px;
    padding: 10px 15px;
}
.banner-content p{
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 31px;
    margin-bottom: auto;
    text-transform: uppercase;
}
/*Titulo banner*/
.banner-title{
    font-family: "elisabeth-bold", "Arial", sans-serif;
    font-size: 75px;
    margin: auto;
    text-transform: uppercase;
}
.banner-txt_destaque{
    display: block;
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 75px;
    text-transform: uppercase;
}
/*Botão banner*/
.banner-link{
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-family: "elisabeth", "Arial", sans-serif
}
.banner-link:hover, .banner-link:focus, .banner-link:active{
    color: #FFF;
    text-decoration: none;
}
/*Conteudo*/
.home-tecnologia_flex{
    display: -ms-flexbox;
    display: flex;
    min-height: 250px;
    -ms-flex-align: center;
    align-items: center;
}
.conteudo p {
  color: #848789;
  font-family: "elisabeth", "Arial", sans-serif;
  font-size: 16px;
  font-weight: normal;
}
.home-box_link{
    border-bottom: 1px solid transparent;
    color: #2a8c88;
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 17px
}
.home-box_link:hover, .home-box_link:focus, .home-box_link:active{
    border-bottom-color: #2a8c88;
    color: #2a8c88;
    text-decoration: none;
}
.home_icon{
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
/*Titulo*/
.title {
  font-family: "elisabeth-bold", "Arial", sans-serif;
  font-size: 25px;
  text-align: center;
  text-transform: uppercase;
}
.interna .title{
    text-align: left;
}
.home-title_icon{
    background-image: url(../img/home-tecnologia_icon.png);
    margin: auto;
    height: 34px;
    width: 48px;
}
/*Subitulo*/
.subtitle {
  font-family: "elisabeth-bold", "Arial", sans-serif;
  font-size: 20px;
  font-weight: normal;
}
/*Home primeiro texto*/
.home-tecnologia{
    text-align: center;
}
/*Home destaque*/
.home-box-desc, .home-box-bg{
    min-height: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 768px){
    .home-box-desc, .home-box-bg{height: 390px;}
}
@media (min-width: 1280px){
    .home-box-desc, .home-box-bg{height: 510px;}
}
@media (min-width: 1920px){
    .home-box-desc, .home-box-bg{height: 700px;}
}
.home-box-desc{
    background-color: #FEFEFE;
}
/*Banner*/
.home-box-desc_slider{
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 100%;
}
/*Titulos destaques*/
.destaque-title{
    font-family: "elisabeth-bold", "Arial", sans-serif;
    font-size: 23px;
    text-align: center;
    text-transform: uppercase;
}
.destaque-title_icon{
    margin: auto;
    height: 32px;
    width: 32px;
}
.icon-gas{background-image: url(../img/home-gas_icon.png);}
.icon-implante{background-image: url(../img/home-implante_icon.png);}
/*Background destaque box*/
.home-box-bg{
    background-size: 100%;
    background-repeat: no-repeat
}
.home-box-bg:hover, .home-box-bg:focus, .home-box-bg:active{
    opacity: .9;
}
.home-bg_gas{background-image: url(../img/home-gas.jpg);}
.home-bg_implante{background-image: url(../img/home-implante.jpg);}
/*Home depoimentos*/
.home-depoimentos{
    display: -ms-flexbox;
    display: flex;
/*    flex-direction: column;*/
    min-height: 35vh;
    height: 290px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}
/*
.home-banner-depoimento{
    max-width: 100%;
}
*/
.home-depoimento-slide{
    background-color: #FFF;
    text-align: center;
}
.home-depoimento-slide p{
    font-size: 17px;
    font-style: italic;
}
.autor-depoimento{
    display: block;
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 21px;
    margin: 5px auto;
}
.home_depoimentos_title{
    margin: 40px auto 10px;
}
/*Home contato*/
.home-contato-title{
    color: #FFF;
    font-family: "elisabeth-bold", "Arial", sans-serif;
    font-size: 29px;
    text-transform: uppercase;
}
.home-contato{
    background-image: url(../img/home-contato_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.home-contato p{
    color: #FFF;
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 17px;
}
.home-contato-endereco, .home-contato-form{
    margin: 15px auto 35px;
}
.home-contato_tel{
    border-bottom: 1px solid transparent;
    color: #FFF;
    font-family: "elisabeth-bold", "Arial", sans-serif;
    font-size: 19px
}
.home-contato_tel:hover, .home-contato_tel:focus, .home-contato_tel:active{
    border-bottom-color: #222;
    color: #222;
    text-decoration: none;
}
.home-contato-mapa{
    height: 310px;
    width: 100%;
}

/*Home contato input */
.form_agendamento, .form_assunto{display: none;}
.form-control{
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 16px;
}
.form-control::-webkit-input-placeholder{
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 16px;
}
.form-control:-ms-input-placeholder{
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 16px;
}
.form-control::placeholder{
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 16px;
}
.home-contato_input{
    background: rgba(87, 168, 165, 0.67);
    color: #FFF;
}
.home-contato_input::-webkit-input-placeholder{
    color: #FFF;
}
.home-contato_input:-ms-input-placeholder{
    color: #FFF;
}
.home-contato_input::placeholder{
    color: #FFF;
}
.home-contato-btn{
    background: rgba(87, 168, 165, 0.67);
    border-color: #FFF;
    color: #FFF;
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s linear
}
.home-contato-btn:hover, .home-contato-btn:focus, .home-contato-btn:active{
    background: #EEE;
    border-collapse: #2a8c88;
    color: #2a8c88;
    text-decoration: none;
}
/*Rodape*/
.footer {
  background: #f7f7f7;
}
.footer-logo{
    display: block;
    margin: 25px auto 10px;
}
.footer p{
    color: #404040;
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 16px;
}

.footer-title {
 color: #404040;
 font-family: "museo500", "Arial", sans-serif;
 font-size: 18px;
 font-weight: normal;
}
.footer-link{
    border-bottom: 1px solid transparent;
    color: #404040;
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 17px
}
.footer-link:hover, .footer-link:focus, .footer-link:active{
    border-bottom-color: #2a8c88;
    color: #2a8c88;
    text-decoration: none;
}
.footer-mapa {
  height: 110px;
  width: 100%;
}

/*Social*/
.l-social {
  background: #2a8c88;
  border-radius: 50%;
  color: #FFF;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 32px
}
.l-social:hover, .l-social:focus, .l-social:active{
    background: #FFF;
    color: #2a8c88;
    text-decoration: none;
}

/*Copyright*/
.copy {
  padding: 5px 0;
  text-transform: uppercase;
}
.copy p {
  font-family: "elisabeth", "Arial", sans-serif;
  font-size: 10px;
  font-weight: normal;
  margin-bottom: 0;
}

.l-giga {
  background: url(../img/txt-giga.png) no-repeat;
  background-size: cover;
  position: relative;
  height: 16px;
  width: 120px;
}

.img-giga {
  position: relative;
  z-index: 2;
}
/*Contato*/
/*Botão de envio*/
.contato-btn-enviar {
    background: #2a8c88;
    border-color: #FFF;
    color: #FFF;
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s linear
}
.contato-btn-enviar:hover, .contato-btn-enviar:focus, .contato-btn-enviar:active{
    background: #EEE;
    border-color: #2a8c88;
    color: #2a8c88;
    text-decoration: none;
}
/*Mapa*/
.contato-mapa {
  height: 410px;
  margin: auto auto 10px;
  width: 100%;
}
.servicos-agendar-btn {
    background: #2a8c88;
    border-color: #FFF;
    color: #FFF;
    font-family: "elisabeth", "Arial", sans-serif;
    font-size: 17px;
    margin: 7px auto;
    text-align: center;
    text-transform: uppercase
}
.servicos-agendar-btn:hover, .servicos-agendar-btn:focus, .servicos-agendar-btn:active{
    background: #EEE;
    border-color: #2a8c88;
    color: #2a8c88;
    text-decoration: none;
}
/*Pagina interna*/
.interna_servicos_img{
    margin-top: 50px;
}
.parceiro_link{
    border-radius: 50%;
    border: 1px solid transparent;
    text-align: center;
}
.parceiro_link:hover,
.parceiro_link:focus,
.parceiro_link:active{
    border-color: #CCC;
}
/*-------------------------*/
.home-banner-depoimento .swiper-pagination{
    position: relative;
}
.home-banner-depoimento .swiper-pagination-bullet-active {
    background: #55aba8;
}
/*-------------------------*/
/*Tablets*/
@media (max-width: 991px) {
  /* menu mobile*/
  html, body {overflow-x: hidden;}
  menu img {display: none;}
  .hamburger {display: block;}

  .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background: #2a8c88;
  }

.menu-header menu {
    background: #2a8c88;
    display: block;
    height: 100%;
    margin-top: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 190px;
    z-index: 9;
    transform: translateX(-220px);
    transition: all 0.25s linear;
  }
.header-ul-menu_1, .header-ul-menu_2{
    height: auto;
    }
  .menu-header li {width: 100%;}

  .dropdown-label {
    color: #EEE;
    display: block;
    border-bottom: 1px solid white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px;
    text-decoration: none;
    z-index: 9
  }

    .dropdown-label:hover, .dropdown-label:focus, .dropdown-label:active{
        background: #EEE;
        color: #2a8c88;
    }
  .menu-active menu {transform: translateX(0);}
  .menu-active .main {
    transform: translateX(220px);
    margin: 0 -220px;
  }
    .banner-title{font-size: 70px;}
    .banner-content p{font-size: 29px;}
    .banner-txt_destaque{font-size: 57px}
}
@media (max-width: 767px) {
    .content-logo{
        margin: 10px auto;
        width: 100%;
    }
    .banner-principal {height: 470px;}
    .banner-title{font-size: 42px;}
    .banner-content{line-height: normal;}
    .banner-content p{font-size: 21px;}
    .banner-txt_destaque{font-size: 49px}
    .banner-content{padding: 5px;}
    .home-box-desc, .home-contato-endereco, .home-contato-title, .footer {text-align: center;}
    .home-contato-btn{width: 100%;}
    .iframe-mapa {width: 98%;}
}
@media (max-width: 480px) {
    .home-depoimentos{height: auto;}
    .banner-principal {height: 370px;}
    .banner-title {font-size: 29px;}
    .banner-content p{font-size: 17px;}
    .banner-txt_destaque {font-size: 37px;}
}
/*# sourceMappingURL=estilo.css.map */

/*# sourceMappingURL=estilo.css.map */
