/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
  font-family: 'tradegothicltstdB';

  src: url('../fonts/tradegothicltstd-bdcn20-webfont.eot');
  src: url('../fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'), url('../fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'), url('../fonts/tradegothicltstd-bdcn20-webfont.svg#tradegothicltstdB') format('svg');
}

html,body {width:100%;height:100%;position:relative;overflow:hidden;}

a, button {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	box-sizing: border-box;
}
body {
	font-family: 'tradegothicltstdB';
	background: url() no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.caixa-info {position:absolute;bottom:0px;width:708px;
height:345px;
overflow:hidden;
/* background:url(../img/highjack_areatexto.png) no-repeat left top; */
font-size:39px;
color:#fff;
		margin-left:-60px;
}
.caixa-info h1 {font-size:48px;color:#ffff00;margin:0;margin-bottom:5px}
.caixa-info-area {padding:32px 39px;text-align:center; background:#000}
.caixa-info-area button {color:#000;background-color:#ffff00;border:0;font-size:48px;padding:0 25px;
border:1px solid #ffff00;
}
.caixa-info-area button:hover {background-color:#000;color:#ffff00}
.acesse {width:30%;float:left;padding-top:0px;text-align:left}
.acesse a {font-size:18px;color:#ffff00;}
.acesse a:hover {color:#fff;text-decoration: none}
.botao {width:70%;float:left;text-align:right}

@media (max-width:700px){
	.caixa-info {
		width:100%;
		height:auto;
		font-size:18px;
		background:rgba(0,0,0,0.7);
		bottom:0px;
		margin-left:0;
	}
	.caixa-info h1 {font-size:26px;}
	.caixa-info-area {padding:15px}
	.caixa-info-area button {font-size:18px;padding:5px 15px}
	.acesse {display:none}
	.botao {width:100%;text-align:center}
	.caixa-logo {text-align:center}
	.caixa-logo img {width:170px}
}