*{
    margin: 0;
    padding: 0;
}

/* TIPOGRAFIA
--------------------------------------------- */
@font-face {
    font-family: "Myriad Pro";
    src: url("../fonts/MyriadPro-Regular.otf");
}

/* @font-face {
  font-family: "Neon 80s";
  src: url("../fonts/Neon.ttf");
} */

body { 
  font-family: "Myriad Pro",sans-serif;
  padding-top: 6rem;
  /* background-color: var(--gris_claro); */
}

/* nav ul { 
  font-family: "Neon 80s",sans-serif;
} */

/* TIPOGRAFIA
--------------------------------------------- */

.modal-header .close{
  outline: none;
}

/* READ MORE */

.morecontent { display: none; }
.morelink { display: block; cursor: pointer; color:#2196f3; }
.hidden { display:none; }

/* READ MORE */

.carousel{
    margin-bottom: 0;
}

.nav_logo {
    margin-left: 50px;
}

video{
    width: 100%;
    height: auto;
}

.nav_link{
  padding: 10px 0 10px 0;
}

 .active .nav_link{
  color: var(--naranja);
  border-bottom: solid;
}
/* nav ul li a{
    font-size: 1.1rem;
}

ul li .nav-link{
    color: var(--gris_oscuro)!important;
}

.active .nav-link {
    color: var(--naranja)!important;
}

.nav-link:hover {
    color: var(--gris)!important;
    transition: .3s;
} */

.shadow_xl{
    box-shadow: -5px 3px 20px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

/* MOBILE NAVIGATION/DESKTOP NAVIGATION */

#header {
    transition: all 0.5s;
    z-index: 997;
    padding: 15px 0;
    background-color: white;
  }
  
  #header.header-scrolled, #header.header-inner-pages {
    background: rgba(40, 58, 90, 0.9);
  }
  
  #header .logo {
    font-size     : 30px;
    margin        : 0;
    padding       : 0;
    line-height   : 1;
    font-weight   : 500;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  
  #header .logo a {
    color: #fff;
  }
  
  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  /* Desktop Navigation */
  .nav-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .nav-menu > ul {
    display: flex;
  }
  
  .nav-menu > ul > li {
    position: relative;
    white-space: nowrap;
    padding: 10px 0 10px 28px;
  }
  
  .nav-menu a {
    /* display: block; */
    position: relative;
    color: var(--gris_oscuro);
    transition: 0.3s;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-decoration: none;
  }
  
  .nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
    color: var(--naranja);
  }
  
  .nav-menu .drop-down ul {
    border-radius: 8px;
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
  }
  
  .nav-menu .drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  
  .nav-menu .drop-down li {
    min-width: 180px;
    position: relative;
  }
  
  .nav-menu .drop-down ul a {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    color: #0c3c53;
  }
  
  .nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
    color: var(--naranja);
  }
  
  .nav-menu .drop-down > a:after {
    content: "\ea99";
    font-family: IcoFont;
    padding-left: 5px;
  }
  
  .nav-menu .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px);
  }
  
  .nav-menu .drop-down .drop-down:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
  }
  
  .nav-menu .drop-down .drop-down > a {
    padding-right: 35px;
  }
  
  .nav-menu .drop-down .drop-down > a:after {
    content: "\eaa0";
    font-family: IcoFont;
    position: absolute;
    right: 15px;
  }
  
  @media (max-width: 1366px) {
    .nav-menu .drop-down .drop-down ul {
      left: -90%;
    }
    .nav-menu .drop-down .drop-down:hover > ul {
      left: -100%;
    }
    .nav-menu .drop-down .drop-down > a:after {
      content: "\ea9d";
    }
  }
  
  /* Get Startet Button */
  .boton_donar {
    margin-left: 25px;
    color: blue;
    /* border-radius: 50px; */
    padding: 15px 25px 15px 25px;
    white-space: nowrap;
    transition: 0.3s;
    font-size: 1.1rem;
    font-weight: 500;
    display: inline-block;
    /* border: 2px solid #ffb200; */
    font-weight: 600;
  }
  
  .boton_donar:hover {
    transform: scale(1.1);
    color: blue;
  }
  
  @media (max-width: 768px) {
    .boton_donar {
      margin  : 0 48px 0 0;
      padding : 6px 20px 7px 20px;
    }
    #header .logo img {
      max-height: 40px;
      max-width: 40px;
    }

    body{
      padding-top: 4.5rem;
    }
  }

  @media (max-width: 992px) {
    .active .nav_link{
      border-bottom: none;
    }
  }
  

