/* Mundial webfont */
@font-face {
    font-family: 'Mundial';
    src: url('../fonts/Mundial-Regular.woff2') format('woff2'),
        url('../fonts/Mundial-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mundial';
    src: url('../fonts/Mundial-Light.woff2') format('woff2'),
        url('../fonts/Mundial-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mundial';
    src: url('../fonts/Mundial-Demibold.woff2') format('woff2'),
        url('../fonts/Mundial-Demibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mundial';
    src: url('../fonts/Mundial-Bold.woff2') format('woff2'),
        url('../fonts/Mundial-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* General styles */

/* colors
    default -       #707070
    gray -          #353536
    red -           #fe0200
    red hover -     #cc0000
    blue -          #0990f4
    dark blue -     #2c4f71
    light blue -    #edf4fa
    light blue 2 -  #f3f8fb
    slider blue -   #91d0ff
    footer link -   #dfe3ed
    footer text -   #96a7b8
    gradient -      #f1dad3 / #c5daed
*/

html, body {    
    font-family: "Mundial", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    color: #707070;
    line-height: 1.4;
    min-height: 100%;
    width: 100%;
    margin: 0;
    background-color: #fff;
}

*, ::after, ::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a { 
    color: #0990f4;
    text-decoration: none;
    transition: all 0.24s ease-in-out;
}
a:hover { 
    color: #fe0200;
}

h1, 
h2, 
h3 {
    color: #353536;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.2;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 36px;
}

p:not(:last-child) {
    margin-bottom: 0.5rem;
}

strong {
    font-weight: bold;
}

[type="button"]:not(:disabled), 
[type="reset"]:not(:disabled), 
[type="submit"]:not(:disabled), 
button:not(:disabled) {
    cursor: pointer;
    font-family: "Mundial", sans-serif;
}

.container {
    max-width: 1320px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.text-center {
    text-align: center;
}
.extra-padding-tb {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.mt-2 {
    margin-top: 2rem;
}
.mt-auto {    
    margin-top: auto;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-2 {
    margin-bottom: 2rem;
}
.px-4 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.header {    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

/* SECTION METADATA */
.section-metadata {
    font-size: 14px;
    background-color: #fff;
}
.section-metadata .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-height: 48px;
}
.metadata-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18%;
    min-width: 200px;
    padding: 0.5rem;
    text-align: center;
}

.metadata-widget--phone {
    width: 30%;
    min-width: 340px;
    margin-right: auto;
    border-right: 1px solid #ddd;
}
.metadata-widget--phone a {
    display: inline-block;
    font-size: 20px;
    color: #0990f4;
    margin-left: 8px;
    transition: all 0.24s ease-in-out;
}
.metadata-widget--phone a:hover {
    color: #fe0200;
}

.metadata-widget--link {
    border-left: 1px solid #ddd;
}
.metadata-widget--link a {
    display: inline-flex;
    align-items: center;
    color: #707070;
    transition: all 0.24s ease-in-out;
}
.metadata-widget--link a:hover {
    opacity: 0.6;
}
.i-user {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    background: url(../assets/icon-user.png) center center no-repeat;
    background-size: 100%;
}





/* SECTION LOGO + NAVIGATION */
.navigation {
    position: relative;
    padding: 20px;
    transition: all 0.3s ease-in-out;
}
.scrolling .navigation {
    background-color: #2c4f71;
}

.logo-skiskandinavia {
    display: block;
    width: 90%;
    max-width: 440px;
    margin: 0 auto;
}
.logo-skiskandinavia img {
    width: 100%;
}

.logo-mobile {
    display: none;
}

.navigation-toggler {
    position: absolute;
    left: 40px;
    top: 26px;
    border: none;
    background-color: transparent;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
}
.navigation-toggler-icon {
    position: relative;
    display: block;
    width: 40px;
    height: 4px;
    background-color: #fff;    
}
.navigation-toggler-icon::before,
.navigation-toggler-icon::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    display: block;
    width: 40px;
    height: 4px;
    background-color: #fff;    
}
.navigation-toggler-icon::after {
    top: 10px; 
}



.navigation nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ddd;
    height: 0;
    max-height: 100vh;
    padding: 0 0 80px 0;
    opacity: 0;
    pointer-events: none;
    transform: scaleY(0.5);
    transform-origin: top center;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 45px 40px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
.navigation nav.nav-toggle {
    height: auto;
    pointer-events: unset;
    opacity: 1;
    transform: scaleY(1);
}


.navigation-header {
    padding: 20px 20px 40px 20px;
}

.navigation-close {
    position: absolute;
    left: 40px;
    top: 26px;
    border: none;
    background-color: transparent;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
}
.navigation-close-icon {
    position: relative;
    display: block;
    width: 40px;
    height: 4px;    
}
.navigation-close-icon::before,
.navigation-close-icon::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    display: block;
    width: 40px;
    height: 4px;
    background-color: #707070; 
    transform: rotate(45deg);
}
.navigation-close-icon::after {
    top: 0; 
    transform: rotate(-45deg);
}


.navigation-body {
    width: 100%;
    max-width: 1320px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 30px;
}

.navigation-items {
    position: relative; 
    width: 34%;
    padding: 0;
    margin: 0;
    list-style: none;  
    border-right: 1px solid #ccc;
}
.navigation-items .navigation-item { 
    display: flex;
    flex-direction: row;
    position: static;
    width: 45%;
}

.navigation-items .navigation-item .navigation-link {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.navigation-items .navigation-item .navigation-link.navigation-link-special {
    color: #fe0200;
}
.navigation-items .navigation-item a {
    display: flex;
    color: #aaa;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 2;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.navigation-items .navigation-item a:hover,
.navigation-items .navigation-item:hover > a {
    color: #333;
}

.navigation-items .navigation-item .sub-navigation {
    position: absolute;
    left: 50%;
    top: 0;    
    width: 48%;
    min-height: 100%;
    padding: 0 0 0 5%;
    margin: 0;
    list-style: none;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    pointer-events: none;
    background-color: #fff;
}
.navigation-items .navigation-item:hover .sub-navigation {
    position: absolute;
    left: 44%;
    opacity: 1;
    pointer-events: unset;
}



.navigation-hot-offers {
    width: 64%;
}

.navigation-hot-offers--row {
    display: flex;
    justify-content: flex-end;
}

.navigation-hot-offers--col-4 {
    width: 33%;
    max-width: 168px;
    margin: 0 30px;
}
.navigation-hot-offers--col-4:last-child {
    margin-right: 0;
}

.navigation-hot-offers a {
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;
    transition: all 0.24s ease-in-out;
}
.navigation-hot-offers a:hover {
    color: #fe0200;
}
.navigation-hot-offers a img {
    display: block;
    width: auto;
    height: 100%;
    max-height: 224px;
    border-radius: 20px;
    margin-bottom: 10px;
    transition: all 0.24s ease-in-out;
}
.navigation-hot-offers a:hover img {
    border-radius: 14px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}



.button-contact-mobile {
    display: none;
    position: absolute;
    top: 20px;
    right: 30px;
    padding: 5px 10px 5px 10px;
    margin-left: auto;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    background-color: #fe0200;
    border-radius: 7px;
    transition: all 0.3s ease-in-out;
}


/* SECTION VIDEO */
.section-video {
    display: flex;
    position: relative;
    padding-top: 48px;
}

.section-video video {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
}

.section-video .container {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: unset;
    height: 100%;
    aspect-ratio: 16 / 9;
    padding: 4rem 2rem;
    z-index: 2;
}

.section-video .video-title {
    margin-top: auto;
    font-size: 36px;
    text-align: center;
    line-height: 1.2;
    color: #fff;
    mix-blend-mode: difference;
    text-shadow: 0 3px 20px rgba(0,0,0, 0.3);
}
.section-video .video-title strong {
    font-size: 70px;
    font-weight: 600;
}

.section-video .partners {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
}
.section-video .partners .partner-logo {
    display: block;
    width: auto;
    height: 100%;
    max-height: 70px;
    margin: 10px 15px;
}
.section-video .partners .partner-logo.partner-logo--wide {
    max-height: 55px;
}

@media screen and (max-width: 820px) {
    .section-video {
        padding-top: 72px;
    }
    
    .section-video video {
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    .section-video .container {
        aspect-ratio: 4 / 3;
        padding: 7rem 1rem 3.5rem 1rem;
    }
    .section-video .video-title {
        font-size: 1.2rem;
    }
    .section-video .video-title strong {
        font-size: 2.2rem;
    }
    .section-video .partners .partner-logo,
    .section-video .partners .partner-logo.partner-logo--wide {
        max-height: 25px;
        margin: 5px;
    }
}






/* SECTION SEARCH */
.section-search {
}
.section-search .container {
    position: relative;
    min-height: 100px;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 10px;
    padding: 23px 30px 10px 30px;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.section-search .container .column-search-item {
    position: relative;
    width: 17%;
    padding-right: 1rem;
}
.section-search .container .column-search-item:last-child {
    width: 15%;
    padding-right: 0;
}

.offset-top-50 {
    margin-top: -50px;
}

.column-search-item label {
    display: block;
    color: #353536;
    font-size: 16px;
    padding-left: 4px;
}

.column-search-item select, 
.column-search-item input[type="text"] {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 40px;
    padding: 10px 10px 10px 40px;
    color: #707070;
    font-family: "Mundial", sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    text-indent: 1px;
    text-overflow: '';
    background-color: #fff;
    border: 0 solid #b2b2b2;
    border-radius: 6px;
    outline: none;
}

.column-search-item input::placeholder,
.column-search-item input::-moz-placeholder {
    color: #707070;
    opacity: 1;
}

.tpin {
    background: #fff url('../assets/icon-search-place.png') 0 4px no-repeat;
    background-size: auto;
}
.tplane {
    background: #fff url('../assets/icon-search-plane.png') 0 4px no-repeat;
    background-size: auto;
}
.tcalendar {
    background: #fff url('../assets/icon-search-calendar.png') 0 4px no-repeat;
    background-size: auto;
}
.tpeeps {
    background: #fff url('../assets/icon-search-passengers.png') 0 4px no-repeat;
    background-size: auto;
}


.column-search-item--buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
}

.icon-filters {
    margin-right: 20px;
    width: 32px;
    display: inline-block;
}

.button-logout {
    display: flex;
    align-items: center;
    height: 34px;
    padding: 0 3rem;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    background-color: #fe0200;
    border: none;
    border-radius: 8px;
    transition: all 0.24s ease-in-out;
}
.button-logout:hover {
    background-color: #cc0000;
}
.text-danger{
    color:red;
}

.button-search {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 3rem;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    background-color: #fe0200;
    border: none;
    border-radius: 8px;
    transition: all 0.24s ease-in-out;
}
.button-search:hover {
    background-color: #cc0000;
}
.button-search img {
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}



/* SEARCH FORM - jQuery UI - datepicker */
#ui-datepicker-div {
    width: 100% !important;
    max-width: 320px;
    padding: 10px;
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    z-index:28;
}
.ui-datepicker-header {
    background-color:#fff;
    border:none;
}
.ui-datepicker-title {
    font-size: 16px;
    color: #000;
    line-height: 18px;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 0.9em;
    margin: 1px 2px;
}

.ui-datepicker th {
    padding: .2em;
    font-weight: normal;
}
.ui-datepicker-calendar td {
    padding: 1px;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    border: 1px solid #ddd;
    color: #707070;;
    background: #fff;
    border-radius: 4px;
  }

.ui-state-highlight, 
.ui-widget-content .ui-state-highlight{
    color: #2c4f71;
    background-color:#eee;
}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
    border: 1px solid #0990f4;
    color: #fff;
    background-color:#0990f4;
}





/* SEARCH FORM - roomForm */
.roomForm {
    position:absolute;
    background-color:#fff;
    width: 100% !important;
    min-width: 320px;
    max-width: 320px;
    min-height:150px;
    padding: 10px;
    margin-top: -5px;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    z-index:28;
}

.roomOuterWrapper h4{
    margin:10px;
    font-size:14px;
}

.roomOuterWrapper h4 span#removeRoom {
    font-size:12px;
    color:#2167a6;
    float:right;
    margin:0 5px;
    text-decoration:none;
    cursor:pointer;
}

.roomOuterWrapper strong {
    position: relative;
}
.roomOuterWrapper strong .tooltip-icon {
    margin-bottom:-2px;
    width: 14px;
    height: 14px;
}
.roomOuterWrapper strong .tooltip-text {
    position: absolute;
    display: block;
    width:280px;
    left: 100%;
    top: 100%;
    padding: 5px 5px;
    background: #707070;
    color: white;
    font-size:12px;
    font-weight: normal;
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}
.roomOuterWrapper strong:hover .tooltip-text {
    opacity: 1;
}



input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
       opacity: 1;
}

.fcol-33 {
    width: 30%;
    padding: 1%;
    display: inline-block;
    text-align:center;
    
}
.fcol-50 {
    width: 48%;
    padding-top:12px;
    display: inline-block;
    text-align:center;
    
}
.fcol-33 label, .fcol-100 label{
    font-size:14px;

}

.fcol-33 label span{
    font-size:10px;

}

.fcol-33 label img{
    width:9px;
}

.roomInnerWrapper{
    margin:0 0 0 10px;
    clear:both;
}

.AATOT{
    font-size: 14px;
    text-align:center;
    font-weight:bold;
    font-style:italic;
}

.fnud{
    border-radius: 4px;
    border-style:solid;
    border-width: 1px;
    border-color: #b2b2b2;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    width:95%;
    height:30px;
    text-align:center;

}
.fnudleft {
    padding-left:10px;
    text-align:left;
}

.AddRoomButton {
    float:left;
    width:100px !important;
    height:30px !important;
    display: flex;
    align-items: center;
    color: #fff;
    font-size:12px;
    font-weight: 400;
    background-color: #2167a6;
    border: none;
    border-radius: 6px;
    transition: all 0.24s ease-in-out;
}
.FinishedButton {
    float:right;
    width:100px !important;
    height:30px !important;
    display: flex;
    align-items: center;
    color: #fff;
    font-size:12px;
    font-weight: 400;
    background-color: #fe0200;
    border: none;
    border-radius: 6px;
    transition: all 0.24s ease-in-out;
}

@media screen and (max-width: 1200px) {
    .section-search {
        padding: 0 30px;
    }
    .section-search .container {
        flex-wrap: wrap;
    }
    .section-search .container .column-search-item {
        width: 30%;
    }
    .section-search .container .column-search-item:last-child {
        width: 30%;
        padding-right: 1rem;
    }
}

@media screen and (max-width: 820px) {
    .section-search {
        padding: 10px 30px;
    }
    .section-search .container {
        flex-direction: column;
        max-width: 440px;
        padding: 15px 20px 10px 20px;
        border-radius: 25px;
    }
    .section-search .container .column-search-item,
    .section-search .container .column-search-item:last-child {
        width: 100%;
        padding-right: 0;
    } 

    /*.section-search .container .column-search-item label {
        display: none;
    }*/
    .column-search-item select{
        -webkit-appearance: initial;
        -moz-appearance: initial;
        appearance: initial;
           width: 100%;
        height: 48px;
        padding: 10px 10px 10px 40px;
        
        margin: 5px 0;
        color: #707070;
        line-height: 20px;
        background-color: #F5F6FA;
        box-shadow: 0 0 1px #aaa;
        border-radius: 20px;
    }
    
    
    .column-search-item input[type="text"] {
        
        width: 100%;
        height: 48px;
        padding: 10px 10px 10px 40px;
        
        margin: 5px 0;
        color: #707070;
        line-height: 20px;
        background-color: #F5F6FA;
        box-shadow: 0 0 1px #aaa;
        border-radius: 20px;
    }
    .column-search-item select {
        border-right: 10px solid transparent;
    }

    .tpin, 
    .tplane, 
    .tcalendar,
    .tpeeps {
        background-position: 8px 8px;
    }

    .icon-filters {
        display: none;
    }

    .button-search {
        width: 100%;
        margin-top: 10px;
        justify-content: center;
        border-radius: 20px;
    }

    #ui-datepicker-div {
        width: calc(100% - 100px) !important;
        max-width: 400px;
    }
    .roomForm {
        max-width: 400px;
    }
}














/* SECTION TEXT CENTERED */
.section-text-centered {
}
.section-text-centered .container {
    max-width: 840px;
    text-align: center;
    padding: 3rem 1rem 3rem 1rem;
}

@media screen and (max-width:820px) {
    .section-text-centered .container {
        padding: 2rem 30px;
    }
}







/* SECTION FEATURED SERVICES */
.section-featured-services {

}

.AddLastRowPadding {
    padding-bottom: 3rem;
}

.featured-holidays {
   /* padding-bottom: 3rem; AJH  2025-04/09removed for stack spacing */
}

.featured-services--row {
    display: flex;
    flex-wrap: wrap;
     margin: 0;
    justify-content: space-between;
}
.featured-services--col-6,
.featured-services--col-4,
.featured-services--col-3 {
    flex: 0 0 auto;
    max-width: 100%;
    padding: 0;
    margin: 1rem 0;
}
.featured-services--col-6 {
    width: 48.5%;
}
.featured-services--col-4 {
    width: 31.3333%;
}
.featured-services--col-3 {
    width: 22.8%;
}

.featured-holidays .featured-services--col-4 {
    width: 32.3333%;
    margin: 0.5rem 0;
}
.featured-holidays .featured-services--col-3 {
    width: 23.8%;
    margin: 0.5rem 0;
}

.featured-services--link {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: flex-end;
}
.featured-services--link img {
    max-width: 100%;
    border-radius: 20px;
}
.featured-services--link .text-wrapper {
    position: absolute;
    width: 100%;
    padding: 1rem;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.6) 100%);
    border-radius: 0 0 20px 20px;
    transition: all 0.3s ease-in-out;
}
.featured-services--link:hover .text-wrapper {
    padding-top: 4rem;
    padding-bottom: 1.5rem;
}
.featured-services--link .text-wrapper h2 {
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.1;
    margin-bottom: 0;
}
.featured-holidays .featured-services--link .text-wrapper h2 {
    font-size: 1.4rem;
}
.featured-services--link .text-wrapper p {
    font-size: 1rem;
    margin-bottom: 0;
}

@media screen and (max-width: 820px) {
    .section-featured-services {
        padding: 0 30px 1rem 30px;
    }
    .featured-services--row {
        flex-direction: column;
    }
    .featured-services--col-6, 
    .featured-services--col-4, 
    .featured-services--col-3,
    .featured-holidays .featured-services--col-4,
    .featured-holidays .featured-services--col-3 {
        width: 100%;
        margin: 0.7rem 0;
    }
    
    .featured-services--link .text-wrapper h2 {
        font-size: 1.4rem;
        line-height: 1.1;
    }
    .featured-services--link .text-wrapper p {
        font-size: 0.9rem;
        line-height: 1.2;
    }
}









/* SECTION CHECKLIST */
.section-checklist {
    background-color: #edf4fa;
    padding: 2.5rem 0 2rem 0;
}
.checklist--row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.checklist--col-3 {
    width: 24%;
    padding: 0;
    text-align: center;
}
.checklist--col-3 img {
    max-height: 45px;
    transition: transform 0.3s ease-in-out;
}
.checklist--col-3:hover img {
    transform: scale(1.45);
    opacity: 0.9;
}

.checklist--col-3 h2 {
    color: #2C4F71;
    font-size: 18px;
    font-weight: 600;
    margin-top: 0.8rem;
    margin-bottom: 0;
}

@media screen and (max-width: 820px) {    
    .checklist--row {
        justify-content: space-around;
        flex-wrap: wrap;
        gap: 1rem;
        padding:  0 30px;
    }
    .checklist--col-3 {
        width: 42%;
    }
    .checklist--col-3 h2 {
        font-size: 16px;
    }
}






/* SECTION CAROUSEL */
.section-caroucel {
    padding: 3rem 0;
    padding: 3rem 0 2rem 0; /* 04.07.2025 */
    background: linear-gradient(#255172 0%, #A3C4DD 100%);
}

.section-caroucel .container {
    max-width: 840px;
    padding: 0 1rem 3rem 1rem;
    color: #fff;
    text-align: center;
}
.section-caroucel .container.container-wide {
    max-width: 1320px;
}
.section-caroucel .container h1 {
    color: #fff;
}

.swiper {
    padding: 0 0 2rem 0;
    padding: 0 0 3rem 0; /* 04.07.2025 */
}

.swiper-slide {
    position: relative;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    width: 100%;
    max-width: 600px;
    transition: all 0.3s ease-in-out;
}
.swiper-slide.slide-prev,
.swiper-slide.swiper-slide-prev {
    opacity: 0;    
}
.row-rooms .swiper-slide {
    max-width: 100%;
}

.swiper-slide > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    z-index: 1;
}
.swiper-slide > a > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    z-index: 1;
}

