*{
	box-sizing:border-box;
}



.itemMenus{
	float:left;

}
.itemMenus a{
	margin-right: 5px;
	display:block;
	text-decoration:none;
	color:#faf119;
	background:rgba(0,0,0,0.9);
	height:80px;
	line-height:80px;
	font-family: Oswald;
	font-size: 20px;
	font-weight: bold;
	padding: 0 20px;
}
.itemMenus a:hover{
	background:rgba(250,241,25,1.00);
	color:rgba(0,0,0,0.9);


}



		 .contatostop {
			max-width: 1290px;
			font-family: arial, helvetica;
			font-size: 14px;
			overflow: hidden;
			line-height: 36px;
			height: 36px;
			padding-right: 20px;
		}


		 .mail{
			background-image:url(../images/icon-mail.png);
			background-repeat: no-repeat;
			background-size: auto 20px;
			background-position: 0 8px;
			color:#faf119;
			padding-left: 28px;
			float:right;		
		}

		 .tel{
			background-image:url(../images/icon-tel.png);
			background-repeat: no-repeat;
			background-size: auto 20px;
			background-position: 0 8px;
			color:#faf119;
			padding-left: 28px;
			float:right;
			margin-left: 20px;
		}


	 .cel{
			background-image:url(../images/icon-whatsapp.png);
			background-repeat: no-repeat;
			background-size: auto 20px;
			background-position: 0 8px;
			color:#faf119;
			padding-left: 28px;
			float:right;
			margin-left: 20px;
		}


.bloco4{
	width:25%;
	float:left;
	height:250px;
	margin-bottom:30px;


}

.images3{
	width:33.33%;
	float:left;
	height:auto;
	min-height: 550px;


}


.images4{
	width:25%;
	float:left;
	height:auto;
	min-height: 520px;


}



.bloco5{
	width:20%;
	float:left;
	


}



.images5{
	width:20%;
	float:left;
	min-height: 480px;


}

.images5TextTitulo{
	padding-bottom:10px; 
	padding-top:10px; 
	background:#faf119; 
	color: #000; 
	font-family: Oswald; 
	text-transform: uppercase;


}


.images5Text{
	padding: 5px; 
	font-family: Oswald; 
	color:#fff; 
	min-height: 250px;


}


.ladoAlado{
	float:left;
}
.textosDescri{
	width:33.33%;
	float:left;
}

.imgsGaleria{
	width:33.33%;
	float:left;
	min-height:0px;
}


.imgsGaleria div{
	padding:7px 10px 15px 10px;
}


.imgsGaleria img{
	width:100%;
	height:auto;
}


.imgServ{
	width:33.33%;
	float:left;
}


.imgServ div{
	padding:7px 10px 15px 7px;
}


.imgServ img{
	width:100%;
	height:auto;
}

.imgstri{
	width:33.33%;
	float:left;
}

.formtri{
	width:33.33%;
	float:left;
	
}

.imgsduo{
	width:50%;
	float:left;
}

.imgsduo{
	width:50%;
	float:left;
}


.bloco2{
	width:50%;
	float:left;
}

.bloco2{
	width:50%;
	float:left;
}



#mobile{
	display:none;

}


.menuescondido{
	display:none;
}

.some{
	display:none;
}

.aparece{
	display:none;

}



@media only screen and (min-width: 760px) and (max-width: 1180px) {
.bloco2{
	width:50%;
	float:left;

}
}

@media only screen and (min-width: 0px) and (max-width: 760px) {
.bloco2{
	width:100%;
	float:left;

}
}

/*Botão anexar arquivo - Trabalhe conosco */
.btn {
    display: inline-block;
    padding: 8px 16px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
/*Also */
 .btn-success {
    color: #ffffff;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal;
    background-color: #282828;
    
}
/* This is copied from https://github.com/blueimp/jQuery-File-Upload/blob/master/css/jquery.fileupload.css */
 .fileinput-button {
    position: relative;
    overflow: hidden;
}
/*Also*/
 .fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter:'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

/* Fim do Botão anexar arquivo - Trabalhe conosco */




#logotopprincipal{
	position: absolute;
	left: 0px;
	z-index: 10;
	width: 140px;
	
}

	


@media only screen and (min-width: 740px) and (max-width: 960px) {
.bloco4{
	width:33.33%;
	float:left;

}
}

