@import url(normalize.min.css);

:root {

    --menuHeight: 142px;
    --menuHeightPart: 85px;
    --sectionIndentTop: 210px;
    --sectionIndentBottom: 40px;
    --sectionIndentBottomLarge: 158px;

    --styleDarkGreen: 27, 36, 34;
    --styleGreen: 48, 59, 56;
    --styleLightBeige: 247, 241, 231;
    --styleBeige: 240, 218, 203;
    --styleLightGrey: 244, 244, 244;
    --styleDarkGrey: 102, 102, 102;
    --styleBlack: 26, 26, 26;
    --styleWhite: 255, 255, 255;

    --styleDarkRed: 168, 21, 27;
    --styleRed: 193, 39, 45;

}

::selection {

    color: rgb(var(--styleWhite));
    background-color: rgb(var(--styleBlack));

}

html, body {

    width: 100%;
    margin: 0;
    padding: 0;

    color: rgb(var(--styleBlack));
    background-color: rgb(var(--styleBlack));

    font-family: Poppins, Futura, sans-serif;

    transition: background-color 0.8s ease-in-out;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;

    overflow-x: hidden;

}

html {

    font-size: 17px;
    line-height: 1.82rem;

    overflow-y: scroll;

}

body::-webkit-scrollbar {

    width: 0;

}

body.windowOpen {

    background-color: rgb(var(--styleWhite));

}

/* div {

    box-sizing: border-box;

} */

a {

    color: rgb(var(--styleWhite));

    text-decoration-color: rgba(var(--styleWhite), 0.49);
    text-decoration-thickness: 1px;
    text-underline-offset: 9px;

    transition: text-decoration-color 150ms ease-in;

    cursor: pointer;

}

a:hover {

    text-decoration-color: rgba(var(--styleWhite), 0.7);

}

h1 {

    font-family: 'Cormorant Garamond', serif;
    font-size: 61px;
    font-weight: 700;
    line-height: 1.2em;

    color: rgb(var(--styleBeige));

}

h2 {

    position: absolute;
    top: 59px;
    left: 50%;

    font-family: 'Cormorant Garamond', serif;
    font-size: 61px;
    font-weight: 700;

    line-height: 32px;

    color: rgb(var(--styleBlack));

    transform: translateX(-50%);

    z-index: 21;

    white-space: nowrap;

}

h3 {

    margin-bottom: 39px;

    font-family: 'Cormorant Garamond', serif;
    font-size: 36px;
    font-weight: 700;

    line-height: 29px;

    color: rgb(var(--styleBlack));

}

h4 {

    margin-block: 0.75em;

    font-family: Poppins, Futura, sans-serif;
    font-size: 34px;
    font-weight: 700;

    line-height: 29px;

}

h6 {

    font-family: Poppins, Futura, sans-serif;
    font-size: 1rem;
    font-weight: 600;

    line-height: 1.933rem;


}

img {

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

}

input {

    font-family: inherit;

    color: rgb(var(--styleBlack));

    border: 0;
    border-radius: 0;

    box-sizing: border-box;

}

input::placeholder {

    color: rgb(var(--styleDarkGrey));

}

input[type="date"] {

    -webkit-appearance: none;

}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {

    display: none;
    -webkit-appearance: none;

}

input[type=submit] {

    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;

    color: rgb(var(--styleWhite));
    background-color: rgb(var(--styleBlack));

    border-radius: 0;

    -webkit-appearance: none;

}

input:focus {

    outline: none;

    -webkit-appearance: none;

}

textarea {

    border: none;
    border-radius: 0;

    -webkit-appearance: none;

    resize: none;

}

textarea:focus {

    outline: none;

}

select {

    font-family: Poppins, Futura, sans-serif;

    border-radius: 0;

    cursor: pointer;

}

button {

    flex: none;

    font-family: Poppins, Futura, sans-serif;

    cursor: pointer;

}

button:disabled {

    opacity: 0.34;

    cursor: default;

}

p {

    margin-block: 0;
    margin: 1em 0;

    font-family: Poppins, Futura, sans-serif;
    font-size: 1rem;
    font-weight: 400;

    color: rgb(var(--styleBlack));

    white-space: initial;

}

p strong {

    font-weight: 600;

}

ul li {

    color: rgb(var(--styleBlack));

}

button {

    font-size: 1rem;
    font-weight: 700;

    border-radius: 0;

    -webkit-appearance: none;

}

#scrollbar {

    position: absolute;

    opacity: 0;

    transition: opacity 200ms ease-in-out;
    will-change: opacity;

    z-index: 999;

}

#scrollbar-track,
#scrollbar-thumb-container {

    position: fixed;
    right: 0;

    width: 8px;

}

#scrollbar-track {

    top: 0;

    height: 100%;

    background-color: rgba(206, 206, 206);

    transition: height 350ms ease-out;

    z-index: 999;

}

#scrollbar-thumb-container {

    position: fixed;
    bottom: 0;

    height: calc(100*var(--vhc, 1%));

    z-index: 1000;
    
}

#scrollbar-thumb {

    position: absolute;
    top: 0;

    width: 100%;

    background-color: rgba(96, 88, 87);

    transition: height 350ms ease-out;
    transform-origin: left top;
    will-change: transform;

}

.interactive {

    cursor: pointer;

}

.notification {

    text-align: center;
    text-transform: uppercase;

    color: rgb(var(--styleBlack));
    background-color: rgb(var(--styleWhite));

    box-sizing: border-box;

}

.copylinkWrapper {

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;

}

.copyEmail {

    display: block;
    flex: none;

    width: 52px;
    height: 52px;

    background: transparent url(/img/copy-icon.svg) no-repeat center center;

    border: 1px dashed rgba(var(--styleWhite), 0.54);
    border-radius: 50%;

    transition: border 125ms ease-in;

    cursor: pointer;

}

.copyEmail:hover {

    border: 1px dashed rgba(var(--styleWhite), 1);

}

.copyAlert {

    font-size: 0.8rem;

    color: rgb(var(--styleBlack));
    opacity: 0;

}

.sticky {



}

#loadingScreen {

    position: fixed;
    left: 50%;
    top: 50%;

    width: calc(100vw - 7.8vw);
    height: calc(100vh - 7.8vw);

    background-color: rgb(var(--styleWhite));

    transform: translate(-50%, -50%);

    opacity: 0;
    visibility: hidden;

    z-index: 1003;

}

#loadingScreen p {

    position: absolute;
    left: 50%;
    top: 50%;

    display: block;
    margin: 0;

    font-family: 'Cormorant Garamond', 'Cormorant', Garamond, serif;
    font-size: 100px;
    letter-spacing: -3px;
    font-weight: 600;
    color: rgb(var(--styleBlack));

    transform: translate(-50%, -50%);

    z-index: 1;

    white-space: nowrap;

}

#loadingScreen .progress-ring {

    position: absolute;
    left: 50%;
    top: 50%;

    transform: translate(-50%, -49%) rotate(-90deg);

}

#loadingScreen .progress-ring .progress-ring__circle {

    stroke: rgba(var(--styleBlack), 0.85);
    stroke-dasharray: 779 779;
    stroke-dashoffset: 779;

    transition: stroke-dashoffset 0.35s;

}

#loadingScreen .progress-ring .static-ring__circle {

    stroke: rgba(var(--styleBlack), 0.09);

}

#topMenu {

    position: fixed;

    top: 0;
    left: 0;

    width: 100%;

    transition: color 200ms linear, opacity 200ms ease-in;

    z-index: 101;

}

#topMenu.noTransition {

    transition: none !important;

}

#topMenu.sticky {

    color: rgb(var(--styleBlack));

    transition: color 600ms ease-out, opacity 200ms ease-in;

}

#topMenu.transparent {

    visibility: hidden;
    opacity: 0;

}

#topMenu.white {

    color: rgba(var(--styleWhite));

}

#topMenu .lang {

    position: absolute;
    top: 115px;
    left: 171px;

    transition: transform 200ms linear;
    will-change: transform;

    z-index: 12;

}

#topMenu #langPanelBackground {

    position: fixed;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(var(--styleDarkGrey), 0.28);

    visibility: hidden;
    opacity: 0;

    transition: visibility 0ms ease-in 200ms;
    will-change: opacity;

    z-index: 205;

}

#topMenu.notransition .lang {

    transition: none !important;

}

#topMenu.sticky .lang {

    transform: translate(-111px, -96px);
    transition: transform 600ms ease-out;

}

/*

#topMenu .logo .logo-est {

    opacity: 1;

    transition: opacity 200ms linear;

}

#topMenu.notransition .logo .logo-est {

    transition: none !important;

}

#topMenu.sticky .logo .logo-est {

    opacity: 0;
    
    transition: opacity 600ms ease-out;

}

#topMenu .logo .logo-sign svg {

    transform-origin: top center;
    transition: 300ms ease-out;

}

#topMenu.notransition .logo .logo-sign svg {

    transition: none !important;

}

#topMenu.sticky .logo .logo-sign svg {

    transform: scale(0.5102);

}

#topMenu .logo .logo-text {

    opacity: 1;

    transition: transform 200ms linear, opacity 200ms linear;

}

#topMenu.notransition .logo .logo-text {

    transition: none !important;

}

#topMenu.sticky .logo .logo-text {

    opacity: 0;

    transition: transform 600ms ease-out, opacity 300ms ease-out;

}

*/

#topMenu .lang {

    display: flex;
    flex-direction: row;

}

#topMenu .lang .dropDownIcon {

    display: none;

}

#topMenu .lang a {

    display: block;
    width: 47px;
    height: 47px;
    margin-right: 22px;
    padding-top: 8px;

    font-size: 15px;

    color: inherit;

    text-align: center;

    text-decoration: none;
    text-transform: uppercase;

    box-sizing: border-box;

}

#topMenu.notransition .lang a {

    transition: none !important;

}

#topMenu.sticky .lang a {

    color: rgb(var(--styleBlack)) !important;

    transition: color 600ms ease-out;

}

#topMenu .lang .langOption.active a {

    border: 1px solid rgba(var(--styleWhite), 0.54);
    border-radius: 50%;

}

#topMenu.notransition .lang .langOption.active a {

    transition: none !important;

}

#topMenu.sticky .lang .langOption.active a {

    border-color: rgb(var(--styleBlack));

    transition: color 600ms ease-out, border 600ms ease-out;

}

#topMenu .lang.black {

    color: rgb(var(--styleBlack));

}

#topMenu .lang.white {

    color: rgb(var(--styleWhite));

}

#topMenu .lang.black a {

    color: inherit;

}

#topMenu .lang.black .langOption.active a {

    border-color: rgb(var(--styleBlack));

}

#topMenu.mobile .lang {

    z-index: -1;

}

#topMenu .logo {

    position: absolute;
    left:50%;
    top: 47px;

    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-items: center;
    align-items: center;

    line-height: 0rem;

    transform: translateX(-50%);

    transition: transform 200ms linear;
    will-change: transform;

    z-index: 12;

}

#topMenu .logo .logo-full-top {

    grid-column: span 3;

}

#topMenu .logo .logo-full-bottom {

    grid-column: span 3;

}

#topMenu .logo .logo-center-middle {

    margin: 37px 41.5px 40px 41.5px;

    transition: transform 200ms linear;
    will-change: transform;

}

#topMenu.sticky .logo .logo-full-top,
#topMenu.sticky .logo .logo-left-middle,
#topMenu.sticky .logo .logo-right-middle,
#topMenu.sticky .logo .logo-full-bottom {

    opacity: 0;

}

#topMenu.sticky .logo .logo-center-middle {

    transform: translateY(-158%) scale(0.51);
    transition: transform 600ms ease-out; 

}

#topMenu.sticky .logo .logo-center-middle #monogram {

    fill: rgb(var(--styleBlack));

}

/*

#topMenu .logo .logo-est {

    display: block;
    width: calc(100% - 1px);
    margin: 0;

    font-size: 13px;
    font-weight: 700;

    text-align: center;

}

#topMenu.mobile .logo {

    z-index: -1;

}

#topMenu.white .logo .logo-est {

    color: inherit;

}

#topMenu .logo {

    position: absolute;
    left:50%;

    top: 47px;
    width: 342px;
    height: 134px;

    transform: translateX(-50%);

    transition: transform 200ms linear;
    will-change: transform;

    z-index: 12;

}

#topMenu.sticky .logo {

    height: 108px;

    transform: translate(-50%,-70px);
    transition: transform 600ms ease-out, height 0ms linear 600ms;

}

#topMenu .logo .logo-sign {

    position: absolute;
    left:50%;
    top:43px;

    width: fit-content;
    width: -moz-fit-content;

    transform: translateX(-50%);

}

#topMenu .logo .logo-sign .a {

    fill: none;
    stroke: rgb(var(--styleWhite));
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5px;

    transition: stroke 200ms linear;

}

#topMenu.notransition .logo .logo-sign .a {

    transition: none !important;

}

#topMenu.sticky .logo .logo-sign .a {

    stroke: rgb(var(--styleBlack));

    transition: stroke 600ms ease-out;

}

#topMenu .logo .logo-text {

    position: absolute;
    right: 0;
    bottom: 0;

    height: 51px;

}

#topMenu>.logo>.logo-text .a{isolation:isolate;}
#topMenu>.logo>.logo-text .b{fill:none;}
#topMenu>.logo>.logo-text .c{fill:rgb(var(--styleWhite));stroke:rgb(var(--styleWhite));stroke-width:0.25px;}

*/

#topMenu .menu {

    position: absolute;
    top: 123px;
    right: 289px;

    transition: transform 200ms linear, color 200ms linear;
    will-change: transform;

    z-index: 12;

}

#topMenu.sticky .menu {

    transform: translate(67px, -96px);
    transition: transform 600ms ease-out, color 600ms ease-out;

}

#topMenu.notransition .menu {

    transition: none !important;

}

#topMenu .menu a {

    display: inline-block;
    margin-right: 46px;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.24em;

    color: inherit;

    text-decoration: none;

    transition: color 200ms linear;

}

#topMenu.notransition .menu a {

    transition: none !important;

}

#topMenu.sticky .menu a {

    color: rgb(var(--styleBlack));

    transition: color 600ms ease-out;

}

#topMenu .menu .active {

    font-weight: 700;

}

#topMenu .menu .mobileSeasonSwitch {

    display: none;

}

#topMenu .menu .mobileLang {

    display: none;

}

#topMenu .contactButtons {

    position: absolute;
    top: 24px;
    right: 3.26%;

    width: 79px;
    height: 36px;

    opacity: 0;
    visibility: hidden;

    white-space: nowrap;

    transition: opacity 200ms linear, visibility 0ms linear 200ms;
    will-change: opacity;

    z-index: 12;

}

#topMenu.sticky .contactButtons {

    opacity: 1;
    visibility: visible;

    transition: opacity 400ms ease-out 400ms;

}

#topMenu.notransition .contactButtons {

    transition: none;

}

#topMenu.mobile .contactButtons {

    z-index: -1;

}

#topMenu .contactButtons .email {

    position: relative;

    display: inline-block;
    width: 50%;
    height: 100%;

    border: 1px solid rgba(var(--styleBlack), 0.24);
    border-right-color: rgba(var(--styleBlack), 0.12);
    border-radius: 50% 0 0 50%;

    background: transparent url(/img/email-icon.svg) no-repeat right 6px center;

    z-index: 0;

    cursor: pointer;

}

#topMenu .contactButtons .email:hover {

    border: 1px solid rgba(var(--styleBlack), 0.49);

    z-index: 1;

}

#topMenu .contactButtons .call {

    position: relative;

    display: inline-block;
    width: 50%;
    height: 100%;
    margin-left: -1px;

    border: 1px solid rgba(var(--styleBlack), 0.24);
    border-left-color: rgba(var(--styleBlack), 0.12);
    border-radius: 0 50% 50% 0;

    background: transparent url(/img/phone-icon.svg) no-repeat left 6px center;

    z-index: 0;

    cursor: pointer;

}

#topMenu .contactButtons .call:hover {

    border: 1px solid rgba(var(--styleBlack), 0.49);

    z-index: 1;

}

#topMenu #menuBackground {

    position: fixed;
    left: 0;
    top: 0;

    width: 100%;
    height: 179px;

    background-color: rgb(var(--styleWhite));

    border-bottom: 1px solid rgba(var(--styleLightGrey), 1);

    opacity: 0;
    visibility: hidden;

    transition: transform 200ms linear, opacity 200ms linear;
    will-change: transform;

    z-index: 11;

}

#topMenu.sticky #menuBackground {

    visibility: visible;
    opacity: 1;

    transform: translateY(-95px);
    transition: transform 600ms ease-out, opacity 600ms ease-out;

}

#topMenu.transparent #menuBackground {

    visibility: hidden;

    transition: visibility 0ms linear 250ms;

}

#topMenu.noTransition #menuBackground {

    transition: none !important;

}

#topMenu.mobile #menuBackground {

    z-index: -2;

}

#seasonSwitch {

    position: absolute;
    right: 64px;
    top: 118px;

    width: 123px;
    height: 36px;

    border: 1px solid rgba(var(--styleWhite), 0.54);
    border-radius: 40px;

    opacity: 1;

    transition: opacity 200ms linear;
    will-change: opacity;

    cursor: pointer;

}

#topMenu.sticky #seasonSwitch {

    opacity: 0;

    transition: opacity 200ms ease-out;

}

#topMenu.noTransition #seasonSwitch {

    transition: none !important;

}

#seasonSwitch span {

    position: absolute;
    left: 44px;
    top: 4.5px;

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;

    color: rgb(var(--styleWhite)) !important;

    pointer-events: none;

}

#seasonSwitch span.winter {

    left: 44px;

    opacity: 1;

    transition: opacity 0.15s ease-out;

}

#seasonSwitch span.summer {

    left: 24px;
    opacity: 0;

    transition: opacity 0.15s ease-out;

}

#seasonSwitch .toggle {

    position: absolute;
    top: 7px;

    width: 22px;
    height: 22px;

    background-color: rgb(var(--styleWhite));
    border-radius: 50%;

}

#seasonSwitch .toggle.winter {

    left: 7px;

}

.filterPanel {

    position: fixed;
    left: 25%;
    top: 320px;
    width: 832px;
    height: 134px;
    padding-left: 64px;
    padding-top: 24px;

    color: rgb(var(--styleBlack));
    background-color: rgb(var(--styleWhite));

    transform: translateX(-50%);
    transition: transform 200ms linear, opacity 200ms linear;
    will-change: transform, opacity;

    box-sizing: border-box;

    z-index: 51;

    overflow: hidden;

}

#topMenu.sticky+.filterPanel.default {
    
    visibility: hidden;
    opacity: 0;

    transform: translate(-50%, -120px);

    transition: transform 280ms ease-out, opacity 280ms ease-out, visibility 280ms ease-out;

}

.filterPanel.sticky {

    position: fixed;
    left: 0;
    top: 84px;
    width: calc(100% + 1px);
    height: 52px;
    padding-top: 0;

    visibility: hidden;
    opacity: 0;

    transform: none;
    transition: opacity 300ms linear;
    will-change: opacity;

}

#topMenu.sticky~.filterPanel.sticky {

    visibility: visible;
    opacity: 1;

    transition: opacity 400ms ease-out 400ms;

}

.filterPanel~#filterPanelBackground {

    position: fixed;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(var(--styleDarkGrey), 0.28);

    visibility: hidden;
    opacity: 0;

    transition: opacity 200ms ease-in, visibility 0ms ease-in 200ms;
    will-change: opacity;

    z-index: 205;

}

.filterPanel.open {

    z-index: 210;

}

.filterPanel.sticky.open~#filterPanelBackground {

    visibility: visible;
    opacity: 1;

    transition: opacity 200ms linear, visibility 0ms linear;

}

.filterPanel.default.open~#filterPanelBackground {

    visibility: visible;

    transition: opacity 200ms linear, visibility 0ms linear;

}

.filterPanel .openFilterPanelButton {

    display: none;

}

.filterPanel.sticky form {

    left: 50%;
    width: 60%; 
    height: 100%;
    margin-left: auto;
    margin-right: auto;

}

.filterPanel label {

    display: inline-block; 
    width: 184px;
    margin-right: 24px;

    font-size: 17px;
    font-weight: 600;
    line-height: 31px;

    vertical-align: top;

}

.filterPanel.sticky label {

    width: 28%;

    font-size: 15px;

}

.filterPanel label.nativeDateInput {

    display: none;

}

.filterPanel input[type=text],
.filterPanel input[type=date] {

    width: 170px;
    margin-top: 21px;

    font-size: 17px;
    font-weight: 400;

    background: transparent url(/img/calendar-icon.svg) no-repeat right center;

    border: none;
    outline: none;

}

.filterPanel.sticky input[type=text],
.filterPanel.sticky input[type=date] {
    
    width: 40%;
    margin-left: 20px;
    margin-top: 15px;

    font-size: 15px;

}

.filterPanel select {

    width: 120px;
    margin-top: 26px;

    font-size: 17px;
    font-weight: 400;

    background: transparent url(/img/arrowDown-icon.svg) no-repeat right center;

    border: none;
    outline: none;

    -webkit-appearance: none;
    -moz-appearance: none;

}

.filterPanel.sticky select {
    
    width: 20%;
    margin-left: 20px;
    margin-top: 19px;

    font-size: 15px;

}

.filterPanel select {

    color: rgb(var(--styleDarkGrey));

}

.filterPanel input[type=submit] {

    position: absolute;
    right: 22px;
    top: 22px;
    width: 90px;
    height: 90px;

    font-weight: 600;

    background: rgb(var(--styleGreen)) url(/img/search-icon-large.svg) no-repeat center center;

    border: none;
    outline: none;

    cursor: pointer;

}

.filterPanel.sticky input[type=submit] {

    right: 18%;
    top: 0;
    width: 134px;
    height: 100%;

    color: rgb(var(--styleBlack));
    background-color: rgb(244, 244, 244);

    font-size: 15px;

    background-image: none;

}

.filterPanel.summer.default input[type=submit] {

    background: rgb(var(--styleRed)) url(/img/search-icon-large.svg) no-repeat center center;

}

#contactsPanel {

    position: fixed;
    left: 0;
    top: 85px;

    width: 100%;
    height: 60px;

    background-color: rgb(var(--styleWhite));

    text-align: center;

    visibility: hidden;
    opacity: 0;

    white-space: nowrap;

    transition: opacity 300ms linear;
    will-change: opacity;

    z-index: 100;
    /* z-index: 51; */

}

#topMenu.sticky+#contactsPanel {

    visibility: visible;
    opacity: 1;

    transition: opacity 400ms ease-out 900ms;

}

#topMenu.transparent+#contactsPanel {

    visibility: hidden;
    opacity: 0;

}

#contactsPanel p, #contactsPanel a {

    display: inline-block;
    margin-right: 3.3%;
    margin-top: 16px;

    font-size: 15px;

    color: rgb(var(--styleBlack));

    text-decoration: none;

}

#contactsPanel a:hover {

    text-decoration-color: none;

}

#contactsPanel a.call {

    padding-right: 66px;

    font-weight: 600;

    background: transparent url(/img/phone-icon.svg) no-repeat center right 20px;

}

#contactsPanel a.email {

    padding-right: 66px;

    font-weight: 600;

    background: transparent url(/img/email-icon.svg) no-repeat center right 20px;

}

#bottomPanelArea {

    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 20vh;

    background: none !important;

    z-index: 101;

    pointer-events: none;
    
}

#stickyPanel {

    display: block;

    position: absolute;
    left: 50%;
    top: 0;

    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    padding: 12px 18px 13px 18px;

    background-color: rgb(var(--styleWhite));

    border-radius: 48px;

    transform: translateX(-50%);
    transition: opacity 100ms ease-in;

    pointer-events: all;

}

#stickyPanel .stickyPanelOptions {

    display: flex;
    flex-direction: row;

}

#stickyPanel .stickyPanelOptions>div{

    position: relative;

    width: 36px;
    height: 36px;
    margin: 0 5px;

    background-color: rgba(var(--styleBlack), 0);

    border-radius: 50%;

    z-index: 1;

    cursor: pointer;

}

#stickyPanel .stickyPanelOptions>div:hover {

    background-color: rgba(var(--styleBlack), 0.03);

}

#stickyPanel .stickyPanelOptions>div:first-child {

    margin-left: 0;

}

#stickyPanel .stickyPanelOptions>div:last-child {

    margin-right: 1px;

}

#stickyPanel .stickyPanelOptions>div img {

    position: relative;
    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

}

#stickyPanel .stickyPanelOptions .stickyPanelButton {

    width: 77px;
    height: 36px;

    border-radius: 18.5px;

}

#stickyPanel .stickyPanelButton p {

    position: relative;

    height: fit-content;
    height: -moz-fit-content;
    margin: 2px 2px;
    padding: 5px 16px 5px 16px;

    background-color: rgba(var(--styleBlack), 1);

    border-radius: 20.5px;

    color: rgb(var(--styleWhite));

    font-size: 12px;
    font-weight: 700;

    text-align: center;

    line-height: 23px;

}

#stickyPanel.transparent {

    opacity: 0;

}

#stickyPanel.stickyButton {

    bottom: 10vh;

    width: 424px;
    height: 96px;
    margin: 0;
    padding: 0;

    background-color: rgb(var(--styleBlack));
    border-radius: 0;

    transition: opacity 200ms linear, visibility 200ms linear;

    cursor: pointer;

}

#topMenu.transparent~#bottomPanelArea .stickyButton {

    visibility: hidden;
    opacity: 0;

}

.stickyButton.transparent {

    visibility: hidden;
    opacity: 0;

}

.stickyButton p {

    position: absolute;
    left: 50%;
    top: 50%;

    width: 100%;
    margin: 3px 0;

    font-size: 15px;
    font-weight: 700;
    text-align: center;

    color: rgb(var(--styleWhite));
    
    transform: translate(-50%, -50%);

}

.accordion p {

    float: none !important;

}

.accordion-toggle {

    display: block !important;
    width: 100%;
    height: 71px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 92px;
    padding-top: 16px;
    font-size: 17px;

    background: url(/img/info-icon.svg) no-repeat left 26px top 17px, url(/img/expand-icon.svg) no-repeat right 23px top 22px;
    border-bottom: 1px dashed rgba(var(--styleBlack), 0.24);

    box-sizing: border-box;

    cursor: pointer;

    transition: border-bottom 150ms ease-in;

}
  
.accordion .accordion-toggle:nth-child(2n+3) {

    margin-top: 13px;

}

.accordion-toggle:hover {

    border-bottom: 1px dashed rgba(var(--styleBlack), 0.49);

}

.accordion-toggle.active {

    background: url(/img/info-icon.svg) no-repeat left 26px top 17px, url(/img/collapse-icon.svg) no-repeat right 23px top 22px;

}

.accordion-content {

    display: none !important;
    margin: 0 !important;
    padding: 23px 7.2vw 48px 92px;

}

.accordion-toggle.active+.accordion-content {

    display: block !important;

}

.accordion-content p {

    width: 100% !important;

}

.section {

    position: relative;

    display: grid;
    min-height: 714px;
    height: calc(100vh - var(--menuHeight));
    max-height: 1200px;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    width: 100%;

    box-sizing: border-box;

    overflow: hidden;

    z-index: 0;

}

.section.hero,
.section.contacts,
.section.propertyFilter,
.section.booking,
.section.contactUs,
.section.rentalTeam {

    height: unset;
    max-height: unset;

}

.section.rentals,
.section.cransMontanaAbout,
.section.specialOffers,
.section.gallery,
.section.details,
.section.location,
.section.booking,
.section.information,
.section.qualityRating,
.section.contactUs {

    padding-top: var(--sectionIndentTop);

}

.section.cransMontanaAbout,
.section.specialOffers,
.section.propertyFilter,
.section.information,
.section.qualityRating {

    padding-bottom: var(--sectionIndentBottom);

}

.section.rentals,
.section.reviews {

    padding-bottom: var(--sectionIndentBottomLarge);

}

.section.contacts,
.section.contactUs,
.section.rentalTeam,
.section.booking {

    height: calc(100vh - var(--menuHeightPart));
    padding-top: var(--sectionIndentTop);

    grid-template-columns: 3.28vw repeat(6, 1fr) 3.28vw;

}

.shortsection {

    position: relative;

    display: grid;
    grid-template-columns: 3.28vw repeat(6, 1fr) 3.28vw;
    grid-template-rows: 100%;
    width: 100vw;
    min-height: 80px;
    height: calc(var(--vhc, 1vh) * 15);

    font-size: 0.8235rem;

    box-sizing: border-box;

    overflow: hidden;

    z-index: 0;

}

.section.hero {

    grid-template-columns: 3.28vw repeat(6, 1fr) 3.28vw;
    grid-template-rows: 1fr;
    width: 100vw;
    height: 100vh;
    height: calc(var(--vhc, 1vh) * 100);


    color: rgb(var(--styleWhite));

    z-index: unset;

}

.section.hero>img {

    position: absolute;
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover;

    overflow: hidden;

}

.section>.scrollDown {

    position: absolute;
    left: 50%;
    bottom: 18px;

    width: 116px;

    text-align: center;

    transform: translateX(-50%);

    z-index: 10;

    cursor: pointer;

    & img {

        transition: 150ms ease-in-out;

    }

}

.section>.scrollDown:hover>img {

    transform: translateY(3px);

}

.section>.scrollDown>p {

    margin-bottom: 6px;

    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;

    color: rgb(var(--styleWhite));

}

.section>.left {
    
    position: relative;

    padding-left: 3.28%;

    grid-column: 1 / 5;

    overflow: hidden;

    box-sizing: border-box;

}

.section>.left img {

    position: absolute;
    top: -18vw;
    /* top: -186px; */
    left: -75%;

    width: 200%;

}

.section .right {

    overflow: hidden;

}

.section.summer.hero>.left img.home {

    content: url('/img/hero/homePage-summer.jpg');

    top: -20px;
    left: -52%;

}

.section>.left>.vignette {

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-image: linear-gradient(to top, transparent 70%, rgba(0, 0, 0, .8)), linear-gradient(45deg, transparent 70%, rgba(0, 0, 0, .8)), linear-gradient(to right, transparent 70%, rgba(0, 0, 0, .9));
    /* background-image: linear-gradient(to right, transparent 70%, black); */

    mix-blend-mode: luminosity;

    opacity: .6;

    z-index: 2;

}

.section>.left>.darkfilter, 
.section.rentals > .properties .darkfilter, 
.section.propertyFilter > .properties .property .darkfilter, 
.section.specialOffers .offer .offerImage .darkfilter, 
.section.hero>.darkfilter {

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(235, 235, 235, .36);

    mix-blend-mode: color;

    z-index: 2;

}

.section>.left>.bluefilter, 
.section.rentals > .properties .bluefilter, 
.section.propertyFilter > .properties .property .bluefilter, 
.section.specialOffers .offer .offerImage .bluefilter, 
.section.hero>.bluefilter {

    position: absolute;
    top: 0;
    left: 0;
    
    width: 100%;
    height: 100%;
    
    background-color: rgba(98, 138, 201, .13);
    
    mix-blend-mode: color;
    
    z-index: 1;

    }

.section.hero>.right {

    position: relative;

    padding: 26vh 3.28% 0 10.78vw;

    grid-column: 5 / 9;

    background-color: rgb(var(--styleGreen));

    box-sizing: border-box;

}

.section.summer.hero>.right {

    background-color: rgb(var(--styleRed));

}

.section.hero>.right h1 {

    width: 539px;
    margin-bottom: 71px;

}

.section.hero>.right>p {

    max-width: 391px;
    margin-top: 45px;
    margin-bottom: 35px;

    color: rgb(var(--styleWhite));

}

/* .section.hero>.right .covidBanner {

    position: absolute;
    left: 0;
    bottom: 0;

    display: none !important;
    width: 100%;
    height: 173px;
    padding-left: 205px;
    padding-top: 24px;

    background: rgb(var(--styleDarkGreen)) url(/img/covid-icon.svg) no-repeat 89px center;

    box-sizing: border-box;

} */

.section.summer.hero>.right .covidBanner { 

    background: rgb(var(--styleDarkRed)) url(/img/covid-icon.svg) no-repeat 89px center;

}

.section.hero>.right .covidBanner p {

    font-size: 15px;
    font-weight: 500;

    letter-spacing: 0.4px;

    color: rgb(var(--styleWhite));

}

.section.hero>.right .covidBanner p:first-child {

    margin-top: 13px;

    font-weight: 700;

} 

.section.hero>.right .covidBanner p:nth-child(2) {

    max-width: 638px;
    margin-top: 0;

    line-height: 28px;

} 

.section.hero>.right .covidBanner .closeDisclaimer {

    position: absolute;
    right: calc(5.06% - 19.75px);
    top: 2.25px;

    display: none;
    width: 60px;
    height: 60px;

    cursor: pointer;

}

