@import url("css/bootstrap.min.css");
@import url("css/animate.css");
*{margin: 0; padding: 0; list-style: none; outline: none; font-family: sans-serif;}



/*		General CSS		*/
body{
	padding: 0px;
	margin: 0px;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 2vw;
  line-height: 2.8vw;
  letter-spacing: 0.03em;
  font-weight: bold;
  background: #ffbe00;
}

html {
    width: 100%;
    height: 100%;
}


h1{
  margin: -2vw 0 0 0;
  padding: 0;
  font-size: 11.9vw;
  font-weight: bold;
}

h2{
  margin: 0;
  padding: 0;
  font-size: 2.5vw;
  line-height: 3.5vw;
  letter-spacing: 0.02em;
  font-weight: bold;
}

h3{
  margin: 0;
  padding: 0;
  font-size: 4vw;
  line-height: 4.6vw;
  letter-spacing: 0.02em;
  font-weight: bold;
}


p{
  margin: 0;
  padding: 0;
  font-size: 2vw;
  line-height: 2.8vw;
  letter-spacing: 0.03em;
  font-weight: bold;
}

#underscore{
  position: fixed;
  text-align: center;
  margin-top: 10vw;
  width: 100%;
}

#underscore img{
  width: 30vw;
  height: auto;
  opacity: 0.8;
}

a, a:hover, a:focus, a:link, a:visited{
	color: #000;
}


nav > li > .current-lang{
  display: none;
}


.navbar-default{
  border: none;
  padding: 12px 0;
	z-index: 200;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbe00+84,ffffff+100&1+78,0+100 */
	background: -moz-linear-gradient(top, rgba(255,190,0,1) 78%, rgba(255,190,0,0.73) 84%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,190,0,1) 78%,rgba(255,190,0,0.73) 84%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,190,0,1) 78%,rgba(255,190,0,0.73) 84%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbe00', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 1s; /* Safari */
  transition: all 1s;;
}

.top-nav-collapse{
  padding: 0 0 7px 0;
}

.navbar-default .navbar-nav > li > a{
	color: #000;
	font-family: sans-serif;
	font-size: 1.2vw;
	letter-spacing: 0.03em;
  font-weight: bold;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
  background-color: transparent;
  text-decoration: underline;
	color: #000;
}



.navbar-default img{
  height: 20px;
  width: auto;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color: #000;
	background: transparent;
}


.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: #000;
  background-color: transparent;
  text-decoration: underline;
}

.navbar-nav>li>.dropdown-menu{
  border-radius: 0;
  color: #ffbe00;
	background: #000;
}

.dropdown-menu{
  box-shadow: none;
  border: none; 
  padding: 10px 15px;
	font-size: 1vw;
	letter-spacing: 0.03em;
  line-height: 2vw;
}


.dropdown-menu>li>a{
  background: none;
  color: #ffbe00; 
  padding: 0;
  font-weight: bold;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  background: none;
  color: #ffbe00; 
}

.current-lang{
  display: none;
}



/*		Entrada section 		*/

.entrada{
	display: block;
	position: relative;
	width: 100%;
	min-height: 100%;
  padding-top: 9vw;
  background: #ffbe00;
}

.entrada img{
  width: 100%;
  height: auto;
}

.entrada .bottom{
  margin-top: -2vw;
  margin-bottom: 5vw;
}


/*    Imagens   */
.imagem{
  position: relative;
  height: 600px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% auto;
}





/*		About section 		*/

.about{
	position: relative;
  width: 100%;
  min-height: 100%;
  padding-top: 7vw;
  padding-bottom: 5vw;
  background: #000;
  z-index: 100;
}

.about p{
  font-family: sans-serif;
  color: #ffbe00;
  font-size: 1.8vw;
  line-height: 2.6vw;
  letter-spacing: 0.03em;
  font-weight: bold;
}

