h2{
	font-size: 55px;
	font-weight: 400;
}
h3{
	font-size: 6vw;
	font-weight: 400;
}				
h4{
	font-size: 30px;
	font-weight: 400;
}
h5{
	font-size: 4.5vw;
	font-weight: 400;
}
p{
	font-size: 18px;
	font-family: 'Muli', sans-serif;
	color:#939393;
}
a:hover{
	text-decoration: none;
}
em{
	font-style: normal;
	display: none;
}
.bg-red{
	background-color: #be1e2d;
}
.bg-gray1{
	background-color: #f1f2f2;
}
.bg-gray2{
	background-color: #58595b;
}
.bg-bege{
	background-color: #C2b59b;
}
.tx-branco{
	color: #fff;
}
.tx-red{
	color: #be1e2d;
}
.tx-gray1{
	color: #f1f2f2;
}
.tx-gray2{
	color: #58595b;
}
.tx-bege{
	color: #C2b59b;
}
.mgl{
	margin-left: 0px;
}
.mgb-5{
	margin-bottom: -5px;
}
.container-fluid{
	padding-right: 0;
	padding-left: 0;
}
.col{
	padding-left: 0;
	padding-right: 0;
}
.col-sem-padding{
    padding-left: 0;
}

.mxcont{
	margin-right: 0;
	margin-left: 0;
}
.pad-0{
	padding-right: 0;
	padding-left: 0;
}
.bold{
	font-weight: 600;
}
.top-10{
	margin-top: -10px;
}
button{
	border: 0px;
}
.bg-primary{
	background-color: #0060ad!important;
}
body{
	font-family: 'Roboto Slab', serif;
}
header{
	position: fixed;
	top:0;
    left: 0;
    width: 100%;
    z-index: 99;
 	background-color: rgb(255, 255, 255);
}
header a, footer a, .btagende a{
	text-decoration: none;
	color: inherit;
}
header a:hover, footer a:hover, .btagende a:hover{
	text-decoration: none;
	color: rgb(216, 186, 130);
}

.space{
	margin-right: 20px;
}
.bartel{
	font-family:'Muli', sans-serif;
	background-color: rgb(248, 248,248);
	color: #383838;
	z-index: 99;
	height: auto;
	padding: 5px;
	text-align: center;

}
.bartel p{
	color: #383838;
	font-size: 4.5vw;
	margin-bottom: 0;
}
.bartel span img {
	width: 5vw;
	margin: -4px 4px 0 5px;
}
.socialtop img{
	width: 1.7vw;
	padding: .0vw 3px;
}
.menu{
	padding: 2vw 8vw;
	font-family:'Muli', sans-serif;
	text-transform: uppercase; 
	background-color: rgb(255, 255, 255);
	transition: .4s;
}
.navbar-light .navbar-nav .nav-link {
	color: rgb(133, 133, 133);
}
.navbar-light a:hover, .navbar-nav a:hover, .nav-link a:hover{
	color: rgb(216, 186, 130)!important;
}
.navbar-brand img{
	width: 300px;
	transition: 0.3s;
}
.navbar-toggler{
	cursor: pointer;
	margin-top: 20px;
	margin-left: -15px;
} 
.navbar-nav .nav-link {
	margin-left: -150px;
	margin-right: -20px;
	font-size: 14px;
}
.ativo{
	color: rgb(216, 186, 130)!important;
}
.resize{
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 2px 10px rgba(211, 211, 211, .5);
	transition: .4s;
}
.resize img{
	width: 300px;
	transition: .4s;
}
.navbar-light .navbar-nav{
	margin:25px 0px 0 25px;
}

