/*
    Theme Name:     VanVanGo
    Author:         Invbit
    Author URI:     https://invbit.com
    Description:    Tema desarrollado por Invbit para VanVanGo
    Template:       betheme
    Version:        1.0
    Text Domain:    invbit
*/

.validate_email_against_bot {
    display: none;
}

:root {
    /** Primary colors **/
    --primary: #14C0C9;
    --primary-light: #E2F8FA;
    --primary-dark: #125E62;
    --primary-darken: #08282A;
    --secondary: #FFFF01;
    --secondary-light: #FBF8F3;
    /** Auxiliar colors **/
    --shadow-lighten: #E6F1FB;
    --shadow-lighter: #B4D5F2;
    --shadow-light: #175184;
    --shadow: rgb(10, 35, 57);
    --red: #993c3c;
    --border-radius: 4px;
    /** Text Size Variables **/
    --text-base-size: 1.0em;
    --text-scale-ratio: 1.2;
    --heading-line-height: 1.2;
    --body-line-height: 1.6;
    --text-xs: calc(1em / var(--text-scale-ratio));
    --text-sm: calc(1em * var(--text-scale-ratio));
    --text-md: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-xl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-xxl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-xxxl: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));

    --box-shadow: 0px 5px 30px rgba(23, 81, 132, 0.2) !important;
}

body {
    font-size: var(--text-base-size);
}

body,
* {
    font-family: 'Jaldi', sans-serif !important;
}

h1,
h2,
h3,
h4,
form legend {
    line-height: var(--heading-line-height);
}

h1,
h2,
h3,
h4,
h5,
h6{
    margin-bottom: 10px;
}

.text--xxxl {
    font-size: var(--text-xxxl);
    line-height: var(--heading-line-height);
}

.text--xxl {
    font-size: var(--text-xxl) !important;
    line-height: var(--heading-line-height);
}

.text--xl {
    font-size: var(--text-xl) !important;
}

.text--lg {
    font-size: var(--text-lg) !important;
}

.text--md {
    font-size: var(--text-md) !important;
}

.text--sm,
small {
    font-size: var(--text-sm);
}

.text--xs {
    font-size: var(--text-xs);
}

p {
    line-height: var(--body-line-height);
}
.h-unset {
    height: auto !important;
}

/** Helper Classes **/
.has-bg-secondary-light {
    background-color: var(--secondary-light);
}
.text--primary {
    color: var(--primary);
}

.text--primary-light {
    color: var(--primary-light);
}

.text--primary-dark {
    color: var(--primary-dark);
}

.text--primary-darken {
    color: var(--primary-darken);
}

.text--secondary {
    color: var(--secondary);
}

.text--shadow {
    color: var(--shadow);
}

.text--shadow-light {
    color: var(--shadow-light);
}

.text--shadow-dark {
    color: var(--shadow-dark);
}

.text--shadow-darken {
    color: var(--shadow-darken);
}

.text--white {
    color: #fff !important;
}

.text-opacity {
    color: var(--shadow-darken);
    opacity: .7;
}

.img-radius {
    border-radius: 5px;
    overflow: hidden;
}

form .legal-text{
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 30px;
}

