:root {
  --main-green-dark-color: #223f2e;
  --main-green-light-color: #85E191;
  --main-new-green-light: #4F8451;
  --main-gold-color: #D4A742;
  --main-light-color: #F7F6F0;
  --main-black-color: #000000;
  --main-aliblack-color: #000;
  --main-red-color: #355244;
  --main-lightgray-color: #EDEDEE;
  --main-whiteoff-color: #F7F6F0;
  --main-blackalianza-color: #0F0F0F;
  --main-orange-color: #E3A229;
  --main-gray2-color: #f7f6f0;
  --green-primary: #223F2E;
  --green-secondary: #4F8451;
  --main-grey-1: #686765;
  --main-beige: #ECE6E1;
  --main-ice: #F9FEFA;
  --main-dark-red: #B21830;

}
html, body {
    width: 100% !important;
    overflow-x: hidden;
    background-color: var(--main-ice);
}
.newBody{
    background-color:var(--main-ice);
}
.a_none_style{
    text-decoration: none;
}
.bg-dark{
    background-color: #000000!important;
}
a, a:hover {
    color: var(--main-green-dark-color) ;
    text-decoration: none;
    font-weight: bold;
}

/*******************
TIPOGRAFÍAS 
********************/
@font-face {
    font-family: 'GT Walsheim Pro Black';
    src: url("../../fonts/alianza_2023/GT-Walsheim-Pro-Black.ttf") ;
}
@font-face {
    font-family: 'Inter Regular';
    src: url("../../fonts/alianza_2023/Inter-Regular.ttf") ;
}
@font-face {
    font-family: 'MangoGrotesque Regular';
    src: url("../../fonts/alianza_2024/MangoGrotesque-Regular.ttf") ;
}

/*MONTSERRAT*/
@font-face {
    font-family: 'Montserrat Regular';
    src: url("../../fonts/alianza_2025/montserrat/Montserrat-Regular.ttf") ;
}
@font-face {
    font-family: 'Montserrat SemiBold';
    src: url("../../fonts/alianza_2025/montserrat/Montserrat-SemiBold.ttf") ;
}@font-face {
    font-family: 'Montserrat Medium';
    src: url("../../fonts/alianza_2025/montserrat/Montserrat-Medium.ttf") ;
}
@font-face {
    font-family: 'Montserrat Bold';
    src: url("../../fonts/alianza_2025/montserrat/Montserrat-Bold.ttf") ;
}
@font-face {
    font-family: 'Montserrat ExtraBold';
    src: url("../../fonts/alianza_2025/montserrat/Montserrat-ExtraBold") ;
}
@font-face {
    font-family: 'Montserrat Light';
    src: url("../../fonts/alianza_2025/montserrat/Montserrat-Light.ttf") ;
}
@font-face {
    font-family: 'Montserrat Black';
    src: url("../../fonts/alianza_2025/montserrat/Montserrat-Black.ttf") ;
}

/*Druk*/
@font-face {
    font-family: 'Druk Wide Bold';
    src: url("../../fonts/alianza_2025/druk/DrukWide-Bold.otf") ;
}
@font-face {
    font-family: 'Druk Medium';
    src: url("../../fonts/alianza_2025/druk/Druk-Medium.otf") ;
} 

h1, h2, h3, h4 {
    color: var(--main-green-dark-color);
    font-family: 'Druk Wide Bold';
    letter-spacing: -0.5px;
}

h2{    
    font-size: 1.5rem;
    Line-height:1.5rem;    
    margin-bottom: 30px;
}

h3{}

h4{font-size: 1.5rem;}

h5{
    font-family: 'Montserrat Bold';
    font-style: normal;
    font-weight: 400;  
}

p{ font-family: 'Montserrat Regular';}

.black{
    font-family: 'Montserrat Black';
}
.bold{
    font-family: 'Montserrat Bold';
}
.light{
    font-family: 'Montserrat Light';
}
.light-weight{
    font-family: 'Montserrat Light';
}
.medium{
    font-family: 'Montserrat Medium';
}
.regular{
    font-family: 'Montserrat Regular';
}

.semibold{
    font-family: 'Montserrat Semibold';
}
.Inter-regular{
    font-family: 'Inter Regular';
}
.mango-bold{
    font-family: 'Druk Wide Bold';
}
 
.dark-green{
    color: var(--main-green-dark-color);
}
.green-primary{
    color: var(--green-primary);
}
.light-green{
    color: var(--main-green-light-color);
}
.gold{
    color: var(--main-orange-color);
} 
.light-color{
    color: var(--main-light-color)!important;
}
.dark{
    color: var(--main-black-color);
}
.black-alianza{
    color: var(--main-blackalianza-color);
}

.sel-mh{
  height: 40px!important;
}
.lh-mob{
  line-height: 18px;
}
/********************
INDEX
********************/

#navbarNavDropdown .nav-link{               
    font-family: 'Montserrat SemiBold';               
    font-size: 1rem;
    line-height: 1.25rem;
    /* identical to box height, or 83% */
    text-align: center;
    letter-spacing: -0.5px;
    color: #FEF9F3;
}
#navbarNavDropdown .nav-link { 
   font-size: 1rem !important; 
}
#navbarNavDropdown .dropdown-menu { 
    background-color:#000;color:--main-light-color; font-family: 'Montserrat Regular';   
}

#navbarNavDropdown .dropdown-item {
    color:var(--main-light-color);    
}
#navbarNavDropdown .dropdown-item:hover {      
   background-color: var(--main-green-light-color);    
   color: var(--main-black-color);
}
#navbarNavDropdownMobile{}
#navbarNavDropdownMobile .nav-link{font-family: 'Montserrat Bold';color:#000}
#navbarNavDropdownMobile .dropdown-link{font-family: 'Montserrat Light';color:#000}

