@font-face {
    font-family: 'Helvetica Neue LT Std-Roman';
    src: url('../fonts/HelveticaNeueLTStd-Roman.otf') format('opentype');
}

@font-face {
    font-family: 'Helvetica Neue LT Std-LtCn';
    src: url('../fonts/HelveticaNeueLTStd-LtCn.otf') format('opentype');
}

@font-face {
    font-family: 'Helvetica Neue LT Std-MdCn';
    src: url('../fonts/HelveticaNeueLTStd-MdCn.otf') format('opentype');
}

@font-face {
    font-family: 'Helvetica Neue LT Std-BdCn';
    src: url('../fonts/HelveticaNeueLTStd-BdCn.otf') format('opentype');
}

@font-face {
    font-family: 'Antonio Bold';
    src: url('../fonts/antonio.bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Antonio Regular';
    src: url('../fonts/antonio.regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Antonio Light';
    src: url('../fonts/antonio.light.ttf') format('truetype');
}

@font-face {
    font-family: 'Jey';
    src: url('../fonts/Jey.ttf') format('truetype');
}

@font-face {
    font-family: 'Material Design Icons';
    src: url('../fonts/materialdesignicons-webfont.ttf') format('truetype');
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.background-yellow {
    background-color: #bcd01d;
}

.br-10 {
    border-radius: 10px;
}

.pad-15 {
    padding: 15px;
}

.pad-5 {
    padding: 5px;
}

.p-30-15 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

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

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

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

.pb-30 {
    padding-bottom: 30px;
}

.pr-15 {
    padding-right: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.gtt-first-color {
    color: #212f3d;
}

.gtt-text-color {
    color: #6d6d6d;
}

.font24 {
    font-size: 24px;
}

.font14 {
    font-size: 14px;
}

.font12 {
    font-size: 12px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font36 {
    font-size: 36px;
}

.font48 {
    font-size: 48px;
}

.to-uppercase {
    text-transform: uppercase;
}

.to-left {
    margin-right: auto;
}

.to-right {
    margin-left: auto;
}

.general-text-opt {
    line-height: 1.2;
}

.custom-padding-top {
    padding-top: 60px;
}

.flex-wrapper {
    display: flex;
}

.flex-left-side {
    margin-right: auto;
}

.flex-right-side {
    margin-left: auto;
}

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

.hn-roman {
    font-family: 'Helvetica Neue LT Std-Roman';
}

.hn-ltcn {
    font-family: 'Helvetica Neue LT Std-LtCn';
}

.hn-mdcn {
    font-family: 'Helvetica Neue LT Std-MdCn';
}

.hn-bdcn {
    font-family: 'Helvetica Neue LT Std-BdCn';
}

.antonio-bold {
    font-family: 'Antonio Bold';
}

.antonio-regular {
    font-family: 'Antonio Regular';
}

.antonio-light {
    font-family: 'Antonio Light';
}

.jey {
    font-family: 'Jey';
}

.material-design {
    font-family: 'Material Design Icons';
}

html {
    scroll-behavior: smooth;
}

#body {
    margin: 0;
}

.gtt-notification {
    font-size: 18px !important;
}

button.btn .loading-spinner {
    vertical-align: baseline;
}

.not-selected {
    display: none
}

.navs-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
}

#first-nav {
    width: 100%;
    height: 60px;
    background-color: #212f3d;
    position: fixed;
    top: 0;
    z-index: 10;
}

#second-nav {
    position: fixed;
    top: 60px;
    z-index: 9;
    width: 100%;
    height: 45px;
    background-color: rgba(188, 208, 29, 95%);
}

#first-nav-content {
    position: relative;
    height: 100%;
}

.custom-margin {
    margin-left: 9.375%;
    margin-right: 9.375%;
    padding-left: 30px;
    padding-right: 30px;
}

.custom-padding {
    padding-left: calc(9.375% + 30px);
    padding-right: calc(9.375% + 30px);
}

.custom-padding-top {
    padding-top: 60px;
}

.custom-padding-top-2-navbar {
    padding-top: 105px;
}

#logo_link {
    display: flex;
    float: left;
    justify-content: center;
    align-items: center;
    height: 45px;
}

.logo {
    height: 40px;
}

#language_selector i {
    line-height: 1.2;
}