#webdoor{
	margin-top: 106px;
	height: 500px;
}
#webdoor a{
	text-decoration: none;
	color:#fff9ec;
	font-size: 4.5vw;
}
.carousel-item img{
	width: 1247px!important;
	height: 500px;
	margin-left: -145%;
}
.carousel-caption{
	position: absolute;
	top: 30%;
	text-align: center;
}
.carousel-caption h2{
	font-weight: 400;
	font-size: 8vw;
}
.carousel-caption p{
	font-size: 1rem;
}
.barracaption{
	width: 60%;
	height: 3px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.padx{
	padding-right: 1px;
	padding-left: 1px;
}
.boxcaption{
	position: absolute;
	width: auto;
	height: 21vw;
	margin-top: -35px;
	z-index:14 ;
}
.carousel-indicators{
	position: relative;
	bottom: 0;
	margin-left: 5%;
	margin-right: 5%;
}
.carousel-indicators li{
	width: 21vw;
	height: 21vw;
	background-color: rgb(250, 250, 250);
}
.carousel-indicators li .foto{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -22%;
	margin-top: -33%;
}
.carousel-indicators li img{
	height: 70%;
}
.boxindicator h5{
	display:none;
}
.carousel-indicators .active{
	background-color:rgb(211, 200, 179);
}
.carousel-indicators .active .foto{
	filter: brightness(100);
}
.carousel-indicators .active h5{
	color: #fff;
}
.barcap{
	margin-top:2px;
	width: 35%;
	height: 2px;
	background-color: #fff;
}
.larg{
	width: 50px;
}
.quem{
	padding: 55px 0px;
}
.justify{
	text-align: justify;
}
.posb{
    display: none;
	position: absolute;
	bottom: 0;	
}
.paralax{
	margin-top: 40px;
	padding:100px 10px 0px 40px;
	width: 100%;
    /* The image used */
    /* Set a specific height */
    height: 1030px;

    /* Create the parallax scrolling effect */
    background-image: url(../imagens/balanca.jpg);
    background-attachment: fixed;
  	background-position: center top 125px;
    background-repeat: no-repeat;
    z-index: 90;
}
.paralax h2{
    font-weight: 400;
    font-size: 9.5vw;
}
.decor {
    margin-top: 48px;
    margin-left: -78vw;
    width: 5%;
}
.areas img{
	float: left;
	margin-left: -25px;
}
.pad50{
	padding: 40px 0;
}
.boxtest{
	background-color: red;
	width: 100%;
	height: 700px;
}
.contratar h2{
	font-size: 7vw;
	padding: 70px 0 40px;
}
.contratar .box{
	height: 330px;
	background-color: rgba(241,242,242,.8);
	z-index: 80;
    padding: 6vw;
    margin-bottom: 30px;
}
.contratar .box h4{
	font-size: 7vw;
}
.mapa{
	margin-top: -25px;
	margin-bottom: 60px;
	height: 55vw;	
	border: 3vw solid #be1e2d;
	z-index: 70
}
address{
	width: 435px;
    height: 185px;
	margin-top: -26%;
    margin-left: 11.3%;
    padding: 47px 55px;
	z-index: 80;
	background-color: rgba(190,30,45,.8);
}
.contato{
	background-color: #f8f8f8;
	padding: 60px 45px 60px 40px;
}
.contato h4{
	font-weight: 400;
	font-family: 'Muli', sans-serif;
	color: #939598;
    font-size: 8vw;
    text-align: center;
}
.contato span img{
	margin:-5px 5px 0 0;
}
.contato .social a img{
	width: 4.2vw;
	opacity: .2;
	transition: .2s;
}
.contato .social a:hover img{
	width: 4.2vw;
	opacity: .7;
	transition: .2s;
}

.contato .tel span img{
	width: 8vw;
}
.tel{
	padding-left: 4.5vw;
}
.copyright{
	padding: 28px 20px 15px;
	background-color: #b9b9b9;
}
.copyright p{
	font-size: 14px;
}
.barratopo{
	background-color: #be1e2d;
	width: 13%;
	height: 3px;
}
.imgtopo{
	position: absolute;
	top: 0;
	left: 0;
}
.topo{
	background-position: center;
	background-size: cover;
	height:27vw;
	padding: 8vw 0 0 0;
	margin-top: 110px;
}
.topo h2{
	font-weight: 400;
	font-size: 7.4vw;
}
.quem h2{
	font-size: 2.2rem;
}
.quem h3{
	font-size: 1.8rem;
}
.equipe {
	padding: 140px 0 70px ;
}
.equipe h2{
	font-size: 12vw;
}
.boxequipe{
	margin-bottom: 150px;
}
.fotprof{
	width: 100%;
}
.name{
	background-color: #f1f2f2;
	padding: 3vw 0 2vw;
	text-align: center;
	transition: 0.4s;
}
#boxe{
	margin-bottom: 30px;
}
#boxe .overlay{
	position:relative;
	top: 0;
	left: 0;
	padding: 8vw 7vw 5vw 8vw;
	height: auto;
	background-color: rgba(250, 250, 250, 1);
	opacity: 1;
	transition: 0.4s;
}
.overlay p{
	color: #111111;
	line-height: 1.5rem;
	font-size: 16px;
}
#boxe:hover .overlay{
	opacity: 1;
	transition: 0.4s;
}
#boxe:hover .name{
	background-color: #c2b59b;
	transition: 0.4s;
}
#boxe:hover .name h5{
	color: #fff;
	transition: 0.4s;
}
.contact{
	padding: 55px 0 100px;
}
.contact span{
	margin-top: -5px;
	float: left;
	margin-right: 20px;
}
.contact h5{
	margin-bottom: 0px;
}
.contact p{
	margin-bottom: 45px;
	font-size: 4.7vw;
}
.form-control{
	border-radius: 0px;
	padding: 25px 10px 25px 15px;
	font-family: 'Muli', sans-serif;
}
textarea.form-control{
	padding: 15px 10px 25px 15px;
}
.form-row button{
	padding: 12px 17px;
	font-family: 'Muli', sans-serif;
	text-transform: uppercase;
	border-radius: 0px;
	margin-left: 5px;
}
.atuacao{
	padding: 55px 0px;
}

