/*!========================================================================
 * GLOBALES
 * ======================================================================!*/
@font-face {
    font-family: 'Lalezar';
    src: url('../fonts/Lalezar-Regular.ttf') format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: 'UbuntuB';
    src: url('../fonts/Ubuntu-Bold.ttf') format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: 'UbuntuBI';
    src: url('../fonts/Ubuntu-BoldItalic.ttf') format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: 'UbuntuI';
    src: url('../fonts/Ubuntu-Italic.ttf') format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Regular.ttf') format("truetype");
    font-weight: 400;
}

.lalezar {
    font-family: 'Lalezar' !important;
}

.UbuntuB {
    font-family: 'UbuntuB' !important;
}

.UbuntuBI {
    font-family: 'UbuntuBI' !important;
}

.UbuntuI {
    font-family: 'UbuntuI' !important;
}

.Ubuntu {
    font-family: 'Ubuntu' !important;
}

.text-color {
    color: #666666;
}

a {
    cursor: pointer;
}

/*#region INICIO */
#page-content #flexslider-nav .text h1 {
    font-family: 'UbuntuB';
}

#page-content #flexslider-nav .text span {
    font-family: 'Lalezar' !important;
}

.mv {
    width: 22%;
    margin-bottom: 2rem;
}

.sky {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.sky img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonials-carousel blockquote,
.testimonials-carousel-simple blockquote {
    color: #666666 !important;
}

.testimonials-carousel-simple em.small {
    color: #1748f7 !important;
}

.testimonials-carousel-simple blockquote:before {
    content: "“";
    font-family: "Trirong", serif;
    font-size: 120px;
    line-height: 146px;
    position: absolute;
    top: -34px;
    left: 32px;
    color: white;
    right: 0;
    display: inline-block;
    z-index: -1;
}

.testimonials-carousel-simple blockquote.grey-light:before,
.testimonials-carousel-simple blockquote.white:before {
    color: #1748f7;
}

a.btn-alt.small.activetwo {
    background-color: #1748f7;
    color: white;
    border: none !important;
    text-transform: none !important;
}

header nav.navbar.white #menu .menu-holder ul li>a.active-item,
header nav.navbar.white #sidemenu .menu-holder ul li>a.active-item,
header nav.navbar.white #menu-classic .menu-holder ul li>a.active-item {
    color: #5479ff;
    font-weight: 400;
}

header.transparent.fixed-top .navbar.white #menu .menu-holder ul:not(.sub-menu)>li>a.active-item,
header.transparent.fixed-top .navbar.white #sidemenu .menu-holder ul:not(.sub-menu)>li>a.active-item,
header.transparent.fixed-top .navbar.white #menu-classic .menu-holder ul:not(.sub-menu)>li>a.active-item {
    color: #5479ff;
    font-weight: 400;
}

.text21 .padding-onlytop-sm p {
    color: #666666 !important;
    font-family: 'UbuntuI' !important;
}

/*#endregion */

@media (min-width: 992px) {
    #page-content #flexslider-nav .text h1 {
        font-size: 55px;
        line-height: 60px;
    }

    #page-content #flexslider-nav .text span {
        font-size: 55px;
        line-height: 60px;
    }

    .text21 .padding-onlytop-sm p {
        padding-top: 25px !important;
        font-size: 110% !important;
        padding: 50px 164px !important;
    }
}

/*#region PRESENTAMOS FIBRAX TRAVEL */
.about-section h2,
h3,
p {
    color: #666666;
}

.about-section h2 {
    font-size: 2rem;
}

.about-section h3 {
    font-size: 1.6rem;
    line-height: 1;
}

.about-section p {
    font-size: 1rem;
    line-height: 1.5;
}

/*#endregion */

/*#region CARRUSEL */
#page-content #showcase-projects .item .showcase-project span.read,
#page-content #showcase-projects .item .showcase-trek span.read,
#page-content #showcase-treks .item .showcase-project span.read,
#page-content #showcase-treks .item .showcase-trek span.read {
    background-color: #1748f7;
}

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

    #page-content #showcase-projects .item .showcase-project span.read,
    #page-content #showcase-projects .item .showcase-trek span.read,
    #page-content #showcase-treks .item .showcase-project span.read,
    #page-content #showcase-treks .item .showcase-trek span.read {
        top: 18px;
        left: 18px;
    }
}

/*#endregion */

/*#region HERO */
.hero {
    height: 80vh;
    background-image: url(../img/05-Seccion-5/PAREJA-ATARDECER.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.hero-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hero-container .logos {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.hero-container .logos img {
    width: 110px;
}

.hero-container h3 {
    color: white;
    font-size: 2.4rem;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 2rem;
}

.hero-container a {
    margin-top: 0 !important;
    text-transform: none;
}

/*#endregion*/

/*#region FOOTER */
h6.heading {
    color: #666666;
    font-family: "UbuntuB";
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 1rem !important;
}

.vm p {
    color: #666666 !important;
    font-family: 'Ubuntu';
    line-height: 17px !important;
}

footer ul.sitemap li:not(:last-child) {
    margin-top: .2rem !important;
}

footer ul.sitemap li:last-child {
    margin-top: 3rem !important;
}

footer ul.sitemap li a {
    color: #666666 !important;
    font-family: 'Ubuntu';
    font-size: 1rem;
}

footer .logo-footer {
    width: 140px;
    margin-bottom: 2rem;
}

footer h3 {
    color: #666666;
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

footer h3 span {
    font-size: 2.8rem;
    margin-bottom: 1rem;
}

input {
    margin-bottom: 1rem;
}

input,
textarea {
    /* font-size: 1.4rem !important; */
    width: 100%;
    border-radius: 10px;
}

.input-nombre::placeholder,
.input-telefono::placeholder,
.input-pais::placeholder,
.input-fch-nacimiento::placeholder,
.input-apellido::placeholder,
.input-sexo::placeholder,
.input-email::placeholder,
.input-mensaje::placeholder {
    /* font-size: 1.4rem; */
    color: #808080;
}

.input-nombre,
.input-telefono,
.input-pais,
.input-fch-nacimiento,
.input-apellido,
.input-sexo,
.input-email,
.input-mensaje {
    padding: 15px 8px;
    border: 1.5px solid #808080;
}

.enviar {
    margin-top: 1rem !important;
    margin-left: 0 !important;
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
    height: auto !important;
}

.enviar:hover {
    background: var(--textoAzul);
    color: white;
}

/*#endregion*/

/*!========================================================================
 * TABLET
 * ======================================================================!*/
@media (max-width: 992px) {
    .about-section br {
        display: none;
    }

    .hero {}
}

/*!========================================================================
 * MOBILE
 * ======================================================================!*/
@media (max-width: 576px) {
    br {
        display: none;
    }

    #page-content #flexslider ul li .text h1, #page-content #flexslider-nav ul li .text h1 {
        font-size: 30px;
        line-height: 35px;
    }

    /*#region HERO */
    .hero-container .logos {
        flex-direction: column;
        align-items: center;
    }

    .hero-container .logos img:first-child {
        width: 110px;
        margin-bottom: 1.5rem;
    }

    .hero-container h3 {
        font-size: 2rem;
        line-height: 1.1;
    }
    /*#endregion*/
}