#language_selector .l_letters {
    font-size: 16px;
    padding-top: 2px;
    padding-left: 2px;
}

.main-nav {
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    height: 100%;
}

.main-nav a {
    text-decoration: none;
    padding-right: 30px;
    color: #212f3d;
}

.menu-content {
    display: flex;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -40%);
}

.menu-item-container {
    position: relative;
}

span.marker {
    position: absolute;
    top: -25%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #212f3d;
}

#home-banner {
    margin-top: 60px;
    width: 100%;
    height: 750px;
    position: relative;
}

#home-banner img {
    width: 100%;
}

.image-review {
    position: relative;
}

.image-review .review {
    position: absolute;
    top: 25%;
    padding-left: 145px;
}

.home-carousel .slick-slide {
    margin-left: 0 !important;
}

.home-banner-title {
    font-size: 48px;
    line-height: 1.2;
    width: 400px;
    color: #ffffff;
    text-shadow: 0.5px 2px 3px rgba(0, 0, 0, 50%);
    padding-bottom: 0;
    /* filter: drop-shadow(2px, 2px); */
}

.home-banner-description {
    font-size: 24px;
    line-height: 1.2;
    /* En el diseño sale diferencia de 30cm, pero calculando los pixeles del line-heigth en la realidad son 22.8 */
    padding-top: 22.8px;
    width: 570px;
    color: #ffffff;
    text-shadow: 0.5px 2px 5px rgba(0, 0, 0, 50%);
}

.home-banner-location {
    line-height: 1.2;
    color: #ffffff;
    text-shadow: 0.5px 2px 5px rgba(0, 0, 0, 50%);
    margin-top: 53.6px;
    position: relative;
}

.home-banner-location i {
    font-size: 40px;
    line-height: 1.2;
}

.home-banner-location .home-location {
    font-size: 30px;
    position: absolute;
    top: 0;
}

.home-banner-weather {
    color: #ffffff;
    text-shadow: 0.5px 2px 5px rgba(0, 0, 0, 50%);
    margin-top: 10.2px;
    padding-left: 50px;
    position: relative;
}

.home-banner-weather i {
    font-size: 58px;
    line-height: 1.2;
}

.home-banner-weather .home-grade {
    font-size: 48px;
    position: absolute;
    top: 0;
}

.home-banner-weather i, .home-banner-location i {
    padding-right: 11px;
}

.home-banner-login {
    box-shadow: 0.5px 2px 15px rgba(0, 0, 0, 15%);
    position: absolute;
    top: 20%;
    left: 57.555%;
    width: 490px;
    padding-bottom: 30px;
    background-color: #ffffff;
    box-shadow: 0.5px 2px 15px rgba(0, 0, 0, 15%);
    border-radius: 10px;
}

.form-login-container {
    padding: 30px;
}

.form-logo img {
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    object-fit: scale-down;
}

.form-logo hr {
    margin-top: 5px;
    margin-bottom: 10px;
    height: 1px;
    background-color: #6d6d6d;
}

.form-inicio-sesion-text {
    font-size: 24px;
    color: #6d6d6d;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    padding-top: 2.6px;
}

.form-login-container .inputs-container {
    padding-top: 30px;
    color: #6d6d6d;
}

.form-login-container .inputs-container input {
    margin-bottom: 15px;
    height: 48px;
    border: 1px solid #c4c4c4;
}

.form-login-container .form-password-forgotten {
    color: #6d6d6d;
}

.form-login-container .form-password-forgotten a {
    color: #212f3d;
    text-decoration-line: underline;
}

.home-actions {
    padding-top: 30px;
    float: right;
}

.home-actions button.home-login-btn {
    width: 120px;
    height: 36px;
    text-transform: uppercase;
    font-size: 18px;
    border: 2px solid transparent;
    color: #ffffff;
    background-color: #212f3d;
    line-height: 1.2;
}

.gtt-button {
    font-family: 'Antonio Regular';
    cursor: pointer;
    width: 6.25vw;
    height: 36px;
    text-transform: uppercase;
    font-size: 18px;
    border: 2px solid #212f3d;
    color: #212f3d;
    background-color: #ffffff;
    line-height: 1.2;
}

.gtt-button:hover {
    border: 2px solid transparent;
    color: #ffffff;
    background-color: #212f3d;
    line-height: 1.2;
}