/** Buttons **/
button[class*='btn'] {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

button[class*='btn']:focus {
    outline: none;
}

.btn,
.button {
    line-height: 44px !important;
    display: inline-block;
    padding: 0 0.8rem !important;
    border-radius: 3px !important;
    text-align: center;
    font-size: 1rem;
    border: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    box-shadow: none !important;
    overflow: hidden !important;
}
.btn svg,
.button svg{
    position: relative;
}

button::after{
    content: none !important;
}

a.button .button_label {
    padding: 0 !important;
}

.btn::before,
.button::before {
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: scale(0);
    transform-origin: center center;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -2px;
    background-color: rgba(10, 35, 57, 0.1);
    position: absolute;
    transition: transform 0.3s ease;
}

.btn:hover,
.button:hover {
    text-decoration: none;
}

.btn:hover svg,
.button:hover svg{
    animation: iconButton 1s infinite ease;
}

.btn:hover::before,
.button:hover::before {
    transform: scale(1.4);
}

.btn:focus::before,
.button:focus::before {
    transform: scale(8);
}

.btn:active::before,
.button:active::before {
    transform: scale(8);
    background-color: rgba(10, 35, 57, 0.1);
}

.btn:not(:last-child):not(.d-block),
.button:not(:last-child):not(.d-block) {
    margin-right: 0.5rem;
}

.btn.is-fullwidth {
    width: 100%;
}

.btns-booking{
    position: fixed;
    bottom: 1rem;
    left: 0;
    right: 0;
    z-index: 8;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 30px);
    margin: 0 auto !important;
    align-items: center;
}
.btn-booking{
    box-shadow: 0px 5px 30px rgba(23, 81, 132, 0.3) !important;
    padding: 8px 0 !important;
    font-size: 18px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
.btn-whatsapp{
    background-color: #25d366;
    padding: 8px 12px !important;
    width: 100%;
    font-size: 18px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .2rem !important;
}
.btn-googlemaps{
    border: 1px solid var(--primary-darken) !important;
    display: inline-flex;
    align-items: center;
    padding: 16px 32px !important;
}
.btn-closebooking{
    background-color: rgba(0,0,0,0.06);
    color: rgba(0,0,0,0.9);
    position: absolute;
    right: 0;
    top: 24px;
    line-height: 25px !important;
    font-size: 12px;
}

/* .btn svg,
.button svg {
    position: relative;
    top: 2px;
} */

.btn--xs {
    font-size: 0.7rem;
    line-height: 1rem;
}

.btn--sm {
    font-size: 1rem;
    line-height: 3rem;
}

.btn--sm svg {
    width: 25px;
    height: 25px;
}

.btn--md {
    font-size: 1.5rem;
    line-height: 4.5rem;
}

.btn--xl {
    font-size: 2rem;
    line-height: 6rem;
}

.btn--white {
    background-color: #fff;
    color: #1a3f78;
    border-color: #fff;
}

.btn--white:hover {
    color: #1b2645;
    background-color: #f1f6f8;
    border-color: #f1f6f8;
}

.btn--primary {
    border-color: var(--primary);
    background-color: var(--primary);
    color: #fff;
}

.btn--primary:hover {
    color: #fff;
}

.btn--primary-light {
    border-color: var(--primary-light);
    background-color: var(--primary-light);
    color: var(--primary-darken);
}

.btn--primary-lighten:hover {
    color: var(--primary-darken);
}

.btn--shadow {
    border-color: var(--shadow);
    background-color: var(--shadow);
    color: #fff;
}

.btn--shadow:hover {
    color: #fff;
}

.btn--shadow-light {
    border-color: var(--shadow-light);
    background-color: var(--shadow-light);
    color: #fff;
}

.btn--shadow-light:hover {
    color: #fff;
}

.btn--shadow-lighter {
    background-color: var(--shadow-lighter);
    border-color: var(--shadow-lighter);
    color: #fff;
}

.btn--shadow-lighter:hover {
    color: #fff;
}

.btn--shadow-lighten {
    border-color: var(--shadow-lighten);
    background-color: var(--shadow-lighten);
    color: var(--shadow);
}

.btn--shadow-lighten:hover {
    color: #fff;
}

.btn--secondary {
    border-color: var(--secondary);
    background-color: var(--secondary);
    color: #fff;
}

.btn--secondary:hover {
    color: #fff;
}

.btn--instagram {
    background: linear-gradient(90deg, #EC008C 0%, #FC6767 100%) !important;
    color: #fff !important;
}

.video_cover{
    border-radius: 10px;
    overflow: hidden;
}


.light-blue-stripped {
    background-image: linear-gradient(60deg, #ecfefe 25%, transparent 25%, transparent 50%, #ecfefe 50%, #ecfefe 75%, transparent 75%, transparent 100%);
    background-size: 69.28px 120.00px;
}

@media (min-width: 768px) {
    .van-bg-left:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(/wp-content/uploads/2020/01/portada-2020-01-09-portada.png) no-repeat left;
    }
}

/** Grid & Card Vans**/
.grid_cover-vans {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

.card-van {
    background-color: #fff;
    border-radius: var(--border-radius);
    border: 1px solid rgba(10, 35, 57, 0.09);
    box-shadow: 0px 5px 30px rgba(23, 81, 132, 0.09);
    opacity: 0;
    top: 20px;
    position: relative;
    margin-bottom: 8px;
}

.card-van.is-animated{
    animation: vanAppear .5s forwards ease;
}
.card-van.is-animated figure,
.card-van.is-animated .card-van_img{
    animation: clipImage 1s .2s forwards cubic-bezier(.86, 0, .07, 1);
}

.card-van .card-van_inner {
    display: flex;
    flex-direction: column;
    color: initial;
    position: relative;
    padding: 8px;
}

.card-van .card-van_inner:hover {
    text-decoration: none;
}

.card-van .card-van_inner:hover .card-van_name {
    color: var(--primary);
}

.card-van .card-van_left {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.card-van_gallery{
    width: 100%;
    height: 100%;
    margin-bottom: 0 !important;
}
.card-van_gallery .slick-list,
.card-van_gallery .slick-track{
    height: 100% !important;
}
.card-van_gallery .slick-dots{
    margin-left: 0;
    bottom: -8px;
}
.card-van_gallery .slick-dots li button{
    margin-right: 0;
}
.card-van_gallery .slick-dots li{
    margin: 0;
}
.card-van_gallery .slick-dots li button::before{
    font-size: 10px;
}
.card-van_gallery .slick-dots li button::before{
    color: #fff;
}
.card-van_gallery .slick-dots li.slick-active button::before{
    color: var(--primary);
}

.card-van .card-van_left figure,
.card-van .card-van_left .card-van_img {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    height: 100%;
    clip-path: circle(0px at right bottom);
    background-color: rgba(0,0,0,0.07);
}

.card-van .card-van_left img {
    width: 100%;
    min-height: 90px !important;
    max-height: 160px;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
}

.card-van .card-van_right {
    padding: 10px 12px;
    width: 100%;
}

.card-van .card-van_right .card-van_info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 8px;
}

.card-van .card-van_right .card-van_info_price span {
    display: block;
    line-height: 1;
    text-align: right;
}

.card-van .card-van_right .card-van_name {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
    transition: color .3s ease;
    text-align: left;
}

.card-van .card-van_right .card-van_info_people-zone {
    margin: 0;
    padding: 0;
    list-style: none;
}

.card-van .card-van_right .card-van_info_people-zone_item {
    display: flex;
    align-items: center;
    font-size: var(--text-sm);
    line-height: 1;
    color: var(--shadow);
}
.card-van .card-van_right .card-van_info_people-zone_item span{
    text-align: left;
}

.card-van .card-van_right .card-van_info_people-zone_item svg {
    margin-right: 5px;
}

.card-van .card-van_right .card-van_info_people-zone_item:not(:last-child) {
    margin-bottom: 5px;
}

.card-van .card-van_right .card-van_info_people-zone_item:last-child {
    margin-bottom: 0;
}

.card-van .card-van_right .card-van_info_people-zone_item img {
    margin-right: 7px;
}

.card-van .btn {
    position: absolute;
    left: 18px;
    bottom: -5px;
    line-height: 25px !important;
    font-size: 100%;
    margin-bottom: 0;
    margin-right: 0;
}
.card-van--horizontal .btn {
    position: relative;
    bottom: 0;
    left: 0;
    display: block;
    justify-content: center;
}



/**
 * Card for vehicles for sale.
 */
.van-for-sale .card-van_inner.sold::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .7;
    background-image: linear-gradient(135deg,
        #fff 25%,
        #eee 25%,
        #eee 50%,
        #fff 50%,
        #fff 75%,
        #eee 75%,
        #eee 100%
    );
    background-size: 113.14px 113.14px;
}
.van-for-sale .card-van_inner.sold .sold {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    color: var(--primary);
    font-size: 4rem;
    font-weight: bold;
}

@media (min-width:768px) {
    .van-for-sale .card-van_inner.sold .sold {
        font-size: 8rem;
    }
}

.sold-status {
    position: relative;
    border-radius: 5px;
}
.sold-status::before,
.sold-status::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 3rem;
    height: 3px;
    background: var(--primary);
}
.sold-status.sold::before,
.sold-status.sold::after {
    background: var(--red) !important;
}
.sold-status::after {
    left: 0;
}
.sold-status::before {
    right: 0;
}

.home #Top_bar {
    z-index: 99999;
}

.home .header_cover {
    z-index: 99;
}


/** Search Cover**/
.header_cover {
    padding-top: 120px !important;
    padding-bottom: 50px !important;
    background-position: center;
}

.header_cover::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(10, 35, 57, 0.01) 0%, #0A2339 100%);
}

.header_cover .featured .title {
    font-size: 48px;
    text-align: left;
    line-height: 40px;
}
.header_cover .featured .desc p {
    line-height: 24px;
}

@media only screen and (max-width: 768px) {
    .header_cover .featured .supTitle {
        text-align: center;
        width: 100%;
    }
    .header_cover .featured .title {
        font-size: 26px;
        line-height: 24px;
        text-align: center;
        width: 100%;
    }
    .header_cover .featured .btn {
        line-height: 32px !important;
        margin: 0 auto;
    }
}

.main_title {
    font-size: 50px !important;
    line-height: 1;
}

.main_subtitle {
    font-size: 25px !important;
    line-height: 1.2;
}

.search-cover {
    padding: 1.5rem;
    background-color: #fff;
    border-radius: 10px;
}

.search-cover hr{
    display: none;
}

.search-cover header {
    margin-bottom: 15px;
}

.search-cover header h3,
.search-cover header h6 {
    line-height: 1;
    margin-bottom: 5px;
    text-align: left;
}

.search-cover_btn {
    width: 100%;
    font-size: var(--text-lg);
    font-weight: bold;
    line-height: 60px;
}

.search-cover_opinions {
    display: none;
}

.search-cover_opinions svg {
    margin-right: 10px;
    min-width: 25px;
}

.search-cover_opinions p {
    font-size: 14px;
    margin-bottom: 0;
}

.station-selector {
    position: relative;
}

