.f-row-r{flex-flow: row-reverse;}
@media screen and (max-width: 991px) {
    .f-row-r{
        flex-flow: column;
    }
}
html #header.header-transparent {background: #6f6f6f;}

/* .f-play{font-family: 'Playfair Display', serif !important;}
.f-helve{font-family: "Helvetica Neue Lt Std Roman" !important;} */

.l-verde{color: #2db1aa!important;}
.l-verde-flecha{color: #2db1aa;}
.l-gris{color:#6f6e6d!important;}
.l-azul{color: #2d2e80 !important;}
.l-blanco{color: #fff !important;}

.l-azul-icono{color: #2d2e80 !important;border-color: #2d2e80!important;}
.l-verde-icono{color: #2db1aa !important;border-color: #2db1aa!important;}
.mayus{text-transform: uppercase;}
.ws{white-space: pre-line;}

.f-cursiva{font-style: italic;}

.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.t-justificar{text-align: justify;}
.l-height-normal{line-height: normal;}


.mr0_tiktok{
    margin-right: 0px !important;
}

#nosotros{
	margin-top: -27px !important;
    position: relative;
    padding-top: 60px;
}



.bkg-azul{background: #0e245e !important;}
.bkg-gris{background: #c2c8d8 !important;}




.vaper-pb_0{padding-bottom: 0px !important;}


.bkg-azul-uno:before{
	background: #0e245e !important;
}

.p_espacio-amparo{
	padding-left: 45px;
    font-family: var(--roman);
}

.vappers-mb-parrafo{
    margin-bottom: 30px;
}


hr:not([size]) {
    height: 3px !important;
}


.btn_contacto{border: 1px solid #2d2e80;width: auto;color: #6f6e6d;}

.logo-leadme{width: 135px;}


.pb0-mb0{padding-bottom: 0px !important;margin-bottom: 0px !important;}

.card{background-color: transparent !important;}
.alto-card{height: 440px;}
.bkg-verde{background-color: #2db1aa !important;}
.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a:after {color: #2db1aa!important;}
.custom-element-wrapper.custom-element-4 .custom-element{
    opacity: .2;
}
@media screen and (max-width: 991px) {
    .alto-card{
        height: auto;
    }
}

:root{
    --verde: #009f9a;
    --morado: #0c255e;
    --gris: #6f6e6d;
    --negro: #000000;
    --blanco: #ffffff;
    --roman: 'Helvetica Lt Std Roman';
    --romanB: 'Helvetica Lt Std Roman Bold';
    --playfairR: 'Playfair Display R';
    --playfairI: 'Playfair Display I';
    --playfairM: 'Playfair Display M';
    --playfairMI: 'Playfair Display MI';
    --playfairSB: 'Playfair Display SB';
    --playfairSBI: 'Playfair Display SBI';
    --playfairB: 'Playfair Display B';
    --playfairBI: 'Playfair Display BI';
}

*{
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: 'Helvetica Lt Std Roman Bold';
    src: url('../fonts/HelveticaNeueLTStd-Bd.otf');
}
@font-face {
    font-family: 'Helvetica Lt Std Roman';
    src: url('../fonts/helvetica-neue-lt-std-55-roman.otf');
}
@font-face {
    font-family: 'Playfair Display R';
    src: url('../fonts/PlayfairDisplay-Regular.ttf');
}
@font-face {
    font-family: 'Playfair Display I';
    src: url('../fonts/PlayfairDisplay-Italic.ttf');
}
@font-face {
    font-family: 'Playfair Display M';
    src: url('../fonts/PlayfairDisplay-Medium.ttf');
}
@font-face {
    font-family: 'Playfair Display MI';
    src: url('../fonts/PlayfairDisplay-MediumItalic.ttf');
}
@font-face {
    font-family: 'Playfair Display SB';
    src: url('../fonts/PlayfairDisplay-SemiBold.ttf');
}
@font-face {
    font-family: 'Playfair Display SBI';
    src: url('../fonts/PlayfairDisplay-SemiBoldItalic.ttf');
}
@font-face {
    font-family: 'Playfair Display B';
    src: url('../fonts/PlayfairDisplay-Bold.ttf');
}
@font-face {
    font-family: 'Playfair Display BI';
    src: url('../fonts/PlayfairDisplay-BoldItalic.ttf');
}
@media(max-width: 991px) {
	html:not(.mobile-menu-opened) #header .header-body {
		overflow: visible !important;
	}
}
@media(max-width: 991px) {
	html:not(.mobile-menu-opened) #header .header-body {
		overflow: visible !important;
	}
    html #header.header-transparent .header-body{
        overflow: visible!important;
    }
}
#header .header-nav-main nav > ul > li > a{
    font-family: var(--roman);
    font-weight: 500!important;
    letter-spacing: 0;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a{
    font-family: var(--roman);
    font-size: 16px;
}
.btnHeader{
    transition: .5s ease-in-out;
    letter-spacing: 0;
    font-family: var(--roman);
    font-weight: 500;
}
@media screen and (max-width: 991px) {
    .btnHeader{
        position: absolute;
        top: 65px;
        right: 0;
        padding: 8px 30px;
    }
}
.btnHeader:hover i{
    color: var(--blanco);
}
.custom-element-wrapper.custom-element-1 .custom-element{
    opacity: .2;
}
#header .header-top.header-top-borders{
    background: var(--morado);
}
#header .header-top.header-top-borders .contInfoTop{
    display: flex;
    align-items: center;
    margin-right: 15px;
}
#header .header-top.header-top-borders .contInfoTop i{
    margin-right: 8px;
    color: var(--gris);
}
#header .header-top.header-top-borders .contInfoTop a{
    color: var(--blanco);
    padding: 6px 0;
    font-family: var(--roman);
}
@media screen and (min-width: 1919px) {
    .custom-hero-row{
        min-height: auto;
    }
}
@media screen and (max-width:991px){
    .d-none-mobile{
        display: none;
    }
}
.home .d-noneHome{
    display: none!important;
}
@media screen and (max-width: 991px) {
    .dropdown-item{
        white-space: normal;
    }
    #header .header-nav-top{
        max-width: 50%;
        padding: 10px 0;
    }
    #header .header-top.header-top-borders .contInfoTop{
        padding: 0!important;
        margin-right: 0;
    }
    #header .header-top.header-top-borders .contInfoTop a{
        padding: 0;
    }
}
/*********************
Slide
**********************/
.titleSlide{
    line-height: normal;
}
.titleSlide span{
    line-height: normal;
}
.titleSlide span:nth-child(1){
    font-family: var(--romanB);
    color: var(--gris);
    font-size: 22px;
    line-height: 30px;
}
.titleSlide span:nth-child(2){
    font-family: var(--playfairSBI);
    color: var(--morado);
    font-size: 40px;
    line-height: 50px;
}
.titleSlide span:nth-child(3){
    font-family: var(--playfairSBI);
    color: var(--verde);
    font-size: 45px;
    line-height: 45px;
}
.titleSlide span:nth-child(4){
    color: var(--gris);
    font-family: var(--playfairM);
    font-size: 45px;
    line-height: 45px;
}
@media screen and (max-width: 991px) {
    .titleSlide{
        line-height: 25px;
    }
    .titleSlide span:nth-child(1){
        line-height: 18px;
        font-size: 15px;
    }
    .titleSlide span:nth-child(2),
    .titleSlide span:nth-child(3),
    .titleSlide span:nth-child(4){
        font-size: 28px;
        line-height: 35px;
    }
}


#nosotros p{
    font-family: var(--roman);
}


