@charset "utf-8";
/* CSS Document */

/* FUENTES*/


@font-face {
    font-family: 'MontBold';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
   
    font-style: normal;

}

@font-face {
    font-family: 'MontExtrabold';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff');
  
    font-style: normal;

}

@font-face {
    font-family: 'MontRegular';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MontLight';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff');

  
}



@font-face {
    font-family: 'MontBlack';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff');

    font-style: normal;
 
}

@font-face {
    font-family: 'MontSemiBold';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff');

    font-style: normal;

}





@font-face {
    font-family: 'MontMedium';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');

    font-style: normal;
    
    }
 

/* Loader Styles start here */
   body{  
margin: 0px;
    
} 
    
    
    
   .slogan {  
padding: 20px;
    
} 
    
     .slogan img {  
width: 100%;
         max-width: 280px;
         height: auto;
    
} 

video {  
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
    
}
.overlayvideo {
  min-height: 100vh;
      max-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    padding-top:60px;
}
.overlayvideo h2 {
    background: #000 none repeat scroll 0 0;
    color: tan;
    font-weight: 600;
    margin: 2rem 3rem 0;
    mix-blend-mode: overlay;
    padding: 5px 15px;
    text-align: center;
}

body {
 background-color: #211C3B;
    overflow-x: hidden;
}

h1 {
font-family: 'MontBold';
    font-size: 11px;
    color: #ffffff;
  margin-top:20px;
     font-weight: 100;
}
h9 {
font-family: 'MontBold';
    font-size: 11px;
    color: #2C2647;
  margin-top:5px;
     font-weight: 100;
}
h2 {
font-family: 'MontLight';
    font-size: 18px;
    color: #ffffff;
    font-weight: 100;
    margin-top:10px;
    height: 60px;
}
h8 {
font-family: 'MontLight';
    font-size: 18px;
    color: #2C2647;
    font-weight: 100;
    margin-top:20px;
}

h3 {
font-family: 'MontRegular';
    font-size: 14px;
    color: #ffffff;
   
   line-height: 20px;
}
h4 {
font-family: 'MontBold';
    font-size: 22px;
    color: #D28C6C;
    margin-top:10px;
}
h5 {
font-family: 'MontRegular';
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 5px;
    padding-bottom: 10px;
  border-bottom: 1px solid #ffffff;

}

.logohome {
padding: 40px;

}
.logohome img {
width:100%;
    max-width: 200px;
height: auto;
}

.frasehome{
font-size: 20px;
color: #D28D6C;
    font-family:'Century Schoolbook'; 
    text-align: center;
    line-height: 24px;
    padding: 30px;

}

.frasehome2{
font-size: 45px;
color: #ffffff;
    font-family:'MontMedium'; 
    text-align: center;
    line-height: 65px;
    border-bottom: 1px solid #ffffff;
     

}
.frasehome3{
font-size: 45px;
color: #ffffff;
    font-family:'MontLight'; 
    text-align: center;

    font-weight: lighter;


}
.frasehome4{
font-size: 17px;
color: #ffffff;
    font-family:'MontLight'; 
    text-align: center;
padding-top:10px;
    font-weight: lighter;
    padding-bottom:30px;


}
.maestro{
font-size: 16px;
color: #D28D6C;
    font-family:'MontRegular'; 
    text-align: center;
padding-top:30px;
    font-weight: lighter;
    padding-bottom:30px;


}
/* TEXTOS*/
.textosave {
    font-family: 'MontRegular';
    font-size: 10px;
    color:#2D2749;
}
.texto-save {
 padding: 0px;
}

/* GENERALES*/
.containertalentos {
width:100%;
  
  
}

.containermenu {
width:100%;
    background-color: #CD4447;
    height: 50px;
    top:0px;
    position: fixed;
    left: 0px;
}
.contenttal {
  max-width: 1140px;
  margin: auto;
 
  padding: 0px;
    text-align: center;
}
.contentintermedio {
 width:100%;
  margin: auto;
 
  padding: 0px;
    text-align: center;
    height: 116px;
    background-image: url("../img/intermedio.webp");
    background-repeat: repeat-x;
}

