html,body{
  width: 100%;
  height: 100%;
  background: white;
}


*:not(input):not(textarea):not(select) {
  -webkit-user-select: inherit;
  -moz-user-select: inherit;
  -ms-user-select: inherit;
  user-select: inherit;
}

.white{
  color: white
}

.bg-white{
  background: white;
}


.grey{
  color:grey
}

.bg-grey{
  background: grey;
}

.light-grey{
  color: #f1f2f4;
}

.bg-light-grey{
  background: #f1f2f4;
}

.purple{
  color: #4c495e;
}

.bg-purple{
  background: #4c495e;
}

.pink{
  color: #d90080;
}

.bg-pink{
  background: #d90080;
}

.bg-pink-o{
  background: rgba(217, 0, 128, 0.95) !important;
}

.dark-pink{
  color:#a60064;
}

.bg-dark-pink{
  background: #a60064;
}

.blue{
  color:#23377c;
}

.bg-blue{
  background: #23377c;
}

.bg-blue-o{
  background: rgba(35, 55, 124, 0.8);
}


.padding-5{
  padding:5px;
}

.padding-10{
  padding:10px;
}

.padding-20{
  padding:20px;
}

.padding-30{
  padding:30px;
}

.paddingT-20{
  padding-top:20px;
}

.paddingT-30{
  padding-top:30px;
}


.paddingL-10{
  padding-left:10px;
}

.paddingL-20{
  padding-left:20px;
}

.paddingL-30{
  padding-left:30px;
}


.paddingR-10{
  padding-right:10px;
}

.paddingR-20{
  padding-right:20px;
}

.paddingR-30{
  padding-right:30px;
}

.marginT-10{
  margin-top: 10px;
}

.marginT-20{
  margin-top: 20px;
}

.marginT-30{
  margin-top: 30px;
}

.marginT-40{
  margin-top: 40px;
}

.marginB-10{
  margin-bottom: 10px;
}
.marginB-20{
  margin-bottom: 20px;
}

.marginB-30{
  margin-bottom: 30px;
}

.marginB-40{
  margin-bottom: 40px;
}

.marginL-10{
  margin-left: 10px;
}

.marginL-20{
  margin-left: 20px;
}
.marginR-10{
  margin-right: 10px;
}

.marginR-20{
  margin-right: 20px;
}

.marginR-160{
  margin-right: 160px;
}

.marginR-30{
  margin-right: 30px;
}

.borderT-White{
  border-top:  solid 1px #fff;
}


.topbar{
  height: 50px;
  line-height: 35px;
  font-size: 12px;
}

.big-topbar{
  height: 80px;
  line-height: 65px;
  font-size: 12px;
}


.left-al{
  text-align: left;
}

.center-al{
  text-align: center;
}

.right-al{
  text-align: right;
}

.right-fl{
  float: right;
}

.height-60p{
  height: 60%;
}



.img-historia{
  height: 320px;
  width: auto;
}


.min-font{
  font-size: 14px;
}

.reg-font{
  font-size: 18px;
}

.small-font{
  font-size: 24px;
}

.tablet-font{
  font-size: 36px;
}

.med-font{
  font-size: 46px;
}

.big-font{
  font-size: 64px;
}

.xl-font{
  font-size: 80px;
}


.med-Icon{
  font-size: 22px;
}



.donationB{
  width: 120px;
  height: 28px;
  background: #d90080;
  color:#fff;
  border: none;
}

.donationB-Position{
  position: absolute;
  top:13px;
  right: 40px;
}


.separate-font{
  letter-spacing: 6px;
  font-family: italic;
}

/*

.container {
height: 100%;
text-align: center;
font: 0/0 a;
}

.container:before {
content: ' ';
display: inline-block;
vertical-align: middle;
height: 100%;
}

.vertical {
display: inline-block;
vertical-align: middle;
margin-left: auto;
}


*/


.pointer{
  cursor: pointer;
}

.upButton{
  width: 50px;
  height: auto;
  line-height: 50px;
}

.upButtonBig{
  width: 80px;
  height: 80px;
  line-height: 80px;
}

