/* NAV #############################################################*/

nav{left;margin-top:20px;text-align:left;width:100%;background: rgba(12, 12, 12, 0.55);height: 60px;color: #fff;}
nav ul{list-style-type:none;top: 21px;position: relative;text-align: center;}
nav li {display: inline;}
nav ul li a{text-decoration: none;font-size: 17px;margin: 35px;font-family: 'helveticaneueltcom-mdcn';color: #fff;}
.corrente{background: #353535; padding: 23px 0 20px 0;}
nav li:hover{background: #353535; padding: 23px 0 20px 0;}
.separador {border-left: 1px solid #fff; padding:0;margin-left: 5px;}
img {max-width:100%;height:auto;}

/* Index #############################################################*/

body {background: #1f1f1f; max-width: 100%;}
.fundo{background:url('http://ferasmotoclube.com/img/bg.jpg')no-repeat ;moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;  width: 100%; height: 100%;  }
#logo {text-align: center;}
.linha{border-right: 1px solid #333232; border-left: 1px solid #000000;  position: absolute; height: 80px; margin-top: 15px;}
.prolado{margin: 0 58px 0 0}
.prolado2{margin: 0 58px 0 58px;}
.prolado3{margin: 0 0 0 78px;}
.sobre .saiba1{left: 90px;}
.sobre .saiba2{left: 80px;}
.sobre p{color: #747474; font-size: 28px; font-family: 'helveticaneueltcom-mdcn'; display: inline; position: relative;}
.sobre .historia-index{top: -40px;left: -60px;}
.sobre .membros-index{top: -40px;left: -83px;}
.sobre .fotos-index{top: -40px;left: 5px;}
.sobre a span{top: -20px; left: 70px; position: relative;}
.sobre a{text-decoration: none; color: #a73133; font-size: 14px;  font-family: 'helveticaneueltcom-mdcn';}
.sobre a:hover{color: #591718;}


/* Slid #############################################################*/

.box-banner {position: relative; top: 20px;}
.box-banner #pager {position: absolute; margin: -40px 0px 0 340px; z-index: 999999;}
.box-banner #pager a{display: inline-block; width: 10px; height: 10px; background-color: #7a7a7a; border: 5px solid #181818;overflow: hidden;text-indent: 100px;margin: 0 2px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.box-banner #pager a.activeSlide{background-color: #ab3234; border: 5px solid #181818;}
.box-banner #prev {position: absolute;top:235px;left: -70px }
.box-banner #next {position: absolute;top:235px;right: -70px }

/* Instagram #############################################################*/
#instagram{margin: 24px 0 0 9px;}
#instagram-caixa{height: 160px; background: #252525; max-width: 100%;}
#instagram-caixa h3{margin: 0 10px 0 12px;}
.inst{color: #747474; font-size: 24px; font-family: 'helveticaneueltcom-mdcn'; display: inline;}
.compartilhe{color: #747474; font-size: 14px; font-family: 'helveticaneueltcom-mdcn'; display: inline; margin-left: 18px;}
.compartilhe span{color: #c0c0c0;}
.compartilhe span span{color: #c0c0c0; color: #942222; font-size: 16px;}
.titinst{top: 10px; position: relative;}
#instagram li{list-style: none; float: left;}
#instagram li img{width: 92px; height: 92px; margin: 0 2px 0 2px;}

/* Rodape #############################################################*/

.feras{color: #747474; font-size: 16px; font-family: 'helveticaneueltcom-mdcn'; display: inline;top: 4px;position: relative;}
.fb{top: 8px; left: 15px; position: relative;}
.prestige{float: right; position: relative; top:15px;}
.apoio{display: inline; font-size: 14px; color:#747474; font-family: 'helveticaneueltcom-mdcn';}
.apo{margin: 0 0 0 30px;}
.apo1{top: 12px; position: relative;}
.apo2{top: 7px; position: relative;}
.apo3{top: 5px; position: relative;}

/* Apoio #############################################################*/

.slick-prev, .slick-prev, .slick-next{display:none !important;}

/* Sobre #############################################################*/

#sobretexto {width: 730px; text-align: justify; float: left;}
.titsobre{color: #fff; font-size: 32px; font-family: 'helveticaneueltcom-mdcn';}
.palpres{color: #ae3335;  font-family: 'helveticaneueltcom-mdcn';}
#sobretexto p{color: #fff;  font-family: 'helveticaneueltcom-ltcn'; font-size: 18px;}
#pdf{float: right; display: inline; margin-top: 100px; text-align: center;  margin-right: 30px;}
#pdf img{margin-right: 20px;}
.estatuto{color: #ae3335; font-size: 18px;  font-family: 'helveticaneueltcom-mdcn';}
.fundacao{color: #ae3335; font-size: 18px;  font-family: 'helveticaneueltcom-mdcn';}
.fazerdown{font-family: 'helveticaneueltcom-ltcn'; text-decoration: none; color: #fff; font-size: 16px;}
.fazerdown:hover{color: #7c2022;}
.linha-sobre{border-right: 1px solid #333232; border-left: 1px solid #000000;  position: absolute; height: 270px;margin: 25px 0 0 800px;}
.dir{float: left;padding-right:25px;}
.dir:last-child{padding-left:1px; padding-right: 0 !important;}
.cargo{font-family: 'helveticaneueltcom-mdcn'; font-size: 16px; color: #ae3335; overflow-x: auto;white-space: -moz-pre-wrap; white-space: -pre-wrap;white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; width: 142px;}
.mail{font-size: 13px; color: #fff; font-family: 'helveticaneueltcom-ltcn'; text-decoration: none;}
.espaco-dir{margin: 0 30px 0 30px;}
.mailmembro{color: #fff; font-size: 14px; font-family: 'helveticaneueltcom-ltcn'; text-decoration: none; overflow-x: auto;white-space: -moz-pre-wrap; white-space: -pre-wrap;white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; width: 142px;}
.membronome{ text-transform: uppercase; color: #fff; font-family: 'helveticaneueltcom-ltcn'; font-size: 18px; overflow-x: auto;white-space: -moz-pre-wrap; white-space: -pre-wrap;white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; width: 142px;}
#diretoria{float: left; margin-right: 25px;}
#diretoria:last-child{margin-right: 0; margin-left: 2px;}
#diretoriaForm{float: right; margin: 15px 0 0; }
.h2Sobre{float: left; clear:left; color: #fff; font-family: 'helveticaneueltcom-ltcn';  font-size: 24px; }
select {border: 0 !important;outline:none;margin:0; width:192px;padding: 8px 10px; color:#fff; font-family: 'helveticaneueltcom-cn'; 
font-size:14px;background-color: #2c2c2c;text-transform: uppercase; -webkit-appearance:none; -moz-appearance:none; appearance:none;cursor:pointer;}
label {position:relative}
label:after {content:'v';font-size: 18px;font-family: Tahoma;color:#fff;right: 15px;top: -4px;padding:0 0 2px;position:absolute;pointer-events:none;outline:none;}
label:before {content:'';right:10px; top:0px;width:20px; height:20px;background-color: #2c2c2c;position:absolute;pointer-events:none;display:block;}
select option{padding: 2px;}

/* Membros #############################################################*/

.membros img{margin-bottom: 5px;}
.legenda{font-size: 16px; color: #fff; font-family: 'helveticaneueltcom-cn'; max-width: 180px; letter-spacing: 0.3px;}
.piloto, .garupa, .moto{font-size: 14px; color: #fff; font-family: 'helveticaneueltcom-mdcn';   text-transform: uppercase;}
.piloto span, .garupa span, .moto span{font-size: 16px;   text-transform: uppercase;}
.barra{color:#726e6e; font-size: 32px; font-family: 'helveticaneueltcom-mdcn'; margin:0 3px }
.titulo-membro{text-transform: uppercase; font-size: 32px;}

/*Zoom dos membros ####################################################*/

.hoverzoom, .membros {position: relative;width: 148px;overflow: hidden;float:left;margin: 1px;}
.hoverzoom > img {width: 100%;border-radius: 2px;-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);}
.membros:hover img {-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);}
.hoverzoom .retina{position: absolute;width: 100%;height: 100%;top: -2px;left: 0;opacity: 0;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);    
border-radius: 2px;text-align: center;padding: 30px;
-webkit-transition:	 all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);}
.membros .retina{position: absolute;width: 100%;height: 100%;top: -2px;left: 0;opacity: 0;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);    
border-radius: 2px;text-align: center;padding: 30px;
-webkit-transition:	 all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);}
.hoverzoom:hover .retina {opacity: 1;background: #922225;}
.membros:hover .retina {opacity: 1;background: #922225;}
.hoverzoom .retina .projitem {color: #fff;opacity: 1;text-align: center;margin-left:-21px;margin-top: -14px;
max-width: 130px;font-size: 16px;letter-spacing: 0.1px;font-family: 'helveticaneueltcom-cn';}

/* videos #############################################################*/

.titulo-videos{color: #FFF; font-size: 32px; font-family: 'helveticaneueltcom-mdcn'; line-height: 10px;}
.videos-data{color: #922225; font-family: 'helveticaneueltcom-mdcn'; font-size: 16px;}
.videos-nome{color: #fff; font-size: 16px; font-family: 'helveticaneueltcom-mdcn'; text-transform: uppercase; max-width: 300px;}
.videos{float: left; list-style: none;}

/* Contato #############################################################*/

#nome {margin: 20px 0 15px 0;}
#contato-left{width: 478px;   float: left;}
.titulo-contato{color: #ffffff; font-size: 32px;  font-family: 'helveticaneueltcom-mdcn';  font-weight: normal; line-height: 13px;}
#entre-contato{ font-family: 'helveticaneueltcom-cn'; color: #fff; font-size: 18px;}
.input-maior{width:455px; padding:13px 10px; color:#fff;  font-family: 'helveticaneueltcom-cn'; font-size:14px;  border:1px solid #2c2c2c; float:left; background: #2c2c2c;}
.input-menor{width:213px; padding:14px 10px; color:#fff;  font-family: 'helveticaneueltcom-cn'; font-size:14px;  border:1px solid #2c2c2c; float:left;  background: #2c2c2c;}
.textarea{color: #fff; background: #2c2c2c; width:458px; height:85px; padding:13px 10px; font-family: 'helveticaneueltcom-cn'; font-size:14px; border:1px solid #2c2c2c; float:left; margin-bottom: 15px;  max-width:457px;}
.submit{width:137px; height:37px; padding:7px 0; color:#fff; font-family: 'helveticaneueltcom-cn'; font-size:16px; border:none; background:#922225; cursor:pointer; float: right; }
.submit:hover{background: #561113;}
#contato-left #contato-endereco{float: left;}
#assunto {margin: 130px 0 15px 0;}
#titulo-contato { background: none repeat scroll 0 0 #403c3c; color: #fff; font-family: "helveticaneueltcom-thcn"; font-size: 48px; height: 89px; left: 40px;  padding: 51px 23px 0 258px;position: absolute;    top: 150px;}
#contato-right {float: right;   float: right;  margin-top: 23px;}
::-webkit-input-placeholder {color: #fff;}
-moz-placeholder {color:  #fff;}
::-moz-placeholder {color: #fff;}
:-ms-input-placeholder {color:  #fff;}
.success-mail{color:#40ab17;}
.error-mail{color:#e22228;}

/*Fotos #############################################################*/

.titulo-fotos{color: #FFF; font-size: 32px; font-family: 'helveticaneueltcom-mdcn';}
.nome-fotos {font-size: 16px; color: #fff; font-family: 'helveticaneueltcom-mdcn'; text-transform: uppercase;}
.data-fotos {color: #7F7B7B; font-size: 16px; font-family: 'helveticaneueltcom-mdcn';}
.data-fotos span{font-family: 'helveticaneueltcom-cn'; margin-left: 3px; color: #7F7B7B; margin-left: 3px;}
#fotos ul li{text-decoration: none; list-style: none; float: left; margin-bottom: 20px;}
#fotos ul li:nth-child(3n + 2){margin: 0 30px 0 30px;}

/*Fotos Abre ########################################################*/

#fotos-abre ul li{list-style: none; float: left; margin-right:16px;}
/* #fotos-abre ul li:nth-child(1n + 3){margin: 0 6px 0 6px;} */
#fotos-abre ul li:nth-child(1n + 5){margin-bottom: 16px;}
.ti-data{color: #7F7B7B; font-size: 20px; font-family: 'helveticaneueltcom-mdcn';}
.ti-foto{font-size: 34px; color: #fff; font-family: 'helveticaneueltcom-mdcn';  float: left; width: 640px}
.ti-data span{font-family: 'helveticaneueltcom-cn'; margin-left: 3px; font-size: 20px;  color: #7F7B7B;}
#fotos-abre .garupa{float: left; width: 645px; }

/*Responsivo ########################################################*/

@media screen and (max-width: 400px) {
#logo {margin: 0 90px;}
.box-banner #next{display: none;}
#instagram{display: none;}
*{max-width: 99%; }
.linha-sobre, .linha, footer, .fb,  #pager{display: none;}
#fotos-abre img{width: 400px; }
#pdf{margin: -5px 120px 0 0;}
.dir{margin-left: 10px; margin-bottom: 10px;}
.dir img{width: 300px;}
.sobre {margin: -40px 0 0 20px; }
.prestige {top: 10px;}
#fotos{margin-left: 20px;}
#fotos ul li:nth-child(3n + 2){margin: 0;}
#fotos-abre ul li{margin-bottom: 10px;}
.sobre .membros-index {left: 69px;}
.sobre .historia-index {left: 80px;}
.sobre .membros-index {position: relative;}
.input-maior{width: 90% !important;}
.input-menor{width: 90% !important; margin: 9px 0 9px 0;}
.textarea{width: 90%}
.sobre a span{display:none;}
.sobre .historia-index {left: 182px;}
.sobre .membros-index {margin: 0 -24px 0 -98px;}
.sobre .fotos-index {top: -18px;left:45px;}
.prolado3 {top: 30px; position: relative;}
.box-banner {left: 12px;}
.videos{margin-left: 10px;}
header{height: 180px;}
.box-banner {background:url('http://ferasmotoclube.com/img/banner-mb.png')no-repeat; height: 300px; width:95%; position: inherit; margin-left:12px; top:20px; }
#banner{display: none;}
#contato-left {position: inherit;}
}


@media (min-width: 480px) and (max-width: 680px) {
#logo {margin: 0 160px;}
header{height: 220px;}
.box-banner #next{display: none;}
#instagram{display: none;}
*{max-width: 99%; }
.linha-sobre, .linha, footer, .fb,  #pager{display: none;}
nav {display: none;}
#pdf{margin: -5px 195px 0 0;}
.dir{ margin-bottom: 10px;}
.espaco-dir{margin:0;}
.dir img{width: 450px;}
.sobre {margin: 40px 0 0 20px; }
.prestige {top: 10px;}
#fotos{margin-left: 20px;}
#fotos ul li:nth-child(3n + 2){margin: 0;}
#fotos-abre ul li{margin-bottom: 10px;}
.sobre .membros-index {left: 69px;}
.sobre .historia-index {}
.sobre .membros-index {position: relative;}
.input-maior{width: 90% !important;}
.input-menor{width: 90% !important; margin: 9px 0 9px 0;}
.textarea{width: 90%}
.sobre a span{display:none;}
.sobre .historia-index {}
.sobre .fotos-index {top: -18px;left: 58px;}
.box-banner {left: 12px;}
.videos{position: relative; left: 110px;}
.membros img{ width: 500px;}
.prolado3 {margin: 0 0 0 56px;position: relative;top: 35px;}
.sobre .fotos-index {top: 10px;}
.sobre {margin: 40px 0 0 111px;width: 255px;}
.sobre .historia-index {top: -40px;left: 185px;}
.sobre .membros-index {margin: 0 -24px 0 -83px;}
}

@media (min-width: 700px) and (max-width: 900px) {
	nav ul li a{margin: 17px;}
	#next{display: none;}
	#instagram li img { width: 71px;  height: 71px;}	
	.prolado img{width: 100px !important;}
    .prolado2 img, .prolado3 img {width: 58px; }
    .prolado {  margin: 0 38px 0 0;}
    .prolado3 {  margin: 0 0 0 8px}
    .prolado2 {  margin: 0 56px 0 30px;}
	#fotos ul li {margin-left: 50px;}
	#fotos ul li:nth-child(3n + 2){margin: 0 !important;}
	#fotos ul li {margin-left: 0; padding-left: 54px; margin-bottom: 0 !important;}
	#videoslista .clear{clear: none !important; padding-left: 5px;}
	#videoslista ul li{margin:0 40px 0 0 !important;}
	#membroslista .clear{clear: none !important;}
	.membros {width: 237px;}
	#pdf {  margin-top: 100px;  text-align: center;  margin-right: 30px; float: none; display:inherit !important;}
	#contato-right {display:none;}
	
}