.contentintermedio2 {
 width:100%;
  margin: auto;
 
  padding: 0px;
    text-align: center;
    height: 116px;
    background-image: url("../img/intermedio2.webp");
    background-repeat: repeat-x;
}

.contentintermedio3 {
 width:100%;
  margin: auto;
 
  padding: 0px;
    text-align: center;
    height: 116px;
    background-image: url("../img/intermedio3.webp");
    background-repeat: repeat-x;
}

.contentintermedio4 {
 width:100%;
  margin: auto;
 
  padding: 0px;
    text-align: center;
    height: 116px;
    background-image: url("../img/intermedio4.webp");
    background-repeat: repeat-x;
}

.contentintermedio5 {
 width:100%;
  margin: auto;
 
  padding: 0px;
    text-align: center;
    height: 116px;
    background-image: url("../img/intermedio5.webp");
    background-repeat: repeat-x;
}



.contentintermedio6 {
 width:100%;
  margin: auto;
 
  padding: 0px;
    text-align: center;
    height: 116px;
    background-image: url("../img/intermedio6.webp");
    background-repeat: repeat-x;
}

.contentintermedio7 {
 width:100%;
  margin: auto;
 
  padding: 0px;
    text-align: center;
    height: 150px;
    background-image: url("../img/intermedio7.webp");
    background-repeat: repeat-x;
}
.contentintermedio8 {
 width:100%;
  margin: auto;
 
  padding: 0px;
    text-align: center;
    height: 150px;
    background-image: url("../img/intermedio8.webp");
    background-repeat: repeat-x;
}
.contentintermedio9 {
 width:100%;
  margin: 0 auto;
 
  padding: 0px;
    text-align: center;
    height: 150px;
    background-image: url("../img/intermedio9.webp");
    background-repeat: repeat-x;
}
.contentintermediopro {
 width:100%;
  margin: 0 auto;
 
  padding: 0px;
    text-align: center;
    height: 150px;
    background-image: url("../img/intermedioprograma1.jpg");
    background-repeat: repeat-x;
}
.contentintermediopro2 {
 width:100%;
  margin: 0 auto;
 
  padding: 0px;
    text-align: center;
    height: 150px;
    background-image: url("../img/intermedioprograma2.jpg");
    background-repeat: repeat-x;
}
.contentfestival {
    width:100%;
    padding-top:40px;

   
}
.contentfestival3 {
    width:100%;
    padding:0px;

   
}
.contentfestival2 {
    width:100%;
    background-image:url("../img/backtopic.png");
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px;

   
}
.titulofestival {
     font-family:'MontRegular';
    font-size: 25px;
  max-width: 400px;
  margin: auto;
 color: #ffffff;
  padding-top: 0px;
    text-align: center;
     letter-spacing: 15px; 
    background-image: url("../img/back_festival.png");
        height:102px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;
   
}
.titulofaq {
     font-family:'MontRegular';
    font-size: 30px;
  max-width: 300px;
  margin: auto;
 color: #000000;
  padding-left: 15px;
    text-align: center;
     letter-spacing: 15px; 
    background-image: url("../img/back_festival.png");
        height:102px;
    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;
   
}
.venuecard {
   border: 1px solid #D28D6C;
    padding: 20px;
    width: 60%;
    max-width: 900px;
text-align: center;

    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.frasefestival {
     font-family:'MontRegular';
    font-size: 14px;
  max-width: 450px;
  margin: auto;
 color: #ffffff;
  padding: 20px;
    text-align: center;

    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;

}
.videovim{
     font-family:'MontRegular';
    font-size: 14px;
  max-width: 1100px;
  margin: auto;
 color: #ffffff;
  padding: 20px;
    text-align: center;

    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;

}
.mapafestival {
     font-family:'MontRegular';
    font-size: 14px;
  max-width: 840px;
  margin: auto;
 color: #ffffff;
    text-align: center;
width: 100%;
    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;
    padding-top: 30px;

}
.mapafestivalmob {
     font-family:'MontRegular';
    font-size: 14px;
  max-width: 840px;
  margin: auto;
 color: #ffffff;
    text-align: center;
width: 100%;
    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;
    padding-top: 30px;
    display: none;

}
.mapafestival img {
width:100%;
    max-width: 840px;
    height: auto;


}
.mapafestivalmob img {
width:100%;
    max-width: 840px;
    height: auto;


}
.partners{

  max-width:70%;
  margin: auto;
 color: #ffffff;
  padding: 20px;
    text-align: center;
    flex-direction: row;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;

}
.partner{

padding-left: 10px;
    padding-right: 10px;

}
.frasefaq {
     font-family:'MontRegular';
    font-size: 14px;
  max-width: 450px;
  margin: auto;
 color: #000000;
  padding: 20px;
    text-align: center;

    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;

}
.frasefestival2 {
     font-family:'MontMedium';
    font-size: 18px;
  max-width: 600px;
  margin: auto;
 color: #ffffff;
  padding: 60px;
    text-align: center;

    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;

}
.contenttimer {

background-color: transparent;
  max-width: 600px;
  margin: auto;

    text-align: center;

    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;

}
.frasefestival3 {
     font-family:'MontMedium';
    font-size: 22px;
  max-width: 600px;
  margin: auto;
 color: #D28D6C;
  padding-bottom: 60px;
     padding-top: 30px;
    text-align: center;

    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;

}
.contentcarrousel {

  max-width: 1140px;
  margin: auto;
  padding: 20px;
    text-align: center;
  
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;

}
.loguitoshome{

padding-top: 70px;

}

    .loguitoshome img {
width:100%;
    max-width: 450px;
        height: auto;
    
}
   .vimeoweb {

    display: block;

}
    
            .vimeocelu {

    display: none;

}

/* talentos*/
@media screen and (max-width: 900px){
    
    .maestro{
font-size: 13px;
color: #D28D6C;
    font-family:'MontRegular'; 
    text-align: center;
padding-top:30px;
    font-weight: lighter;
    padding-bottom:30px;


}
    
        .vimeoweb {

    display: none;

}
    
            .vimeocelu {

    display: block;

}
    
    .mapafestivalmob {

    display: block;

}
        .mapafestival {

    display: none;

}
    .contentcarrousel {

 padding: 0px;

}
    
    
         .slogan img {  
width: 100%;
         max-width: 220px;
             height: auto;
    
} 
    
   .loguitoshome{

padding-top: 70px;

}
 .logohome {
padding: 20px;

}
    
    .logohome img {
width:100%;
    max-width: 150px;
        height: auto;

}
    .loguitoshome img {
width:calc(100%-40px);
    max-width: 350px;
        height: auto;
        paadding-right:20px;
        padding-left: 20px;

}

    
 .partners{

  max-width:90%;
  margin: auto;
 color: #ffffff;

    text-align: center;
    flex-direction: column;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;

}
.partner{

padding-left: 10px;
    padding-right: 10px;
      padding-top: 20px;
       padding-bottom: 20px;

}   
    
    
    .overlayvideo {
  min-height: 85vh;
         max-height: 85vh;

        
  display: flex;
    flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    padding-bottom:10px;
 
     
        top:-80px;
}
    
    h5 {
font-family: 'MontRegular';
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 5px;
    padding-bottom: 10px;
  border-bottom: 1px solid #ffffff;

}
  .frasehome{
font-size: 14px;
color: #D28D6C;
    font-family:'Century Schoolbook'; 
    text-align: center;
    line-height: 16px;
    padding: 20px;

}

.frasehome2{
font-size: 30px;
color: #ffffff;
    font-family:'MontMedium'; 
    text-align: center;
    line-height: 45px;
    border-bottom: 1px solid #ffffff;
     

}
.frasehome3{
font-size: 30px;
color: #ffffff;
    font-family:'MontLight'; 
    text-align: center;

    font-weight: lighter;


}
.frasehome4{
font-size: 11px;
color: #ffffff;
    font-family:'MontLight'; 
    text-align: center;
padding-top:10px;
    font-weight: lighter;
    padding-bottom:30px;


}  

    
.titulofestival {
     font-family:'MontRegular';
    font-size: 15px;
  max-width: 200px;
  margin: auto;
 color: #ffffff;
  padding: 0px;
    text-align: center;
     letter-spacing: 15px; 
    background-image: url("../img/back_festival.png");
        height:102px;
    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;
   
}.titulofaq {
     font-family:'MontRegular';
    font-size: 15px;
  max-width: 200px;
  margin: auto;
 color: #000000;
  padding-left: 15px;
    text-align: center;
     letter-spacing: 15px; 
    background-image: url("../img/back_festival.png");
        height:102px;
    background-position: center;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;
   
}


    .frasefestival {
   
    font-size: 14px;
  max-width: 400px;

  padding: 40px;

}
        .frasefaq{
   
    font-size: 14px;
  max-width: 400px;

  padding: 40px;

}
           .frasefestival2 {
   
    font-size: 15px;
           padding-left: 20px;
           padding-right: 20px;
           max-width: calc(90%-40px);

} 
       .frasefestival3 {
   
    font-size: 15px;
           padding-left: 20px;
           padding-right: 20px;
           max-width: calc(90%-40px);

} 

}

  /* CARROUSEL */ 

  .carousel{
   width: 100%;
   margin:0px;
    max-width: 1140px;
  overflow-x: hidden;
  position: relative;
  display: flex;
      height: 350px;


      

}
.textocarrousel{
max-width: 70%;
 font-family: 'MontRegular';
font-size:18px;
color:#ffffff;
text-align:center;
padding:30px;
top:50%;
vertical-align:middle;
}

.textocarrouselsmall{

 font-family: 'MontBold';
font-size:18px;
color:#ffffff;
    font-style: italic;

}


.carousel-inner{
  height: 100%;
  /* min-width: 400%; */
  display: flex;
  transition: all ease .4s;
    
}
.carousel-item{
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
    object-fit: cover;
    margin: 0px;
}

.carousel-controls .prev{
  display: inline-block;
  height: 50px;
  width: 50px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('prev.svg');
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: .5;
}
.carousel-controls .next{
  display: inline-block;
  height: 50px;
  width: 50px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('next.svg');
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: .5;
}
.prev:hover, .next:hover{
  opacity: 1;
}
.carousel-indicators{
  position: absolute;
  bottom: 22px;
align-self: center;

  
  text-align: center;
}
.carousel-indicators span{
  display: inline-block;
  background-color: white;
  width: 8px;
    height: 8px;
border-radius: 50%;
  
  opacity: .5;
  cursor: pointer;
  margin: 8px;
}
.carousel-indicators span.active{
  opacity: 1;
}  

   /* venue */ 
.venuebase { 
 
margin: auto;
height: auto;
min-height: 100px;
    max-width: 900px;
        padding: 30px;
    vertical-align: middle;
     display:flex;
  justify-content: center;
  align-items: center;


}
.wrappervenue { 
  border : 1px solid #D28D6C;
    padding: 20px;
        text-align: center;
margin: auto;
height: auto;
min-height: 100px;
    max-width: 100%;
        
    vertical-align: middle;
     display:flex;
flex-direction: row;
  justify-content: center;
  align-items: center;

}
.wrappermodal { 

    padding: 10px;
        text-align: center;
margin: auto;
height: auto;
min-height: 100px;
    max-width: 950px;
        
    vertical-align: middle;
     display:flex;
flex-direction: row;
  justify-content: center;
  align-items: center;


}
.wrapperfest { 

    padding: 40px;
        text-align: center;
margin: auto;
height: auto;
min-height: 100px;
    max-width: 1000px;
        
    vertical-align: middle;
     display:flex;
flex-direction: row;
  justify-content: center;
  align-items: center;


}
  .fotoone { width: 20%; float: left; 
 
}
   .textotwo{ 
       width:70%; 
       float: right;




}
  .textofestival{ 
      width:55%;
      float: center; 
text-align: left;
padding:10px;
min-width: 300px;
}

   #one { width: 30%; float: left; }
   #two { width:70%; float: right;}
    
.wrappermodal div {
   width: 100%; 
 
   padding: 10px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


.wrappervenue div {
   width: 100%; 
 
   padding: 10px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.fotoone { 
text-align: center;

}
.fotoone img{ 
align-self: center;
    width:95%;
    max-width:242px;
    border-radius: 50%;
    height: auto;



}
.fotofestival { 
     width: 45%;
    min-width:350px;  
   
   
}

.fotofestival img{ 

    width:350px;
    height: auto;
align-self: left;
padding-left: 20px

}
.titulofest{ 
 font-family: 'MontBold';
font-size:22px;

    color: #D28C6C;

}


#one { 
text-align: center;

}
#one img{ 
align-self: center;
    width:95%;
    max-width:242px;
    border-radius: 50%;
    height: auto;

}
#two { 
    
text-align: left;
padding:30px;
}
.textotwo { 
    
text-align: left;
padding:20px;
}