.gtt-button-thin {
    border-width: 1px
}

.gtt-button-thin:hover {
    border-width: 1px
}

.gtt-button-rounded {
    border-radius: 5px;
}

.gtt-button-transparent {
    background-color: transparent;
}

.home-actions button.home-sign-up {
    width: 120px;
    height: 36px;
    text-transform: uppercase;
    font-size: 18px;
    border: 2px solid #212f3d;
    color: #212f3d;
    background-color: #ffffff;
    line-height: 1.2;
}

.home-actions button.home-login-btn:hover {
    background-color: #ffffff;
    border: 2px solid #212f3d;
    color: #212f3d;
    line-height: 1.2;
}

.home-actions button.home-sign-up:hover {
    border: 2px solid transparent;
    color: #ffffff;
    background-color: #212f3d;
    line-height: 1.2;
}

.home-actions .home-sign-up {
    margin-right: 30px;
}

#destinies {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 87.6px;
}

.section-title {
    padding-bottom: 27.6px;
    font-size: 24px;
    color: #212f3d;
    line-height: 1.2;
}

.user-photo {
    font-size: 30px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 1.2;
    margin-top: 10px;
    color: #bcd01d;
    border-radius: 100%;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 5px;
    margin-right: 3px;
    border: 1px solid #bcd01d;
}

.user-photo:hover {
    cursor: pointer;
}

.dest {
    position: relative;
    width: 18.75vw !important;
    height: 475px !important;
    border-radius: 10px;
    box-shadow: 2px 0.5px 5px rgba(0, 0, 0, 35%);
    box-shadow: 2px 0.5px 5px rgba(0, 0, 0, 35%);
}

/* .slick-active .dest{
    box-shadow: 2px 0.5px 5px rgba(0, 0, 0, 35%);
} */

.dest img {
    width: 100%;
    border-radius: 10px;
}

.name-weather {
    position: absolute;
    display: flex;
    top: 30px;
    width: 11.98vw;
    height: 47px;
    background-color: #212f3d;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.name-weather .name {
    width: 8.85vw;
    height: 47px;
    background-color: #bcd01d;
    font-size: 18px;
    color: #212f3d;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left: 15px;
    padding-top: 10px;
}

.name-weather .weather {
    font-size: 14px;
    color: #ffffff;
    margin-left: auto;
    line-height: 1.2;
    padding-right: 10px;
    padding-top: 5px;
}

.name-weather .weather .weather-time {
    text-align: right;
}

.dest .description {
    position: absolute;
    bottom: 0;
    width: 11.98vw;
    height: 110px;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(255, 255, 255, 90%);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    padding: 15px;
    padding-bottom: 10px;
    transition: height 0.5s ease-in;
}

.dest .description:hover {
    height: 293px;
    transition: height 0.5s ease-in;
}

.dest .description .inner-text {
    width: auto;
    height: 100%;
    line-height: 1.2;
    overflow: hidden;
    color: #212f3d;
    font-size: 14px;
}

.slick-dots {
    bottom: -35px !important;
}

.slick-dots li button::before {
    font-size: 15px !important;
    color: #212f3d !important;
    opacity: 1 !important;
}

.slick-dots li.slick-active button::before {
    color: #bcd01d !important;
}

#services-you-like {
    padding-top: 90px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#services-you-like .service-you-like-title {
    padding-bottom: 30px;
}

.service-c {
    width: 18.854vw;
    padding-left: 2px;
}

.service {
    width: 18.85vw !important;
    height: 585px !important;
    margin-bottom: 5px;
    position: relative;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 2px 0.5px 5px rgba(0, 0, 0, 35%);
}