@media only screen and (min-width: 550px) and (max-width: 740px) {
.bloco4{
	width:50%;
	float:left;

}
}

@media only screen and (min-width: 0px) and (max-width: 550px) {
.bloco4{
	width:100%;
	float:left;
	height:200px;

}
}

@media only screen and (min-width: 980px) and (max-width: 1080px) {
.images3{
	width:33.33%;
	float:left;
	height:auto;

}
}

@media only screen and (min-width: 570px) and (max-width: 980px) {
.images3{
	width:50%;
	float:left;
	height:auto;

}
}

@media only screen and (min-width: 0px) and (max-width: 570px) {
.images3{
	width:100%;
	float:left;
	height:auto;

}
}


@media only screen and (min-width: 880px) and (max-width: 1080px) {
.imgServ{
	width:33.33%;
	float:left;
	height:auto;

}
}

@media only screen and (min-width: 630px) and (max-width: 880px) {
.imgServ{
	width:50%;
	float:left;
	height:auto;

}
}

@media only screen and (min-width: 0px) and (max-width: 630px) {
.imgServ{
	width:100%;
	float:left;
	height:auto;

}
}


@media only screen and (min-width: 740px) and (max-width: 960px) {
.images4{
	width:33.33%;
	float:left;
	height:auto;
	

}
}

@media only screen and (min-width: 550px) and (max-width: 740px) {
.images4{
	width:50%;
	float:left;
	height:auto;

}
}

@media only screen and (min-width: 0px) and (max-width: 550px) {
.images4{
	width:100%;
	float:left;
	height:auto;

}
}

@media only screen and (min-width: 800px) and (max-width: 1200px) {
.bloco5{
	width:20%;
	float:left;
	height:200px;

}
}



@media only screen and (min-width: 700px) and (max-width: 800px) {
.bloco5{
	width:25%;
	float:left;

}
}

@media only screen and (min-width: 600px) and (max-width: 700px) {
.bloco5{
	width:33.33%;
	float:left;

}
}

@media only screen and (min-width: 400px) and (max-width: 600px) {
.bloco5{
	width:50%;
	float:left;
}
}


@media only screen and (min-width: 0px) and (max-width: 400px) {
.bloco5{
	width:100%;
	float:left;
}
}



@media only screen and (min-width: 1250px) and (max-width: 100%) {
.images5{
	width:20%;
	float:left;
	height:200px;

}
}



@media only screen and (min-width: 1020px) and (max-width: 1250px) {
.images5{
	width:25%;
	float:left;

}
}

@media only screen and (min-width: 790px) and (max-width: 1020px) {
.images5{
	width:33.33%;
	float:left;

}
}

@media only screen and (min-width: 550px) and (max-width: 790px) {
.images5{
	width:50%;
	float:left;
}
}


@media only screen and (min-width: 0px) and (max-width: 550px) {
.images5{
	width:100%;
	float:left;
}
}



@media only screen and (min-width: 0px) and (max-width: 740px) {
	#topo #lateralDireitaTop #menuTop{	
		display:none;
	}	
}


#menuprincipal{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
	background: #000;
	height: 118px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	
}

#menuprincipal #barMenuP{
	position:absolute;
	overflow: hidden;
	right: 0;
	border-top: solid 1px #faf119;
	
}

@media only screen and (min-width: 0px) and (max-width: 760px) {
	
	#menuprincipal{
		display:none;
	}
	
	.formtri{
	width:100%;
	float:none;
	
}
	
	.ladoAlado{
		
		float:none}

	
	.some{
		display:none;
	}
	
	.aparece{
		display:block;
	}
		
	.mob{ width:100%;	}
	#mobile{
		display:block;
	
	}
	#desktop{display:none;
	}
	
	.imgduo{
		width:100%;
	}
	
	.imgsduo{
		width:100%;
	}
	
	
		.bloco2{
		width:100%;
	}
	
	.bloco2{
		width:100%;
	}

	
	.imgsGaleria{
		width:100%;
		float:left;
	}
}


.bloco4{
	width:25%;
	float:left;
	height:250px;
	margin-top: 30px;


}




@media only screen and (min-width: 740px) and (max-width: 960px) {
.bloco4{
	width:33.33%;
	float:left;

}
}

@media only screen and (min-width: 550px) and (max-width: 740px) {
.bloco4{
	width:50%;
	float:left;

}
}