.swiper-slide:not(.swiper-slide-active) > img {
    cursor: pointer;
}

.swiper-slide > div {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    color: #fff;
    font-size: 1rem;
    opacity: 0;
    transition: all 0.8s ease-in-out;
    z-index: 0;
}
.swiper-slide-active > div {
    transform: translateX(-56%);
    transform: translateX(-365px);
    opacity: 1;
    z-index: 2;
}

.swiper-slide > div h2 {
    color: #fff;
    font-size: 5.5rem;
    line-height: 0.85;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}
.swiper-slide > div p {
    max-width: 50%;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
    display: flex;
    width: 80px;
    height: 80px;
    margin-top: -56px;
    background-color: #fff;
    background: linear-gradient(#6a90ad 0%, #779bb7 100%);
    border-radius: 40px;
}

.swiper .swiper-button-prev {
    left: calc(50% - 352px);
    right: auto;
}
.swiper .swiper-button-next {
    right: calc(50% - 352px);
    left: auto;
}

.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after  {
    content: '';
    width: 20px;
    height: 30px;
}
.swiper .swiper-button-prev::after {
    background: url(../assets/icon-left.png) center center no-repeat;
    background-size: auto 30px;
}

.swiper .swiper-button-next::after {
    background: url(../assets/icon-right.png) center center no-repeat;
    background-size: auto 30px;
}

.swiper .swiper-button-disabled {
    opacity: 1;
}
.swiper .swiper-button-disabled::after {
    opacity: 0;
}

.swiper .swiper-pagination {
    bottom: 50px !important;
    bottom: 70px !important; /* 04.07.2025 */
}
.swiper .swiper-pagination .swiper-pagination-bullet {
    width: 60px;
    height: 6px;
    background-color: #fff;
    border-radius: 0;
    opacity: 0.5;
}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;  
}