/* .slick-active .service{
    box-shadow: 2px 0.5px 5px rgba(0, 0, 0, 35%);
} */
.service img {
    width: 18.85vw;
    height: 220px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.service .service-content-container {
    padding: 30px 15px 15px 15px;
}

.service .service-content-container .tag {
    font-size: 14px;
    line-height: 1.2;
    color: #212f3d;
    padding-bottom: 22.5px;
    text-transform: uppercase;
}

.service .service-content-container .service-desc-title {
    font-size: 24px;
    line-height: 1.2;
    color: #212f3d;
    padding-bottom: 7.5px;
}

.service .service-content-container .service-desc-text {
    font-size: 14px;
    line-height: 1.2;
    color: #212f3d;
    padding-bottom: 30px;
}

.service .service-content-container hr {
    margin-top: 0;
    margin-bottom: 15px;
    height: 1px;
    background-color: #c4c4c4;
    border: none;
}

.service .service-content-container .service-prices .hd {
    font-size: 14px;
    line-height: 1.2;
    color: #212f3d;
    padding-bottom: 25px;
}

.service .service-content-container .service-prices .price {
    line-height: 1.2;
    font-size: 24px;
    color: #212f3d;
}

.service .service-content-container .service-prices .price .currency {
    text-transform: uppercase;
    padding-right: 10px;
}

sup {
    font-size: 65% !important;
}

.slick-list {
    box-sizing: initial !important;
    padding-bottom: 5px;
}

#gtt-packages {
    padding-top: 90px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#gtt-packages .packages-container {
    display: flex;
}

#gtt-packages .package {
    width: 18.85vw;
    height: 396px;
    position: relative;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0.5px 2px 5px rgba(0, 0, 0, 35%);
    padding: 60px 30px 60px 30px;
    text-align: center;
}

#gtt-packages .no-last {
    margin-right: 18px;
}

#gtt-packages .package img {
    height: 100px;
    margin-bottom: 60px;
}

#gtt-packages .package .package-name {
    font-size: 24px;
    color: #212f3d;
    padding-bottom: 25px;
    line-height: 1.2;
}

#gtt-packages .package .package-desc {
    font-size: 16px;
    color: #212f3d;
    line-height: 1.2;
    text-align: center;
}

#other-services {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 90px;
}

#other-services .other-services-container {
    width: 25.52vw;
    height: 220px;
    border-radius: 20px;
    position: relative;
}

#other-services .other-services-container img {
    width: 25.52vw;
    height: 220px;
    border-radius: 20px;
}

#other-services .other-service-content {
    position: absolute;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    top: 66%;
}

#other-services .other-service-content hr {
    height: 1px !important;
    background-color: #ffffff;
    border: 0;
    margin: 0;
}

#other-services .other-service-content .other-service-text {
    padding-top: 15px;
    font-size: 24px;
    line-height: 1.2;
    color: #ffffff;
    text-transform: uppercase;
}

#who-we-are {
    padding-top: 90px;
    padding-left: 7.552%;
    padding-right: 7.552%;
    line-height: 1.2;
    color: #212f3d;
    margin-bottom: 120px;
}

#who-we-are .first-text, #who-we-are .second-text {
    font-size: 18px;
}

#who-we-are .first-text {
    padding-bottom: 22.5px;
}

#who-we-are .second-text {
    padding-bottom: 52.5px;
}

#who-we-are .third-text {
    font-size: 24px;
    padding-bottom: 22.5px;
}

#who-we-are .sign-text {
    text-align: right;
}

#who-we-are .sign {
    font-size: 72px;
    padding-bottom: 7.5px;
}

#who-we-are .text {
    font-size: 18px;
}

#offers {
    width: 100%;
    height: 474px;
    position: relative;
}

#offers img {
    width: 100%;
    height: 100%;
}

#offers .offers-info {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    line-height: 1.2;
    text-align: center;
    top: 20%;
}

#offers .offers-info .big-text {
    font-size: 60px;
    padding-left: 6.77%;
    padding-right: 6.77%;
    text-align: center;
    color: #ffffff;
    text-shadow: 0.5px 2px 10px rgba(0, 0, 0, 35%);
    padding-bottom: 22.5px;
}

#offers .offers-info .small-text {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    padding-bottom: 30px;
}

#offers .offers-info a {
    text-align: center;
    width: 6.25vw;
    height: 48px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    font-size: 18px;
    color: #ffffff;
    padding-top: 10px;
    text-transform: uppercase;
}

#offers .offers-info a:hover {
    background-color: #ffffff;
    padding-top: 12px;
    border: none;
    color: #212f3d;
}

#footer1 {
    width: 100%;
    height: 220px;
    background-color: #112b3a;
    position: relative;
}

#footer1 .footer1-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    padding-left: 7.552vw;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.2;
    padding-right: 7.552vw;
    display: flex;
}

#footer1 .footer1-content .question {
    width: 25.5208vw;
    text-align: right;
    margin-right: 22.5px;
}