.section.hero>.right .covidBanner .closeDisclaimer .closeDisclaimerIcon {

    position: absolute;
    left: 50%;
    top: 50%;

    width: 20.5px;
    height: 20.5px;

    transform: translate(-50%, -50%);

}

.section.hero>.right .covidBanner .closeDisclaimer .closeDisclaimerIcon::after {

    content: "";

    position: absolute;
    left: 0;
    top: 9.5px;

    display: block;
    width: 100%;
    height: 1px;

    background-color: rgba(var(--styleWhite), 0.54);

    transform: rotate(45deg);

    transition: background-color 150ms ease-in;

}

.section.hero>.right .covidBanner .closeDisclaimer .closeDisclaimerIcon::before {

    content: "";

    position: absolute;
    left: 0;
    bottom: 9.5px;

    display: block;
    width: 100%;
    height: 1px;

    background-color: rgba(var(--styleWhite), 0.54);

    transform: rotate(-45deg);

    transition: background-color 150ms ease-in;

}

.section.hero>.right .covidBanner .closeDisclaimer:hover .closeDisclaimerIcon::after, 
.section.hero>.right .covidBanner .closeDisclaimer:hover .closeDisclaimerIcon::before {

    background-color: rgba(var(--styleWhite), 0.7);

}

.section.rentals {

    grid-template-columns: 3.28% repeat(6, 1fr) 3.28%;

    padding-top: var(--sectionIndentTop);

    background-color: rgb(var(--styleWhite));

}

.section.rentals .properties {

    display: flex;
    flex-direction: row;

    height: 100%;
    padding: 1px 0;

    grid-column: 1 / 9;

    box-sizing: border-box;
    white-space: nowrap;

    overflow: hidden;

}

.section.rentals .properties::-webkit-scrollbar, 
.section.propertyFilter .properties:not(.listView)::-webkit-scrollbar {

    display: none;

}

.section.propertyFilter .properties.listView::-webkit-scrollbar {

    width: 1px;

    background: rgba(var(--styleBlack), 0.06);

}

.section.propertyFilter .properties.listView::-webkit-scrollbar-thumb {

    background-color: rgb(var(--styleBlack)); 

}

.section.propertyFilter .properties~.listViewHeader {

    position: absolute;
    top: 359px;

    display: none;
    grid-template-columns: 5.55vw repeat(5, 1fr);
    width: 100%;
    height: 45px;
    padding-left: 296px;
    padding-right: 35px;

    grid-column: 2 / 8;

    color: rgb(var(--styleDarkGrey));
    background-color: rgb(var(--styleWhite));
    border-bottom: 1px solid rgb(var(--styleLightGrey));

    box-sizing: border-box;

}

.section.propertyFilter .properties~.listViewHeader span {

    font-size: 14px;

    user-select: none;

}

.section.propertyFilter .properties~.listViewHeader span.sortable {

    /* text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: rgba(var(--styleDarkGrey), 0.7);
    text-decoration-thickness: 1px;
    text-underline-offset: 8px; */

    cursor: pointer;

}

.section.propertyFilter .properties~.listViewHeader .sort-guests {

    display: none;

}

.section.propertyFilter .properties.listView~.listViewHeader {

    display: grid;

}

.section.rentals .properties .property, 
.section.propertyFilter .properties .property {

    display: block;
    flex: none;

    width: 480px;
    height: 100%;

    background-color: rgb(var(--styleLightGrey));
    background-clip: content-box;

}

.section.rentals .properties .property, 
.section.propertyFilter .properties .property {
    
    position: relative;

    margin-right: 35px;

}

.section.rentals .properties .property:hover, 
.section.propertyFilter .properties .property:hover {

    outline: 1px dashed rgb(var(--styleBlack));

    cursor: pointer;

}

.section.rentals .properties .property:first-child, 
.section.propertyFilter .properties .property:first-child {
    
    margin-left: 3.28vw;
    margin-right: 35px;

}

.section.propertyFilter .properties.listView .property {
    
    width: 100%;
    margin: 0 auto;

    border-right: 0 !important;

}

.section.rentals .properties .property .propertyImage, 
.section.propertyFilter .properties .property .propertyImage {

    position: relative;

    width: 100%;
    height: 80%;

}

.section.propertyFilter .properties.listView .property .propertyImage {

    flex-shrink: 0;

    width: 243px;
    height: 160px;

}

.section.rentals .properties .property .propertyImage img, 
.section.propertyFilter .properties .property .propertyImage img {

    width: 100%;
    height: 100%;

    object-fit: cover;

}

.section.propertyFilter .properties .propertyLevelHeader {

    display: none;

}

.section.rentals .properties .property .propertyDescription, 
.section.propertyFilter .properties .property .propertyDescription {

    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: fit-content;
    height: -moz-fit-content;
    padding: 0 0 20px 35px;

    background-color: rgb(var(--styleLightGrey));

    box-sizing: border-box;

}

.section.propertyFilter .properties.listView .property .propertyDescription {

    position: relative;

    display: grid;
    grid-template-columns: 5.55vw 1fr 1fr 3fr;

    padding-right: 35px;

    background: none;

}

.section.propertyFilter .properties.listView .property:last-child .propertyDescription {

    border-bottom: none;

}

.section.propertyFilter .properties .property .listCode {

    display: none;

}

.section.propertyFilter .properties.listView .property div.listCode {

    display: block;
    margin-top: 13px;

    font-size: 17px;
    line-height: 31px;

    color: rgb(var(--styleDarkGrey));

}

.section.rentals .properties .property .name, 
.section.propertyFilter .properties .property .name {

    position: relative;

    display: inline-block;
    width: 70%;

    vertical-align: baseline;

}

.section.propertyFilter .properties.listView .property .name {

    margin-top: 13px;

}

.section.propertyFilter .properties.listView .property .name h3 {

    margin: 0;

    font-family: Poppins, Futura, sans-serif;
    font-weight: 600;
    font-size: 15px;

    line-height: 31px;

}

.section.rentals .properties .property .name h3, 
.section.propertyFilter .properties .property .name h3 {

    margin-bottom: 20px;

}

.section.rentals .properties .property .code, 
.section.propertyFilter .properties .property .code {

    position: relative;

    display: inline-block;
    width: 18%;
    margin-bottom: 25px;
    
    font-size: 14px;
    color: rgb(var(--styleBlack));

    text-align: right;

    text-transform: uppercase;

    vertical-align: baseline;

}

.section.propertyFilter .properties.listView .property .code {

    display: none;

}

.section.rentals .properties .property .neighborhood, 
.section.propertyFilter .properties .property .neighborhood {

    position: relative;

    width: 60%;

    color: rgb(var(--styleDarkGrey));

    text-transform: uppercase;

}

.section.propertyFilter .properties.listView .property .neighborhood {

    margin-top: 13px;

    color: rgb(var(--styleBlack));

    line-height: 31px;

    text-transform: none;

}

.section.rentals .properties .property .details, 
.section.propertyFilter .properties .property .details {

    position: relative;

    width: 79%;
    margin-top: 13px;

}

.section.propertyFilter .properties.listView .property div.details {

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    width: 100%;

}

.section.propertyFilter .properties.listView .property div.details>p {

    width: 33.33%;
    min-width: fit-content;
    min-width: -moz-fit-content;

}

.section.rentals .properties .property .details p, 
.section.propertyFilter .properties .property .details p {

    margin-top: 3px;
    margin-bottom: 0;

    font-size: 15px;

}

.section.propertyFilter .properties.listView .property .details p {

    margin-top: 0;

}

.section.rentals .properties .property .details p:first-child span:nth-child(2), 
.section.propertyFilter .properties .property .details p:first-child span:nth-child(2) {

    font-weight: 700;

}

.section.propertyFilter .properties.listView .property .details p:first-child span:nth-child(2) {

    font-weight: 400;

}

.section.rentals .properties .property .details span:nth-child(2), 
.section.propertyFilter .properties .property .details span:nth-child(2) {

    position: absolute;

    left: 32.16%;

}

.section.propertyFilter .properties.listView .property .details span:nth-child(2) {

    position: static;

    left: 0;

}

.section.propertyFilter .properties.listView .property .details span:first-child {

    display: none;

}

.section.rentals .properties .property .details span:nth-child(3), 
.section.propertyFilter .properties .property .details span:nth-child(3) {

    position: absolute;

    left: 36.5%;

}

.section.propertyFilter .properties.listView .property .details span:nth-child(2) {

    margin-right: 24px;

}

.section.propertyFilter .properties.listView .property .details span:nth-child(3) {

    position: static;

    left: 0;

}

/* .section.propertyFilter .properties .property .propertyNameMobile {

    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    padding-top: 16px;

    font-size: 1rem;

}

.section.propertyFilter .properties.listView .property .propertyNameMobile>span:last-child {

    width: 169.5px;
    margin-left: 40px;

    font-weight: 600;

} */

.section.propertyFilter .properties .property .details .listBookNow {

    display: none;

}

.section.propertyFilter .properties.listView .property .details .listBookNow {

    display: inline-block;
    padding: 0 10px;

    border: 1px solid rgba(var(--styleBlack), 0.24);
    border-radius: 35px;

    white-space: nowrap;

    cursor: pointer;

}

.section.propertyFilter .properties.listView .property .details .listBookNow:hover {

    border: 1px solid rgba(var(--styleBlack), 0.49);

}

.section.specialOffers {

    grid-template-columns: 3.28% repeat(6, 1fr) 3.28%;

    background-color: rgb(var(--styleLightBeige));

    overflow: hidden;

}

.section.specialOffers h3 {

    margin-bottom: 55px;

}

.section.specialOffers p {

    color: rgb(var(--styleBlack));

}

.section.specialOffers > .offers {

    display: flex;
    flex-direction: row;

    grid-column: 2 / 6;

    overflow: hidden;

    box-sizing: border-box;

}

.section.specialOffers .offer {

    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: none;

    width: 47%;
    margin-right: 2.5%;

    overflow-x: clip;

}

.section.specialOffers .offer.summerOffer {

    display: none;

}

.section.summer.specialOffers .offer.winterOffer {

    display: none;

}

.section.summer.specialOffers .offer.summerOffer {

    display: flex;

}

.section.specialOffers .offer .offerImage {

    flex: 1 0 auto;

    position: relative;

    width: 100%;
    height: 58%;

    overflow: hidden;

}

.section.specialOffers .offer .offerImage img {

    position: relative;

    width: 100%;
    height: 100%;

    object-fit: cover;

    z-index: 0;

}

.section.specialOffers .offer div:nth-child(n+2) {
    
    margin-left: 4.18%;

}

.section.specialOffers .offer .type {

    margin-top: 45px;

    font-size: 15px;
    font-weight: 600;

    color: rgb(213, 147, 102);

    text-transform: uppercase;

}

.section.specialOffers .offer .name {



}

.section.specialOffers .offer .dates p:first-child {

    font-weight: 500;

}

.section.specialOffers > .about {

    grid-column: 6 / 8;

    box-sizing: border-box;

}

.section.specialOffers > .about p {

    max-width: 413px;
    margin-top: 37px;

}

.section.contacts {

    grid-template-rows: 1fr;

    background-color: rgb(var(--styleWhite));

    z-index: 101;

}

.section.contacts .divider {

    position: absolute;

    grid-column: 3 / 4;
    grid-row: 1 / 12;

    width: 1px;
    height: calc(100% + var(--sectionIndentTop));
    margin-top: calc(-1 * var(--sectionIndentTop));

    background-color: rgb(var(--styleLightGrey));

}

.section.contacts .visual {

    position: absolute;
    right: 0;
    top: 0;

    width: 34.43vw;
    height: 100%;

    overflow: hidden;

}

.section.contacts .visual .darkfilter {

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(235, 235, 235, .36);

    mix-blend-mode: color;

    z-index: 1;

}

.section.contacts .visual .bluefilter {

    position: absolute;
    top: 0;
    left: 0;
    
    width: 100%;
    height: 100%;
    
    background-color: rgba(98, 138, 201, .13);
    
    mix-blend-mode: color;
    
    z-index: 1;

}

.section.contacts .visual img {

    position: absolute;
    left: -41.5%;

    height: 100.1%;

    z-index: 0;

}

.section.summer.contacts .visual img {

    content: url("/img/footer_summer.png");

    left: 0;

    object-fit: cover;

}

.section.contacts .flexContainer {

    grid-column: 2 / 8;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    padding-bottom: var(--sectionIndentBottom);

    z-index: 1;

}

.section.contacts .flexContainer .questions,
.section.contacts .flexContainer .mailing {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
    width: 46.72vw;

}

.section.contacts .flexContainer h3,
.section.contacts .flexContainer p,
.section.contacts .flexContainer a {

    color: rgb(var(--styleBlack));

}

.section.contacts .flexContainer .questions>* {
    
    width: 15.573vw;

}

.section.contacts .flexContainer .questions>*:first-child {

    font-weight: 600;

    text-transform: uppercase;

}

.section.contacts .flexContainer .questions a {

    margin-top: 20px;

    text-decoration-color: rgba(var(--styleBlack), 0.24);

}

.section.contacts .flexContainer .questions a:hover {

    text-decoration-color: rgba(var(--styleBlack), 0.45);

}

.section.contacts .flexContainer .questions .canCopy {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;

}

.section.contacts .flexContainer .questions .copylinkWrapper {
    
    margin-top: 11%;

}

.section.contacts .flexContainer .questions span {

    background-image: url(/img/copy-icon-black.svg);

    border-color: rgba(var(--styleBlack), 0.24);

}

.section.contacts .flexContainer .questions span:hover {

    border-color: rgba(var(--styleBlack), 0.45);

}

.section.contacts .flexContainer .mailing>*:first-child {

    flex: 0 0 auto;

    width: 33.33%;

}

.section.contacts .flexContainer .mailing>*:nth-child(n+2) {

    width: 66.66%;
    max-width: 598px;

}

.section.contacts .flexContainer .mailing>*:last-child {

    margin-left: 33.33%;

}

.section.contacts .flexContainer .mailing form {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;

}

.section.contacts .flexContainer .mailing p {

    transform: translateY(-11px);

}

.section.contacts .flexContainer .mailing span.tablet {

    display: none;

}

.section.contacts .flexContainer .mailing span.mobile {

    display: none;

}

.section.contacts .flexContainer .mailing input[type=text] {

    width: 100%;
    height: 72px;
    margin-top: -6px;
    padding-left: 37px;

    font-size: 17px;

    background-color: rgb(var(--styleLightGrey));

    outline: none;
    border: none;

}

.section.contacts .flexContainer .mailing input[type=submit] {

    width: 50%;
    height: 72px;
    margin-top: 1.56vh;

    font-size: 17px;
    font-weight: 700;

    outline: none;
    border: none;

    cursor: pointer;

}

.section.contacts .flexContainer .contactsFooter {

    position: relative;

    width: 100%;
    height: 19.9vh;

}

.section.contacts .flexContainer .contactsFooter a {

    color: rgb(var(--styleBlack));

}

.section.contacts .flexContainer .contactsFooter .tacWOpen {

    left: 15.573vw;
    right: auto !important;
    top: 0 !important;

    text-align: left;

    text-decoration-color: rgba(var(--styleBlack), 0.24) !important;

}

.section.contacts .flexContainer .contactsFooter .tacWOpen:hover {

    text-decoration-color: rgba(var(--styleBlack), 0.45) !important;

}

.section.contacts .flexContainer .contactsFooter .privacyWOpen {

    left: 34.42%;
    right: auto !important;
    top: 0 !important;

    text-align: left;

    text-decoration-color: rgba(var(--styleBlack), 0.24) !important;

}

.section.contacts .flexContainer .contactsFooter .privacyWOpen:hover {

    text-decoration-color: rgba(var(--styleBlack), 0.45) !important;

}

.section.hero.rentalsPage>.fullscreen h1 {

    font-size: 83px;

}

.section.propertyFilter {

    height: 100vh;

    grid-template-columns: 3.28% repeat(6, 1fr) 3.28%;

    background-color: rgb(var(--styleWhite));

    overflow-x: scroll;
    overflow-y: hidden;

    z-index: 21;

}

.section.propertyFilter #filterBlockBackground {

    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(var(--styleDarkGrey), 0.28);

    visibility: hidden;
    opacity: 0;

    transition: opacity 200ms ease-in, visibility 200ms ease-in;

    z-index: 21;

}

.section.propertyFilter .filters.open+#filterBlockBackground {

    visibility: visible;
    opacity: 1;

    transition: opacity 200ms linear, visibility 200ms linear;

}

.section.propertyFilter::-webkit-scrollbar{

    display: none;

}

.section.propertyFilter h2 {

    left: calc(3.28% - 2px);
    top: -1%;

    color: rgb(var(--styleBeige));

    transform: none;

    z-index: 9;

}

.section.propertyFilter .filters .openFiltersButton span {

    display: none;

}

.section.propertyFilter .filters {

    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 237px;
    padding: 94px 0 0 3.28%;

    background-color: rgb(var(--styleGreen));

    box-sizing: border-box;

    z-index: 7;

}

.section.propertyFilter .filters form {

    display: flex;
    flex-direction: row;
    gap: 40px;

}

.section.propertyFilter .filters .filterProgressBar {

    content: "";

    position: absolute;
    left: 0;
    top: 230px;

    height: 7px;
    width: 10%;

    background-color: rgb(var(--styleDarkGrey));
    opacity: 0;

}

.section.summer.propertyFilter .filters {

    background-color: rgb(var(--styleRed));

}

.section.propertyFilter .filters input[type=text],
.section.propertyFilter .filters input[type=date] {

    margin-top: 12px;

    border: none;
    outline: none;

}

.section.propertyFilter .filters input:disabled {

    opacity: 0.7;

    cursor: default;

}

.section.propertyFilter .filters .dateOfArrival,
.section.propertyFilter .filters .dateOfArrivalNative {

    background: rgb(var(--styleWhite)) url(/img/calendar-icon.svg) no-repeat right 28px center;

}

.section.propertyFilter .filters .dateOfDeparture,
.section.propertyFilter .filters .dateOfDepartureNative {

    background: rgb(var(--styleWhite)) url(/img/calendar-icon.svg) no-repeat right 28px center;

}

.section.propertyFilter .filters select {

    width: 100%;
    height: 72px;
    margin-top: 12px;
    padding-left: 30px;
    font-size: 17px;

    color: rgb(var(--styleBlack));
    background: rgb(var(--styleWhite)) url(/img/arrowDown-icon.svg) no-repeat right 28px center;

    border: none;
    outline: none;

    -webkit-appearance: none;

}

.section.propertyFilter .filters select:disabled {

    cursor: default;

}

.section.propertyFilter .filters .findButton {

    display: none;

}

.section.propertyFilter .previousFiltersBlock {

    position: absolute;
    top: 274px;
    left: 3.28%;

    display: none;

}

.section.propertyFilter .previousFiltersBlock p, 
.section.propertyFilter .previousFiltersBlock div.previousFilters {

    display: inline-block;
    margin-right: 62px;

}

.section.propertyFilter .previousFiltersBlock div.previousFilter {

    height: 42px;
    margin-right: 44px;
    padding: 9px 62px;

    border: 1px solid rgb(var(--styleLightGrey));

    box-sizing: border-box;

}

.section.propertyFilter .listControls {

    position: absolute;
    top: 269px;
    left: 3.28%;

    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 45px;

}

.section.propertyFilter .viewAs p {

    display: inline-block;

}

.section.propertyFilter .viewAs label {

    display: inline-block;
    margin: 1em 0;

    font-size: 17px;
    font-weight: 400;
    line-height: 31px;

    color: rgb(var(--styleDarkGrey));
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: rgba(var(--styleDarkGrey), 0.7);
    text-decoration-thickness: 1px;
    text-underline-offset: 8px;
    

    cursor: pointer;

}

.section.propertyFilter .viewAs label.checked {

    color: rgb(var(--styleBlack));
    text-decoration: none;
    pointer-events: none;

}

.section.propertyFilter .viewAs label:hover {

    text-decoration-color: rgba(var(--styleDarkGrey), 1);

}

.section.propertyFilter .viewAs input {

    margin: 0;

    appearance: none;
    -webkit-appearance: none;

}

.section.propertyFilter .sortedBy select {

    font-size: 17px;
    font-weight: 700;
    line-height: 31px;

    border: 0;
    outline: 0;

    appearance: none;
    -webkit-appearance: none;

}

.section.propertyFilter .sortedBy select:invalid {

    color: rgb(var(--styleDarkGrey));
    font-weight: 400;

    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: rgba(var(--styleDarkGrey), 0.7);
    text-decoration-thickness: 1px;
    text-underline-offset: 8px;

}

.section.propertyFilter .previousFiltersBlock p, 
.section.propertyFilter .numberOfResults span {

    font-weight: 700;

}

.section.propertyFilter .properties {

    display: flex;
    flex-direction: row;

    height: 100%;
    padding-top: 352px;

    grid-column: 1 / 9;

    box-sizing: border-box;

    overflow: hidden;

    white-space: nowrap;

}

.section.propertyFilter .properties.listView {

    flex-direction: column;

    width: 93.44%;
    height: calc(57vh - 80px);
    margin: 429px auto 0 auto;
    padding-top: 0;

    overflow-y: scroll;

}

.section.propertyFilter .properties .property {

    height: 79%;

    border-bottom: 1px solid rgb(var(--styleLightGrey));

}

.section.propertyFilter .properties.listView .property {

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 19px;

    height: fit-content;
    height: -moz-fit-content;
    margin-bottom: 0;

    background-color: transparent;

}

.section.propertyFilter .properties.listView .property:hover {

    background-color: rgb(var(--styleLightGrey));

}

.section>.fullscreen {


    grid-column: 2 / 8;

    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.section.hero>.heroImage {

    position:absolute;
    top: 0;
    left: 0;

    grid-column: 1 / 9;
    display: block;
    width: 100%;
    height: 100%;

    background: rgb(var(--styleBlack)) no-repeat center center;

    background-size: cover;

}


.section>.fullscreen>h1 {

    position: relative;

    width: 32vw;
    margin-bottom: 0;

    font-size: 83px;
    font-weight: 600;
    line-height: 82px;

    white-space: nowrap;

    color: rgb(var(--styleWhite));

    text-align: center;

}

.section>.fullscreen p {
    
    color: rgb(var(--styleWhite));

}

.section>.fullscreen>h1+p {

    position: relative;
    width: 30vw;
    margin-top: 1.4em;

    font-size: 0.95rem;
    line-height: 1.882em;

    text-align: center;

}

.section>.fullscreen.property>h1 {

    width: 80vw;

    font-size: 8.059rem;

}

.section>.fullscreen.property>.rating {

    position: absolute;
    left: 3px;
    bottom: 9.3vh;

    display: flex;
    flex-direction: column;


}

.section>.fullscreen.property>.rating img {

    order: 1;

}

.section>.fullscreen.property>.rating p {

    order: 0;
    width: 142px;
    margin-bottom: 20px;

    font-size: 11px;
    font-weight: 700;
    line-height: 21px;

}

.section.gallery {

    grid-template-columns: 3.28% repeat(6, 1fr) 3.28%;

    background-color: rgb(var(--styleWhite));

}

.section.gallery .darkfilter {

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(235, 235, 235, .36);

    mix-blend-mode: color;

}

.section.gallery .bluefilter {

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(98, 138, 201, .13);

    mix-blend-mode: color;

}

.section.gallery .factsGalleryBlock {

    grid-column: 2 / 3;

    box-sizing: border-box;

}

.section.gallery .factsGalleryBlock p {

    display: block;
    width: 242px;

}

.section.gallery .factsGalleryBlock p:nth-child(2) {

    margin-top: 50px;

}

.section.gallery .factsGalleryBlock p:nth-child(3) {

    margin-top: 31px;

}

.section.gallery .factsGalleryBlock img {

    margin-top: 2px;

}

.section.gallery .factsGalleryBlock a {

    display: block;
    width: 80.94%;
    margin-top: 68px;
    padding-left: 46px;

    background: transparent url(/img/link-icon.svg) no-repeat left center;

    font-size: 14px;
    font-weight: 600;
    line-height: 26px;

    text-decoration: none;

    color: rgb(var(--styleBlack));

    box-sizing: border-box;

}

.section.gallery .factsGalleryBlock a.bookmark {

    background: transparent url(/img/bookmark-icon.svg) no-repeat left top 1px;

}

.section.gallery .factsGalleryBlock a.copy {

    background: transparent url(/img/link-icon.svg) no-repeat left center;

}

.section.gallery .previewGalleryBlock {

    grid-column: 3 / 7;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 57px;
    width: 100%;
    height: 100%;
    padding-bottom: 50px;

    border-left: 1px solid rgb(var(--styleLightGrey));

    box-sizing: border-box;

}

.section.gallery .imageGalleryBlock {

    position: relative;

    flex: 1 1 auto;

    width: 95.23%;
    height: 68.41%;
    max-height: 50vh;

    cursor: pointer;

}

.section.gallery .imageGalleryBlock img {

    width: 100%;
    height: 100%;

    object-fit: cover;

}

.section.gallery .commentGalleryBlock {

    width: 66.95%;

    font-size: 17px;
    font-weight: 400;
    line-height: 31px;

    color: rgb(var(--styleBlack));

}

.section.gallery #galleryImgList {

    position: relative;

    grid-column: 7 / 9;

    height: calc(100% + var(--sectionIndentTop));
    margin-top: calc(var(--sectionIndentTop) * -1);
    padding-top: var(--sectionIndentTop);

    background-color: rgb(var(--styleDarkGreen));

    overflow: hidden;

    box-sizing: border-box;

    z-index: 0;

}

.section.summer.gallery #galleryImgList {

    background-color: rgb(var(--styleDarkRed));

}

.section.gallery #galleryImgList>div::-webkit-scrollbar {

    width: 1px;
    margin-right: 30px;

    background: linear-gradient(to bottom, rgba(var(--styleWhite), 0.26) 86.87%, rgba(var(--styleWhite), 0) 86.87%);

}

.section.gallery #galleryImgList>div::-webkit-scrollbar-track {

    margin-bottom: calc(0.1313*(100vh - var(--menuHeight) - var(--sectionIndentTop)));

}

.section.gallery #galleryImgList>div::-webkit-scrollbar-thumb {

    width: 1px;

    background-color: rgba(var(--styleWhite), 1);

}

.section.gallery #galleryImgList>div {

    position: relative;

    width: 82.6%;
    height: 100%;

    overflow-x: hidden;
    overflow-y: scroll;

}

.section.gallery #galleryImgList>div>div {

    position: relative;

    margin-bottom: 28px;

    width: 13.91vw;
    min-height: 184px;
    height: calc(15.56*var(--vhc, 1vh));

    cursor: pointer;

}

.section.gallery #galleryImgList>div>div.active::before {

    border: 2px solid rgba(var(--styleWhite), 1); 
    border-left: none;

    transition: none;

}

.section.gallery #galleryImgList>div>div.active:hover::before {

    border: 2px solid rgba(var(--styleWhite), 1); 
    border-left: none;

}

.section.gallery #galleryImgList>div>div::before {

    content: "";

    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;
    
    border: 1px solid rgba(var(--styleWhite), 0); 
    border-left: none;

    box-sizing: border-box;

    transition: border 135ms ease-in;

    pointer-events: none;
    
}

.section.gallery #galleryImgList>div>div:hover::before {

    border-top: 1px solid rgba(var(--styleWhite), 0.26);
    border-right: 1px solid rgba(var(--styleWhite), 0.26);
    border-bottom: 1px solid rgba(var(--styleWhite), 0.26);

}

.section.gallery #galleryImgList>div>div:last-child {

    margin-bottom: 120px;

}

.section.gallery #galleryImgList img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    box-sizing: border-box;

}

.section.gallery .openGallery {

    position: absolute;
    left: 0;
    bottom: 0;

    grid-column: 7 / 9;

    width: 100%;
    height: 74px;
    padding: 23px 0 0 99px;

    font-size: 14px;
    font-weight: 600;

    color: rgb(var(--styleBlack));
    background: rgb(var(--styleWhite)) url(/img/allPhotos-icon.svg) no-repeat 65px center;

    box-sizing: border-box;

    z-index: 1;

    cursor: pointer;

}

.shortsection.detailsSummary {

    background-color: rgb(var(--styleLightGrey));

}

.shortsection .flexContainer {

    grid-column: 2 / 8;

    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;

}

.shortsection .flexContainer .tablet,
.shortsection .flexContainer .mobile {

    display: none;

}

.shortsection .flexContainer .desktop {

    display: inline-block;

}

.shortsection .flexContainer>div {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;


}

.shortsection .flexContainer>div {

    width: 16.66%;

}

.shortsection .flexContainer>div>*:first-child {

    line-height: 1.2em;

}

.shortsection .flexContainer>div>*:nth-child(2),
.shortsection .flexContainer>div>.mobile {

    font-weight: 600;

}

.section.details {

    grid-template-columns: 3.28vw repeat(6, 1fr) 3.28vw;

    background-color: rgb(var(--styleGreen));

    z-index: unset;

}

.section.summer.details {

    background-color: rgb(var(--styleRed));

}

.section.details h2 {

    color: rgb(var(--styleBeige));

    z-index: 0;

}

.section.details p strong {
    
    color: rgb(var(--styleWhite)) !important;

}

.roomsAndAmenities {

    grid-row: 1 / 2;
    grid-column: 2 / 7;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
    padding: 3.75vh 0;

    box-sizing: border-box;

}

.section.details .rooms,
.section.details .amenities {

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;

    height: fit-content;
    height: -moz-fit-content;

    box-sizing: border-box;

}

.section.details .rooms h3,
.section.details .rooms p,
.section.details .amenities h3,
.section.details .amenities .amenity {

    box-sizing: border-box;

}

.section.details .rooms h3, 
.section.details .amenities h3 {

    width: 20%;
    margin-top: 15px;
    padding-right: 10%;

    line-height: 40px;

    color: rgb(var(--styleWhite));

}

.section.details .rooms .roomsList,
.section.details .amenities .amenitiesList {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;

    width: 80%;

}

.section.details .rooms p,
.section.details .amenities .amenity {

    width: 25%;
    padding-right: 92px;

}

.section.details .rooms p,
.section.details .amenities p {

    font-size: 0.882rem;
    color: rgb(213, 213, 213);

}

.section.summer.details .rooms p {

    color: rgb(var(--styleWhite));

}

.section.details .rooms p.short {

    display: none;

    color: rgb(var(--styleWhite));

}

.section.details .amenities .amenity {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 20px;

    padding-right: 75px;
    margin-top: 15px;
    margin-bottom: 13px;

}

.section.details .amenities .amenity div:first-child {

    flex: 0 0 auto;

    width: 70px;
    height: 70px;

    background: rgb(var(--styleWhite)) no-repeat center center;

    border-radius: 50%;

}

.section.summer.details .amenities .amenity p {
    
    margin: 0;
    color: rgb(var(--styleWhite));

}

.section.gallery #galleryBlockBackground,
.section.booking #receiptBackground,
.section.details #ratingBackground {

    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--styleDarkGrey), 0.28);
    visibility: hidden;
    opacity: 0;
    transition: opacity 200ms ease-in, visibility 200ms ease-in;
    z-index: 21;

}

.section.gallery #galleryBlockBackground {

    position: absolute;
    top: unset;
    bottom: 0;
    height: calc(100% - var(--sectionIndentTop));
    z-index: 1;

}

.section.details .rating.open+#ratingBackground,
.section.booking .pricing.open+#receiptBackground {
    
    visibility: visible;
    opacity: 1;

    transition: opacity 200ms linear, visibility 200ms linear;

}

.section.details .rating {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding: 23% 4% 0 15.46%;

    grid-row: 1 / 2;
    grid-column: 7 / 9;

    background-color: rgb(var(--styleWhite));

    box-sizing: border-box;

    z-index: 99;

}

.section.details .rating .rating-header {

    display: none;

}

.section.details .rating img {

    flex: 0 1 auto;

}

.section.details .rating h6 {

    width: 90%;

}

.section.details .rating p {

    width: 90%;

}

.section.details .rating .separator {

    flex: none;

    position: relative;
    right: 0;

    width: 100%;
    height: 1px;
    margin-top: 5.18%;
    margin-bottom: 3.53%;

    background-color: rgb(var(--styleLightGrey));

}

.section.location {

    grid-template-columns: 3.28vw repeat(6, 1fr) 3.28vw;

    background-color: rgb(var(--styleLightBeige));

}

.section.location .locationArea {

    display: flex;
    flex-direction: row;
    justify-content: space-between;

    grid-column: 1 / 9;

    width: 100%;
    height: 100%;
    padding-left: 3.28vw;

    overflow: hidden;

    box-sizing: border-box;

}

.section.location .locationArea::-webkit-scrollbar {

    display: none;

}

.locationArea .accordion {

    display: none;
    border-right: 3.28vw solid transparent;

}

.section.location .left {

    width: 15%;
    height: 100%;

    margin-top: auto;

    box-sizing: border-box;

}

.section.location .left h3 {

    width: 12.8vw;

}