.icon-flag {
    max-width: 60px;
    height: auto;
    margin-top: auto;
    margin-bottom: 10px;
}

@media screen and (max-width: 1320px) {     
    .swiper-slide-active > div {
        transform: translateX(-48%);
    }
    .swiper-slide > div h2 {
        font-size: 4rem;
    }
}

@media screen and (max-width: 1200px) {     
    .swiper-slide-active > div {
        transform: translateX(-15%);
    }
    .swiper-slide > div h2 {
        font-size: 3.4rem;
    }
    .swiper-slide > div .icon-flag {
        max-width: 40px;
    }
    .swiper-slide > div p {
        max-width: 100%;
        max-width: 97%; /* 04.07.2025 */
        font-size: 0.8rem;
        line-height: 1.1;
        transform: translateY(110%)  translateX(19%);
        transform: translateY(110%)  translateX(17%); /* 04.07.2025 */
    }
}

@media screen and (max-width: 820px) { 
    .section-caroucel {
        padding: 3rem 0 1rem 0;
    }
    .section-caroucel .container {
        padding: 0 1rem 1rem 1rem;
    }

    .section-caroucel .container h1 {
        font-size: 26px;
    }
    .swiper {
        padding: 0 0 4rem 0;
        padding: 0 0 5.4rem 0; /* 04.07.2025 */
    }
    .swiper-room {
        padding: 0 0 1rem 0;
    }
    .swiper-slide {
        max-width: 64%;
        max-width: 100%;
    }

    .swiper-slide-active > div {
        transform: translateX(-18%);
    }
    .swiper-slide > div h2 {
        font-size: 2.2rem;
        font-size: 2rem; /* 16.07.2025 */
    }
    .swiper-slide > div p {
        max-width: 100%;
        max-width: 97%;/* 04.07.2025 */
        font-size: 0.8rem;
        font-size: 0.7rem; /* 16.07.2025 */
        line-height: 1.1;
        transform: translateY(110%)  translateX(19%);
        transform: translateY(110%)  translateX(20%);/* 04.07.2025 */
    }
    .swiper1-text .swiper-slide > div p {
        max-width: 264px;
        min-height: 38px;
        transform: translateY(112%) translateX(19%);
        transform: translateY(112%) translateX(20%);/* 04.07.2025 */
    }

    .swiper-slide > div .icon-flag {
        max-width: 40px;
    }
    
    .swiper1-text .swiper-slide > div .icon-flag {
        transform: translateY(310%) translateX(5%);
    }

    .swiper .swiper-pagination {
        bottom: 78px !important;
        bottom: 100px !important; /* 04.07.2025 */
    }
    .swiper-room .swiper-pagination {
        bottom: 30px !important;
    }
    .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 28px;
        height: 3px;
    }
    .swiper .swiper-button-prev, 
    .swiper .swiper-button-next {
        width: 36px;
        width: 60px; /* 04.07.2025 */
        height: 36px;
        height: 60px; /* 04.07.2025 */
        margin-top: -52px;
        background: linear-gradient(#7499b5 0%, #7da1bc 100%);
    }
    .swiper .swiper-button-prev {
        left: calc(13%);
        left: calc(12%); /* 04.07.2025 */
    }
    .swiper .swiper-button-next {
        right: calc(13%);
        right: calc(12%); /* 04.07.2025 */
    }
    .swiper .swiper-button-prev::after, 
    .swiper .swiper-button-next::after {
        width: 10px;
        width: 15px;/* 04.07.2025 */
        height: 15px;
        height: 20px;/* 04.07.2025 */
        background-size: auto 15px;
        background-size: auto 20px;/* 04.07.2025 */
    }
}