.station-selector .station-selector__current {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.station-selector__current:focus{
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

.station-selector__current {
    position: relative;
    /* box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1); */
    box-shadow: 0 5px 10px -5px rgba(0,0,0,.1);
    cursor: pointer;
    outline: none;
}

.station-selector__current:focus+.station-selector__list {
    opacity: 1;
    -webkit-animation-name: none;
    animation-name: none;
}

.station-selector__current:focus+.station-selector__list .station-selector__option {
    cursor: pointer;
}

.station-selector__current:focus .station-selector__icon {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.station-selector__icon {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    opacity: 0.3;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

.station-selector__value {
    display: -webkit-box;
    display: flex;
}

.station-selector__input {
    display: none;
}

.station-selector__input:checked+.station-selector__input-text {
    display: block;
}

.station-selector__input-text {
    display: none;
    width: 100%;
    margin: 0 !important;
    padding: 8px 16px;
    background-color: #fff;
    font-size: 18px;
}

.station-selector__input-text strong{
    font-size: 14px;
}

.station-selector__input-text span{
    opacity: .7;
    line-height: 1;
}

.station-selector__list {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: -2px 0 0 0 !important;
    list-style: none !important;
    opacity: 0;
    z-index: 2;
    -webkit-animation-name: HideList;
    animation-name: HideList;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

.station-selector__list li {
    margin: 0 !important;
}
.station-selector__list li:not(:last-child) label{
    border-bottom: 1px dashed rgba(0,0,0,0.1);
}

.station-selector__option {
    display: block;
    padding: 8px 16px;
    margin: 0;
    background-color: #fff;
    text-align: left;
    font-size: 16px;
}

.station-selector__option:hover,
.station-selector__option:focus {
    color: var(--primary-dark) !important;
    background-color: var(--primary-light);
}

button.btn-search-cover {
    line-height: 2rem !important;
    font-size: 1rem;
}
@media (min-width: 768px){
    button.btn-search-cover {
        line-height: 3rem !important;
    }
}

.btn-search-cover{
    font-size: 18px;
    padding: 8px 32px !important;
}

@media (min-width: 769px){
    .search-cover{
        padding: 3rem 2rem !important;
    }
    .search-cover hr{
        display: block;
    }
    .search-cover_opinions {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .station-selector{
        margin-bottom: 0;
    }
    .station-selector .station-selector__current{
        text-align: left;
    }
    .station-selector:first-child .station-selector__current{
        border-radius: 4px;
    }
    .btn.btn-search-cover{
        border-radius: 4px !important;
        line-height: 3rem !important;
    }
}

/** Van Services List **/
.product_wrapper{
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap row;
}
.section_van{
    padding: 40px 0;
    border-top: 1px dashed rgba(0,0,0,0.2);
}
.van-services_list{
    margin-top: 16px;
    display: flex;
    flex-flow: wrap row;
    justify-content: flex-start;
    margin-top: 1rem;
}
.van-services_list_item{
    width: calc(100% / 2);
    margin-bottom: 8px;
    padding-right: 16px;
}

/** Custom iconbox **/
.custom_iconbox_cover {
    border-radius: 3px;
    border: 1px solid var(--primary);
    padding: 20px 15px;
    margin-bottom: 5px !important;
}

.custom_iconbox_cover .icon_box {
    padding-left: 0 !important;
    display: flex;
    min-height: auto !important;
    padding: 0 !important;
}

.custom_iconbox_cover .image_wrapper {
    width: auto !important;
    height: auto !important;
    position: relative !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    top: 0 !important
}

.custom_iconbox_cover .desc_wrapper {
    width: 100%;
    padding-top: 0 !important;
    padding-left: 15px;
}

.custom_iconbox_cover .desc_wrapper h4 {
    font-size: 16px;
    margin-bottom: 5px !important;
    text-align: left;
    line-height: 1;
}

.custom_iconbox_cover .icon_box .desc {
    line-height: 1.4;
    opacity: .7;
}

.van_gallery{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.van_gallery a{
    margin-right: 8px;
    margin-bottom: 8px;
    display: block;
    border-radius: 4px;
    overflow: hidden;
    height: 120px;
}
.van_gallery img{
    margin-bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100% !important;
}

/*****
    All Vans Shortcode
*****/
#FilterToggler {
    width: 100%;
    background-color: var(--shadow-light);
    padding: .2rem 0 !important;
}

@media only screen and (min-width: 767px) {
    #FilterToggler {
        display: none;
    }
}
.van_right label {
    padding: 0 !important;
}

.van_right .wpcf7-form-control-wrap input,
.van_right .wpcf7-form-control-wrap textarea {
    padding: 8px !important;
    border-radius: 3px;
    background-color: var(--shadow-lighten) !important;
}

/* /BEGIN/ CF7 Errors */
span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    position    : unset !important;
    width       : 100% !important;
    height      : unset !important;
    background  : unset !important;
    text-indent : unset !important;
}
    span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip::before,
    span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip::after {
        content : none;
    }
/* /END/ CF7 Errors */

.van_right input[type="submit"] {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 50px !important;
}

.van_right input[disabled] {
    opacity: .3;
}
#FilterPanel{
    display: none;
}
#FilterPanel, .van_right {
    opacity: 1;
    /* display: none; */
    position: fixed;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100vw;
    z-index: 9999;
}

#FilterPanel::after,
.van_right::after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    background-color: rgba(0, 0, 0, .6);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all .3s ease;
}

#FilterPanel.show,
.van_right.show {
    opacity: 1;
    height: 100vh;
    /* display: block; */
}
#FilterPanel.show::after,
.van_right.show::after {
    opacity: 1;
    visibility: visible;
}

#FilterPanel .content {
    bottom: -60vh;
    padding: 30px;
    clip-path: circle(0px at right bottom);
}

.van_right .van_right_inner {
    bottom: -100vh;
    padding: 0 30px 30px;
    overflow: auto;
    clip-path: circle(0px at right bottom);
}
.van_right .van_right_inner,
.van_right.show .van_right_inner {
    position: absolute;
    width: 100%;
    height: 85vh;
    background: white;
    border-radius: 5px 5px 0px 0px;
    transition: bottom .5s cubic-bezier(.86,0,.07,1);
}
.van_right .van_right_header{
    background-color: #fff;
    position: sticky;
    padding: 8px 0;
    top: 0;
    z-index: 2;
    padding-top: 30px;
}
@media(min-width:992px){
    .van_right{
        height: auto;
    }
    .van_right .van_right_inner{
        position: relative;
        bottom: 0;
        height: auto;
        clip-path: none;
        padding: 0;
    }
    .van_right .van_right_header {
        padding-top: 0;
    }
}

#FilterPanel.show .content,
.van_right.show .van_right_inner {
    bottom: 0;
    z-index: 2;
    animation: clipImage .7s .2s forwards ease;
}

#FilterPanel .content,
#FilterPanel.show .content {
    position: absolute;
    width: 100%;
    min-height: 60vh;
    background: white;
    border-radius: 5px 5px 0px 0px;
    transition: bottom .5s cubic-bezier(.86,0,.07,1);
}
.van_right div.wpcf7 .ajax-loader{
    display: none;
}


#FilterPanel .btn-apply{
    display: block;
}

/*****
    Base
*****/
a {
    transition: color 300ms, border-color 300ms;
}

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


/*****
    Homepage header dark overlay
*****/
#Top_bar {
    background-color: transparent !important;
    box-shadow: none !important;
    transition: background-color 300ms, box-shadow 200ms;
    z-index: 2;
}
#Top_bar .menu>li.current-menu-item>a::after,
#Top_bar .menu>li.current_page_item>a::after{
    content: none;
}
#Top_bar .Top_bar__Wrapper {
    height: 120px;
}
#Header_wrapper{
    border-radius: 0 0 5px 5px;
}