.section.location .map {

    position: relative;
    width: 56%;
    height: 100%;

}

.section.location .map .mapArea {

    position: relative;
    bottom: 0;

    width: 100%;
    height: 100%;

    background-color: rgb(var(--styleLightGrey));

}

.section.location .map .mapOverlay {

    position: absolute;
    bottom: 77px;

    width: 700px;
    height: 145px;
    padding-left: 194px;
    padding-top: 12px;

    background: rgb(var(--styleWhite)) url(/img/googleMaps/distance-visual.svg) no-repeat 47.5px center;

    border: 1px solid rgb(var(--styleLightGrey));
    border-left: none;

    box-sizing: border-box;

    z-index: 1;

}

.section.location .map .mapOverlay p {

    font-size: 15px;
    line-height: 31px;

}

.section.location .locationArea .right {

    width: 15%;
    height: 100%;
    margin-right: 3.28vw;
    margin-top: auto;

    box-sizing: border-box;

}

.section.location .locationArea h3 {

    width: 12.8vw;

}

.section.location .locationArea .right p, 
.section.location .locationArea .left p {

    display: block;
    width: 12.8vw;
    margin-bottom: 39px;

    font-size: 15px;

}

.section.reviews {

    padding-top: var(--sectionIndentTop);

    background-color: rgb(var(--styleWhite));

}

.section>.listView~.navigation {

    display: none;

}

.section.reviews .reviewsArea {

    display: flex;
    flex-direction: row;

    grid-column: 1 / 2;

    width: 100%;
    height: 100%;

    white-space: nowrap;

    overflow: hidden;

    box-sizing: border-box;

}

.section.reviews .reviewsArea::-webkit-scrollbar {

    display: none;

}

.section.reviews .review:first-child {

    margin-left: 3.28vw;

}

.section.reviews .review {

    flex: none;

    display: flex;
    flex-direction: column;
    width: 19vw;
    margin-right: 1.718vw;

    grid-row: 1 / 2;
    grid-column: 1 / 2;

    vertical-align: top;

}

.section.reviews .review .text {

    flex: 1 1 auto;

    position: relative;
    top: 0;

    width: 100%;
    height: 36.67vh;
    padding: 27px 46px 76px 47px;

    background-color: rgb(var(--styleLightGrey));

    box-sizing: border-box;

    overflow: hidden;

}

.section.reviews .review .text p {

    position: relative;

    display: block;

    font-size: 15px;

    overflow: hidden;

    z-index: 3;

}

.section.reviews .review .text::after {

    content: "";

    position: absolute;
    left: 0;
    top: 0;

    display: none;
    width: 100%;
    height: fit-content;
    height: -moz-fit-content;
    min-height: 100%;


    background-color: rgb(var(--styleLightGrey));

    z-index: 2;

}

.section.reviews .review .text a {

    position: absolute;
    right: 47px;
    bottom: 33px;

    display: block;
    width: 230px;
    height: 30px;
    padding-left: 30px;

    font-size: 15px;

    background: transparent url(/img/reviews/booking-icon.svg) no-repeat left bottom;

    color: rgba(var(--styleDarkGrey), 0.8);

    text-align: right;
    text-decoration: none;

    transition: color 125ms ease-in;

    box-sizing: border-box;

}

.section.reviews .review .text a:hover {

    color: rgba(var(--styleDarkGrey), 1);

}

.section.reviews .review .text a.disabled {

    display: none;

}

.section.reviews .review .name {

    margin-left: 34px;
    margin-top: 4vh;

    font-size: 27px;
    font-weight: 700;

}

.section.reviews .review .details {

    display: flex;
    flex-direction: row;
    align-items: baseline;
    width: calc(100% - 50px);

    margin-left: 35px;
    margin-top: 0;

    white-space: initial;

    box-sizing: border-box;

}

.section.reviews .review .details div {

    flex: 1 0 auto;

}

.section.reviews .review .details div:last-child {

    width: 35%;

}

.section.reviews .review .details p {

    font-size: 15px;
    white-space: nowrap;

}

.section.reviews .review .details p:first-child {

    margin-bottom: -7px;

    font-weight: 500;

}

.section.reviews .review .details p:last-child {

    margin-top: 9px;
    margin-bottom: 23px;

}

.section.reviews .review .details span:first-child {

    margin-right: 12px;

}

.section.reviews .review .details span:nth-child(2) {

    margin-left: 12px;

}

.section.cransMontanaAbout {

    grid-template-columns: 1fr;
    padding-top: var(--sectionIndentTop);

    background-color: rgb(var(--styleGreen));

    overflow: hidden;

}

.section.summer.cransMontanaAbout {

    background-color: rgb(var(--styleRed));

}

.section.cransMontanaAbout h2 {

    color: rgb(var(--styleBeige));

}

.section.cransMontanaAbout h3 {

    color: rgb(var(--styleWhite));

}

.section.cransMontanaAbout p {

    font-size: 15px;
    line-height: 30px;

    color: rgb(213, 213, 213);

}

.section.summer.cransMontanaAbout p {

    color: rgb(var(--styleWhite));

}

.section.cransMontanaAbout p strong {

    color: rgb(var(--styleBeige));

}

.section.summer.cransMontanaAbout p strong {

    color: rgb(var(--styleWhite));

}

.section.cransMontanaAbout .aboutArea {

    grid-column: 1 / 2;

    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;

    white-space: nowrap;

    overflow: hidden;

    box-sizing: border-box;

}

.section.cransMontanaAbout .aboutArea::-webkit-scrollbar {

    display: none;

}

.section.cransMontanaAbout.central .aboutArea div:nth-child(2) p,
.section.cransMontanaAbout.central .aboutArea div:nth-child(3) p,
.section.cransMontanaAbout.central .aboutArea div:nth-child(5) p,
.section.cransMontanaAbout.central .aboutArea div:nth-child(6) p {

    width: 12.8vw;
}

.section.cransMontanaAbout .aboutArea>div {
 
    display: block;
    flex: none;
    width: 31vw;

    vertical-align: top;

}

.section.cransMontanaAbout div.accordion {

    display: none;

}

.section.cransMontanaAbout .aboutArea>div:first-child {

    margin-left: 3.28vw;

}

.section.cransMontanaAbout .aboutArea div.summerFact {

    display: none;

}

.section.cransMontanaAbout .aboutArea>div>div {

    display: inline-block;
    margin-right: 2vw;

    vertical-align: top;

}

.section.cransMontanaAbout .aboutArea>div>div:last-child {

    margin-top: 16vh;

}

.section.cransMontanaAbout .aboutArea div h3 {

    width: 12.8vw;

}

.section.cransMontanaAbout .aboutArea div p {

    width: 12.8vw;

}

.section.cransMontanaAbout .aboutArea .map {

    background-size: 655px;

}

.section.cransMontanaAbout .aboutArea .map img {

    position: relative;
    left: 4%;

    display: block;
    width: 89%;
    max-width: 655px;
    max-height: 680px;

}

.section.cransMontanaAbout .aboutArea .map p {

    display: inline-block;
    
    width: 12.4vw;
    margin-right: 32px;
    margin-top: 20px;

    vertical-align: top;

}

.section.booking {


    height: clamp(714px, 100vh - 85px, 1200px);

    grid-template-columns: 3.48% repeat(6, 1fr) 3.48%;

    background-color: rgb(var(--styleWhite));

    z-index: 101;

}

.section.booking .divider {

    position: absolute;
    grid-column: 5 / 6;
    grid-row: 1 / 2;
    width: 1px;
    height: calc(100% + var(--sectionIndentTop));
    margin-top: calc(-1 * var(--sectionIndentTop));
    background-color: rgb(var(--styleLightGrey));
    z-index: -3;

}


.section.booking .bookingBlock {

    display: flex;
    flex-direction: column;
    gap: 7vh;

    grid-column: 1 / 9;

    width: 100%;
    height: 100%;

    box-sizing: border-box;

}

.section.booking .bookingBlock .bookingSteps {

    flex: auto;

    display: flex;
    flex-direction: row;
    align-items: baseline;

    padding: 0  3.48vw;

}

.section.booking .calendar {
    
    flex: 0 1 27.98%;
    align-self: center;

    margin-right: 3.96%;

}

.section.booking .calendar .availabilityCalendar {

    position: relative;

    width: 100%;
    max-width: 502px;
    height: 53.8vh;
    max-height: 581px;
    margin-left: auto;

    background-color: rgb(var(--styleLightGrey));

}

#calendarContainer {

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    width: 77.68%;
    height: 77.68%;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;

}

.section.booking .getThePrice {

    width: 14.10%;
    height: 100%;
    margin-right: 3.96%;

}

.section.booking .getThePrice form {

    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;

    height: 100%;

}

.section.booking .getThePrice form label {

    width: 100%;

    font-size: 1rem;
    font-weight: 700;

}

.section.booking .getThePrice form label.nativeDateInput {

    display: none;

}

.section.booking .getThePrice input[type=text] {

    display: block;
    width: 100%;
    height: 72px;
    margin-top: 0.88rem;

    padding: 0 0 0 37px;

    background: rgb(var(--styleLightGrey)) url(/img/calendar-icon.svg) no-repeat 174px center;

    font-size: 1rem;

    color: rgb(var(--styleBlack));

    border: none;
    outline: none;

}

.section.booking .getThePrice input[type=text]::placeholder {

    color: rgba(var(--styleDarkGrey), .4);

}

.section.booking .getThePrice select {

    display: block;
    width: 100%;
    height: 72px;
    margin-top: 0.88rem;

    padding: 0 0 0 37px;

    background: rgb(var(--styleLightGrey)) url(/img/arrowDown-icon.svg) no-repeat 174px center;

    font-size: 1rem;

    color: rgb(var(--styleBlack));

    border: none;
    outline: none;

    -webkit-appearance: none;

}

.section.booking button {

    min-width: 227px;
    height: 72px;

    background-color: rgb(var(--styleBlack));

    color: rgb(var(--styleWhite));

}

.section.booking button {

    border: none;
    outline: none;

}

.section.booking .getThePrice label {

    display: block;
    width: 100%;

    font-weight: 700;

}

.section.booking .getThePrice .mobileDetails {

    display: none;

}

.section.booking .details {

    box-sizing: border-box;
    
}

.section.booking .details p {

    display: block;
    width: 253px;
    margin-bottom: 20px;

}

.section.booking .details a.tacWOpen {

    text-decoration-color: rgba(var(--styleBlack), 0.24) !important;

}

.section.booking .details a.tacWOpen:hover {

    text-decoration-color: rgba(var(--styleBlack), 0.49) !important;

}

.section.booking p strong {

    font-weight: 700;

}

.section.booking a {

    color: rgb(var(--styleBlack));

    text-underline-offset: 9px;

}

.section.booking .pricing {

    align-self: flex-end;
    flex: none;

    width: 419px;
    margin-left: auto;

}

.section.booking .pricing .receipt {

    position: relative;

    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 100vh;

}

.section.booking .pricing .receipt .hideReceipt {

    flex: none;

    display: none;

}

.section.booking .pricing .receipt>div {

    width: 100%;
    padding-left: 23px;

    box-sizing: border-box;

}

.section.booking .pricing .receipt #currencySwitch {

    padding-left: 0;

    font-size: 0.82rem;

}

.section.booking .pricing .receipt #currencySwitch div {

    display: inline-block;
    width: 50px;
    height: 26px;
    margin-right: 12px;

    line-height: 27px;
    text-align: center;

    color: rgb(var(--styleDarkGrey));

    border-radius: 4px;

    box-sizing: border-box;

}

.section.booking .pricing .receipt #currencySwitch div.active {

    background-color: rgb(var(--styleLightGrey));

}

.section.booking .pricing .receipt #currencySwitch div:not(.active):hover {

    background-color: rgb(var(--styleLightGrey));

    cursor: pointer;

}

.section.booking .pricing .receipt div:nth-child(3):after {

    content: "";

    display: block;
    width: calc(100% + 23px);
    height: 1px;
    margin-left: -23px;
    background: url(/img/dashed-line.svg) repeat left center;

}

.section.booking .pricing .receipt div p.description {

    display: inline-block;
    width: 50%;

    vertical-align: top;

}

.section.booking .pricing .receipt div p.description .discount {

    display: block;
    margin-top: -0.18rem;

    font-size: 0.88rem;
    color:rgba(var(--styleBlack), 0.25);

    visibility: hidden;

}

.section.booking .pricing .receipt div p.amount {

    display: inline-block;
    width: 50%;

    font-weight: 700;

    text-align: right;

    vertical-align: top;

}

.section.booking .pricing .receipt div p.amount .beforeDiscount { 

    margin-right: 37px;

    font-size: 0.88rem;
    font-weight: 400;

    text-decoration: line-through;

    color:rgba(var(--styleBlack), 0.25);

    visibility: hidden;

}

.section.booking .pricing .receipt p.totalPayment {

    margin-top: 27px;

    font-size: 2.88rem;
    line-height: 32px;

}

.section.booking .pricing .receipt p.totalPayment+p.currency {

    margin-top: -2.47rem;

}

.section.booking .pricing .receipt p.currency {

    margin-top: -1.1rem;
    margin-bottom: 13px;

    font-weight: 700;

    text-align: right;
    
}

.section.booking .pricing .receipt div:nth-child(3) p.currency {

    margin-top: -2.41rem;

}

.section.booking .pricing .receipt button.bookNow {

    width: 100%;
    margin-top: 34px;

}

.section.booking .needHelp, 
.section.contactUs .needHelp {

    flex: 0 1 auto;

    position: relative;

    display: flex;
    flex-direction: row;
    align-items: center;
    height: 16.3vh;
    max-height: 176px;
    padding: 0 3.28%;

    background-color: rgb(var(--styleGreen));

    box-sizing: border-box;

}

.section.contactUs .needHelp {

    grid-column: 1 / 9;

}

.section.contactUs .needHelp {

    height: 100%;

}

.section.summer.booking .needHelp, 
.section.summer.contactUs .needHelp {

    background-color: rgb(var(--styleRed));

}

.section.booking .needHelp>p, 
.section.booking .needHelp>a, 
.section.booking .needHelp>div,
.section.contactUs .needHelp>p, 
.section.contactUs .needHelp>a, 
.section.contactUs .needHelp>div {

    width: 16.66%;

}

.section.booking .needHelp p, 
.section.contactUs .needHelp p {

    position: relative;

    margin: 0;

    font-weight: 700;

    color: rgb(var(--styleWhite));

}

.section.booking .needHelp a, 
.section.contactUs .needHelp a {

    position: relative;

    color: rgb(var(--styleWhite));

}

.section.booking .needHelp>a, 
.section.contactUs .needHelp>a {

    text-align: right;

}

.section.booking .needHelp .copylinkWrapper .copyAlert, 
.section.contactUs .needHelp .copylinkWrapper .copyAlert {

    color: rgb(var(--styleWhite));

}

.section.booking .needHelp .copyright, 
.section.contactUs .needHelp .copyright {

    position: absolute;
    right: 3.28%;
    text-transform: uppercase;

    font-weight: 400;
    text-align: right;

    color: rgb(var(--styleWhite));

}

.section>.left img.contacts {

    top: -196px;
    left: -16%;
    width: 200%;

}

.section>.left img.about {

    top: -151px;
    left: -35.5%;

}

.section.hero>.right.about p {

    max-width: 90%;

}

.section>.right.about p span:first-child {

    width: 349px;
    margin-right: 2.4vw;

}

.section>.right.about p span {

    display: inline-block;

    vertical-align: top;

}

.section>.right.about div {
    
    width: 126px;

    float: right;

}

.section>.right.about a {

    display: block;
    margin-bottom: 11px;

    font-size: 15px;

}

.section>.right.about a.scrollDown {

    text-decoration: underline;
    text-decoration-color: rgba(var(--styleWhite), 0.49);
    text-decoration-thickness: 1px;

}

.section>.right.about a.scrollDown:hover {

    text-decoration-color: rgba(var(--styleWhite), 0.7);

}

.section.information {

    grid-template-columns: 3.28% repeat(6, 1fr) 3.28%;

    background-color: rgb(var(--styleLightBeige));

}

.section.information .flexContainer,
.section.qualityRating .flexContainer {

    grid-column: 2 / 7;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: baseline;
    width: 100%;
    padding-top: 20px;

}

.section.information .details,
.section.information .schedule {

    flex: none;

    width: 15.573vw;

}

.section.information .details a.tacWOpen, 
.section.information .details a.privacyWOpen {

    display: block;
    margin-bottom: 24px;
    
    font-size: 1rem;

    color: rgb(var(--styleBlack));

    text-decoration: underline !important;
    text-decoration-color: rgba(var(--styleBlack), 0.24) !important;

}

.section.information .faq {

    width: 47.72vw;

}

.section.information .schedule p {

    width: 78.6%;

}

.section.information .schedule p:nth-child(2n+1) {

    margin-bottom: -7px;

    font-weight: 600;

}

.section.information .schedule p:first-child {

    margin-bottom: 27px;

}

.section.information .schedule p:nth-child(2n) {

    margin-bottom: 27px;

}

.section.qualityRating {

    grid-template-columns: 3.28% repeat(6, 1fr) 3.28%;

    background: rgb(var(--styleWhite));

}

.section.qualityRating .details {

    flex: none;

    width: 15.573vw;

} 

.section.qualityRating .details p {

    max-width: 235px;

}

.section.qualityRating .details a {

    display: block;

    margin-top: 40px;

    font-size: 1rem;

    color: rgb(var(--styleBlack));

    text-decoration-color: rgba(var(--styleBlack), 0.24);

}

.section.qualityRating .details a:hover {

    text-decoration-color: rgba(var(--styleBlack), 0.45);

}

.section.qualityRating .explanations {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5%;
    width: 62.293vw;

}

.section.qualityRating .explanation {

    display: inline-block;
    width: 45%;
    height: 100px;
    margin-bottom: 6.7vh;

    vertical-align: top;

}

.section.qualityRating .explanation img {

    float: left;

}

.section.qualityRating .explanation p {    
    
    display: block;
    margin-left: 184px;

}

.section.qualityRating .explanation p:nth-child(2) {

    margin-top: -8px;
    margin-bottom: -4px;

    font-weight: 600;

}

.section.contactUs {

    height: clamp(714px, 100vh - 85px, 1200px);

    position: relative;

    padding-top: 16vh;

    grid-template-columns: 3.28% repeat(6, 1fr) 3.28%;
    grid-template-rows: 1fr min(16.3vh, 176px);

    background-color: rgb(var(--styleGreen));

    z-index: 101;

}

.section.contactUs>.contactForm label {

    width: 40% !important;

}

.section.contactUs>.contactForm label:nth-child(3) {

    width: fit-content !important;
    width: -moz-fit-content !important;
    max-width: none;

}

.section.contactUs>.contactForm button {

    display: block;

}

.section.hero .right.contactus a {

    display: block;
    width: fit-content;
    width: -moz-fit-content;
    max-width: 270px;
    margin-left: 4.87vw;
    margin-bottom: 30px;

}

.section.hero .right.contactus>a:nth-child(3) {

    margin-top: 45px;

}

.section.hero .right.contactus>a:nth-child(5) {

    display: inline-block;
    
    vertical-align: middle;

}

.section.hero .right.contactus .canCopy {

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 58px;

}

.section.hero .right.contactus .copylinkWrapper {

    position: relative;

    transform: translateY(-25%);

}

.section.hero .right.contactus .copyAlert{

    color: rgb(var(--styleWhite));

}

.section.summer.contactUs {

    background-color: rgb(var(--styleRed));  

}

.section.contactUs h2 {

    color: rgb(var(--styleBeige));

}

.section.contactUs .contactForm {

    grid-column: 3 / 6;
    grid-row: 1 / 2;

}

.section.contactUs .contactForm form {

    display: block;
    width: 100%;
    height: 100%;

}

.section.propertyFilter .filters label {

    display: inline-block;
    width: 13%;
    max-width: 251px;

    margin-bottom: 36px;

    font-weight: 600;

    color: rgb(var(--styleWhite));

    vertical-align: top;

}

.section.propertyFilter .filters label.nativeDateInput {

    display: none;

}

.section.contactUs .contactForm label {

    display: inline-block;
    width: 13%;
    max-width: 251px;

    margin-right: 2%;
    margin-bottom: 44px;

    font-weight: 600;

    color: rgb(var(--styleWhite));

    vertical-align: top;

}

.section.contactUs .contactForm label:nth-child(3) {

    width: 100%;

}

.section.propertyFilter .filters input, 
.section.contactUs .contactForm input {

    width: 100%;
    height: 72px;
    margin-top: 20px;
    padding-left: 30px;

    font-size: 17px;

    color: rgba(var(--styleBlack), 1);

}

.section.propertyFilter .filters input::placeholder, 
.section.contactUs .contactForm input::placeholder {

    color: rgba(var(--styleBlack), 0.27);

}

.section.contactUs .contactForm textarea {

    width: 44.22vw;
    height: 267px;
    margin-top: 20px;
    padding: 30px;

    font-family: Poppins, Futura, sans-serif;
    font-size: 17px;

    box-sizing: border-box;

}

.section.contactUs .contactForm textarea::placeholder {

    color: rgba(var(--styleBlack), 0.27);

}

.section.contactUs .contactForm button {

    width: 21.82vw;
    min-width: 251px;
    height: 72px;

    font-size: 17px;
    font-weight: 700;

    background-color: rgb(var(--styleBlack));

    color: rgb(var(--styleWhite));

    border: none;
    outline: none;

}

.section.contactUs>.details {

    grid-column: 6 / 7;
    grid-row: 1 / 2;

}

.section.contactUs>.details p {

    margin-top: 0;

    color: rgb(var(--styleWhite));

}

.section.contactUs>.needHelp {

    background-color: rgb(var(--styleDarkGreen));

}

.section.summer.contactUs>.needHelp {

    background-color: rgb(var(--styleDarkRed));

}

.section.rentalTeam {

    min-height: 714px;
    height: calc(var(--vhc, 1vh) * 100 - var(--menuHeightPart));
    padding-top: var(--sectionIndentTop);

    grid-template-columns: 3.28% repeat(6, 1fr) 3.28%;

    z-index: 102;

    background-color: rgb(var(--styleWhite));

}

.section.rentalTeam .flexContainer {

    grid-column: 1 / 9;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    height: 100%;
    padding: 0 3.28vw;

}

.section.rentalTeam .personnel {

    display: flex;
    flex-direction: row;
    height: -webkit-fill-available;
    height: -moz-fill-available;
    height: fill-available;

}

.section.rentalTeam .personnel .employee {

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 1.64vw;

}

.section.rentalTeam .personnel .employee *:not(img) {

    flex: 0 1 auto;

}

.section.rentalTeam .personnel .employee img {

    width: 15vw;
    max-width: 325px;
    height: 15vw;
    max-height: 325px;

}

.section.rentalTeam .personnel .employee .name {

    margin: 28px 0 36px 29px;

    font-weight: 600;

    color: rgb(var(--styleBlack));

}

.section.rentalTeam .personnel .employee .role {

    margin: 0 0 12px 29px;

}

.section.rentalTeam .personnel .employee a {

    display: block;
    margin: 0 0 12px 29px;

    text-decoration: none;

    color: rgb(var(--styleBlack));

}

.section.rentalTeam .personnel .employee a:last-child {

    color: rgb(var(--styleDarkGrey));

}

.section.rentalTeam .contactsFooter {

    flex: none;

    position: relative;

    display: flex;
    flex-direction: row;
    align-items: center;

    width: calc(100% + 6.56vw);
    min-height: 165px;
    height: 195px; 
    margin-left: -3.28vw;
    padding: 0 3.28vw;

    background-color: rgb(var(--styleDarkGreen));

    box-sizing: border-box;

}

.section.summer.rentalTeam .contactsFooter {

    background-color: rgb(var(--styleDarkRed));

}

.section.rentalTeam .contactsFooter a:first-child {

    left: 3.28vw;

}

.section.contacts .flexContainer .contactsFooter a:nth-child(2) {

    left: 15.573vw;

}

.section.rentalTeam .contactsFooter a:nth-child(2) {

    left: 18.85vw;

}

.section.contacts .flexContainer .contactsFooter a, 
.section.rentalTeam .contactsFooter a {

    position: absolute;
    bottom: 44px;

    text-decoration: none;

    font-weight: 600;

}

.section.contacts .flexContainer .contactsFooter .tacWOpen, 
.section.rentalTeam .contactsFooter .tacWOpen {

    right: 13.7%;
    top: 32px;

    height: 29px;

    text-align: right;

} 

.section.contacts .flexContainer .contactsFooter .privacyWOpen, 
.section.rentalTeam .contactsFooter .privacyWOpen {

    right: 3.28%;
    top: 32px;

    height: 29px;

    text-align: right;

}

.section.contacts .flexContainer .contactsFooter .copyright, 
.section.rentalTeam .contactsFooter .copyright {

    position: absolute;
    bottom: 44px;
    right: 3.28%;

    margin: 0;

    text-align: right;
    text-transform: uppercase;

    font-weight: 400;

    color: rgb(var(--styleWhite));

}

.section.contacts .flexContainer .contactsFooter .copyright {

    right: 0;

}

.tacWOpen, .privacyWOpen {

    font-weight: 400 !important;

    text-decoration: underline !important;
    text-decoration-color: rgba(var(--styleWhite), 0.49) !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 9px;

    transition: text-decoration-color 150ms ease-in;

}

.tacWOpen:hover, .privacyWOpen:hover {

    text-decoration-color: rgba(var(--styleWhite), 0.7) !important;

}

#bookingW, #tacW, #privacyW, #galleryW {

    position: fixed;
    top: 100vh;
    left: 0;

    box-sizing: border-box;

    width: 100%;
    height: 100vh; 

    background-color: rgb(var(--styleWhite));

    color: rgb(var(--styleBlack));

    opacity: 1;

    overflow: hidden;

    transition: transform 0.8s ease-in-out;
    will-change: transform;

    z-index: 1001;

}

#bookingW {

    overflow-y: scroll;

}

#bookingW .bookingWcontrols {

    position: absolute;

    background-color: transparent;

    z-index: 5;

}

#bookingW .bookingWcontrols .bookingWclose {

    width: -moz-fit-content !important;
    width: fit-content !important;

    cursor: pointer;

}

.bookNowScreen {

    position: absolute;
    display: grid;
    height: 100%;
    top: 0;

    grid-template-columns: 3.26% repeat(6, 1fr) 3.26%;

    background-color: rgb(var(--styleWhite));

    z-index: 2;

}

.bookNowScreen .bookingWsummary {

    position: relative;

    padding-top: 220px;

    grid-column: 2 / 3;

}

.bookNowScreen .bookingWsummary::after {

    content: "";

    position: absolute;
    right: 0;
    top: 0;

    width: 1px;
    height: 100%;

    background: transparent url(/img/dashed-line-vertical.svg) repeat-y top center;

}

.bookNowScreen .bookingWsummary h5 {

    font-size: 19px;

}

.bookNowScreen .bookingWsummary .details {

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    width: 83.95%;

}

.bookNowScreen .bookingWsummary .details div div {
    
    font-size: 15px;

}

.bookNowScreen .bookingWsummary .details div div:first-child {

    margin-top: 32px;
    margin-bottom: 16px;

    font-weight: 700;

}

.bookNowScreen .bookingWsummary .bookingThumbnail {

    width: 83.95%;
    height: 170px;

    background-color: rgb(var(--styleLightGrey));

    background-size: cover;

}
 
.bookNowScreen .bookingForm {

    grid-column: 3 / 6;

}

.bookNowScreen .bookingForm form {

    margin-top: 251px;

}

.bookNowScreen .bookingForm label {

    display: inline-block;

    width: 33%;
    max-width: 284px;
    margin-right: -5px;

    font-size: 15px;
    font-weight: 700;

}

.bookNowScreen .bookingForm label:nth-child(2n) {

    margin-right: 35%;

}

.bookNowScreen .bookingForm label:nth-child(6) {

    margin-right: -5px;

}


.bookNowScreen .bookingForm label:nth-child(10) {

    max-width: none;
    margin-right: 40%;

}

.bookNowScreen .bookingForm label:nth-child(10) {

    width: 100%;

    font-weight: 400;

}

.bookNowScreen .bookingForm input[type=text] {

    display: block;
    width: 100%;
    max-width: 251px;
    height: 72px;
    margin-top: 15px;
    margin-bottom: 30px;
    padding: 0 0 0 37px;

    font-size: 15px;

    color: rgb(var(--styleBlack));
    background-color: rgb(var(--styleLightGrey));

    outline: none;
    border: none;

    -webkit-appearance: none;

}

.bookNowScreen .bookingForm input[type=text]::placeholder {



}

.bookNowScreen .bookingForm input[type=text].required {

    outline: 1px solid rgb(var(--styleRed), 0.3);

}

.bookNowScreen .bookingForm select {

    display: block;
    width: 100%;
    max-width: 251px;
    height: 72px;
    margin-top: 15px;
    margin-bottom: 30px;
    padding: 0 0 0 37px;

    font-size: 15px;

    color: rgb(var(--styleBlack));
    background: rgb(var(--styleLightGrey)) url(/img/arrowDown-icon.svg) no-repeat right 43px center;

    outline: none;
    border: none;

    -webkit-appearance: none;

}

.bookNowScreen .bookingForm label:nth-child(10) a.tacWOpen, .bookNowScreen .bookingForm label:nth-child(10) a.privacyWOpen {

    text-decoration-color: rgba(var(--styleBlack), 0.24) !important;

}

.bookNowScreen .bookingForm label:nth-child(10) a.tacWOpen:hover, .bookNowScreen .bookingForm label:nth-child(10) a.privacyWOpen:hover {

    text-decoration-color: rgba(var(--styleBlack), 0.45) !important;

}

.bookNowScreen .bookingForm input[type=checkbox] {

    margin: 0 46px 0 0;

    -webkit-appearance: none;

}

.bookNowScreen .bookingForm input[type=checkbox]::before {

    content: "";

    display: inline-block;

    width: 33px;
    height: 33px;

    background-color: rgb(var(--styleLightGrey));

    vertical-align: middle;

}

.bookNowScreen .bookingForm input[type=checkbox]:checked::before {

    background: rgb(var(--styleLightGrey)) url(/img/check-icon.svg) no-repeat center center;

}

.bookNowScreen .bookingForm input[type=submit] {

    width: 38%;
    height: 72px;
    margin-top: 30px;
    margin-bottom: 106px;

    outline: none;
    border: none;

    cursor: pointer;

}

.bookNowScreen .bookingForm .mobileDetails {

    display: none;

}

.bookNowScreen .desktopDetailsCol1 {

    padding-top: 198px;

    grid-column: 6 / 7;

}

.bookNowScreen .desktopDetailsCol1 p {

    width: 80%;
    max-width: 235px;

    font-size: 15px;

}

.bookNowScreen .desktopDetailsCol1 p:nth-child(2n + 1) {

    margin-top: 49px;
    margin-bottom: 24px;

    font-weight: 700;

}

.bookNowScreen .desktopDetailsCol2 {

    padding-top: 198px;

    grid-column: 7 / 8;

}

.bookNowScreen .desktopDetailsCol2 p {

    width: 80%;
    max-width: 235px;

    font-size: 15px;

}

.bookNowScreen .desktopDetailsCol2 p:nth-child(2n + 1) {

    margin-top: 49px;
    margin-bottom: 24px;

    font-weight: 700;

}

#bookingW .welcomeScreen {

    position: relative;

    display: none;

    grid-template-columns: 3.26% repeat(6, 1fr) 3.26%;

    background-color: rgb(var(--styleWhite));

    z-index: 5;

}

#bookingW .welcomeScreen div:first-child {

    padding-bottom: 80px;

    grid-column: 3 / 5;

}

#bookingW .welcomeScreen div:last-child {

    padding-top: 241px;

    grid-column: 5 / 6;

}

#bookingW .welcomeScreen div:last-child a {

    display: block;
    margin-bottom: 25px;

    font-size: 13px;

    text-decoration-color: rgba(var(--styleBlack), 0.24);

}

#bookingW .welcomeScreen div:last-child a:hover {

    text-decoration-color: rgba(var(--styleBlack), 0.45);

}

#bookingW .welcomeScreen h1 {

    margin-left: -5px;
    margin-bottom: -14px;

    font-size: 77px;

    color: rgb(var(--styleBlack));

}

#bookingW .welcomeScreen p:nth-child(2) {

    font-size: 14px;

}

#bookingW .welcomeScreen p:nth-child(3) {

    margin-top: 60px;

}

#bookingW .welcomeScreen p {

    width: 100%;
    max-width: 475px;

    font-size: 15px;
    line-height: 30px;

}

#bookingW .welcomeScreen p:nth-child(6) {

    margin: 21px 0;

}

#bookingW .welcomeScreen p:nth-child(7) {

    margin-bottom: 0;

}

#bookingW .welcomeScreen p:last-child {

    margin: 0;

    font-style: italic;

}

