/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
body, h1, h2, h3,h4,h5,p{
	font-family: 'Exo 2', sans-serif !important;
	
}
#primary-menu ul li > a{
	font-family: 'Exo 2', sans-serif !important;
}

#header{
	background-color: #202020;
}

#primary-menu{
	float: none !important;
}

.btn-lg-inscricao{
	margin-top: 6px !important;
}

@media (min-width: 991px){
	#primary-menu ul li{
		padding-left: 50px !important;
		margin: 0 !important;
	}
}
@media (min-width: 1120px){
	#primary-menu ul li{
		padding-left: 50px !important;
		margin: 0 !important;
	}
}

@media (min-width: 1199px){
	.btn-lg-inscricao{
		margin-top:6px;
	}
	#primary-menu ul li{
		padding-left: 74px !important;
		margin: 0 !important;
	}
}

.borda-amarela{
	border-bottom: 4px solid #f3b747 !important;
	margin: -6px auto;
}


.escolha h2{
	font-weight: 400;
 	letter-spacing: 3px;
}
.escolha-red{
	color: #be2b3e !important;
}
.bold{
	font-weight: 800 !important;
}

.margin-top{
	margin-top: 40px;
}

.brindes img{
	margin-top:20px;
	width: 80%;
	transition: transform .2s; /* Animation */

}

.brindes img:hover{
	transform: scale(1.2);
}

.brindes.cinza img:hover{
	transform: scale(1);
}

.informacoes img{
	width: 40px;
}
.informacoes p{
	margin-bottom: 12px;
	font-size: 22px;
}

@media(min-width: 768px){
	.g-recaptcha{
	  -webkit-transform: scale(0.95);
	     -moz-transform: scale(0.95);
	      -ms-transform: scale(0.95);
	       -o-transform: scale(0.95);
	          transform: scale(0.95);
	   -webkit-transform-origin: 0 0;
	      -moz-transform-origin: 0 0;
	       -ms-transform-origin: 0 0;
	        -o-transform-origin: 0 0;
	           transform-origin: 0 0;
	}
}
@media(max-width: 767px){
	.g-recaptcha{
	  -webkit-transform: scale(0.92);
	     -moz-transform: scale(0.92);
	      -ms-transform: scale(0.92);
	       -o-transform: scale(0.92);
	          transform: scale(0.92);
	   -webkit-transform-origin: 0 0;
	      -moz-transform-origin: 0 0;
	       -ms-transform-origin: 0 0;
	        -o-transform-origin: 0 0;
	           transform-origin: 0 0;
	}
}

.box-parceiro{
	text-align: left;
	background-color: #ba323f;
	padding: 20px;
}
.box-parceiro p{
	padding-left: 16px;
	color: #FFF !important;
	font-weight: 200;
	line-height: 1.4 !important;
}
.box-parceiro h3, .box-parceiro h2{
	color: #FFF !important;
}

.box-parceiro h3{
	background-color: #ec9e3e;
	margin: 20px -20px 10px;
}

.box-parceiro h2{
	font-weight: 200;
	font-size: 3em;
	line-height: 1;
}
.box-parceiro h2 .bold{
	color: #FFF !important;

}


@media screen and (max-width: 767px) {

	.header { padding-bottom: 25px; padding: 5px 0; }
	.header .buttons { margin: 40px 0 0; text-align: center; }
	.header h1 { font-size: 54px; }
	.header .version { font-size: 18px; }
	.header .clock { margin: 0 auto; display: block; width: 322px; }
	
	/*.flip-clock-wrapper ul { height: 50px; line-height: 50px; }
	.flip-clock-wrapper ul li a div.up:after { top: 24px; }
	.flip-clock-divider { height: 50px; }
	.flip-clock-dot { height: 6px; width: 6px; left: 7px;}
	.flip-clock-dot.top { top: 17px; }
	.flip-clock-dot.bottom { bottom: 8px; }
	
	.grand-button,
	a.grand-button,
	a.grand-button:hover { 
		display: block !important;
		width: 95%; 
		margin: 0 2.5% 10px !important;
	}
	
	.header .flip-clock-divider .flip-clock-label { font-size: 16px; }
	.header .flip-clock-divider.hours .flip-clock-label { right: -66px; }
	.header .flip-clock-divider.minutes .flip-clock-label { right: -78px; }
	.header .flip-clock-divider.seconds .flip-clock-label { right: -78px; }
	
	.flip-clock-wrapper ul { width: 37px; }
	.flip-clock-wrapper ul li a div div.inn { font-size: 30px; }*/
}


.votacao-resultado{
	font-size: 26px;
	margin-top: -20px;
	margin-bottom: 100px;
	/*display: none;*/
}

.cinza img{
	background-color: #b0b0b0;
	opacity: 0.8;
}


.form-process {
	background-color: rgba(255,255,255,0);
 }

.btn-kit{
	position: absolute;  
	bottom: 100px;
	right:30px;
}

/*.btn-inscricao-comunidade{
	line-height: 23px;
	padding-top: 4px;
	padding-bottom: 4px;
}*/
.btn-inscricao{
	width: 370px;
	max-width: 80%;
}
.correcao-esquerda{
	margin-left:25%;
}