@media only screen and (max-width: 767px) {
    #Header #Top_bar:not(.is-sticky) {
        position: absolute;
        top: 0;
        background: transparent !important;
    }

    #Top_bar .Top_bar__Wrapper {
        height: 90px;
    }

    .block-text h2,
    .block-text p {
        text-align: center !important;
    }
}

#Top_bar a {
    color: white;
    transition: color 300ms;
}

#Top_bar a:hover {
    color: var(--primary) !important;
    text-decoration: none !important;
}

#Top_bar.is-sticky {
    background-color: var(--primary) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1) !important;
}

#Top_bar a.button {
    display: flex !important;
    align-items: center !important;
    margin: auto 0 !important;
    padding: .5rem .75rem !important;
    background: var(--shadow-light) !important;
    border-radius: 3px !important;
    color: white !important;
    transition: background-color 300ms;
    white-space: nowrap;
    line-height: 1 !important;
}

#Top_bar.is-sticky .ContactInfo a.button {
    color: white !important;
}

#Top_bar.is-sticky .ContactInfo a.button:hover {
    color: white !important;
}

#Top_bar a.button.phone .icon-phone:before {
    width: unset;
}

.minimalist-header-no #Subheader {
    padding: 120px 0 30px !important;
}

#Subheader::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(10, 35, 57, 0.01) 0%, #0A2339 100%);
    
    bottom: 0;
    left: 0;
    z-index: 1;
}
#Subheader .container{
    position: relative;
    z-index: 1;
}
#Subheader .title{
    overflow: hidden;
}
#Subheader .title span{
    animation: titleMask .5s 1s forwards cubic-bezier(.68, -0.55, .27, 1.55);
    position: relative;
    top: 70px;
}

.minimalist-header-no #Subheader.subheader-van {
    background-size: cover !important;
    background-position: center !important;
    padding: 0 0 5rem 0 !important;
    height: 50vh;
    max-height: 600px;
}
.subheader-van .title{
    font-size: 32px !important;
    padding: 0 16px;
}
.subheader-van .product-thumbs{
    position: absolute;
    left: 0;
    top: 0;
    height: 50vh;
    max-height: 600px;
    width: 100vw;
    overflow: hidden;
}
.subheader-van .product-thumbs img:first-child{
    width: 100vw;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.subheader_inner{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    padding-bottom: 2rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*****
    Header logo
*****/
a#HeaderLogo:hover .logo-text-fill,
a#HeaderLogo:hover .logo-shape-fill {
    fill: var(--shadow);
}

.logo-text-fill {
    fill: var(--primary);
    transition: fill 500ms;
}

#Top_bar.is-sticky .logo-text-fill {
    fill: white;
}

.logo-shape-fill {
    fill: white;
    transition: fill 500ms;
}

#Top_bar.is-sticky .logo-shape-fill {
    fill: var(--shadow);
}



/*****
    Main Menu
*****/
.responsive-menu {
    margin-left: auto;
    display: flex;
    align-items: center;
    margin-top: 1rem;
    padding-left: 10px;
}

@media only screen and (min-width: 1024px) {
    .responsive-menu {
        display: none;
    }
}

.responsive-menu .fill-color {
    fill: white;
    transition: fill 300ms;
}

.responsive-menu #MenuToggler:hover .fill-color {
    fill: var(--primary);
}

#Top_bar.is-sticky .responsive-menu .fill-color {
    fill: white;
}

#Top_bar.is-sticky .responsive-menu #MenuToggler:hover .fill-color {
    fill: var(--shadow);
}

.responsive-menu #MenuToggler {
    margin-left: .7rem;
}

#Top_bar #menu {
    background-color: transparent !important;
}

#Top_bar .menu>li.current-menu-item>a {
    color: #fff !important;
    position: relative;
    padding-bottom: 8px !important;
}
#Top_bar .menu>li.current-menu-item>a::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 3px;
    background-color: var(--primary) !important;
}

#Top_bar .menu>li>a {
    font-size: 18px;
    font-weight: bold;
    padding: 0 !important;
}

#Top_bar .menu>li>a span {
    padding: 0 .5rem !important;
    border: none !important;
    line-height: 20px !important;
}

#Top_bar.is-sticky a {
    color: white !important;
}

#Top_bar.is-sticky a:hover {
    color: var(--shadow) !important;
}

#Top_bar #logo {
    line-height: 1 !important;
    height: auto !important;
    text-align: left;
}

#Top_bar #logo img {
    max-width: unset;
}

#Top_bar #logo img.logo-mobile {
    max-height: none;
    min-width: 65px;
    max-width: 65px;
}

#Top_bar .logo #logo,
#Top_bar .logo {
    margin: 0 !important;
}

.header_menu {
    width: 100%;
}

.menu-main {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.social_block {
    margin-right: 30px;
    display: none;
}

#Side_slide .social_block {
    display: block;
    margin-right: 0;
}

/*****
    Sliding side menu.
*****/
#Side_slide .menu_wrapper {
    padding: 1rem 2.5rem;
}

#Side_slide .menu_wrapper .Social__Icons {
    display: flex;
    justify-content: flex-end;
    margin: 1.5rem 0;
}

#Side_slide .menu_wrapper .Social__Icons li {
    font-size: 1.4rem;
}

#Side_slide .menu_wrapper .MenuItems {
    display: flex;
    justify-content: flex-end;
    margin: 1.5rem 0;
}

#Side_slide .menu_wrapper .MenuItems li.menu-item a {
    font-weight: bold;
    display: block;
    text-align: right;
    font-size: 16px;
}

#Side_slide .menu_wrapper .MenuItems li.menu-item:not(:last-child) {
    margin-bottom: 20px;
}

#Side_slide .menu_wrapper .MenuItems li.menu-item:not(:last-of-type) a {
    padding-bottom: .5rem;
}

#Side_slide .menu_wrapper .VanFinder {
    margin: 1.5rem 0;
    text-align: right;
}

#Side_slide .menu_wrapper .VanFinder .title {
    color: white;
    margin-bottom: .25rem;
}

#Side_slide .menu_wrapper .VanFinder .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#Side_slide .menu_wrapper .VanFinder li {
    flex-grow: 1;
    margin: 0 0 .25rem .25rem;
}

#Side_slide .menu_wrapper .VanFinder li a {
    display: inline-block;
    padding: .1rem .5rem;
    width: 100%;
    text-align: center;
    border: 1px solid white;
    border-radius: 4px;
}

#Side_slide .menu_wrapper .VanFinder li a:hover {
    border-color: var(--primary);
}

/*****
    Top Menu Bar: Social, account, phone, etc.
*****/
.ContactMenuBar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ContactMenuBar .social_block .Social__Icons {
    display: flex;
}

.ContactMenuBar .Account {
    margin: 0 1.5rem;
}

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

.Account .Account__Avatar {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 50%;
    overflow: hidden;
    margin-left: .5rem;
}

.Account .Account__Avatar img {
    width: 100%;
    height: 100%;
}

.ContactMenuBar .Social__Icons a,
.ContactMenuBar .Account a {
    font-size: .9rem;
}

#Top_bar.is-sticky .Social__Icons a,
#Top_bar.is-sticky .Account a {
    color: var(--shadow-light);
}

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

    .ContactMenuBar .Social,
    .ContactMenuBar .Account {
        display: none;
    }
}