.circle{
  border-radius: 50%;
}


.bottom-banner{
  height: 80px;
  line-height: 80px;
}

.bottom-banner-mobile{
  height: 50px;
  line-height: 25px;
}



.imgB{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.imgPosT{
  background-position: top;
}

.imgPosB{
  background-position: bottom;
}

.imgPosL{
  background-position: left;
}

.imgPosR{
  background-position: right;
}

#historia1{
  background-image: url("../img/IMG_6708-min.jpg");
}


#sabores1{
  background-image: url("../img/IMG_6682-min.jpg");
}

#sabores2{
  background-image: url("../img/IMG_6618-min.jpg");
}


#sabores3{
  background-image: url("../img/IMG_6680-min.jpg");
}

#sabores4{
  background-image: url("../img/IMG_0098-min.jpg");
}




#about-header{
  background-image: url("../img/IMG_1729-top.png");
  height: 300px;
  display: flex;
  align-items: center;
}

#objetivos-header{
  background-image: url("../img/IMG_0021-top.png");
  height: 300px;
  display: flex;
  align-items: center;
}

#about{
  background-image: url("../img/Grupo.png");

}

#about-top{
  background-image: url("../img/abc[1776].jpg");

}

#about-bottom{
  background-image: url("../img/IMG_1729.png");

}

#about1{
  background-image: url("../img/abc.png");
}


#about2{
  background-image: url("../img/IMG_1729.png");
}

#programa1{
  background-image: url("../img/IMG_6974[1782].jpg");
}
#programa2{
  background-image: url("../img/IMG_1749[1781].jpg");
}
#programa3{
  background-image: url("../img/224F7883.png");
}

#eventos{
  background-image: url("../img/IMG_36782.png");
}
#nuestrosP{
  background-image: url("../img/IMG_6974.jpg");
}



#sabores{
  background-image: url("../img/eventos_banner.png");
  background-attachment: fixed;
}

.sabores{
  background-image: url("../img/eventos_banner.png");

}

.padding-0{
  padding:0;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


ons-carousel-item {
  display: table;
  text-align: center;
}

.item-label {
  display: table-cell;
  vertical-align: middle;
  color: white;
  line-height: 1;
  font-size: 48px;
  font-weight: bold;
}

.cover-label {
  text-align: center;
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 10px;
  color: white;
}


.link{
  text-decoration: none;
  color: white;
}


a:active{
  color:#fff !important;
}

.height-50p{
  height:50%;
}



.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


.outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}

.middle {
  display: table-cell;
  vertical-align: middle;
}

.inner {
  margin-left: auto;
  margin-right: auto;
  width: 100%; /*whatever width you want*/
}


#quienes{
  background-image: url("../img/abc.png");
  height: 380px;
}

#objetivos{
  background-image: url("../img/process-bg.png");
  height: 380px;
}


.inline-block{
  display: inline-block;
}

.flex-center{
  display: flex;
  align-items: center;
}

.row{
  margin:0 !important;
}

.br-white{
  border: 1px solid #fff;
}

.carousel-button{
  font-size: 50px !important;
  color: white;
  z-index: 9999;
  background: rgba(35, 55, 124, 0.7);
  padding:10px;
}

.carousel-button-min{
  font-size: 50px !important;
  color: white;
  z-index: 9999;
  background: rgba(35, 55, 124, 0.7);
  padding:5px;
}


@media (max-width: 768px) {
  .padding-large-a{
    padding:30px !important;
  }
}



/* FIREFOX CAROUSEL */

@-moz-document url-prefix() {


  @media screen and (min-width: 1200px) {
    #carousel-container{
      width: 1170px !important;
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    ons-carousel-item {
      width: 1170px !important;
    }
  }


  @media screen and (min-width: 768px) {
    #carousel-container{
      width: 750px !important;
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    ons-carousel-item {
      width: 750px !important;
    }
  }


  @media screen and (max-width: 767px) {
    ons-carousel-item {
      width: 100vw !important;
    }
    #carousel-container{
      width: 100vw !important;
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
  }
}