/*
@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 200; }

@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700; }
*/
@import url(http://fonts.googleapis.com/css?family=Roboto);  
  
.top{padding-top:10px;}
i {display:inline; color:#4d4d4d; font-size: 2.8em !important; float:left; padding-right:10px;}
.logo{background-image: url("../img/logo.png"); width: 576px; height: 100px;}
.marginb{margin-bottom:0px !important;}
.padding{padding: 0 !important;}
.mab{margin-bottom:-40px !important;}
.topborder{border-top: 5px solid #363636; border-bottom: 5px solid #363636;}
.end {
  font-family: "Roboto";
  font-weight: 500;
  color: #757575;
  font-size:0.9em;
}
.tel {
  font-family: "Roboto";
  font-weight: 800;
  color: #9E9E9E;
  font-size: 0.85em;
    margin-top: -3px;
}
.border-amarela{border-top: 2px solid #red;}
.iconmobile{padding-top: 3% !important;}
.iconmobile i{color:#fff; font-size: 2.5em !important;}
.mdi-navigation-menu{color: #ffd200 !important;}
.mdi-navigation-menu:hover{color: #000 !important;}
.icondesktop{padding-top: 3% !important;}

.face {font-family: "Roboto"; color:#fff; font-size: 0.8em;}
h2{color: #ffd200 !important;   font-family: "Roboto"; font-weight: 700; font-size: 1.8em !important; text-transform: uppercase;}
h4{color: #a3a3a3 !important; font-family: "Roboto"; font-weight: 500; font-size: 1.8em !important; text-transform: uppercase; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.empresa  p{color: #818181;}
.servico h6 a{
  color: #a3a3a3 !important; 
  font-family: "Roboto"; 
  font-weight: 500; 
  font-size: 1em !important; 
  text-transform: uppercase; 
border-bottom: none !important;
padding-top: 30px;
margin: 1em !important 0 0.912em 0 !important;}
.servico p{
  font-size: 0.9em;
  color:#818181;
  text-align: justify;
}

.bt{
  padding: 10px 0px 10px 10px;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 1em !important;
    background-color: #ffd200;
    color: #000;
    width: 60%;
    /* border-left: 5px solid #242424; */
    float: left;
    margin-top: 0px !important;
    height: 45px;
}
.bt:hover{
    background-color: #242424;
    color: #fff;  
}
.bt:hover a{
    color: #fff;  
}
.btmobile{

      padding: 13px 0px 7px 0px;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 1em !important;
    background-color: #ffd200;
    color: #000;
    width: 65%;
    /* border-left: 5px solid #242424; */
    text-align: center;
    float: left;
    margin-top: 0px !important;
    height: 45px;
}

.bt a{color: #242424;}
.btmobile a{color: #242424;}
.btmobileservice{padding: 0px 10px; font-family: "Roboto"; font-weight: 500; font-size: 1em !important; background-color: #ffd200; line-height:45px;
color: #000; width: 68%; height: 45px; text-align: center; margin-top: 0px !important; float: left;}
.btmobileservice a {color: #242424; height: 100%; display: block;}
.btmobileservice:hover{
 background-color: #242424;
    color: #fff; }
.btmobileservice:hover a {color:#fff;}
.servico i {
    color: #fff;
    background-color: #242424;
    float: left;
    height: 45px;
    padding-left: 5px;
    padding-top: 3px;
  }
.orcamento p {    
  font-size: 1em;
    color: #4b4b4b;
    font-family: "Roboto";
    padding-top: 12px;
   line-height: 1em;}
   .orcamento-mobile p {    
  font-size: 1em;
    color: #4b4b4b;
    font-family: "Roboto";
    padding-top: 0px;
   line-height: 1em;}
.fto{background-color: transparent !important;}
#enviar{ 
    border: none;
    padding: 10px 10px 10px 10px;
    width: 100% !important;
    background-color: #ffd200;
    font-family: "Roboto";
    font-size: 1em;
    color: #000;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    margin-top: 10px;
    }
    #enviar-mobile{width: 100% !important;
    border: none;
    padding: 10px 10px 10px 10px;
    background-color: #ffd200;
    font-family: "Roboto";
    font-size: 1em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;}
.form{ 
	background-color: #363636 !important;
	border-bottom: 1px solid #9e9e9e !important;
	margin-bottom: 0px !important;
    margin-top: 20px !important;

	}
  .areat{ 
  background-color: #363636 !important;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
 border-bottom: 1px solid #9e9e9e !important;
  padding: 0px 0px 0px 10px;
  margin-bottom: 0px !important;
    margin-top: 20px !important;
    width: 105% !important;
    color:#fff;
  }
  .areatc{ 
  background-color: #363636 !important;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
 border-bottom: 1px solid #9e9e9e !important;
  padding: 0px 0px 0px 10px;
  margin-bottom: 0px !important;
    margin-top: 20px !important;
    height: 90px;
    width: 101% !important;
    color:#fff;
  }
.parallax-container {
      height: 275px;
    }
    .parallax-container2 {
      height: 100px;
    }

    /* Tiny Carousel */
#slider1 {
    width: 100%;
    height: 1%;
    margin: 30px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0 40px 10px;

    text-align: center;
}

#slider1 .viewport {
    width: 92%;
    margin: auto;
    height: 125px;
    overflow: hidden;
    position: relative;
    margin-top: 13px;
    
}

#slider1 .buttons {
    background: #FFf;
    border: solid 1px #ccc;
    display: block;
    position: absolute;
    top: 35%;
    left: 0;
    width: 35px;
    height: 35px;
    color: #999;
    font-weight: 300;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    font-size: 15px;
    margin-left: 15px;
}

#slider1 .next {
    right: 0;
    left: auto;
    top: 35%;
    margin-right: 15px;
}

#slider1 .buttons:hover {
    color: #000;
    background: #FFD200;
}

#slider1 .disable {
    visibility: hidden;
}

#slider1 .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 240px;
    left: 0;
    top: 0;
}

#slider1 .overview li {
    float: left;
    margin: 0px 29px 0px 3px;
    padding: 1px;
    height: 121px;
   
    width: 236px;
 }
.empresa i{
  color: #fff;
    background-color: #242424;
    float: left;
    height: 45px;
    padding-left: 5px;
    padding-top: 3px;
}
.txtempresa{
    font-family: "Roboto";
    color: #fff;
    font-weight: 300;
    font-size: 1.2em;
    margin-top: 1em;
}
.txtempresa b{
    font-family: "Roboto";
    font-size: 1.6em;
}
.txtempresa span {
    font-family: "Roboto";
    font-size: 1em;
    font-weight: 600;
}
.txtservico{
    font-family: "Roboto";
    color: #fff;
    font-weight: 300;
    font-size: 1.2em;
    margin-top: 3em;
}
.txtservico b{
    font-family: "Roboto";
    font-size: 1.6em;
}
.txtservico span {
    font-family: "Roboto";
    font-size: 1em;
    font-weight: 600;
}
.menurodape{
  margin-top: -20px;
}
.menurodape  li{
  list-style: none; 
margin: 0;
display: inline;
}
.menurodape li a {
height:1px; /* IE5.0 bug */
padding: 3px 1px; 
margin:0;
text-decoration: none;
color: #535353;
font-family: "Roboto";
font-size: 0.6em !important;
text-transform: uppercase;
}
.menurodape  li a:link {
color: #535353;
}
.menurodape  li a:visited {
color: #535353;
}
.menurodape  li a:hover {
color: #fff; 
border-color: #000;
}
.footer p{color: #535353 !important;}
.fb-page{margin-top: 40px;}
.copyright{color: #535353 !important; text-align: left !important; font-size: 1em;}
 .mensage{min-height: 105px;}
.toposervico{background-image: url("../img/topo/servico_interno.jpg"); height: 150px; margin-bottom: 20px;}
.topocliente{background-image: url("../img/topo/clientes.jpg"); height: 150px; margin-bottom: 20px;}
.topofotos{background-image: url("../img/topo/fotos.jpg"); height: 150px; margin-bottom: 20px;}
.chegar{font-family: "Roboto"; font-size: 1em; font-weight: 600; text-align: center; padding: 10px 10px 10px 10px; margin-bottom: 10px;}
.endunidade{font-size: 0.8em; font-weight: 600;}
.telunidade{font-size: 0.9em !important;}
.detalhesunidade{margin-top: 10px;}
.cliente{
/*     border: 1px solid #FAFAFA; 
     background: #f4f4f4; */
    text-align: center;
    margin-bottom: 10px;
}
.cliente img {
    border: solid 1px #E2E2E2;
}
.map{margin-top: 10px;}
nav ul a {
    font-size: 1.1em !important;
    padding: 0 12px !important;
}
div.wpcf7-validation-errors {
    color: #FFD200;
}
div.wpcf7-mail-sent-ok {
    color: #398F14;
    background-color: #DFFBD3;
}
.file-field .btn {
    position: inherit;
	left: inherit;
}
.unidade .unidadeft{overflow: hidden;height: 241px;}

.foto2, .foto1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#foto1, #foto2{margin-top: 0px !important;}


@media only screen and (max-width: 1024px ){
.end {
  font-size:0.7em;
}
.tel {
    font-size: 0.7em;
 
}
}
@media only screen and (max-width: 640px){
    .slider .slides li .caption {
        color: #fff;
        position: absolute;
        top: 20%;
        left: 15%;
        width: 70%;
        opacity: 0; 
        background-color: rgba(0, 0, 0, 0.75);
        width: 80%;
        padding: 10px;
      }
  .btmobileservice{padding: 0px 0px 0px 0px; font-family: "Roboto"; font-weight: 500; font-size: 1em !important; background-color: #ffd200;
color: #000; width: 61%;  height: 45px; text-align: center !important; float: left; margin-bottom: 20px; margin-top: 0px !important;}
.iconmobile a {
    float: right;
    width: 15px;
  }
}
@media only screen and (max-width : 600px) {

.side-nav a {
    height: 55px !important;
    line-height: 55px !important;
}
#gallery-1 .gallery-item {width:100% !important;}
.container {width:100%;}
.sp{padding:0px !important;}

.servico img{width: 100%;}
.end {
  font-family: "Roboto";
  font-weight: 500;
  color: #757575;
  font-size:1.1em;
}
.tel {
  font-family: "Roboto";
  font-weight: 400;
  color: #9E9E9E;
  font-size: 1.1em !important;
    margin-top: -3px;
}
.txtempresa{
    font-family: "Roboto";
    color: #fff;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
}
.txtempresa b{
    font-family: "Roboto";
    font-size: 1.5em;
}
.txtempresa span {
    font-family: "Roboto";
    font-size: 1em;
    font-weight: 600;
}
.btmobileservice{padding: 13px 0px 10px 10px; font-family: "Roboto"; font-weight: 500; font-size: 1em !important; background-color: #ffd200;
color: #000; width: 84%; height: 45px; text-align: center; margin-top: 0px !important; float: left;}
.copyright{color: #535353; text-align: center; font-size: 1em;}
}

@media only screen and (max-width : 400px) {
.side-nav a {
    height: 55px !important;
    line-height: 55px !important;
}
#gallery-1 .gallery-item {width:100% !important;}
.container {width:100%;}
.sp{padding:0px !important;}
.endunidade{font-size: 1em; font-weight: 600;}
.telunidade{font-size: 1em !important;}
.iconmobile i {
    color: #fff !important;
    font-size: 1em !important;
}
.txtempresa{
    font-family: "Roboto";
    color: #fff;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
}
.txtempresa b{
    font-family: "Roboto";
    font-size: 1em;
}
.txtempresa span {
    font-family: "Roboto";
    font-size: 1em;
    font-weight: 600;
}
.btmobileservice{padding: 0px 0px 0px 0px; font-family: "Roboto"; font-weight: 500; font-size: 1em !important; background-color: #ffd200;
color: #000; width: 74% !important; height: 45px; text-align: center; margin-top: 0px !important; float: left;}
h2{color: #ffd200 !important;   font-family: "Roboto"; font-weight: 700; font-size: 1.7em !important; text-transform: uppercase;}
.mdi-navigation-menu{color: #ffd200 !important; line-height: 35px !important;}
.txtservico{
    font-family: "Roboto";
    color: #fff;
    font-weight: 300;
    font-size: 1.2em;
    margin-top: 2em !important;
}

  }

.mb-0{margin-bottom: 0px !important;}
.mt-0{margin-top: 0px !important;}
.mt-25{margin-top: 25px !important;}
.pt-5{padding-top: 5px !important;}
.text-center{text-align: center;}
.hg935{height: 935px !important}