/*****
    Forms
*****/
.wpcf7-form label{
    background-color: #fff;
    border-radius: 3px;
    padding: 10px;
}
.wpcf7-form p{
    margin-bottom: 8px;
}
.wpcf7-form label input,
.wpcf7-form label textarea {
    box-shadow: none;
    border: none;
    padding: 0;
    font-size: 16px;
}
.wpcf7-form .politica span{
    display: block;
    margin-left: 0;
}
.wpcf7-form .politica label span{
    display: inline-block;
}
.wpcf7-form input[type="submit"]{
    border-radius: var(--border-radius);
    font-size: 16px;
    font-weight: bold;
}


/*****
    Sections
*****/
@media(max-width: 768px){
    .section-bghalf {
        background-position: left center !important;
    }
    .section_wrapper{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
.section .section_wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.section-sedes .box-shadow{
    justify-content: space-between;
}

.section-franquicias .box-shadow figure{
    display: none;
}
/* #section_instagram::after,
#section_instagram::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
}
#section_instagram::after{
    border-width: 0 300px 300px 0;
    border-color: transparent #14c0c9 transparent transparent;
    right: 0;
    top: 0;
}
#section_instagram::before {
    border-width: 300px 0 0 300px;
    border-color: transparent transparent transparent #14c0c9;
    left: 0;
    bottom: 0;
} */
@media (min-width: 768px){
    .section-franquicias .box-shadow figure {
        display: block;
    }
}

.section_cover-services .section_wrapper {
    /* padding: 0 !important; */
}

.section_cover-services .cover_video-info {
    max-width: 310px;
    margin-left: auto !important;
    margin-right: auto !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.section_cover-services .column.img_video_cover {
    width: 100vw !important;
    margin: 0 -20px;
    position: relative;
}

.section_cover-services .column.img_video_cover::after {
    content: url('/wp-content/uploads/2020/01/play-button-2020-01-07.svg');
    width: 78px;
    height: 78px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40%;
    transform: translateY(-50%);
}

.section-faq>.section_wrapper>.wrap {
    border-radius: 10px;
    box-shadow: inset 0 0 0 100vw hsla(208, 70%, 30%, 0.726);
    overflow: hidden;
}

.section-faq>.section_wrapper>.wrap::after {
    content: url('/wp-content/uploads/2020/01/bg-faq-left-2020-01-07.svg');
    width: 245px;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible;
}

.section-faq>.section_wrapper>.wrap::before {
    content: url('/wp-content/uploads/2020/01/bg-faq-right-2020-01-07.svg');
    width: 245px;
    height: 55px;
    position: absolute;
    right: 0;
    bottom: 0;
    visibility: visible;
}

/*****
    Section Results
*****/
.section-results .grid_cover-vans{
    grid-template-columns: repeat(1,1fr);
}
.section-results_right{
    width: 100%;
}

/*****
    Section testimonials
*****/
.section_testimonials .section_wrapper {
    padding: 0 !important;
}

.section_testimonials .single-photo-img {
    display: none;
}

.section_testimonials h5 {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.section_testimonials blockquote {
    color: #fff;
    margin: 0;
    font-size: 16px;
    text-align: center;
    opacity: .8;
    top: 0;
    font-style: normal !important;
}

.section_testimonials .slick-track {
    display: flex;
    align-items: center;
}

.section_testimonials .slick-slide {
    padding: 0 10px;
}

.section_testimonials .score {
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
}

/*****
    Instagram Feed
*****/
.instagram_img .image_frame {
    border: none;
    padding: 0;
}
.instagram_img .mask{
    display: none;
}
.instagram_img img{
    height: 300px !important;
    object-fit: cover;
    border-radius: 4px;
    overflow: hidden;
}
.instagram_img .image_frame:not(.no_link) .image_wrapper img:not(.ls-l){
    margin: 0 !important;
}

/*****
    Custom FAQ
*****/
.custom-faq .title {
    font-weight: bold;
}

.custom-faq .active .title {
    font-size: var(--text-md) !important;
    color: var(--primary) !important;
    padding-bottom: 10px !important;
}

.custom-faq .answer {
    opacity: .7;
    padding-left: 20px !important;
}

.custom-faq .question {
    margin-bottom: .3rem !important;
    border: 1px solid rgba(10, 35, 57, 0.07) !important;
    border-radius: 3px;
    box-shadow: 0px 4px 30px rgba(10, 35, 57, 0.07);
}

.custom-faq .question .title .num {
    display: none;
}

.custom-faq .question .title {
    padding: 10px 15px !important;
    font-size: var(--text-sm);
}

.custom-faq .question .title>.acc-icon-plus,
.custom-faq .question .title>.acc-icon-minus {
    top: 12px;
}

/*****
    Box shadow
*****/
.box-shadow{
    padding: 16px;
    border-radius: var(--border-radius);
    border: 1px solid rgba(10, 35, 57, 0.09);
    box-shadow: 0px 4px 30px rgba(10, 35, 57, 0.07);
    background-color: #fff;
    height: 100%;
}
.box-shadow img{
    border-radius: 2px;
}
.box-shadow h4{
    text-align: left;
    margin-bottom: 6px;
    line-height: 1.2;
}
.box-shadow address{
    margin-bottom: 6px;
}
.box-shadow a[href^=tel]{
    margin-left: 6px;
    display: inline-block;
    font-weight: bold;
    color: var(--shadow);
    border-bottom: 1px dotted var(--shadow);
    line-height: 1;
}

.box-sede--horizontal{
    display: flex;
    padding: 24px;
    height: 100%;
    background-position: center !important;
    background-size: cover !important;
    border: none;
    box-shadow: inset 0 0 0 100vw rgba(10, 35, 57, 0.6);
}
.box-sede--horizontal header{
    max-width: 200px;
    margin-bottom: 16px;
}
.box-sede--horizontal main{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.box-sede--horizontal footer{
    margin-top: auto;
}
.box-sede--horizontal br{
    display: none;
}
.box-sede--horizontal a[href^=tel],
.box-sede--horizontal a[href^=mailto],
.box-sede--horizontal a.find-by-station {
    border: none;
    padding: 8px 16px;
    border-radius: 2px;
    background-color: var(--primary);
    color: #fff;
    margin-left: 0;
    display: block;
    text-align: center;
    font-size: var(--text-sm);
    margin-bottom: 4px;
    line-height: 30px;
}
.box-sede--horizontal img{
    width: 80px;
}
.sede-madrid{
    background: url('/wp-content/uploads/2020/01/bg-madrid-2020-01-14.jpg');
}
.sede-coruna {
    background: url('/wp-content/uploads/2020/02/coruna-sede-2020-02-28.jpg');
}
.sede-santiago {
    background: url('/wp-content/uploads/2020/01/bg-santiago-2020-01-14.jpg');
}
.sede-poio{
    background: url('/wp-content/uploads/2020/01/bg-poio-2020-01-14.jpg');
}
.sede-naron {
    background: url('/wp-content/uploads/2020/01/bg-naron-2020-01-14.jpg');
}
.sede-burela {
    background: url('/wp-content/uploads/2020/01/bg-burela-2020-01-14.jpg');
}

/*****
    Block alert
*****/
.section-alert{
    border-bottom: 1px solid var(--primary);
}
.block-alert {
    border-radius: 3px;
    padding: 24px 0 32px 0;
    margin-bottom: 0 !important;
}

.block-alert .icon_box {
    display: flex;
    flex-flow: wrap column;
    align-items: flex-start;
    padding: 0;
    min-height: auto;
}

.block-alert .popup-link{
    margin-top: 1rem;
    border-color: var(--shadow);
    background-color: var(--shadow);
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 15px;
    font-weight: bold;
}

.block-alert .icon_box .image_wrapper {
    position: relative;
    height: auto;
    width: auto;
    top: 0;
    margin-bottom: 10px;
    /* display: none; */
}
.block-alert .icon_box img{
    width: 70px;
}

.block-alert h3 {
    margin-bottom: 10px !important;
    font-size: var(--text-md);
}

.block-alert p {
    margin-bottom: 5px;
}

.block-alert small {
    display: block;
    line-height: 1.2;
}

.block-alert .desc_wrapper {
    padding-top: 0 !important;
}

/*****
    Van prices tabs
*****/
.block_van-price {
    padding: 20px;
    border-radius: var(--border-radius);
    border: 1px solid rgba(10, 35, 57, 0.09);
    box-shadow: 0px 5px 30px rgba(23, 81, 132, 0.09);
}
.block_van-price:not(:last-child) {
    margin-bottom: 5px;
}

.van-prices .ui-tabs-panel {
    padding: 0;
}
.van-prices .ui-tabs{
    margin-bottom: 0;
}
.van-prices ul.ui-tabs-nav {
    display: flex;
    flex-flow: wrap row;
    border: none;
    margin-bottom: .5rem;
}

.van-prices ul.ui-tabs-nav a {
    padding: 5px 15px !important;
    border-radius: 20px;
    box-shadow: none;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    font-size: var(--text-sm);
    transition: background-color .3s ease;
}
.van-prices ul.ui-tabs-nav a:hover{
    background-color: rgba(226, 248, 250,0.7);
}

.van-prices ul.ui-tabs-nav li {
    margin: 0 3px;
    width: auto !important;
    flex-grow: 1;
    margin-bottom: 7px;
}

.van-prices ul.ui-tabs-nav li.ui-state-active a {
    background-color: var(--primary-light) !important;
    color: var(--primary-dark);
    font-weight: bold;
}

.van-prices ul.ui-tabs-nav a::after {
    content: none !important;
}

.van-prices figure {
    background-color: var(--shadow-lighten);
    border-radius: 2px;
    overflow: hidden;
    display: flex;
}

.van-prices figure img {
    height: 130px !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.van-prices .block_van-price_name{
    font-size: var(--text-md);
    margin-bottom: 5px;
}
.van-prices .block_van-price_right {
    margin-top: 1rem;
}

.van-prices .block_van-price_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
    width: 100%;
}

.van-prices .block_van-price_list li {
    display: flex;
    flex-flow: wrap column;
    align-items: center;
}
.van-prices .block_van-price_text{
    margin-bottom: 0;
}
.van-prices .block_van-price_price {
    font-size: var(--text-xxl);
    color: var(--shadow);
}
.van-prices .block_van-price_footer{
    display: flex;
    flex-flow: wrap row;
    padding-top: 1.5rem;
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
    margin-top: 1rem;
}
.van-prices .btn {
    display: block;
    width: 100%;
    font-weight: bold;
}

.section_van-info_list img{
    width: 25px;
}

.section_van-prices {
    transition: background 1s;
    background-position: -20% bottom !important;
}

.section_van-prices.fade-in-left {
    background-position: 0% bottom !important;
}

.section_van-prices .pricing-box {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    opacity: 0;
    position: relative;
    width: 100%;
    padding: 24px;
}

.section_van-prices .pricing-box.current {
    border-color: var(--primary);
}

.van-prices_minimun {
    display: block;
    border-radius: 0 0 10px 10px;
    background-color: var(--primary-light);
    padding: 4px 16px;
    text-align: center;
    margin-top: 16px;
}

.plan-header {
    padding: 0;
}

.plan-header .price {
    font-size: 48px;
    line-height: 1;
}

.section_van-prices .pricebox-current {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -5px;
    background-color: var(--primary);
    color: #fff;
    display: inline-block;
    width: auto;
    text-align: center;
    padding: 0 16px;
    border-radius: 2px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.6;
    white-space: nowrap;
}

.section_van-prices .pricing-box.current:not(:first-child) {
    margin-top: 16px;
    margin-bottom: 16px !important;
}

.section_van-prices .pricing-box.current {
    box-shadow: var(--box-shadow);
}

.section_van-prices .pricing-box:not(.current) .pricebox-current {
    display: none;
}

.section_van-prices .pricing-box.clip-image {
    animation: clipImageFromTopLeft 1s 300ms forwards cubic-bezier(.86, 0, .07, 1);
}

.section_van-prices .pricing-box .price span,
.section_van-prices .pricing-box .price sup.currency {
    color: var(--primary);
    font-size: 24px;
}

.section_van-prices .pricing-box .hr {
    color: var(--primary);
    background: var(--primary);
}

.section_van-prices .pricing-box.pricing-box-featured {
    background: var(--primary);
}

.section_van-prices .pricing-box.pricing-box-featured .price span {
    color: white;
}

.section_van-prices .pricing-box.pricing-box-featured .hr {
    color: var(--primary-light);
    background: var(--primary-light);
}

.section_van-prices .pricing-box.pricing-box-featured a.button {
    color: white;
    background: var(--shadow-light);
}

/*****
    Muffin popups
*****/
.popup-content{
    border-radius: 10px;
    padding: 3rem;
}


/*****
    Grid Blog Cover
*****/
.grid-blog .mask,
.grid-blog .image_links,
.grid-blog .post-footer{
    display: none;
}
.grid-blog .image_frame{
    border: none;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 8px;
}
.grid-blog .post-desc-wrapper .post-desc{
    padding: 0;
}
.grid-blog .entry-title{
    font-size: 30px;
    line-height: 1;
}
.grid-blog .entry-title a{
    display: block;
}
.grid-blog img{
    width: 100%;
}
.grid-blog .post-excerpt{
    opacity: .6;
}
.grid-blog .post-meta{
    margin-bottom: 0;
}
.grid-blog .posts_group{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 18px;
}
.grid-blog .posts_group .post-item{
    width: 100% !important;
    margin: 0 !important;
}

/*****
    Grid Experiences
*****/
.grid_experiences{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(301px, 1fr));
    grid-gap: 32px 18px;
}
.grid_experiences a:hover img{
    box-shadow: 0 5px 30px rgba(10, 35, 57,0.3);
}
.grid_experiences img{
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 4px;
    transition: all .3s ease;
}
.grid_experiences .card-experience_info{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.card-experience_inner{
    color: var(--shadow-darken);
}
.card-experience_name{
    margin-bottom: 8px;
    margin-top: 4px;
    font-weight: bold;
}


.experiences-wrapper h1 {
    font-size      : 15px;
    line-height    : 25px;
    font-weight    : 700;
    letter-spacing : 0px;
    text-transform : uppercase;
}

/*****
    Grid Guides
*****/
.grid_cover-guides {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    grid-gap: 8px;
}
.grid_cover-guides img {
    min-width: 60px;
    max-width: 60px !important;
    height: 80px !important;
    object-fit: cover;
    border-radius: 8px;
    overflow: hidden;
}
.grid_cover-guides .card-guide_info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 8px;
}
.card-guide_name {
    margin-bottom: 0;
    font-size: 18px;
    text-align: left;
}
.card-guide_inner{
    display: flex;
    align-items: center;
}

@media (min-width: 768px){
    .grid_cover-guides{
        grid-gap: 16px;
    }
    .card-guide_inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .grid_cover-guides figure{
        width: 100%;
    }
    .grid_cover-guides img {
        min-width: 60px;
        width: 100%;
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover;
        border-radius: 4px;
        overflow: hidden;
    }
    .grid_cover-guides .card-guide_info{
        margin-left: 0;
    }
}


/*****
Guide single page
*****/
.single-guide h3{
    margin-top: 3rem;
}
.single-guide p{
    font-size: 18px;
    opacity: .7;
    line-height: 1.6em;
}
.single-guide p br{
    display: none;
}

/*****
    Experience page
*****/
.experience_nav{
    position: fixed;
    bottom: 0px;
    width: 100vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    padding: 8px;
    z-index: 2;
    box-shadow: var(--box-shadow);
    border-top: 1px solid rgba(0,0,0,0.1);
}
.experience_nav_list{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.experience_nav_list a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--shadow);
    opacity: .8;
    padding: 4px;
    transition: none;
}
.experience_nav_list a.active {
    background-color: var(--primary);
    border-radius: 4px;
    color: #fff;
    opacity: 1;
}
.experience_nav_list a.active path{
    fill: #fff;
}

.single-experience.minimalist-header-no #Subheader {
    padding-top: 35vh !important;
    padding-bottom: 10vh !important;
}
.single-experience.subheader-both-center #Subheader .title {
    font-size: 3em !important;
    line-height: 1em;
}
.section_experience-inner{
    padding-top: 56px;
    padding-bottom: 56px;
}
#section_experience-intro .section_wrapper{
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 1rem 16%;
}
#section_experience-description .section_wrapper{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 0 10%;
}