/* 04.07.2025 */
@media screen and (max-width: 600px) {
    .swiper .swiper-button-prev, 
    .swiper .swiper-button-next {
        width: 40px; /* 04.07.2025 */
        height: 40px; /* 04.07.2025 */
        margin-top: -65px; /* 04.07.2025 */
    }
    .swiper .swiper-button-prev {
        left: calc(12%); /* 04.07.2025 */
    }
    .swiper .swiper-button-next {
        right: calc(12%); /* 04.07.2025 */
    }
    .swiper .swiper-button-prev::after, 
    .swiper .swiper-button-next::after {
        width: 12px;/* 04.07.2025 */
        height: 16px;/* 04.07.2025 */
        background-size: auto 16px;/* 04.07.2025 */
    }
}
/* 04.07.2025 */

/* CAROUSEL - swiper1 - Style 1 */

.swiper1 .swiper-slide {
    max-width: 624px; /* 04.07.2025 */
    padding: 0 12px;  /* 04.07.2025 */
}
@media screen and (max-width: 820px) {
    .swiper1 .swiper-slide {
        padding: 0 5px; /* 04.07.2025 */
    }
}

.swiper.swiper1 .swiper-button-prev,
.swiper.swiper1 .swiper-button-next {
    background: linear-gradient(#668ca9 0%, #759ab6 100%);
}

/* CAROUSEL - swiper2 - Style 2 */
.swiper.swiper2 {
    padding: 0 0 3rem 0;
}
.section-caroucel.caroucel-style2 {
    padding: 3rem 0;
    padding: 3rem 0 2rem 0; /* 16.07.2025 */
    background: linear-gradient(#F1DAD3 0%, #C5DAED 100%);
    /* padding-left: 30%; */
}
.caroucel-style2 .swiper-wrapper {
    margin-left: 0;
}

.section-caroucel.caroucel-style2 .container h1,
.section-caroucel.caroucel-style2 .container p {
    color: #1E3044;
}
.section-caroucel.caroucel-style2 .container h1 {
    font-size: 38px;
}

.caroucel-style2 .swiper-slide {
    align-items: flex-end;
    flex: 1;
    max-width: 186px;
    max-width: 206px;/* 16.07.2025 */
    padding-left: 5px;/* 16.07.2025 */
    padding-right: 5px;/* 16.07.2025 */
    min-height: 523px;
     margin-right:10px;
    margin-right:0;/* 16.07.2025 */
}
.caroucel-style2 .swiper-slide.swiper-slide-active {
    max-width: 393px;
}
.caroucel-style2 .swiper-slide > div {
    justify-content: flex-start;
    transform: translateX(-50%);
    width: 150%;
    pointer-events: none;
    margin-right:10px;
    margin-right:0;/* 16.07.2025 */
}
.caroucel-style2 .swiper-slide > div span {
    color: #fff;
    font-size: 6rem;
    font-weight: bold;
    line-height: 0.85;
    opacity: 0.6;
}
.caroucel-style2 .swiper-slide > div h2 {
    text-shadow: 0 2px 30px rgba(0, 0, 0, 0.15);
}
.caroucel-style2 .swiper .swiper-pagination {
    bottom: -5px !important;
}
.caroucel-style2 .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 80px;
    height: 8px;
}

.swiper-slide > div p {
    line-height: 1.2;
    line-height: 1.1; /* 16.07.2025 */
}

.caroucel-style2 .swiper-slide > div p {
    color: #353536;
}

@media screen and (max-width: 1200px) {
    .swiper.swiper2 {
        padding: 0 0 5rem 0;
    }

    .swiper2 .swiper-slide-active > div {
        transform: translateX(-15%);
    }

    .swiper2 .swiper-slide > div h2 {
        font-size: 3.4rem;
        font-size: 2.4rem; /* 16.07.2025 */
    }

    .swiper2 .swiper-slide > div .icon-flag {
        max-width: 40px;
    }

    .swiper2 .swiper-slide > div p {
        max-width: 100%;
        font-size: 0.8rem;
        font-size: 0.7rem;/* 16.07.2025 */
        line-height: 1.1;
        transform: translateY(110%) translateX(19%);
        
    }

    .caroucel-style2 .swiper-slide {
        width: 393px;
        min-width: 393px;
        min-height: 523px;
    }
    .caroucel-style2 .swiper-slide > img {
        width: 186px;
        min-width: 186px;
        margin-right: auto;
    }
    
    .caroucel-style2  .swiper-slide.swiper-slide-active {
        width: 393px;
        min-width: 393px;
    }
    .caroucel-style2 .swiper-slide.swiper-slide-active > img {
        width: 100%;
        min-width: 393px;
    }

    .caroucel-style2  .swiper-slide.swiper-slide-next {
        margin-right: -180px !important;
    }

    .caroucel-style2 .swiper-slide-active > div {
        width: 450px;
        transform: translateX(-30%);
    }
    .caroucel-style2 .swiper-slide > div span {
        font-size: 3rem;
    }
    .caroucel-style2 .swiper-slide > div .icon-flag {
        position: absolute; /* 16.07.2025 */
        bottom: -8px; /* 16.07.2025 */
        transform: translateY(105px) translateX(110px);
        transform: translateY(0) translateX(110px); /* 16.07.2025 */
    }
    .caroucel-style2 .swiper-slide > div p {
        margin-top: auto;/* 16.07.2025 */
        max-width: 400px;
        height: 60px;
        height: auto;/* 16.07.2025 */
        overflow: hidden;
        overflow: auto;/* 16.07.2025 */
        transform: translateY(112%) translateX(165px);
    }

    .caroucel-style2 .swiper .swiper-pagination {
        bottom: -5px !important;
    }
    .caroucel-style2 .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 32px;
        height: 4px;
    }
}

@media screen and (max-width: 820px) {     
    .section-caroucel.caroucel-style2 .container h1 {
        font-size: 26px;
    }

    .caroucel-style2 .swiper.swiper2 {
        padding: 0 0 1.5rem 0;
    }
    .caroucel-style2 .swiper.swiper2.swiper2-text {
        padding: 0 0 6rem 0;
        padding: 0 0 4rem 0; /* 16.07.2025 */
    }

    .caroucel-style2 .swiper-slide {
        width: 240px;
        width: 250px; /* 16.07.2025 */
        min-width: 240px;
        min-width: 250px; /* 16.07.2025 */
        min-height: 320px;
    }
    .caroucel-style2 .swiper-slide > img {
        width: 120px;
        min-width: 120px;
        margin-right: auto;
    }
    
    .caroucel-style2  .swiper-slide.swiper-slide-active {
        width: 240px;
        width: 250px; /* 16.07.2025 */
        min-width: 240px;
        min-width: 250px; /* 16.07.2025 */
    }
    .caroucel-style2 .swiper-slide.swiper-slide-active > img {
        width: 100%;
        min-width: 240px;
    }

    .caroucel-style2  .swiper-slide.swiper-slide-next {
        margin-right: -110px !important;
        margin-right: -115px; /* 16.07.2025 */
    }

    .caroucel-style2 .swiper-slide-active > div {
        width: 300px;
        transform: translateX(-30%);
    }
    .caroucel-style2 .swiper-slide > div span {
        font-size: 2.6rem;
    }
    .caroucel-style2 .swiper-slide > div h2 {
        font-size: 2rem; /* 16.07.2025 */
    }
    .caroucel-style2 .swiper-slide > div .icon-flag {
        transform: translateY(105px) translateX(70px);
        transform: translateY(105px) translateX(75px); /* 16.07.2025 */
    }
    .caroucel-style2 .swiper-slide > div p {
        max-width: 235px;
        min-height: 38px;
        transform: translateY(112%) translateX(120px);
        transform: translateY(112%) translateX(125px);/* 16.07.2025 */
    }

    .caroucel-style2 .swiper .swiper-pagination {
        bottom: -5px !important;
    }
    .caroucel-style2 .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 32px;
        height: 4px;
    }
}