.about a{
  font-family: sans-serif;
  color: #ffbe00;
  font-size: 1.8vw;
  line-height: 2.6vw;
  letter-spacing: 0.03em;
  font-weight: bold;
}

.about iframe{
  width:100%;
  height: 30vw;
  margin-bottom: 3vw;
}

.modal-content{
  color: #000;
  background: #ffbe00;
  border: none;
  border-radius: 0;
  padding: 3vw;
  box-shadow: none;

}
.modal-content h3{
  font-size: 1.5vw;
  line-height: 3.2vw;
  letter-spacing: 0.02em;
}
.modal-content p{
  font-size: 1vw;
  line-height: 1.5vw;
  letter-spacing: 0.02em;
}

/*		Programa section 		*/

.programa{
  position: relative;
  width: 100%;
  min-height: 100%;
  margin-top: 6vw;
  padding-top: 6vw;
  padding-bottom: 6vw;
}

.programa .item{
  margin-bottom: 2.5vw;
}

.programa h2{
  font-family: sans-serif;
  font-size: 1.9vw;
  line-height: 2.8vw;
  letter-spacing: 0.02em;
  font-weight: bold;
}

.programa p{
  font-family: sans-serif;
  font-size: 1.9vw;
  line-height: 2.8vw;
  letter-spacing: 0.02em;
  font-weight: bold;
}

sup{
  font-size: 1.2vw;
  letter-spacing: 0.03em;
  vertical-align: super;
  text-decoration: none;
}


.programa a:hover p, .programa a:hover h2, .programa a:focus p, .programa a:focus h2{
  text-decoration: underline;
  
}


/*		Subscription section 		*/

.sub_box{
  position: relative;
	width: 100%;
	padding: 10vw 0;
	text-align: center;
  background: #000;
  color: #ffbe00;
  font-size: 1.2vw;
  letter-spacing: 0.03em;
  z-index: 100;
}


.sub_box #mc-name{
	width: 100%;
	height: 40px;
  margin-top:2vw;
	padding: 0 20px;
	background-color: #ffbe00;
	border: 0;
	outline: none;
	margin-right: -4px;
	color: #000;
	vertical-align: middle;
}

.sub_box #mc-email{
	width: 100%;
	height: 40px;
  margin-top:1vw;
  margin-bottom:1vw;
	padding: 0 20px;
	background-color: #ffbe00;
	border: 0;
	outline: none;
	margin-right: -4px;
	color: #000;
	vertical-align: middle;
}

.sub_box #mc_submit{
  margin-top:3vw;
	width: 100%;
	height: 40px;
	background-color: #000;
	outline: none;
	margin-right: -4px;
	text-align: center;
	vertical-align: middle;
  color: #ffbe00;
  border: 2px solid #ffbe00;
  letter-spacing: 0.03em;
}



input[type=checkbox], input[type=radio]{
  margin: 11px 10px 0 20px;
  vertical-align: top;
}

.sub_box .response{
  font-size: 1.2vw;
  line-height: 2vw;
  color:#ffbe00;
}


#mc_embed_signup div.mce_inline_error{
  color: #ffbe00;
}

/*		parceiros 		*/

.parceiros{
  position: relative;
  width: 100%;
  min-height: 100%;
	font-size: 1.2vw;
	letter-spacing: 0.03em;
}

.parceiros img{
  width: 100%;
  height: auto;
  padding: 12vw 0;
}

#mc_embed_signup div.mce_inline_error{
  background-color: transparent;
}

/*    footer    */

footer{
	font-size: 1vw;
  line-height: 1.7vw;
	letter-spacing: 0.03em;
  position: relative;
  width: 100%;
  background: #000;
  color: #ffbe00;
  padding: 3vw 0;

}

footer a, footer a:hover, footer a:link, footer a:visited{
  color: #ffbe00; 
  text-decoration: none;
}


/*    entry   */

.entry{
  position: relative;
  width: 100%;
  min-height: 100%;
  padding: 12vw 0 9vw 0;
  background: #FFF;
}