#footer1 .footer1-content input {
    width: calc(32.03vw - 0.78vw);
    height: 48px;
    background-color: transparent;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    color: #c4c4c4;
    margin-right: 0.78vw;
}

#footer1 .footer1-content button {
    width: 6.25vw;
    height: 48px;
    border-radius: 5px;
    background-color: #ffffff;
    border: none;
    font-size: 18px;
    color: #212f3d;
    text-transform: uppercase;
}

#footer1 .footer1-content button:hover {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
}

#footer2 {
    line-height: 1.2;
    width: 100%;
    height: 224px;
    background-color: #112b3a;
}

#footer2 .footer2-container {
    padding-top: 90px;
    display: flex;
}

#footer2 .left-part {
    float: left;
    color: #ffffff;
    font-size: 12px;
}

#footer2 .left-part a {
    color: #bcd01d;
}

#footer2 img {
    height: 30px;
    margin-bottom: 22.5px;
}

#footer2 .right-part {
    padding-top: 30px;
    float: right;
    margin-left: auto;
    font-size: 48px;
    text-align: right;
}

#footer2 .right-part a {
    color: #bcd01d;
}

@media (max-width: 1366px) {
    #home-banner {
        height: 450px;
    }
}

.bannerText {
    background-color: #212f3d;
    padding-left: 5px;
}

/* Reglas generales */

.yellow-words {
    color: #bcd01d;
    padding-left: 5px;
    background-color: #212f3d;
    text-transform: uppercase;
}

.form-actions button {
    width: 6.25vw;
    background-color: #212f3d;
    color: #ffffff;
    height: 50px;
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
    border-radius: 5px;
    border: none;
}

.form-actions button.inverse {
    background-color: #ffffff;
    color: #212f3d;
    border: 2px solid #212f3d;
}

.form-actions button:hover {
    background-color: #ffffff;
    border: 2px solid #212f3d;
    color: #212f3d;
    cursor: pointer;
}

.form-actions button.inverse:hover {
    background-color: #212f3d;
    color: #ffffff;
}

@media (max-width: 1368px) {
    .form-actions button {
        height: 40px;
        font-size: 14px;
    }
}

.vueSelect .vs__dropdown-toggle {
    margin-bottom: 30px;
    height: 50px;
}