#nav {
	list-style: none;
	font-family: 'Muli', sans-serif;
	font-size: 1.5rem;
	padding-left: 0px;
	margin-bottom: 50px;
}
#nav li{
	border: 1px solid #eae3d6;
}
#nav li a{
	color: #808285;
	text-decoration: none;
	padding: 15px 20px;
	display: block;
	font-size: 4.8vw;
	transition: .3s;
}
#nav li a:hover{
	color: #fff;
	text-decoration: none;
	padding: 15px 20px;
	display: block;
	background-color: #c2b59b;
	transition: .3s;
}
.activ{
	color: #fff!important;
	text-decoration: none;
	padding: 15px 20px;
	display: block;
	background-color: #c2b59b;
	transition: .3s;
}
.atuacao li p{
	margin-bottom: 0rem;
}
.atuacao ul {
	padding-left: 25px;
}
.boxred, .boxred2{
	padding: 15% 20%;
	margin-top: 40px;
}
.boxred button, .boxred2 button{
	padding: 10px 15px;
	font-size: 1.3rem;
	font-weight: 600;
	width: 100%;
	margin-top: 25px;
	cursor: pointer;
}
.contato p{
    text-align: center;
    margin-top: 30px;
}
.boxred{
	display:none;
}

/* Extra small devices (phones, 600px and down) */
@media (max-width: 424px) {
	
}
/* Extra small devices (phones, 600px and down) */
@media (min-width: 425px) {
	.bartel p{
		font-size: 4vw;
	}	
	.bartel span img {
		width: 4vw;
	}
	.carousel-item img{
		margin-left: -110%;
	}
	.carousel-caption h2{
		font-size: 5vw;
	}
	#webdoor a{
		font-size: 3.5vw;
    }
    .quem h2 {
        font-size: 2.2rem;
    }
    .paralax {
    height: 1130px;
    }
    .contato .tel span img {
        width: 5vw;
    }
    .contato h4 {
        font-size: 6vw;
	}
	.topo {
		margin-top:125px;
	}
	.equipe h2 {
		font-size: 9vw;
	}
	.contact p {
		font-size: 3.7vw;
	}
  }
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media (min-width: 576px) {
	.bartel p{
		font-size: 2.2vw;
		text-align: left;
	}	
	.bartel span img {
		width: 2vw;
	}
	em{
		display: inline-block;
	}
	.menu{
		padding: 2vw 6vw;
	}
	.navbar-nav .nav-link {
		margin-left: -150px;
		margin-right: -20px;
		font-size: 16px;
	}
	.carousel-caption h2{
		font-size: 5vw;
	}
	.carousel-item img{
		margin-left: -60%;
	}
	.carousel-caption h2{
		font-size: 4vw;
	}
	#webdoor a{
		font-size: 2.5vw;
    }
    .boxcaption {
        position: absolute;
        margin-top: -10vw;
        left: 4%;
    }
    .boxindicator h5{
        display:block;
    }
    .barcap{
        display: none;
    }
    .carousel-indicators li h5{
        position:relative;
        text-indent: 0px;
        margin-top:13vw;
        color:#929497;
        font-size: 2.5vw;
        font-weight: 400;
        text-align: center;
    }
    .carousel-indicators li img {
        height: 45%;
    }
    .carousel-indicators li .foto {
        margin-left: -15%;
        margin-top: -36%;
    }
    .paralax h2 {
        font-size: 6vw;
    }
    .decor {
        margin-left: -49vw;
    }
    h5{
        font-size: 2.6vw;
    }
    .paralax {
        height: 690px;
    }
    .contratar h2 {
        font-size: 5.5vw;
    }
    h3 {
        font-size: 5vw;
    }
    .contratar .box h4 {
        font-size: 5vw;
    }
    .mapa {
        height: 41vw;
    }
    .contato .tel span img {
        width: 3vw;
    }
    .contato h4 {
        font-size: 4vw;
	}
	#nav li a{
		font-size: 3.8vw;

	}
	.topo h2 {
		font-size: 5.4vw;
	}
	.equipe h2 {
		font-size: 7vw;
	}
	.contact p {
		font-size: 3vw;
	}
	
  }
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media (min-width: 768px) {
	.bartel p{
		font-size: 2vw;
	}	
	.bartel{
		padding-left: 3.8vw;
	}
	.carousel-caption{
		margin-top: 5%;
		text-align: left;
	}
	.carousel-item img{
		margin-left: 0%;
	}
	.carousel-caption h2{
		font-size: 3.5vw;
	}
	#webdoor a{
		font-size: 2vw;
    }
    .boxcaption {
        margin-top: -5vw;

    }
	.carousel-indicators li img {
        height:48%;
    }
    .carousel-indicators li .foto {
       margin-left: -10%;
       margin-top: -20%;
    } 
    .carousel-indicators li h5 {
        margin-top: 7.5vw;
        font-size: 1.9vw;
    }
    .carousel-indicators li {
        height: 12vw;
    }
    .barracaption {
        width: 60%;
        height: 3px;
        margin: 10px 0px;
	}
	.mtquem{
		height: 80px;
	}
    .quem h2 {
        font-size: 2.3rem;
    }
    .posb{
        display: block;
        margin-bottom: 28px;
    }
    .paralax h2 {
        font-size: 5vw;
    }
    .decor {
        margin-left: -41vw;
    }
    .contratar h2 {
        font-size: 4vw;
    }
    h3 {
        font-size: 4vw;
    }
    .contratar .box h4 {
        font-size: 2.3vw;
    }
    .contratar .box {
        height: 347px;
    }
    .mapa {
        height: 33vw;
    }
    .contato p {
        margin-top: 10px;
        text-align: left;
    }
    .contato h4 {
        font-size: 3vw;
        text-align: left;
    }
    .contato .tel span img {
        width: 2vw;
    }
    .logob{
        margin-top: 40px;
	}
	.contratar .box{
		height: 360px;
		padding: 3vw;
	}
	.topo h2 {
		font-size: 4.5vw;
	}
	.topo {
		padding: 10vw 0 0 0;
	}
	#nav li a {
		font-size: 2.3vw;
	}
	.boxred{
		display: block;
	}
	.boxred2{
		display: none;
	}
	.boxred button{
		font-size: 1rem;
	}
	.equipe h2 {
		font-size: 5vw;
	}
	#boxe .overlay {
		padding: 8vw 4vw 5vw 4vw;
		height: 57vw;
	}
	.contact p {
		font-size: 2.3vw;
	}
    
    }
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media (min-width: 992px) {
	.bartel p{
		font-size: 1.6vw;
	}
	.bartel span img {
		width: 1.6vw;
	}
	.menu{
		padding:0.3vw 0vw 0.1vw 4vw;
	}
	.navbar-nav .nav-link {
		margin-left: 0px;
		margin-right: 5px;
		font-size: 14px;
	}
	#webdoor{
		width: auto;
		height: auto;
	}
	.carousel-caption h2{
		font-size: 3vw;
	}
	#webdoor a{
		font-size: 1.7vw;
	}
	.carousel-caption{
		margin-top: 3%;
	}
	.posb{
        width: 155px;
    }
    .quem {
        padding: 160px 0px;
    }
    .paralax h2 {
        font-size: 4vw;
    }
    .decor {
        margin-left: -33vw;
    }
    h5{
        font-size: 1.7vw;
    }
    .contratar h2 {
        font-size: 3vw;
    }
    h3 {
        font-size: 3vw;
    }
    .contratar .box h4 {
        font-size: 1.6vw;
    }
    .contratar .box {
        height: 390px;
		padding: 2.5vw;
	}
	#nav li a {
		font-size: 1.4vw;
	}
	.topo {
		padding: 6vw 0 0 0;
		height: 18vw;
	}
	#boxe .overlay {
		position: absolute;
		padding: 1vw 2vw 3vw 3vw;
		width: 91%;
		height: 94%;
		left:4.5%; 
		background-color: rgba(250, 250, 250, .9);
		opacity: 0;
	}
	.equipe h2 {
		font-size: 4vw;
	}
	.contact p {
		font-size: 1.7vw;
	}

  } 

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media (min-width: 1200px) {
	.carousel-item img{
		width: 104vw!important;
		height: 100%;
		margin-left: 0%;
	}
	#webdoor{
		margin-top: 117px;
		width: auto;
		height: 100%;
    }
    .carousel-caption {
        margin-top: 2%;
    }
    .posb{
        width: 210px;
    }
	.quem {
        padding: 6vw 0px 90px;
    }
    .decor{
        margin-top: 60px;
    }
    .contato p {
       font-size: 1.6vw;
    }
    .contato h4 {
        font-size: 2.5vw;
    }
    .contato .tel span img {
        width: 1.5vw;
	}
	#boxe .overlay {
		padding: 2.5vw 2vw 3vw 3vw;
		width: 93%;
		height: 71.5vh;
		left: 3.5%;
	}
	.contact p {
		font-size: 1.4vw;
	}
	.topo h2 {
		font-size: 4vw;
	}
		
	
	}
  


  /* Extra large devices (large laptops and desktops, 1440px and up) */
  @media (min-width: 1441px) {
	.bartel p{
		font-size: 1.3vw;
	}
	.bartel span img {
		width: 1.3vw;
	}
	.menu{
		padding:1vw 1vw .8vw 4.5vw;
	}
	.navbar-nav .nav-link {
			font-size: 16px;
	}
	#webdoor{
		width: auto;
		height:100%;
    }
    #webdoor a {
        font-size: 1.4vw;
    }
    .boxcaption {
       margin-top: -4vw;
       left: 10%;
    }
	.carousel-item img{
		width: 100vw!important;
		height: 100%;
		margin-left: 0%;
    }
    .carousel-indicators li img {
        height: 38%;
    }
    .carousel-indicators li h5 {
        margin-top: 6.5vw;
        font-size: 1.5vw;
    }
    .carousel-indicators li .foto {
        margin-left: -7%;
        margin-top: -15%;
    }
    .carousel-indicators li {
        width: 18vw;
        height: 10.5vw;
    }
  
    .paralax h2 {
        font-size: 3vw;
    }
    .decor {
        margin-left: -24.5vw;
        margin-top: 65px;
    }
    h5 {
        font-size: 1.4vw;
    }
    .contratar h2{
        font-size: 2.5vw;;
    }
    .contato p {
        font-size: 1.2vw;
     }
     .contato h4 {
         font-size: 2vw;
     }
     .contato .tel span img {
         width: 1.3vw;
	 }
	 .equipe h2 {
		font-size: 3vw;
	}
	#boxe .overlay {
		padding: 2.5vw 1.5vw 2vw 2vw;
		width: 93%;
		height: 74%;
		left: 3.5%;
	}
	.contact p {
		font-size: 1.1vw;
	}
	#nav li a {
		font-size: 1.1vw;
	}
	.topo h2 {
		font-size: 3.5vw;
	}
	
  }