.entry .nota{
  color: #ffbe00; 
}

.entry .data{
  color: #ffbe00;
  font-size: 3vw;
  line-height: 3vw;
  letter-spacing: 0.02em;
  font-weight: bold; 
  margin-bottom: 2vw; 
}

.entry a{
  color: #ffbe00;
}

.entry .title{
  position: relative;
  z-index: 50;
}

.entry .image{
  position: relative;
  z-index: 0;
  margin-top: -1.6vw;
}
.entry img{
  width: 100%;
  height: auto;
}


.entry p strong{
  font-weight: normal;
}

.entry .text{
  position: relative;
  margin-top: -8vw;
  margin-bottom: 6vw; 
  z-index: 50;
}

.entry .ticketline{
  width: 10vw;
  height: 3vw;
  background: #000;
  color: #ffbe00;
	font-size: 1.2vw;
  line-height: 3vw;
  letter-spacing: 0.04em;
  text-align: center;
  margin-top: 3vw;
}

.entry .ticketline a{
  text-decoration: none; 
}

.entry .arrows{
  text-align: right;
  margin-top: 3vw;
  font-size: 1.2vw;  
}

.entry .arrows a{
  text-decoration: none;
  font-size: 1.2vw;
  color: #000;
}



/*		Responsive CSS 		*/

@media (max-width: 360px) {
	.featured_on li{
		display: block;
		width: 100%;
	}
}

@media (max-width: 767px) {


	/*		Header 		*/

.navbar{
  border-bottom: none;
}

.navbar-default{
  border: none;
  padding: 0 0 7px 0;
	background: #ffbe00;
} 

.navbar-default .navbar-nav > li > a{
	font-size: 3vw;
}

.dropdown-menu{
	font-size: 2vw;
}

.navbar-header{
  border: none;
} 

.navbar-default .navbar-toggle{
  background: transparent;
  border: none;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form{
   border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar{
  background-color: #000;
}


.imagem{
  display: none;
}

  /*		Entrada section 		*/

.entrada{
  width: 100%;
  min-height: auto;
  padding: 20vw 0 15vw 0;
}




  /*		About section 		*/

  .about{
  	position: relative;
    width: 100%;
    min-height: auto;
    background: #000;
    z-index: 100;
  }

  .about iframe{
    height: 40vw;
  }

  .about p{
    font-size: 2.8vw;
    line-height: 3.9vw;
  }

.modal-content p{
    font-size: 2.8vw;
    line-height: 3.9vw;
}

.modal-content h3{
  font-size: 3.5vw;
  line-height: 5vw;
}

  /*		Programa section 		*/

  .programa{
    position: relative;
    width: 100%;
    min-height: auto;
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .programa .item{
    margin-bottom: 3vw;
  }

.programa h2{
  font-size: 2.8vw;
  line-height: 3.9vw;
}

.programa p{
  font-size: 2.8vw;
  line-height: 3.9vw;
}

sup{
  font-size: 1.6vw;
}

.parceiros{
  min-height: auto;
}

.sub_box{
  font-size: 2.8vw;
  line-height: 3.9vw;
}

.sub_box h2{
  font-size: 2.8vw;
  line-height: 3.9vw;
}

.sub_box #mc-name{
	width: 100%;
	height: 30px;
}

.sub_box #mc-email{
	width: 100%;
	height: 30px;
}

.sub_box #mc_submit{
	width: 100%;
	height: 30px;
}


input[type=checkbox], input[type=radio]{
  margin: 0px 10px 0 20px;
  vertical-align: top;
}

.sub_box .response{
  font-size: 1.2vw;
  line-height: 2vw;
  color:#ffbe00;
}

.entry{
  padding: 25vw 0 9vw 0;

} 

.entry p{
  font-size: 2.5vw;
  line-height: 3.4vw;
}

footer{
	font-size: 2vw;
  line-height: 3vw;
  }
}