.vueSelect.vs--open .vs__dropdown-toggle {
    border-bottom-color: rgba(60, 60, 60, .26);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.vueSelect .vs__dropdown-menu {
    padding: 30px;
    margin-top: 20px;
    font-family: 'Helvetica Neue LT Std-Roman';
    font-size: 14px;
    border-radius: 10px;
    max-width: 409px;
    position: absolute;
    box-shadow: 0.5px -0.5px 15px rgba(0, 0, 0, 50%);
    background: #ffffff;
    border: none;
    width: 18.75vw;
    color: #212f3d;
    overflow: auto;
    z-index: 2;
}

.vueSelect .custom-div-v-select::before {
    content: '';
    position: absolute;
    z-index: 1000;
    top: -10px;
    left: 5%;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid red;
}

.vueSelect .vs__dropdown-menu li {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.gtt__select.select-countries ul li {
    padding-top: 7px;
    padding-bottom: 7px;
}

.custom-text-form {
    position: absolute;
    display: flex;
    top: 26%;
    padding-left: 8vw;
}

.custom-form {
    width: 39.06vw;
    /* min-height: 350px; */
    background-color: #ffffff;
    box-shadow: 0.5px 2px 15px rgba(0, 0, 0, 15%);
    border-radius: 10px;
    padding: 1.5625vw;
}

.custom-text {
    font-size: 48px;
    color: #ffffff;
    margin-top: 70px;
    height: auto;
    margin-right: 1.5625vw;
    line-height: 1.2;
    text-align: right;
    width: 24.74vw;
}

.custom-form .custom-form-select {
    border-radius: 5px;
    margin-bottom: 30px;
    height: 50px;
    font-size: 18px !important;
}

.custom-form-big {
    width: 100%;
}

.custom-form-small {
    width: 49.5%;
}

.cleft {
    margin-right: 1%;
}

.selects-inline {
    display: flex;
}

.custom-form .select-flag {
    width: 30px;
    height: 20px;
    margin-right: 5px;
}

@media (max-width: 1440px) {
    .custom-form {
        width: 45.06vw;
        height: auto;
    }

    .custom-text {
        font-size: 36px;
    }

    .custom-form .custom-form-select {
        margin-bottom: 15px;
        height: 30px;
        font-size: 18px !important;
    }

    .custom-form .select-flag {
        width: 25px;
        height: 15px;
    }
}

button.slick-arrow {
    z-index: 1;
    width: 45px;
    height: 45px;
}

button.slick-arrow::before {
    font-size: 45px;
}

/* button.slick-prev{
    left: 50px;
} */
button.slick-next {
    right: 50px;
}

@media (max-width: 1368px) {
    button.slick-arrow {
        width: 30px;
        height: 30px;
    }

    button.slick-arrow::before {
        font-size: 30px;
    }

    button.slick-prev {
        left: 25px;
    }

    button.slick-next {
        right: 25px;
    }
}

/* #index-logged-destinies .slick-prev{
    left: 20px;
}
#index-logged-destinies .slick-next{
    right: 25px;
} */
.carousel-absolute {
    position: absolute;
    top: -45px;
    z-index: 2;
    width: 100%;
}

.slick-slider .slick-arrow::before {
    display: none;
}

.slick-slider .custom-prevArrow, .slick-slider .custom-nextArrow {
    color: #212f3d;
    width: 45px;
    height: 45px;
    background: #ffffff;
    border-radius: 100%;
    text-align: center;
    z-index: 2;
    border: 3px solid #ffffff;
}

.slick-slider .custom-prevArrow {
    left: 5px;
}

.slick-slider .custom-nextArrow {
    right: 10px;
}

.slick-slider .custom-prevArrow i,
.slick-slider .custom-nextArrow i {
    font-size: 36px;
    line-height: 1;
    padding-bottom: 3px;
}

.slick-slider .custom-prevArrow:hover,
.slick-slider .custom-nextArrow:hover {
    color: #ffffff;
    background: transparent;
    border: 3px solid #ffffff;
}

.gtt__kidsSelect .gtt__toggle {
    padding-left: 3px !important;
    padding-right: 3px !important;
    font-size: 16px !important;
}

@media (max-width: 1440px) {
    .gtt__kidsSelect .gtt__toggle {
        font-size: 12px !important;
    }
}

.select-countries {
    width: 25vw !important;
}

/* pagination */
.pagination-section {
    margin-top: 90px;
    margin-bottom: 90px;
}

.custom-page-container .page-item {
    margin-right: 5px;
    border-radius: 5px;
}

.custom-page-container .page-link {
    font-family: 'Antonio Light';
    color: #212f3d;
    border-radius: 5px;
    border: 1px solid #212f3d;
}

.custom-page-container .page-link:hover {
    color: white;
    background-color: #212f3d;
}

.custom-page-container .page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(115, 121, 127, 0.3)
}

.custom-page-container .page-item.active .page-link {
    color: white;
    background-color: #212f3d;
    border: 1px solid #212f3d;
}

.client-actions-wrapper {
    width: 100%;
    font-size: 16px;
}

.client-actions-item {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #212f3d;
}

.client-actions-item:hover {
    color: #ffffff;
    background-color: #212f3d;
    cursor: pointer;
}

.button-close-session-wrapper {
    width: 100%;
    margin-top: 25px;
}

.button-close-session {
    width: 100%;
}

.list-item-general {
    display: flex;
    border: 1px solid #c4c4c4;
}

.list-item-info {
    position: relative;
    padding-top: 15px;
    padding-left: 30px;
    padding-bottom: 15px;
    width: 40%;
}

.list-item-carousel {
    width: 450px;
    height: 300px;
}

.item-name {
    font-size: 24px;
    color: #212f3d;
}

.item-provider {
    font-size: 18px;
    color: #212f3d;
}

.item-provider img {
    height: 40px;
    width: auto;
}

.item-provider.viaCar img {
    height: 70px;
}

.result-images-carousel {
    width: 450px;
    height: 300px;
    /* height: 100%; */
    padding: 1px;
}

.result-images-carousel img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.list-item-carousel .slick-dots {
    bottom: 15px !important;
}

.list-item-carousel .slick-dots li button::before {
    color: #ffffff !important;
    opacity: 70%;
}

.list-item-carousel .slick-dots li.slick-active button::before {
    color: #bcd01d !important;
    opacity: 70%;
}

.list-item-price {
    padding: 15px;
}

.price-wrapper {
    border-left: 1px solid #f5f5f5;
    padding-left: 30px;
    padding-right: 15px;
    height: 100%;
    color: #6d6d6d;
    font-size: 16px;
    position: relative;
}

.better-price {
    text-transform: uppercase;
}

.price-wrapper .price {
    padding-top: 15px;
    font-size: 36px;
    color: #6d6d6d;
}

.price-wrapper .details-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
}