#tacW, 
#privacyW {

    padding-left: 18.9vw;
    padding-right: 27.3vw;

}

#tacWScrollbar, 
#privacyWScrollbar {

    display: none;

}

#tacW .close, 
#privacyW .close {

    position: absolute;
    left: min(18.9vw + 1006px, 72.7vw - 24px);
    /*left: 70.28vw;*/
    top: 15.69vh; 

    opacity: 0.16;

    transition: opacity 175ms ease-in;

}

#tacW .close:hover, 
#privacyW .close:hover {

    opacity: 1;

}

#bookingW a, 
#tacW a, 
#privacyW a, 
#galleryW a {

    color: rgb(var(--styleBlack));

}

#tacW>.title, 
#privacyW>.title {

    margin-top: 15.56vh;

}

#tacW>.title>h4, 
#privacyW>.title>h4 {

    margin-bottom: 25px;

}

#tacW>.text, 
#privacyW>.text {

    position: relative;
    top: 35px;
    
    width: 100%;
    max-width: 1031px;
    height: 67.22vh;
    padding-right: 16.13%;

}

.gradientOverlay {

    position: absolute;
    left: 0;
    bottom: -1px;

    width: 90%;
    height: 69px;

    background-image: linear-gradient(rgba(var(--styleWhite), 0), rgba(var(--styleWhite), 1));

    z-index: 111;

}

.scrollableText {

    width: 100%;
    height: 100%;

    overflow-x: hidden;
    overflow-y: scroll;

}

.scrollableText::-webkit-scrollbar {

    width: 1px;

    background: linear-gradient(to bottom, rgba(var(--styleBlack), 0.06) 92%, rgba(var(--styleBlack), 0) 92%);

}

.scrollableText::-webkit-scrollbar-track {

    margin-bottom: calc(0.08*67.22vh);

}

.scrollableText::-webkit-scrollbar-thumb {

    background-color: rgb(var(--styleBlack)); 

}

.scrollableText>*:last-child {
    
    border-bottom: calc(23.65*var(--vhc, 1vh)) solid white;

}

#tacW .text .label, 
#privacyW .text .label {

    width: 25.9%;
    margin-left: 0;

    font-weight: 600;

    vertical-align: top;

}

#tacW .text .label+p, 
#privacyW .text .label+p {

    margin-left: 0;

}

#tacW .text p, 
#privacyW .text p {

    display: inline-block;
    width: 55.11%;
    margin-left: 26.49%;

    vertical-align: top;

}

#galleryW {

    overflow-x: hidden;

}

#bookingW .bookingWcontrols, 
#galleryW .galleryWcontrols {

    position: relative;

    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: nowrap;

    height: 106px;
    padding: 48px 81px 0 81px;

    box-sizing: border-box;

}

#bookingW .bookingWcontrols .bookingWclose, 
#galleryW .galleryWcontrols .galleryWclose {

    position: relative;

    width: 90px;
    height: 20px;
    padding-left: 41px;

    font-size: 14px;
    line-height: normal;
    font-weight: 600;

    background: transparent url(/img/back-icon.svg) no-repeat left center;

    box-sizing: border-box;

}

#galleryW .galleryWcontrols .copy {

    position: relative;
    display: block;
    padding-right: 40px;
    padding-top: 2.2px;
    background: url(/img/link-icon.svg) center right no-repeat;
    color: rgb(var(--styleBlack));
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;

    box-sizing: border-box;

}

#galleryW .grid {

    position: relative;

    display: grid;
    grid-auto-flow: dense;

    width: 1196px;
    height: 90.19vh;
    margin: 0 auto;

    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    row-gap: 12px;

    max-width: 1196px;

    overflow-x: hidden;
    overflow-y: scroll;

    scrollbar-width: none;
    -ms-overflow-style: none;

}

#galleryW .grid::-webkit-scrollbar {

    display: none;

}

#galleryW .grid .bottom {

    grid-column: 1 / 3;

    height: 172px;

}

#galleryW .grid .large .darkfilter, #galleryW .grid .medium .darkfilter, #galleryW .grid .small .darkfilter {

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(235, 235, 235, .36);

    mix-blend-mode: color;

}

#galleryW .grid .large .bluefilter, #galleryW .grid .medium .bluefilter, #galleryW .grid .small .bluefilter {

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(98, 138, 201, .13);

    mix-blend-mode: color;

}

#galleryW .grid > div {

    cursor: pointer;

}

#galleryW .grid .large {

    position: relative;

    grid-column: span 2;

    width: 100%;
    height: 673px;

    box-sizing: border-box;

    overflow: hidden;

}

#galleryW .grid .medium {

    position: relative;

    grid-row: span 2;

    width: 100%;
    height: 756px;

    box-sizing: border-box;

    overflow: hidden;

}

#galleryW .grid .small {

    position: relative;

    width: 100%;
    height: 372px;

    box-sizing: border-box;

    overflow: hidden;

}

#galleryW .grid img {

    width: 100%;

}

.section.rentals>.navigation, 
.section.cransMontanaAbout>.navigation, 
.section.reviews>.navigation, 
.section.specialOffers>.navigation,
.section.propertyFilter>.navigation,
.section.location>.navigation {

    position: absolute;
    left: 50%;
    bottom: 50px;

    transform: translateX(-50%);

    z-index: 11;

    pointer-events: none;

}

.section.specialOffers>.navigation, 
.section.location>.navigation, 
.section.cransMontanaAbout>.navigation {

    display: none;

}

.section.rentals>.navigation .left, 
.section.cransMontanaAbout>.navigation .left, 
.section.reviews .navigation .left,
.section.specialOffers>.navigation .left,  
.section.propertyFilter>.navigation .left,
.section.location>.navigation .left {

    display: inline-block;
    vertical-align: top;
    width: 65px;
    height: 64px;
    margin-right: 10px;

    background: rgb(var(--styleLightGrey)) url(/img/arrow-scroll-left.svg) no-repeat center center;

    pointer-events: all;

    cursor: pointer;


    visibility: hidden;

}

.section.rentals>.navigation .right, 
.section.cransMontanaAbout>.navigation .right, 
.section.reviews .navigation .right,
.section.specialOffers>.navigation .right,  
.section.propertyFilter>.navigation .right,
.section.location>.navigation .right {

    display: inline-block;
    vertical-align: top;
    width: 65px;
    height: 64px;
    margin-left: 10px;

    background: rgb(var(--styleLightGrey)) url(/img/arrow-scroll-right.svg) no-repeat center center;

    pointer-events: all;

    cursor: pointer;

}