.textovenue { 
  font-family:'MontRegular';
    font-size: 13px;
    line-height: 18px;
    color:#ffffff;
}
.textomodal{ 
  font-family:'MontRegular';
    font-size: 14px;
    color:#2C2647;
}
.titulomodal{ 
  font-family:'MontRegular';
    font-size: 23px;
    color:#2C2647;
}
.textomodal2{ 
  font-family:'MontRegular';
    font-size: 14px;
    line-height: 18px;
    color:#2C2647;
}
.titulomodal2{ 
  font-family:'MontBold';
    font-size: 14px;
    color:#2C2647;
}
.wrappermodal .sociallogo { 
 margin: 0px;
    float:left;
    padding: 0px;
  
margin-left: -10px;
    flex-direction: row;
      order: 0;
  flex: 1 1 auto;
  align-self: left;;
}
.wrappervenue .sociallogo { 
 margin: 0px;
    float:left;
    padding: 0px;
  
margin-left: -10px;
    flex-direction: row;
      order: 0;
  flex: 1 1 auto;
  align-self: left;;
}
.sociallogo2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  height:100%;
}
.tiktokbutton {
 width:33px;
    height: 33px;
    background-color: #D28D6C;
    display: inline-block;
    max-width: 33px;
    margin-right:10px;
    border-radius: 50%;
    background-image: url("../img/tiktok_icon1.png");
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    cursor: pointer;
}
.tiktokbutton:hover {

    background-color: #312E41;
   
}
.tiktokbutton2 {
 width:26px;
    height: 26px;
    background-color: #D28D6C;
    display: inline-block;
    max-width: 26px;
    margin-right:10px;
    border-radius: 50%;
    background-image: url("../img/tiktok_icon1.png");
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    cursor: pointer;
}
.tiktokbutton2:hover {

    background-color: #312E41;
   
}
.idioma{
     font-family: 'MontBold';
    margin-right: 15px;
 width:auto;
 height: 100%;
    display: inline-block;
    max-width: 100px;

font-size: 12px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
     color: #312E41;
}
.idioma:hover {

    color: #D28D6C;
   
}
.instagrambutton2 {
 width:26px;
    height: 26px;
    background-color: #D28D6C;
    display: inline-block;
    max-width: 26px;
    margin-right:10px;
    border-radius: 50%;
    background-image: url("../img/ig_icon1.png");
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    cursor: pointer;
}
.instagrambutton2:hover {

    background-color: #312E41;
   
}
.instagrambutton {
 width:33px;
    height: 33px;
    background-color: #D28D6C;
    display: inline-block;
    max-width: 33px;
    margin-right:10px;
    border-radius: 50%;
    background-image: url("../img/ig_icon1.png");
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    cursor: pointer;
}
.instagrambutton:hover {

    background-color: #312E41;
   
}
.placebutton {
 width:33px;
    height: 33px;
    background-color: #D28D6C;
    display: inline-block;
    max-width: 33px;
    margin-right:10px;
    border-radius: 50%;
    background-image: url("../img/place_icon.png");
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    cursor: pointer;
}
.placebutton:hover {

    background-color: #312E41;
   
}
@media screen and (max-width: 600px) {
    
    .carousel-controls .next{
  right: 0px;

}
       .carousel-controls .prev{
  left: 0px;

} 
      .carousel{
   width: 100%;
   margin:0px;
    max-width: 1140px;
  overflow-x: hidden;
  position: relative;
  display: flex;
      height: 350px;

      

}
.textocarrousel{
max-width: 100%;
 font-family: 'MontRegular';
font-size:15px;
color:#ffffff;
text-align:center;
padding:45px;
top:50%;
vertical-align:middle;
}
    .textocarrouselsmall{

font-size:15px;
        font-style: italic;

}
 
    
    .wrapperfest { 

        
    vertical-align: middle;
     display:flex;
flex-direction: column;
  justify-content: center;
  align-items: center;


}
    
     .fotofestival{ 

    width: 100%;
         height: 350px;
         padding-bottom: 20px;
         


}   
         .fotofestival img{ 
max-width: 90%;
         


}  
    
       .textofestival{ 

    width: 100%;
           padding-top:20px;
     
           height: 600px;
           padding-left: 20px;
           padding-right: 20px;
           padding-bottom: 30px;


}   
     
    
    
.fotofestival img{ 

    width:100%;
    height: auto;


}
            .wrappermodal  {
flex-direction: column;
            margin: 0px;
            padding: 0px;
}
    .wrappermodal div {
   width: 100%; 
 display: flex;
        flex-direction: column;
   padding: 10px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
  
    
        .wrappervenue  {
flex-direction: column;
            margin: 20px;
            padding: 0px;
}
    .wrappervenue div {
   width: 100%; 
 display: flex;
        flex-direction: column;
   padding: 10px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
    
   #one { width: 100%; float: center; }
   #two { width:100%; float: center;}
    
    #one img{ 

    max-width:180px;
  

}
    
      .fotoone { width: 100%; float: center; }
   .textotwo{ width:100%; float: center;}
    
    .fotoone img{ 

    max-width:180px;
  

} 
    
    .sociallogo div { 

    flex-direction: row;
}
    .venuebase { 
 
padding-left:10px;
        padding-right: 10px;
        padding-top:15px;
        padding-bottom:15px;


}

}


 /* FAQS */

.faq-section {
  font-family: 'MontRegular';

 background-color: #F7EDE9;
 padding-left: 20px;
     padding-right: 20px;
 text-align: center;
 background-position: bottom right 0%;
}

.faq-section .faq_left_half_circle {
 position: absolute;
 left: 80px;
}

.faq-section .faq_left_half_circle img {
 position: relative;
 top: 140px;
}

.faq-section h3 {
 color: #000000;
 text-align: center;
 padding-bottom: 50px;
 font-size: 18px;
 margin: 0px;
}

.faq-section .faq-accordions {
 max-width: 1140px;
 margin: 0 auto;
}

.faq-section .faq-accordions .accordion-row {
 padding-top: 15px;
 padding-bottom: 15px;
 border-bottom: 1px solid #D28D6C;
 cursor: pointer;
}

.faq-section .faq-accordions .accordion-row .title {
      font-family: 'MontBold';
 text-align: left;
 color: #39344A;
 font-size: 15px;
 font-weight: 500;
 position: relative;
 padding-right: 30px;
}

.faq-section .faq-accordions .title:after {
 content: '';
 position: absolute;
 border-left: #000 2px solid;
 border-bottom: #000 2px solid;
 right: 10px;
 top: 8px;
 -moz-transition: all .5s linear;
 -webkit-transition: all .5s linear;
 transition: all .5s linear;
 width: 7px;
 height: 7px;
 z-index: 1;
 transform: rotate(-45deg);
}

.faq-section .faq-accordions .title.open:after {
 transform: rotate(135deg);
 top: 14px;
}

.faq-section .faq-accordions .accordion-row .content {
 text-align: left;
 color: #39344A;
 font-size: 14px;
 line-height: 19px;
 overflow: hidden;
 height: 0px;
 transition: 0.5s all;
}
.faqlink{
 font-size: 14px;
    text-decoration: none;
     font-family: 'MontBold';
   color:#2D2749; 
}
 a:link {color: #2D2749;;}  
   a:visited {color: #2D2749;}  
   a:hover {color: #D28D6C;}  
   a:active {color: #2D2749;}  

.faqlink:active{
 font-size: 14px;
    text-decoration: underline;
     font-family: 'MontBold';
   color:#2D2749; 
}

.faqlink:hover{
 font-size: 14px;
    text-decoration: none;
     font-family: 'MontBold';
}



.faq-section .faq-accordions .accordion-row .open + .content {
 height: auto;
 overflow: initial;
 padding: 20px 0px;
}
@media(max-width:1200px) {
.faq-section .faq-accordions .accordion-row .title {
    font-size: 14px;
}}



       /* The Modal (background) */
        .modal {
            display: none;
            /* Hidden by default */
            position: fixed;
            /* Stay in place */
            z-index: 50;
            /* Sit on top */
            padding: 30px;
            /* Location of the box */
            left: 0;
            top: 0;
            width: 100%;
            /* Full width */
            height: 100%;
            /* Full height */
            /* Enable scroll if needed */
            background-color: rgb(0, 0, 0);
            /* Fallback color */
            background-color: rgba(0, 0, 0, 0.7);
            /* Black w/ opacity */
            overflow: hidden;
              align-items: flex-start;
   
            text-align: center;
          
        }

        /* Modal Content */
        .modal-content {

            max-height: 100%;
            overflow: hidden;

            background-color:#F7EDEA;
            margin: auto;
            padding: 20px;
            border: 1px solid #888;
         max-width: 700px;
            width:100%;
            -webkit-animation-name: animatetop;
            -webkit-animation-duration: 0.9s;
            animation-name: animatetop;
            animation-duration: 0.9s;
            border-radius: 0px;
 position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  
  text-align: center;

         
        }

        /* Add Animation */
        @-webkit-keyframes animatetop {
            from {
           
                opacity: 0
            }

            to {
               
                opacity: 1
            }
        }

        @keyframes animatetop {
            from {
       
                opacity: 0
            }

            to {
               
                opacity: 1
            }
        }
        .modal-header {
            padding: 2px 16px;
            text-align: right;
            position: relative;
    display: flex;
    justify-content: flex-start;
            min-height: 30px;
            border:0px;
   
        }

        /* The Close Button */
        .close {
            text-align: center;
            color: #2C2647;
            font-size: 35px;
            vertical-align: middle;
            font-weight: bold;
           position: absolute;
            border-radius: 50%;


    right: 0;

        }

        .close:hover,
        .close:focus {
            color:#D28D6C;
            text-decoration: none;
            cursor: pointer;
      
        }



        .modal-body {
            padding: 2px 16px;
        }

        .modal-footer {
            padding: 2px 16px;
            background-color: #5cb85c;
            color: white;
        }


.rowfooter {
  display: flex;
    max-width: 1140px;
    width: 100%;
    
     flex-direction: row;
}

/* Create two equal columns that sits next to each other */
.columnfooter {
  flex: 33.33333%;
  padding: 20px;
    vertical-align: middle;
 text-align: left;

}
.columnfooter1 {
  flex: 33.33333%;
  padding: 20px;

    vertical-align: middle;

    text-align: center;
}
.columnfooter2 {
  flex: 33.33333%;
  padding: 20px;
  vertical-align: middle;
    text-align: right;

}


@media(max-width:800px) {
           .modal-content {
            max-height: 95%;
               max-width: 95%;
             
   width:100%;
        }

  .rowfooter {
 flex-direction: column;
}  
    


.columnfooter {
  flex: 100%;
    text-align: center;



}
.columnfooter1 {
  flex: 100%;
text-align: center;


}
.columnfooter2 {
  flex: 100%;
text-align: center;

}
}


.redes{
  background-color:#ffffff;
float: right;
  color:#737373;
    position: relative;
    margin: 0 auto;
    right: 0px}


.site-footer{
  background-color:#2C2647;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}
.site-footer hr{
  border-top-color:#bbb;
  opacity:0.5;
}
.site-footer hr.small{
  margin:20px 0;
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px;
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}


.copyright-text
{
  margin:0px;
    font-family: 'MontRegular';
    font-size: 12px;
}
.copyright-text2:link
{
  margin:0px;
    font-family: 'MontRegular';
    font-size: 12px;
    text-decoration: underline;
    
}
.copyright-text2:hover
{
    color: #ffffff;
  margin:0px;
    font-family: 'MontRegular';
    font-size: 12px;
    text-decoration: none;
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px;
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0;
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align: center;
  }
    

    
    
    
    
    
}



#timer {
     font-family: 'MontRegular';
  font-size: 30px;
  font-weight: 100;
  color: #ffffff;
}
#timer div {
  display: inline-block;
  min-width: 80px;
}
#timer div span {
  color: #B1CDF1;
  display: block;
  font-size: 0.35em;
  font-weight: 400;
}