.open-close-button {
    position: absolute;
    bottom: -29px;
    left: 50%;
    z-index: 2;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    width: 50px;
    height: 30px;
    background-image: url('../img/lengueta.svg');
    font-size: 24px;
    line-height: .8;
    color: #6d6d6d;
}

.open-close-button:hover {
    cursor: pointer;
}

.list-item-children {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    background-color: #f5f5f5;
}

.item-other-info {
    font-size: 16px;
    color: #6d6d6d;
}

.item-other-info a {
    color: #6d6d6d;
    text-decoration-line: underline;
}

.item-other-info a:hover {
    color: #212f3d;
}

.stars li {
    display: inline-block;
}

.item-suggestion {
    margin-top: 30px;
    font-size: 14px;
}

.stars {
    list-style: none;
    padding-left: 0;
    color: #bcd01d;
    margin-bottom: 0;
    font-size: 24px;
}

.c-space {
    padding-right: 5px;
}

.item-info-icon {
    position: absolute;
    bottom: 15px;
    display: flex;
}

.iii-info-item {
    text-align: center;
    color: #6d6d6d;
    padding-right: 15px;
    line-height: 1;
}

.iii-info-icon {
    font-size: 36px;
}

.left-column-filter-wrapper {
    padding-left: 0;
    padding-right: 30px;
    width: 450px;
}

.right-column-list-wrapper {
    width: 100%;
    padding-right: 0;
}

#twoColumn {
    display: flex;
    margin-left: 9.375%;
    padding-left: 30px;
}

.right-column-content {
    /* TODO Ver si usar vw en vez de height */
}

.map-wrapper {
    background-color: #f5f5f5;
    margin-bottom: 50px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: calc(9.375vw + 30px);
    display: flex;
}

.map-wrapper .left-side-map {
    padding-right: 30px;
    width: 100%;
}

.map-wrapper .left-side-map img {
    height: 60px;
}

.map-wrapper .right-side-map img {
    height: 150px;
    width: 230px;
    object-fit: cover;
}

.map-wrapper .right-side-map {
    margin-left: auto;
}

.map-wrapper .left-side-map .custom-line-1 {
    display: flex;
    margin-bottom: 20px;
}

.map-wrapper .left-side-map .custom-line-2 {
    display: flex;
}

.map-wrapper .left-side-map .custom-line-2 .organizedBySelect {
    margin-left: auto;
}

.result-search {
    padding-left: 45px;
}

.result-search-text-title {
    font-size: 30px;
    color: #212f3d;
}

.result-search-text {
    font-size: 18px;
    color: #6d6d6d;
}

#twoColumn .map-wrapper .gtt__select .gtt__toggle {
    margin-bottom: 0;
    font-size: 18px;
    background-color: transparent;
    width: 230px;
}

#left-column-filters {
    height: 100%;
}

#result-list {
    margin-right: 9.375vw;
}

#rent-reservation-view .list-item-price,
.lodging-reservation-view .list-item-price {
    width: 30%;
}

#rent-reservation-view .price-wrapper
.lodging-reservation-view .list-item-price {
    padding-left: 15px;
    padding-right: 0;
}

span.vue__time-picker {
    display: flex;
    width: 22%;
    font-size: 18px;
    border: none;
}

span.vue__time-picker input.display-time {
    width: 100%;
    text-align: center;
    height: auto;
    border: none;
}

.reserve-nav {
    width: 100%;
    background-color: #f5f5f5;
    margin-bottom: 60px;
}

.reserve-nav-text {
    position: relative;
    padding-top: 15px;
}

.reserve-nav-text .marker {
    top: 0;
}

.reserve-title {
    margin-bottom: 30px;
}

.reserve-card {
    display: flex;
    margin-bottom: 10px;
}