/* Mobile Navigation */
.mobile-nav-toggle {
    position: fixed;
    top: 20px;
    right: 15px;
    z-index: 1042;/*9998*/
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
    padding: 0 6px;
  }
  
  .mobile-nav-toggle i {
    color:var(--gris_oscuro);
  }
  
  .mobile-nav {
    position: fixed;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    z-index: 1043;/*9999*/
    overflow-y: auto;
    background: #fff;
    transition: ease-in-out 0.2s;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    padding: 10px 0;
  }
  
  .mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .mobile-nav a {
    display: block;
    position: relative;
    color: #37517e;
    padding: 10px 20px;
    font-weight: 500;
    outline: none;
  }
  
  .mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
    color: var(--naranja);
    text-decoration: none;
  }
  
  .mobile-nav .drop-down > a:after {
    content: "\ea99";
    font-family: IcoFont;
    padding-left: 10px;
    position: absolute;
    right: 15px;
  }
  
  .mobile-nav .active.drop-down > a:after {
    content: "\eaa1";
  }
  
  .mobile-nav .drop-down > a {
    padding-right: 35px;
  }
  
  .mobile-nav .drop-down ul {
    display: none;
    overflow: hidden;
  }
  
  .mobile-nav .drop-down li {
    padding-left: 20px;
  }
  
  .mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 1041;/*9997*/
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(40, 58, 90, 0.6);
    overflow: hidden;
    display: none;
    transition: ease-in-out 0.2s;
  }
  
  .mobile-nav-active {
    overflow: hidden;
  }
  
  .mobile-nav-active .mobile-nav {
    opacity: 1;
    visibility: visible;
  }
  
  .mobile-nav-active .mobile-nav-toggle i {
    color: #fff;
  }

/*-------------------------FOOTER-----------------------------*/

footer h6{
    color: #ffffff80;
}

footer a {
  text-decoration: none!important;
}

footer p, footer a, footer li{
  font-size: 14px;
}

/* font-size: 1.3rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff30;
    border-radius: 100%; */

.link_circular label{
  font-size      : 1.3rem;
  width          : 35px;
  height         : 35px;
  display        : inline-flex;
  align-items    : center;
  justify-content: center;
  background     :#ffffff57;
  border-radius  : 100%;
  transition     : .4s;
}

.link_circular label i{
  transition: .4s;
}

.link_circular:hover{
  /* transform: scale(1.2); */
  /* transition: .6s; */
  color: white;
}

.link_circular:hover label{
  background-color: rgb(255, 255, 255);
}

.link_circular:hover .face i{
  color: #2054ff;
}

.link_circular:hover .yt i{
  color: #FF0000;
}

.link_circular:hover .ins i{
  /* background             : linear-gradient(90deg, rgba(252,176,69,1) 3%, rgba(253,66,29,1) 48%, rgba(208,17,127,1) 73%, rgba(161,0,109,1) 98%);
  background-clip        : text;
  -webkit-background-clip: text; */
  color                  : rgb(136, 3, 141);
}

.link_circular:hover .wa i{
  color: #25D366;
}

.link_circular:hover .twitt i{
  color: #1da1f2;
}

.link_circular:hover .tiktok i{
  color: black;
}


.link_circular:hover .default i{
  color: #0724a1;
}

#map_container iframe{
  width: 100%!important;
  height: 200px;
  min-height: 100%!important;
}

/*-------------------------FOOTER-----------------------------*/


/*-------------------------FILTROS-----------------------------*/

.oscurecido{
    backdrop-filter: brightness(60%);
}