#section_experience-description section h5{
    font-size: 16px;
}

.section_experiences-intro_title{
    font-size: 40px;
    line-height: 1.2;
}

.section_experience p{
    color: rgb(83, 97, 109);
    font-size: 18px;
    line-height: 30px;
}
.section_experience-features{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px 0;
}
.section_experience-description{
    order: -1;
    margin-bottom: 40px;
}
.section_experience-description p{
    margin-bottom: 0;
}
.section_experience-description img{
    max-width: 100%;
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
    margin-top: 16px;
    margin-bottom: 16px;
}
.section_experience-description a{
    color: var(--shadow);
    font-weight: bold;
    position: relative;
    text-decoration: underline;
    color: var(--primary);
}
.section_experience-description a:hover{
    color: var(--primary-dark);
}
.section_experience-description a:hover::before{
    height: 60%;
}

.experience-list{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-gap: 8px;
}
.experience-list a{
    display: flex;
    flex-direction: column;
    color: var(--shadow);
}
.experience-list span{
    display: block;
    line-height: 1.2;
    text-align: left;
}
.experience-list a:hover{
    color: var(--primary);
}
.experience-list img{
    max-width: 100%;
    border-radius: 8px;
    margin-bottom: 4px;
}

.experiences-categories-list{
    display: inline-flex;
}