.reserve-card .img-wrapper {
    width: 35%;
    height: 87px;
    background: #ffffff;
}

.reserve-card .img-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.reserve-card .reserve-card-info {
    width: 65%;
    position: relative;
}

.reserve-card .reserve-card-info .reserve-card-item-price {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.reserve-total-to-pay {
    display: flex;
    line-height: 1.2;
    margin-top: 60px;
}

.total-to-pay-text {
    width: 35%;
    text-align: right;
    padding-right: 20px;
}

.verify-step-title {
    background-color: #f5f5f5;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.verify-step-content {
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.create-order-step {
    margin-top: 60px;
    background-color: #f5f5f5;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding-right: 180px;
    margin-bottom: 120px;
}

.no-content {
    margin-bottom: 120px;
}

.fir {
    margin-top: 30px;
}

.rrv {
    margin-bottom: 15px;
}

.edit-button {
    width: auto;
    height: auto;
    padding: 10px;
    line-height: 1;
    font-size: 24px;
    border-radius: 5px;
}

.edit-button:hover {
    line-height: 1;
}

.gtt-errors {
    font-size: 14px;
    color: #ff0000;
    line-height: 1;
    padding-top: 2px;
}

.required-field::after {
    content: ' *';
    font-size: 18px;
    line-height: 1;
    color: #ff0000;
}

.required-note {
    font-size: 14px;
    margin-bottom: 5px;
}

.vue__time-picker input.display-time.disabled, .vue__time-picker input.display-time:disabled {
    color: #b3b2b2 !important;
}

.vue__time-picker input.display-time {
    padding: 0 !important;
}

.vue__time-picker input.display-time.disabled::placeholder, .vue__time-picker input.display-time:disabled::placeholder {
    color: #b3b2b2 !important;
}

.custom-checkbox label {
    font-size: 16px;
    line-height: 1.2;
    font-family: 'Helvetica Neue LT Std-Roman';
    color: #212f3d;
}

.c-modal-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 990;
}

.c-modal {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-70%, 0);
    top: 29%;
    background-color: white;
    width: 39.06vw;
    height: 350px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 991;
}

.modal-row {
    display: flex;
}

.modal-logo {
    height: 22px;
}

.first-column {
    float: left;
}

.progression-bar {
    margin-top: 10px;
}

.second-column {
    float: left;
    padding-left: 60px;
}

.c-modal .img-container img {
    height: 120px !important;
}

.searching-text {
    font-size: 48px;
    line-height: 1.2;
    color: #212f3d;
}

.text-highlight {
    color: #bcd01d;
    text-transform: uppercase;
}

.c-modal-bottom {
    position: absolute;
    bottom: 15px;
}

.c-modal-bottom .first-column {
    margin-top: auto;
}

@media (max-width: 1440px) {
    .c-modal {
        top: 29%;
        width: 49.06vw;
        height: 300px;
    }

    .searching-text {
        font-size: 36px;
    }

    .c-modal-bottom .second-column {
        font-size: 10px;
    }
}

#lodging-form .gtt__toggle {
    margin-bottom: 0 !important;
}

.form-actions button:disabled {
    color: #6d6d6d;
    border: none;
    background: #dddddd;;
}

.form-actions button.disabled:hover {
    color: #6d6d6d;
    border: none;
    background: #dddddd;;
}

.loader {
    position: relative;
    width: 100%;
    height: 100% !important;
    z-index: 9;
}

.icon-loader {
    width: 90px;
}

.balls-loader, .icon-loader {
    position: fixed;
    left: 50%;
    top: 50vh;
    -webkit-transform: translate(-50%, -50%);
}

.icon-loader {
    top: calc(50vh + 5px);
}

.balls-loader img {
    animation: rotation 2s infinite linear;
}

.balls-loader {
    width: 100px;
}

.icon-loader.lodging-loader-icon {
    top: 50vh;
    width: 50px;
}

section.space {
    padding: 60px 0 60px;
}

section.space.min {
    padding: 60px 0 30px;
}

.fs-md {
    font-size: 13px;
}

.ab-left {
    left: 0.7rem;
    right: auto;
    z-index: 1;
    top: 0.7rem;
}

.ab-right {
    right: 0.7rem;
    left: auto;
    top: 0.7rem;
    z-index: 1;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}