@media (max-width: 767px){

	.btn-inscricao{
		padding: 12px 10px;
		font-size: 18px;
	}
	/*.btn-inscricao-comunidade{
		padding: 2px 10px;
	}*/

	.btn-kit{
		top:100px;
		bottom: auto;
		right: 10px;
		bottom: auto;
	}

	.btn-kit.btn-inscricao{
		padding: 6px !important;
		font-size: 12px;
	}
}
@media (max-width: 990px){
	.inscricao-btn{
		margin-top: 110px !important;
		padding-top: 0;
	}	

	.btn-kit{
		/*top:120px;*/
		right: 10px;
		/*bottom: auto;*/
	}
	.btn-kit.btn-inscricao{
		padding: 12px 20px;
	}
	.correcao-esquerda{
		margin-left: auto !important;
	}
}

@media (min-width: 991px){
	.inscricao-btn{
		padding-top: 22px !important;
	}	

	.btn-kit.btn-inscricao{
		padding: 12px 20px;
	}
}

@media (min-width: 1199px){
	.inscricao-btn{
		padding-top: 34px !important;
	}

	.btn-kit.btn-inscricao{
		padding: 12px 10px;
	}	

}

.item-votacao{
	cursor:pointer;
}

.item-votacao:hover{
	border: 5px solid #fd5c5c;
}			

.music-2020 h2,.music-2020 h3{
	font-style: italic;
	color: #2c343f;
	font-weight: 500;
}
.music-2020 h2.bold{
font-weight: 700 !important;	
}

.music-2020 h2{
	font-size:2.6em;
}
.music-2020 h3{
	font-size:2em;
}

.cor-destaque{
	color: #fd5c5c !important;
}

.info-home h2{
	font-size: 4em;
	letter-spacing: -1px;
	margin-bottom: 0;
}
.info-home h3{
	font-size: 2.5em;
	letter-spacing: -1px;
	margin-top:-20px;
}

@media(max-width: 600px){
	.info-home h2{
		font-size: 2.5em;
	}
	.info-home h3{
		font-size: 1.8em;
	}
}

.info-home p{
	font-style: italic;
	font-size: 1.4em;
}

.info-home p{
	margin-bottom: 0;
	line-height: 1.2 !important;
	max-width: 700px;
	margin: 0 auto;
}

.info-home p.small{
	margin-top:30px;
	margin-bottom: 0px;
	font-size: 0.8em;
}

#section-patrocinadores img,#section-apoiadores img,#section-realizacao img{
	max-width: 230px;
}

.ciclo-palestras{
	text-align: right;
	color:black;
	font-size:20px;
	line-height: 24px !important;
	padding-top: 180px;

}

@media (max-width: 991px){
	.ciclo-palestras{
		text-align: center !important;
		font-size:20px;
		line-height: 24px !important;
		padding-top: 50px;
	}
}

.button-eng{
	background-color: #d90049 !important;
	font-size: 20px;
}

.subtitulo-cronograma{
}

.subtitulo-cronograma p{
	color:black;
	margin:0 auto;
	margin-bottom:12px;
	font-size:16px; 
	max-width: 450px;
	width:100%;
	text-align: justify !important;
	line-height: 14px;
}

.texto-cronograma{
	color:black;margin:0 auto;margin-bottom:12px;font-size:12px; max-width: 450px;width:100%;text-align: justify !important;
}

.palestrante-surpresa{
	margin: 0 auto;
	max-width: 450px;
	color: #de0242;
}
.palestrante-surpresa p{
	text-align: left;
	margin-left:76px;
	line-height: 18px !important;
	padding-top:12px;
	font-weight: 900;
	font-size: 13px;
}
.palestrante-surpresa img{
	float:left;
}

@media (max-width: 480px){
	.palestrante-surpresa img{
		margin-top:16px;
	}
}



.element {
  animation-name: stretch;
  animation-duration: 1.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretch {
  0% {
    transform: rotate(1.4deg);
  }
  100% {
    transform: rotate(-1.4deg);
  }
}


.tas{
	width: 600px;position: absolute;left:0;
}
.tas-texto{
	width: 300px;position: absolute;left:360px;top:175px;
}
.gil{
	width: 600px;position: absolute;left:110px;
}
.gil-texto{
	width: 280px;position: absolute;left:100px;top:200px;
}

.eng-dificil{
	max-width: 60%;padding-top:40px;padding-bottom:40px;
}
.x-right{
	width:60px;position: absolute;right:10px;top:400px;
}

@media(max-width: 767px){
	.tas{
		position:initial;
		margin:0 auto;
	}
	.tas-texto{
		position:initial;
		margin:0 auto;
		width:360px;
	}
	.gil{
		position:initial;
		margin:0 auto;
	}
	.gil-texto{
		position:initial;
		margin:0 auto;
		width:360px;
	}
	.eng-dificil{
		max-width: 100%;padding-top:40px;padding-bottom:40px;
	}
	.x-right{
		width:60px;position: absolute;top: auto;right:10px;bottom:-20px;
	}
}