@media screen and (max-width: 600px) {    
    .caroucel-style2 .swiper-slide-active > div {
        transform: translateX(-60px);
    }
}

@media screen and (max-width: 430px) {    
    .caroucel-style2 .swiper-slide-active > div {
        width: 280px;
        transform: translateX(-40px);
    }
    .caroucel-style2 .swiper-slide > div .icon-flag {
        transform: translateY(105px) translateX(2px);
        transform: none; /* 16.07.2025 */
        position: absolute; /* 16.07.2025 */
        left: 0; /* 16.07.2025 */
        bottom: -8px; /* 16.07.2025 */
    }
    .caroucel-style2 .swiper-slide > div p {
        transform: translateY(112%) translateX(60px);
        margin-top: auto; /* 16.07.2025 */
    }
}
@media screen and (max-width: 375px) {
    
    .caroucel-style2 .swiper-slide-active > div {
        width: 270px;
        transform: translateX(-30px);
    }
}










/* SECTION INSTAGRAM FEED */
.section-instagram-feed {
    padding: 2rem;
}
.section-instagram-feed h1 {
    display: flex;
    justify-content: center;
    font-size: 36px;
}
.section-instagram-feed a {
    display: flex;
    align-items: center;
    color: #353536;
}
.section-instagram-feed a:hover {
    color: #fe0200;
}
.section-instagram-feed h1 img {
    display: inline-block;
    width: auto;
    height: 30px;
    margin-right: 10px;
    margin-top: -2px;
}
.instagram-feed {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 2rem 0 0 0;
    width: 100%;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none;

}

.instagram-feed--item {
    width: 100%;
    min-width: 205px;
}

.instagram-feed .instagram-feed--item img {
    width: 100%;
    border-radius: 20px;
}
.instagram-overlay {
    z-index: 5;
    position: absolute;
    width: 205px;
    height: 205px;
    color: #fff;
    transition: .5s ease;
    opacity:0;
}
.instagram-overlay .details{
    position:relative;
    top:49%;
    text-align:center;

}

.instagram-overlay .details div {
        height: 20px;
        display: inline-flex;
        font-size: 15px;
}


.instagram-feed--item:hover .instagram-overlay {
    opacity: 1;
    background: rgba(0, 0, 0, .5);
    border-radius: 20px;
}



@media screen and (max-width: 1200px) {    
    .section-instagram-feed {
        padding: 2rem 0;
    }

    .instagram-feed > div:first-child  {
        margin-left: 2rem;
    }
    .instagram-feed > div:last-child  {
        margin-right: 2rem;
    }
}

@media screen and (max-width: 820px) {
    .section-instagram-feed {
        padding: 1rem 0;
    }
    .section-instagram-feed h1 {
        font-size: 24px;
    }
    .section-instagram-feed h1 img {
        height: 21px;
    }

    .instagram-feed {
        padding: 0;
    
    }
    .instagram-feed--item {
        min-width: 235px;
    }
    .instagram-feed .instagram-feed--item img {
        width: 235px;
    }

    .instagram-feed > div:first-child  {
        margin-left: 30px;
    }
    .instagram-feed > div:last-child  {
        margin-right: 30px;
    }

    .instagram-overlay {
        width: 235px;
        height: 235px;
    
    }
 

}








/* SECTION FEEDBACK */
.section-feedback {
    
}
.section-feedback .container {
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
}
.section-feedback--row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 3rem 0;
}
.section-feedback--col-left,
.section-feedback--col-right {
    flex: 0 0 auto;
    max-width: 100%;
    padding: 1rem 0;
    margin: 0;

}
.section-feedback--col-left {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    top: 4rem;
    left: 50%;
    margin-left: -660px;
}
.section-feedback--col-right {
    width: 100%;
    padding-left: calc(50% - 350px);
    position: relative;
}

.section-feedback--col-left .logo-aito {
    display: block;
    max-width: 134px;
    margin-bottom: 10px;
}
.section-feedback--col-left p {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
}
.section-feedback--col-left p.aito-rating {
    color: #0990f4;
    font-size: 5.3rem;
    font-weight: 600;
    line-height: 1;
}

.rating-items {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    width: 100%; 
    margin: 0;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none; 
}
.rating-items::-webkit-scrollbar {
    display: none;
}
  
.rating-item {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    width: 290px;
    max-width: 100%;
    padding: 20px;
    margin: 0;
    background-color: #f3f8fb;
    border-radius: 20px;
    scroll-snap-align: start;
    scroll-snap-type: x mandatory;
}
.rating-item:last-child {
    margin-right: 30px;
}

.rating-item h3 {
    color: #2c4f71;
    font-size: 1.3rem;
}
.rating-item p {

}
.rating-item p:last-child {
    margin-bottom: 0;
}
.rating-item p.small-text {
    font-size: 0.8rem;
    margin-bottom: 0;
}
.rating-item p.small-text strong {
    font-weight: bold;
}
.rating {
    padding: 2rem 0 1rem 0;
    display: flex;
    flex-direction: row;
}
.rating-icon {
    display: block;
    width: 23px;
    height: 23px;
    margin-right: 5px;
    background: url(../assets/icon-aito-tick.png) 0 0 no-repeat;
    background-size: 100%;
}



/* swiper rating */
.swiper3-rating .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    width: 290px;
    max-width: 100%;
    padding: 20px;
    margin: 0 20px 0 0;
    background-color: #f3f8fb;
    border-radius: 20px;
    text-align: left;
}
.swiper3-rating .swiper-slide > * {
    width: 100%;
}
.swiper3-rating .swiper-slide p.small-text {
  font-size: 0.8rem;
  margin-bottom: 0;
}
.swiper3-rating .swiper-slide p.rating {
    margin: 0;
}
.swiper3-rating .swiper-slide h3 {
    color: rgb(44, 79, 113);
    font-size: 1.3rem;
}


@media screen and (min-width: 821px) and (max-width: 1320px) { 
    .section-feedback--col-left {
        max-width: 200px;
        left: 30px;
        margin-left: 0;
    }
    .section-feedback--col-right {
        padding-left: 250px;
    }
}

@media screen and (max-width: 820px) {
    .section-feedback--row {
        padding: 1rem 0 3rem 0;
    }
    .section-feedback--col-left {
        max-width: 112px;
        min-height: unset;
        top: 2rem;
        left: 30px;
        margin-left: 0;
    }
    .section-feedback--col-left .logo-aito {
        max-width: 100px;
    }
    .section-feedback--col-left p {
        font-size: 14px;
    }
    .section-feedback--col-left p.aito-rating {
        font-size: 2.8rem;
        letter-spacing: -2px;
    }

    .section-feedback--col-right {
        padding-left: 150px;
    }
    .rating-items {
        gap: 0.5rem;
    }
    .rating-item {
        width: 85%;
        max-width: 290px;
        padding: 15px;
        font-size: 16px;
        line-height: 1.2;
    }
    .rating {
        padding: 1rem 0 0.5rem 0;
    }
    .rating-item h3 {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
    }
    
    
    .swiper3-rating .swiper-slide {
        width: 85%;
        max-width: 290px;
        padding: 15px;
        font-size: 16px;
        line-height: 1.2;
        margin: 0 10px 0 0;
    }
    .swiper3-rating .swiper-slide p.rating {
        padding: 1rem 0 0.5rem 0;
    }
    .swiper3-rating .swiper-slide h3 {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
    }
}