.section_experience-row{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 8px;
}
.section_experience-row .box-sede--horizontal{
    padding: 16px 16px;
}
.section_experience-row .box-sede--horizontal address,
.section_experience-row .box-sede--horizontal footer {
    display: none;
}

@media (min-width: 769px){
    .section_experience-row .box-sede--horizontal address,
    .section_experience-row .box-sede--horizontal footer {
        display: block;
    }
    .experience_nav{
        display: none;
    }
    .section_experience-description {
        order: unset;
        margin-bottom: 0;
    }
}
@media (min-width: 992px){
    .section_experiences-intro_title {
        font-size: 58px;
        line-height: 61px;
    }
    .single-experience.subheader-both-center #Subheader .title{
        font-size: 64px !important;
    }
    #section_experience-intro .section_wrapper{
        grid-template-columns: 1.5fr 1fr;
    }
    #section_experience-description .section_wrapper {
        grid-template-columns: 1fr 1.5fr;
    }
}

/*****
    Newsletter
*****/
.tnp-subscription{
    margin: 0;
}
.tnp-subscription label{
    color: #fff;
}
.tnp-subscription input[type="email"]{
    border-radius: 4px;
}
.tnp-subscription input.tnp-submit{
    border-radius: 4px;
    font-size: 16px;
    background-color: var(--primary);
    padding: 8px 24px;
    font-weight: bold;
}

/*****
    Footer
*****/
#Footer {
    font-size: .9rem;
    box-shadow: 0px -5px 50px rgba(23, 81, 132, 0.07) !important;
    background-image: url('/wp-content/uploads/2020/01/tierra-viaje-vanvango-2020-01-15.svg');
    background-position: center 120%;
    background-size: 300px;
    padding-bottom: 140px;
}

#Footer h4 {
    font-size: 1rem;
    font-weight: bold;
}

#Footer .Social__Icons {
    display: flex;
}

#Footer .Phone {
    font-size: 1.4rem;
    font-weight: bold;
    color: var(--primary);
}

#Footer ul {
    background: none;
    list-style: none;
    padding: 0;
}

#Footer ul li:not(:last-child) {
    margin-bottom: 10px;
}

#Footer ul li a {
    padding: 5px 0;
    display: block;
}

#Footer .copyright {
    font-size: .8rem;
}

#Footer .social_block {
    display: flex;
    justify-content: start;
}

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

    h4,
    ul li a {
        display: block;
    }

    ul {
        justify-content: center;
    }
    h3{
        font-size: 20px !important;
    }
}


/*****
    Helper classes.
*****/
img{
    filter: saturate(1.3);
}

.h-100 {
    height: 100% !important;
}

.w-100 {
    width: 100% !important;
}

.bg-shadow {
    background-color: var(--shadow) !important;
}

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

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

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

.is-bold{
    font-weight: bold;
}

.divider {
    display: block;
    width: 100%;
    height: 1px;
    opacity: 0.1;
    background: var(--primary-light);
}

.well {
    background: #fcfcfc;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.z-index-9 {
    z-index: 9;
}
.z-index-99 {
    z-index: 99;
}
.z-index-999 {
    z-index: 999;
}
.z-index-9999 {
    z-index: 9999;
}

.home .youtubeVideo .content_video {
    border-radius: 2rem;
    overflow: hidden;
    display: flex;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
}

@media (min-width: 960px) {
    .home .youtubeVideo .section_wrapper {
        margin: 2rem auto;
    }
}

