/*font*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/* GERAIS -------------------------------------------------------------*/

html{overflow-x: hidden;}

body {font-family: 'Open Sans', Arial, serif;overflow-x: hidden;background: url(../images/gramado-bg.png) repeat;}

*{margin:0px auto;padding:0px 0px;	}

ul,li{list-style: none;}

a {
	text-decoration: none;
	border: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;

}

a:hover {
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

img{border: none;}

.corprimaria{color:#06a6e4;}

.card-img-overlay {top: initial !important;}

/* HEADER -------------------------------------------------------------*/
header{width:100%;}
.topo{background:#333;padding: 15px 0;}
.topo a{color:#ccc;font-size:0.9em;}
.topo a:hover{color:#fff;}

/* MENU -------------------------------------------------------------*/

nav{width:100%;padding:10px 0 25px 0;background:#97192f;font-family: 'Oswald', sans-serif;}
nav ul li{float:left;position:relative;}
nav a{font-size:1em;font-weight:200;color:#fff;margin: 0 20px 0 0;text-transform:uppercase;}
nav a:hover{color:#f7e6b6;}

.menu-mobile{width:300px;height:100%;top:0;right:0;position:fixed;background:#000;display:none;z-index:99999999;overflow: auto;}
.fechar{width:100%;float:left;position:relative;text-align:center;}
.fechar a{width:100%;float:left;position:relative;background:#97192f;padding:20px 0;color:#fff;font-weight:bold;text-decoration:none;}
.fechar a:hover{background:#ac1832;text-decoration:none;}
.menu-mobile li{
	width:100%;
	float:left;
	position:relative;
	border-bottom:1px solid #111;
	margin-left:0 !important;
	text-align:center;
}
.menu-mobile li a{
	width:100%;
	float:left;
	position:relative;
	padding:20px 0;
	font-family: 'Oswald', sans-serif;
	font-size:1.1em;
	font-weight:400;
	color:#FFF;
}
.menu-mobile li a:hover{background:#222;text-decoration:none;}
.mascara{
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.8);
	z-index:99;
	top:0;
	left:0;
	display:none;
}

/* BANNER -------------------------------------------------------------*/

.carousel-caption{bottom:35% !important;}
.carousel-caption h1{
	font-weight:300;
	text-transform:uppercase;
	text-shadow: 0px 0px 14px rgba(0, 0, 0, 0.5);
}
.carousel-caption h2{
	font-weight:bold;
	text-transform:uppercase;
	color:#06a6e4;
	text-shadow: 0px 0px 14px rgba(0, 0, 0, 0.5);
}

.carousel-caption a{
	padding:12px 30px;
	border-radius:6px;
	border:1px solid #fff;
	font-size:0.9em;
	color:#fff;
}

.carousel-caption a:hover{background:#06a6e4;border:1px solid #06a6e4}

.carousel-indicators li{
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 10px;
	height: 10px;
	margin-right: 7px;
	margin-left: 3px;
	text-indent: -999px;
	background-color: rgba(255,255,255,.5);
	border-radius: 30px;
}

.banner{
	width: 100%;
	z-index:9;
	background:#000;
}

.banner video{
	width:100%;
	opacity:0.4;
	z-index:-999;
	margin-top:-50px;
}

.banner-pages{
	width: 100%;
	height:100px;
	z-index:9;
	background: url(../images/bg-conteudo.png) repeat;
}

.caption{
	width:80%;
	position:absolute;
	margin: 10% 10% 0 10%;
	text-align:center;
	z-index:9;
}

.caption h1{
	font-size:2.5em;
	color:#fff;
	font-weight:600;
}

.caption p{
	font-size:1.6em;
	color:#fff;
	font-weight:300;
	margin:15px 0;
}

.caption a{
	background:none;
	color:#fff;
	margin:45px 18px 0 0;
	padding:20px 60px;
	font-size:0.9em;
	border-radius:5px;
	border:1px #fff solid;
}

.caption a:hover{
	background:#03a650;
	color:#fff;
	border:1px #03a650 solid;
}


/* MAIN -------------------------------------------------------------*/
.bemvindo{padding:90px 0;}

.bemvindo h1{
	font-family: 'Oswald', sans-serif;
	font-size:2.4em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.bemvindo h2{
	font-family: 'Oswald', sans-serif;
	font-size:2em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.bemvindo p{
	font-size:1.3em;
	font-weight:700;
	color:#000;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.bemvindo a{
	font-family: 'Oswald', sans-serif;
	font-size:1em;
	font-weight:300;
	background:#97192f;
	color:#fff;
	margin:15px 0;
	padding:20px 35px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.bemvindo a:hover {
	background: #f7e6b6;
	color:#97192f;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.noticias{
	background: url(../images/noticias-bg.png) repeat;
	padding:60px 0 100px 0;
}

.noticias h1{
	font-family: 'Oswald', sans-serif;
	font-size:2.4em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.noticias .card{border:none !important; border-radius:none !important;}

.noticias h2{
	font-family: 'Oswald', sans-serif !important;
	font-size:1.6em !important;
	font-weight:400 !important;
	color:#fff;
	margin-top:50%;
}

.noticias p{
	font-size:0.9em;
	color:#fff;
	font-weight:300;
}

.noticias a{
	font-family: 'Oswald', sans-serif;
	font-size:1em;
	font-weight:400;
	background:#FFF;
	color:#000;
	margin:15px 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.noticias1 a{
	font-family: 'Oswald', sans-serif;
	font-size:1em;
	font-weight:400;
	background:#97192f;
	color:#fff;
	margin:15px 0;
	padding:20px 35px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.noticias a:hover {
	background: #f7e6b6;
	color:#97192f;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.vantagens i{color:#fff;}

.atletas a{
	font-family: 'Oswald', sans-serif;
	font-size:1em;
	font-weight:300;
	color:#fff;
	margin:15px 0;
	padding:20px 35px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.atletas2{padding:80px 0 120px 0;}

.atletas2 h1{
	font-family: 'Oswald', sans-serif;
	font-size:2.4em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.atletas2 .card{border:none !important; border-radius:none !important;}

.atletas2 h2{
	font-family: 'Oswald', sans-serif !important;
	font-size:2.1em !important;
	font-weight:400 !important;
	color:#fff;
	margin-top:50%;
}

.atletas2 p{
	font-size:1.3em;
	font-weight:400;
	color:#00000;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.atletas2 a{
	font-family: 'Oswald', sans-serif;
	font-size:1em;
	font-weight:300;
	color:#fff;
	margin:15px 0;
	padding:20px 35px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.atletas2 a:hover {
	margin:25px 0;
	color:#97192f;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.atletas2{padding:80px 0 120px 0;}

.clientes h1{
	font-family: 'Oswald', sans-serif;
	font-size:2.4em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.clientes .card{border:none !important; border-radius:none !important;}

.clientes h2{
	font-family: 'Oswald', sans-serif !important;
	font-size:2.1em !important;
	font-weight:400 !important;
	color:#fff;
	margin-top:50%;
}

.clientes p{
	font-size:1.3em;
	font-weight:400;
	color:#00000;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.clientes a{
	font-family: 'Oswald', sans-serif;
	font-size:1em;
	font-weight:300;
	background:#97192f;
	color:#fff;
	margin:15px 0;
	padding:20px 35px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.clientes a:hover {
	margin:25px 0;
	background: #f7e6b6;
	color:#97192f;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.noticias{
	background: url(../images/noticias-bg.png) repeat;
	padding:60px 0 100px 0;
}

.noticias h1{
	font-family: 'Oswald', sans-serif;
	font-size:2.4em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.noticias h2{
	font-family: 'Oswald', sans-serif !important;
	font-size:1.6em !important;
	font-weight:400 !important;
	color:#fff;
	margin-top:50%;
}

.noticias p{
	font-size:1.0em;
	color:#fff;
	font-weight:700;
}


.internas{padding:40px 0;}

.internas h1{
	font-family: 'Oswald', sans-serif;
	font-size:2.4em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.internas h3{
	background-color: #000;
	font-family: 'Oswald', sans-serif;
	font-size:2em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.internas h4{
	background-color: #af0808;
	font-family: 'Oswald', sans-serif;
	font-size:2em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.internas h5{
	background-color: #1ab0c2;
	font-family: 'Oswald', sans-serif;
	font-size:2em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.internas p{
	font-size:1.2em;
	font-weight:700;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}



.empresa h2{
	font-family: 'Oswald', sans-serif;
	font-size:2em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.empresa p{
	font-size:1.3em;
	font-weight:700;
	color: #000;
    text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.links h1{
	font-family: 'Oswald', sans-serif;
	font-size:2.4em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.links .card{border:none !important; border-radius:none !important;}

.links h2{
	font-family: 'Oswald', sans-serif !important;
	font-size:1.6em !important;
	font-weight:400 !important;
	color:#fff;
	margin-top:50%;
}

.links p{
	font-size:1em;
	font-weight:700;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.links a{
	font-family: 'Oswald', sans-serif;
	font-size:1em;
	font-weight:400;
	color:#fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.links a:hover {
	color:#f7e6b6;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}


/* FORM ----------------------------------------------------------------*/



/* FOOTER -------------------------------------------------------------*/

footer{width:100%;}
footer p{color:#ddd; font-size:0.85em;font-weight:300;margin:10px 0;}
.copy{
	width:100%;
	padding:30px 0;
	font-size:1em;
	font-weight:700;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);text-align:center;
}
.copy a{color:#fff;}
.copy a:hover{color:#fff;}

/* FORM ----------------------------------------------------------------*/

.contato{
	background: url(../images/contato-bg.png) repeat;
	padding:60px 0 100px 0;
}

.contato h1{
	font-family: 'Oswald', sans-serif;
	font-size:2.4em;
	font-weight:400;
	color:#fff;
	text-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
}

.contato h2{
	font-family: 'Oswald', sans-serif !important;
	font-size:1.8em !important;
	font-weight:400 !important;
	color:#fff;
}

.contato p{
	font-size:1.3em;
	color:#fff;
	font-weight:700;
}

.contato a{font-size:0.9em;color:#fff;}

.field{
	width:100%;
	float:left;
	position:relative;
	padding:20px 0;
	font-size:1.0em;
	color:#666;
	margin: 10px 0 0 0;
	border: none;
	border-bottom: 1px solid #fff;
	background:none;
	color:#fff;
	display:inline-block;
}

.anexo{
	padding:10px 2%;
	font-family:'Open Sans', Arial, serif;
	font-size:0.9em;
	font-style:italic;
	background:#ccc;
	color:#666;
	display:inline-block;
}

.button{
	cursor:pointer;
	background:#fff;
	-webkit-background:#fff;
	-moz-background:#fff;
	border:1px #FFF solid;
	font-family: 'Oswald', sans-serif;
	font-size:1em;
	font-weight:400;
	text-transform: uppercase;
	color:#000;
	margin:15px 0;
	padding:15px 45px;
	font-size:1em;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.button:hover {
	background: #000;
	color:#fff;
	border:1px #000 solid;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.field::-webkit-input-placeholder {color:#fff;}
.field::-moz-placeholder {color:#fff;}
.field:-ms-input-placeholder {color:#fff;}
.field:-moz-placeholder {color:#fff;}



/* POP UP IE -------------------------------------------------------------*/


#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#333;
	display:none;
}

#boxes .window {
	position:absolute;
	left:0;
	top:0;
	width:440px;
	height:200px;
	display:none;
	z-index:9999;
	padding:20px;
}

#boxes #dialog2 {
	background:transparent;
	width:650px;
	margin:0 auto;
	margin-top:-160px;
}

.close{
	display:block;
	float: left;
	margin-left: 0;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-shadow: 0 -1px 1px #64799e;
	/* Background gradient */
	background: #191d2f;
	/* Border style */
	border: 0.1px solid #051c44;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	background-color: #25a9e0;
	background-position: 0% 0%;
}


/**
Breakpoint
*/

@media only screen and (max-width:992px){
	nav ul li{width: 100%; text-align: center;}
	.banner{display:none;}
	.caption{margin: 6% 10% 0 10%;}
	.caption h1{font-size:1.6em;}
	.caption p{font-size:1.2em; margin:5px 0;}
	.caption a{margin:0px 18px 0 0;padding:15px 60px;}

}

@media only screen and (max-width:768px){
	.caption h1{font-size:1.4em;}
	.caption p{font-size:1.0em;}
}

@media only screen and (max-width:576px){
	.caption p{display:none;}
	.caption a{display:none;}
}