/* SECTION STA */
.section-cta {
    padding: 6rem 0 4rem 0;
    text-align: center;
    background: linear-gradient(#f1dad3 0%, #c5daed 100%); 
}
.section-cta h1 {
    margin-bottom: 0;
    font-size: 2.4rem;
}
.section-cta h2 {
    font-weight: 300;
}
.button--cta {
    display: inline-block;
    padding: 0.8rem 4rem;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background-color: #fe0200;
    border-radius: 6px;
    transition: all 0.24s ease-in-out;
}
.button--cta:hover {    
    color: #fff;
    background-color: #cc0000;
    text-shadow: 1px 3px 6px rgba(0,0,0, 0.5);
}

@media screen and (max-width: 820px) {
    .section-cta {
        padding: 3rem 30px;
    }
    .section-cta h1 {
        margin-bottom: 0.2rem;
        font-size: 1.6rem;
    }
    .button--cta {
        padding: 0.6rem 3rem;
    }
}





/* PAGE - FAMILY HOLIDAYS */


/* SECTION MEDIA */
.section-media {
    display: flex;
    position: relative;
    padding-top: 48px;
    background-color: #000;
}

.section-media img {
    width: 100%;
    position: relative;
    opacity: 0.87;
}

.section-media .container {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: unset;
    height: 100%;
    padding: 4rem 2rem;
    z-index: 2;
}

.section-media .media-title {
    font-size: 36px;
    text-align: center;
    line-height: 1.2;
    color: #fff;
    mix-blend-mode: difference;
    text-shadow: 0 3px 20px rgba(0,0,0, 0.4);
}
.section-media .media-title strong {
    font-size: 70px;
    font-weight: 600;
    line-height: 1;
}

@media screen and (max-width: 820px) {
    .section-media {
        padding-top: 72px;
    }

    .section-media .container {
        padding: 72px 1rem 1rem 1rem;
    }
    .section-media .media-title {
        font-size: 1.2rem;
    }
    .section-media .media-title strong {
        font-size: 2.2rem;
    }
}


/* SECTION FILTERS */
.section-filters {
    background-color: #edf4fa;
    padding: 2rem 0 1.5rem 0;
}
.section-filters.filters-accommodation {
    background-color: #fff;
}
.filters--row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0.5rem 0;
}
.filters--col-3  {
    width: 23%;
    padding: 0;
    text-align: center;
}
.button--filter {
    display: flex;
    align-items: center;
    line-height: 1.4;
    width: 100%;
    color: #0990F4;
    font-size: 22px;
    font-weight: 600;
    padding: 10px 10px 10px 12px;
    background-color: #fff;
    border: 1px solid #0990F4;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.button--filter:hover,
.button--filter:focus,
.button--filter-active {
    color: #fff;
    background-color: #0990F4;
}

.button--filter::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    border: 1px solid #0990F4;
    border-radius: 11px;
    transition: all 0.3s ease-in-out;
}

.button--filter:hover::before,
.button--filter:focus::before,
.button--filter-active::before {
    background-color: #FE0200;
    border: 3px solid #fff;
}

@media screen and (max-width: 1320px) {
    .section-filters {
        padding: 2rem 30px;
    }
}

@media screen and (max-width: 820px) {
    .section-filters {
        padding: 1rem 30px;
    }
    .filters--row {
        flex-direction: column;
    }
    .filters--col-3 {
        width: 100%;
        margin: 0.3rem 0;
    }
    
    .button--filter {
        font-size: 18px;
        padding: 8px 8px 8px 10px;
    }

    .button--filter::before {
        width: 18px;
        height: 18px;
    }
}

/* SECTION RESULTS */
.section-search-results {
    padding: 1rem 0;
}
.section-search-result {
    padding: 2rem 0;
}
.section-search-result:nth-child(2n) {
 background-color: #f6f9fc;
}

.results-accommodation .section-search-result {
    background-color: #f6f9fc;
} 
.results-accommodation .section-search-result:nth-child(2n) {
    background-color: #fff;
} 

.section-search-result .container {
    display: flex;
    justify-content: space-between;
}
.result--col-6 {
    position: relative;
    width: 48%;
}
.section-search-result .swiper {
    padding: 0;
    border-radius: 20px; 
}
.section-search-result .swiper-slide {
    max-width: unset;
}
.section-search-result .swiper .swiper-pagination .swiper-pagination-bullet {
    height: 8px;
}
.section-search-result .swiper .swiper-pagination {
    bottom: 26px !important;
}

.section-search-result .result--col-6 > .result--flag {
    position: absolute;
    top: 0;
    left: 23px;
    max-width: 55px;
    z-index: 2;
}

.result--badge {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 23px;
    padding: 0.4rem 1.6rem;
    background-color: #0990f4;
    color: #fff;
    font-size: 0.85rem;
    font-weight: normal;
    border-radius: 0 0 5px 5px;
    z-index: 2;
}

.results-destinations h2,
.results-destinations h3,
.results-accommodation h2,
.results-accommodation h3 {
    margin-bottom: 0.2rem;
}

.section-search-result h3 {
    font-size: 20px;
    color: #707070;
}
.section-search-result h3 .result--flag {
    display: inline-block;
    max-width: 24px;
    margin-bottom: -1px;
}

.section-search-result h4 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 1rem;
}

.result--list,
.section-info ul.result--list li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0 0 1rem 0;
    padding: 0;
}
.result--list li,
.section-info ul.result--list li {
    position: relative;
    width: 48%;
    padding: 0 0 0 32px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.result--list li img {
    position: absolute;
    top: 2px;
    left: 0;
    width: 22px;
    height: 18px;
    border-radius: 0;
    object-fit: contain;
}

.button-more {
    display: inline-block;
    padding: 0.5rem 2.5rem;
    margin-top: 0.5rem;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background-color: #fe0200;
    border-radius: 6px;
    transition: all 0.24s ease-in-out;
}
.button-more:hover {    
    color: #fff;
    background-color: #cc0000;
    text-shadow: 1px 3px 6px rgba(0,0,0, 0.5);
}

@media screen and (max-width: 1320px) {
    .section-search-result {
        padding: 2rem 30px;
    }
}

@media screen and (max-width: 820px) { 
    .section-search-result {
        padding: 30px;
    }
    .section-search-result .container {
        flex-direction: column;
    }
    .result--col-6 {
        position: relative;
        width: 100%;
    }

    .section-search-result .swiper {
        margin-bottom: 20px;
    }
    .section-search-result .swiper .swiper-pagination {
        bottom: 8px !important;
    }
    .section-search-result .swiper .swiper-pagination .swiper-pagination-bullet {
        height: 3px;
    }

    .section-search-result .result--flag {
        max-width: 36px;
    }

    .result--list {
        flex-direction: column;
        margin: 0 0 1rem 0;
    }
    .result--list li, 
    .section-info ul.result--list li {
        width: 100%;
    }
}











/* PAGE - SCHOOL SKI TRIPS */
/* PAGE - CREATE YOUR OWN */

/* SECTION INFO */
.section-info {
    padding: 3rem 0;
}
.info--row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: space-between;
}
.section-info--even {
    margin: 0;
    background-color: #f3f8fb;
}

.info--col-8,
.info--col-6,
.info--col-4 {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 1rem 0;
}
.info--col-12 {
    width: 100%;
}
.info--col-8 {
    width: 66%;
}
.info--col-6 {
    width: 48.5%;
}
.info--col-4 {
    width: 31.333%;
}

.info--details {
    max-width: 800px;
    margin: 0 auto;
}
.section-info ul {
    padding-left: 0.6rem;
    margin-bottom: 1rem;
}
.section-info ul li {
    padding-left: 0.3rem;
    margin-bottom: 0.5rem;
}
.section-info ul li::marker {
    font-size: 10px;
}
.section-info img {
    max-width: 100%;
    border-radius: 20px;
}

.section-info .col-maps h2 {
    position: relative;
    display: flex;
    align-items: center;
}
.section-info .col-maps h2::before {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    left: 0;
    width: 80%;
    height: 1px;
    background-color: #0990f4;
}
.section-info .col-maps h2 img {
    max-height: 25px;
    margin-right: 10px;
    border-radius: 0;
}

.section-info .col-maps ul {
    list-style: none;
    padding-left: 0;
}
.section-info .col-maps ul li {
    padding-left: 30px;
    margin-bottom: 0.6rem;
    background: url(../assets/icon-map.png) 0 2px no-repeat;
    background-size: 19px auto;
    transition: all 0.24s ease-in-out;
}
.section-info .col-maps ul li::marker {
    display: none;
}

.section-info .col-maps ul li a { 
    color: #707070;
}
.section-info .col-maps ul li a:hover { 
    color: #0990f4;
}

@media screen and (max-width: 1200px) {
    .section-info {
        padding: 2rem;
    }
}