.oscurecido_2{
    filter: brightness(60%);
}

.filter_blur{
  backdrop-filter: blur(10px);
}

/*-------------------------FILTROS-----------------------------*/


/*-------------------------PADDING-MARGIN-----------------------------*/

.descrip_fill{
    padding: 3rem;
}

.descrip_fill_2{
    padding: 3rem 5rem;
}

.descrip_fill_3{
    padding: 0;
}

.descrip_fill_4{
    padding: 6rem 0;
}

.descrip_margen_left{
    margin-left: 1rem;
}

.contenedor_fill{
    padding: 3rem;
}

.event_fill{
    padding: 2rem;
}

.margen_p{
    margin: 20px 0;
}

.margen_event{
    margin: 1rem;
}

.margen_main_slider{
    margin: 0 3rem;
}

.quit_margen_col{
    margin: 0 -15px;
}


/*-------------------------PADDING-MARGIN----------------------------*/


/*-------------------------BORDERS-----------------------------*/


.separador {
  border-right: 2px solid #dee2e6!important;
}


/*-------------------------BORDERS-----------------------------*/


/*-------------------------COLORES-----------------------------*/


:root{
    --naranja        : #ec671a;/*#ec671a*/
    --gris_claro     : #f3f5fa;/*#f4f4f4*/
    --gris           : #bbbbbb;
    --gris_oscuro    : #333333;
    --amarillo       : #ffc107;
    --gris_trasparent:#ffffff80;
}

.color_orange{
    color: var(--naranja)!important;
}

.background_orange{
    background-color: var(--naranja);
}

.color_yellow{
    color: var(--amarillo);
}

.background_yellow{
    background-color: var(--amarillo);
}

.color_white{
    color: white;
}

.background_white{
  background-color: white;
}

.background_blue{
    background-color: blue;
}

.color_blue{
    color: blue;
}

.background_light_gray{
    background-color: var(--gris_claro);
}

.background_dark_gray{
    background-color: var(--gris_oscuro);
}

.color_dark_gray{
    color: var(--gris_oscuro);
}

.background_gray{
    background-color: var(--gris);
}

.color_gray{
    color:var(--gris);
}

.color_gris_t{
  color: var(--gris_trasparent);
}

/*-------------------------COLORES-----------------------------*/

.activa{
    color: #ed7630 !important;
}

/*----------------------OPCIONES PRINCIPALES--------------------*/

#options_principals{
    /* background-color:var(--naranja); */
    margin-left : auto;
    margin-right: auto;
    padding     : 0 15px;
    max-width   : 88%;
    margin-top  : -3rem;
}

/*----*/

#options_principals .about_us{
    background-color:var(--gris_claro);
}

#options_principals .about_us h4{
    color:var(--naranja);
}

.about_us p{
    color:var(--gris_oscuro);
}

/*----------------------------------*/

#options_principals .more_details{
    background-color:var(--naranja);
    color           : white;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

#options_principals .more_details div{
    text-align: center;
}

#options_principals .more_details a{
    font-size: 1.6rem;
    color    : var(--naranja);
    width    : 100%;
}

/*----------------------------------*/

/* #options_principals .our_mission {
    background-color:#20333cab;
} */

.absolute_position{
    position:absolute;
    z-index :1;
    padding : 0 15px;
}

#options_principals .our_mission .mission_text {
    padding: 3rem 2.5rem 6rem 2.5rem;
}

#options_principals .our_mission h4{
    color: var(--amarillo);
}

.our_mission p{
    color: white;
}

/*-------------------------OPTIONS PRINCIPALS------------------------*/

.subtitle_header{
    padding: 3rem 0;
    color  : var(--naranja);
}

/*------------------------BANNERS-------------------------------------*/
.banner{
    padding: 8rem 3rem;
}

.banner h2{
   color:white; 
}

/*------------------------BANNERS-------------------------------------*/

/*------------------------EVENTS-------------------------------------*/

#contenedor{
  margin: 0 auto;
  max-width: 95%;
}

