@charset "utf-8";
/* CSS Document */

@font-face {
font-family: "Calibri";
src:url(fonts/calibri.ttf) format("truetype");
}

@font-face {
font-family: "Bell MT";
src:url(fonts/BELL.ttf) format("truetype");
}

* {margin: 0;padding: 0;border: 0;outline: 0;}

body {font-size:16px; background-color:#e6e6e6;}

img, embed, object, iframe, video { height: auto;max-width: 100%;}

.clear {width:100%; clear:both;}

			h1  {
				font-family: 'Raleway', sans-serif;
				font-size:2.2em;
				padding-top: 70px;
				color:#aaa;
				text-align:center;
		}
		
.desktop {
	display:block; 
	height: 50px; 
	top:0;
	border-top:solid 3px #F60;
	z-index:999;
	position:fixed;
	width: 100%;
	background-color: #333;
	background: rgb(3, 3, 3) transparent;
	background: rgba(3, 3, 3, 0.7);
/* Para navegadores IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#333333);
/* Para navegadores IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#333333)";
}

	.desktop .logo {float:left; margin-left: 40px; margin-top:5px;}
	
	.desktop nav {float: right;}
	
		.desktop nav ul {
			list-style: none;
			font-size: 0.94em;
			font-family: Calibri;
			margin:15px;
			letter-spacing:0.5px;
		}
		
			.desktop nav ul li {display: inline;}
			
				.desktop nav ul li a {
					color:#fff;
					text-decoration: none;
					padding: 8px 20px;
					font-weight:bold;
					transition:all 0.2s;
				}
				
				.desktop nav ul li a:hover {background-color: #F60; text-shadow: 1px 1px 5px #fff;}
						
	
	.mobile {display:none;}
					
	.mobile .topbar {
	position:fixed;
	top: 0;
	left: 0;
	height: 50px;
	width: 100%;
	z-index:999;
	border-top:solid 3px #F60;
	background-color: #333;
	background: rgb(3, 3, 3) transparent;
	background: rgba(3, 3, 3, 0.7);
/* Para navegadores IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#333333);
/* Para navegadores IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#333333)";
}

	.mobile .logo {float:left; margin-left: 20px; margin-top:5px;}

			.mobile nav {float:none;}
				
			.mobile nav ul {
			padding-top:50px;
			list-style: none;
			font-size: 0.94em;
			font-family: Calibri;
			margin:0px auto;
			letter-spacing:0.5px;
		}
		
				.mobile nav ul li {display: block; text-align:center; padding: 10px;}	
				
				.mobile nav ul li:nth-child(odd) {background-color:#F60;}
				.mobile nav ul li:nth-child(even) {background-color:#F50;}
										
				.mobile nav ul li a {
						color:#fff;
						text-decoration: none;						
						font-weight:bold;
					}

					
				.mobile nav ul li a:hover {background-color: transparent; text-shadow:none;}
			
				.mobile .menu {margin: 15px;float: right;}
																						
							

	
	
	#container {max-width:1300px; height:auto; margin: 0 auto;}
		
	.headhome {
		top:-50;
		position: relative;
		margin: 0 auto;
		width: 100%;
		height:auto;
		padding-bottom:10%;
		background-image:url(imagens/head-home.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		background-position:top !important;
		}


	.headhome h1 {
	max-width: 1200px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 4.5em;
	text-shadow: 1px 1px 20px #fff;
	color: #fff;
	padding-top: 20%;
	letter-spacing: 0.1em;
	margin: 0;
		}
		
			.headhome h2 {
				font-family: 'Open Sans', sans-serif;
				font-size: 2.5em;
				color: #fff;
				text-shadow: 1px 1px 10px #fff;
				margin-top: 5%;
				margin-bottom: 7%;
				max-width:800px;
				line-height:150%;
			}
			
			.headhome btn a {
				font-family: Arial, Helvetica, sans-serif;
				font-size:1.2em;
				font-weight:bold;
				color:#fff;
				padding:1.25em 3.13em;
				border-radius: 0.63em;
				background-color:#FF6600;
				text-decoration:none;
				box-shadow: 0 0 5px 0px #fff;
			}
			
			.headhome btn a:hover {
				background-color:#FA5300;
				transition:all 0.5s;
			}
			
			.casting {
				width: 100%;
				height:auto;
				position:relative;
				background-repeat:repeat;
				padding: 50px 0px;
			}
			
			.casting img {margin: 5% auto; height: auto; max-width: 100%;}
			
				.casting:nth-child(odd) {background-image:url(imagens/bg-cast-claro.png); color:#666;}
				.casting:nth-child(even) {background-image:url(imagens/bg-cast-escuro.png); color:#ddd;}
				
					.casting h2 {
					font-family: 'Open Sans', sans-serif;
					font-size:2.2em;
					margin-top: 0px;
				}
				
					.casting h2::before{
						content: url(imagens/line-claro-esq.png);
						width:100%;
						height: auto;
						vertical-align: super;
					}
					
					.casting h2::after{
						content: url(imagens/line-claro-dir.png);
						vertical-align: super;
					}
		
						
				.casting p {
					font-family: 'Open Sans', sans-serif;
					font-size:1.2em;
					line-height:160%;
					max-width: 720px;
					margin-bottom: 5%; 
					padding: 0px 10px;
				}
	
					
	.servicos {
		width: 100%;
		height:auto;
		padding: 50px 0px;
	}

		.servicos .container {
			max-width: 980px;
			margin: 0 auto;
			padding: 50px 0px;
		}
		
			.servicos .container .box {
			width: 451px;
			height: 180px;
			float: left;
			margin: 30px 1.53061224489796000000%;
		}
		
				.servicos .container img {
					float:left;
				}
			
				.servicos .container .box .texto {
					width: 250px;
					height: 90px;
					margin-top: 50px;
					float:right;
				}
			
					.servicos .container .box .texto h2 {
						font-family: 'Open Sans', sans-serif;
						font-size:1.3em;
						font-weight:400;
						color: #4d4d4d;
						text-align:left;
					}
					
					.servicos .container .box .texto img {
						margin: 10px 0px;
					}
					
					.servicos .container .box .texto p {
						font-family: 'Open Sans', sans-serif;
						font-size:1em;
						color: #666;
						text-align:left;
					}
					
					
		.sobre {
				width: 100%;
				height:auto;
				position:relative;
				background-repeat:repeat;
				background-color:#333;
				padding: 50px 0px;
		}
		
			.sobre p {
				font-family: 'Open Sans', sans-serif;
				font-size:1.2em;
				color: #e6e6e6;
				text-align: left;
				max-width:980px;
				line-height: 160%;
				padding: 50px 20px;
					}
					

			
					
					btn a {
					font-family: Arial, Helvetica, sans-serif;
					font-size:1em;
					font-weight:bold;
					color:#fff;
					padding:1.2em 2.5em;
					border-radius: 0.5em;
					background-color:#FF6600;
					text-decoration:none;
					box-shadow:0px 1px 1px #ccc;;
			}
			
					btn a:hover {
						background-color:#FA5300;
						transition:all 0.5s;
					}
						
						
			.contato {
				padding-top: 50px;
				width: 100%;
				height:auto;
			}

		
		
footer {
	padding: 30px 0px;
	width: 100% !important;
	background-color: #333;
	height: auto;	
}

footer p {
	color: #e6e6e6 !important;
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 0.75em !important;
	text-align: center !important;
	line-height: 200% !important;
	margin: 0 auto !important;
}	
		
	footer .ass {
		font-size: 10px;
		margin: 0 auto !important;
	}	
	
	footer a:link {
	text-decoration: none;
	color: #bbb;
	}
	footer a:visited {
		text-decoration: none;
		color: #bbb;
	}
	footer a:hover {
		text-decoration: underline;
	}
	footer a:active {
		text-decoration: none;
		color: #bbb;
	}	
	


	.video-apresenta {
		max-width: 800px;
		height: auto;
		margin-top: -70px;
		margin-bottom: 70px;
		margin-left: auto;
		margin-right: auto;
	}

	#video-container {max-width: 1200px; margin: 0 auto;}

	.video-apresenta-2 {
		width: 550px;
		float:left;
		height: auto;
		margin-top: -70px;
		margin-bottom: 70px;
		margin-left: 25px;
		margin-right: 25px;
	}

	
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 50px;
	padding-bottom: 50px;
}	

.solicite {
	font-size:2em;
	margin-bottom:20px;
	color:#FA5300;
	text-shadow: 1px 1px 1px #ccc;
	}

	.space {
		width: 100%;
		height: 1px;
		margin-top: -100px;
	}
	
	.space-2 {
		width: 100%;
		height: 1px;
		margin-top: 50px;
		display: none;
	}
			
			
		
.btn-whats {
	position: fixed;
	bottom: 10px;
	left:10px;
	border-radius: 20px;
	padding: 15px 20px 10px 20px;
	background-color: #02B001;
	z-index: 997;
	width: 230px;
}

	.btn-whats img {
		width: 50px; 
		margin-right: 7px; 
		float: left;
	}

	.btn-whats .T1 {
		font-family: 'Work Sans', sans-serif;
		font-size:20px ;
		text-align:left ;
		font-weight: 400;
		color: #fff;
		margin-top: 10px;
		line-height: 80%;
		text-transform: uppercase;
	}

	.btn-whats .T2 {
		font-family: 'Work Sans', sans-serif;
		font-size:30px ;
		text-align:left ;
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
	}