@media screen and (max-width: 820px) { 
    .section-info {
        padding: 2rem 0;
    }
    .info--row,
    .info--details {
        flex-direction: column;
        padding: 0 30px;
    }
    .info--col-8,
    .info--col-6,
    .info--col-4 {
        width: 100%;
        margin: 1rem 0;
    }

    .section-info .col-maps h2::before {
        width: 100%;
    }
    .section-info .col-maps h2 img {
        max-height: 20px;
        margin-top: -2px;
    }
    
    .col-maps.col-maps-mobile-fix {
        margin-top: -1.3rem;
    }
}


/* IMAGE WRAPPER */
.image-wrapper {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 2rem;
    overflow: hidden;
}
.image-wrapper img {
    max-width: 100%;
    border-radius: 20px;
}
.image-wrapper .image-wrapper--text {
    position: absolute;
    width: 100%;
    padding: 3rem 1rem 1rem 1rem;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.6) 100%);
    border-radius: 0 0 20px 20px;
    transition: all 0.24s ease-in-out;
}
a.image-wrapper:hover .image-wrapper--text {
    padding-top: 5rem;
    padding-bottom: 1.5rem;
}

.image-wrapper .image-wrapper--text h2,
.image-wrapper .image-wrapper--text p {
    color: #fff;
}
.image-wrapper .image-wrapper--text h2 {    
    line-height: 1.1;
}

.info--col-12 .image-wrapper {
    margin-top: 0.5rem;
    margin-bottom: 2.5rem;
}

.info--col-12 .image-wrapper .image-wrapper--text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 2rem 1rem;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    background: none;
} 
.info--col-12 a.image-wrapper:hover .image-wrapper--text {
    padding-top: 1rem;
    padding-bottom: 1rem;
    transform: scale(1.2);
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}
.info--col-12 .image-wrapper .image-wrapper--text h2 {    
    font-size: 3.6rem;
}
.info--col-12 .image-wrapper .image-wrapper--text p {    
    font-weight: 600;
}

@media screen and (max-width: 820px) { 
    .image-wrapper {
        margin-bottom: 1rem;
    }
    .info--col-12 .image-wrapper {  
        margin-bottom: 1rem;
    }
    .info--col-12 .image-wrapper img {
        min-height: 170px;
        object-fit: cover;
    }
    .info--col-12 .image-wrapper .image-wrapper--text {
        justify-content: flex-end;
        padding: 1rem;
    }
    .info--col-12 .image-wrapper .image-wrapper--text h2 {
        font-size: 1.8rem;
        margin-bottom: 0.5rem;
    }
    .info--col-12 .image-wrapper .image-wrapper--text p {
        font-weight: 300;
        font-size: 0.95rem;
    }
}


/* BLOG PAGES */

/* SECTION BLOG */
.section-media .media-title.title-blog-single strong {
    font-size: 90px;
}

.section-blog {
    padding: 0 0 3rem 0;
}
.container-blog-single {
    max-width: 800px;
    padding: 3rem 0 1rem 0;
}
.blog--row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: space-between;
}

.blog--col-3 {
    flex: 0 0 auto;
    width: 23%;
    max-width: 100%;
    margin-bottom: 1rem;
}

.blog--col-3 a {
    display: block;
    height: 100%;
    color: #353535;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    transition: all 0.3s ease-in-out;
}
.blog--col-3 a:hover {
    color: #fe0200;
}

.blog--col-3 a span {
    display: block;
}

.blog--col-3 img {
    display: block;
    max-width: 100%;
    border-radius: 8px;
    margin-bottom: 0.5rem;
    transition: all 0.3s ease-in-out;
}
.blog--col-3 a:hover img {
    border-radius: 16px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.container-blog-single img {
    max-width: 100%;
    margin: 1rem auto;
}

.blog-navigation {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 2rem 0 1rem 0;
}
.blog-navigation a {
    display: flex;
    align-content: center;
    color: #707070;
    transition: all 0.3s ease-in-out;
}
.blog-navigation a:hover {
    color: #0990f4;
}

.blog-navigation a > img {
    display: inline-block;
    max-width: 24px;
    margin: 0;
    transition: all 0.3s ease-in-out;
}
.blog-navigation .blog-prev > img {
    margin-right: 15px;
}
.blog-navigation .blog-prev:hover img {
    transform: translateX(-5px);
}
.blog-navigation .blog-next > img {
    margin-left: 15px;
}
.blog-navigation .blog-next:hover img {
    transform: translateX(5px);
}

@media screen and (max-width: 1200px) {
    .blog--row {
        padding: 0 30px;
    }
    .container-blog-single {
        padding: 3rem 30px 0 30px;
    }
    .blog--col-3 {
        width: 31%;
    }
    .blog--col-3 a {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 820px) {   
    .section-blog {
        padding: 0 0 2rem 0;
    }
    .section-media .media-title.title-blog-single strong {
        font-size: 32px;
    }  
    .blog--row,
    .container-blog-single {
        flex-direction: column;
        padding: 0 30px;
        max-width: 500px;
        margin: 0 auto;
    }
    .container-blog-single {
        padding: 2rem 30px 0 30px;
    }
    .blog--col-3 {  
        width: 100%;
    }
    .blog--col-3 a {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
    }
}






/* INQUIRY PAGE */
.inquiry-page {
    background: url(../assets/inquiry-background.jpg) center 140px no-repeat;
    background-size: cover;
    padding-top: 140px;
}
.inquiry-page .navigation {
    background-color: #2c4f71;
}


.section-inquiry-form {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 0;
}

.section-inquiry-form form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 1rem 0;
}

.section-inquiry-form form p em {
    color: #fe0200;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
}

.section-inquiry-form select, 
.section-inquiry-form input[type="text"],
.section-inquiry-form textarea {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: 50px;
    padding: 10px 15px;
    margin: 0 0 1rem 0;
    color: #707070;
    font-family: "Mundial", sans-serif;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
    text-indent: 1px;
    text-overflow: '';
    background-color: #fff;
    border: 0 solid #b2b2b2;
    border-right: 10px solid transparent;
    border-radius: 6px;
    outline: none;
    box-shadow: 0 0 1px #707070;
}
.section-inquiry-form select:focus, 
.section-inquiry-form input[type="text"]:focus,
.section-inquiry-form textarea:focus {    
    box-shadow: 0 0 2px #0790F4;
}

.section-inquiry-form input::placeholder,
.section-inquiry-form input::-moz-placeholder,
.section-inquiry-form textarea::placeholder,
.section-inquiry-form textarea::-moz-placeholder {
    color: #707070;
    opacity: 1;
}
.section-inquiry-form input.tcalendar {
    background: #fff;
}

.button-submit {
    display: inline-block;
    align-items: center;
    max-width: 200px;
    height: 48px;
    padding: 0 3rem;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    background-color: #fe0200;
    border: none;
    border-radius: 8px;
    transition: all 0.24s ease-in-out;
}
.button-submit:hover {
    background-color: #cc0000;
}

.Error {
    border: solid 1px #a00;
    background-color: #fcc;
    color: #ff0000;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    
}

.Success {
    border: solid 1px #0a0;
    background-color: #dfd;
    color: #007700;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}


@media screen and (max-width: 820px) { 
    .inquiry-page {
        padding-top: 72px;
        background-position: center 72px;
    }  
    .inquiry-page .navigation {
        background-color: #fff;
    }
    .section-inquiry-form {
        padding: 1rem 0;
    }
    .section-inquiry-form .container {
        padding: 1rem 30px;
    } 
}


/* INQUIRY PAGE */

.travel-agent-page {
    padding-top: 140px;
}
.travel-agent-page .navigation {
    background-color: #2c4f71;
}

.section-travel-agent {
    padding: 1rem 0 560px;
    background: #dff2ff url(../assets/mountains-background.png) center bottom no-repeat;
}
.section-travel-agent .container {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 0;
}

.section-travel-agent form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 2rem 0 2rem 0;
}

.section-travel-agent form p em {
    color: #fe0200;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
}

.section-travel-agent select, 
.section-travel-agent input[type="text"], 
.section-travel-agent input[type="password"] {
    position: relative;
    width: auto;
    max-width: 100%;
    min-height: 50px;
    padding: 10px 15px;
    margin: 0 0 1rem 0;
    color: #707070;
    font-family: "Mundial", sans-serif;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
    text-indent: 1px;
    text-overflow: '';
    background-color: #fff;
    border: 0 solid #b2b2b2;
    border-radius: 6px;
    outline: none;
    box-shadow: 0 0 1px #707070;
}
.section-travel-agent select {
    border-right: 10px solid transparent;
}

.section-travel-agent select:focus, 
.section-travel-agent input[type="text"]:focus,
.ssection-travel-agent textarea:focus {    
    box-shadow: 0 0 2px #0790F4;
}

.section-travel-agent input::placeholder,
.section-travel-agent input::-moz-placeholder,
.section-travel-agent textarea::placeholder,
.section-travel-agent textarea::-moz-placeholder {
    color: #707070;
    opacity: 1;
}

@media screen and (max-width: 820px) { 
    .travel-agent-page {
        padding-top: 72px;
        background-position: center 72px;
    }  
    .travel-agent-page .navigation {
        background-color: #fff;
    }
    .section-travel-agent {
        padding: 1rem 0 260px;
        background-size: 820px auto;
    }
    .section-travel-agent .container {
        padding: 1rem 30px;
    } 
}


/* FOOTER */
.footer {
    padding: 4rem 0 2rem 0;
    font-size: 14px;
    color: #96a7b8;
    background-color: #2c4f71;
}
.footer a {
    color: #dfe3ed;
    transition: all 0.24s ease-in-out;
}
.footer a:hover {    
    color: #fff;
}
.footer h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0.8rem;
}
.footer h5 strong {
    font-weight: bold;
}