.event{
    border: none;
    background-color: white;
}

.event_date{
    background-color: var(--amarillo);
    color: var(--gris_claro);
    font-size: inherit;
}

.event_p{
    font-size: inherit;
    font-weight: 500;
}

.event label{
    font-size: small;
}

/* .pricing-switcher {
	text-align: center;
} */

.pricing-switcher .fieldset {
	display: inline-block;
	position: relative;
	/* padding: 2px; */
	border-radius: .5em;
    /* border: 2px solid #2d3e50; */
    background-color: var(--dark);
    text-align: center;
    margin-bottom: 0;
}

.pricing-switcher input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.pricing-switcher label {
	position: relative;
	z-index: 1;
	/* display: inline-block; */
	float: left;
	width: 90px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	/* font-size: 1.4rem; */
    color: #ffffff;
    margin-bottom: 0;
}

.pricing-switcher .switch {
	position: absolute;
	/* top: 2px; */
	left: 2px;
	height: 40px;
	width: 90px;
	background-color: #6c757d;
	border-radius: .5em;
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	transition: transform 0.5s;
}

.pricing-switcher input[type="radio"]:checked + label + .switch,
.pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch {
	-webkit-transform: translateX(90px);
	-moz-transform: translateX(90px);
	-ms-transform: translateX(90px);
	-o-transform: translateX(90px);
	transform: translateX(90px);
}

.no-js .pricing-switcher {
	display: none;
}

.btn_select{
  padding: 10px;
  border-radius: .5rem;
  border: none;
  background-color: var(--naranja);
  color: white;
  outline: none!important;
}

.btn_select i{
  color: white!important;
}

.btn_select:hover{
  transition: .5s;
  background-color: #d4560e;
}

.shadow_card{
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2)
}

.event label i{
  color: var(--amarillo);
}

.morelink i {
  color: var(--gris_oscuro);
}

#session_alert{
  max-width: 300px;
  margin-top: 8rem;
}

/*------------------------EVENTS-------------------------------------*/


/*------------------------@MEDIA-------------------------------------*/

@media screen and (max-width: 576px) {
  #options_principals{
    max-width: 100%;
  }
}

@media screen and (max-width: 500px){

    .contenedor_fill{
        padding: 1rem;
    }

    .nav_logo {
        margin-left: 0;
    }

    .descrip_margen_left{
        margin-left: 0;
    }

    .event_fill{
        padding: 2rem 1rem;
    }

    .descrip_fill_3{
        padding:1.5rem 1rem;
    }

    .event_image{
        height: 300px;
    }
}

@media screen and (max-width: 600px){

    .descrip_fill_3{
        padding:1.5rem 1rem;
    }
}

@media screen and (max-width: 800px){

  /* CHANGE */
    .descrip_fill_2{
        padding: 2rem;
    }

    .event_date{
        margin-top: .5rem;
    }
}

/* @media screen and (max-width: 360px){

    .wrapper{
        width: 260px;
    }
} */

@media screen and (max-width: 580px){

    /* .absolute_position{
        max-width:100%;
    } */

    #history{
      text-align: center!important;
    }
}

/*------------------------@MEDIA-------------------------------------*/
.imagen{
    background-image: url(../img/banners/banner.jpg);
          background-position: center;background-size: cover;}

/*------------------------SLIDER EVENT-------------------------------------*/
.gallery{
  height: 100%;
}

/* ------------------------------------- */
.slide, .carousel-inner, .carousel-item{
  height: 100%;
}

.carousel-item{
  min-height: 300px;
}

.about_us_slider .carousel-item{
  min-height: 450px;
}

.pro{
  min-height: 195px;
}

.image_size{
  background-position: center;
  background-size    : cover;
}

.carousel-indicators li{
  width: 15px;
  height: 15px;
  border-radius: 100%;
}
/* -------------------------------------- */

.event .gallery{
  min-height: 280px!important;
}

.gallery .flickity-viewport {
  height: 100%!important;
}

/* Slider of home */
.main-carousel .carousel-cell{
    height: 640px!important;
}

