@font-face {
  font-family: "DMS";
  src: url("https://storage.googleapis.com/inscribirme.appspot.com/media/keler/DMSerifText-Regular.ttf") format("truetype-variations");
  font-weight: 400;
}  

body {overflow-x: hidden}

.v2 .home_image {width: 100%; height: 400px; display: block; background-position: center center!important;  background-size: cover!important; background-repeat: no-repeat!important; position: relative}

.v2 .home_search {border: 0px solid #f67; display: table; width: 1240px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 0px; margin: 0px}

.v2 .home_search h2 {font-size: 1.4em; font-weight: 500; color: var(--color1)!important;}

.v2 .lema {min-height: 200px; background-size: contain!important; background-repeat:no-repeat!important; background-position: center center!important}
.v2 .banda {height: 100px;  width: 100vw; border: 0px solid #f89; position: absolute; bottom: 0px; background-size: contain!important; background-position: center center!important; background-repeat: no-repeat!important}

.v2 .row4 {width: calc(100% + 100px);margin: 0px -10px!important;}
.v2 .column4 {
  float: left;
  width: calc(25% - 10px); 
  padding: 0px 25px!important; border: 0px solid #f09; margin: 0px 
}

/* v2 wrapper */
.wrapperv2 {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 22% 30% 23% 25% ;
  padding: 0px;
  margin: 0px auto 30px;
  width: 95%; max-width: 1240px;background: #ffffff; min-height: 140px
}
.boxv2 {
  padding: 0px 0px;
  margin: 0px;
  text-align: left;
  border: 0px solid #ee0000;
}

.vv1a {grid-row: 1;  grid-column: 1; position: relative} 
.vv1b {grid-row: 1;  grid-column: 2; position: relative; margin-left: 10px} 
.vv1c {grid-row: 1;  grid-column: 3; position: relative; margin-left: 10px} 
.vv1d {grid-row: 1;  grid-column: 4; position: relative; margin-left: 10px; text-align: center} 

.wrapperv2 .city {width: 100%; text-align: center; font-size: 1.8em; font-weight: 450; text-transform: uppercase; font-family: 'DMS', "serif";}
.wrapperv2 .left {width: 100%; text-align: left; font-size: 1.1em; font-weight: 400; text-transform: uppercase}


/* end v2 wrapper */


.events_v2 {position: relative; width: 100%; border: 0px solid #f90; min-height: 20vh}
.events_v2 .notfound {position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); font-size: 1.4em; font-weight: 500}

.vertmiddle {position: absolute; top: 50%!important; transform: translateY(-50%)!important}

.events_v2 .wrapperv2 .btn-pink, .event_info .btn-pink, .event_buy .btn-pink  {background: var(--color2)!important; color: #000!important; text-transform: uppercase; border: none!important; height: 45px; font-size: 1.1em; line-height: 45px; padding: 0px 30px; border-radius: 45px}


/* event */
.v2 .event_info {border: 0px solid #f90; width: 80%; max-width: 1040px; margin: 40px auto; background: #fff; padding: 20px}

/* 2 columns */
.wrapperevent {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 50% 50% ;
  padding: 0px;
  margin: 0px;
  width: 100%;
    min-height: 550px;
}
.boxevent {
  padding: 0px 0px;
  margin: 0px;
  text-align: left;
  border: 0px solid #ee0000;
}

.ev1a {grid-row: 1;  grid-column: 1; padding-right: 10px} 
.ev1b {grid-row: 1;  grid-column: 2; padding-left: 10px; position: relative} 

/* 2 columns */
.ev1b .info {border: 0px solid #ee0000; position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% - 10px); text-align: center}
.ev1b .selct_tkts {border: 0px solid #ee0000; position: absolute; top: 30px; }


.info h1 {font-size: 1.8em!important; font-weight: 500; margin: 0px 0px 20px; text-transform: uppercase;  font-family: 'DMS', "serif";} 

.event_info h1 {color: var(--color1); font-size: 1.2em; text-transform: uppercase}
.event_info p {font-size: 1em; font-weight: 400; text-transform: uppercase}
.event_info h4 {color: var(--color1); font-size: 1.4em; margin: 20px 0px!important; text-transform: uppercase}
.event_info h6 {color: var(--color1); font-size: 0.9em; margin: 10px 10%!important; font-weight: 300!important; width: 80%;}
.event_info a {color: var(--color1); font-size: 1em; text-decoration: none!important; text-transform: none}

.event_info .return_ok_text {margin: 0px 20%; color: #777}

.map_link {display: none}

.event_info .ev_image {border: 0px solid #f90; height: 100%; display: block; background-size: contain!important; background-repeat: no-repeat!important; background-position: left center!important}

.selct_tkts h1 {font-size: 1.8em!important; font-weight: 500; margin: 0px 0px 40px; text-transform: uppercase;  font-family: 'DMS', "serif"; text-align: center} 
.selct_tkts h4 {font-size: 0.9em; margin: 0px 0px 5px!important; font-weight: 200}
.tkt_number select {border: 1px solid var(--color1)!important; width: 100%; background: #fff; height: 35px; line-height: 35px; border-radius: 35px; margin: 0px!important; padding-left: 30px}

.selct_tkts .event_price {border: 0px solid #450; text-transform: none!important; font-size: 0.8em; text-align: left; margin-top: 10px}
.selct_tkts button {margin-top: 80px!important}

/* buy tickets */
.v2 .event_buy {border: 0px solid #f90; width: 80%; max-width: 1040px; margin: 40px auto; padding: 0px; background: #000000}
.v2 .time_limit {max-width: 1040px; margin: 10px auto 0px; font-size: 0.8em; font-weight: 100; text-align: center}
.event_buy .title {font-size: 2em!important; font-weight: 500; margin: 0px 0px 40px; text-transform: uppercase;  font-family: 'DMS', "serif"; text-align: center;  background: #ffffff} 

.v2_table tr, .v2_table td, .v2_table th {background: none!important; color: #fff; font-size: 1em; font-weight: 400; padding: 6px 4px!important; margin: 0px}
.v2_table td, .v2_table th {border: 1px solid #fff}
.table80 {width: 80%; margin: 20px 10%}

.v2 .event_buy h1 {color: #fff;font-size: 1.8em!important; font-weight: 500; margin: 0px 0px 20px; text-transform: uppercase;  font-family: 'DMS', "serif"; }
.event_buy .buy_tickets_v2 {border: 0px solid #ff0!important}
.event_buy .buy_tickets_v2 h5 {font-size: 0.95em!important; color: #fff; line-height: 1.2em; font-weight: 400; margin: 0px}
.event_buy .buy_tickets_v2 label {font-size: 0.95em!important; color: #fff!important; font-weight: 400; margin: 10px 0px 5px!important; text-transform: uppercase}
.event_buy .buy_tickets_v2 .form-control {background: #000000!important; height: 35px!important; line-height: 35px; color: #ffffff!important; border-radius: 35px; border: 1px solid #ffffff!important}
.event_buy .buy_tickets_v2 .form-control:hover {border: 1px solid #ffffff!important}

.event_buy .terminos {font-size: 0.9em!important; color: #fff!important; font-weight: 400; }
.event_buy .paying_to {font-size: 0.8em!important; color: #fff!important; font-weight: 400; padding: 40px 0px 10px!important; display: block}
.event_buy .terminos a {color: #fff!important; font-weight: 450; }
.event_buy .md-icon {border: 1px solid #fff!important; height: 18px!important; width: 18px!important; transform: translateY(2px)}
.event_buy .md-icon::after {}

 /******************************************************************************************************/
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    
    body {overflow-x: hidden}
    
.v2 .home_image {width: 100vw; height: 350px; display: block;;background-position: center center!important; background-size: cover!important; position: relative}
    
.v2 .lema {height: 100px; width: 92vw; margin: 0px auto}
.v2 .banda {height: 125px;  width: 100vw; border: 0px solid #f89; position: absolute; bottom: 0px; background-size: 200%!important; background-position: center center!important; background-repeat: no-repeat!important}
    
/* v2 wrapper */
.wrapperv2 {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 100%;
  padding: 0px;
  margin: 0px 5% 30px;
  width: 90%; max-width: 100%;background: #ffffff; min-height: 300px; height: auto;
}
.boxv2 {
  padding: 0px 0px;
  margin: 0px;
  text-align: left;
  border: 0px solid #ee0000;
}

.vv1a {grid-row: 1;  grid-column: 1; position: relative; min-height: 90px} 
.vv1b {grid-row: 2;  grid-column: 1; position: relative; margin-left: 0px; min-height: 90px } 
.vv1c {grid-row: 3;  grid-column: 1; position: relative; margin-left: 0px; min-height: 90px} 
.vv1d {grid-row: 4;  grid-column: 1; position: relative; margin-left: 0px; text-align: center; min-height: 90px} 

.wrapperv2 .city {width: 100%; text-align: center; font-size: 1.8em; font-weight: 450; text-transform: uppercase; font-family: 'DMS', "serif";}
.wrapperv2 .left {width: 100%; text-align: center; font-size: 1.1em; font-weight: 400; text-transform: uppercase; padding: 0px 5%!important}

/* end v2 wrapper */
    
.v2 .event_info {width: 90%; max-width: 1040px; margin: 40px auto; background: #fff; padding: 20px}
    
/* 2 columns */
.wrapperevent {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 100% ;
  padding: 0px;
  margin: 0px;
  width: 100%;
    min-height: 550px;
}
.boxevent {
  padding: 0px 0px;
  margin: 0px;
  text-align: left;
  border: 0px solid #ee0000;
}

.ev1a {grid-row: 1;  grid-column: 1; display: none} 
.ev1b {grid-row: 1;  grid-column: 1; padding-left: 0px; position: relative} 

/* 2 columns */
    
/* buy tickets */
.v2 .event_buy {width: 90%; max-width: 1040px; margin: 10px auto; padding: 0px; background: #000000}
    
.table80 {width: 96%; margin: 20px 2%}
}

 /******************************************************************************************************/
@media all and (max-width: 1268px) {
    
}