#proceso .card-text{
    font-family: var(--roman);
}

#preguntas-frecuentes a{
    font-family: var(--playfairM);
    font-size: 20px;
}
#preguntas-frecuentes p{
    font-family: var(--roman);
    font-size: 16px;
}

/********************************/
/*Vapers*/
/*******************************/
#vapers{
    padding: 150px 0 70px;
}
@media screen and (max-width: 991px) {
    #vapers{
        padding: 230px 0 70px;
    }
}
#vapers li{
    font-family: var(--playfairSB);
}
#vapers p{
    font-family: var(--roman);
}
#vapers p span.hidden{
    display: none;
}
@media screen and (max-width: 991px) {
    #vapers p span.hidden{
        display: inline;
    }
}

/********************************/
/*Espectadores*/
/*******************************/
#espectaculares{
    padding: 150px 0 70px;
}
@media screen and (max-width: 991px) {
    #espectaculares{
        padding: 230px 0 70px;
    }
}
#espectaculares .boxImgAbsolute{
    position: absolute;
    top: 100px;
    right: 0;
}
@media screen and (max-width: 991px) {
    #espectaculares .boxImgAbsolute{
        position: relative;
        top: 0;
        margin-top: 40px;
    }
    #espectaculares .rotate-r-45{
        transform: rotate(0deg);
    }
    #espectaculares .rotate-r-45:before{
        display: none;
    }
    #espectaculares .boxImgAbsolute img{
        max-width: 250px;
    }
}
#espectaculares .listService li{
    font-family: var(--roman);
    padding-top: 12px;
    margin-bottom: 0px;
    font-size: 17px;
    padding-left: 15px;
    list-style: upper-roman;
}
#espectaculares p{
    font-family: var(--roman);
}
#espectaculares p span.hidden{
    display: none;
}
@media screen and (max-width: 991px) {
    #espectaculares p span.hidden{
        display: inline;
    }
}
#espectaculares .listService{
    margin-left: 35px;
    text-align: justify;
}
#espectaculares .description{
    text-align: justify;
}
#espectaculares .description.pl-list{
    padding-left: 45px;
}
#espectaculares .description .strongP{
    font-family: var(--romanB);
}
#espectaculares .description .underlineP{
    text-decoration: underline;
}
#espectaculares .listPlay li{
    font-family: var(--playfairSB);
}