.us{
    margin: 0 -15px; /* height of carousel */
}

/* Slider of us */
.us .carousel-cell{
    height: 473px; 
}

.main-carousel .oscurecido{
    height: 100%;
}

.carousel-cell {
    width: 100%; /* full width */
    height: 100%; /*height of carousel */
    margin-right: 10px;
    /* background-color: #ec671a; */
}
/* position dots in carousel */
.flickity-page-dots {
    bottom: 0px!important;
    padding: 10px!important;
}
/* white circles */
.flickity-page-dots .dot {
    width: 12px;
    height: 12px;
    opacity: 1;
    background: transparent;
    border: 2px solid white;
}
/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
    background: white;
}
/*PREV NEXT*/
.flickity-button {
    background: transparent!important;
}
  /* icon color */
.flickity-button-icon {
    fill: white!important;
}

  /*------------------------SLIDER EVENT-------------------------------------*/

  /*------------------------GRID PROFILE-------------------------------------*/

  .content_grid{
    display: inline-block;
  }

  .grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, 320px);
    grid-gap: 35px;
}

  /*------------------------GRID PROFILE-------------------------------------*/

  /*------------------------HISTORY-------------------------------------*/

  .centrar_items{
    display: flex;
    align-items: center;
    justify-content: center;
  }

    /*------------------------HISTORY-------------------------------------*/


  /*------------------------POPOVER------------------------------------*/

.popover {
    /* background-color: var(--amarillo)!important; */
    padding: 10px!important;
    /* border: none; */
}

/* .arrow::after{
    border-bottom-color: var(--amarillo)!important;
} */

.popover-header {
    /* background-color: var(--amarillo)!important; */
    color: white!important;
    /* border: none; */
    border-bottom: none;

}

.popover-header::before {
    border-bottom: none!important;
}

  /*------------------------POPOVER-------------------------------------*/

/* TITLES */
.sub_t{
  font-weight: bold;
  font-size  : 1.9rem;
}

.subtitle_header::after, .hr_center_yellow::after {
  content   : '';
  display   : block;
  margin    : 16px auto 0 auto;
  width     : 50px;
  height    : 3px;
  background: var(--amarillo);
}

.hr_left_yellow::after {
  content   : '';
  display   : block;
  margin    : 16px auto 0 0;
  width     : 50px;
  height    : 3px;
  background: var(--amarillo);
}

.hr_center_white::after {
  content   : '';
  display   : block;
  margin    : 16px auto 0 auto;
  width     : 50px;
  height    : 3px;
  background: white;
}

  /*--------------------------PARTNER-------------------------------------*/

  .img_partner{
    height: 65px;
    width : auto;
    filter: grayscale(1);
  }

  .img_partner:hover{
    transition: .5s;
    filter    : none;
  }
    
  /*--------------------------PARTNER-------------------------------------*/

/*--------------------------PROGRAMS-------------------------------------*/

.eje_link{
  text-decoration: none!important;
}

.eje_link .card{
  transition: .4s;
}

.eje_link .card:hover{
  transform: scale(1.02);
}

.data_number{
  font-size  : 65px;
  font-weight: bold;
}

.border_top.active{
  color: var(--naranja)!important;
}
.border_top{
  margin: 1px;
  color: var(--gris);
  border-color: transparent!important;
  border-top: 2px solid var(--naranja);
}

/* ODS */

.min_height_ods{
  min-height: 444px;
}

/* .ejes .col-xl-4{
  transition: 1s;
} */

/*--------------------------PROGRAMS-------------------------------------*/

.shadow_sm{
  box-shadow:0px 2px 4px 1px rgba(0,0,0,.075);
}

/*--------------------------NO ACCESS-------------------------------------*/

.div_circle{
  border-radius: 50%;
  background-color: #fd7e1440;
  width: 6rem;
  height: 6rem;
}

/* DONAR */
.donate_p p{
  font-size: 1.5rem;
}

.donate_p strong{
  color: var(--naranja);
}

.donate_p .div_circle{
  background-color: #53fd9480;
}