/*--- PLACE YOUR CUSTOM STYLES HERE ---*/
:root {
    --swiper-navigation-size: 60px;
}

html{scroll-behavior: smooth}
/*--- Background Images ---*/
.bg-shortcodes {
    background-image: url(../img/backgrounds/bg-shortcodes.jpg);  
}
.bg-light {
    background-image: url(../img/backgrounds/bg-light.jpg);  
}

.bg-shop-1 {
    background-image: url(../img/backgrounds/bg-shop-1.jpg);  
}
.bg-shop-2 {
    background-image: url(../img/backgrounds/bg-shop-2.jpg);  
}

.bg-app-1 {
    background-image: url(../img/backgrounds/bg-app-1.jpg);  
}
.bg-app-2 {
    background-image: url(../img/backgrounds/bg-app-2.jpg);  
}
.bg-app-3 {
    background-image: url(../img/backgrounds/bg-app-3.jpg);  
}
.bg-app-4 {
    background-image: url(../img/backgrounds/bg-app-4.jpg);
}
.bg-app-5 {
    background-image: url(../img/backgrounds/bg-app-5.jpg);
}
.bg-app-6 {
    background-image: url(../img/backgrounds/bg-app-6.jpg);
}

.bg-event-1 {
    background-image: url(../img/backgrounds/bg-event-1.jpg);  
}
.bg-event-2 {
    background-image: url(../img/backgrounds/bg-event-2.jpg);  
}
.bg-event-3 {
    background-image: url(../img/backgrounds/bg-event-3.jpg);  
}

.bg-img-1 {
    background-image: url(../img/backgrounds/portada22.jpg); 
}
.bg-img-2 {
    background-image: url(../img/backgrounds/portada33.jpg); 
}
.bg-img-3 {
    background-image: url(../img/backgrounds/bg-3.jpg); 
}
.bg-img-4 {
    background-image: url(../img/backgrounds/bg-9.jpg);  
}
.bg-img-5 {
    background-image: url(../img/backgrounds/bg-5.jpg); 
} 
.bg-img-6 {
    background-image: url(../img/backgrounds/bg-6.jpg);  
}
.bg-img-7 {
    background-image: url(../img/backgrounds/bg-7.jpg); 
} 
.bg-img-8 {
    background-image: url(../img/backgrounds/bg-8.jpg);  
}    
.bg-img-9 {
    background-image: url(../img/backgrounds/bg-9.jpg);  
} 
.bg-img-10 {
    background-image: url(../img/backgrounds/portada1.jpg);  
} 
.bg-img-11 {
    background-image: url(../img/backgrounds/portada22.jpg);  
} 
.bg-img-12 {
    background-image: url(../img/backgrounds/portada3.jpg);  
} 
.bg-img-13 {
    background-image: url(../img/backgrounds/portada33.jpg);  
} 
.bg-img-14 {
    background-image: url(../img/backgrounds/bg-14.jpg);  
} 
.bg-img-15 {
    background-image: url(../img/backgrounds/bg-15.jpg);  
} 
.bg-blue {
    background-image: url(../img/backgrounds/bg-blue.jpg);  
	
} 
.portada-1 {
    background-image: url(../img/backgrounds/portada1.jpg);  
	
} 
.portada-2 {
    background-image: url(../img/backgrounds/portada2.jpg);  
	
} 
.portada-3 {
    background-image: url(../img/backgrounds/portada3.jpg); 
} 
/**
@media (max-width:992px) {
	.hero-slider .slide.portada-3 {
    	background-position: 85%;
	}
}
**/
.portada-4 {
    background-image: url(../img/backgrounds/portada4.jpg);  
}

.font-bold {
    font-family: montserratbold, serif;
    color: black;
    font-weight: 1000;
}

.font-bolder {
    color: black;
    font-family: montserratbold, serif;
}

.w-50 {
    width: 50%;
}

.submit-red-button {
    background-color: #f5333f !important;
    color: white !important;
    width: 50% !important;
    margin: auto !important;
    min-height: 7rem !important;
}

.submit-red-button:hover {
    background-color: #f5333f !important;
    color: white;
    margin: auto;
    min-height: 7rem;
    border-bottom: 0;
}

.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-column {
    flex-direction: column;
}

.align-items-flexend {
    align-items: flex-end !important;
}

.height100{
    height: 100%;
}

.mt-auto{
    margin-top: auto;
}

.card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
    height: 400px;
    width: 300px;
    padding: 5px;
}

.card img {
    display: block;
    height: 169px;
    width: 100%;
}

.card-wrapper {
    display: flex;
    flex-direction: row;
}

.my-swiper{
    width: calc(310px*3);
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.align-items-center {
    justify-content: center;
    align-items: center;
    align-content: center;
}

.align-items-evenly {
    justify-content: space-evenly;
    align-items: center;
    align-content: space-evenly;
}

.align-items-around {
    justify-content: space-around;
}

.font-large {
    font-size: 16px;
}

.big-red{
    color: #f5333f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    line-height: 2;
    font-family: montserratblack, serif;
}

.font-black {
    color: black;
}

.font-medium {
    font-size: 12px;
}

.color-red{
    color: #f5333f;
}

.timeline-bullet-blue{
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 5px solid;
    background: #fff;
    left: 50%;
    margin-left: -7px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.timeline::before {
    background-color: #182342 !important;
    width: 5px;
}

.top-50-grey {
    color: #898482 !important;
    top: 50% !important;
}

.relative {
    position: relative;
}

.navigation-arrow {
    z-index: 1;
    position: absolute;
    transition: transform .2s;
    bottom: 10rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.navigation-arrow img {
    width: 100px;
    height: 100px;
    transition: transform 0.2s;
}

.navigation-arrow:hover img{
    transform: scale(1.1);
}

@media (max-width:992px) {
	.navigation-arrow {
	    bottom: 1rem;
	}
}
@media ( max-height:650px) {
	.navigation-arrow {
		display: none;
	}
}

.title-hashtag {
    font-family: Arial, Helvetica, sans-serif;
    color: #f5333f;
    font-size: 26px;
    line-height: 30px;
    text-align: right;
}

.slider-card-wrapper {
    display: flex;
    flex-direction: row;
    height: 100%;
}

.slider-card-text {
    display: flex;
    margin-top: auto;
    height: 100%;
    font-size: 20px;
}

.slider-card-link {
    margin-left: 45px;
}

.slider-card-img {
    width: 300px !important;
    margin-left: 0;
}

@media only screen and (max-width: 1020px) {
    .my-swiper{
        width: 300px;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
}

.hero-slider-btn-img-22 {
	margin-left: 45px; 
	display: inline-block;
	background: url(../img/backgrounds/boton-inscribete-rojo.png) no-repeat;
	background-size: contain;
	width: 250px;
	height: 120px;
}
.hero-slider-btn-img-22:hover {
	background: url(../img/backgrounds/boton-inscribete-blanco.png) no-repeat;
	background-size: contain;
}

@media only screen and (max-width: 425px) {
    .slider-card-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .slider-card-img {
        margin-bottom: 2rem;
        margin-left: -45px;
    }

    .slider-card-text {
        margin-top: 0;
        margin-bottom: 2rem;
        font-size: medium;
    }

    .slider-card-link {
        margin-left: 0px;
    }

    .timeline::before {
        content: '';
        position: absolute;
        top: 0;
        height: 95%;
        width: 5px;
        left: 50%;
        margin-left: -3px;
        background-color: #182342 !important;
    }

}