/********************************/
/*Header Sections*/
/*******************************/
.titleSection{
    font-family: var(--playfairB);
    line-height: normal;
    white-space: pre-line;
}
@media screen and (max-width: 991px) {
    .titleSection{
        line-height: 19px;
        white-space: normal;
    }
}
.titleSection .smallText{
    color: var(--gris);
    font-size: 17px;
}
.titleSection .normalText{
    font-family: var(--playfairBI);
    color: var(--morado);
    font-size: 30px;
}
@media screen and (max-width: 991px) {
    .titleSection .normalText{
        font-size: 20px;
    }
}


.buttonFloat{
    padding: 15px 70px;
    border: 3px solid #0c255e;
    color: #009f9a;
    font-size: 18px;
    text-transform: uppercase;
    font-family: var(--roman);
    border-radius: 5px;
    line-height: normal;
    text-decoration: none;
    z-index: 999;
    background: transparent;
    transition: .5s ease-in-out;
}
@media screen and (max-width: 991px) {
    .buttonFloat{
        font-size: 12px;
        padding: 5px 30px;
    }
}
.buttonFloat:hover{
    background: #0c255e;
    color: #fff;
}
.buttonFloat:hover i{
    color: #fff!important;
}


.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 950px;
    margin: 40px auto;
    position: relative;
}
@media screen and (max-width: 991px) {
    .white-popup-block{
        padding: 50px 15px;
    }
}

#formAmparate .titleForm{
    font-size: 30px;
    color: var(--morado);
    font-family: var(--playfairSBI);
    margin-top: 0;
    margin-bottom: 5px;
    text-align: center;
}
#formAmparate .subtitleForm{
    font-size: 25px;
    color: var(--gris);
    font-family: var(--romanB);
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
}
#formAmparate .flexCol{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 35px;
    position: relative;
}
#formAmparate .flexCol .form-label{
    font-weight: 500;
    font-family: var(--roman);
    line-height: normal;
    font-size: 16px;
}
#formAmparate .flexCol .py-2 label{
    margin-right: 10px;
    font-family: var(--roman);
    line-height: normal;
}
#formAmparate .flexCol input,
#formAmparate .flexCol textarea,
#formAmparate .flexCol select{
    background-color: #dadada;
    font-family: var(--roman);
}
label.error{
    color: red;
    font-size: 13px;
    position: absolute;
    bottom: -25px;
}
.btn-form{
    padding: 15px 70px;
    border: 3px solid #0c255e;
    color: #009f9a;
    font-size: 18px;
    text-transform: uppercase;
    font-family: var(--roman);
    border-radius: 5px;
    line-height: normal;
    text-decoration: none;
    z-index: 999;
    background: transparent;
    transition: .5s ease-in-out;
}
.btn-form:hover{
    background: #0c255e;
    color: #fff;
}


@media screen and (max-width: 991px) {
    #footer{
        text-align: center;
    }
    #footer .t-right{
        text-align: center;
    }
}
#footer .social-icons.social-icons-medium li a, .social-icons.social-icons-md li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    transition: .5s ease-in-out;
}
#footer .social-icons li:hover a{
    background: var(--blanco);
}