#navbarNavDropdown .nav-item{  margin-right:35px;}
#navbarNavDropdownMobile .dropdown-menu{background-color: transparent; border:none;}
#navbarNavDropdownMobile .dropdown-item {color: #000000;font-family: 'Montserrat Regular';}
.navbar-toggler{color:#000;}
.navbar-toggler-icon{
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.click-lang{font-family: 'Montserrat Light';}
.flag-menu .dropdown-menu{background-color: transparent; z-index:999;font-size: 14px;border:none;}
.flag-menu .dropdown-menu .flag{max-width: 1.75rem;}
.no-focus:focus{
    box-shadow:none;  
} 
.menu-w{ 
    min-width: 40px!important;
    max-width: 40px!important;
    padding: 0px;
}  
.navbar{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; 
}
.logo-menu{
    width: 110px;
}
.tour-logo{
    height: 75px;
    padding-right: 5em;
}
.fa-chevron-down:before { 
    font-size: 11px;
}
.dropdown-toggle::after {
    content: none!important;
}
#navbarNavDropdown .nav-link:hover {
    color: var(--main-green-light-color);    
}  
.bg-announcement{
    background-color: #000000;
    color: #fff;
}
.bg-gray{
    background-color: #FEF9F3;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.bg-cities{
    background-color: var(--main-black-color);
    /*background-image: url('../../images/alianza_2023/img/adf.png');*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}

.btn-transparent{
    font-family: 'Montserrat Bold';
    background: transparent; 
    color: #000000;
    border: 2px solid #000000;
    border-radius: 40px;
    font-size: 20px;
    text-transform: uppercase;
}
.btn-transparent:hover{ 
    background: var(--main-green-light-color)!important;
    border: 2px solid var(--main-blackalianza-color)!important;
    border-radius: 40px;
    letter-spacing: -0.5px;
    color: var(--main-blackalianza-color)!important;
    box-shadow:none;
}
.btn-transparent:active{ 
    background: var(--main-green-light-color)!important;
    border: 2px solid #000000!important;
    border-radius: 40px;
    letter-spacing: -0.5px;
    color: var(--main-blackalianza-color)!important;
    box-shadow:none;
}
.btn-transparent:hover span {  
    color: var(--main-blackalianza-color)!important; 
}
.btn-transparent:active span {  
    color: var(--main-blackalianza-color)!important; 
}
 
.btn-reg-city{ 
    background: var(--main-blackalianza-color)!important;
    border: 2px solid var(--main-blackalianza-color)!important;
    width: 100%;
    padding: 7px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    border-radius: 40px;
    font-family: 'Montserrat Bold';
    color: var(--main-light-color)!important;
    box-shadow:none;
    text-transform: uppercase!important;
    font-size: 13px;
    letter-spacing: -0.5px;
}
.btn-reg-city span{ 
    text-transform: uppercase!important;
}
.btn-reg-city:hover{ 
    background: var(--main-green-light-color)!important;
    border: 2px solid var(--main-green-light-color)!important;
    border-radius: 40px;    
    color: var(--main-black-color)!important;
    box-shadow:none;
}
.btn-reg-city:active{ 
    background: var(--main-green-light-color)!important;
    border: 2px solid #000000!important;
    border-radius: 40px;
    letter-spacing: -0.5px;
     color: var(--main-black-color)!important;
    box-shadow:none;
}
.btn-reg-city:hover span {  
    color: var(--main-black-color)!important; 
}
.btn-reg-city:active span {  
    color: var(--main-black-color)!important; 
}


.btn:focus-visible {
    color: var(--main-light-color)!important;
    background-color: var(--main-green-light-color)!important;
    border-color: var(--main-green-light-color)!important;
    outline: 0;
    box-shadow: none;
}
.btn-mw{
    min-width: 200px;
}
.btn-transparent:focus{
    background: var(--main-green-light-color);
    border: 2px solid #000000;
    color: var(--main-blackalianza-color)!important;
    border-radius: 20px;
    box-shadow:none;
}
.btn-transparent:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: var(--main-blackalianza-color)!important;
    background-color: var(--main-green-light-color)!important;
    border-color: var(--main-black-color)!important;
    box-shadow:none;
}
.bt-mobile:hover{
    background: var(--main-green-light-color)!important;
    border: 2px solid #000000!important;
    border-radius: 40px;
    letter-spacing: -0.5px;
    color: var(--main-black-color)!important;
    box-shadow:none;
}
.btn-date{ font-family: 'Montserrat Medium' !important;font-size: 1.45rem;}
.btn-city{font-size: 1.45rem;}
.home-calendar-btn{ 
}
.select-city-home{font-size: 1.6rem;}
.box-cities{
    position: relative;
    margin-top: -100px;
}
.btn-info{
    background: transparent;
    border: 1px solid #000000;
    color: #000000;
    border-radius: 20px;
    width: 170px;
}
.btn-info:hover{
    background: transparent;
    border: 1px solid #000000;
    color: #000000;
    border-radius: 20px;
    width: 170px;
}
.btn-info:focus{
    background: transparent;
    border: 1px solid #000000;
    color: #000000;
    border-radius: 20px;
    width: 170px;
}
.card{
    border-radius: none;
    border: none;
}
.card-img-top{
    border-radius: 0;
}
.card-body{
    background-color: #000000;
    border-radius: 0 0 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.shadows{
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.shield{
    width: 40px;
}
.bg-ads{ 
    border-radius: 10px;
    color: #fff;
}
.logo-adidas{
    width: 140px;
}
.icon-20-years{margin-bottom: 4.5rem;}
.program-card h5{font-size: 24px}
.program-card p{font-size: 18px;}
.autor-txt{font-family: "gimlet-display";font-weight: 700}
.position-txt{
    color: var(--main-light-color);
    font-family: "gimlet-display";
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
}
a.grayColor{
    color: var(--main-grey-1)!important;
}
a.grayColor:hover{
    background: var(--main-blackalianza-color)!important;
    border: 1px solid var(--main-blackalianza-color)!important;
    color: var(--main-grey-1)!important;
}
.merch-txt{
    font-family: 'Montserrat SemiBold'; 
    font-size: 1.25;
}
/******************
REVIEWS
*******************/
.border-box{
    border: none;
    border-left: 2px solid #fff;
    height: 200px;
}
.hr-reviews{
    margin-top: 2rem;
    border: 1px solid #fff;
    opacity: 1;
}
/***********************
FOOTER
************************/
.logo-fs-footer{
    width: 108px;
}
.logo-alianza{
    width: 180px;  
}
.social img{
    height: 20px;  
}
.btn-sub{
    background: transparent;
    border: 1px solid #fff;
    width: 150px;
    border-radius:20px;
}
.btn-sub:hover{
    background: var(--main-green-light-color);
    border: 1px solid var(--main-green-light-color);
    
}
.btn-sub:focus{
    background: transparent;
    border: 1px solid #fff;
    
}
::placeholder{
    font-family: 'Montserrat Bold';
    text-align: center;
}
.bg-announcement input{
    border-radius: 10px;
    border: none;
}
.menu{
    margin-top: 2rem;
}
.legal{
    margin-top: 2rem;
}
.menu h5{
    margin-bottom: 2rem;
    font-size: 22px;
     line-height: 30px;
}
.legal h5{
    margin-bottom: .1rem;
    font-size: 16px;
    line-height: 35px;
    text-transform: uppercase; 
    font-weight: normal;
}
.newsletter-title{font-size: 2rem;line-height: 3rem;}
/*************************
SELECT A CITY 
*************************/
.select-city{
    border-radius: 15px;
}
/*************************
ALIANZAS
*************************/
.bg-green-1{
    background-color: #355244;
    border-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.txt-alianza{
    color: #fff;
    text-align: center;
    margin-top: 4rem;
}
.txt-alianza p{
    line-height: 90%;
}
.bg-green-2{
    background-color: #56806C;
   
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
/*******************+
COMPARASION OF PRIZES 
*********************/
.border-box-2{
    border: none;
    border-left: 3px solid var(--main-light-color);
    height: 200px;
    margin-left: 12rem;
    margin-top: 1rem;
}
.hr-comparasion{
    opacity: 1;
    border: 2px solid #000000;
}
/******************
COPAS
*******************/
.bg-deg-1{
    background: rgb(32,69,120); 
    background: linear-gradient(90deg, rgba(32,69,120,1) 12%, rgba(86,128,108,1) 53%);
    border-radius: 0 20px 20px 0;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.txt-copas{
    color: #fff;
    margin-top: 12rem;
    text-align: center;
}
.bg-deg-2{
    background: rgb(32,69,120);
    background: linear-gradient(90deg, rgba(32,69,120,1) 19%, rgba(86,128,108,1) 53%);
    border-radius: 20px 0 0 20px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
/******************
CITIES 
******************/
.label-city{
    background-color: var(--green-primary);
    color: #fff;
    text-align: center;
}
.borde-right{
    border-right: 1px solid #fff;
}
.btn-category{
    background: transparent;
    border: 2px solid var(--main-blackalianza-color);
    border-radius: 40px;
    color: var(--main-orange-color);;
    font-family: 'Montserrat Bold';
    text-transform: uppercase!important;
    text-align: center;
    width: 280px; 
    color: var(--main-blackalianza-color);
}
.btn-category span.price{ 
    color: var(--main-blackalianza-color);
}

.btn-category:hover span.price{ 
    color: var(--main-blackalianza-color);
}
.btn-category:hover{
    background: var(--main-green-light-color);
    border: 2px solid var(--main-blackalianza-color);
    border-radius: 20px;
    color: var(--main-blackalianza-color)!important;
     
}
.btn-category:focus{
    background: var(--main-green-light-color);
    border: 2px solid var(--main-blackalianza-color);
    border-radius: 20px;
    color: var(--main-whiteoff-color); 
}
.hr-cities{
    margin-top: 1rem;
    border: 1px solid #000000;
}
.bg-red{
    background-color: #9A2A30;
}
.navbar-toggler{
    border: none;
}
.order-c-1{
    order: 1;
}
.order-c-2{
    order: 2;
}
/**********************************
INDEX
*********************************/
.card-title{
    min-height: 1.6rem;font-size: 1.25;
}
.card-text{
    min-height:25px;font-size: 1.1rem;
}
.flag{
    max-width: 18px;
}
.testimonial-img{
    max-width: 89px;
}
.btn-white{ 
    color:var(--main-light-color);
    border: 2px solid var(--main-light-color);
    box-shadow: none;
    border-radius: 24px;
    min-width: 200px;
    font-family: 'Montserrat Bold';
}
.btn-white:active {
  background-color: var(--main-orange-color) !important;
}

.btn-white:hover, .btn-white:focus, .btn-white:active{
    background-color: var(--main-orange-color);
    border-color:var(--main-light-color);
    color:var(--main-light-color);
    border: 2px solid var(--main-light-color);
    box-shadow: none;
    border-radius: 24px;
}
.carousel{
    z-index: 9;
}
.about-cities{
    z-index: 99;
}
.pb-cities{
    padding-bottom: 7rem;
}
.br-photo{
    border-radius: 15px 15px 0px 0px ;
}
.white-subtitle{
    margin-bottom: 5rem;
    color: var(--main-light-color);
}
.p-years{
    padding-left: 25px;
    padding-right: 25px;
}
.testmonial-text{min-height: 200px}
.testmonial-text p{
    font-family: "gimlet-display";
    font-style: italic;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 2.25rem;
    color: var(--main-light-color);
}
.form-control{
    border-radius: 16px; 
    background-color: var(--main-whiteoff-color); 
    border-radius: 5px;
    font-family: 'Montserrat Bold'; 
     
}

.form-control::placeholder{
    border-radius: 16px; 
    color: var(--main-grey-1); 
    border-radius: 5px;
    font-family: 'Montserrat Bold'; 
    text-transform: uppercase;

}

/**********************************
PROGRAMAS
*********************************/
 .select-title {
    font-family: 'Inter Regular'!important;
    font-weight: 700;
    color: rgba(30, 23, 18, 0.65);
}

 .program-description p{
    font-family: 'Montserrat Light';
    font-size: 18px;
    line-height: 18px; 
}
.program-description b{
    font-family: 'Montserrat Bold';
    font-size: 18px;
    line-height: 18px; 
}

.program-description li{
    font-family: 'Montserrat Light';
    font-size: 18px;
    line-height: 22px; 
    text-decoration: none;
    list-style:none;
}
.program-padding{
    padding: 20px!important;
    color: var(--main-light-color);
    text-align: center;
}
.center-content {
   display: table;
   height:100%;
}
.middle-content {
   display: table-cell;
   vertical-align: middle;
}
.price-border{
    border-radius: 17px;
}
.img-prices {
    max-width: 90px;
    height: auto;
}
/**********************************
CALENDARIO
*********************************/
.btn-red{  
    border: 1px solid var(--main-red-color);
    transform: rotate(90deg);
}
a.calendario > img.calendar-img{
    max-height: 300px;
}
.hr-line{
    height: 4px;
    margin-top: 3rem;
    margin-bottom: 3rem;
    background: #D9D9D9;
}

/**********************************
REGISTRO
*********************************/

/***Smart wizard css ***/
#smartwizard{
    background-color: #EAEAEA;
    color: #fff;
    padding: 80px;
    color: #000000;
  border-radius: 10px;
}
#smartwizard .nav{
    /*background-color: var(--main-bg-dark-color);*/
    color: #ffffff;
    font-family:'Montserrat Bold';
  border: none;
}
#smartwizard .nav a{font-weight: bold;  font-size: 18px;text-transform: uppercase;padding: 0.5rem 2rem;}
#smartwizard select {
    /*-webkit-appearance: none;*/
    -webkit-appearance: menulist;

  }
#smartwizard{padding-bottom: 80px;}
#smartwizard .nav-item{
    padding: 10px 5px 10px 5px;

}
.sw-btn-group{ position: relative !important;margin-top: 30px;margin-bottom: 20px;padding: 5px 70px;width: 100% !important;}
.sw-theme-default > ul.step-anchor > li.active > a{
  color: #a50000;
    border: none !important;    
    text-decoration: underline;
    background: transparent !important;
    cursor: pointer;
}
.sw-theme-default > ul.step-anchor > li > a{
    text-decoration: none;
    border: none !important;
    background: transparent !important;  
    color: var(--main-btn-color);
}

.sw-btn-prev{ width: 190px;position: relative; right: 0px;position: absolute !important;left: 70px;}
.sw-btn-next{ width: 190px; float: right;position: absolute !important;right: 70px;}
.waiver-step{
  font-size: 11px!important;
  background-color: #fff;
  color: #000;
}
.waiver-step p{
  font-size: 11px!important;
}
.waiver-step h3{
  font-size: 12px!important;
}
.waiver-label{font-family:'Montserrat Bold';font-size: 18px;}
.u18-disclaimer{font-family:'Montserrat Bold',Arial,Helvetica,sans-serif ;}
div.scroll {
    margin:4px, 4px;
    padding:4px;
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align:justify;
}
#registerButton{margin-right: 70px;}
.aling-lang{
    text-align: right;
}
.aling-logo{
    text-align: left;
}
.btn-lang:hover{ 
  text-decoration: underline !important;
  color: var(--main-btn-color-hover);
  font-size: 17px;
}
.title-wid{
    font-family: 'Montserrat Bold';
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}
.inscription{
    background: rgba(0, 0, 0, 0.25);
    height: 1px;

}
.register >.form-control{
    border-radius: 5px!important;
}
.another-c{
    height: 63.2px;
} 
.card-green .card-header{}
.card-green .card-header, .card-green .card-body{
    background-color:  var(--main-green-dark-color)!important;
    color:  var(--main-light-color)!important;
}
.car-noborder{
    border: none!important;
    box-shadow: none;  
}

.card-gray .card-header, .card-gray .card-body{
    background-color:  var(--main-ice)!important;
    color:  var(--main-black-color)!important;
}
#contact-form .form-group{padding-right:4rem }
#contact-form .form-control{
  background-color: transparent; border: 1px solid black;border-radius: 5px;
}
#smartwizard  label {margin-bottom: 0.25rem}
.eme-mobile{
    width: 260px;
}
.btn-light {
    font-family: 'Montserrat Bold'!important;
}


.carousel-control-next, .carousel-control-prev{
    width: 5% ;
}

.price-card-title{
  height: 30px;
}
.price-card-price{
    height: 80px;
    display: grid;
    text-align: center!important;
    align-items: center;  
}
.price-card-body{
  height: 70px;
}
.main-div {
   position: relative;
}
.center-element {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 50%; 
   margin: auto;
}
option.firstOption{
    color: var(--main-gray2-color)!important;
}
 
/********************
INDEX 2024
********************/ 
.dark-alianza-color{
    color: var(--main-blackalianza-color);
}
.header-title{
    color: black;
    font-size: 24px;
    margin-bottom: 0px;
    font-family: 'GT Walsheim Pro Black';
}
.header-lang-option{
    font-size: 16px;
    padding-left: 25px;
} 
.mx-lang-auto{
    max-width: 53px;
}
 .black-form-control {
    text-align: center!important;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;  
    background-clip: padding-box;
    border: 1px solid #fff!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.text-light{
    font-family: 'Montserrat Regular'!important;
}
.orange-color{
    color:var(--main-green-light-color)!important;
}


.new-card-body{
    background-color: var(--main-ice);
    border-radius: 0 0 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding-top: 15px;
}
.text-dark{
    color: #000!important;
}
.btn-dark{ 
    text-transform: uppercase;
    color:var(--main-whiteoff-color);
    border: 2px solid var(--main-blackalianza-color);
    box-shadow: none;
    border-radius: 24px;
    padding: 5px 20px;
    min-width: auto;
    font-family: 'Montserrat SemiBold';
}
.btn-dark:active {
  background-color: var(--main-green-light-color) !important;
  color:var(--main-black-color);
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active{
    background-color: var(--main-green-light-color);
    border-color:var(--main-green-light-color);
    color:var(--main-whiteoff-color);
    border: 2px solid var(--main-green-light-color);
    color:var(--main-black-color);
    box-shadow: none;
    border-radius: 24px;
}
.bg-new-grey{
    background-color: var(--main-light-color);
    padding-top: 5rem;
    padding-bottom: 5rem;
} 

.bg-ice{
    background-color: var(--main-ice);
    padding-top: 5rem;
    padding-bottom: 5rem;
} 

.index-register-title{
    font-family: 'Druk Wide Bold';
    text-align: center; 
    font-size: 2.3rem;
    font-style: normal;
    line-height: 70px; /* 97.222% */
    letter-spacing: 1px;
    text-transform: uppercase;
     color: var(--green-primary);
}
.select-register{
    color: var(--green-primary);
    text-align: center;
    font-family: 'Montserrat ExtraBold';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 34.2px; /* 85.5% */
   /* text-transform: uppercase;*/
}
.mh-card{
    min-height: 30px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
/**********************************
2024 PROGRAMAS
*********************************/
.new-select-title {
    font-family: 'Montserrat Bold'!important;
    font-weight: 700;
    font-size: 15px;
    color: var(--main-grey-1);
}
.new-form-select{
    width: 280px; 
    display: inline-block;
}

.regular-title{
    font-family: 'Montserrat Bold'; 
}

.new-program-description p{
    font-family: 'Montserrat Light';
    font-weight: 300;
    font-size: 18px;
    line-height: 18px; 
}
.new-program-description b{
    font-family: 'Montserrat Bold';
    font-size: 18px;
    line-height: 18px; 
}

.new-program-description li{
    font-family: 'Montserrat Light';
    font-weight: 300;
    font-size: 18px;
    line-height: 22px; 
    text-decoration: none;
    list-style:none;
}
/**********************************
2024
*********************************/

.grey-1{
    color: var(--main-grey-1)!important;
}
.black-form-control{
    text-align: left!important;
    color: var(--main-ice);  
    background-color: var(--main-aliblack-color);
    font-weight: 800; 
}  


.black-form-control::placeholder{
    font-family: 'Montserrat Bold';
    text-align: center; 
    color: var(--main-grey-1); 
    text-transform: uppercase; 
}
.black-form-control::active{ 
    background-color: var(--main-aliblack-color);
}
.black-form-control::focus{ 
    background-color: var(--main-aliblack-color);
    color: #0F0F0F; 
}
placeholder   .black-form-control {
 color: var(--main-whiteoff-color)!important;
}
.icon-af{
    max-width: 20px;
}
.icon-af-fb{
    max-width: 10px;
}
.social .icon-ln{
    height: 27px;
}

/**********************************
ALIANZA 2024
*********************************/

.price-card{
    border-radius: 14.232px;
    background: var(--main-ice);
    box-shadow: 0px 0px 12.453px 0px rgba(0, 0, 0, 0.44);
}
.amount-price-card{
    font-family: 'Druk Wide Bold';
    color: var(--main-green-dark-color);
    font-size: 1.5rem;
    line-height: 1.5rem;
    height: 60px;
}
.title-price-card{
    text-transform: uppercase;
    font-family: 'Montserrat Bold';
    text-align: center;
    color: var(--main-blackalianza-color);
    font-size: 20px;
}
.new-img-prices {
    max-width: 90px;
    height: auto; 
}
.call-action-prog{
    font-size: 32px;
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    text-align: center;
    color: var(--main-whiteoff-color);
    text-align: center;
}


/**********************************
ABOUT US 2024
*********************************/
.new-green-title{
    font-family: 'Druk Wide Bold';
    font-size: 2.5rem;
    line-height: normal;
    color: var(--green-primary);
    text-align: center;
    margin: 3rem 0px;
    text-transform: uppercase;
}

/**********************************
NEWS
*********************************/
.news-detail-title{
    font-family: 'Druk Wide Bold';
    font-size: 2.5rem;
    line-height: normal;
    color: var(--green-primary);
    text-align: center;
    margin: 3rem 0px;
}

.new-card-news{
    background-color: var(--main-ice);
    border-radius: 0 0 16px 16px;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);
    padding-top: 15px;
}
.news-title-mh{
    color: var(--main-black-color);
    font-family: 'Montserrat Bold';
    font-size: 18px;
    min-height: 65px;
    margin-bottom:  .5rem;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.description-mh{
    color: var(--main-black-color);
    font-family: 'Montserrat Light'; 
    min-height: 80px; 
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-top-border{
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
/**********************************
CONTACT US
*********************************/
.contact-info{
    display: inline-block;  
    vertical-align: middle;
   
}
.contact-detail{ 
    display: flex;
    align-items: left;
    justify-content: left;
}
.img-contact-logo{
    margin-right: 2rem;
}
.no-style-link{
    color: var(--main-blackalianza-color);
    text-decoration: none;
}
.form-contact{
    color: var(--main-blackalianza-color);
    font-family: 'Montserrat Bold';
    border-radius: 9.026px;
    background-color: var(--main-whiteoff-color);
    border: 1px solid var(--main-blackalianza-color);
    text-transform: none;
}
.form-contact::placeholder{
    color: var(--main-grey-1);
    text-transform: uppercase;
    font-family: 'Montserrat Bold';
    text-align: left;
}
.contact-button{
    float: right; 
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: end;
}
.successful-title{
    color: var(--main-green-dark-color);
    text-transform: uppercase;
    font-family: 'Druk Wide Bold';
    font-size: 3.6rem;
    line-height: normal;
}
.successful-space{
    margin-top: 6rem;
    margin-bottom: 10rem;
}
/**********************************
REGISTER 
*********************************/
.register-title{
    font-family: 'Druk Wide Bold';
    font-size: 1.7rem; 
    line-height: normal;
    color: var(--green-primary);
    text-align: center;
    margin: 1rem 0px;
    text-transform: uppercase;
}
.register-label{
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    color: var(--main-aliblack-color);
}
.rules :hover {
    color: var(--main-orange-color)!important; 
    color:var(--main-black-color);
}
/**********************************
PRESTRIPE 2024
*********************************/
.prestripe-white-title{
    color: var(--main-whiteoff-color);
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: normal; 
    margin-bottom: 0px;
    text-align: center;
}

.prestripe-white-price{
    color: var(--main-whiteoff-color);
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    margin: 15px 0px;
    line-height: normal; 
    text-align: center;
}

.prestripe-white-description{
    color: var(--main-whiteoff-color);
    font-family: 'Montserrat Light';
    margin-bottom: 0px;
    line-height: normal; 
    margin-bottom: 0px;
    text-align: center;
}

.prestritpe-dark-title{
    color: var(--main-blackalianza-color);
    font-family: 'Montserrat Bold';
    text-transform: uppercase; 
    margin-bottom: 0px;
    text-align: center;
}

.prestripe-dark-price{
    color: var(--main-blackalianza-color)!important;
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    line-height: normal; 
    margin: 15px 0px;
    text-align: center;
}

.prestripe-dark-description{
    color: var(--main-blackalianza-color);
    font-family: 'Montserrat Light'; 
    line-height: normal; 
    margin-bottom: 0px;
    text-align: center;
}

.prestripe-card{
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prestritpe-space-title{ 
    min-height: 60px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prestripe-space-price{ 
    min-height: 160px;
    vertical-align: middle;  
    display: flex;
    align-items: center;
    justify-content: center;
}
.prestripe-space-description{ 
    min-height: 75px;
    vertical-align: middle; 
    display: flex;
    align-items: center;
    justify-content: center;
}
.prestripe-space-btn{
    vertical-align: bottom; 
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}
 
.btn-dark-prestripe{
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    min-width: 150px;
    border: 2px solid var(--main-blackalianza-color);
    color: var(--main-blackalianza-color);
    background-color: transparent;
    border-radius: 24px;
}

.btn-white-prestripe{
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    min-width: 150px; 
    border: 2px solid var(--main-whiteoff-color);
    color: var(--main-whiteoff-color);
    background-color: transparent;
    border-radius: 24px;

} 

.btn-white-prestripe .btn-dark-prestripe:active {
  background-color: var(--main-green-light-color) !important;
  color:var(--main-black-color);
}

.btn-white-prestripe:hover, .btn-dark-prestripe:hover {
  background-color: var(--main-green-light-color) !important;
  color:var(--main-black-color);
}

/**********************************
Paymentsuccess 2024
*********************************/
.new-green-light{
    color: var(--main-new-green-light);
}
.circle-green{
    color: var(--main-new-green-light);
    font-size: 60px; 
}
.payment-sutitle{
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    color: var(--main-blackalianza-color);
}
.btn-general{
    font-family: 'Montserrat Bold';
    background: transparent; 
    color: #000000;
    border: 2px solid #000000;
    border-radius: 40px;
    font-size: 20px; 
    padding: 7px 32px;
    text-align: center;
    text-transform: uppercase;
}
.btn-general:hover{ 
    background: var(--main-green-light-color)!important;
    border: 2px solid var(--main-green-light-color)!important;
    border-radius: 40px;
    letter-spacing: -0.5px;
    color: var(--main-blackalianza-color)!important;
    box-shadow:none;
}
.btn-general:active{ 
    background: var(--main-green-light-color)!important;
    border: 2px solid #000000!important;
    border-radius: 40px;
    letter-spacing: -0.5px;
    color: var(--main-blackalianza-color)!important;
    box-shadow:none;
}
.btn-general:hover span {  
    color: var(--main-blackalianza-color)!important; 
}
.btn-general:active span {  
    color: var(--main-blackalianza-color)!important; 
}


/**********************************
FULLCALENDAR 2024
*********************************/
.calendar-select-title{
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    color: var(--green-primary);
    text-align: center;
}
.calendar-price{
    font-family: 'Druk Wide Bold';
    text-transform: uppercase;
    color: var(--main-green-light-color);
    font-size: 1.3rem;
    letter-spacing: -0.5px;
}
.calendar-tournament-name{
    color: var(--green-secondary);
    text-align: center;
    font-family: "Montserrat Bold";
    font-size: 20px;  
    letter-spacing: -0.5px;
    text-transform: uppercase;
}
.prizes-icons{
    display:inline-flex; 
    align-content: center;
    padding-right: 7px;
    padding-left: 7px;
}
.bg-green{
    background-color: var(--green-primary);
}

.special-price{
    font-family: 'Druk Wide Bold';
    text-transform: uppercase;
    color: var(--main-orange-color);
    font-size: 2rem;
    letter-spacing: -0.5px;
    margin-top: 10px;
}
/**********************************
TRYOUT REGISTER
*********************************/
.alianzadark-color{
    color: var(--main-blackalianza-color);
}
.error{
    font-family: "Montserrat SemiBold";
    color: red;
    text-transform: uppercase;
    font-weight: 700;
}
.black-style-font{
    font-family: "Montserrat Bold";
    color: var(--main-blackalianza-color); 
}
.black-light-font{
    font-family: "Montserrat Regular";
    color: var(--main-blackalianza-color);
    text-transform: uppercase;
}
.green-style-font{ 
    font-family: "Montserrat SemiBold";
    color: var(--green-primary);
    text-transform: uppercase;  
}
.green-light-font{ 
    font-family: "Montserrat SemiBold";
    color: var(--green-primary);
    text-transform: uppercase;  
}
.form-check-input:checked {
    background-color: var(--green-primary);
    border-color: var(--green-primary);
}
/**********************************
GALLERY 2024
*********************************/
.btn-new-white{ 
    color:var(--main-light-color);
    border: 2px solid var(--main-light-color);
    box-shadow: none;
    border-radius: 24px;
    padding: 5px 14px;
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
}
.btn-new-white:active {
  background-color: var(--main-orange-color) !important;
}

.btn-new-white:hover, .btn-new-white:focus, .btn-new-white:active{
    background-color: var(--main-orange-color);
    border-color:var(--main-light-color);
    color:var(--main-light-color);
    border: 2px solid var(--main-light-color);
    box-shadow: none;
    border-radius: 24px;
}
.white-gallery-info{
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    color:var(--main-light-color);
    text-align: center;
}
.gallery-content{
    position: relative;
}

.gallery-content img{
    max-width: 100%;
    height: auto; 
     filter: brightness(50%);
}

.gallery-content .gallery-information{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    padding: 0px 15px ;
}

/**********************************
CONCUSSION 2024
*********************************/
.link-concussion{
    color: var(--green-primary) ;
    text-decoration: underline;
}
a.link-concussion:hover{
    color:var(--main-orange-color) !important;
}
.text-justify{
    text-align: justify!important;
}
/**********************************
FAQS 2024
*********************************/
.faq-title{
    color: var(--main-blackalianza-color);
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    text-align: center;
    border-radius: 24px;
}

.faq-title:hover{

    color: var(--main-whiteoff-color);  
    background-color: var(--main-orange-color); 
    border-radius: 24px;
    border: 1px solid var(--main-orange-color); 
}
.faq-title:active{
    color: var(--main-orange-color);  
}

.faq-nav{ 
    border-radius: 24px;
    border: 1px solid var(--main-blackalianza-color);
    background-color: transparent;
    margin-bottom: 25px!important;
}
.faq-nav:hover{ 
    border-radius: 24px;
    color: var(--main-whiteoff-color);  
    background-color: var(--main-orange-color);  
    border: 1px solid var(--main-orange-color); 
    margin-bottom: 25px!important;
}
.new-nav-pills{
    border: none!important;
}
.new-nav-pills .nav-link.active,   .new-nav-pills .show>.faq-nav{
    color: var(--main-whiteoff-color)!important;  
    border-radius: 24px;
    background-color: var(--main-orange-color);  
    border: 1px solid var(--main-orange-color)!important; 
}
.faq-btn { 
    color: var(--main-blackalianza-color);
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
}
.faq-btn:hover { 
    color: var(--main-orange-color); 
}

.faq-card-header{
    background-color: var(--main-light-color);
    padding: 10px 0px;
}
.faq-card-body{
    background-color: var(--main-light-color);
    border-radius: none;
    box-shadow: none;
    padding-bottom: 20px;
} 
/**********************************
PARTNERS
*********************************/

.partnes-content{
    position: relative;
}

.partnes-content img{
    max-width: 100%;
    height: auto;  
}

.partnes-content .partnes-information{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    padding: 0px 15px ;
}

/**********************************
PRO PLAYERS 2024
*********************************/
.name-players{
    color: var(--green-primary);
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    font-size: 18px;
    text-align: center!important;
}

.description-players{
    color: var(--main-aliblack-color);
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
    font-size: 14px;
    text-align: center!important;
    margin-bottom: 0px;
}
.light-description-players{
    color: var(--main-aliblack-color);
    font-family: 'Montserrat Light';
    text-transform: uppercase;
    font-size: 14px;
    text-align: center!important;
    margin-bottom: 0px; 
}
.players-min-height{
    height: 54px;
}
/**********************************
ERROR 2024
*********************************/
.error-icon{
    max-width: 50px;
}
.red-title{
    font-family: 'Druk Wide Bold';
    font-size: 4.5rem;
    line-height: normal;
    color: var(--main-dark-red);
    text-align: center;
    margin: 3rem 0px;
    text-transform: uppercase;
}
.bg-beige{
    background-color: var(--main-beige);
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
/**********************************
ACCOUNT
*********************************/
.account-title{
    font-family:'Montserrat Bold';
    text-transform: uppercase;
}
.active-item{
    z-index: 2;
    color: var(--main-whiteoff-color)!important;
    background-color: var(--green-primary)!important;
    border-color: var(--green-primary);
}
.input-login{
    border-radius: 25px!important;
    font-family: 'Montserrat Regular';
}
.bottom-space{
    padding-top:5rem;
    padding-bottom: 5rem;
}
.mini-logo{
    max-width: 52px;
}
.td-vertical{
    vertical-align: middle;
}
.register-card-body{
    background-color: #ECE6E1; 
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 15px;
    margin: 0px 7px;
    border-radius: 5px; 
}
.register-line{
    border-collapse: collapse;
    border-radius: 5px;
    border:1px solid var(--main-blackalianza-color); 
    padding: 15px 7px;
    margin-bottom: 25px;
}
.grey-line{
    border-bottom: 1px solid #9b9ea1; 
    display: flex;
   align-items: center;
   padding: 5px 0px ;
}
.login-icon{
    max-width: 80%;
}
.speace-login{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.div-player{
    background-color: var(--main-blackalianza-color);
    color: var(--main-whiteoff-color);
    font-family: 'Montserrat Medium';
    font-weight: normal;
    padding: 7px 15px;
    font-size: 12px;
}
.th-players{
    font-size: 12px; 
    font-family: 'Montserrat Medium';
    font-weight: normal;
}
.div-answer{
    padding: 7px 15px;
}
.hr-player{
    border: 1px solid var(--main-whiteoff-color);
    margin:0px;
}

.input-password{
    border-top-left-radius: 25px!important;
    border-bottom-left-radius: 25px!important;
    border-bottom-right-radius:0px!important;
    border-bottom-right-radius:0px!important;
    font-family: 'Montserrat Regular';
}

.dark-btn-password{
    background-color: var(--main-blackalianza-color);
    color: var(--main-whiteoff-color); s
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important; 
    border-top-right-radius:25px!important;
    border-bottom-right-radius:25px!important;
}
/**********************************
ROSTER
*********************************/
.thead-dark th{
    background-color:var(--main-blackalianza-color);
    color: var(--main-whiteoff-color);
    border-collapse: collapse;
}


/**********************************
HEADER 2025
*********************************/
.btn-green-light{
    color: var(--main-green-light-color); 
    border-bottom: 2px solid var(--main-green-light-color); 
}
.btn-green-light:hover{ 
    background-color: var(--main-blackalianza-color)!important ; 
    border-radius: 40px;
    color: var(--main-light-color) ;
    box-shadow:none;
}
.btn-green-light:active{ 
    background: var(--main-blackalianza-color) ;
    border: 2px solid #000000 ;
    border-radius: 40px;
    color: var(--main-light-color) ;
    box-shadow:none;
} 
.btn-dark-header{
    font-family: 'Montserrat Bold';
    background-color: var(--main-blackalianza-color)!important;
    color: var(--main-light-color) ; 
    border-radius: 40px; 
    text-transform: uppercase;
}
.btn-dark-header:hover{ 
    background-color: var(--main-green-light-color)!important ; 
    border-radius: 40px;
    color: var(--main-blackalianza-color) ;
    box-shadow:none;
}
.btn-dark-header:active{ 
    background: var(--main-blackalianza-color) ;
    border: 2px solid #000000 ;
    border-radius: 40px;
    color: var(--main-blackalianza-color) ;
    box-shadow:none;
} 

/**********************************
INDEX 2025
*********************************/
.bg-news{
    background-color: var(--main-light-color);
}
/*********SWEETALERT2********/
/*  style overall buttons */
.swal-button{
  border: 1px dashed #333;
}
/*  style cancel buttons */
.swal2-cancel{
  color: #333;  
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
  background-color: #0f0f0f !important; 
  box-shadow:none !important;
}
.swal-button--danger{
   color: #333;
}
.error-email-used{
  color:darkred;
}
/****************************ROSTER*******************************/
.roster-border{
    border: 8px solid #e2774b; 
  background: linear-gradient(
      217deg,
      rgba(15, 27, 60, 0.8),
      rgba(15, 27, 60, 0) 70.71%
    ),
    linear-gradient(127deg, rgba(15, 27, 60, 0.8), rgba(15, 27,60, 0) 80.71%),
    linear-gradient(230deg, rgba(17, 124, 179, 0.8), rgba(17, 124, 179, 0) 70.71%),
    linear-gradient(270deg, rgba( 17, 124, 179, 0.8), rgba(17, 124, 179, 1) 86.71%),
    linear-gradient(300deg, rgba(103,178 ,171, 1), rgba(103,178 ,171, 10) 80.71%);
}
/*****************************************************************/ 


 
/**********************************
FAQS
*********************************/
.accordion-button:not(.collapsed) {
    color: var(--main-green-dark-color);
    background-color: var(--main-ice);
    box-shadow: inset 0 calc(-1 * var(--main-green-dark-color)) 0 var(--main-green-dark-color);
}
 
.accordion-button:focus {
    z-index: 3;
    border-color: var(--main-green-dark-color);
    outline: 0;
    box-shadow: var(--main-green-dark-color);
}
.accordion-button-answer{
    font-family: 'Montserrat Regular'!important;
    font-size: 13px!important;
    border: none;
    background-color: var(--main-ice);
    text-align: justify!important;
} 
/**********************************
Merch 2025
*********************************/
.merch-txt p{
    font-family: 'Montserrat SemiBold';
}.merch-txt p strong{
    font-family: 'Montserrat Bold';
}
/**********************************
FINALS
*********************************/
.beige-bg-color{ 
    background-color: var(--main-light-color); 
}
/**********************************
Calendar 2025
*********************************/
.sold-out{
    font-size: 13px;
    font-family: 'Montserrat Bold';
    color: var(--main-grey-1);
}

/**********************************
Calendar 2025
*********************************/
blockquote{    
    border-left: 2px solid #ccc;
    margin-left: 1.5rem;
    padding-left: 1rem;
}
/**********************************
RESPONSIVO
*********************************/

/*Mobile*/
@media only screen and (min-width:320px) and (max-width: 479px) {

    .merch-txt{ 
        font-family: 'Montserrat Regular'; 
        font-size: 1rem;
    }
    .newsletterEmail{
        font-size: 15px;
    }
    .bottom-space{
        padding-top:2rem;
        padding-bottom: 2rem;
    }
    .successful-title{ 
        font-size: 2rem;
        line-height: normal;
    }
    .successful-space{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .circle-green{ 
        margin-top: 0rem;
    }
    .contact-button{
        float: unset; 
        vertical-align: middle; 
        align-items: center;
        justify-content: center;
        margin-top: 2rem;
    }
    .sm-dark{
        width: 100%;
    }
    .img-contact-logo{
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 2rem; 
    }
    .new-green-title{ 
        font-size: 1.5rem;
        line-height: normal;
    }
    .news-detail-title{ 
        font-size: 1.5rem;
        line-height: normal;
    }
    .call-action-prog {
        font-size: 22px; 
    }
    .new-form-select {  
    }
    .mh-card{
        min-height: auto;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .index-register-title{
        font-size: 1.7rem;
        line-height: 1.7rem;
        color: var(--main-green-dark-color);
    }
    .select-register{  
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        margin: 5px 0px 35px 0px;
        text-transform: uppercase;
    }
    .mt-sm-5{ 
        padding-top: 5rem;  
    }
    .black-form-control::placeholder{
        font-family: 'Montserrat Bold';
        font-size: 12px;
    }
    .btn-sub{
        font-size: 13px;
    }
    .mt-sm-3{
        margin-top: 3rem!important;
    }
    .header-title{
        /*color: black;
        font-size: 10px;
        margin-bottom: 0px;
        text-align: center;*/
        display: none;
    }
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: center;
    }
    #home-city .even{padding:0px 12px 0px 3px}
    #home-city .odd{padding: 0px 3px 0px 12px}
    .testmonial-text{min-height: 140px}
    .testimonial-img { max-width: 70px;}
    .autor-txt{font-size: 0.9rem;}
    .position-txt{font-size: 0.8rem;}
    .white-subtitle {
        line-height: 42px;
        color: var(--main-light-color);
    }
    .mobile-bg{
        min-height: 300px;
    }
    .logo-menu{
        width:75px;
        padding: 5px;        
    }
    .tour-logo{
       height: 35px;
       padding-right: 0px;
    }
    h2{ 
        font-size: 1.4rem;
        Line-height:1.5rem; 
    }
    .btn-transparent{
        width: 250px;
        font-size: 0.75rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        text-transform: uppercase;
    }
    .btn-city{font-size: 1rem;line-height:1.5rem}
    .btn-date{ font-size: 0.9rem;line-height: 1.5rem}
    .select-city-home{font-size: 22px;}
    .btn-transparent h5{
        font-size: 15px;
        text-transform: uppercase;
    }
    .partners-1{
        width: 120px;
    }
    .partners-2{
        width: 120px;
    }
    .partners-3{
        width: 80px;
    }
    .partners-4{
        width: 60px;
    }
    .partners-5{
        width: 100px;
    }
    .btn-sub{
        width: 150px;
    }
    .menu h5{
        margin-bottom: 0;
        font-size: 16px;
        line-height: 30px;
    }
    .legal h5{
        margin-bottom: 0;
        font-size: 16px;
        line-height: 30px;
    }
    .menu{
        margin-top: 0;
    }
    .legal{
        margin-top: 0;
    }
    .logo-fs-footer{
        width: 87px;
        margin-top: 1rem;
    }
    .logo-adidas{
        width: 100px;
    }
    .bg-green-1{
        border-radius: 0px;
    }
    .alianzas img{
        border-radius:  10px 10px 0 0;
    }
    .bg-green-2{
        border-radius: 0 0 10px 10px;
    }
    .border-box-2{
        border: none;
        border-left: 3px solid var(--main-light-color);
        height: 120px;
        margin-left: 0; 
        margin-top: 1rem;     
    }
    .bg-deg-1{
        border-radius: 0 0 10px 10px;
    }
    .bg-deg-2{
        border-radius: 0 0 10px 10px;
    }
    .categories{
        text-align: center;
    }
    .card-img-top{
        border-radius: 10px 10px 0 0;
    }
    .txt-alianza{
        margin-top: 0;
    }
    .txt-copas{
        margin-top: 0;
    }
    .testmonial-text p{
        font-size: 1.25rem;
        line-height: 1.25
    }
    .footer-for-soccer{margin-top: 80px;}
    .logo-fs-footer{margin-top: 80px;}
    .newsletter-title{font-size: 1.55rem;line-height: 22px;font-family: ''Montserrat Regular''}
    a.calendario > img.calendar-img {
        max-height: 200px;
    }
    .mb-categrory{
        text-align: center;
        font-size: 16px;
    }
    .mb-width{
        min-width: 100%;
    }
    .mt-mb-5{
        margin-top: 2rem;
    }
    .bt-mobile{
        padding-top: 16px!important;
        padding-bottom: 16px!important;
    }
    .about-cities{
       padding-left: 0px; 
       padding-right:0px;
    }
    .pd-mb-cities{
        padding:0px 10px 0px 12px;
    }
    .btn-white{ }
    .select-ms{
        font-size: 1.25!important;
    }
    /****************************
    2025 Password
    ****************************/
    .register-title{ 
        font-size: 1.5rem;  
    }
}
/*Tablets*/
@media only screen and (min-width:480px) and (max-width: 767px){
    .newsletterEmail{
        font-size: 15px;
    }
    .bottom-space{
        padding-top:2rem;
        padding-bottom: 2rem;
    }
    .successful-title{ 
        font-size: 2.6rem;
        line-height: normal;
    }
    .successful-space{
        margin-top: 6rem;
        margin-bottom: 10rem;
    }
    .circle-green{ 
        margin-top: 0rem;
    }
    .news-title-mh{ 
        font-size: 14px;
        min-height: 100px; 
    }
    .description-mh{ 
        min-height: 120px;  
    }
    .new-green-title{ 
        font-size: 2.5rem;
        line-height: normal;
    }
    .call-action-prog {
        font-size: 24px; 
    }
    .new-form-select {    
        width: 230px; 
    }
    .mh-card{
        min-height: auto;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .select-register{  
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        margin: 5px 0px 35px 0px;
        text-transform: uppercase;
    }
    .mt-sm-5{ 
        padding-top: 5rem;  
    }
    .logo-fs-footer{margin-top: 80px;}
    .white-subtitle {
        line-height: 42px;
        color: var(--main-light-color);
    }
    .logo-menu{
        width:70px;      
    }
    .tour-logo{
       height: 40px;
       padding-right: 1em;
    }
    .card-img-top{
        border-radius: 10px 10px 0 0;
    }
    .menu h5{
        margin-bottom: 0;
    }
    .legal h5{
        margin-bottom: 0;
    }
    .menu{
        margin-top: 0;
    }
    .legal{
        margin-top: 0;
    }
    .txt-alianza{
        margin-top: 0;
    }
    .bg-green-1{
        border-radius: 0;
    }
    .alianzas img{
        border-radius:  10px 10px 0 0;
    }
    .bg-green-2{
        border-radius: 0 0 10px 10px;
    }
    .bg-deg-1{
        border-radius: 0 0 10px 10px;
    }
    .bg-deg-2{
        border-radius: 0 0 10px 10px;
    }
    .txt-copas{
        margin-top: 0;
    }
    .btn-city{font-size: 14px;}
    .btn-date{ font-size: 14px;}
    .select-city-home{font-size: 14px;}
    .newsletter-title{font-size: 23px;line-height: normal;}
    .card-title{
        font-size: 20px;
    }
    .card-text{
        font-size: 16px;
    }
    a.calendario > img.calendar-img {
        max-height: 150px;
    }
    .mb-categrory{
        text-align: center;
    }
    .logo-fs-footer{
        width: 100px;
    }
    .header-title{
        /*color: black;
        font-size: 10px;
        margin-bottom: 0px;
        text-align: center;*/
        display: none;
    }
    /****************************
    2025 Password
    ****************************/
    .register-title{ 
        font-size: 1.5rem;  
    } 
}
@media only screen and (min-width:768px) and (max-width: 991.99px){
    .bottom-space{
        padding-top:2rem;
        padding-bottom: 2rem;
    }
    .btn-category {
        max-width: 100%;
    }
    .name-players{
        min-height: 45px;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
    } 
    .news-title-mh{ 
        font-size: 15px;
        min-height: 130px;   
    }
    .description-mh{ 
        min-height: 190px;  
    }
    .logo-fs-footer{margin-top: 80px;} 
} 
@media only screen and (min-width:768px) and (max-width: 1023.99px){
    .name-players{
        min-height: 45px;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
    } 
    .white-gallery-info{
        font-size: .8rem;
    }
    .circle-green{ 
        margin-top: 0rem;
    }
    .prestripe-card{
        min-height: 376px;
    }
    .prestritpe-space-title{ 
        min-height: 85px; 
    } 

    .news-title-mh{  
        min-height: 110px;   
    }
    .description-mh{ 
        min-height: 130px;  
    }
    .amount-price-card{ 
        font-size: 2rem;
        line-height: 2rem; 
    } 
    .amount-price-card {
        height: 45px;
    }
    .card-title{
        min-height: 52px; 
    }
    .card-text{
        min-height: 52px; 
    }
    .mh-card{
        min-height: 53px;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .index-register-title{
        font-size: 3.125rem;
    }
    .select-register{
        font-size: 25px;
    } 
    .newsletter-title{font-size: 23px;line-height: normal;}

    .logo-menu{
        width: 100px;        
    }
    .tour-logo{
        height: 82px;
        padding-right: 0px;
    }
    .card-img-top{
        border-radius: 10px 10px 0 0;
    }
    .btn-city{font-size: 12px;padding-left:0px;}
    .btn-date{ font-size: 12px;}
    .select-city-home{font-size: 1.4rem;}
    .bg-green-2{
        border-radius: 0 0 10px 10px;
    }
    .bg-green-1{
        border-radius: 0px;
    }
    .bg-deg-1{
        border-radius: 0 0 10px 10px;
    }
    .bg-deg-2{
        border-radius: 0 0 10px 10px;
    }
    /******************************
        Index 2025
    ******************************/
    .btn-reg-city span{
        font-size: 10px!important; 
    }
    .btn-reg-city { 
        padding: 8px 8px!important;
    } 
    /****************************
    2025 Password
    ****************************/
    .register-title{ 
        font-size: 1.5rem;  
    }
    .amount-price-card{
        font-size: 1.1rem;
    }
    /****************************
    Calendar 2025
    ****************************/
    .sold-out-font-size{
        font-size: 10px;
    }
    .sold-out{
        font-size: 8px;
    }
    .btn-category { 
        width: 265px;
    }
}
@media only screen and (min-width:1024px) and (max-width: 1200px){
    .btn-category {
         max-width: 100%;
    }
    .white-gallery-info{
        font-size: .9rem; 
        padding: 0px 15px;
    }
    .prestripe-card{
        min-height: 376px;
    }
    .prestritpe-space-title{ 
        min-height: 85px; 
    } 
    .card-title{
        min-height: 52px; 
    }
    .card-text{
        min-height: 52px; 
    }
    .news-title-mh{  
        min-height: 110px;   
    }
    .description-mh{ 
        min-height: 130px;  
    }
    .mh-card{
        min-height: 53px;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .index-register-title{
        font-size: 3.125rem;
    }
    .select-register{
        font-size: 25px;
    } 
    .btn-transparent{
        width: 270px;
    }
    .btn-transparent h5{
        font-size: 18px;
    }
    /******************************
        Index 2025
    ******************************/
    .btn-reg-city span{
        font-size: 10px!important; 
    }
    .btn-reg-city { 
        padding: 8px 8px!important;
    }
    /****************************
    2025 Password
    ****************************/
    .register-title{ 
        font-size: 1.5rem;  
    }
    /****************************
    Alianza 2025
    ****************************/
    .amount-price-card{
        font-size: 1.1rem;
    }

    /****************************
    Calendar 2025
    ****************************/
    .sold-out-font-size{
        font-size: 12px;
    }
    .sold-out{
        font-size: 10px;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    .prestripe-card{
        min-height: 376px;
    }
    .prestritpe-space-title{ 
        min-height: 85px; 
    } 
    .card-title{
        min-height: 26px; 
    }
    .card-text{
        min-height:52px; 
    }
    /******************************
        Index 2025
    ******************************/
    .btn-reg-city span{
        font-size: 11px!important; 
    }
    .btn-reg-city { 
        padding: 8px 8px!important;
    }

    
}

