/*
FONTES:
font-family: 'Oswald', sans-serif;
CORES:
black = #000000
white = #FFFFFF
*/
body{overflow-x:hidden;margin:0px;padding:0px;}
*{font-family: 'Oswald', sans-serif;color:black;}
h1{text-transform:uppercase;text-align:center;font-size:450%;margin-bottom:80px;font-weight:500}
h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif;color:black}
.text-bold{font-weight:bold;}
.fundoblack{background:black;position:absolute;width:0px;height:100%;z-index:-1}
/**********************************
MENU SUPERIOR
***********************************/
.logo{margin-top:50px;}
.topo{padding-bottom:100px;}
.topo ul{list-style:none;float:right;font-size:250%;margin-left:0px;padding-left:0px;margin-top:130px;}
.topo ul li{display:inline;text-transform:uppercase;}
.topo ul li a:hover{background:black;color:white;}
.topo ul li a{color:black;padding:3px 10px;}
.menu-responsivo{display:none;margin-top:0px;z-index: 1111111;width:100%;height:100%;position:fixed;overflow-y:scroll;background:black;}
.menu-responsivo ul{list-style:none;font-size:170%;padding-left:10px;}
.menu-responsivo ul li{padding:7px 0px;text-transform:uppercase;font-weight:700;color:white;}
.fecha-responsivo{background:#333;border-radius:50%;padding:10px;cursor:pointer;position:absolute;right:15px;top:15px;}
.abre-responsivo{display:none;float: right;padding: 20px;font-size: 150%;margin-top: 10px;}
.abre-responsivo i{font-size:120%;margin-right:10px;}
.drop-trabalhos2{background:white;margin-left: -30px;display:none;position: absolute;color:black;width:400px;border:1px solid black;padding: 20px;font-size: 50%;margin-top: 37px;text-align: center;}
.drop-trabalhos2 a{display:inline}
.drop-trabalhos2 img{left: 102px;height: auto !important;position: absolute;margin-top:-54px;}
.drop-externo2{width: 380px;height: 130px;position: absolute;margin-top: 5px;}
.drop-trabalhos3{display:none;color:white;width:100%;padding-left:50px;}
.drop-trabalhos3 a{color:white;}
/**********************************
INDEX
***********************************/
.abertura{margin-bottom:3px;color:white;font-size:500%;text-align:center;padding:250px 0px;margin-top:-60px;}
.abertura img{height:390px;}
.abertura a{display:block;text-align:left;color:white;font-size:100%}
.abertura a:hover{opacity:0.5}
.links-index{padding-left:65px;padding-top:50px;height:390px;border-left:3px solid white;}
.drop-trabalhos{display:none;position: absolute;color:white;width:325px;border:1px solid white;padding: 20px;font-size: 28%;margin-top:0px;}
.drop-trabalhos a{display:inline}
.drop-trabalhos img{left: 135px;height: auto !important;position: absolute;margin-top:68px;}
.drop-externo{width: 100%;height: 130px;position: relative;margin-top: -140px;}
/**********************************
WEB
***********************************/
.web{margin-bottom:100px;}
.web h2{margin-top:-80px;text-align:center;font-weight:300;margin-bottom:80px;}
.web h3{text-transform:uppercase;font-size: 150%;text-align: left;margin-top: 5px;margin-bottom:50px;font-weight:500;padding-left:5px;}
.web img{width:100%;opacity:0.7}
.web .bloco-site:hover img{opacity:10}
.web .bloco-site:hover h3{color:#666}
.fundoweb{position:relative;background:black;}
/**********************************
WEB ABERTO
***********************************/
.site h2{margin-top:-80px;text-align:center;font-weight:300;margin-bottom:80px;}
.site p{width:50%;margin-left:25%;font-weight:300;text-align:justify;font-size:140%;margin-bottom:50px}
.site h3{font-weight:500;text-align:center;font-size:150%;margin-bottom:60px;}
.site h3 a{color:black;}
.site h3 a:hover{text-decoration:underline}
.mockups-site{width:70%;margin-left:15%;margin-bottom:100px}
.mockups-site img{margin-bottom:20px;width:100%;}
/**********************************
FILMES
***********************************/
.filmes{padding-bottom:100px; background-color:black;}
.filmes h1{color:white;}
.filmes h2{margin-top:-80px;text-align:center;font-weight:300;margin-bottom:80px; color:white;}
.filmes p{width:50%;margin-left:25%;font-weight:300;text-align:justify;font-size:140%;margin-bottom:50px; color:white;}
.filmes iframe{margin-bottom:90px;height:520px;}
/**********************************
3D
***********************************/
.playbtn-box{z-index:11;position:absolute;width:100%;height:100%;background:url(../img/icon_video.png) center center no-repeat;}
.tresd{margin-bottom:100px;margin-top:-80px}
.tresd h1{margin-top:100px}
.tresd h2{margin-top:-80px;text-align:center;font-weight:300;margin-bottom:40px;}
.tresd h3{text-transform:uppercase;font-size: 150%;text-align: left;margin-top: 5px;margin-bottom:50px;font-weight:500;padding-left:5px;}
.tresd p{width:50%;margin-left:25%;font-weight:300;text-align:justify;font-size:140%;margin-bottom:50px}
.tresd img{width:100%;opacity:0.7}
.tresd .bloco-site{margin-bottom:40px;}
.tresd .bloco-site:hover img{opacity:10}
.tresd .bloco-site:hover h3{color:#666}
.tresd .bloco-site:hover .foto-3d-fundo{opacity:10}
.fundotresd{position:relative;background:black;}
.foto-3d-fundo{z-index:1;opacity:0.7;position:absolute;width:100%;height:100%;background-position:center center !important;background-size:cover !important;background-repeat:no-repeat !important;}
.tresd iframe{margin-bottom:90px;height:520px;}
/**********************************
EMPRESA
***********************************/
.sobrenos{margin-bottom:3px;background:black;padding:150px 0px;margin-top:-60px;}
.sobrenos p{text-align:center;font-size:130%;margin-bottom:120px;color:white !important;}
.sobrenos h1{color:white !important;}
.quemconfia{}
.quemconfia .caixa{text-align:center;padding:20px;width:100%;margin-bottom:120px;}
.quemconfia .caixa img{width:120px;margin-left:12px;}
.carrega-filmes{border:1px solid transparent;cursor:pointer;margin-left:auto;margin-right:auto;width:240px;text-align:center;background:white;color:black;margin-top:12px; margin-bottom:30px; padding:12px 35px;font-size:120%;border-radius:5px}
.carrega-filmes:hover{border:1px solid white;color:white;background:transparent;}
.carrega-filmes i{display:none;color:white;margin-right:10px;}
/**********************************
CONTATO
***********************************/
.contato{margin-bottom:80px}
.contato input{margin-bottom:20px;padding: 6px 12px;border:1px solid black;height:50px;width:100%;border-radius:4px;}
.contato textarea{margin-bottom:20px;padding: 6px 12px;border:1px solid black;height:162px;resize:none;width:100%;border-radius:4px;}
.contato button{border:1px solid transparent;background:black;color:white;margin-top:12px;padding:12px 35px;font-size:120%;border-radius:5px}
.contato button img{display:none;margin-left: 15px;}
.contato button:hover{border:1px solid black;color:black;background:transparent;}
.contato form p{color:red;}
.dadoscontato{font-size:120%;}
.dadoscontato h2{margin: 0px;padding: 0px;font-size: 120%;font-weight: 700;}
.dadoscontato p{margin-top:0px;margin-bottom:60px;float:left;}
.dadoscontato i{font-size:180%;float:left;margin-right:25px;margin-left:10px;margin-bottom:120px;}
.envelope{margin-right:30px !important;}
.emailenviado{display:none;color:white;margin:auto;background:green;font-size:250%;width:300px;height:300px;border-radius:50%;text-align:center;padding-top:120px;}
.emailenviado small{font-size:18px !important;color:white;}
.captcha-img{float: left;margin-top: 2px;width: 100px;}
.captcha-campo{width: 150px !important;float: left;margin-left: 20px;}
/**********************************
RODAPÉ DO SITE
***********************************/
.mapa{width:100%;height:551px;background:#666;margin-bottom:4px;}
.bgrodape{background:black;}
footer{border-top:3px solid white;min-height:120px;width:100%;text-align:center;color:white;margin-bottom:-2px;}
footer i{font-size:250% !important;color:white;margin:40px 20px;}
footer .vimeo:hover{color:#44bbff}
footer .face:hover{color:#3b5998}
footer .insta:hover{color:#3F729B}