/** Responsive Mediaqueries **/
@media (min-width: 576px) {
    .grid_cover-vans {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .card-van .card-van_inner {
        flex-flow: wrap column;
        padding: 16px;
    }

    .card-van .card-van_left {
        width: 100%;
        margin-bottom: 20px;
    }

    .card-van .card-van_left figure {
        width: 100%;
        margin-bottom: 0;
    }

    .card-van .card-van_left figure img {
        width: 100%;
        max-height: 300px;
        max-width: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 2px;
    }
    .grid_cover-vans .card-van_left figure img {
        min-height: 220px !important;
        max-height: 220px !important;
    }
    .card-van .card-van_right {
        padding: 0;
    }

    .card-van .card-van_right .card-van_info_price span {
        display: block;
        line-height: 1;
    }

    .card-van .card-van_right .card-van_name {
        font-size: var(--text-md);
        margin-bottom: 15px;
    }

    .card-van .card-van_right .card-van_info_people-zone_item {
        font-size: var(--text-sm);
    }

    .card-van--vertical .btn {
        position: relative;
        left: 0;
        bottom: 0px;
        line-height: 40px !important;
        font-size: 16px;
        display: block;
        width: 100%;
        background-color: var(--primary-light);
        border-color: var(--primary-light);
        color: var(--primary-dark);
        margin-top: 20px;
        font-weight: bold;
    }

    .card-van--vertical .btn {
        position: relative;
        left: 0;
        bottom: 0px;
        line-height: 40px !important;
        font-size: 16px;
        display: block;
        width: 100%;
        background-color: var(--primary-light);
        border-color: var(--primary-light);
        color: var(--primary-dark);
        margin-top: 20px;
        font-weight: bold;
    }

    .card-van--horizontal .btn {
        position: relative;
        left: 0;
        bottom: 0px;
        line-height: 40px !important;
        font-size: 16px;
        font-weight: bold;
    }

}

@media (min-width: 768px) {
    .grid_cover-vans {
        grid-template-columns: repeat(3, 1fr);
    }

    .section_testimonials .slick-slide {
        padding: 0 25px;
    }
    #Footer {
        background-position: 105% 350px;
        background-size: 400px;
    }

}

@media (min-width: 992px) {
    .social_block {
        display: flex;
    }

    .main_title {
        font-size: 80px !important;
        line-height: 1;
        text-align: center !important;
    }

    .main_subtitle {
        font-size: 30px !important;
        line-height: 1.2;
        text-align: center !important;

    }

    .minimalist-header-no #Subheader {
        padding-top: 200px !important;
    }

    .subheader_inner{
        padding-bottom: 7rem;
    }
    .subheader-both-center #Subheader .title{
        font-size: 46px !important;
    }

    .grid_cover-vans {
        grid-template-columns: repeat(4, 1fr);
    }

    #Top_bar .menu>li>a {
        font-size: 20px;
    }

    #Top_bar .menu>li>a span:not(.description) {
        padding: 0 10px !important;
    }

    .ContactMenuBar {
        margin-bottom: 30px;
    }

    .header_cover {
        padding-top: 200px !important;
        padding-bottom: 150px !important;
    }

    .section_cover-services .cover_video-info {
        max-width: none;
    }

    .section_cover-services .column.img_video_cover {
        margin: 0 auto;
    }

    .custom_iconbox_cover {
        border: none;
        padding: 0;
    }

    .section_cover-services .section_wrapper {
        display: flex;
    }

    .section_cover-services .cover_video-info {
        margin-top: 50px !important;
        padding: 40px 0 40px 40px;
        border-top-left-radius: 10px;
        position: relative;
        margin-left: -60px !important;
    }

    .section-faq .mcb-wrap-inner {
        max-width: 800px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        float: none !important;
    }

    .section-faq .column {
        margin-bottom: 0 !important;
    }

    .section_cover-services .column.img_video_cover {
        width: auto !important;
    }

    .custom-faq .question .title {
        padding: 20px !important;
    }

    .custom-faq .question .title>.acc-icon-plus,
    .custom-faq .question .title>.acc-icon-minus {
        top: 21px;
    }

    .block-alert .icon_box{
        display: flex;
        flex-flow: nowrap row;
        align-items: center;
        justify-content: center;
    }
    .block-alert .icon_box .image_wrapper{
        display: block;
        margin-right: 2rem;
    }

    .block_van-price {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 25px;
    }
    .block_van-price:not(:last-child){
        margin-bottom: 10px;
    }
    .van-prices ul.ui-tabs-nav{
        justify-content: center;
        margin-bottom: 1rem;
    }
    .van-prices ul.ui-tabs-nav li{
        flex-grow: unset;
        margin: 0 10px;
    }
    .van-prices ul.ui-tabs-nav a{
        background-color: #f0f0f0;
    }
    .van-prices figure{
        min-width: 25%;
    }
    .van-prices figure img{
        height: 200px !important;
    }
    .van-prices .block_van-price_right{
        padding-left: 1.5rem;
        margin-top: 0;
    }
    .van-prices .block_van-price_footer{
        align-items: center;
        flex-flow: nowrap row;
    }
    .van-prices .block_van-price_list{
        width: auto;
        margin-bottom: 0;
    }
    .van-prices .block_van-price_list li{
        margin: 0 20px;
    }
    .van-prices .block_van-price_list li:first-child{
        margin-left: 0;
    }
    .van-prices .block_van-price_price+span{
        line-height: 1;
        display: block;
        margin-top: 5px;
    }
    .van-prices .btn{
        display: inline-block;
        width: auto;
        margin-left: 1.5rem;
    }

    .section-results{
        display: flex;
    }
    .section-results_right{
        /* padding-left: 48px; */
    }
    .section-results .card-van .card-van_inner {
        flex-flow: nowrap row;
    }

    .section-results .card-van .card-van_left {
        max-width: 400px;
        margin-bottom: 0;
    }
    .card-van .card-van_left figure,
    .card-van .card-van_left .card-van_img{
        max-width: 400px;
    }

    .section-results .card-van .card-van_right {
        width: auto;
        flex-grow: 1;
        padding-left: 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 24px;
    }
    .section-results .card-van .card-van_right .card-van_info{
        align-items: center;
        padding-bottom: 1rem;
        border-bottom: 1px dashed rgba(0, 0, 0, .1);
        margin-bottom: 1rem;
    }
    .section-results .card-van_right .card-van_info_people-zone_item:not(:last-child){
        margin-right: 16px;
        margin-bottom: 0;
    }

    .section-results .card-van_right .card-van_name {
        font-size: var(--text-lg);
        margin-bottom: 8px;
    }

    .section-results .card-van_right .card-van_info_price span.text--lg{
        font-size: var(--text-xxl) !important;
        font-weight: bold;
    }
    .section-results .card-van_right .card-van_info_people-zone{
        display: flex;
    }
    /* .section-results .grid_cover-vans{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    } */
    
    #FilterPanel{
        position: relative;
        min-width: 300px;
        width: auto;
    }
    #FilterPanel .content,
    #FilterPanel.show .content{
        position: relative;
        min-height: auto;
        bottom: 0;
        padding: 0;
    }

    .product_wrapper{
        flex-flow: nowrap row;
        align-items: flex-start;
    }
    .van_right{
        width: 380px;
        min-width: 380px;
        margin-left: 56px;
        background-color: #fff;
        border-radius: var(--border-radius);
        position: relative;
        top: -56px;
        padding: 24px;
        z-index: 2;
        border: 1px dashed var(--primary);
        border-top: 5px solid var(--primary);
    }

    .section_van-prices .pricing-box.current:not(:first-child){
        margin-top: 0;
        margin-bottom: 0 !important;
    }
    .van-services_list_item{
        width: calc(100%/3);
    }
}

/****
    Animations
****/
@keyframes titleMask {
    0% {
        top: 70px;
    }

    100% {
        top: 0;
    }
}
@keyframes iconButton {
    0% {
        left: 0;
    }
    50% {
        left: 10px;
    }
    100% {
        left: 0;
    }
}

@keyframes vanAppear {
    0% {
        opacity: 0;
        top: 40px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@keyframes clipImage {
    0% {
        clip-path:circle(0px at right bottom);
    }

    100% {
        clip-path:circle(145% at right bottom);
    }
}