@media only screen and (min-width: 0px) and (max-width: 550px) {
.bloco4{
	width:100%;
	float:left;
	height:200px;


	

}
}



.WhatsMenu{
	text-decoration: none;
	font-size: 20px;
	color: #fff;
	margin-left: 20px;
	margin-top: 7px;
	
	
}



#alertWhats{
	width: 360px;
	height: 390px;
	background-image: url(../images/alertwhats.png);
	border-radius: 36px;
	z-index: 100;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	position: fixed;
	bottom: 40px;
	left: 20px;
	display: none;
	
}

#alertWhats .texto{
	margin: 120px 40px auto 40px;
	text-align: justify;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}

#alertWhats .btnFechar{
	display: block;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-image: url(../images/fechar-zap.png);
	background-size: 40px 40px;
}


#alertWhats a{
	display: block;
	position:absolute;
	bottom: 10px;
	left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/abre-whatsapp.png);
	background-size: 300px 60px;
	width: 300px;
	height: 60px;
	border-radius: 30px;
	line-height: 60px;
	padding: 0 20px 0 20px;
	
}



a{
	text-decoration: none;
	color: none;
}



.titsubCat span{
	position:absolute;
	right:30px;
}




	
    #tremendo {
      animation: shake 1s infinite;
    }

    @keyframes shake {
      0% {
        transform: translate(0px, 0px) rotate(0deg);
      }
      50% {
        transform: translate(1px, 1px) rotate(0deg);
      }
      55% {
        transform: translate(-1px, -2px) rotate(-1deg);
      }
      60% {
        transform: translate(-3px, 0px) rotate(1deg);
      }
      65% {
        transform: translate(3px, 2px) rotate(0deg);
      }
      70% {
        transform: translate(1px, -1px) rotate(1deg);
      }
      75% {
        transform: translate(-1px, 2px) rotate(-1deg);
      }
      80% {
        transform: translate(-3px, 1px) rotate(0deg);
      }
      85% {
        transform: translate(3px, 1px) rotate(-1deg);
      }
      90% {
        transform: translate(-1px, -1px) rotate(1deg);
      }
      95% {
        transform: translate(1px, 2px) rotate(0deg);
      }
      100% {
        transform: translate(1px, -2px) rotate(-1deg);
      }
    }



::-webkit-input-placeholder {
   color: white;
}

:-moz-placeholder { /* Firefox 18- */
   color: white;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}

:-ms-input-placeholder {  
   color: white;  
}
  



@media only screen and (min-width: 960px) {
.colunaRodape{
	width:25%;
	float:left;
	min-height: 350px;
	
}
}

@media only screen and (min-width: 780px) and (max-width: 1060px) {
.colunaRodape{
	width:50%;
	float:left;
	height:auto;
	min-height: 350px;

}
}

@media only screen and (min-width: 0px) and (max-width: 780px) {
.colunaRodape{
	width:100%;
	float:left;
	height:auto;

}
}

.colunaRodape div{
	padding:5px 7px 5px 7px;
}




 /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 0;
  margin: 10px;
  perspective: 1000px;
  padding-bottom: 100%;
  /* Remove this if you don't want the 3D effect */
}

.flip-card img{
	width: 80%;
	height: auto;
	padding: 5px;
	color: #000;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
 
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-image: url(images/frente-logo.png);
  color: #000;
  transform: rotateY(180deg);
} 



	.btnEnvie button{
	font-family:Roboto;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#000;  
	border:solid 2px #faf119; 
	background:#faf119;
	height:80px;
	transition: 0.3s;


	
}

.btnEnvie button:hover{
	background:#000;
	color:#faf119;
	border:solid 3px #000; 
	transition: 0.3s;
}
	

   .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
        }

        .overlay-content {
            position: relative;
            max-width: 80%;
            max-height: 80%;
        }

       .overlay-content video {
            width: 100%;
            max-width: 800px;
            height: auto;
            border: 5px solid white;
        }

        .close-btn {
            position: absolute;
            top: -10px;
            right: -10px;
            background: red;
            color: white;
            border: none;
            font-size: 20px;
            cursor: pointer;
            padding: 5px 10px;
            border-radius: 50%;
        }

#videoPlayer2{
	width: 100%;
	height: auto;
	max-width: 600px;
	margin-bottom: 50px;
	border: double 3px #fff;
	
	
}