.footer--row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: space-between;
}
.footer--col-3  {
    width: 23.5%;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 1rem 0;
    margin: 0;
    border-right: 1px solid #224965;
}
.footer--col-3.footer--no-border,
.footer--col-3.footer--contact {
    border-right: none;

}
.margin-top-37 {
    margin-top: 37px;
}

.footer--navigation {
    list-style: none;
    padding: 0;
}
.footer--navigation li {
    margin-bottom: 0.8rem;
}
.footer--navigation a {
    font-size: 15px; 
}

.footer--contact {
    font-size: 18px;
    color: #fff;
}
.footer--contact p {
    margin-bottom: 0.2rem;
}
.footer--phone {    
    font-size: 26px;
}

.footer--button-cta {
    display: inline-block;
    padding: 0.5rem 1.5rem;
    margin-top: 0.5rem;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    background-color: #fe0200;
    border-radius: 6px;
    transition: all 0.24s ease-in-out;
}
.footer--button-cta:hover {    
    background-color: #cc0000;
    text-shadow: 1px 3px 6px rgba(0,0,0, 0.5);
}

.footer--navigation-social {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding: 1rem 0;
}
.footer--navigation-social li {
    margin-right: 1.5rem;
}
.footer--navigation-social img {
    display: inline-block;
    width: auto;
    height: 30px;
    transition: all 0.24s ease-in-out;
}
.footer--navigation-social a:hover img {
    opacity: 0.5;
}


.footer--copyright { 
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 0;
    border-top: 1px solid #224965;
    border-bottom: 1px solid #224965;
}
.footer--copyright ul {   
    list-style: none; 
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
}
.footer--copyright ul li {    
    padding-right: 1rem;
}
.footer--copyright p {  
    margin: 0;
    color: #fff;
}

.footer--policy {
    padding: 1.5rem 0;
}
.footer--policy ul {   
    list-style: none; 
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
    margin: 0 0 1rem 0;
}



/* CONTACT BUTTON */
.button-contact {
    position: fixed;
    top: 320px;
    right: 0px;
    padding: 12px 30px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    background-color: #fe0200;
    border-radius: 0 0 10px 10px;
    transform-origin: top right;
    transform: rotate(90deg);
    transition: all 0.3s ease-in-out;
    z-index: 9;
}
.button-contact:hover {
    color: #fff;
    padding: 20px 30px 12px 30px;
    background-color: #cc0000;
}

/* SCROLL TO TOP BUTTON */
#scrollToTop {
    display: block;
    position: fixed;
    bottom: 20px;
    right: -40px;
    width: 40px;
    height: 40px;
    padding: 10px;
    text-decoration: none;
    background-color: #fe0200;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    z-index: 9;
}
#scrollToTop:hover {
    color: #fff;
    background-color: #cc0000;
}
.scrolling #scrollToTop {
    right: 20px;
    opacity: 1;
}

#scrollToTop img {
    display: inline-block;
    max-width: 20px;
}

@media screen and (max-width: 820px) {    
    #scrollToTop {
        bottom: 10px;
    }
    .scrolling #scrollToTop {
        right: 10px;
    }
}




/* MOBILE STYLES - GLOBALS */
@media screen and (min-width: 1200px) {
    .lg-pr-8 {
        padding-right: 8rem;
    }
}

@media screen and (max-width: 820px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 24px;
        line-height: 1.2;
    }

    h2.text-center {
        padding: 0 30px;
    }
    
    .px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .extra-padding-tb {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .section-metadata {
        display: none;
    }

    .navigation {
        display: flex;
        align-items: center;
        min-height: 72px;
        padding: 8px 10px 12px 10px;
        background-color: #fff;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }
    .scrolling .navigation {
        background-color: #fff;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
    
    .logo-skiskandinavia {
        max-width: 70px;
    }
    .logo-desktop {
        display: none;
    }
    .logo-mobile {
        display: block;
        width: auto;
        max-width: 70px;
    }

    .navigation-toggler {
        left: 30px;
        top: 15px;
        width: 30px;
        height: 40px;
    }
    .navigation-toggler-icon, 
    .navigation-toggler-icon::before, 
    .navigation-toggler-icon::after {
        background-color: #707070;
    }

    .navigation-toggler-icon,
    .navigation-toggler-icon::before,
    .navigation-toggler-icon::after {
        width: 30px;
        height: 2px;  
    } 
    .navigation-toggler-icon::before {
        top: -8px; 
    } 
    .navigation-toggler-icon::after {
        top: 8px; 
    } 

    .navigation nav.nav-toggle {
        min-height: 100vh;
        z-index: 2;
    }

    .navigation-header .logo-skiskandinavia, 
    .navigation-hot-offers {
        display: none;
    }
    .navigation-close {
        left: 30px;
        top: 20px;
        width: 30px;
        height: 32px;
    }
    .navigation-close-icon {
        width: 30px;
        height: 2px;
    }
    .navigation-close-icon::before, 
    .navigation-close-icon::after {
        width: 30px;
        height: 2px;
        background-color: #707070;
    }

    .navigation-header {
        padding: 0;
        height: 72px;
    }
    .navigation-body {
        padding: 0 10px 0 30px;
    }
    .navigation-items {
        width: 100%;
        border-right: none;
    }
    .navigation-items .navigation-item {
        width: 50%;
    }
    .navigation-items .navigation-item a {
        padding: 5px 0;
        margin-bottom: 2px;
        font-size: 0.9rem;
        font-weight: 600;
        color: #0C1B3A;
    }

    .navigation-items .navigation-item.dropdown .navigation-link {
        align-items: center;
        position: relative;
    }
    .navigation-items .navigation-item.dropdown.sub-nav-toggle .navigation-link {
        opacity: 0.5;
    }

    .navigation-items .navigation-item  {
        left: 45%;
        width: 50%;
        padding: 0 0 0 2%;
    }
    .navigation-items .navigation-item.sub-nav-toggle {
        left: 50%;
        opacity: 1;
        pointer-events: all;
    }
    

    .button-contact-mobile {
        display: flex;
        align-self: center;
    }

    .button-contact {
        display: none;
    }





    .footer {
        padding: 30px;
    }
    .footer--row {
        flex-direction: column;
    }
    .footer--col-3 {
        width: 100%;
        padding: 0;
        border-right: none;
    }
    .margin-top-37 {
        margin-top: 0;
    }

    .footer h5 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .footer--copyright, 
    .footer--copyright ul,
    .footer--policy ul {
        flex-direction: column;
        margin: 0;
    }
    .footer--copyright ul, 
    .footer--policy ul li,
    .footer--policy p:not(:last-child) {
        margin-bottom: 1rem;
    }
}



/* colors
    default -       #707070
    gray -          #353536
    red -           #fe0200
    red hover -     #cc0000
    blue -          #0990f4
    dark blue -     #2c4f71
    light blue -    #edf4fa
    light blue 2 -  #f3f8fb
    slider blue -   #91d0ff
    footer link -   #dfe3ed
    footer text -   #96a7b8
    gradient -      #f1dad3 / #c5daed
*/