.section>.navigation .seeAll {

    position: absolute;
    top: 50%;

    display: inline-flex;
    vertical-align: middle;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 17px;

    font-size: 1rem;
    font-weight: 600;

    white-space: nowrap;

    transform: translate(78px, -50%);

    pointer-events: all;
    cursor: pointer;

}

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

            --sectionIndentTop: 186px;

        }

        .filterPanel {

            top: 30.28vh;

        }

        .section>.left img {

            top: -16vw;
        
        }

        .section>.left img.contacts {

            top: -133px;

        }

        .section.hero>.right h1 {
    
            margin-bottom: inherit;
        
        }

        .section.hero>.right>p {

            max-width: 391px;
            margin-top: 48px;
            margin-bottom: -20px;
        
        }

        .section.rentals .properties .property, .section.propertyFilter .properties .property {

            width: 410px;
        
        }

        .section.propertyFilter .properties .property {

            height: 74%;

        }

        .section.rentals .properties .property .propertyImage, .section.propertyFilter .properties .property .propertyImage {

            height: 63%;
        
        }

        .section.reviews .review {

            width: 42vw;
        
        }

        .section.contacts .visual img {

            left: -51.5%;

        }

        .section.details .amenities .amenity {

            width: 20%;

        }

        .section.details .rating img {

            width: 44%;

        }

        .section.details .rating h6 {

            margin-bottom: 0.25em;

        }

        .section.details .rating>p {

            font-size: 0.88rem;

        }

    }

    @media screen and (max-width: 1920px) and (max-height: 1000px) {

        .section.propertyFilter .listControls {

            top: 224px;
        
        }

        .section.rentals .properties .property .name h3, 
        .section.propertyFilter .properties .property .name h3 {

            margin-bottom: 7px;

            font-size: 25px;
        
        }

        .section.rentals .properties .property h3, 
        .section.propertyFilter .properties .property h3 {

            margin-top: 20px;
            margin-bottom: 6px;

        }

        .section.rentals .properties .property .code, 
        .section.propertyFilter .properties .property .code {

            margin-bottom: 9px;

            font-size: 11px;
        
        }

        .section.rentals .properties .property .neighborhood, 
        .section.propertyFilter .properties .property .neighborhood {

            font-size: 12px;

        }

        .section.rentals .properties .property .details, 
        .section.propertyFilter .properties .property .details {

            width: 92%;
        
        }

        .section.rentals .properties .property .details p, 
        .section.propertyFilter .properties .property .details p {

            font-size: 14px;
            line-height: 27px;

        }

        .section.rentals .properties .property .details span:nth-child(2), 
        .section.propertyFilter .properties .property .details span:nth-child(2) {

            left: 43%;
        
        }

        .section.rentals .properties .property .details span:nth-child(3), 
        .section.propertyFilter .properties .property .details span:nth-child(3) {

            left: 47.5%;
        
        }

    }

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

        :root {

            --menuHeight: 130px;
            --sectionIndentTop: 145px;

        }

        h2 {

            top: 21px;
        
        }

        h3 {
            
            margin-bottom: 7px;
        
        }

        h6 {

            margin: 5% 0 0 0;

        }

        .section:not(.hero):not(.booking):not(.propertyFilter):not(.contacts):not(.contactUs):not(.rentalTeam) {

            height: calc(100vh - var(--menuHeight));
        
        }

        .section>.left img {

            top: -16vw;
        
        }

        .section.rentals .properties .property .code {

            margin-bottom: 4px;
        
        }

        .section>.fullscreen.property>h1 {
        
            font-size: 90px;
        
        }

        .section>.fullscreen>h1+p {

            margin-top: 0;
            font-size: 15px;
        
        }

        .section.propertyFilter .properties .property .code {

            margin-bottom: 17px;

        }

        .section.contactUs>.contactForm label {
            
            margin-right: 2.29%;
        
        }

        .section>.fullscreen.property>.rating {

            bottom: 6.3vh;
        
        }

        .section>.fullscreen.property>.rating p {

            display: none;

        }

        .section.details .amenities .amenity {

            width: 25%;

        }

        .section.location .locationArea .left, .section.location .locationArea .right {

            display: none;

        }

        .section.location .map {

            width: -webkit-fill-available;
            width: -moz-available;
        
        }

        .locationArea {
            
            gap: 40px;
        
        }

        .locationArea .accordion {

            display: block;
            flex: none;
            width: 540px;
        
        }

        .locationArea .accordion .accordion-toggle {

            height: 65px;
        
        }

        .locationArea .accordion .accordion-content {

            padding: 23px 7.2vw 1px 92px;
        
        }

        .locationArea .accordion .accordion-content p {

            font-size: 15px;

        }

        #topMenu>.menu a:nth-child(4) {

            margin-right: 0;

        }

        .section.cransMontanaAbout p {

            font-size: 15px;

        }

        .section.specialOffers p {

            font-size: 15px;

        }

        .section.specialOffers .offer div:nth-child(n+2) {

            margin-left: 5.8%;
            
        }

        .section.specialOffers .offer .offerImage {

            width: 90%;

        }

        .section.specialOffers .offer .type {

            margin-top: 22px;
        
        }

        .section.specialOffers .offer .description {

            width: 80%;

        }

        .section.specialOffers .offer .description p {

            margin-top: -8px;
            margin-bottom: 10px;
    
        }

        .section.specialOffers .offer .dates p {

            display: inline-block;

            margin-right: 30px;

        }

        .section.specialOffers .offer .name h4 {

            margin-top: 30px;
            margin-bottom: 26px;

        }

        .section.specialOffers > .about p {

            font-size: 17px;

        }

        .section.contacts {

            height: calc(100vh - 85px);

        }

        .section.contactUs {

            padding-top: var(--sectionIndentTop);

            grid-template-rows: 1fr min(16.3vh, 126px);

        }

        .section.contactUs .contactForm label {

            margin-bottom: 24px;
        
        }

        .section.contactUs .contactForm input {

            margin-top: 10px;
        
        }

        .section.contactUs .contactForm textarea {

            height: 212px;
            margin-top: 10px;
        
        }

        .section.contactUs.contactForm button {

            font-size: 16px;

        }

        .section.contactUs .details p {

            font-size: 16px;

        }

        .section.details .amenities .amenity div:first-child {

            display: inline-block;
            width: 47px;
            height: 47px;

            border-radius: 50%;
            background: rgb(var(--styleWhite)) no-repeat center center;
            background-size: 70%;

            vertical-align: middle;

        }

        .section.details .rating img {

            height: 17%;
        
        }

        .section.details .rating {

            padding-right: 0;
            
        }

        .section.booking .calendar {

            height: 100%;

        }

        .section.booking .calendar .availabilityCalendar {

            height: 100%;
        
        }

        .section.rentalTeam .contactsFooter {

            flex: 0 1 auto;

        }

        #galleryW .grid {

            grid-auto-rows: 19.375vw;

            width: 62.29vw;
            margin: 0 18.85vw;

        }

        #galleryW .grid .large {

            grid-row: span 2;

        }

        #galleryW .grid .large, #galleryW .grid .medium, #galleryW .grid .small {

            width: 100%;
            height: 100%;
        
        }

        #galleryW .grid .large img, #galleryW .grid .medium img, #galleryW .grid .small img {

            width: 100%;
            height: 100%;

            object-fit: cover;

        }

        .bookNowScreen .bookingForm label {

            display: inline-block;
        
            width: 33%;
            max-width: none;
            margin-right: -5px;
        
            font-size: 15px;
            font-weight: 700;
        
        }
        
        .bookNowScreen .bookingForm label:nth-child(2n) {
        
            margin-right: 20%;
        
        }
        
        .bookNowScreen .bookingForm label:nth-child(6) {
        
            margin-right: -5px;
        
        }
        
        .bookNowScreen .bookingForm label:nth-child(10) {
        
            width: 100%;
        
            font-weight: 400;
        
        }

    }

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

        html {

            font-size: 15px;

        }

        h1 {

            font-size: 53px;
            line-height: 1.28em;

        }

        h2 {

            top: 22px;

            font-size: 51px;
        
        }

        h4 {

            font-size: 30px;

        }

        h6,
        p,
        a,
        ul li {

            font-size: 14px;

        }

        #topMenu .menu {

            right: 3.26%;

        }

        #topMenu.sticky .menu {
            
            transform: translate(-111px, -102px);
        
        }

        #seasonSwitch {

            right: 3.26%;
            top: 70px;
        
        }

        .filterPanel {

            right: 0;
            top: 36.71vh;

            width: 48%;
            height: 117px;
            padding-left: 32px;

        }

        .filterPanel label {

            width: fit-content;
            width: -moz-fit-content;
            max-width: 184px;
            margin-right: 1.9vw;
            /* margin-right: 6.59vw; */

            font-size: 14px;

        }

        .filterPanel.sticky label {
            
            width: 24%;
            font-size: 15px;
        
        }

        .filterPanel.sticky label span {

            display: none;

        }

        .filterPanel input[type=text], 
        .filterPanel input[type=date],
        .filterPanel select {

            display: block;
            width: 150px;
            margin-top: 12px;

            font-size: 14px;

        }

        .filterPanel.sticky input[type=text],
        .filterPanel.sticky input[type=date] {

            width: 70%; 
            margin-top: 12px;
            margin-left: 20px;

            font-size: 15px;

        }


        .filterPanel.sticky select {
            
            width: 30%;
            margin-left: 20px;
            margin-top: 17px;
            
            font-size: 15px;
        
        }

        .filterPanel input[type=submit] {
            
            right: 20px;
            top: 20px;

            width: 77px;
            height: 77px;
        
        }

        .filterPanel.sticky input[type=submit] {
            
            top: 0;
            right: 26%;
            width: 134px;
            height: 100%;

            color: rgb(var(--styleBlack));
            background-color: rgb(244, 244, 244);

            font-size: 15px;
        
        }

        .shortsection {

            font-size: 0.9333rem;

        }

        .section>.scrollDown>p {
            
            margin-bottom: 2px;
            font-size: 14px;
        
        }

        .section>.left img.contacts {

            top: -88px;

        }

        .section.hero .right>p {

            font-size: 14px;
            line-height: 26px;
            margin-top: 30px;

        }

        .section .right.about a {

            font-size: 14px;
        
        }

        .section.hero .right .covidBanner {

            height: 125px;
            padding-left: 155px;
            padding-top: 4px;

            background-position: left 70px center;
    
        }

        .section.hero>.right .covidBanner p {

            font-size: 14px;
            line-height: 22px;
        
        }

        .section.hero>.right .covidBanner p:first-child {

            margin-top: 20px;

        }

        .section.hero>.right .covidBanner p:nth-child(2) {

            line-height: 24px;

        }

        .section.propertyFilter .filters {

            height: 224px;

        }

        .section.propertyFilter .filters .filterProgressBar {

            top: 217px;
        
        }

        .section.propertyFilter .listControls {

            top: 230px;

        }

        .section.propertyFilter .numberOfResults p {

            font-size: 14px;

        }

        .section.propertyFilter .sortedBy select {

            font-size: 14px;
        
        }

        .section.propertyFilter .viewAs label {

            font-size: 14px;

        }

        .section.propertyFilter .properties~.listViewHeader {

            top: 303px;
        
        }

        .section.propertyFilter .properties {

            padding-top: 322px;

        }

        .section.propertyFilter .properties.listView {

            margin-top: 374px;

        }

        .section.propertyFilter .properties.listView .property .listCode {

            font-size: 15px;
            line-height: 27px;

        }

        .section.rentals .properties .property .name h3, 
        .section.propertyFilter .properties .property .name h3 {

            margin-bottom: 7px;

            font-size: 25px;
        
        }

        .section.rentals .properties .property h3, 
        .section.propertyFilter .properties .property h3 {

            margin-top: 20px;
            margin-bottom: 6px;

        }

        .section.rentals .properties .property .code, 
        .section.propertyFilter .properties .property .code {

            margin-bottom: 9px;

            font-size: 11px;
        
        }

        .section.rentals .properties .property .neighborhood, 
        .section.propertyFilter .properties .property .neighborhood {

            font-size: 12px;

        }

        .section.rentals .properties .property .details, 
        .section.propertyFilter .properties .property .details {

            width: 92%;
        
        }

        .section.rentals .properties .property .details p, 
        .section.propertyFilter .properties .property .details p {

            font-size: 14px;
            line-height: 27px;

        }

        .section.rentals .properties .property .details span:nth-child(2), 
        .section.propertyFilter .properties .property .details span:nth-child(2) {

            left: 43%;
        
        }

        .section.rentals .properties .property .details span:nth-child(3), 
        .section.propertyFilter .properties .property .details span:nth-child(3) {

            left: 47.5%;
        
        }

        .section.cransMontanaAbout.central .aboutArea>div:nth-child(1) {

            display: none;

        }

        .section.cransMontanaAbout .aboutArea .map {

            margin-left: 3.28%;

        }

        .section.cransMontanaAbout.central .aboutArea>div:nth-child(3) {

            display: none;

        }

        .section.cransMontanaAbout .aboutArea .accordion-toggle {

            background: url(/img/info-icon.svg) no-repeat left 26px top 17px, url(/img/expand-icon-white.svg) no-repeat right 23px top 22px;
        
        }

        .section.summer.cransMontanaAbout .aboutArea .accordion-toggle {

            background: url(/img/info-icon-summer.svg) no-repeat left 26px top 17px, url(/img/expand-icon-summer.svg) no-repeat right 23px top 22px;

        }

        .section.cransMontanaAbout .aboutArea .accordion-toggle.active {

            background: url(/img/info-icon.svg) no-repeat left 26px top 17px, url(/img/collapse-icon-white.svg) no-repeat right 23px top 22px;
        
        }

        .section.summer.cransMontanaAbout .aboutArea .accordion-toggle.active {

            background: url(/img/info-icon-summer.svg) no-repeat left 26px top 17px, url(/img/collapse-icon-summer.svg) no-repeat right 23px top 22px;
        
        }

        .section.cransMontanaAbout .aboutArea>div.accordion {

            display: inline-block;
            width: 40vw;
            margin-left: 6vw;

            border-right: 3.28vw solid transparent;

        }

        .section.cransMontanaAbout .aboutArea>div.accordion>div {

            display: block;

            color: rgb(var(--styleWhite));

            border-color: rgba(var(--styleWhite), 0.49);

        }

        .section.cransMontanaAbout .aboutArea>div.accordion>div.accordion-toggle {

            font-size: 15px;

        }

        .section.cransMontanaAbout .aboutArea>div.accordion>div.accordion-toggle:hover {

            border-color: rgba(var(--styleWhite), 0.7);

        }

        .section.cransMontanaAbout .aboutArea>div.accordion>div.accordion-content {
            
            padding: 23px 7.2vw 27px 92px;
        
        }

        .section.cransMontanaAbout .aboutArea>div.accordion>div.accordion-content p {

            font-size: 14px;
            line-height: 26px;

        }

        .section.specialOffers .offer .type {

            font-size: 12px;

        }

        .section.specialOffers p {

            font-size: 14px;
            line-height: 26px;
        
        }

        .section.specialOffers .about p {

            font-size: 14px;
            line-height: 26px;
        
        }

        .section.contacts .flexContainer .questions a {

            font-size: 14px;
            line-height: 26px;

        }

        .section.contacts .flexContainer .mailing p {

            margin-top: 10px;

            font-size: 14px;
            line-height: 26px;

        }

        .section.contacts .flexContainer .mailing span {

            display: none;

        }

        .section.contacts .flexContainer .mailing span.tablet {

            display: inline-block;

        }

        .section.contacts .flexContainer .mailing input[type=text] {
            
            margin-top: 11px;

            font-size: 15px;
        
        }

        .section.contacts .flexContainer .mailing input[type=submit] {
            
            font-size: 15px;
        
        }

        .section.contacts .flexContainer .contactsFooter a, 
        .section.rentalTeam .contactsFooter a {

            font-size: 14px;

        }

        .section.contacts .flexContainer .contactsFooter .tacWOpen, 
        .section.contacts .flexContainer .contactsFooter .privacyWOpen, 
        .section.rentalTeam .contactsFooter .tacWOpen, 
        .section.rentalTeam .contactsFooter .privacyWOpen {

            text-align: left;
        
        }

        .section.propertyFilter .filters label, 
        .section.contactUs .contactForm label {
            
            font-size: 14px;
            font-weight: 500;
        
        }

        .section.propertyFilter .filters input[type=text], 
        .section.propertyFilter .filters input[type=date], 
        .section.propertyFilter .filters select {

            padding-left: 25px;

            font-size: 15px;

        }

        .section.rentals .properties .property, 
        .section.propertyFilter .properties .property {

            width: 24vw;
        
        }

        .section.propertyFilter .properties.listView .property div.listCode {

            font-size: 14px;

        }

        .section.propertyFilter .properties.listView .property .name h3 {

            font-size: 14px;
            line-height: 27px;

        }

        .section.propertyFilter .properties.listView .property .neighborhood {

            font-size: 14px;
            line-height: 27px;
        
        }

        .section.propertyFilter .properties.listView .property div.details {

            /* grid-template-rows: 59vh 1fr; */

        }

        #bookingW .bookingWcontrols, 
        #galleryW .galleryWcontrols {

            padding-top: 50px;

        }

        .section.details .amenities .amenity {

            margin-top: 6px;
            margin-bottom: 0px;

        }

        .section.details .rating img {

            width: initial;

        }

        .section.details .rating>p {

            font-size: unset;

        }

        .section.location .locationArea .left {

            padding-left: 10%;
            padding-top: 19.98vh;
        
        }

        .section.location .locationArea .left>h3, .section.location .locationArea .left>p {

            width: 80%;

        }

        .section.location .locationArea .left>h3, .section.location .locationArea .left>p {

            display: none;

        }

        .section.location .locationArea .right {

            display: none;

        }

        .locationArea .accordion .accordion-content {

            padding: 1px 7.2vw 1px 92px;
        
        }

        .section.booking .calendar {

            display: none;

        }

        .section.booking .getThePrice {

            width: 46%;
            margin-right: 4%;

        }

        .section.booking .getThePrice form>*:nth-child(n+3) {

            width: 46%;

        }

        .section.booking .getThePrice input[type=text] {

            display: block;
            width: 100%;
            margin-bottom: 3vh;

            background-position: center right 22px;

        }

        .section.booking .getThePrice select {

            display: block;
            width: 100%;
            margin-bottom: 0;

            background-position: center right 22px;

        }

        .section.booking .pricing .receipt div p.description {

            width: 40%;
        
        }

        .section.booking .pricing .receipt div p.amount {

            width: 60%;
    
        }

        .section.booking .pricing .receipt div p.amount:not(.totalPayment) {

        }

        .section.hero .right.about p:last-child {

            margin-top: 44px;
        
        }

        .section .right.about p span:first-child {

            margin-bottom: 10px;

        }

        .section.hero .right.contactus a {

            font-size: 0.933rem;

        }

        .section.information .flexContainer, 
        .section.qualityRating .flexContainer {

            grid-column: 3 / 8;
        
        }

        .section.information .schedule p:nth-child(2n+1) {

            font-size: 15px;

        }

        .section.information .faq .accordion-toggle {

            font-size: 15px;

        }

        .section.qualityRating .explanations {

            width: 77.87vw;

        }

        .section.contactUs {

            grid-template-rows: 1fr 11.5vh;

        }

        .section.contactUs .contactForm label {

            width: 14.2vw !important;
            max-width: none;
            margin-bottom: 23px;

        }

        .section.contactUs .contactForm input {

            margin-top: 11px;

            font-size: 15px;
        
        }

        .section.contactUs .contactForm button {

            font-size: 15px;

        }

        .section.contactUs .contactForm textarea {

            height: 178px;
            /* height: 200px; */
            margin-top: 11px;

            font-size: 15px;
        
        }

        .section.contactUs .details p {

            font-size: 14px;

        }

        .section.booking .needHelp a, 
        .section.contactUs .needHelp a {

            font-size: 14px;

        }

        .bookNowScreen .bookingForm label {
            
            width: 30%;
            margin-right: 2%;
        
        }
    
        .bookNowScreen .bookingForm label:nth-child(6) {

            margin-right: 2%;
        
        }

        .bookNowScreen .bookingForm label:nth-child(7) {

            margin-right: 0;

        }

        .bookNowScreen .bookingForm .mobileDetails {

            display: block;
            width:80%;
            margin: 20px 0 50px 5%;

        }

        .bookNowScreen .bookingForm .mobileDetails .accordion-toggle:not(.mobileOnly) {

            display: none;

        }

        .bookNowScreen .desktopDetailsCol1 {

            grid-column: 6/8;

        }

        .bookNowScreen .desktopDetailsCol2 {

            display: none;

        }

        #bookingW .welcomeScreen div:first-child {
        
            grid-column: 3 / 6;
        
        }

        #bookingW .welcomeScreen div:last-child {
        
            grid-column: 6 / 7;
        
        }

    }

    @media screen and (min-width: 1560px) and (max-height: 714px) {

        .section.hero .right {

            padding-top: 199px !important;
        
        }

    }

    @media screen and (min-width: 1560px) and (min-height: 950px) {

        h1 {

            font-size: 3.93rem;

        }

        .section.hero .right>p {

            font-size: 1rem;
            line-height: 1.93em;
        
        }

        .section.hero .right.contactus a {

            font-size: 1rem;

        }

    }

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

        :root {

            --sectionIndentBottomLarge: 132px;

        }

        .section.cransMontanaAbout.central div:nth-child(6) {

            display: none;

        }

        .section.cransMontanaAbout .aboutArea .map {

            width: 478px;
        
        }

        .section.cransMontanaAbout .aboutArea .map p {

            margin-top: -28px;

        }

        .section.cransMontanaAbout .aboutArea .map p:last-child {

            display: none;

        }

        .section.cransMontanaAbout .aboutArea>div.accordion {

            width: 50%;
            margin-left: 4vw;
        
        }

        .section.cransMontanaAbout .aboutArea>div.accordion>div.accordion-content p {

            font-size: 15px;
        
        }

    }

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

        h3 {

            font-size: 35px;
        
        }
    

        #topMenu .menu {

            top: 96px;

        }

        #topMenu .lang .langOption.active a {
        
            transition: color 400ms ease-in, border 400ms ease-in;
        
        }
    
        #topMenu.sticky .menu {

            transform: translate(0, -64px);

        }

        #contactsPanel {

            top: 73px;
        
        }

        #contactsPanel p, #contactsPanel a {

            margin-top: 22px;
        
        }

        .stickyButton {

            width: 326px;
            height: 90px;
        
        }

        .accordion .accordion-toggle:nth-child(2n+3) {

            margin-top: 10px;

        }

        .accordion-toggle {

            height: 56px;
            padding-left: 68px;
        
            font-size: 15px;

            background: url(/img/info-icon.svg) no-repeat left 26px center, url(/img/expand-icon.svg) no-repeat right 23px center;
        
            transition: border-bottom 150ms ease-in;
        
        }
          
        .accordion-toggle:hover {
        
            border-bottom: 1px dashed rgba(var(--styleBlack), 0.24);
        
        }
        
        .accordion-content {
        
            display: none;
            padding-left: 68px;
        
        }

        .section.hero>.right h1 {

            font-size: 51px;
            line-height: 1.39em;
        
        }

        .section.hero .right .covidBanner.sticky {

            position: fixed;
            bottom: 0;
            left: 0;

            height: 149px;
            padding-left: 7.38%;
            padding-top: 15px;

            background-image: none;

            z-index: 151;

        }

        .section>.scrollDown {

            display: none;

        }

        .section.rentals .properties .property, .section.propertyFilter .properties .property {

            width: 33.56vw;
        
        }

        .section.rentals .properties .property .details span:nth-child(2), .section.propertyFilter .properties .property .details span:nth-child(2) {

            left: 42.16%;
        
        }

        .section.rentals .properties .property .details span:nth-child(3), .section.propertyFilter .properties .property .details span:nth-child(3) {

            left: 48.5%;

        }

        .section.cransMontanaAbout .aboutArea>div.accordion {

            width: 48%;

        }

        .section.cransMontanaAbout .aboutArea>div.accordion>div.accordion-content {

            padding: 23px 7.2vw 4px 70px;
        
        }

        .section.cransMontanaAbout.central .aboutArea div:nth-child(2) p {

            width: 22vw;

        }

        .section.reviews .review .text {

            height: 38.67vh;

        }

        .section.reviews .review .text a {

            bottom: 17px;

            background-image: none;

        }

        .section.specialOffers .offer .type {

            font-size: 14px;
        
        }

        .section.specialOffers .offer .name h4 {

            margin-top: 20px;
    
            font-size: 24px;


        }

        .section.specialOffers .offer .dates p {

            margin-top: 0;

        }

        .section.specialOffers > .about p {

            font-size: 15px;

        }

        .section.propertyFilter .filters {

            padding: 105px 3.28% 0 3.28%;
        
        }

        .section.propertyFilter .filters label {

            max-width: none;
            margin-bottom: 25px;

        }

        .section.propertyFilter .listControls {

            top: 200px;
        
        }

        .section.propertyFilter .properties {

            padding-top: 468px;
        
        }

        .section.propertyFilter > .properties .property {

            width: 32vw;
            height: 85%;
            max-height: 625px;
        
        }

        .section.propertyFilter .properties.listView .property div.details>p:last-child {

            width: 22.5%;
        
        }

        .filterPanel label {
  
            margin-right: 2.5vw;
        
        }

        .filterPanel label:nth-child(3) {

            margin-right: 0;
        
        }

        .filterPanel input[type=text], 
        .filterPanel input[type=date],
        .filterPanel select {

            width: 132px;
        
        }

        .section .left img {

            top: -18.5vw;

            left: -108%;
            width: 240%;
        
        }

        .section.hero .right>p:nth-child(2) {

            margin-right: 4%;

        }

        .section.hero .right .covidBanner p {

            width: 90%;

            font-size: 14px;
            line-height: 24px;

        }

        .section.hero .right .covidBanner p:nth-child(n+2) {

            line-height: 21px;

            color: rgb(213, 213, 213);

        }

        .section.summer.hero .right .covidBanner p:nth-child(n+2) {

            color: rgb(var(--styleWhite));

        }

        .section.hero .right .covidBanner p:nth-child(2) {

            margin-top: 28px;

        }

        .section.hero .right>p {
            
            display: block;
            width: 90%;
            margin-top: 37px;
            margin-bottom: 8px;
        
        }

        .section.hero .right>p:nth-child(2) {

            margin-right: 5%;
        
        }

        .section.rentals > .properties .property .code, .section.propertyFilter > .properties .property .code {

            font-size: 11px;

        }

        .section.rentals > .properties .property .neighborhood, .section.propertyFilter > .properties .property .neighborhood {

            font-size: 13px;

        }

        .section.rentals > .properties .property .details, .section.propertyFilter > .properties .property .details p {

            font-size: 14px;
            line-height: 27px;

        }

        .section>.fullscreen.property>h1 {

            font-size: 86px;

        }

        .section>.fullscreen.property>h1+p {

            width: 90vw;
            font-size: 13px;
            
        }

        .section.hero .fullscreen .rating {

            flex-direction: row;
            justify-content: center;
            align-items: center;

            left: -4%;
            bottom: 0;

            width: 108%;

            height: 85px;

            background: linear-gradient(rgba(var(--styleBlack), 0), rgba(var(--styleBlack), 0.5)) no-repeat bottom center;

        }

        .section.hero .fullscreen .rating img {

            order: 0;
            content:url("/img/rating-3stars-white-small.svg");

            height: min-content;

        }

        .section.hero .fullscreen .rating p {

            display: block;
            width: 165px;
            margin: 2px 0 0 19.3px;

            white-space: nowrap;

        }

        .section.gallery #galleryImgList {

            grid-column: 6 / 9;
        
        }

        .section.gallery #galleryImgList>div>div {

            width: 26.5vw;
            height: 28vh;
        
        }

        .section.gallery .openGallery {

            grid-column: 6 / 9;
        
        }

        .section.details {

            padding-bottom: 144px;

        }

        .section.details .rating {

            position: absolute;
            right: 0;
            bottom: 0;

            grid-row: none;
            grid-column: none;

            width: 50%;
            height: 109px;
            max-height: calc(70*var(--vhc, 1vh));
            padding-left: 0;
            padding-top: 0;
            padding-bottom: 60px;

            overflow: hidden;

            transition: height 150ms ease-in;

            z-index: 25;

        }

        .section.details .rating .rating-header {

            position: absolute;
            left: 0;
            top: 0;

            display: block;
            width: 100%;
            height: 109px;

            background: rgb(var(--styleWhite)) url(/img/rating-3stars-expand-icon.svg) no-repeat left center;

            box-sizing: border-box;

            z-index: 1;

            cursor: pointer;

        }

        .section.details .rating .rating-header p {

            position: absolute;
            left: 147px;
            top: 50%;
            width: 158px;
            margin: 0;

            font-size: 14px;
            line-height: 24px;

            transform: translateY(-50%);

        }

        .section.details .rating .rating-header img {

            position: absolute;
            right: 9.06%;
            top: 50%;

            display: block;
            margin: 0;

            transform: translateY(-50%);

        }

        .section.details .rating.open .rating-header img {

            transform: translateY(-50%) rotate(180deg);

        }

        .section.details .rating p {

            width: 100%;
            margin-left: 84px;

            line-height: 24px;

            box-sizing: border-box;
    
        }

        .section.details .rating>p:first-of-type {

            margin-top: 115px;

        }

        .section.details .rating>p {

            margin-left: 0;
            padding: 0 10% 0 15%;

        }

        .section.details .rating .separator {

            margin-top: 0;
            margin-bottom: 20px;

        }

        .section.details .rating img, .section.details .rating h6 {

            display: none;

        }

        .section.location .left h3, .section.location .right h3 {

            margin-bottom: 27px;
        
        }

        .section.location .right p, .section.location .left p {

            margin-bottom: 15px;

        }

        .section.location .map .mapOverlay {

            width: 80%;
            padding-left: 130px;
            padding-right: 30px;

            font-size: 15px;

        }

        .bookNowScreen .bookingWsummary {

            grid-column: 2 / 4;
        
        }

        .bookNowScreen .bookingForm {

            grid-column: 4 / 7;
        
        }

        .bookNowScreen .desktopDetailsCol1 {

            grid-column: 7/8;
        
        }

        .bookNowScreen .desktopDetailsCol1 p {

            width: 100%;
        
        }

        .section>.left img.contacts {

            top: -108px;
            left: -45%;
            width: 250%;
        
        }
        
        .section>.left img.about {
        
            top: -151px;
            left: -61.5%;
        
        }

        .section.information {

            grid-template-columns: 2.6vw repeat(4, 1fr) 2.6vw;

        }

        .section.hero .right.about>h1 {

            margin-bottom: 2vh;

        }

        .section.hero .right.about>p {

            display: block;
            width: 80%;
            margin-bottom: 39px;

        }

        .section.hero .right.about>p:nth-child(n + 2) {

            width: 85%;

        }

        .section.hero>.right.about p:last-child {

            margin-top: -15px;

        }

        .section>.right.about p span:first-child {

            margin-right: 5.5vw;
        
        }

        .section.information .details {

            display: none;

        }

        .section.information .schedule p:first-child {

            margin-bottom: 0;

        }

        .section.information .schedule p:nth-child(2n) {

            margin-top: 7px;
            margin-bottom: 15px;

        }

        .section.information .schedule p:nth-child(n+7) {

            display: none;

        }

        .section.information .faq .accordion-content {
            
            padding-top: 30px;
            padding-bottom: 24px;
        
        }

        .section.information .faq .accordion-content p {

            display: inline;
            
        }

        .section.information p {

            font-size: 15px;

        }

        .section.qualityRating { 

            grid-template-columns: 2.6% repeat(4, 1fr) 2.6%;

            background-color: rgb(var(--styleWhite));

        }

        .section.qualityRating .explanation {

            height: 90px;
            margin-right: 28px;
            margin-bottom: 5vh;

        }

        .section.qualityRating .explanation img {

            width: 137px;
            height: 90%;
            object-fit: contain;
            object-position: center;

        }

        .section.qualityRating .explanation p {

            margin-left: 160px;
            margin-top: 9px;

            font-size: 14px;
            line-height: 26px;

        }

        .section.qualityRating p, .section.qualityRating .details a {

            font-size: 15px;

        }

        .section.qualityRating .explanation {

            vertical-align: top;

        }

        #bookingW .welcomeScreen div:last-child {
        
            grid-column: 7 / 8;
        
        }

        .section>.navigation .seeAll {

            position: absolute;
            right: 5vw;
            top: 51px;
            bottom: auto;

            width: fit-content;
            width: -moz-fit-content;
            height: fit-content;
            height: -moz-fit-content;
            padding: 9px 18px 10px 23px;

            background-color: rgb(var(--styleWhite));
            border: 1px solid rgb(var(--styleLightGrey));
            border-radius: 48px;

            transform: translateX(-50%);

        }

    }

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

        .section.cransMontanaAbout .aboutArea>div.accordion {

            margin-left: 2vw;

        }

    }

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

        h2 {

            top: 46px;

        }

        #loadingScreen p {

            white-space: initial;

        }

        #bottomPanelArea {

            height: calc(22*var(--vhc, 1vh));

        }

        #stickyPanel {

            border: 1px solid rgb(var(--styleLightGrey));
        
        }

        #stickyPanel.stickyButton {

            border: none;

        }

        .section {

            height: calc(100*var(--vhc, 1vh) - var(--menuHeight));

        }

        .section:not(.hero):not(.booking):not(.propertyFilter):not(.contacts):not(.contactUs):not(.rentalTeam) {

            height: calc(100*var(--vhc, 1vh) - var(--menuHeight));

        }

        .section.rentals,
        .section.reviews {
        
            padding-bottom: var(--sectionIndentBottom);
        
        }

        .section.contacts {

            height: calc(100vh - 73px);

        }

        .section.contacts .divider {

            display: none;

        }

        .section.contacts .visual {

            display: none;

        }

        #topMenu.sticky .logo {

            transform: translate(-50%, -4%) scale(1);

        }

        #topMenu.sticky .logo .logo-sign svg {

            transform: scale(0.3962);
        
        }

        #topMenu.sticky .menu {

            transform: none !important;
        
        }

        #topMenu.sticky > #menuBackground {

            transform: translateY(-108px);

        }

        .filterPanel {

            left: 0;
            right: 0;
            top: 24.71vh;

            width: 95.8%;
            height: 117px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 32px;

            transform: none;

        }

        .filterPanel.sticky {

            left: 0;
            top: 72px; 
            width: calc(100% + 1px);
            height: 62px; 
            padding-top: 0;

        }

        #topMenu.sticky+.filterPanel.default {

            transform: translate(0, -120px);
        
        }

        .filterPanel.sticky form {

            left: 50%; 
            width: 80%;
            height: 100%;

        }

        .filterPanel label {

            width: fit-content;
            width: -moz-fit-content;
            max-width: 184px;
            margin-right: 6.59vw;

            font-size: 14px;

        }

        .filterPanel.sticky label {
            
            width: 28%;
            margin-right: 2vw;
            margin-top: 5px;

            font-size: 15px;

        }

        .filterPanel input[type=text], 
        .filterPanel input[type=date],
        .filterPanel select {

            display: block;
            width: 150px;
            margin-top: 15px;

            font-size: 14px;  

        }

        .filterPanel.sticky input[type=text],
        .filterPanel.sticky input[type=date] {
            
            width: 80%;
            margin-left: 20px;
            margin-top: 15px; 

            font-size: 15px;
        
        }

        .filterPanel.sticky select {
            
            width: 30%;
            margin-left: 20px; 
            margin-top: 18px;

            font-size: 15px;
        
        }

        .filterPanel input[type=submit] {
            
            right: 20px;
            top: 20px;

            width: 77px;
            height: 77px;
        
        }

        .filterPanel.sticky input[type=submit] {

            right: 10%;
            top: 0; 
            width: 134px; 
            height: 100%; 
            
            color: rgb(var(--styleBlack)); 
            background-color: rgb(244, 244, 244); 
            font-size: 15px;

        }

        .section.hero>.right .covidBanner .closeDisclaimer {

            display: block;

        }

        #mobileMenuButton {

            position: absolute;
            top: 88px;
            right: 4.6%;

            display: block;
            width: 37px;
            height: 20px;

            visibility: inherit;

            cursor: pointer;

            transition: transform 200ms linear;
            will-change: transform;

            z-index: 13;

        }

        #topMenu.sticky #mobileMenuButton {
            
            transform: translateY(-62px);

            transition: transform 600ms ease-out;
        
        }

        #mobileMenuButton::before {

            content: "";

            position: absolute;
            left: 0;
            top: 0;

            display: block;
            width: 100%;
            height: 3px;

            background-color: rgb(var(--styleWhite));

            transition: 150ms ease-in;

        }

        .sticky #mobileMenuButton::before {

            background-color: rgb(var(--styleBlack));

        }

        #mobileMenuButton::after {

            content: "";

            position: absolute;
            left: 0;
            bottom: 0;

            display: block;
            width: 100%;
            height: 3px;

            background-color: rgb(var(--styleWhite));

            transition: 150ms ease-in;

        }

        .sticky #mobileMenuButton::after {

            background-color: rgb(var(--styleBlack));

        }

        #mobileMenuButton.open::before {

            top: 8px;

            height: 2px;

            background-color: rgb(var(--styleBlack));

            transform: rotate(-45deg);

        }

        #mobileMenuButton.open::after {

            bottom: 9px;

            height: 2px;

            background-color: rgb(var(--styleBlack));

            transform: translateY(-50%) rotate(45deg);

        }

        #mobileMenuOverlay {

            position: fixed;
            left: 0;
            top: 0;

            width: 100%;
            height: 100%;

            background-color: rgba(var(--styleDarkGrey), 0.28);

            opacity: 0;
            visibility: hidden;

            transition: opacity 200ms linear, visibility 200ms linear; 

        }

        #mobileMenuOverlay.open {

            opacity: 1;
            visibility: visible;
        
            transition: opacity 200ms ease-in, visibility 200ms ease-in; 

        }

        #topMenu .lang.black .langOption.active a {

            color: inherit;

        }

        #topMenu.sticky .lang.black a {

            color: inherit;

        }

        #topMenu .lang.splitHeader .langOption.active a {

            color: rgb(var(--styleWhite));

        }

        #topMenu.sticky .lang.black a {

            color: inherit;

        }

        #topMenu .lang.black .langOption.active a {
        
            border-color: rgb(var(--styleWhite));
        
        }

        #topMenu.sticky .lang.black .langOption.active a {

            border-color: rgb(var(--styleBlack));

        }

        #topMenu .menu {

            display: none;

        }

        #topMenu .menu { 

            position: fixed;
            right: -100vw !important;
            top: -8.5vh !important;

            display: block;
            width: 90vw !important;
            height: 100% !important;
            padding-left: 11vw;
            padding-top: 24vh;

            background-color: rgb(var(--styleWhite));

            transition: 320ms ease-in !important; 

            box-sizing: border-box;

            z-index: 12;

        }

        #topMenu .menu a {

            display: block;
            width: fit-content;
            width: -moz-fit-content;
            margin-bottom: 39px;

            font-family: 'Cormorant Garamond', 'Cormorant', Garamond, serif;
            font-weight: 700 !important;

            text-decoration: underline;
            text-decoration-color: rgba(var(--styleBlack), 0.24);
            text-underline-offset: 26px;
            text-decoration-thickness: 1px;

            color: rgb(var(--styleBlack));

        }

        #topMenu .menu a:hover {

            text-decoration-color: rgba(var(--styleBlack), 0.45);

        }

        #topMenu .menu.open {

            right: 0 !important;
            top: 0 !important;

        }

        #topMenu .menu .mobileSeasonSwitch {

            position: absolute;
            bottom: 15vh;

            display: block;
            margin-left: 5px;

            color: rgb(var(--styleBlack));

        }

        #topMenu .menu .mobileSeasonSwitch span {

            display: inline-block;

            margin-right: 15px;

            font-weight: 400;
            line-height: 60px;

            cursor: pointer;

        }

        #topMenu .menu .mobileSeasonSwitch span:last-child {

            margin-left: 15px; 
        
        }

        #topMenu .menu .mobileSeasonSwitch span.active {

            color: rgba(var(--styleBlack), 0.09);

            pointer-events: none;

        }

        #topMenu .menu .mobileLang {

            position: absolute;
            bottom: 3vw;

            display: block;
            width: fit-content;
            width: -moz-fit-content;
            margin-left: 5px;

            overflow: hidden;

            white-space: nowrap;

        }

        #topMenu .menu .mobileLang a {

            display: inline-block;
            margin-right: 34px;

            font-family: Poppins, Futura, sans-serif;
            font-size: 16px;
            font-weight: 400 !important;

            text-decoration: none;

        }

        #topMenu .menu .mobileLang a.active {

            color: rgba(var(--styleBlack), 0.09);

            pointer-events: none;

        }

        #seasonSwitch {

            display: none;

        }

        #contactsPanel {

            top: 60px;

        }

        .section.hero .left {

            display: none;

        }

        .section.hero .right {

            padding: 37vh 3.28% 0 7.78vw;

            grid-column: 1 / 9;

        }

        .section.cransMontanaAbout .aboutArea .map {

            width: 94.8vw;
            margin-left: 2.6vw;
            margin-right: 2.6vw;
        
        }

        .section.cransMontanaAbout .aboutArea .map img {

            width: 60%;
            max-height: 389px !important;
            margin-left: 15%;

        }

        .section.cransMontanaAbout .aboutArea .map p {

            margin-top: 0px !important;
        
        }

        .section.hero.rentalsPage>.fullscreen h1 {

            font-size: 73px;
            line-height: 68px;

        }

        .section.propertyFilter .filters label {
            
            width: 31.4%;
        
        }

        .section.propertyFilter > .properties .property {

            width: 46vw;
        
        }

        .section.cransMontanaAbout .aboutArea .map p {

            margin-top: 6vh;

        }

        .section.cransMontanaAbout .aboutArea .map p:nth-child(2) {

            margin-left: 21%;

        }

        .section.cransMontanaAbout .aboutArea .map p:last-child {

            display: inline-block;
            margin-left: 1.5%;
        
        }

        .section.cransMontanaAbout .aboutArea>div.accordion {

            width: 94.8vw;
            margin-left: 2.6vw;
            border-right-width: 2.6vw;

        }

        .section.specialOffers .offers {

            grid-column: 1 / 9;
        
            width: 100%;
            height: 100%;
        
            white-space: nowrap;
        
            overflow: hidden;
        
            box-sizing: border-box;
        
        }
        
        .section.specialOffers .offers::-webkit-scrollbar {
        
            display: none;
        
        }

        .section.specialOffers .offer:first-child {

            margin-left: 2.6vw;

        }

        .section.specialOffers .offer {

            width: 47%;
            margin-right: 1.4vw;
        
        }

        .section.specialOffers > .about {
            
            display: none;

        }

        .section.contacts {

            grid-template-columns: 2.6vw repeat(4, 1fr) 2.6vw;

        }

        .section.contacts .flexContainer {

            grid-column: 2 / 6;
        
        }

        .section.contacts .flexContainer .questions, 
        .section.contacts .flexContainer .mailing {

            width: 100%;

        }

        .section.contacts .flexContainer .questions>* {

            width: 23.7vw;
        
        }

        .section.contacts .flexContainer .mailing {

        
        }

        .section.contacts .flexContainer .mailing>* {

            margin-bottom: 24px;

        }

        .section.contacts .flexContainer .mailing>*:first-child {

            width: 25%;

        }

        .section.contacts .flexContainer .mailing>*:nth-child(n+2) {

            width: 50%;
        
        }

        .section.contacts .flexContainer .mailing>*:last-child {

            margin-left: 25%;

        }

        .section.contacts .flexContainer .mailing p {

            width: 71.1%;

        }

        .section.contacts .flexContainer .mailing input[type=text] {

            width: 71.1% !important;
            margin-top: calc(1.1*var(--vhc, 1vh));
            margin-bottom: 23px;
        
        }

        .section.contacts .flexContainer .mailing input[type=submit] {

            display: block;
            width: 47.4% !important;
            margin-top: 34px;
        
        }

        .section.contacts .flexContainer .contactsFooter .tacWOpen {

            left: unset;
        
        }

        .section.contacts .flexContainer .contactsFooter .privacyWOpen {

            left: unset;
            right: 47.4vw !important;

        }

        .section.contacts .flexContainer .contactsFooter .privacyWOpen, 
        .section.rentalTeam .contactsFooter .privacyWOpen {

            height: fit-content;
            height: -moz-fit-content;

        }

        .section.rentalTeam .contactsFooter a:first-child {

            left: 3.28vw;

        }

        .section.contacts .flexContainer .contactsFooter a:nth-child(2) {

            left: 23.7vw;

        }

        .section.rentalTeam .contactsFooter a:nth-child(2) {

            left: 26.3%;
        
        }

        .section.contacts .flexContainer .contactsFooter .copyright, 
        .section.rentalTeam .contactsFooter .copyright {

            bottom: 40px;

            color: rgb(var(--styleBlack));

        }

        .section.rentalTeam .contactsFooter .copyright {
        
            right: 3.28vw;

            color: rgb(var(--styleWhite));
        
        }

        .section.reviews .review .name {

            margin-top: 6vh;
            margin-bottom: 2.5vh;
        
        }

        .section.reviews .review .details div {

            display: block;

        }

        .section.reviews .review .details div:last-child {

            display: none;

        }

        .section.reviews .review .text {

            height: calc(44.5*var(--vhc, 1vh));
        
        }

        .section.details {

            grid-template-columns: 2.6% repeat(4, 1fr) 2.6%;

        }

        .section.details .amenities {

            padding-top: 18.5vh;

        }

        .section.details .rating {

            display: none;

        }

        .section.details .rooms {

            padding-left: 8%;
            padding-top: 18.5vh;

            grid-row: 1 / 3;
            grid-column: 4 / 6;

        }

        .section.details .rooms h3, 
        .section.details .amenities h3 {

            width: auto;
            height: auto;
            margin-bottom: 62px;

        }

        .section.details .rooms p {

            width: 100%;
            padding-right: 10%;
            padding-bottom: 0;

        }

        .section.location .locationArea {

            padding-left: 0;
            
            gap: 0;

        }

        .section.location .locationArea .left p {

            font-size: 14px;
            line-height: 25px;

        }

        .section.location .map {

            position: relative;

            flex: none;
            width: 94.8vw;
            margin-left: 2.6vw;
            margin-right: 2.6vw;
        
        }

        .section.location .map .mapArea {

            height: 100%;
        
        }

        .section.location .map .mapOverlay {

            bottom: 45px;

            height: 127px;

        }

        .section.location .map .mapOverlay p {    

            font-size: 14px;
            line-height: 25px;

        }

        .section.location .locationArea .left h3, 
        .section.location .locationArea .right h3 {

            width: 100%;

            font-size: 27px;

        }

        .section.location .locationArea .left p, 
        .section.location .locationArea .right p {

            width: 100%;
            margin-bottom: 46px;

        }

        .section.location .accordion {

            position: relative;

            display: block;
            width: 94.8vw;
            margin-left: 2.6vw;
            border-right-width: 2.6vw;

        }

        .section.booking, 
        .section.contactUs {

            grid-template-columns: 2.6vw repeat(4, 1fr) 2.6vw;

        }

        .section.booking .divider {

            display: none;

        }

        .section.booking .bookingBlock {

            grid-column: 1 / 7;

        }


        .section.booking .getThePrice form label {

            width: 31% !important;

        }

        .section.booking .getThePrice form label input[type=text] {

            width: 100%;
            margin-bottom: 6.8vh;

            background: rgb(var(--styleLightGrey)) url(/img/calendar-icon.svg) no-repeat 87% center;

        }

        .section.booking .getThePrice form label select {

            width: 100%;
            margin-bottom: 6.8vh;

            background: rgb(var(--styleLightGrey)) url(/img/arrowDown-icon.svg) no-repeat 87% center;

        }

        .section.booking .getThePrice form button {

            width: 66%;

        }

        .section.booking .details {

            padding-top: 5vh;

            border: none;

        }

        .section.booking .details p {

            margin-bottom: 11px;
        
        }

        .section.booking .details p:first-child {

            width: 29vw;
            height: 100%;

            float: left;

        }

        .section.booking .details p:nth-child(n+2), 
        .section.booking .details ul, 
        .section.booking .details a {

            display: inline-block;
            margin-left: 4%;
            margin-right: 23%;

        }

        .section.booking .pricing {

            position: fixed;
            right: 0;
            top: 100vh;

            width: 100%;
            max-width: 430px;

            background-color: rgb(var(--styleWhite));

            border: 1px solid rgb(var(--styleLightGrey));

            z-index: 100;

            transition: transform 200ms ease-in;
        
        }
        
        .section.booking .pricing .receipt {

            position: relative;
            bottom: 0;

            width: 94.8%;
            margin-left: auto;
            margin-right: auto;
            padding: 20px 0;

            box-sizing: border-box;
        
        }

        .section.booking .pricing .receipt .hideReceipt {

            display: block;
            width: 24px;
            height: 24px;
            margin: 3px auto 20px auto;

            background: transparent url(/img/arrowDown-icon.svg) center center no-repeat;

            cursor: pointer;

        }

        .section.booking .pricing .receipt button.bookNow {

            margin-top: 51px;
        
        }

        .section.booking .needHelp, 
        .section.contactUs .needHelp {

            padding: 0 2.6%;
        
        }

        .section.booking .needHelp .copyright, 
        .section.contactUs .needHelp .copyright {

            display: none;

        }

        .section.information .schedule p:nth-child(2n+1) {

            margin-bottom: 14px;

            font-size: 14px;

        }

        .section.information .schedule p:nth-child(2n+3) {

            margin-top: 20px;

        }
        
        .section.information .faq .accordion-toggle {

            font-size: 14px;
        
        }

        .section.qualityRating .explanations {

            padding-left: 40px;

        }

        .section.qualityRating .explanation {

            display: block;
            width: 60vw;

        }

        .section.contactUs {

            height: max(714px, 100vh - 73px);
            grid-template-rows: 1fr 10.3vh;
        
        }
        .section.contactUs .contactForm {

            grid-column: 2 / 5;
        
        }

        .section.contactUs .contactForm label {

            width: 28.2vw !important;
        
        }

        .section.contactUs .contactForm label:nth-child(3) {

            width: 100%;
        
        }

        .section.contactUs .contactForm textarea {

            display: block;
            width: 58.44vw;
            height: 360px;

        }

        .section.contactUs .contactForm button {

            width: 47.4vw;
        
        }

        .section.contactUs>.details {

            grid-column: 5 / 6;
        
        }

        #bookingW::-webkit-scrollbar {

            display: none;

        }

        #bookingW .bookNowScreen {

            grid-template-columns: 2.6vw repeat(4, 1fr) 2.6vw;

        }

        #bookingW .bookNowScreen .bookingWsummary {

            grid-column: 2 / 6; 

        }

        #bookingW .bookNowScreen .bookingWsummary h5 {

            display: none;

        }

        #bookingW .bookNowScreen .bookingWsummary .bookingThumbnail {

            display: none;

        }

        #bookingW .bookNowScreen .bookingWsummary::before {

            content: "Summary";

            display: block;
            width: 100%;

            font-size: 15px;
            font-weight: 600;

            text-transform: uppercase;

        }

        #bookingW .bookNowScreen .bookingWsummary::after {

            left: 0;
            right: 0;
            top: auto;
            bottom: 0;

            width: 100%;
            height: 1px;

            background: transparent url(/img/dashed-line.svg) repeat-x center center;

        }

        #bookingW .bookNowScreen .bookingWsummary .details {

            flex-direction: row;
            width: 100%;

        }

        #bookingW .bookNowScreen .bookingWsummary .details>div {

            width: 24%;
            padding-bottom: 48px;

        }

        .bookNowScreen .bookingWsummary .details div div:first-child {

            font-weight: 600;
        
        }

        .bookNowScreen .bookingForm label {

            font-weight: 600;

        }

        #bookingW .bookNowScreen .bookingForm {

            grid-column: 2 / 5; 

        }

        #bookingW .bookNowScreen .bookingForm form {

            margin-top: 51px;
        
        }

        .bookNowScreen .desktopDetailsCol1 p:nth-child(2n + 1) {

            font-weight: 600;

        }

        .bookNowScreen .bookingForm input[type=text] {

            margin-top: 20px;
            padding: 0 0 0 30px;
        
        }

        .bookNowScreen .bookingForm select {

            margin-top: 20px;
            padding: 0 0 0 30px;
        
        }

        .bookNowScreen .bookingForm .mobileDetails {

        width: 52%;

        }
        
        #bookingW .bookNowScreen .desktopDetailsCol1 {

            padding-top: 0;

            grid-column: 5 / 6;

        }

        #bookingW .welcomeScreen {

            grid-template-columns: 2.6vw repeat(4, 1fr) 2.6vw;

        }

        #bookingW .welcomeScreen div:first-child {

            padding-left: 10.16vw;

            grid-column: 2 / 5;
        
        }

        #bookingW .welcomeScreen div:last-child {
        
            grid-column: 5 / 6;
        
        }

        #bookingW .welcomeScreen div p {

            max-width: 390px;

        }

    }

    @media screen and (min-width: 1024px) and (min-height: 800px) {

        .section>.left img.about {

            top: unset;
            bottom: 0;
    
        }

    }

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

        .section.contactUs>.contactForm label {

            width: 31.2vw !important;
        
        }

        .section.contactUs>.contactForm label:nth-child(3) {

            width: 100%;
        
        }

        .section.contactUs>.contactForm textarea {

            display: block;
            width: 64.46vw;
            height: 360px;

        }

    }

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

        .stickyButton {

            width: 288px;
        
        }

        .section.hero .scrollDown {

            display: none;

        }

        .section.hero .fullscreen h1 {

            width: 95.8%;

        }

        .section.hero .fullscreen p {

            width: 90%;

        }

        .section.cransMontanaAbout .aboutArea .map img {

            left: 0;

            width: 90%;
            max-height: 324px !important;
            margin-left: 5%;

            object-position: center;
            object-fit: none;
            
        
        }

        .section.cransMontanaAbout .aboutArea .map p:nth-child(2) {

            margin-left: 5%;
        
        }

        .section.cransMontanaAbout.central .aboutArea div:nth-child(2) p {

            width: 37vw;
        
        }

        .section.specialOffers>.navigation {

            display: inline-block;

        }

        .section.specialOffers .offer:first-child {

            margin-left: 5.06vw;

        }

        .section.specialOffers .offer .offerImage {

            width: 53%;
        
        }

        .section.propertyFilter .filters label {

            margin-right: 2%;
        
        }

        .section.propertyFilter > .properties .property {

            width: 55.5vw;
        
        }

        .section.location .left {

            padding-left: 0;

        }

        .section.location .left h3, .section.location .left p , .section.location .right h3, .section.location .right p {

            width: 100%;
        
        }

        .section.location .map .mapOverlay {

            width: 84%;
            padding-left: 75px;
            padding-top: 12px;
        
        }

        .section.booking>.needHelp .copyEmail, .section.contactUs>.needHelp .copyEmail {

            left: 57.55%;
        
        }

        .section>.right.about p span:first-child {

            width: 80vw;
            margin-bottom: 2vh;

        }

        #bookingW .bookNowScreen .bookingForm {

            grid-column: 2 / 6;
        
        }

        .bookNowScreen .bookingForm .mobileDetails .accordion-toggle:not(.mobileOnly) {

            display: block;

        }

        #bookingW .bookNowScreen .desktopDetailsCol1 {

            display: none;

        }

        #tacW, 
        #privacyW {

            padding-left: 62px;
            padding-right: 37px;

        }

        #tacW .close, 
        #privacyW .close {

            left: auto;
            right: 37px;
        
        }

        #tacW>.title, 
        #privacyW>.title {

            margin-top: 11.62vh;

        }

        #tacW .text .label, 
        #privacyW .text .label {

            width: 77.73vw;
            margin-bottom: -5px;

        }

        #tacW .text p, 
        #privacyW .text p {

            display: block;
            width: 77.73vw;
            margin-left: 0;

        }

        #galleryW .grid {

            grid-auto-rows: 29.3vw;

            width: calc(100% - 40px);
            margin: 0 20px;

        }

        #bookingW .bookingWcontrols, 
        #galleryW .galleryWcontrols {

            align-items: flex-start;
            padding: 35px 36.4px 0 36.4px;
        
        }

        #bookingW .bookingWcontrols .bookingWclose, 
        #galleryW .galleryWcontrols .galleryWclose {

            height: 34px;

            font-size: 12px;
            line-height: 1.6em;

            box-sizing: border-box;

        }

        #galleryW .galleryWcontrols .copy {

            padding-top: 4px;
        
            font-size: 12px;

        }

    }

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

        :root {

            --sectionIndentTop: 128px;

        }

        html {

            font-size: 14px;

        }

        h2 {

            top: 21px;
            font-size: 45px;

        }

        h3 {

            font-size: 30px;
            line-height: 30px;

        }

        h4 {

            font-size: 29px;

        }

        p {

            font-size: 15px;

        }

        #loadingScreen p {

            line-height: 70px;

            text-align: center;

        }

        #topMenu .logo {

            left: 5.06%;
            top: 34px;

            transform: none;

        }

        #topMenu .logo .logo-est {

            width: 123px;
        
        }

        #topMenu .logo .logo-sign {

            position: relative;
            left: 26px;
            top: 13px;


            transform: none;

        }

        #topMenu .logo .logo-sign svg {

            width: 73px;
            height: 68.29px;

            transform-origin: top left;

        }

        #topMenu.sticky .logo .logo-sign svg {

            transform: scale(0.62);
        
        }

        #topMenu .lang {

            display: none;

        }

        #bottomPanelArea {

            height: 82px;

        }

        .filterPanel.default, .filterPanel.sticky {

            top: 147px;

            height: 66px;
            padding-left: 13px;
            padding-right: 13px;
            padding-top: 0;

            transition: height 220ms ease-in;

        }

        .filterPanel.default {

            top: 174px;
            top: clamp(140px, 100*var(--vhc, 1vh) - 460px, 174px);

        }

        #topMenu.sticky~.filterPanel.sticky {

            top: 72px;
            width: 100%;
            height: 62px;
            padding-top: 0;

            transition: opacity 400ms ease-out 600ms, height 220ms ease-in !important;

        }

        .filterPanel .openFilterPanelButton {

            position: absolute;
            left: 0;
            right: 0;

            display: block;
            width: 100%;
            height: 66px;

            background-color: rgb(var(--styleWhite));

            cursor: pointer;

            z-index: 1;

        }

        .filterPanel .openFilterPanelButton p {

            display: block;
            width:fit-content;
            width: -moz-fit-content;
            margin-left: auto;
            margin-right: auto;
            margin-top: 18px;
            padding-left: 40px;
            padding-top: 1px;

            font-size: 14px;
            font-weight: 600;

            color: rgb(var(--styleBlack));
            background: transparent url(/img/search-icon-small.svg) no-repeat left center;

            transform: translateX(-10px);

            box-sizing: border-box;
        
        }

        .filterPanel.sticky form {

            left: 50%; 
            width: 92%; 
            height: 100%;

        }

        .filterPanel.default label:first-child,
        .filterPanel.sticky label:first-child {

            margin-top: 86px;

        }

        .filterPanel.default label, 
        .filterPanel.sticky label {

            width: 100%;
            max-width: none;
            margin-right: 0;
            margin-top: 0;
            margin-bottom: 23px;
            padding-left: 16px;

            font-size: 14px;

            box-sizing: border-box;

        }

        .filterPanel.sticky label span {

            display: inline;

        }

        .filterPanel.default input[type=text], 
        .filterPanel.sticky input[type=text], 
        .filterPanel.default input[type=date], 
        .filterPanel.sticky input[type=date], 
        .filterPanel.default select, 
        .filterPanel.sticky select {

            width: 100%;
            margin-left: 0;
            margin-top: 13px;

            background-position: right 20px center;

            font-size: 14px;

        }

        .filterPanel.default input[type=submit], 
        .filterPanel.sticky input[type=submit] {

            position: relative;
            right: 0;
            top: 20px;

            width: 100%;
            height: 67px;

            font-size: 13.333px;
            font-weight: 600;
            color: rgb(var(--styleWhite));
            background-color: rgb(var(--styleGreen));
            background-image: none;

        }

        #contactsPanel {

            height: 55px;

        }

        #contactsPanel p {

            display: none;

        }

        #contactsPanel a {

            margin-top: 17px;
        
        }

        #contactsPanel a.call {

            margin-left: 24px;

        }

        #contactsPanel a.email {

            margin-right: 0;

        }

        #mobileMenuButton {

            top: 47px;
            right: 35px;
        
        }

        #topMenu.sticky #mobileMenuButton {

            transform: translateY(-21px);
        
        }

        .stickyButton {

            left: 0;
            right: 0;
            width: 89.88%;
            margin-left: auto;
            margin-right: auto;

            transform: none;
        
        }

        .section.hero .right {

            padding-left: 5.06vw;
            padding-right: 5.06vw;
        
        }

        .section.hero .right h1 {

            margin-bottom: calc(5.5*var(--vhc, 1vh));

            font-size: 44px;
            line-height: 53px;

        }

        .section.hero .right>p {

            display: block;
            width: 100%;
            margin-bottom: calc(3*var(--vhc, 1vh));

            font-size: 14px;
        
        }

        .section.hero>.right .covidBanner {

            height: 199px;
            padding-left: 5.06%; 

            background-image: none;

        }

        .section.summer.hero>.right .covidBanner {

            background-image: none;

        }

        .section.hero>.right .covidBanner p {

            font-size: 14px;
            line-height: 24px;

        }

        .section.specialOffers .offer .offerImage {

            width: 100%;
        
        }

        .section.hero.rentalsPage>.fullscreen h1 {

            width: 92%;

            font-size: 44px;
            line-height: 53px;

        }

        .section.rentals .properties .property .name, 
        .section.propertyFilter .properties:not(.listView) .property .name {

            top: -4.5%;
        
        }

        .section.rentals .properties .property .neighborhood {

            top: -11.75%;

        }

        .section.rentals .properties .property .details {

            bottom: 3.8%;

        }

        .section.rentals .properties .property .details p {

            margin-top: 1px;

            font-size: 14px;
            line-height: 24px;

        }

        .section.reviews .review {

            width: 78.5vw;
            height: 100%;
            margin-right: 5.06vw;
        
        }

        .section.reviews .review:first-child {

            margin-left: 5.06vw;
        
        }

        .section.reviews .review .text {

            height: calc(55.67*var(--vhc, 1vh));
            padding: 27px 27px 54px 27px;
        
        }

        .section.reviews .review .text p {

            height: fit-content;
            height: -moz-fit-content;
    
        }

        .section.reviews .review .text a {

            display: none;

        }

        .section.reviews .review .name {

            margin-top: calc(5*var(--vhc, 1vh));

            font-size: 17px;
        
        }

        .section.reviews .review .details p {

            font-size: 14px;

        }

        .section.reviews .review .details div {

            display: inline-block;
            width: 29.5vw;

        }

        .section.reviews .review .details div:last-child {

            display: none;

        }

        .section.propertyFilter {

            height: calc(100*var(--vhc, 1vh));
        
        }

        .section.propertyFilter .filters label {

            width: 48.2%;
            height: 101px;
        
        }

        .section.propertyFilter .filters input[type=text], 
        .section.propertyFilter .filters input[type=date], 
        .section.propertyFilter .filters select {

            padding-left: 19px;

            background-position: right 22px center;
        
        }

        .section.propertyFilter .listControls .numberOfResults {

            display: none;

        }

        .section.propertyFilter .properties {
            
            padding-top: 212px;
        
        }

        .section.propertyFilter .properties .property {

            width: 93.44%;
        
        }

        .section.contacts {

            grid-template-columns: 5.06vw repeat(4, 1fr) 5.06vw;

        }

        .section.contacts h2 {
            
            top: 6px;
        
        }

        .section.contacts .flexContainer .questions {

            padding-left: 0;

            font-size: 14px;
        
        }

        .section.contacts .flexContainer .questions a {

            font-size: 14px;

        }

        .section.contacts .flexContainer .questions a:nth-child(2) {

            position: absolute;
            left: 0;
        
        }

        .section.contacts .flexContainer .questions a:first-child {

            left: 50%;

        }

        .section.contacts .flexContainer .questions span {

            display: none;
        
        }

        .section.contacts .flexContainer .mailing {

            padding-left: 0;
            padding-top: 20px;

            border-top: 1px solid rgb(var(--styleLightGrey));
        
        }

        .section.contacts .flexContainer .mailing>* {

            width: 100% !important;
        
        }

        .section.contacts .flexContainer .mailing>*:last-child {

            margin-left: 0;

        }

        .section.contacts .flexContainer .mailing p {

            width: 100%;
            margin: 0;

            font-size: 14px;
        
        }

        .section.contacts .flexContainer .mailing span.tablet {

            display: none;

        }

        .section.contacts .flexContainer .mailing span.mobile {

            display: inline-block;

        }

        .section.contacts .flexContainer .mailing input[type=text] {

            width: 100% !important;
            height: 67px;
            margin-right: 0;

            font-size: 14px;

        }

        .section.contacts .flexContainer .mailing input[type=submit] {

            width: 100% !important;
            height: 67px;
            margin-top: 18px;

            font-size: 14px;
        
        }

        .section.rentalTeam .contactsFooter {
        
            height: 234px;
    
        }

        .section.contacts .flexContainer .contactsFooter {

            height: 120px;

        }

        .section.contacts .flexContainer .contactsFooter .tacWOpen {

            left: 5.06% !important; 

        }

        .section.contacts .flexContainer .contactsFooter .privacyWOpen, 
        .section.rentalTeam .contactsFooter .privacyWOpen {
            
            left: 50%;

            width: fit-content;
            width: -moz-fit-content;

            font-size: 14px;

            transform: none;

        }

        .section.contacts .flexContainer .contactsFooter .privacyWOpen {

            left: auto !important;
            right: 5.06% !important; 

        }

        .section.contacts .flexContainer .contactsFooter a:first-child, 
        .section.rentalTeam .contactsFooter a:first-child {

            display: none;

        }

        .section.contacts .flexContainer .contactsFooter a:nth-child(2), 
        .section.rentalTeam .contactsFooter a:nth-child(2) {

            display: none;
        
        }

        .section.contacts .flexContainer .contactsFooter .copyright, 
        .section.rentalTeam .contactsFooter .copyright {

            right: 5.06%;
        
        }

        .section.hero .fullscreen h1 {

            width: unset;

            font-size: 56px;
            line-height: 61px; 

        }

        .section.hero .fullscreen h1+p {

            width: 89.86%;
            
            font-size: 12px;

        }

        .section.hero .fullscreen p {

            width: 90%;

        }

        .section.details .rating {

            width: 100%;
        
        }

        .section.details {
            
            grid-template-columns: 5.06vw repeat(4, 1fr) 5.06vw;
        
        }

        .section.details .rooms h3, 
        .section.details .amenities h3 {

            width: 100%;
            margin-bottom: 5px;

        }

        .section.details .rooms {

            padding-top: 124px;
            padding-left: 0;

            grid-row: 1 / 2;
            grid-column: 2 / 6;


        }

        .section.details .rooms p {

            width: 100%;
            font-size: 14px;

        }

        .section.details .rooms p.short {

            display: inline-block;
            margin: 6px 0 0 0;

        }

        .section.details .rooms p:not(.short) {

            display: none;

        }

        .section.details .amenities {

            padding-top: 20px;

            grid-row: 2 / 3;
            grid-column: 2 / 6;

        }

        .section.details .amenities .amenity {

            width: 48%;
            margin-right: 0;
            margin-top: 3px;
            padding-right: 0;

            vertical-align: top;

        }

        .section.details .amenities .amenity div:first-child {

            display: none;
        
        }

        .section.details .amenities .amenity p {

            width: 100%;
            margin-left: 0;
            margin-top: 7px;
            margin-bottom: -6px;

            font-size: 14px;

        }

        .section.location .left {

            display: none;

        }

        .section.location .map .mapOverlay {

            width: 100%;
            height: fit-content;
            height: -moz-fit-content;
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;

            background: transparent;

        }
        
        .section.booking {

            height: calc(100vh - 73px);

            grid-template-rows: 1fr;

        }

        .section.booking, 
        .section.contactUs {

            grid-template-columns: 5.06vw repeat(4, 1fr) 5.06vw;

        }

        .section.booking .getThePrice {

            grid-column: 2 / 6;
        
        }

        .section.booking .getThePrice form {
            
            position: relative;
        
        }

        .section.booking .getThePrice form label {

            display: inline-block;
            width: 44.75% !important;
            margin-right: 4.25%;

            font-size: 14px;

        }

        .section.booking .getThePrice form label input[type=text] {

            width: 100%;
            height: 67px;
            margin-top: 0;
            margin-bottom: 6px;
            padding: 0 0 0 22px;

            font-size: 14px;

            background-position: left 89% center;

        }

        .section.booking .getThePrice form label select {

            width: 100%;
            height: 67px;
            margin-top: 0;
            margin-bottom: 6px;
            padding: 0 0 0 22px;

            background-position: left 89% center;

        }

        .section.booking .getThePrice .mobileDetails {

            position: relative;

            display: block;
            margin-bottom: 32px;
            
        }

        .section.booking .getThePrice .mobileDetails p, 
        .section.booking .getThePrice .mobileDetails ul, 
        .section.booking .getThePrice .mobileDetails a {

            font-size: 14px;

        }

        .section.booking .getThePrice .mobileDetails ul li {

            margin-bottom: 8px;

        }

        .section.booking .getThePrice .mobileDetails a.tacWOpen, 
        .section.booking .getThePrice .mobileDetails a.privacyWOpen {

            position: relative;

            display: inline-block;

            margin-top: 31px;

            text-decoration: underline !important;
            text-decoration-color: rgba(var(--styleBlack), 0.24) !important;

            transition: text-decoration-color 150ms ease-in;

        }

        .section.booking .getThePrice .mobileDetails a:last-child {

            position: absolute;
            left: 50%;
            bottom: 1px;

        }

        .section.booking .getThePrice .mobileDetails a:hover {

            text-decoration-color: rgba(var(--styleBlack), 0.24) !important;

        }

        .section.booking .getThePrice form button {
            
            width: 100%;
            margin-top: 4px;
        
        }

        .section.booking .pricing {

            position: fixed;
            right: 0;
            top: 100vh;

            width: 100%;
            max-width: 419px;
            height: fit-content;
            height: -moz-fit-content;

            background-color: rgb(var(--styleWhite));

            overflow: hidden;

        }

        .section.booking .pricing .receipt {

            position: relative;
            left: 0;
            right: 0;
            top: 0;
            bottom: 7.04vh;

            width: calc(89.88%);
            max-width: 419px;
            margin-left: auto;
            margin-right: auto;
        
        }

        .section.booking button {

            width: 100%;
            height: 67px;

            font-size: 14px;

        }
        
        .section.booking .details {

            display: none;

        }

        .section.booking .needHelp, 
        .section.contactUs .needHelp {

            padding: 0 5.06%;
        
        }

        .section.booking .needHelp p, 
        .section.contactUs>.needHelp p {

            display: none;
        
        }

        .section.booking .needHelp a:nth-child(2), 
        .section.contactUs>.needHelp a:nth-child(2) {

            left: 50%;

            font-size: 13px;
        
        }

        .section.booking .needHelp .copyEmail, 
        .section.contactUs>.needHelp .copyEmail {

            display: none;
        
        }

        .section.booking .needHelp a:nth-child(4), 
        .section.contactUs .needHelp a:nth-child(4) {

            position: relative;
            left: 0;

            font-size: 13px;
        
        }

        .section.booking p, 
        .section.contactUs p, 
        .section.booking a, 
        .section.contactUs a {

            font-size: 15px;

        }

        .section.booking .needHelp .copyright, 
        .section.contactUs .needHelp .copyright {

            display: none;

        }

        .section.hero .right.about p {
            
            margin-bottom: 52px;
            padding-bottom: 2vh;

            line-height: 26px;
        
        }

        .section>.right.about p span:first-child {

            width: 86.88vw;
            margin-bottom: 1.6vh;
        
        }

        .section>.right.about p span:last-child {

            margin-top: 12px;

        }

        .section>.right.about a {

            position: absolute;

            display: inline-block;

            font-size: 14px;

        }

        .section>.right.about a:nth-child(2){
            
            left: 50%;
        
        }

        .section.information {

            grid-template-rows: 194px 1fr;
            grid-template-columns: 5.06% repeat(4, 1fr) 5.06%;
        
        }

        .section.information .details {

            display: none;

        }

        .section.information .schedule {

            grid-column: 2 / 6;
        
        }

        .section.information .schedule p:first-child {

            margin-bottom: 0 !important;
        
        }

        .section.information .schedule p:nth-child(2) {
            
            margin-bottom: 4px !important;
        
        }


        .section.information .schedule p:nth-child(n+3) {

            display: inline-block;
            width: 50vw;
            margin-top: 10px;
            margin-bottom: -20px;

        }

        .section.information .schedule p:nth-child(2n+1) {

            display: inline-block;
            width: 34vw;
            margin-top: 10px;
            margin-bottom: -20px;

        }

        .section.information .schedule p:nth-child(n + 7) {

            display: none;

        }
            
        .section.information .faq {

            padding-top: 3vh;

            grid-column: 2 / 6;
        
        }

        .accordion .accordion-toggle:nth-child(2n+3) {
            
            margin-top: 10px;
        
        }

        .section.information .faq .accordion-content {

            padding-left: 0;
            padding-bottom: 8px;
        
        }

        .section.information .faq .accordion-content p {
            
            display: inline;

            font-size: 14px;
            line-height: 24px;
        
        }

        .section.information .faq .accordion-content li {

            font-size: 14px;

        }

        .section.information .schedule {

            padding-left: 0;

        }

        .section.qualityRating {

            grid-template-rows: 136px 1fr;
            grid-template-columns: 5.06vw repeat(4, 1fr) 5.06vw;

        }

        .section.qualityRating .details {

            grid-column: 2 / 6;
            
        }

        .section.qualityRating .details p {

            display: inline;
            width: 100%;

        }

        .section.qualityRating .details a {

            display: none;

        }

        .section.qualityRating .explanations {

            padding-left: 0;
            padding-top: 18px;

            grid-column: 2 / 6;
        
        }

        .section.qualityRating .explanations img {

            margin-left: 50%;

            transform: translateX(-50%);

        }

        .section.qualityRating .explanations p {

            display: none;

        }

        .section.qualityRating .explanation {

            display: inline-block;
            margin-right: 0;

        }

        .section.qualityRating .explanation:nth-child(2n) {

            width: 49.2%;
            margin-bottom: 3.6vh;
        
        }

        .section.qualityRating .explanation:nth-child(2n+1) {

            width: 49.2%;
            margin-bottom: 3.6vh;
        
        }

        .section.contactUs .contactForm {

            grid-column: 2 / 6;
        
        }

        .section.contactUs .contactForm form {

            height: initial;
            margin-bottom: calc(3.7*var(--vhc, 1vh));
        
        }

        .section.contactUs .contactForm label {

            width: 100% !important;
            margin-bottom: calc(2.5*var(--vhc, 1vh));

        }

        .section.contactUs .contactForm input {

            height: 63px;
            margin-top: 5px;
            padding-left: 24px;

            font-size: 14px;
        
        }

        .section.contactUs .contactForm textarea {

            width: 89.88vw;
            height: 20.6vh;
            margin-top: 5px;
            padding-left: 24px;
            padding-top: 24px;

            font-size: 14px;

        }

        .section.contactUs .contactForm button {

            width: 89.88vw;
            height: 70px;

        }

        .section.contactUs .details {

            display: none;

        }

        .section.rentalTeam {

            grid-template-columns: 5.06vw repeat(4, 1fr) 5.06vw;

        }
        .section.rentalTeam .personnel {

            flex-direction: column;
        
        }

        .section.rentalTeam .personnel .employee {

            width: 100%;
            margin-left: 0;
            margin-bottom: 0;

            font-size: 14px;

        }

        .section.rentalTeam .personnel .employee:nth-child(2n) {

            margin-left: inherit;

        }

        .section.rentalTeam .personnel .employee img {

            display: inline-block;
            width: 37.07vw;

            float: left;
            vertical-align: top;

        }

        .section.rentalTeam .personnel .employee .name {

            display: inline-block;
            width: 37.07vw;
            margin-top: 1vh;
            margin-bottom: 1vh;

            white-space: nowrap;

        }

        .section.rentalTeam .personnel .employee .role {

            width: 37.07vw;
            margin-bottom: 1vh;

        }

        .section.rentalTeam .personnel .employee a {

            display: inline-block;
            width: 37.07vw;
            margin-bottom: 1vh;

        }



        #bookingW .bookNowScreen h2 {

            top: 79px;

            width: 100%;

            text-align: center;

        }

        #bookingW .bookNowScreen .bookingWsummary .details>div {

            width: 100%;
            padding-bottom: 0px;

        }

        .bookNowScreen .bookingWsummary .details div div:first-child {

            width: 45%;

        }

        .bookNowScreen .bookingWsummary .details div div:last-child {

            width: 53%;

        }

        #bookingW .bookNowScreen .bookingWsummary .details>div:first-child {

            margin-top: 21px;

        }

        #bookingW .bookNowScreen .bookingWsummary .details>div:last-child {

            width: 100%;
            margin-bottom: 47px;

        }

        .bookNowScreen .bookingWsummary .details div div:first-child {

            margin-top: 11px;
            margin-bottom: 0px;
        
        }

        .bookNowScreen .bookingWsummary .details div div {

            display: inline-block;
            width: 49%;

            vertical-align: baseline;
        
        }

        .bookNowScreen .bookingForm label {

            width: 100%;
        
        }

        .bookNowScreen .bookingForm input[type=text] {

            max-width: 100%;
            height: 67px;
        
        }

        .bookNowScreen .bookingForm select {

            max-width: 100%;
            height: 67px;
        
        }

        .bookNowScreen .bookingForm .mobileDetails {

            width: 100%;
            margin: 20px 0 50px 0;

        }

        .bookNowScreen .bookingForm label:nth-child(10) {

            line-height: 34px;
        
        }

        .bookNowScreen .bookingForm label:nth-child(10) span {

            display: inline-block;
            width: calc(100% - 100px);
            vertical-align: top;

        }

        .bookNowScreen .bookingForm input[type=submit] {

            width: 100%;
        
        }        
        
        #bookingW .welcomeScreen {

            margin-top: -28px;

            grid-template-columns: 5.06vw repeat(4, 1fr) 5.06vw;

        }

        #bookingW .welcomeScreen div:first-child {

            padding-left: 5.86vw;
            padding-bottom: 0;

            grid-column: 2 / 6;
        
        }

        #bookingW .welcomeScreen div:last-child {
        
            height: 74px;
            padding-left: 5.86vw;
            padding-top: 2vh;

            grid-column: 2 / 6;
        
        }

        #bookingW .welcomeScreen div:last-child a {

            position: absolute;

            display: inline-block;

        }

        #bookingW .welcomeScreen div:last-child a:first-child {

            left: 50vw;

        }

        #bookingW .welcomeScreen div:last-child a:last-child {

            left: 10.92vw;

        }

        #bookingW .welcomeScreen h1 {

            margin-bottom: -8px;

            font-size: 59px;

        }

        #bookingW .welcomeScreen div p {

            max-width: 390px;

            font-size: 14px;
            line-height: 28px;

        }

        #bookingW .welcomeScreen p:nth-child(2) {

            font-size: 12px;
        
        }

        #bookingW .welcomeScreen p:nth-child(3) {

            margin-top: 25px;
        
        }

        .section.rentals > .navigation, 
        .section.propertyFilter > .navigation {

            height: 100%;
        
        }

    }

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

        #contactsPanel a.call {

            display: none;

        }

        #contactsPanel a.email {

            margin-left: 30px;
        
        }

    }

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

        #tacW, 
        #privacyW {

            padding-left: 36px;
            padding-right: 19px;

        }

        #tacWScrollbar, 
        #privacyWScrollbar {

            position: absolute;
            left: 0;
            top: 0;

            display: block;
            width: 10px;
            height: 100%;

        }

        #tacWScrollbar #tacWScrollbarThumb, 
        #privacyWScrollbar #privacyWScrollbarThumb {

            position: absolute;
            left: 0;
            top: 0;

            width: 100%;

            background-color: rgb(var(--styleBlack));

        }

        #tacW .close, 
        #privacyW .close {

            left: auto;
            right: 20.5px;
            top: 45.5px;
        
        }

        #tacW>.title, 
        #privacyW>.title {

            margin-top: 19.45vh;

        }

        #tacW>.title p, 
        #privacyW>.title p {

            margin-top: -10px;
        
            font-size: 14px;

            color: rgb(var(--styleDarkGrey));

        }

        #tacW .text, 
        #privacyW .text {

            top: 18px;

        }

        #tacW .text p, 
        #privacyW .text p {

            width: 100%;
            margin-left: 0;

            font-size: 15px;

        }

        .scrollableText::-webkit-scrollbar {

            display: none;

        }

        #galleryW .grid {

            grid-auto-rows: 27.2vw;

            width: calc(100% - 38px);
            margin: 0 19px;

        }

        #bookingW .bookingWcontrols, 
        #galleryW .galleryWcontrols {

            padding: 0 28.4px;
        
        }

        #bookingW .bookingWcontrols .bookingWclose,
        #galleryW .galleryWcontrols .galleryWclose {

            top: 38px;

            background-image: url(/img/back-icon-mobile.svg);

        }

        #galleryW .galleryWcontrols .copy {

            top: 41px;
            right: 37px;
        
        }

    }

    @media screen and (max-height: 714px) {

        h2 {

            top: 22px;
        
        }

        .filterPanel {

            position: absolute;
            top: 190px;

        }

        .section.hero .right {

            padding-top: 350px;

        }

        .section.hero .right>p {

            display: inline-block;
            width: 45%;
        
        }

        .section.hero .right.contactus {

            padding-top: 218px;
        
        }

        .section.hero .right .covidBanner p:nth-child(2) {

            margin-top: 14px;
        
        }

        .section>.right.about p span:first-child {

            width: initial;

        }

        .section.propertyFilter .properties.listView {

            height: calc(57vh - 80px) !important;
        
        }

        .section.specialOffers .offer .offerImage {

            width: 100%;
            height: 47%;
        
        }

        .section.contacts .flexContainer .questions a,
        .section.contacts .flexContainer .mailing p {

            font-size: 14px;

        }

        .section.contacts .flexContainer .contactsFooter {

            height: 120px;
        
        }

        .section.contacts .flexContainer .contactsFooter a, 
        .section.rentalTeam .contactsFooter a {

            font-size: 14px;
        
        }

        .section.contacts .flexContainer .contactsFooter .copyright, 
        .section.rentalTeam .contactsFooter .copyright {

            font-size: 14px;

        }

        .section.rentalTeam .personnel .employee:nth-child(2n) {

            margin-left: 0;

        }

        .section.rentalTeam .personnel .employee .name {

            margin-top: 31px;

        }

        .section.contactUs {

            grid-template-rows: 1fr 102px;

        }

        .section.contactUs .contactForm textarea {
            
            height: 177px;
        
        }

    }

    @media screen and (max-height: 1000px) and (orientation: landscape) {

        .section.propertyFilter .filters {

            height: 218px;
        
        }

        .section.propertyFilter .filters input {

            height: 63px;
        
        }

        .section.propertyFilter .filters select {

            height: 63px;

        }

        .section.propertyFilter .filters .filterProgressBar {

            top: 211px;

        }

        .section.propertyFilter .properties {

            padding-top: 294px;
        
        }

        .section.propertyFilter .properties.listView {

            height: calc(57vh - 80px);

        }

        .section.propertyFilter .properties .property {

            width: 22vw;
            height: 100%;
        
        }

        .section.details .amenities .amenitiesList .amenity {

            flex-direction: row;
            align-items: center;

        }

        .section.propertyFilter>.navigation {
            width: 100%;
            height: calc(100% - 334px);
            bottom: 40px;
        
        }

        .section.propertyFilter>.navigation .left {

            position: absolute;
            left: 0;
            right: auto;
            height: 100%;
            margin: 0;
            background: transparent no-repeat center center;
            background-image: url(/img/arrow-scroll-left-dark.svg), linear-gradient(to left, rgba(var(--styleWhite), 0), rgba(var(--styleWhite), 1));
            
        }

        .section.propertyFilter>.navigation .right {

            position: absolute;
            left: auto;
            right: 0;
            height: 100%;
            margin: 0;
            background: transparent no-repeat center center;
            background-image: url(/img/arrow-scroll-right-dark.svg), linear-gradient(to right, rgba(var(--styleLightBeige), 0), rgba(var(--styleWhite), 1));

        }

    }

    @media screen and (max-height: 650px) and (orientation: portrait) {    

        #topMenu .menu {

            display: flex;
            flex-direction: column;
            padding-top: 30vw !important;
        
        }

        #topMenu .menu>a {

            margin-bottom: 0;

            font-size: 43px !important;
            line-height: 14vh;
            text-underline-offset: 24px;

        }

        #topMenu .menu>a:last-of-type {

            margin-bottom: 15px;

        }

        #topMenu .menu .mobileSeasonSwitch, 
        #topMenu .menu .mobileLang {

            position: static;

        }

    }

    @media screen and (max-width: 1366px) and (orientation: portrait) {

        :root {

            --menuHeight: 133px;
            --menuHeightPart: 85px;

        }

        #topMenu .lang {

            left: calc(6.25% - 10px);
            top: 70px;

            flex-direction: column;
            width: 90px;
            height: 82px;
            padding: 18px 10px 0 15px;

            border: 1px solid transparent;

            overflow: hidden;

            box-sizing: border-box;

        }

        #topMenu.sticky .lang {

            transform: translate(0, -64px);
        
        }

        #topMenu .lang.open {

            height: fit-content;
            height: -moz-fit-content;

            background-color: rgb(var(--styleWhite));
            border-color: rgb(var(--styleLightGrey));

            z-index: 210;

        }
        
        #topMenu .lang.open+#langPanelBackground {
        
            visibility: visible;
        
        }

        #topMenu .lang.open a {

            color: rgb(var(--styleBlack)) !important;

        }

        #topMenu .lang.open .langOption.active a {

            border-color: rgb(var(--styleBlack)) !important;

        }

        #topMenu .lang.notransition .langOption.active a {

            transition: none;

        }

        #topMenu .langOption.active {

            cursor: pointer;
        
        }

        #topMenu .lang a {

            display: block;

            width: 37px;
            height: 37px;
            margin-bottom: 16px;
            padding-top: 3px;
            padding-left: 10px;

            text-align: left;
            text-transform: none;

        }

        #topMenu .lang .dropDownIcon {

            position: absolute;
            right: 10px;
            top: 24px;

            display: block;

            pointer-events: none;

        }

        #topMenu .lang .dropDownIcon .a, 
        #topMenu .lang .dropDownIcon .b {

            fill: none;

        }

        #topMenu .lang .dropDownIcon .b {

            stroke: rgb(var(--styleWhite));
            stroke-linecap: round;
            stroke-linejoin: round;

            transition: stroke 400ms ease-in;

        }

        #topMenu .lang.black .dropDownIcon .b {

            stroke: rgb(var(--styleBlack));

        }

        #topMenu .lang.open .dropDownIcon .b {

            stroke: rgb(var(--styleBlack)) !important;

        }

        #topMenu .lang.notransition .dropDownIcon .b {

            transition: none;

        }

        #topMenu.sticky .lang .dropDownIcon .b {

            stroke: rgb(var(--styleBlack)) !important;

            transition: stroke 600ms ease-out;

        }

        #topMenu .menu .mobileSeasonSwitch {

            bottom: 15.5vw;
        
        }

        #topMenu .menu a {

            margin-right: 38px;

            font-size: 14px;

        }

        #topMenu.sticky .contactButtons {

            opacity: 0;
            visibility: hidden;

        }

        #seasonSwitch {

            display: none;

        }

        .filterPanel {

            top: 26.71vh;

            height: 192px;
            padding-left: 31px;
        
        }

        .filterPanel input[type=submit] {

            right: 15px;
            top: auto;
            bottom: 15px;

            width: calc(100% - 30px);
            height: 62px;
        
        }

        .section.hero .right .covidBanner {
            
            margin: 0 15px 10px 15px;
            width: -webkit-fill-available !important;
            width: -moz-fill-available !important;
    
        }

        .section.hero .right .covidBanner .closeDisclaimer {

            display: block;

        }

        .section.hero .right .covidBanner p:nth-child(2) {

            margin-top: 15px;

        }

        .section.summer.hero>.right .covidBanner {

            background-image: none;
        
        }

        .section.contacts .divider {
        
            grid-column: 5 / 6;
        
        }

        .section.contacts .flexContainer p,
        .section.contacts .flexContainer a {

            font-size: 15px;

        }

        .section.contacts .flexContainer .mailing {

            border-left: none;
        
        }

        .section.contacts .flexContainer .mailing p {

            margin-right: 10%;
        
        }

        .section.contacts .flexContainer .mailing input[type=text] {

            display: inline-block;

            width: 50%;
            margin-right: 20px;
        
        }

        .section.contacts .flexContainer .mailing input[type=submit] {

            display: inline-block;
            margin-top: 0;

            width: 30%;
        
        }

        .section.contacts .flexContainer .questions {

            padding-top: 5px;

        }

        .section.contacts .flexContainer .questions a {

            margin-top: 13px;

        }

        .section.contacts .flexContainer .questions span {

            margin-top: 11.5%;
        
        }

        .section.contacts .visual {

            display: none;

        }

        .section.contacts .flexContainer .contactsFooter a, 
        .section.rentalTeam .contactsFooter a {

            font-size: 15px;
        
        }

        .section.contacts .flexContainer .contactsFooter .copyright, 
        .section.rentalTeam .contactsFooter .copyright {

            font-size: 15px;

        }

        .section.contacts .flexContainer .contactsFooter .tacWOpen, 
        .section.rentalTeam .contactsFooter .tacWOpen {

            left: auto;
            right: 23.37%;

            width: fit-content;
            width: -moz-fit-content;
            height: fit-content;
            height: -moz-fit-content;

            transform: translateX(-100%);

        }

        .section.contacts .flexContainer .contactsFooter .tacWOpen {

            transform: none;

        }

        .section.contacts .flexContainer .contactsFooter .copyright {

            color: rgb(var(--styleBlack));

        }

        .section.propertyFilter .filters {

            height: 381px;

        }

        .section.propertyFilter .filters form {

            flex-wrap: wrap;
            gap: initial;
            justify-content: space-between;

        }

        .section.propertyFilter .filters label {

            width: 31%;

        }

        .section.propertyFilter .filters .filterProgressBar {

            top: 211px;

        }

        .section.propertyFilter .listControls {

            top: 389px;
        
        }

        .section.propertyFilter .properties~.listViewHeader {

            top: 484px;

            grid-template-columns: 5.55vw repeat(2, 1fr) 8vw 16vw;

        }

        .section.propertyFilter .properties~.listViewHeader span:nth-child(4) {

            display: none;

        }

        .section.propertyFilter .properties.listView {

            margin-top: 560px;

        }

        .section.propertyFilter .properties.listView .property div.details>p:nth-child(1) {

            display: none;
        
        }

        .section.propertyFilter .properties.listView .property .details span:nth-child(3):not(.listBookNow) {

            display: none;
            width: 48.6%;

        }

        .section.propertyFilter .properties.listView .property .propertyDescription {

            grid-template-columns: 5.55vw repeat(2, 1fr) 24vw;

        }

        .section.propertyFilter .properties.listView .property div.details>p {

            width: 33%;
            
        }

        .section.gallery .factsGalleryBlock {

            display: none;

        }

        .section.gallery .previewGalleryBlock {

            grid-column: 2 / 6;

        }

        .section.gallery #galleryImgList>div>div {

            height: 14vh;

        }

        .section.details .roomsAndAmenities {

            flex-direction: row-reverse;
            justify-content: space-evenly;

            padding-top: 0;

        }

        .section.details .rooms, 
        .section.details .amenities {

            flex-direction: column;
            padding-top: 0;

        }

        .section.details .rooms .roomsList, 
        .section.details .amenities .amenitiesList {

            flex-direction: column;

        }

        .section.details .rooms p, 
        .section.details .amenities .amenity {

            width: 45vw;

        }

        .section.details .amenities .amenity {

            flex-direction: row;

        }

        .section.details .rating {

            display: flex;

        }

        .section.booking .bookingBlock .bookingSteps {

            flex-direction: column;

        }

        .section.location .map {

            flex: none;
            width: 93.44vw;
            margin-left: 3.28%;
            margin-right: 3.28%;

        }

        .section.location .map .mapOverlay {

            padding-left: 230px;

        }

        .section.hero .right.about {
            
            padding: 22vh 3.28% 0 8.78vw;
        
        }

        .section.booking .getThePrice form {

            align-items: baseline;
            height: fit-content;
            height: -moz-fit-content;
        
        }

        .section.booking .getThePrice form label input[type=text],
        .section.booking .getThePrice form label select {

            margin-bottom: calc(2.4*var(--vhc, 1vh));
        
        }

        .section.booking .details {

            padding-top: 0;

        }

        .section.booking .needHelp, .section.contactUs .needHelp {

            max-height: 107px;

        }

        .section.booking .getThePrice {

            width: 100%;

        }

        .section.booking .getThePrice form {

            width: 100%;

        }

        .section.booking .pricing .receipt #currencySwitch div:not(.active):hover {

            background-color: none;

        }

        .section.rentalTeam {

            height: fit-content;
            height: -moz-fit-content;

        }

        .section.rentalTeam .flexContainer {

            gap: 54px;

        }

        .section.rentalTeam .personnel {

            flex-direction: column;

        }

        .section.rentalTeam .personnel .employee {

            flex: 1 0 auto;

            display: block;
            margin-top: 20px;
            margin-bottom: 10px;

        }

        .section.rentalTeam .personnel .employee>*:not(img) {

            position: relative;
            left: 25vw;

            width: 50vw;
            margin-bottom: 6px;

        }

        .section.rentalTeam .personnel .employee img {

            position: absolute;
            width: 20vw;
            height: 20vw;

        }

        .section.rentalTeam .personnel .employee .name {

            margin: 8px 0 6px 29px;
        
        }

        .section.information .flexContainer, 
        .section.qualityRating .flexContainer {

            grid-column: 3 / 6;

        }
        .section.information .schedule,
        .section.qualityRating .details {

            width: 23.7vw;
        
        }

        .section.reviews>.navigation,
        .section.location>.navigation { 

            left: 0;
            top: 0;
            display: inline-block;
            width: 100%;
            height: 100%;
            margin-top: 0;
            transform: none;
    
        }

        .section.rentals > .navigation {

            bottom: 0;

            width: 100%;
            height: 100%;

        }

        .section.propertyFilter > .navigation {

            width: 100%;
            height: calc(100% - 381px);

            bottom: 0;

        }

        .section.rentals>.navigation .left, 
        .section.cransMontanaAbout>.navigation .left, 
        .section.reviews .navigation .left, 
        .section.specialOffers>.navigation .left,
        .section.propertyFilter>.navigation .left,
        .section.location>.navigation .left {

            position: absolute;
            left: 0;
            right: auto;

            height: 100%;
            margin: 0;

            background: transparent no-repeat 28% center;
            background-image: url(/img/arrow-scroll-left-white.svg), radial-gradient(circle at -5%, #1E1E1E 56px, transparent 57.5px, transparent);

        }

        /* .section.cransMontanaAbout>.navigation .left {

            background-image: url(/img/arrow-scroll-left.svg), linear-gradient(to left, rgba(var(--styleGreen), 0), rgba(var(--styleGreen), 1));

        }

        .section.summer.cransMontanaAbout>.navigation .left {

            background-image: url(/img/arrow-scroll-left-white.svg), linear-gradient(to left, rgba(var(--styleRed), 0), rgba(var(--styleRed), 1));

        }

        .section.specialOffers>.navigation .left, 
        .section.location>.navigation .left {

            background-image: url(/img/arrow-scroll-left-dark.svg), linear-gradient(to left, rgba(var(--styleLightBeige), 0), rgba(var(--styleLightBeige), 1));

        } */

        .section.rentals>.navigation .right, 
        .section.cransMontanaAbout>.navigation .right, 
        .section.reviews .navigation .right, 
        .section.specialOffers>.navigation .right,
        .section.propertyFilter>.navigation .right,
        .section.location>.navigation .right {

            position: absolute;
            left: auto;
            right: 0;

            height: 100%;
            margin: 0;

            background: transparent no-repeat 72% center;
            background-image: url(/img/arrow-scroll-right-white.svg), radial-gradient(circle at 105%, #1E1E1E 56px, transparent 57.5px, transparent);

        }

        /* .section.cransMontanaAbout>.navigation .right {

            background-image: url(/img/arrow-scroll-right.svg), linear-gradient(to right, rgba(var(--styleGreen), 0), rgba(var(--styleGreen), 1));

        }

        .section.summer.cransMontanaAbout>.navigation .right {

            background-image: url(/img/arrow-scroll-right-white.svg), linear-gradient(to right, rgba(var(--styleRed), 0), rgba(var(--styleRed), 1));

        }

        .section.specialOffers>.navigation .right, 
        .section.location>.navigation .right {

            background-image: url(/img/arrow-scroll-right-dark.svg), linear-gradient(to right, rgba(var(--styleLightBeige), 0), rgba(var(--styleLightBeige), 1));

        } */

    }

    @media screen and (max-width: 1024px) and (orientation: portrait) {

        :root {

            --menuHeight: 120px;
            --menuHeightPart: 69px;
            --sectionIndentTop: 192px;
            --sectionIndentBottom: 92px;

        }

        html {

            font-size: 15px;

        }

        #topMenu .lang.black .dropDownIcon .b {

            stroke: rgb(var(--styleWhite));

        }

        #topMenu.sticky .lang {

            transform: translate(0, -72px);
        
        }

        #topMenu .menu { 

            padding-top: 38vw;

        }

        #topMenu .menu a {

            font-size: 45px;

        }

        .filterPanel {

            left: 0;
            right: 0;
            top: 24.71vh;

            width: 95.8%;
            height: 117px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 32px;

            transform: none;

        }

        .filterPanel input[type=submit] {
            
            right: 20px;
            top: 20px;

            width: 77px;
            height: 77px;
        
        }


        .section.hero>.right.about {
            
            padding: 37vh 3.28% 0 7.78vw;
        
        }

        .section.hero>.right h1 {

            font-size: 3.533rem;
        
        }

        .section.hero>.right>p {

            font-size: 1rem;
            line-height: 1.92em;

        }
        
        .section.rentals .properties .property, 
        .section.propertyFilter .properties .property {

            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 56vw;
            height: 100%;
        
        }

        .section.rentals .properties .property .propertyImage, 
        .section.propertyFilter .properties .property .propertyImage {

            flex: 0 1 auto;

        }

        .section.rentals .properties .property .propertyDescription, 
        .section.propertyFilter .properties .property .propertyDescription {

            flex: 1 0 auto;

        }

        .section.reviews .review {

            width: 73vw;
        
        }

        .section.specialOffers .offer {

            width: 94.8vw;
        
        }

        .section.specialOffers .offer:last-of-type {

            margin-right: unset;
            border-right: 2.6vw solid transparent;

        }

        .section.specialOffers .offer .offerImage {

            width: 100%;

        }

        .section.contacts .flexContainer .mailing p {

            transform: translateY(40px);
        
        }

        .section.contactUs .contactForm textarea {

            height: 245px;
        
        }

        .section.propertyFilter .properties~.listViewHeader {

            top: 476px;
        
        }

        .section.propertyFilter .properties.listView {
            
            margin-top: 538px;
        
        }

        .section.booking p, 
        .section.contactUs p, 
        .section.booking a, 
        .section.contactUs a {

            font-size: 15px;

        }

        .section.booking .needHelp>p, 
        .section.booking .needHelp>a,
        .section.contactUs .needHelp>p, 
        .section.contactUs .needHelp>a {
            
            width: 25%;
        
        }

        .section.booking .needHelp>div,
        .section.contactUs .needHelp>div {

            width: 50%;

        }

        .section.booking .needHelp>a,
        .section.contactUs .needHelp>a {

            text-align: left;

        }

        .section.location {
            
            grid-template-columns: 2.6% repeat(4, 1fr) 2.6%;
        
        }

        .section.location .locationArea {

            grid-column: 1 / 7;

        }

        .section.location .map {

            width: 94.8vw;
            margin-left: 2.6%;
            margin-right: 2.6%;

        }

        .section.location .map .mapOverlay {

            width: 75%;
            padding-left: 190px;
        
        }

        .section.cransMontanaAbout .aboutArea .map img {

            margin-bottom: 76px;

        }

        .section.cransMontanaAbout>.navigation { 

            left: 0;
            top: 0;
            display: inline-block;
            width: 100%;
            height: 100%;
            margin-top: 0;
            transform: none;
    
        }

        .section.information .flexContainer, 
        .section.qualityRating .flexContainer {

            grid-column: 2 / 6;

        }

        .section.information .faq,
        .section.qualityRating .explanations {

            width: 71.1vw;
        
        }

        .section.specialOffers>.navigation {

            left: 0;
            top: 0;
            display: inline-block;
            width: 100%;
            height: 100%;
            margin-top: 0;

            transform: none;

        }

        .section>.navigation .seeAll {

            left: 50vw;
            right: auto;
            top: auto;
            bottom: 5%;

            font-size: 14px;

        }

    }

    @media screen and (max-width: 768px) and (orientation: portrait) {

        :root {

            --sectionIndentTop: 145px;
            --sectionIndentBottom: 40px;

        }

        .section.hero>.right h1 {

            font-size: 51px;

        }

        .section.hero .right .covidBanner {

            margin: 0;

        }

        .section.cransMontanaAbout .aboutArea .map img {

            margin-bottom: unset;
        
        }

        .section.specialOffers .offer {

            width: 89.88vw;
            margin-right: 5.06vw;
        
        }

        .section.specialOffers .offer:last-of-type {

            border-right-width: 5.06vw;

        }

        .section.contacts .flexContainer .questions>*:first-child {

            width: 100%;

        }

        .section.contacts .flexContainer .questions>*:nth-child(n+2) {

            width: 50%;

        }

        .section.contacts .flexContainer .questions>*:nth-child(2) {

            order: 2;

        }

        .section.contacts .flexContainer .questions>*:nth-child(3) {

            order: 1;

        }

        .section.propertyFilter .properties.listView~.listViewHeader {
            
            display: none;
        
        }

        .section.propertyFilter .properties.listView {

            margin-top: 476px;

            gap: 21px;

        }

        .section.propertyFilter .properties.listView .property .propertyDescription>div,
        .section.propertyFilter .properties.listView .property .propertyDescription h3,
        .section.propertyFilter .properties.listView .property .propertyDescription p {

            width: 100% !important;
            margin: 0 !important;

            font-size: 14px;
            line-height: 1.4em;

        }

        .section.propertyFilter .properties.listView .property .propertyDescription .details {

            display: flex;
            flex-direction: column;
            gap: 9px;
            width: 100%;

        }

        .section.propertyFilter .properties.listView {

            height: calc(73*var(--vhc, 1vh) - 80px) !important;

            gap: 40px;

        }

        .section.propertyFilter .properties.listView .property {
            
            flex-wrap: wrap;

            border-bottom: 1px solid rgb(var(--styleLightGrey));

        }

        .section.propertyFilter .properties.listView .property:hover {

            background-color: transparent;

        }

        /* .section.propertyFilter .properties.listView .property .propertyNameMobile {

            display: flex;

        } */

        .section.propertyFilter .properties.listView .property .propertyImage {

            width: 100%;
            height: 206px;

        }

        .section.propertyFilter .properties.listView .property .propertyDescription {

            display: flex;
            flex-direction: column;
            gap: 9px;

            width: fit-content;
            width: -moz-fit-content;
            margin-top: -6px;
            padding: 0 0 36px 40px;

            border-bottom: none;

        }

        .section.propertyFilter .properties.listView .property .propertyLevelHeader .header-name,
        .section.propertyFilter .properties.listView .property .propertyDescription .name {

            order: -1;

        }

        .section.propertyFilter .properties.listView .property div.details>p:nth-child(1) {

            display: block;

        }

        .section.propertyFilter .properties.listView .property .propertyDescription>div, 
        .section.propertyFilter .properties.listView .property .propertyDescription h3, 
        .section.propertyFilter .properties.listView .property .propertyDescription p {

            line-height: 30px;

        }

        .section.propertyFilter .properties.listView .property .details span:nth-child(3):not(.listBookNow) {

            display: inline-block;
            width: fit-content;
            width: -moz-fit-content;

        }

        .section.propertyFilter .properties.listView .property .propertyLevelHeader {

            display: flex;
            flex-direction: column;
            gap: 20px;

            width: fit-content;
            width: -moz-fit-content;

        }

        .section.propertyFilter .properties.listView .property .propertyLevelHeader span {

            font-size: 14px;
            line-height: 1.4;

            color: rgb(var(--styleDarkGrey));

        }

        .section.gallery {

            grid-template-rows: 1fr calc(31.93*var(--vhc, 1vh));
            grid-template-columns: 3.65vw repeat(4, 1fr) 3.65vw;

        }

        .section.gallery .previewGalleryBlock {

            grid-row: 1 / 2;
            grid-column: 2 / 6;

            gap: 40px;

            border: none;

        }
        
        .section.gallery .previewGalleryBlock .imageGalleryBlock {

            width: 100%;
            height: 39vh;

        }

        .section.gallery .commentGalleryBlock {

            display: none;

        }

        .section.gallery #galleryImgList {

            height: 100%;
            margin-top: 0;
            padding-top: 38.5px;

            grid-row: 2 / 3;
            grid-column: 1 / 7;

        }

        .section.gallery #galleryImgList>div {

            width: auto;
            height: 72.8%;
            padding: 0 3.65%;

            overflow-x: scroll;
            overflow-y: hidden;

            white-space: nowrap;

            transform: scaleY(-1);

        }

        .section.gallery #galleryImgList>div::-webkit-scrollbar {

            height: 1px;

            background-image: linear-gradient(to right, 
                                                transparent 3.65vw, 
                                                rgba(var(--styleWhite), 0.26) 3.65vw, 
                                                rgba(var(--styleWhite), 0.26) 96.35vw, 
                                                transparent 96.35vw);

        }

        .section.gallery #galleryImgList>div::-webkit-scrollbar-track {

            margin: 0 3.65vw;

        }

        .section.gallery #galleryImgList>div>div {

            display: inline-block;
            width: 34.76vw;
            height: 16.41vh;
            margin-bottom: 0;
            margin-right: 14px;

            transform: scaleY(-1);

        }

        .section.gallery #galleryImgList>div>div::before {

            border: 1px solid rgba(var(--styleWhite), 0);
        
        }

        .section.gallery #galleryImgList>div>div:hover::before {

            border: 1px solid rgba(var(--styleWhite), 0.26);
        
        }

        .section.gallery #galleryImgList>div>div.active::before {

            border: 2px solid rgb(var(--styleWhite));

        }

        .section.gallery #galleryImgList>div>div.active:hover::before {

            border: 2px solid rgb(var(--styleWhite));

        }

        .section.gallery .openGallery {

            padding: 27px 0 0 0;

            grid-column: unset;

            color: rgb(var(--styleWhite));
            background: transparent url(/img/allPhotos-icon-white.svg) no-repeat left calc(50% - 84px) center;

            text-align: center;

        }
        
        .shortsection .flexContainer .desktop,
        .shortsection .flexContainer .mobile {
        
            display: none;
        
        }

        .shortsection .flexContainer .tablet {

            display: inline-block;
        
        }

        .shortsection.detailsSummary .flexContainer>div {

            width: 25%;

        }

        .shortsection.detailsSummary .flexContainer>div:nth-of-type(5),
        .shortsection.detailsSummary .flexContainer>div:nth-of-type(6) {

            display: none;

        }

        .section.details .rooms h3, 
        .section.details .amenities h3 {

            margin-bottom: 23px;
        
        }

        .section.location .map .mapOverlay {
        
            width: 85%;
            padding-left: 26.25%;

            background-position: 10.25% center;
        
        }

        .section.rentalTeam .personnel .employee img {

            min-width: 159px;
            min-height: 159px;

        }

        .section.rentalTeam .personnel .employee>*:not(img) {

            left: 148px;
            
        }

    }

    @media screen and (max-width: 640px) and (orientation: portrait) {

        :root {

            --menuHeightPart: 71px;
            --sectionIndentTop: 128px;

        }

        html {

            font-size: 14px;

        }

        p {

            line-height: 1.93em;

        }

        #scrollbar {

            display: none !important;

        }

        .notification {

            position: absolute;
            left: 50%;
            top: 50%;

            width: 80.27%;
            padding: 19px 35px 19px 36px;

            font-size: 0.79rem;
            line-height: 1.73em;
            font-weight: 500;
            letter-spacing: 0.12em;

            transform: translate(-50%, -110%);

        }

        #topMenu .logo {

            justify-items: start;

        }

        #topMenu .logo .logo-full-top {

            display: none;

        }

        #topMenu .logo .logo-left-middle {

            grid-area: 1 / 2;
            align-self: end;

            transform: translateY(3px);

        }

        #topMenu .logo .logo-center-middle {

            grid-area: 1 / 1 / span 2;

            margin: 0 15px 0 0;

        }

        #topMenu .logo .logo-center-middle svg {

            height: 48px;

        }

        #topMenu .logo .logo-right-middle {

            align-self: end;

            transform: translate(0px, 3px);

        }

        #topMenu .logo .logo-full-bottom {

            grid-area: 2 / 2 / span 1 / span 3;
            align-self: end;

            transform: translateX(-1.5px);

        }

        #topMenu .logo .logo-full-bottom img {

        margin: 0 0 1px -1px;

        }

        #topMenu.sticky .logo {

            transform: translate(0, 0) scale(1);
        
        }

        #topMenu.sticky .logo .logo-center-middle {

            transform: translateY(-47%) scale(0.75);
            
        }

        #stickyPanel.stickyButton {

            bottom: 0;

            height: 82px;
        
        }

        .section.hero .right {

            padding-top: max(240px, 29*var(--vhc, 1vh));

        }

        .section.hero .right.about {

            padding-top: calc(25*var(--vhc, 1vh)) !important;
        
        }

        .section.hero .right p {

            display: block;
            width: 100%;
            margin-top: 29px;
        
        }

        .section .right.about p span:first-child {

            width: 86.88vw !important;
        
        }

        .section.hero .right .covidBanner {

            margin: 0;
            width: 100%;
            height: 201px !important;
        
        }

        .section.hero>.right .covidBanner p:nth-child(2) {

            margin-top: 13px;
        
        }

        .section.rentals .properties .property {
        
            width: 93.44vw;
        
        }

        .section.cransMontanaAbout p {

            font-size: 14px;
            line-height: 28px;

        }

        .section.cransMontanaAbout.central .aboutArea div:nth-child(2) p {

            width: 42vw;
            margin-right: 6px;
        
        }

        .section.reviews .review {

            width: 89.88vw;
        
        }

        .section.reviews .review .text {

            height: calc(48.67*var(--vhc, 1vh));

        }

        .section.specialOffers .offer .offerImage {

            height: 46%;

        }

        .section.contacts .flexContainer p,
        .section.contacts .flexContainer a {

            font-size: 14px;

        }

        .section.contacts .flexContainer .questions {

            padding-top: 0;
        
        }

        .section.contacts .flexContainer .mailing {

            margin-top: 0;

        }

        .section.contacts .flexContainer .mailing h3 {

            display: none;

        }

        .section.contacts .flexContainer .mailing p {

            transform: translateY(-11px);
        
        }

        .section.contacts .flexContainer .contactsFooter .copyright {

            right: 0;

        }

        .section.contactUs {

            grid-template-rows: 1fr 80px !important;
        
        }

        .section.contactUs .contactForm textarea {

            height: calc(18*var(--vhc, 1vh)) !important;
        
        }

        .section.booking .needHelp>a,
        .section.contactUs .needHelp>a {

            width: 50%;

        }

        .section.hero.rentalsPage>.fullscreen h1 {

            width: 100%;

            line-height: 52px;
        
        }

        .section.propertyFilter h2 {

            display: none;

        }

        .section.propertyFilter .filters {

            height: 0;
            max-height: 100vh;
            padding-top: 92px;

            overflow: hidden;

            z-index: 100;

            transition: height 220ms ease-in;

        }

        .section.propertyFilter .filters .openFiltersButton {

            position: absolute;
            left: 0;
            top: 0;

            width: 100%;
            height: 92px;

            font-size: 15px;
            font-weight: 700;

            color: rgb(var(--styleBeige));
            background-color: rgb(var(--styleDarkGreen));

            cursor: pointer;

        }

        .section.propertyFilter .filters .openFiltersButton span {

            display: block;
            width: fit-content;
            width: -moz-fit-content;
            margin: auto;
            padding-top: 35px;

            box-sizing: border-box;

        }

        .section.propertyFilter .filters label:nth-child(3n) {

            margin-right: 2.29%;
        
        }

        .section.propertyFilter .filters label:nth-child(2n) {

            margin-right: 0;
        
        }

        .section.propertyFilter .filters label:last-of-type {

            display: none;

        }

        .section.propertyFilter .filters .findButton {

            display: block;
            width: 100%;
            height: 72px;
            margin-bottom: 22px;

            font-size: 14px;
            font-weight: 600;

            color: rgb(var(--styleWhite));
            background-color: rgb(var(--styleDarkGreen));

            border: none;
            outline: none;

            -webkit-appearance: none;

        }

        .section.propertyFilter .properties.listView {

            width: 89.88vw;

        }

        .section.rentals .properties .property, 
        .section.propertyFilter .properties .property {

            width: 89.88vw;
            margin-right: 5.06vw;

        }

        .section.rentals .properties .property:first-child, 
        .section.propertyFilter .properties .property:first-child {

            margin-left: 5.06vw;
            margin-right: 5.06vw;

        }

        .section.propertyFilter .properties.listView .property:first-child {

            margin-left: unset;
            margin-right: unset;

        }

        .section.propertyFilter .properties.listView .property .propertyDescription {

            flex: 0 1 auto;
            padding-left: 0;

        }

        .section.propertyFilter .listControls {

            top: 106px;

            width: 96%;

            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: initial;

            grid-column: 2 / 8;
        
        }

        .section.propertyFilter .listControls p,
        .section.propertyFilter .listControls label {

            margin-bottom: 0;

        }

        .section.propertyFilter .numberOfResults p, 
        .section.propertyFilter .viewAs p, 
        .section.propertyFilter .sortedBy p {

            margin-top: 11px;

            font-size: 14px;

        }

        .section.propertyFilter .filters label {

            width: 45.2vw;
        
        }

        .section.propertyFilter .properties.listView {

            margin-top: 212px;
            padding-right: 14px;
        
        }

        .section.gallery .commentGalleryBlock {

            width: 75%;
            margin-top: 29px;
            margin-left: 25%;

            font-size: 15px;
            line-height: 29px;
        
        }
        
        .shortsection .flexContainer .desktop,
        .shortsection .flexContainer .tablet {
        
            display: none;
        
        }

        .shortsection .flexContainer .mobile {

            display: inline-block;
        
        }

        .section.details .roomsAndAmenities {

            grid-column: 2 / 6;

            flex-direction: column;

        }

        .section.details .amenities .amenity {

            width: 50%;

        }
            
        .section.details .rooms h3, 
        .section.details .amenities h3 {

            margin-bottom: 8px;
        
        }

        .section.details .rooms .roomsList {

            width: 100%;

        }

        .section.details .rooms p {

            width: 100%;

        }

        .section.details .amenities .amenitiesList {

            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;

        }

        .section.details .rating>p:first-of-type {

            margin-top: 115px;

        }

        .section.location .map {

            display: flex;
            flex-direction: column;

        }

        .section.location .map .mapOverlay {

            order: 1;
            flex: none;

            position: relative;
            bottom: 0;

            width: 100%;
            padding-left: 0;

        }

        .section.location .map .mapOverlay p {

            margin: 1.8rem 0;

        }

        .section.location .map .mapArea {

            order: 0;

        }

        .section.booking {

            height: unset;
            min-height: 714px;
        
        }

        .section.booking .getThePrice form label input[type=text],
        .section.booking .getThePrice form label select {

            margin-bottom: calc(6.8*var(--vhc, 1vh));
        
        }

        .section.booking .getThePrice form>*:nth-child(n+3) {

            width: 100%;

        }

        .section.booking .needHelp>div, 
        .section.contactUs .needHelp>div {

            order: 1;
        
        }

        .section.information .flexContainer, 
        .section.qualityRating .flexContainer {

            flex-direction: column;
            gap: calc(4*var(--vhc, 1vh));

        }

        .section.information .flexContainer>*, 
        .section.qualityRating .flexContainer>* {

            width: 100%;

        }

        .section.qualityRating .explanations {

            gap: unset;
        
        }

        .section.contacts .flexContainer .contactsFooter .tacWOpen,
        .section.rentalTeam .contactsFooter .tacWOpen {

            left: 50%;
            right: auto;
            top: 79px;

            font-size: 14px;

            transform: none;

        }

        .section.contacts .flexContainer .contactsFooter .tacWOpen {

            left: 0 !important;

        } 

        .section.contacts .flexContainer .contactsFooter .privacyWOpen {

            right: 0 !important;

        } 

        .section.contactUs .contactForm label {

            display: block;
        
        }

        .section.hero .right.contactus .canCopy {

            gap: 24px;
            
        }

        .section.propertyFilter > .navigation {

            height: calc(100% - 212px);
        
        }

        .section>.navigation .seeAll {

            display: none;

        }

    }

    @media screen and (max-width: 640px) and (max-height: 580px) and (orientation: portrait) {

        #topMenu.sticky+#contactsPanel {

            display: none;

        }

        .filterPanel.default {

            display: none;

        }

        .section.hero .right {

            padding-top: 180px;
        
        }

        .section.hero>.right h1 {

            margin-bottom: 0.94em;

        }

        .section.hero .right.contactus {
            
            padding-top: 148px;
        
        }

        .section.hero .right.contactus a {

            margin-bottom: 24px;
        
        }

        .section.rentalTeam .contactsFooter {
        
            height: calc(28.82*var(--vhc, 1vh));
            max-height: 234px;
        
        }

        .section.contacts .flexContainer .contactsFooter .tacWOpen, 
        .section.rentalTeam .contactsFooter .tacWOpen {

            left: 50%;
            top: 32px;
        
        }

        .section.contacts .flexContainer .contactsFooter .privacyWOpen, 
        .section.rentalTeam .contactsFooter .privacyWOpen {

            left: unset;
            right: unset;
            top: 32px;

        }

    }

    @media screen and (max-width: 500px) and (orientation: portrait) {
        
        #topMenu .menu .mobileSeasonSwitch {

            bottom: 20.5vw;

        }

        .section.hero {

            min-height: 540px;

        }

        .section.hero.homePage,
        .section.hero.aboutPage {

            min-height: 680px;

        }

        .section.propertyFilter .filters label {

            width: 45vw;
        
        }

        .section.gallery .previewGalleryBlock {

            display: none;
        
        }

        .section.gallery #galleryImgList,
        .section.summer.gallery #galleryImgList {

            grid-row: 1 / 3;

            padding-top: 0;

            background-color: rgb(var(--styleWhite));
        
        }

        .section.gallery #galleryImgList>div {

            height: 100%;
            margin: 0 3.65% 0 0;

            transform: none;

            overflow-x: hidden;
            overflow-y: scroll;

        }

        .section.gallery #galleryImgList>div::-webkit-scrollbar {

            width: 1px;
            background: linear-gradient(to bottom, rgba(var(--styleBlack), 0.08) 86.87%, rgba(var(--styleBlack), 0) 86.87%);
        }

        .section.gallery #galleryImgList>div::-webkit-scrollbar-thumb {

            background-color: rgb(var(--styleBlack));

        }

        .section.gallery #galleryImgList>div>div::before, .section.gallery #galleryImgList>div>div:hover::before {

            border: none !important;

        }

        .section.gallery #galleryImgList>div>div {

            display: block;
            width: 89.33vw;
            height: calc(26.41*var(--vhc, 1vh));
            margin-right: 0;
            margin-bottom: calc(3.45*var(--vhc, 1vh));

            transform: none;

        }

        .section.gallery .openGallery {

            color: transparent;
            
            background: rgb(var(--styleWhite)) no-repeat center top;
            background-image: linear-gradient(to bottom, 
                                    transparent 50%, 
                                    rgb(var(--styleLightGrey)) 50%, 
                                    rgb(var(--styleLightGrey)) calc(50% + 1px), 
                                    transparent calc(50% + 1px));
            background-size: 85% 100%;

        }

        #galleryImgList.scrollOver>div {

            overflow: hidden;

        }

        #galleryImgList.scrollOver+#galleryBlockBackground {

            visibility: visible;
            opacity: 1;

        }

    }

    @media screen and (max-width: 350px) and (orientation: portrait) {

        .section.hero.rentalsPage>.fullscreen h1 {

            font-size: 41px;

        }

        .section.propertyFilter>.filters label {

            width: 44.8vw;
        
        }

    }

    @media screen and (max-width: 1366px) and (orientation: landscape) {

        :root {

            --menuHeight: 106px;
            --menuHeightPart: 68px;
            --sectionIndentTop: 118px;
        
        }
        
        html {

            font-size: 12px;
            line-height: 1.75rem;

        }

        h2 {

            font-size: 41px;

        }

        h3 {

            font-size: 33px;
        
        }

        p,
        a,
        ul li {

            font-size: 1rem;

        }

        #stickyPanel.stickyButton {
            
            width: 320px;
            height: 78px;
        
        }

        #stickyPanel.stickyButton p {

            font-size: 13px;
        
        }

        #topMenu .lang {

            left: 3.26%;
            top: 89px;

        }

        #topMenu .lang a {

            width: 41px;
            height: 41px;
            margin-right: 14px;
            padding-top: 9px;

            font-size: 12px;
            line-height: 21px;

        }

        #topMenu.sticky .lang {

            transform: translate(0, -74px);
        
        }

        #topMenu>.logo {

            top: 37px;

            height: 110px;
        
        }

        #topMenu.sticky .logo {

            transform: translate(-50%,-62px);

        }

        #topMenu.sticky .logo .logo-center-middle {

            transform: translateY(-62%) scale(0.51);
            
        }

        #topMenu>.logo>.logo-sign svg {

            width: 73px;
            height: 66px;

        }

        #topMenu.sticky .menu {

            transform: translate(-109px, -72px);

        }        

        #topMenu .menu .mobileSeasonSwitch, 
        #topMenu .menu .mobileLang {

            left: auto;
            right: 10%;
            bottom: 15vh;

        }

        #topMenu .menu .mobileSeasonSwitch span:last-child {

            margin-right: 0;

        }

        #topMenu .menu .mobileLang {

            bottom: 3vh;

        }

        #topMenu .menu .mobileLang a {

            margin-left: 34px;
            margin-right: 0;
            margin-bottom: 0;

            line-height: 60px;
        
        }

        #topMenu .menu a {

            margin-right: 37px;

            font-size: 12px;

        }

        #topMenu.sticky #menuBackground {

            transform: translateY(-112px);
        
        }

        #topMenu.sticky .contactButtons {

            top: 15px;

        }

        #contactsPanel {

            top: 68px;
            height: 38px;
        
        }

        #seasonSwitch {

            top: 46px;

            width: 119px;
            height: 32px;

        }

        #seasonSwitch span {

            top: 3px;

            font-size: 13px;
        
        }

        #seasonSwitch span.summer {

            left: 20px;
        
        }

        #seasonSwitch .toggle {

            top: 6px;

            width: 20px;
            height: 20px;
        
        }

        #contactsPanel p, 
        #contactsPanel a {

            margin-top: 9px;

            font-size: 12px;
        
        }

        .stickyButton {

            width: 265px;
            height: 80px;
        
        }

        .stickyButton>p {

            top: 49%;
        
        }

        .filterPanel {
            
            height: 98px;
            padding-top: 19px;

        
        }

        .filterPanel.sticky {

            top: 68px;
            height: 38px;

        }

        .filterPanel label {

            margin-right: 1.5vw;

            font-size: 0.92rem;
        
        }

        .filterPanel.default input[type=text], 
        .filterPanel.sticky input[type=text], 
        .filterPanel.default input[type=date], 
        .filterPanel.sticky input[type=date], 
        .filterPanel.default select,
        .filterPanel.sticky select {

            margin-top: 11px;

            font-size: 1rem;

        }
        
        .filterPanel.default input[type=text], 
        .filterPanel.default input[type=date], 
        .filterPanel.default select {
            
            margin-top: 5px;
        
        }

        .filterPanel.default input[type=submit] {

            width: 62px;
            height: 62px;

            background-size: 30px;

        }

        .filterPanel.sticky input[type=submit] {

            font-size: 1rem;

        }

        .shortsection {

            font-size: 1.16rem;

        }

        .section.hero {

            min-height: 646px;

        }

        .section.booking button {

            height: 63px;

        }

        .section.rentals {
            
            padding-bottom: var(--sectionIndentBottom);
        
        }

        .section.hero .right {

            padding-top: 200px;

        }

        .section.hero>.right h1 {

            font-size: 41px;
            line-height: 53px;

        }

        .section.hero .right>p {

            display: block;
            width: 72%;
            margin-right: 4%;
            margin-top: 20px;

            font-size: 12px;
            line-height: 21px;

        }

        .section.hero .right .covidBanner {

            width: 100%;
            height: 104px;
            margin: 0;
            padding-left: 124px;
            padding-top: 5px;

            background-size: 47px;
            background-position: left 54px top 29px;
        
        }

        .section.summer.hero .right .covidBanner {

            background-size: 47px;
            background-position: left 54px top 29px;

        }

        .section.hero .right .covidBanner p {

            font-size: 11.5px;
            line-height: 19px;

        }

        .section.hero .right .covidBanner p:first-child {

            margin: 14px 0 0 0;
        
        }

        .section.hero .right .covidBanner p:nth-child(2) {

            margin-top: 3px;

            line-height: 19px;

        }

        .section.propertyFilter .properties~.listViewHeader span {

            font-size: 12px;

        }

        .section.propertyFilter .properties.listView .property div.listCode,
        .section.propertyFilter .properties.listView .property .name h3,
        .section.propertyFilter .properties.listView .property .neighborhood,
        .section.rentals .properties .property .details p, 
        .section.propertyFilter .properties .property .details p {

            font-size: 12px;
            line-height: 21px;
        
        }

        .section.rentals > .properties .property, 
        .section.propertyFilter > .properties .property {

            width: 27vw;

        }

        .section.cransMontanaAbout p {

            font-size: 12px;
            line-height: 21px;
        
        }

        .section.cransMontanaAbout .aboutArea .map p {

            margin-top: -20px;
        
        }

        .section.cransMontanaAbout .aboutArea>div.accordion>div.accordion-toggle {

            font-size: 12px;
            line-height: 25px;
        
        }

        .section.cransMontanaAbout .aboutArea>div.accordion>div.accordion-content p {

            font-size: 12px;
            line-height: 21px;
        
        }

        .section.reviews .review .text {

            height: 37.67vh;

        }

        .section.reviews .review .text p {

            font-size: 12px;
            line-height: 21px;

        }

        .section.reviews .review .text a {

            bottom: 22px;

            font-size: 12px;
            line-height: 21px;

        }

        .section.reviews .review .name {

            margin-top: 6vh;
            margin-bottom: 0.5vh;

        }

        .section.reviews .review .details div {

            width: 9.4vw;
        
        }

        .section.reviews .review .details p {

            font-size: 12px;
        
        }

        .section.specialOffers .offer .type {

            font-size: 12px;
        
        }

        .section.specialOffers .offer .name h4 {

            font-size: 19px;

        }

        .section.specialOffers p {

            font-size: 12px;
            line-height: 21px;
        
        }

        .section.specialOffers > .about p {

            font-size: 12px;
            line-height: 21px;

        }

        .section.contacts,
        .section.booking,
        .section.contactUs,
        .section.rentalTeam {

            min-height: 540px;
            height: calc(100vh - var(--menuHeightPart));

        }

        .section.contacts .flexContainer .mailing p {

            font-size: 12px;
            line-height: 21px;

            transform: translateY(9px);

        }

        .section.contacts .flexContainer .mailing form {

            flex-direction: row;

        }

        .section.contacts .flexContainer .mailing input[type=text], 
        .section.contacts .flexContainer .mailing input[type=submit] {

            height: 63px;

            font-size: 13px;
        
        }

        .section.contacts .flexContainer .questions a {

            margin-top: 10px;
            font-size: 12px;
        
        }

        .section.contacts .flexContainer .contactsFooter a, 
        .section.rentalTeam .contactsFooter a {

            font-size: 12px;
        
        }

        .section.contacts .visual img {

            left: -64.5%;

        }

        .section.contacts .flexContainer .contactsFooter .copyright, 
        .section.rentalTeam .contactsFooter .copyright {

            font-size: 12px;

        }

        .section.propertyFilter .filters {

            padding-top: 70px;
            
        }

        .section.propertyFilter .filters form {

            justify-content: space-between;
            gap: initial;

        }

        .section.propertyFilter .filters label {

            width: 15.5%;
            margin-right: 3%;

        }

        .section.propertyFilter .numberOfResults p {

            font-size: 12px;

        }

        .section.propertyFilter .viewAs label {

            font-size: 12px;
            line-height: 21px;

        }

        .section.propertyFilter .sortedBy select {

            font-size: 12px;
            line-height: 21px;

        }

        .section.propertyFilter > .navigation {

            height: calc(100% - 230px);
        
        }

        .section.hero.rentalsPage>.fullscreen h1 {

            font-size: 61px;
            line-height: 58px;

        }

        .section.propertyFilter .properties {

            padding-top: 275px;
        
        }

        .section.propertyFilter .filters {

            height: 186px;
        
        }

        .section.propertyFilter .filters label {

            width: 16%;
            margin-right: 0.3%;

            font-size: 11px;
        
        }

        .section.propertyFilter .filters label input[type=text] {

            height: 64px;
            padding-left: 18px;

            font-size: 12px;

            background-position: right 12px center;

        }

        .section.propertyFilter .filters label select {

            height: 64px;
            padding-left: 18px;

            font-size: 12px;

            background-position: right 12px center;

        }

        .section.propertyFilter .filters .filterProgressBar {

            top: 179px;

        }

        .section .right.about, 
        .section .right.contactus {

            padding-left: 14vw;
            padding-top: 31.5vh;

        }

        .section.hero .right.contactus>h1 {

            margin-bottom: 4.06vh;

        }

        .section.hero .right.about>h1 {

            margin-bottom: 0;

        }

        .section.hero .right.contactus>p {

            margin-bottom: 2.71vh;

        }

        .section.hero .right.about>p {

            margin-bottom: 6vh;

        }

        .section.hero .right.about>p {

            display: block;
            width: 70vw;

        }

        .section.hero .right.about>p span:first-child {

            margin-right: 88px;  

        }

        .section.hero .right.about>p:last-of-type span:last-of-type {
            
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: baseline;
            gap: 32px;
        
        }

        .section.hero .right.contactus>p span:first-child {

            margin-right: 70px;

        }

        .section .right.about a {

            margin-bottom: 14px;

            font-size: 12px;
            line-height: 21px;
        
        }

        .section.contactUs {

            padding-top: 17.5vh;
        
        }

        .section.contactUs .contactForm label {

            width: 21.4vw !important;

            font-size: 11px;
        
        }

        .section.propertyFilter .filters input, 
        .section.contactUs .contactForm input {

            margin-top: 12px;

            font-size: 12px;
        
        }

        .section.contactUs .contactForm input {
        
            height: 58px;
            margin-top: 4px;
        
        }

        .section.gallery {

            grid-template-columns: 3.28vw repeat(9, 1fr) 3.28vw;
        
        }

        .section.gallery .factsGalleryBlock {

            grid-column: 2 / 4;

            padding-right: 28px;
        
        }

        .section.gallery .previewGalleryBlock {

            grid-column: 4 / 9;
        
        }

        .section.gallery #galleryImgList,
        .section.gallery .openGallery {

            grid-column: 9 / 12;
        
        }

        .section.gallery #galleryImgList>div>div {

            width: 18.5vw;
        
        }

        .section.gallery .factsGalleryBlock p,
        .section.gallery .factsGalleryBlock a {

            width: 100%;

            font-size: unset;
        
        }

        .section.gallery .factsGalleryBlock a {

            margin-top: 34px;

        }

        .section.gallery .commentGalleryBlock {

            width: 95.23%;
        
        }

        .section.details {

            min-height: 540px;

        }

        .section.details .roomsAndAmenities {

            grid-row: 1 / 2;
            grid-column: 2 / 9;

            padding-top: calc(3.75*var(--vhc, 1vh));
        
        }

        .section.details .rooms p, 
        .section.details .amenities p {

            font-size: 1rem;
            line-height: 1.8rem;

        }

        .section.details .amenities .amenity {

            width: 20%;
            margin-top: 25px;

        }

        .section.details .rooms p, 
        .section.details .amenities .amenity {

            padding-right: 42px;
        
        }

        .section.location .map .mapOverlay {

            bottom: 57px;

            height: 116px;
            padding-left: 220px;
        
        }

        .section.location .map .mapOverlay p {

            font-size: 12px;
            line-height: 21px;
        
        }

        .locationArea .accordion {

            width: 430px;
        
        }

        .accordion-toggle {

            font-size: 12px;
            line-height: 32px;
        
        }

        .locationArea .accordion .accordion-content p {

            font-size: 12px;

        }

        .section.booking .bookingSteps {

            gap: 4%;

        }

        .section.booking .getThePrice {

            flex: none;

            margin-right: 0;
        
        }

        .section.booking .getThePrice input[type=text],
        .section.booking .getThePrice select {

            height: 63px;
        
        }

        .section.booking .details,
        .section.booking .pricing {

            flex: 0 1 auto;

        }

        .section.booking .details p {

            width: 100%;
            max-width: 253px;

        }

        .section.information .flexContainer {

            grid-column: 3 / 6;

        }
        
        .section.information p,
        .section.information .schedule p:nth-child(2n+1),
        .section.information .faq .accordion-toggle {

            font-size: 12px;

        }

        .section.qualityRating p, 
        .section.qualityRating .details a {

            font-size: 12px;

        }

        .section.qualityRating .explanation p {

            font-size: 12px;
            line-height: 21px;

        }

        .section.contactUs>.contactForm form {
            
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: baseline;
            height: 94%;
        
        }

        .section.contactUs .contactForm label {

            margin-bottom: 10px;
        
        }

        .section.contactUs .contactForm label:nth-child(3) {

            flex: 1 0 auto;

        }

        .section.contactUs .contactForm textarea {

            height: calc(22*var(--vhc, 1vh));

            font-size: 12px;
        
        }

        .section.contactUs .contactForm button {

            height: 58px;

            font-size: 14px;

        }

        .section.contactUs .details p {

            font-size: 12px;
        
        }

        .section.hero .right.contactus a {

            font-size: 12px;

        }

        .section.rentalTeam .personnel .employee {

            margin-right: 1.72vw;
        
        }

        .section.rentalTeam .personnel .employee>*:not(img) {

            margin-bottom: 8px !important;

        }

        .section.rentalTeam .personnel .employee img {

            flex: auto;

            margin-right: 1.6vw;
        
        }

        .section.rentalTeam .personnel .employee .name {

            margin: 18px 0 18px 29px;
        
        }

        .section.rentalTeam .contactsFooter {

            min-height: 80px;

        }

        .section.booking .needHelp a, 
        .section.contactUs .needHelp a {

            font-size: 12px;
        
        }

        .section.contacts .flexContainer .contactsFooter a, 
        .section.rentalTeam .contactsFooter a,
        .section.contacts .flexContainer .contactsFooter .copyright, 
        .section.rentalTeam .contactsFooter .copyright {

            bottom: 20px;
        
        }

        .section.information .flexContainer, 
        .section.qualityRating .flexContainer {

            grid-column: 2 / 6;
        
        }

        .section.qualityRating .details {

            width: 23.7vw;
        
        }

        .section.qualityRating .explanations {

            gap: unset;
            width: 71.1vw;

        }

        .bookNowScreen .bookingWsummary {

            padding-top: 190px;
        
        }

        .bookNowScreen .bookingWsummary .details div:nth-child(3) {

            margin-right: 40px;

        }

        .bookNowScreen .bookingWsummary .details div:nth-child(3), 
        .bookNowScreen .bookingWsummary div:nth-child(4) {

            display: inline-block;
            
        }

        .bookNowScreen .bookingForm form {

            margin-top: 221px;
        
        }

        .section.rentals>.navigation {

            left: 0;
            top: 0;
            display: inline-block;
            width: 100%;
            height: 100%;
            margin-top: 0;

            transform: none;

        }

        .section.rentals>.navigation .left {

            position: absolute;
            left: 0;
            top: 0;

            height: 100%;
            margin-top: 0 !important;

            background: url(/img/arrow-scroll-left-dark.svg) no-repeat left 14px center, linear-gradient(to left, rgba(var(--styleWhite), 0), rgba(var(--styleWhite), 1));

            opacity: 1;

        }

        .section.rentals>.navigation .right {

            position: absolute;
            right: 0;
            top: 0;

            height: 100%;
            margin-top: 0 !important;

            background: url(/img/arrow-scroll-right-dark.svg) no-repeat right 14px center, linear-gradient(to right, rgba(var(--styleWhite), 0), rgba(var(--styleWhite), 1));

            opacity: 1;

        }

    }

    @media screen and (max-width: 1280px) and (orientation: landscape) {

        .section.propertyFilter .filters input[type=text], 
        .section.propertyFilter .filters input[type=date], 
        .section.propertyFilter .filters select {

            padding-left: 18px;
            padding-top: 2px;

            font-size: 14px;
        
        }

        .section.propertyFilter .properties .property {

            width: 318px;

        }  



    }


    @media screen and (max-width: 1180px) and (orientation: landscape) {
        
        .section.details .rooms p, 
        .section.details .amenities p {

            font-size: 0.882rem;
            line-height: 1.75rem;
        
        }

    }

    @media screen and (max-width: 1024px) and (orientation: landscape) {

        :root {

            --menuHeight: 120px;
            --menuHeightPart: 69px;

        }

        #topMenu.sticky .contactButtons {

            opacity: 0;
            visibility: hidden;

        }

        .shortsection {

            font-size: 1rem;

        }

        .section.hero {

            min-height: 714px;

        }

        .section.contacts,
        .section.booking,
        .section.contactUs,
        .section.rentalTeam {

            min-height: 714px;
        
        }

        .section.hero .right .covidBanner {
            
            margin: 0 15px 10px 15px;
            width: -webkit-fill-available !important;
            width: -moz-fill-available !important;
    
        }

        .section.hero .right .covidBanner p {
            
            font-size: 1rem;
        
        }

        .section.hero .right .covidBanner p:nth-child(2) {

            margin-top: 15px;
            line-height: 24px;

        }

        .section.gallery {

            grid-template-columns: 3.28vw repeat(6, 1fr) 3.28vw;
        
        }

        .section.gallery #galleryImgList,
        .section.gallery .openGallery {

            grid-column: 6 / 9;
        
        }

        .section.gallery .imageGalleryBlock {

            max-height: 297px;

        }

        .section.gallery #galleryImgList>div>div {

            width: 26.5vw;
        
        }

        .section.rentalTeam {

            min-height: 714px;
            height: fit-content;
            height: -moz-fit-content;

        }

        .section.propertyFilter .properties.listView .propertyImage {

            display: none;

        }

        .section.propertyFilter .properties~.listViewHeader {        
            
            padding-left: 18px;
            padding-right: 18px;
    
        }

        .section.propertyFilter .properties.listView .property .propertyDescription {

            padding-left: 18px;
            padding-right: 18px;

        }

        .section.propertyFilter {

            height: calc(100vh + 186px);
            min-height: 900px;

        }

        .section.reviews .review {

            width: 49vw;
        
        }

        .section.reviews .review .text {

            height: 384px;
        
        }

        .section.reviews .review .text p {

            font-size: 14px;
            line-height: 31px;
        
        }

        .section.reviews .review .text a {

            font-size: 14px;
            line-height: 31px;

        }

        .section.gallery .factsGalleryBlock {

            display: none;

        }

        .section.gallery .previewGalleryBlock {

            grid-column: 2 / 6;

        }

        .section.details {

            min-height: 714px;

        }

        .section.booking .bookingBlock {

            gap: 14vh;
        
        }

        .section.booking .getThePrice {

            height: fit-content;
            height: -moz-fit-content;

        }

        .section.booking .details p {

            padding-top: 0;
        }

        .section.booking .getThePrice input[type=text],
        .section.booking .getThePrice form label select,
        .section.booking .getThePrice form button {

            height: 63px;

        }

        .section.hero .right.about>p:last-of-type span:last-of-type {

            display: block;

        }

        .section.contacts .flexContainer .mailing form {

            flex-direction: column;
        
        }

        .section.rentalTeam .personnel {

            flex-direction: column;
        
        }

        .section.reviews>.navigation, 
        .section.cransMontanaAbout>.navigation, 
        .section.specialOffers>.navigation,
        .section.location>.navigation {

            left: 0;
            top: 0;
            display: inline-block;
            width: 100%;
            height: 100%;
            margin-top: 0;

            transform: none;

        }

        .section.specialOffers>.navigation {

            display: none;

        }

        .section.cransMontanaAbout>.navigation .left,
        .section.reviews>.navigation .left,
        .section.specialOffers>.navigation .left,
        .section.location>.navigation .left {

            position: absolute;
            left: 0;
            top: 0;

            height: 100%;
            margin-top: 0 !important;

            background: url(/img/arrow-scroll-left.svg) no-repeat left 14px center, linear-gradient(to left, rgba(var(--styleGreen), 0), rgba(var(--styleGreen), 1));

            opacity: 1;

        }

        .section.reviews>.navigation .left {

            background: url(/img/arrow-scroll-left-dark.svg) no-repeat left 14px center, linear-gradient(to left, rgba(var(--styleWhite), 0), rgba(var(--styleWhite), 1));

        }

        .section.summer.cransMontanaAbout>.navigation .left {

            background: url(/img/arrow-scroll-left-white.svg) no-repeat left 14px center, linear-gradient(to left, rgba(var(--styleRed), 0), rgba(var(--styleRed), 1));

        }

        .section.specialOffers>.navigation .left,
        .section.location>.navigation .left {

            background-image: url(/img/arrow-scroll-left-dark.svg), linear-gradient(to left, rgba(var(--styleLightBeige), 0), rgba(var(--styleLightBeige), 1));

        }

        .section.cransMontanaAbout>.navigation .right,
        .section.reviews>.navigation .right,
        .section.specialOffers>.navigation .right,
        .section.location>.navigation .right {

            position: absolute;
            right: 0;
            top: 0;

            height: 100%;
            margin-top: 0 !important;

            background: url(/img/arrow-scroll-right.svg) no-repeat right 14px center, linear-gradient(to right, rgba(var(--styleGreen), 0), rgba(var(--styleGreen), 1));

            opacity: 1;

        }

        .section.reviews>.navigation .right {

            background: url(/img/arrow-scroll-right-dark.svg) no-repeat right 14px center, linear-gradient(to right, rgba(var(--styleWhite), 0), rgba(var(--styleWhite), 1));

        }

        .section.summer.cransMontanaAbout>.navigation .right {

            background: url(/img/arrow-scroll-right-white.svg) no-repeat right 14px center, linear-gradient(to right, rgba(var(--styleRed), 0), rgba(var(--styleRed), 1));

        }

        .section.specialOffers>.navigation .right,
        .section.location>.navigation .right {

            background-image: url(/img/arrow-scroll-right-dark.svg), linear-gradient(to right, rgba(var(--styleLightBeige), 0), rgba(var(--styleLightBeige), 1));

        }

        .section>.navigation .seeAll {

            right: 2vw;

        }

    }

    @media screen and (max-width: 812px) and (orientation: landscape) {

        h3 {

            font-size: 35px;
        
        }

        #scrollbar {

            display: none !important;

        }

        #topMenu .lang {

            left: calc(6.25% - 10px);
            top: 36px;

            flex-direction: column;
            width: 90px;
            height: 85px;
            padding: 18px 10px 0 15px;

            border: 1px solid transparent;

            overflow: hidden;

            box-sizing: border-box;

        }

        #topMenu.sticky .lang {

            transform: translate(0, -64px);
        
        }

        #topMenu .lang.open {

            height: fit-content;
            height: -moz-fit-content;

            background-color: rgb(var(--styleWhite));
            border-color: rgb(var(--styleLightGrey));

            z-index: 210;

        }
        
        #topMenu .lang.open+#langPanelBackground {
        
            visibility: visible;
        
        }

        #topMenu .lang.open a {

            color: rgb(var(--styleBlack)) !important;

        }

        #topMenu .lang.open .langOption.active a {

            border-color: rgb(var(--styleBlack)) !important;

        }

        #topMenu .lang.notransition .langOption.active a {

            transition: none;

        }

        #topMenu .langOption.active {

            cursor: pointer;
        
        }

        #topMenu .lang a {

            display: block;

            width: 41px;
            height: 41px;
            margin-bottom: 16px;
            padding-top: 10px;
            padding-left: 13px;

            font-size: 14px;
            text-align: left;
            text-transform: none;

        }

        #topMenu .lang .dropDownIcon {

            position: absolute;
            right: 10px;
            top: 26px;

            display: block;

            pointer-events: none;

        }

        #topMenu .lang .dropDownIcon .a, 
        #topMenu .lang .dropDownIcon .b {

            fill: none;

        }

        #topMenu .lang .dropDownIcon .b {

            stroke: rgb(var(--styleWhite));
            stroke-linecap: round;
            stroke-linejoin: round;

            transition: stroke 400ms ease-in;

        }

        #topMenu .lang.black .dropDownIcon .b {

            stroke: rgb(var(--styleWhite));

        }

        #topMenu .lang.open .dropDownIcon .b {

            stroke: rgb(var(--styleBlack)) !important;

        }

        #topMenu .lang.notransition .dropDownIcon .b {

            transition: none;

        }

        #topMenu.sticky .lang .dropDownIcon .b {

            stroke: rgb(var(--styleBlack)) !important;

            transition: stroke 600ms ease-out;

        }

        #topMenu .menu a {

            display: inline-block;
            margin-right: 41px;
            font-size: 45px;

        }

        #topMenu .menu .mobileSeasonSwitch {

            left: 11vw;
            bottom: 11px;

        }

        #topMenu .menu .mobileLang {

            right: 20%;
        
        }

        #mobileMenuButton {

            top: 62px;

        }

        #topMenu {

            position: absolute;

        }

        #topMenu #menuBackground {

            position: absolute;

        }

        .filterPanel label.customDateInput {

            display: none;
        
        }

        .filterPanel label.nativeDateInput {

            display: inline-block;
        
        }

        .filterPanel.sticky {

            display: none;

        }

        #contactsPanel {

            display: none;

        }

        #stickyPanel {

            display: none;

        }

        .section {

            min-height: 714px;

        }

        .section:not(.hero):not(.booking):not(.propertyFilter):not(.contacts):not(.contactUs):not(.rentalTeam) {



        }

        .shortsection {

            font-size: 0.9333rem;

        }

        .section.summer.hero .right .covidBanner {

            background-image: none;
        
        }

        .section.cransMontanaAbout p {

            font-size: 14px;
            line-height: 27px;
        
        }

        .section.contacts .visual {

            display: none;

        }

        .section.contacts .flexContainer .questions {

            padding-left: 0;
        
        }

        .section.contacts .flexContainer .mailing>* {

            margin-bottom: 0px;
        
        }

        .section.contacts .flexContainer .mailing>*:nth-child(n+2) {

            width: 75%;
            margin-top: 24px;
        
        }

        .section.contacts .flexContainer .mailing input[type=submit] {

            margin-top: 5px;

        }

        .section.propertyFilter {

            height: calc(100vh + 230px);

        }

        .section.propertyFilter .filters {

            height: 230px;
            padding-top: 90px;

        }

        .section.propertyFilter .filters label {

            width: 18.5%;
            margin-right: 2.5%;

            font-size: 12px;

        }

        .section.propertyFilter .filters label:last-of-type {

            display: none;

        }

        .section.propertyFilter .filters label:nth-child(7) {

            margin-right: 0;

        }

        .section.propertyFilter .filters label.customDateInput {

            display: none;
        
        }

        .section.propertyFilter .filters label.nativeDateInput {

            display: inline-block;
        
        }

        .section.propertyFilter .filters input[type=text],
        .section.propertyFilter .filters input[type=date] {

            background-position: unset;
            background-image: none;

        }

        .section.propertyFilter .filters input[type=date] {

            padding-left: 8px;

        }

        .section.propertyFilter .filters select {
            
            background-position: right 15px center;
        
        }

        .section.propertyFilter .listControls {

            top: 240px;

        }

        .section.propertyFilter .numberOfResults p {

            font-size: 14px;
            line-height: 31px;
        
        }

        .section.propertyFilter .viewAs label {

            font-size: 14px;
            line-height: 31px;

        }

        .section.propertyFilter .sortedBy select {

            font-size: 14px;
            line-height: 31px;

        }

        .section.propertyFilter .properties {

            padding-top: 328px;

        }

        .section.propertyFilter .properties.listView .property .propertyDescription {

            grid-template-columns: 5.55vw 1fr 1fr 2fr;

            padding-right: 35px;

        }

        .section.propertyFilter .properties~.listViewHeader .sort-available,
        .section.propertyFilter .properties.listView .property div.details>p:first-of-type {

            display: none;

        }

        .section.propertyFilter .properties~.listViewHeader span:first-child,
        .section.propertyFilter .properties.listView .property div.listCode {

            width: 50px;
        
        }

        .section.propertyFilter .properties.listView .property div.details {

            grid-template-columns: repeat(2, 1fr);
            width: 100%;

        }

        .section.propertyFilter .properties.listView .property div.details>p {

            width: 62%;
        
        }

        .section.rentals .properties .property, 
        .section.propertyFilter .properties .property {

            width: 48vw;
        
        }

        .section.rentals .properties .property .details, 
        .section.propertyFilter .properties .property .details {

            margin-top: 6px;

        }

        .section.rentals .properties .property .details p, 
        .section.propertyFilter .properties .property .details p {

            font-size: 14px;
            line-height: 25px;
        
        }

        .section.propertyFilter .properties~.listViewHeader {

            top: 312px;

            grid-template-columns: 5.55vw repeat(4, 1fr);
            padding-right: 35px;
        
        }

        .section.propertyFilter .properties~.listViewHeader span {
            
            /* width: 22%; */

        }

        .section.propertyFilter .properties.listView {

            min-height: 295px;
            margin-top: 367px;
        
        }

        .section.propertyFilter .filters .filterProgressBar {

            top: 223px;

        }

        .section.propertyFilter .filters label {

            font-size: 14px;
        
        }

        .section.propertyFilter .filters label input[type=text] {

            font-size: 14px;

        }

        .section.propertyFilter .filters label select {

            font-size: 14px;

        }

        .section.rentals .properties .property, 
        .section.propertyFilter .properties .property {

            width: 54vw;
        
        }

        .section.propertyFilter .properties.listView .property div.listCode, 
        .section.propertyFilter .properties.listView .property .name,
        .section.propertyFilter .properties.listView .property .name h3, 
        .section.propertyFilter .properties.listView .property .neighborhood, 
        .section.rentals .properties .property .details p, 
        .section.propertyFilter .properties .property .details p {

            margin-top: 6px;
            font-size: 14px;
            line-height: 27px;
        
        }

        .section.propertyFilter .properties.listView .property .name h3 {

            margin-top: 0;

        }

        .section.propertyFilter .properties.listView .property .details span:nth-child(3) {

            display: none;

        }

        .section.propertyFilter > .navigation {

            height: calc(100% - 270px);
        
        }

        .section.gallery #galleryImgList>div>div {

            height: 36vh;
        
        }

        .shortsection.detailsSummary {

            line-height: 1.6em;

        }

        .section.hero .right.about {

            padding-top: 55vh;
        
        }
        
        .section.hero .right h1 {

            font-size: 51px;
            line-height: 71px;
        
        }

        .section.hero .right p {

            font-size: 14px;
            line-height: 26px;

        }

        .section .right.about a,
        .section.hero .right.contactus a,
        .section.contactUs .contactForm label {

            font-size: 14px;
        
        }

        .section.details .roomsAndAmenities {

            grid-column: 2 / 6;

            flex-direction: row;

        }

        .section.details .rooms, 
        .section.details .amenities {

            flex-direction: column;

            width: 50%;
            padding-top: unset;

        }

        .section.details .amenities .amenity {

            width: 50%; 
            height: 79px;
            margin-top: 0;
            padding-right: 0;

        }

        .section.details .rooms {
            
            padding-left: 0;
        
        }

        .section.details .rooms h3, 
        .section.details .amenities h3 {

            margin-bottom: 36px;
        
        }

        .section.booking .bookingBlock {

            gap: 8vh;
        
        }
        
        .section.booking .bookingBlock .bookingSteps {

            flex-direction: column;

        }

        .section.booking .getThePrice {

            width: 100%;

        }

        .section.booking .getThePrice form {

            align-items: flex-start;
            width: 100%;

        }

        .section.booking .getThePrice form button {

            width: 65.5% !important;

        }

        .section.booking .pricing .receipt .hideReceipt {

            margin: 3px auto 3px auto;

        }

        .section.booking .pricing .receipt #currencySwitch {

            display: none;

        }

        .section.booking .pricing .receipt p.totalPayment {
            
            margin-top: 3px;
        
        }

        .section.booking .pricing .receipt button.bookNow {

            margin-top: 9px;

        }

        .section.booking .needHelp, 
        .section.contactUs .needHelp {

            gap: 70px;

        }

        .section.booking .needHelp>p, 
        .section.booking .needHelp a, 
        .section.booking .needHelp>div, 
        .section.contactUs .needHelp>p, 
        .section.contactUs .needHelp a, 
        .section.contactUs .needHelp>div {

            width: fit-content;
            width: -moz-fit-content;

            font-size: 14px;

        }

        .section.contactUs .contactForm textarea {

            height: 174px;
        
        }

        .section.rentalTeam .personnel .employee>*:not(img) {

            margin-left: 0 !important;

        }

        .section.rentalTeam .personnel .employee img {

            margin-right: 6vw;
            margin-bottom: 0;
            float: left;
        
        }

        .section.rentalTeam .contactsFooter .tacWOpen {

            left: 65.57vw;
            right: unset;
        
        }

        #tacW>.title>p, 
        #privacyW>.title>p {

            display: none;

        }

        #tacW .close, 
        #privacyW .close {

            top: 13.5vh;

        }

        #tacW>.text, 
        #privacyW>.text {

            top: 18px;
        
        }

        .section>.navigation .seeAll {

            display: none;

        }

    }

    @media screen and (max-width: 812px) and (orientation: landscape) and (max-height: 300px) {

        #topMenu .menu {

            padding-top: 13vh;

        }

    }

    @media screen and (max-width: 768px) and (orientation: landscape) {

        .section.specialOffers .offer {

            width: 89.88vw;
            margin-right: 5.06vw;
        
        }

        .section.specialOffers>.navigation {
            
            display: inline-block;
        
        }

    }

    @media screen and (max-width: 640px) and (orientation: landscape) {

        .section.propertyFilter .filters label {

            width: 19%;
            margin-right: 0.5%;
        
        }

        .section.contactUs .contactForm form {

            display: block;

        }

        .section.contactUs .contactForm label {

            width: 100% !important;

        }

        .section.booking .needHelp, 
        .section.contactUs .needHelp {

            justify-content: space-between;
            align-items: baseline;
            gap: unset;

        }

        .section.booking .needHelp>div, 
        .section.contactUs .needHelp>div,
        .section.booking .needHelp>a, 
        .section.contactUs .needHelp>a {

            width: fit-content;
            width: -moz-fit-content;

            text-align: left;

        }

        .section.booking .needHelp>div, 
        .section.contactUs .needHelp>div {

            order: 1;
        
        }

    }

    @media screen and (max-width: 1024px) and (orientation: landscape) {

        html {

            font-size: 14px;
            line-height: 1.93rem;

        }

        p,
        ul li {

            font-size: 1rem;

        }

        ul {

            margin: 0 1em;

        }

        .section.reviews .review .details div:last-child {

            display: none;

        }

        .section.contactUs {

            height: calc(100*var(--vhc, 1vh) - 73px);
            padding-top: var(--sectionIndentTop);

        }

        .section.contactUs .contactForm input,
        .section.contactUs .contactForm button {

            height: 72px;
        
        }

        .section.rentalTeam .personnel {

            justify-content: space-between;
            gap: 30px;

        }

        .section.rentalTeam .personnel .employee {

            display: block;
            margin-right: 0;

        }

        .section.rentalTeam .personnel .employee img {

            min-width: 139px;
            min-height: 141px;
            margin-right: 6vw;
        
        }

    }