[data-request-validate] [data-validate-for]:not(.jax-visible), [data-request-validate] [data-validate-error]:not(.jax-visible) { display: none; } @font-face { font-family: 'ActaHeadline'; src: url('../themes/montenegrovillas/assets/fonts/ActaHeadlineW00-Bold.woff2') format('woff2'), url('../themes/montenegrovillas/assets/fonts/ActaHeadlineW00-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../themes/montenegrovillas/assets/fonts/Montserrat-SemiBold.woff2') format('woff2'), url('../themes/montenegrovillas/assets/fonts/Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../themes/montenegrovillas/assets/fonts/Montserrat-Medium.woff2') format('woff2'), url('../themes/montenegrovillas/assets/fonts/Montserrat-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../themes/montenegrovillas/assets/fonts/Montserrat-Bold.woff2') format('woff2'), url('../themes/montenegrovillas/assets/fonts/Montserrat-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../themes/montenegrovillas/assets/fonts/Montserrat-Regular.woff2') format('woff2'), url('../themes/montenegrovillas/assets/fonts/Montserrat-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'mevillas'; src: url('../themes/montenegrovillas/assets/fonts/mevillas.eot?h9hisd'); src: url('../themes/montenegrovillas/assets/fonts/mevillas.eot?h9hisd#iefix') format('embedded-opentype'), url('../themes/montenegrovillas/assets/fonts/mevillas.ttf?h9hisd') format('truetype'), url('../themes/montenegrovillas/assets/fonts/mevillas.woff?h9hisd') format('woff'), url('../themes/montenegrovillas/assets/fonts/mevillas.svg?h9hisd#mevillas') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'mevillas' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-play:before { content: "\e924"; } .icon-why-network:before { content: "\e900"; } .icon-why-vip:before { content: "\e901"; } .icon-barbecue:before { content: "\e902"; } .icon-parking:before { content: "\e903"; } .icon-pool:before, .icon-swimming-pool:before { content: "\e904"; } .icon-arrow:before { content: "\e905"; } .icon-close:before { content: "\e906"; } .icon-why-inspected:before { content: "\e907"; } .icon-warning:before { content: "\e908"; } .icon-check:before { content: "\e909"; } .icon-ornament-alt:before { content: "\e90a"; } .icon-star:before { content: "\e90b"; } .icon-no-smoking:before { content: "\e90c"; } .icon-ac:before, .icon-air-conditioning:before { content: "\e90d"; } .icon-area:before { content: "\e90e"; } .icon-persons:before { content: "\e90f"; } .icon-mobile-menu:before { content: "\e910"; } .icon-wifi:before { content: "\e911"; } .icon-star-check:before { content: "\e912"; } .icon-dates:before { content: "\e913"; } .icon-location:before { content: "\e914"; } .icon-type:before, .icon-house:before { content: "\e915"; } .icon-angle-left:before { content: "\e916"; } .icon-angle-right:before { content: "\e917"; } .icon-phone:before { content: "\e918"; } .icon-tag-discount:before { content: "\e919"; } .icon-bedrooms:before { content: "\e91a"; } .icon-bathrooms:before { content: "\e91b"; } .icon-ornament:before { content: "\e91c"; } .icon-dropdown:before { content: "\e91d"; } .icon-contact-user:before { content: "\e91e"; } .icon-add:before { content: "\e91f"; } .icon-blockquotes:before { content: "\e920"; } .icon-substract:before { content: "\e921"; } .icon-plus:before { content: "\e922"; } .icon-instagram-line:before { content: "\e923"; } .icon-linkedin-line:before { content: "\e925"; } .icon-twitter-line:before { content: "\e926"; } .icon-facebook-line:before { content: "\e927"; } .icon-heart:before { content: "\e928"; } .icon-heart-filled:before { content: "\e929"; } .icon-close-circle:before { content: "\e92a"; } .icon-angle-up:before { content: "\e92b"; } .icon-angle-down:before { content: "\e92c"; } .icon-why-personal:before { content: "\e92d"; } .icon-why-safe:before { content: "\e92e"; } .icon-breakfast:before { content: "\e92f"; } .icon-cable-tv:before { content: "\e930"; } .icon-coffee-maker:before { content: "\e931"; } .icon-hair-dryer:before { content: "\e932"; } .icon-jacuzzi:before { content: "\e933"; } .icon-microwave:before { content: "\e934"; } .icon-pets:before { content: "\e935"; } .icon-envelope:before { content: "\e936"; } .icon-message:before { content: "\e937"; } .icon-security-box:before { content: "\e938"; } .icon-email:before { content: "\e939"; } .icon-email-line:before { content: "\e93a"; } .icon-pinterest-line:before { content: "\e93b"; } .icon-instagram:before { content: "\e93c"; } .icon-twitter:before { content: "\e93d"; } .icon-linkedin:before { content: "\e93e"; } .icon-facebook:before { content: "\e93f"; } .icon-pinterest:before { content: "\e940"; } .icon-whatsapp:before { content: "\e941"; } .icon-whatsapp-line:before { content: "\e942"; } .icon-viber:before { content: "\e943"; } .icon-viber-line:before { content: "\e944"; } .icon-youtube-line:before { content: "\e945"; } .icon-youtube:before { content: "\e946"; } .icon-card:before { content: "\e947"; } .icon-clock:before { content: "\e948"; } .icon-cvv:before { content: "\e949"; } .icon-expiration:before { content: "\e94a"; } .icon-question:before { content: "\e94b"; } .icon-vkontakte-line:before { content: "\e94c"; } .icon-vkontakte:before { content: "\e94d"; } .icon-eye:before { content: "\e94e"; } .icon-weibo:before { content: "\e94f"; } .icon-weibo-line:before { content: "\e950"; } .icon-copy:before { content: "\e952"; } .icon-copy-line1:before { content: "\e953"; } .icon-mail-line:before { content: "\e954"; } .icon-mail:before { content: "\e955"; } .icon-copy-line:before { content: "\e951"; } @font-face { font-family: 'meamenities'; src: url('../themes/montenegrovillas/assets/fonts/meamenities.eot?fu2n5y'); src: url('../themes/montenegrovillas/assets/fonts/meamenities.eot?fu2n5y#iefix') format('embedded-opentype'), url('../themes/montenegrovillas/assets/fonts/meamenities.ttf?fu2n5y') format('truetype'), url('../themes/montenegrovillas/assets/fonts/meamenities.woff?fu2n5y') format('woff'), url('../themes/montenegrovillas/assets/fonts/meamenities.svg?fu2n5y#meamenities') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="amenity-"], [class*=" amenity-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'meamenities' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .amenity-sofaconvertible-double:before { content: "\e904"; } .amenity-sofaconvertible-single:before { content: "\e910"; } .amenity-twin-bed:before { content: "\e900"; } .amenity-double-bed:before { content: "\e901"; } .amenity-queen-bed:before { content: "\e902"; } .amenity-king-bed:before { content: "\e903"; } .amenity-balcony:before { content: "\e905"; } .amenity-bath:before { content: "\e906"; } .amenity-beach-view:before { content: "\e907"; } .amenity-bunk-bed:before { content: "\e908"; } .amenity-city-view:before { content: "\e909"; } .amenity-french-balcony:before { content: "\e90a"; } .amenity-garden-view:before { content: "\e90b"; } .amenity-mountain-view:before { content: "\e90c"; } .amenity-sea-view:before { content: "\e90d"; } .amenity-shower:before { content: "\e90e"; } .amenity-single-bed:before { content: "\e90f"; } .amenity-terrace:before { content: "\e911"; } .amenity-toilet:before { content: "\e912"; } .amenity-sea-distance:before { content: "\e913"; } .amenity-high-speed-wi-fi:before { content: "\e914"; } .amenity-hot-tub:before { content: "\e915"; } .amenity-no-smoking:before { content: "\e916"; } .amenity-soundproofing:before { content: "\e917"; } .amenity-total-property-size:before { content: "\e918"; } .amenity-covid-care:before { content: "\e919"; } .amenity-heating:before { content: "\e91a"; } .amenity-fireplace:before { content: "\e91b"; } .amenity-barbecue:before { content: "\e91c"; } .amenity-outdoor-heated-swimming-pool:before { content: "\e91d"; } .amenity-indoor-heated-swimming-pool:before { content: "\e91e"; } .amenity-ski-resort-distance:before { content: "\e91f"; } .amenity-center-distance:before { content: "\e920"; } .amenity-wine-cellar:before { content: "\e921"; } .amenity-conference-room:before { content: "\e922"; } .amenity-berth:before { content: "\e923"; } .amenity-parking:before { content: "\e924"; } .amenity-garage:before { content: "\e925"; } .amenity-year-bulit:before { content: "\e926"; } .amenity-mountain:before { content: "\e927"; } .amenity-beachfront:before { content: "\e928"; } .amenity-gym:before { content: "\e929"; } .amenity-wi-fi:before { content: "\e92a"; } .amenity-indoor-swimming-pool:before { content: "\e92b"; } .amenity-old-town:before { content: "\e92c"; } .amenity-outdoor-swimming-pool:before { content: "\e92d"; } .amenity-pets:before { content: "\e92e"; } .amenity-resort:before { content: "\e92f"; } .amenity-rural:before { content: "\e930"; } @font-face { font-family: 'newicon'; src: url('../themes/montenegrovillas/assets/fonts/newicon.eot?24axe5'); src: url('../themes/montenegrovillas/assets/fonts/newicon.eot?24axe5#iefix') format('embedded-opentype'), url('../themes/montenegrovillas/assets/fonts/newicon.ttf?24axe5') format('truetype'), url('../themes/montenegrovillas/assets/fonts/newicon.woff?24axe5') format('woff'), url('../themes/montenegrovillas/assets/fonts/newicon.svg?24axe5#newicon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="newicon-"], [class*=" newicon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'newicon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .newicon-download:before { content: "\e906"; } .newicon-minus:before { content: "\e900"; } .newicon-plus:before { content: "\e901"; } .newicon-send:before { content: "\e902"; } .newicon-next:before { content: "\e903"; } .newicon-attach:before { content: "\e904"; } .newicon-cost-breakdown:before { content: "\e905"; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; font-family: 'Montserrat', sans-serif; color: #202020; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; } body { margin: 0; } main { display: block; } address { font-style: normal; } h1 { font-size: 2.2em; margin: 0.67em 0; font-weight: 600; font-family: 'ActaHeadline', serif; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { white-space: normal; font-size: 1em; } :focus { outline: none !important; } button { font: inherit; outline: none; border: none; background: none; padding: 0; cursor: pointer; } a { background-color: transparent; text-decoration: none; color: inherit; } a:focus { outline: none !important; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: 700; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.25; margin: 0; border-radius: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } [hidden], template { display: none; } html { box-sizing: border-box; } *, :after, :before { box-sizing: inherit; } blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, p, pre { margin: 0; } button { background: transparent; padding: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } fieldset { margin: 0; padding: 0; } ol, ul { margin: 0; } *, :after, :before { border: 0 solid #F5F8FA; } img { border-style: solid; } textarea { resize: vertical; } img { max-width: 100%; height: auto; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder, textarea::placeholder { color: inherit; opacity: 1; } [role=button], button { cursor: pointer; } table { border-collapse: collapse; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } .table--striped .tr--strip { background-color: #F5F8FA; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; } .tbody .tr { display: flex; justify-content: space-between; } .tbody .tw { width: 100%; display: flex; } .tbody .tw:last-child { width: 3rem; } .tbody .td { padding: 0.75rem; vertical-align: top; width: 100%; } .table td, .table th { padding: 0.75rem 0.5rem; vertical-align: top; } @media (min-width: 567px) { .table td, .table th { padding: 0.75rem; } } .table tr:first-child td { border-top: 0px; } .table th { vertical-align: bottom; border-bottom: 0; text-align: left; padding-bottom: 1rem; } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table--striped tbody tr:nth-child(odd) td { background-color: #F5F8FA; } .table--striped tbody tr:nth-child(odd) td:first-child { border-top-left-radius: 1rem; } .table--striped tbody tr:nth-child(odd) td:last-child { border-bottom-right-radius: 1rem; } .table--condensed td, .table--condensed th { padding: 0.5rem; } .table--calculate th { text-transform: uppercase; font-weight: 700; } .table--calculate th:first-child { width: 50%; } @media (min-width: 567px) { .table--calculate th:first-child { width: 60%; } } .table--calculate td:last-child, .table--calculate th:last-child { text-align: right; font-weight: 700; } .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive.table-bordered { border: 0; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table { font-size: 1rem; } .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } } .extras__aggregate td, .table--calculate td, .extras__aggregate th, .table--calculate th { min-width: initial!important; } html { font-size: 85%; } @media (min-width: 350px) { html { font-size: 90%; } } @media (min-width: 567px) { html { font-size: 75%; } } @media (min-width: 800px) { html { font-size: 88%; } } @media (min-width: 1099px) { html { font-size: 100%; } } @media (min-width: 1500px) { html { font-size: 110%; } } @media (min-width: 1700px) { html { font-size: 115%; } } h1 { margin-bottom: 1.5rem; } h2 { margin-bottom: 1.25rem; } h3 { margin-bottom: 0.75rem; } p { line-height: 1.75; } .font-sans { font-family: 'Montserrat', sans-serif; } .font-serif { font-family: 'ActaHeadline', serif; } .font-hairline { font-weight: 100; } .font-thin { font-weight: 200; } .font-light { font-weight: 300; } .font-normal { font-weight: 400; } .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-black { font-weight: 900; } .leading-remove { line-height: 0!important; } .leading-none { line-height: 1; } .leading-tight { line-height: 1.25; } .leading-semitight { line-height: 1.375; } .leading-normal { line-height: 1.5; } .leading-semisemi-loose { line-height: 1.6; } .leading-semi-loose { line-height: 1.75; } .leading-loose { line-height: 2; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-3xs { font-size: 0.5rem; } .text-2xs { font-size: 0.6rem; } .text-xs { font-size: 0.875rem; } @media (min-width: 567px) { .text-xs { font-size: 0.75rem; } } .text-sm { font-size: 0.95rem; } @media (min-width: 567px) { .text-sm { font-size: 0.825rem; } } .text-sml { font-size: 0.875rem; } .text-md { font-size: 0.9375rem; } .text-base { font-size: 1rem; } .text-lg { font-size: 1.125rem; } .text-xl { font-size: 1.3125rem; } .text-1xl { font-size: 1.4rem; } .text-2xl { font-size: 1.5rem; } .text-25xl { font-size: 1.65rem; } .text-3xl { font-size: 2rem; } .text-35xl { font-size: 2.35rem; } .text-4xl { font-size: 2.75rem; } .text-5xl { font-size: 3.5rem; } .text-6xl { font-size: 5rem; } .text-7xl { font-size: 7rem; } .text-8xl { font-size: 8rem; } .italic { font-style: italic; } .roman { font-style: normal; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } .underline { text-decoration: underline; } .line-through { text-decoration: line-through; } .no-underline { text-decoration: none; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .hover\:italic:hover { font-style: italic; } .hover\:roman:hover { font-style: normal; } .hover\:uppercase:hover { text-transform: uppercase; } .hover\:lowercase:hover { text-transform: lowercase; } .hover\:capitalize:hover { text-transform: capitalize; } .hover\:normal-case:hover { text-transform: none; } .hover\:underline:hover { text-decoration: underline; } .hover\:line-through:hover { text-decoration: line-through; } .hover\:no-underline:hover, .hover\:no-underline:focus { text-decoration: none!important; } .hover\:antialiased:hover { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hover\:subpixel-antialiased:hover { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .tracking-tight { letter-spacing: -0.05em; } .tracking-normal { letter-spacing: 0; } .tracking-semiwide { letter-spacing: 0.4px; } .tracking-wide { letter-spacing: 0.5px; } .tracking-ultrawide { letter-spacing: 1.5px; } .whitespace-normal { white-space: normal; } .whitespace-no-wrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .break-words { word-wrap: break-word; } .break-normal { word-wrap: normal; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .align-baseline { vertical-align: baseline; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .align-text-top { vertical-align: text-top; } .align-text-bottom { vertical-align: text-bottom; } .text-transparent { color: transparent; } .text-primary { color: #202020; } .text-accent { color: #084977; } .text-accent-light { color: rgba(8, 73, 119, 0.5); } .text-accent-alt { color: rgba(8, 73, 119, 0.1); } .text-success { color: #0bab31; } .text-primary-light { color: #474747; } .text-purple { color: #424f9d; } .text-silver { color: #474747; } .text-secondary { color: #B5842C; } .text-secondary-light { color: #ca9331; } .text-green { color: #0bab31; } .text-green-alt { color: #0BAB30; } .text-info { color: #474747; } .text-black { color: #202020; } .text-grey { color: #474747; } .text-grey-light { color: #c7c7c7; } .text-grey-lighter { color: #eeeeee; } .text-grey-lightest { color: #F5F8FA; } .text-white { color: #FFFFFF; } .hover\:text-white:hover { color: #FFFFFF; } .hover\:text-accent:hover { color: #084977; } .text-red { color: #c60f3c; } .text-orange { color: #B5842C; } .text-yellow { color: #D6933F; } .text-blue { color: #084977; } .gradient-dark { position: relative; } .gradient-dark::before { position: absolute; pointer-events: none; height: 100%; width: 100%; content: ""; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.25); } .gradient-dark--bottom::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #084977 100%); } .gradient-dark--bottom-long::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.75) 100%); } .gradient-dark--bottom-dark::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #084977 100%); } .gradient-dark--left::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.45) 100%); } @media (min-width: 567px) { .gradient-dark--left::before { background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, #000000 80%); } } .gradient-dark--blue::before { background: linear-gradient(30deg, rgba(8, 73, 119, 0.75) 0%, rgba(8, 73, 119, 0) 40%); } .gradient-dark--white::before { background: linear-gradient(25deg, #ffffff 0%, rgba(255, 255, 255, 0) 60%); } .gradient-dark > * { z-index: 1; position: relative; } .gradient-accent { position: relative; } .gradient-accent::before { position: absolute; pointer-events: none; height: 100%; width: 100%; content: ""; top: 0; left: 0; z-index: 1; background-color: rgba(8, 73, 119, 0.75); } .gradient-accent > * { z-index: 1; position: relative; } .gradient-white { position: relative; } .gradient-white::after { position: absolute; pointer-events: none; height: 14rem; width: 100%; content: ""; top: 0; left: 0; z-index: 2; background-color: rgba(255, 255, 255, 0.25); } .gradient-white--bottom::after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 100%); } @media (min-width: 567px) { .gradient-white--bottom::after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 100%); } } .gradient-white--top::after { background: linear-gradient(to top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%); } @media (min-width: 567px) { .gradient-white--top::after { background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 100%); } } .gradient-white--left::after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.45) 100%); } @media (min-width: 567px) { .gradient-white--left::after { background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, #ffffff 80%); } } .gradient-white > * { z-index: 1; position: relative; } .box-shadow-3d { position: relative; } .box-shadow-3d::after { content: ""; box-shadow: 0px 11px 30px -14px rgba(141, 194, 230, 0.5); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 5rem; z-index: -1; } .box-shadow-small, .filters__range .noUi-horizontal .noUi-handle, .rental-prices .currencyChange.active, .flatpickr-calendar .flatpickr-next-month, .flatpickr-calendar .flatpickr-prev-month, .c-cardSlider .slick-prev, .c-imageSlider .slick-prev, .c-cardSlider .slick-next, .c-imageSlider .slick-next { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); } .box-shadow-thin { box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1); } .box-shadow, .c-treeDropdown { box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); } .bg-accent { background-color: #084977; } .bg-accent-alt { background-color: rgba(8, 73, 119, 0.1); } .bg-transparent { background-color: transparent; } .bg-black { background-color: #000; } .bg-primary { background-color: #202020; } @media (min-width: 576px) { .sm\:bg-primary { background-color: #202020 !important; } } .bg-primary-light { background-color: #000 light; } .bg-silver { background-color: #474747; } .bg-secondary { background-color: #B5842C; } .bg-secondary-light { background-color: #ca9331; } .bg-green { background-color: #0bab31; } .bg-red { background-color: #c60f3c !important; } .bg-green-alt { background-color: #0BAB30; } .bg-purple { background-color: #424f9d; } .bg-green-light { background-color: #95C11F; } .bg-info { background-color: #474747; } .bg-black { background-color: #202020; } .bg-grey { background-color: #474747; } .bg-grey-light { background-color: #c7c7c7; } .bg-grey-lighter { background-color: #eeeeee; } .bg-grey-lightest { background-color: #F5F8FA; } .bg-white { background-color: #FFFFFF; } .bg-red { background-color: #c60f3c; } .bg-orange { background-color: #B5842C; } .bg-yellow { background-color: #D6933F; } .bg-blue { background-color: #084977; } .bg-fixed { background-attachment: fixed; } @media (min-width: 1099px) { .lg\:bg-fixed { background-attachment: fixed; } } .bg-local { background-attachment: local; } .bg-scroll { background-attachment: scroll; } .bg-bottom { background-position: bottom; } .bg-center { background-position: 50%; } .bg-center-lower { background-position: 50% 75%; } .bg-left { background-position: 0; } .bg-left-bottom { background-position: 0 100%; } .bg-left-top { background-position: 0 0; } .bg-right { background-position: 100%; } .bg-right-bottom { background-position: 100% 100%; } .bg-right-top { background-position: 100% 0; } .bg-top { background-position: top; } .bg-repeat { background-repeat: repeat; } .bg-no-repeat { background-repeat: no-repeat; } .bg-repeat-x { background-repeat: repeat-x; } .bg-repeat-y { background-repeat: repeat-y; } .bg-auto { background-size: auto; } .bg-cover { background-size: cover; } .bg-contain { background-size: contain; } .bg-center-cover { background-position: center; background-size: cover; background-repeat: no-repeat; } .border-arrow { position: relative; } .border-arrow::after { position: absolute; width: 0; content: ""; height: 0; } .border-arrow--top::after { top: -1rem; left: 3rem; border-bottom: 1rem solid rgba(8, 73, 119, 0.1); border-right: 1rem solid transparent; border-left: 1rem solid transparent; } .border-arrow--top-sm::after { top: -0.5rem; left: 2.5rem; border-bottom: 0.5rem solid #FFFFFF; border-right: 0.5rem solid transparent; border-left: 0.5rem solid transparent; } .border-elegant, .btn, body > p.flash-message, .form-control input, .form-control textarea, .form-control select, .filters__inner input, .search__inner input, .filters__inner select, .search__inner select, .input-select, .c-Dropdown__content, .c-treeDropdown, .section-portal .message-item .body .content, .section-portal .message-item .body .content a[href^="#"] { border-bottom-right-radius: 1rem!important; border-top-left-radius: 1rem!important; } .border-elegant-l { border-bottom-right-radius: 0rem!important; border-top-left-radius: 1rem!important; } .border-elegant-l { border-top-left-radius: 1rem!important; } .border-elegant-r { border-bottom-right-radius: 1rem!important; } .border-elegant-r--lg { border-bottom-right-radius: 2rem!important; } .border-elegant--sm, .rental-legend__tag span, .pagination-wrap .pagination li a:not([rel]), .pagination-wrap .pagination li span:not([rel]), .services__call, .reviews .pill, .tooltip__text { border-bottom-right-radius: 0.5rem !important; border-top-left-radius: 0.5rem !important; } .border-elegant--lg, .gradient-accent.border-elegant--lg::before, .c-partner .gradient-accent::before, .c-partner figure img, .filters__inner, .search__inner, .services__card .gradient-dark--bottom::before, .services__card img, .modal__window, .c-bannerBadge, .portal-details, .c-Modal__inner, .c-CookiesBar { border-bottom-right-radius: 2rem!important; border-top-left-radius: 2rem!important; } .border-elegant--xl { border-bottom-right-radius: 3rem!important; border-top-left-radius: 3rem!important; } .border-primary { border-color: #202020; } .border-primary-light { border-color: #474747; } .border-silver { border-color: #474747; } .border-secondary { border-color: #B5842C; } .border-secondary-light { border-color: #ca9331; } .border-secondary-lighter { border-color: rgba(181, 132, 44, 0.2); } .border-accent { border-color: #084977; } .border-accent-light { border-color: rgba(8, 73, 119, 0.5); } .border-accent-lighter { border-color: rgba(8, 73, 119, 0.15); } .border-green { border-color: #0bab31; } .border-info { border-color: #474747; } .border-black { border-color: #202020; } .border-grey { border-color: #474747; } .border-grey-light { border-color: #c7c7c7; } .border-grey-lighter { border-color: #eeeeee; } .border-grey-lightest { border-color: #F5F8FA; } .border-white { border-color: #FFFFFF; } .accent-lighter { border-color: rgba(8, 73, 119, 0.15); } .border-transparent { border-color: transparent; } .border-red { border-color: #c60f3c; } .border-orange { border-color: #B5842C; } .border-yellow { border-color: #D6933F; } .border-blue { border-color: #084977; } .underline-stretch { padding-bottom: 0.25rem; border-bottom: 1px solid; } .border-collapse { border-collapse: collapse; } .border-separate { border-collapse: separate; } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: 0.125rem; } .rounded { border-radius: 0.25rem; } .rounded-lg { border-radius: 1.5rem; } .rounded-full { border-radius: 9999px; } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-t-sm { border-top-left-radius: 0.125rem; } .rounded-r-sm, .rounded-t-sm { border-top-right-radius: 0.125rem; } .rounded-b-sm, .rounded-r-sm { border-bottom-right-radius: 0.125rem; } .rounded-b-sm, .rounded-l-sm { border-bottom-left-radius: 0.125rem; } .rounded-l-sm { border-top-left-radius: 0.125rem; } .rounded-t { border-top-left-radius: 0.25rem; } .rounded-r, .rounded-t { border-top-right-radius: 0.25rem; } .rounded-b, .rounded-r { border-bottom-right-radius: 0.25rem; } .rounded-b, .rounded-l { border-bottom-left-radius: 0.25rem; } .rounded-l { border-top-left-radius: 0.25rem; } .rounded-t-lg, .rental-nav__pills a { border-top-left-radius: 0.5rem; } .rounded-r-lg, .rounded-t-lg, .rental-nav__pills a { border-top-right-radius: 0.5rem; } .rounded-b-lg, .rounded-r-lg { border-bottom-right-radius: 0.5rem; } .rounded-b-lg, .rounded-l-lg { border-bottom-left-radius: 0.5rem; } .rounded-l-lg { border-top-left-radius: 0.5rem; } .rounded-t-full { border-top-left-radius: 9999px; } .rounded-r-full, .rounded-t-full { border-top-right-radius: 9999px; } .rounded-b-full, .rounded-r-full { border-bottom-right-radius: 9999px; } .rounded-b-full, .rounded-l-full { border-bottom-left-radius: 9999px; } .rounded-l-full { border-top-left-radius: 9999px; } .rounded-tl-none { border-top-left-radius: 0; } .rounded-tr-none { border-top-right-radius: 0; } .rounded-br-none { border-bottom-right-radius: 0; } .rounded-bl-none { border-bottom-left-radius: 0; } .rounded-tl-sm { border-top-left-radius: 0.125rem; } .rounded-tr-sm { border-top-right-radius: 0.125rem; } .rounded-br-sm { border-bottom-right-radius: 0.125rem; } .rounded-bl-sm { border-bottom-left-radius: 0.125rem; } .rounded-tl { border-top-left-radius: 0.25rem; } .rounded-tr { border-top-right-radius: 0.25rem; } .rounded-br { border-bottom-right-radius: 0.25rem; } .rounded-bl { border-bottom-left-radius: 0.25rem; } .rounded-tl-lg { border-top-left-radius: 0.5rem; } .rounded-tr-lg { border-top-right-radius: 0.5rem; } .rounded-br-lg { border-bottom-right-radius: 0.5rem; } .rounded-bl-lg { border-bottom-left-radius: 0.5rem; } .rounded-tl-full { border-top-left-radius: 9999px; } .rounded-tr-full { border-top-right-radius: 9999px; } .rounded-br-full { border-bottom-right-radius: 9999px; } .rounded-bl-full { border-bottom-left-radius: 9999px; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-dotted { border-style: dotted; } .border-none { border-style: none; } .border-0 { border-width: 0; } .border-1 { border-width: 1px; } .border-2 { border-width: 2px; } .border-4 { border-width: 4px; } .border-8 { border-width: 8px; } .border { border-width: 1px; } .border-t-0 { border-top-width: 0; } .border-r-0 { border-right-width: 0; } .border-b-0 { border-bottom-width: 0; } .border-b-1 { border-bottom-width: 1px; } .border-t-1 { border-top-width: 1px; } .border-t-3 { border-top-width: 3px; } .border-l-0 { border-left-width: 0; } .border-l-1 { border-left-width: 1px; } .border-t-2 { border-top-width: 2px; } .border-r-2 { border-right-width: 2px; } .border-b-2 { border-bottom-width: 2px; } .border-l-2 { border-left-width: 2px; } .border-t-4 { border-top-width: 4px; } .border-r-4 { border-right-width: 4px; } .border-b-4 { border-bottom-width: 4px; } .border-l-4 { border-left-width: 4px; } .border-t-8 { border-top-width: 8px; } .border-r-8 { border-right-width: 8px; } .border-b-8 { border-bottom-width: 8px; } .border-l-8 { border-left-width: 8px; } .border-t { border-top-width: 1px; } .border-r { border-right-width: 1px; } .border-b { border-bottom-width: 1px; } .border-l { border-left-width: 1px; } .btn { padding: 0.7rem 1.5rem 0.6rem; box-shadow: none; text-align: center; font-size: 0.85rem; cursor: pointer; text-decoration: none; white-space: nowrap; line-height: 1.3rem; display: inline-block; min-width: 9.375rem; position: relative; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); -webkit-appearance: none; appearance: none; } @media (min-width: 767px) { .btn { padding: 0.75rem 1.5rem 0.65rem; } } .btn--accent { background-color: #084977; border-color: #084977; color: #FFFFFF; font-weight: 700; } @media (min-width: 567px) { .btn--accent:hover { background-color: #0b66a7; color: #FFFFFF !important; } } .btn--success { background-color: #0bab31; border-color: #0bab31; color: #FFFFFF; font-weight: 700; } @media (min-width: 567px) { .btn--success:hover { background-color: #0edb3f; color: #FFFFFF !important; } } .btn--purple { background-color: #424f9d; border-color: #424f9d; color: #FFFFFF; font-weight: 700; } @media (min-width: 567px) { .btn--purple:hover { background-color: #5967b9; color: #FFFFFF !important; } } .btn--green { background-color: #0bab31; border-color: #0bab31; color: #FFFFFF; font-weight: 700; } @media (min-width: 567px) { .btn--green:hover { background-color: #0edb3f; color: #FFFFFF !important; } } .btn--green-alt { background-color: #0BAB30; border-color: #0BAB30; color: #FFFFFF; font-weight: 700; } @media (min-width: 567px) { .btn--green-alt:hover { background-color: #0edb3d; color: #FFFFFF !important; } } .btn--secondary { background-color: #B5842C; border-color: #B5842C; color: #FFFFFF; font-weight: 700; } @media (min-width: 567px) { .btn--secondary:hover { background-color: #ca9331; color: #FFFFFF !important; } } .btn--secondary-link { border: 2px solid rgba(181, 132, 44, 0.2); color: #B5842C; font-weight: 700; } @media (min-width: 567px) { .btn--secondary-link:hover { background-color: #B5842C; color: #FFFFFF !important; } } .btn--primary { background-color: #202020; border-color: #202020; color: #FFFFFF; font-weight: 700; } @media (min-width: 567px) { .btn--primary:hover { background-color: #474747; color: #FFFFFF !important; } } .btn--invert { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; font-weight: 500; } .btn--invert span { z-index: 1; position: relative; } .btn--invert:before { content: ""; position: absolute; background-color: #FFFFFF; top: 0; bottom: 0; left: 0; right: 100%; transition: right 0.6s cubic-bezier(0.47, 0.17, 0.17, 0.58); } @media (min-width: 567px) { .btn--invert:hover { color: #B5842C; background-color: transparent; } .btn--invert:hover::before { right: 0; } } .btn--link { border: 1px solid #eeeeee; color: #474747; background-color: #FFFFFF; } .btn--link:hover, .btn--link:focus { background-color: #474747; border: 1px solid #474747; color: #FFFFFF; } .btn--link-accent { border: 1px solid #084977; color: #084977; background-color: transparent; } .btn--link-accent:hover, .btn--link-accent:focus { background-color: #084977; border: 1px solid #084977; color: #FFFFFF; } .btn--icon { display: flex; justify-content: space-between; align-items: center; padding-right: 1rem!important; } .btn--icon i { display: inline-block; margin-left: 1rem; } .btn--img { padding: 0.65rem 1rem 0.45rem; } .btn--img img { height: 1.3rem; width: auto; } .btn--text-img { padding: 0.65rem 1rem 0.5rem 0.75rem; } .btn--full { width: 100%; } .btn--wide { padding-right: 3rem; padding-left: 3rem; } .btn--block { width: 100%; display: block; } .btn--lg { padding: 0.75rem 2rem; } .btn--filterButton { background-color: #202020; color: #F5F8FA; } @media (max-width: 767px) { .btn--filterButton { display: block; margin-bottom: 0.5rem; } } .btn--sm { padding: 0.55rem 1.5rem 0.55rem; min-height: 0; font-size: 0.75rem; min-width: initial; line-height: 1; } body > p.flash-message { font-size: 1rem; letter-spacing: 0.4px; } body > p.flash-message.success { background: #0bab31; } @media (min-width: 567px) { body > p.flash-message { padding: 2rem; font-size: 1.15rem; border-radius: 0px; top: 35px; } } #i_surname { opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1; user-select: none; } input.formFieldError { border-color: #c60f3c !important; } label.error { display: none !important; color: #c60f3c !important; } input.formFieldError + label.error { display: block !important; } [data-validate-for], .too-many { color: #c60f3c; margin-top: 0.5rem; display: inline-block; font-size: 0.75rem; font-weight: 600; } .form-control label { font-size: 0.75rem; display: block; font-weight: 700; margin-bottom: 0.5rem; } .form-control input, .form-control textarea, .form-control select { color: #474747; background-color: #F5F8FA; display: block; padding: 0.5rem 1rem; border: 1px solid; border-color: transparent; min-height: 3.125rem; } .form-control input, .form-control textarea, .form-control select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; color: #202020; font-weight: 700; } @media (min-width: 800px) { .form-control input, .form-control textarea, .form-control select { font-size: 0.75rem; } } .form-control input::placeholder, .form-control textarea::placeholder, .form-control select::placeholder { opacity: 1; } .form-control input:focus, .form-control textarea:focus, .form-control select:focus { border-color: #B5842C; } .form-control textarea { padding-top: 0.75rem; } .form-control textarea::placeholder { opacity: 0.75; line-height: 1.75; font-weight: 500; } .form-control--invert input, .form-control--invert textarea { color: #FFFFFF; background-color: #000; } .form-control--invert input:focus, .form-control--invert textarea:focus, .form-control--invert input:hover, .form-control--invert textarea:hover { border-color: transparent; } .form-control--iconed input, .form-control--iconed select, .form-control--iconed textarea, .form-control--iconed select { padding: 0.75rem 2rem 0.75rem 2.25rem; min-height: 3.125rem; } .form-control--iconed textarea { padding-top: 1rem; } @media (min-width: 567px) { .two-fields, .two-half-fields, .three-fields, .three-half-fields { display: flex; } .two-half-fields > :nth-child(1) { flex: 20% 0; margin-right: 0.75rem; } .two-half-fields > :nth-child(2) { flex: 40% 0; margin-right: 0.75rem; margin-left: 0.75rem; } .two-half-fields > :nth-child(3) { flex: 40% 0; margin-left: 0.75rem; } .two-fields > :first-child { flex: 50% 0; margin-right: 0.75rem; } .two-fields > :last-child { flex: 50% 0; margin-left: 0.75rem; } .three-fields > :nth-child(1) { flex: 33.33333333% 0; margin-right: 0.75rem; } .three-fields > :nth-child(2) { flex: 33.33333333% 0; margin-left: 0.75rem; margin-right: 0.75rem; } .three-fields > :nth-child(3) { flex: 33.33333333% 0; margin-left: 0.75rem; } .three-half-fields > :nth-child(1) { flex: 10% 0; margin-right: 0.75rem; } .three-half-fields > :nth-child(2) { flex: 30% 0; margin-right: 0.75rem; margin-left: 0.75rem; } .three-half-fields > :nth-child(3) { flex: 30% 0; margin-right: 0.75rem; margin-left: 0.75rem; } .three-half-fields > :nth-child(4) { flex: 30% 0; margin-left: 0.75rem; } } .checkbox { display: block; } .checkbox > input { margin-right: 0.5rem; } .checkbox > span { letter-spacing: 0.05em; font-size: 0.75rem; } .input--quantity { display: table; max-width: 80px; } @media (min-width: 567px) { .input--quantity { max-width: 95px; } } .input--number { display: table-cell; text-align: center; width: 1.75rem !important; height: 1.75rem !important; padding: 0!important; border-radius: 0!important; pointer-events: none; font-size: 0.875rem; font-weight: 600; border: 0!important; min-height: initial!important; background: transparent!important; } .input--number:focus, .input--number:hover { outline: none; } .btn--number { display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; font-size: 1.35rem; font-weight: 600; color: #084977; } .btn--number-disabled { opacity: 0.5; cursor: not-allowed; } .btn:disabled { cursor: not-allowed; } label.custom-checkbox-label { display: block; position: relative; padding-left: 2rem; line-height: 1.5; cursor: pointer; user-select: none; } label.custom-checkbox-label--medium { padding-left: 1.5rem; line-height: 1.5; font-size: 0.875rem; } label.custom-checkbox-label--medium .custom-checkmark { height: 1rem; width: 1rem; } label.custom-checkbox-label--medium .custom-checkbox:checked + .custom-checkmark::after { width: 0.64rem; height: 0.64rem; } .custom-checkmark { position: absolute; top: 0; pointer-events: none; left: 0; height: 1.15rem; width: 1.15rem; border: 1px solid transparent; background-color: rgba(8, 73, 119, 0.1); } .custom-checkmark--invert { border-color: transparent !important; background-color: #000; } .custom-checkmark::after { content: ""; position: absolute; display: none; pointer-events: none; } .custom-checkmark--dark { background-color: #084977; } .custom-checkbox { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .custom-checkbox:checked + .custom-checkmark { background-color: #B5842C; } .custom-checkbox:checked + .custom-checkmark::after { display: block; left: 50%; top: 50%; color: #FFFFFF; content: "\e909"; font-family: "mevillas"; font-size: 0.875rem; transform: translate(-50%, -50%); } .custom-checkbox:checked + .custom-checkmark--alt { background-color: #084977; } .js--input-switch .knobs, .js--input-switch .layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .js--input-switch.button { position: relative; width: 100px; height: 36px; overflow: hidden; } .js--input-switch.button.r, .js--input-switch.button.r .layer { border-radius: 100px; } .js--input-switch .checkbox { position: relative; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; cursor: pointer; z-index: 3; } .js--input-switch .knobs { z-index: 2; } .js--input-switch .knobs::before { content: 'NO'; position: absolute; top: 4px; left: 4px; width: 50px; height: 28px; font-size: 10px; font-weight: 600; text-align: center; line-height: 1; padding: 9px 4px; background-color: rgba(8, 73, 119, 0.2); border-radius: 30px; transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all; } .js--input-switch .checkbox:checked + .knobs:before { content: 'Yes'; left: 42px; background-color: #084977; color: #fff; } .js--input-switch .checkbox:checked ~ .layer { background-color: #F5F8FA; } .js--input-switch .layer { width: 100%; background-color: #F5F8FA; transition: 0.3s ease all; z-index: 1; } .js--input-switch .knobs, .js--input-switch .knobs:before, .js--input-switch .layer { transition: 0.3s ease all; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 576px) { .container { max-width: 630px; padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .container { max-width: 728px; } } @media (min-width: 860px) { .container { max-width: 830px; } } @media (min-width: 992px) { .container { max-width: 977px; } } @media (min-width: 1200px) { .container { max-width: 1180px; } } @media (min-width: 1500px) { .container { max-width: 1300px; } } @media (min-width: 1700px) { .container { max-width: 1450px; } } .flex { display: -ms-flexbox; display: flex; } .inline-flex { display: -ms-inline-flexbox; display: inline-flex; } .flex-row { -ms-flex-direction: row; flex-direction: row; } .flex-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-col { -ms-flex-direction: column; flex-direction: column; } .flex-col-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .flex-no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .items-start { -ms-flex-align: start; align-items: flex-start; } .items-end { -ms-flex-align: end; align-items: flex-end; } .items-center { -ms-flex-align: center; align-items: center; } .items-baseline { -ms-flex-align: baseline; align-items: baseline; } .items-stretch { -ms-flex-align: stretch; align-items: stretch; } .self-auto { -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .self-start { -ms-flex-item-align: start; align-self: flex-start; } .self-end { -ms-flex-item-align: end; align-self: flex-end; } .self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .justify-start { -ms-flex-pack: start; justify-content: flex-start; } .justify-end { -ms-flex-pack: end; justify-content: flex-end; } .justify-center { -ms-flex-pack: center; justify-content: center; } .justify-between { -ms-flex-pack: justify; justify-content: space-between; } .justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .content-center { -ms-flex-line-pack: center; align-content: center; } .content-start { -ms-flex-line-pack: start; align-content: flex-start; } .content-end { -ms-flex-line-pack: end; align-content: flex-end; } .content-between { -ms-flex-line-pack: justify; align-content: space-between; } .content-around { -ms-flex-line-pack: distribute; align-content: space-around; } .flex-1 { -ms-flex: 1 1 0; flex: 1 1 0; } .flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-initial { -ms-flex: 0 1 auto; flex: 0 1 auto; } .flex-none { -ms-flex: none; flex: none; } .flex-grow { -ms-flex-positive: 1; flex-grow: 1; } .flex-shrink { -ms-flex-negative: 1; flex-shrink: 1; } .flex-no-grow { -ms-flex-positive: 0; flex-grow: 0; } .flex-no-shrink { -ms-flex-negative: 0; flex-shrink: 0; } .static { position: static!important; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: -webkit-sticky; position: sticky; } .pin-none { top: auto; right: auto; bottom: auto; left: auto; } .pin { right: 0; left: 0; } .pin, .pin-y { top: 0; bottom: 0; } .pin-x { right: 0; left: 0; } .pin-t { top: 0; } .pin-r { right: 0; } .pin-b { bottom: 0; } .pin-l { left: 0; } .top-12 { top: 3rem!important; } .h-auto { height: auto; } .h-px { height: 1px; } .h-full { height: 100%; } .h-screen { height: 100vh; } .h-screen-half { min-height: 65vh; } @media (min-width: 567px) { .h-screen-half { min-height: 55vh; } } .h-screen-two-third { min-height: 70vh; } @media (max-width: 567px) { .h-screen-two-third { min-height: 85vh; } } .w-3 { width: 1.5rem; } .h-3 { height: 1.5rem; } .top-1 { top: 1rem; } .m-0 { margin: 0; } .m-1 { margin: 0.25rem; } .m-2 { margin: 0.5rem; } .m-3 { margin: 0.75rem; } .m-4 { margin: 1rem; } .m-5 { margin: 1.25rem; } .m-6 { margin: 1.5rem; } .m-8 { margin: 2rem; } .m-10 { margin: 2.5rem; } .m-12 { margin: 3rem; } .m-16 { margin: 4rem; } .m-20 { margin: 5rem; } .m-24 { margin: 6rem; } .m-32 { margin: 8rem; } .m-auto { margin: auto; } .m-px { margin: 1px; } .my-0 { margin-top: 0; margin-bottom: 0; } .mx-0 { margin-left: 0; margin-right: 0; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .mx-8 { margin-left: 2rem; margin-right: 2rem; } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .mx-12 { margin-left: 3rem; margin-right: 3rem; } .my-16 { margin-top: 4rem; margin-bottom: 4rem; } .mx-16 { margin-left: 4rem; margin-right: 4rem; } .my-20 { margin-top: 5rem; margin-bottom: 5rem; } .mx-20 { margin-left: 5rem; margin-right: 5rem; } .my-24 { margin-top: 6rem; margin-bottom: 6rem; } .mx-24 { margin-left: 6rem; margin-right: 6rem; } .my-32 { margin-top: 8rem; margin-bottom: 8rem; } .mx-32 { margin-left: 8rem; margin-right: 8rem; } .my-auto { margin-top: auto; margin-bottom: auto; } .mx-auto { margin-left: auto; margin-right: auto; } .my-px { margin-top: 1px; margin-bottom: 1px; } .mx-px { margin-left: 1px; margin-right: 1px; } .mt-0 { margin-top: 0; } .mr-0 { margin-right: 0; } .mb-0 { margin-bottom: 0!important; } .ml-0 { margin-left: 0; } .mt-1 { margin-top: 0.25rem; } .mr-1 { margin-right: 0.25rem; } .mb-1 { margin-bottom: 0.25rem; } .ml-1 { margin-left: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mr-2 { margin-right: 0.5rem; } .mb-2 { margin-bottom: 0.5rem; } .ml-2 { margin-left: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mr-3 { margin-right: 0.75rem; } .mb-3 { margin-bottom: 0.75rem; } .ml-3 { margin-left: 0.75rem; } .mt-4 { margin-top: 1rem; } .mr-4 { margin-right: 1rem; } .mb-4 { margin-bottom: 1rem; } .ml-4 { margin-left: 1rem; } .mt-5 { margin-top: 1.25rem; } .mr-5 { margin-right: 1.25rem; } .mb-5 { margin-bottom: 1.25rem; } .ml-5 { margin-left: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mr-6 { margin-right: 1.5rem; } .mb-6 { margin-bottom: 1.5rem; } .ml-6 { margin-left: 1.5rem; } .mt-8 { margin-top: 2rem; } .mr-8 { margin-right: 2rem; } .mb-8 { margin-bottom: 2rem; } .ml-8 { margin-left: 2rem; } .mt-10 { margin-top: 2.5rem; } .mr-10 { margin-right: 2.5rem; } .mb-10 { margin-bottom: 2.5rem; } .ml-10 { margin-left: 2.5rem; } .mt-12 { margin-top: 3rem; } .mr-12 { margin-right: 3rem; } .mb-12 { margin-bottom: 3rem; } .ml-12 { margin-left: 3rem; } .mt-16 { margin-top: 4rem; } .mr-16 { margin-right: 4rem; } .mb-16 { margin-bottom: 4rem; } .ml-16 { margin-left: 4rem; } .mt-20 { margin-top: 5rem; } .mr-20 { margin-right: 5rem; } .mb-20 { margin-bottom: 5rem; } .ml-20 { margin-left: 5rem; } .mt-24 { margin-top: 6rem; } .mr-24 { margin-right: 6rem; } .mb-24 { margin-bottom: 6rem; } .ml-24 { margin-left: 6rem; } .mt-32 { margin-top: 8rem; } .mr-32 { margin-right: 8rem; } .mb-32 { margin-bottom: 8rem; } .ml-32 { margin-left: 8rem; } .mt-auto { margin-top: auto; } .mr-auto { margin-right: auto; } .mb-auto { margin-bottom: auto; } .ml-auto { margin-left: auto; } .mt-px { margin-top: 1px; } .mr-px { margin-right: 1px; } .mb-px { margin-bottom: 1px; } .ml-px { margin-left: 1px; } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .max-h-420 { max-height: 420px; object-fit: cover; } .w-fit { width: fit-content; } .min-w-2 { min-width: 2rem; } .min-w-3 { min-width: 3rem; } .min-w-5 { min-width: 5rem; } .min-w-6 { min-width: 6.5rem; } .min-w-8 { min-width: 8rem; } .min-w-10 { min-width: 10rem; } .min-w-15 { min-width: 15rem; } .max-w-5 { max-width: 5rem; } .max-w-7 { max-width: 7rem; } .max-w-10 { max-width: 10rem; } .max-w-15 { max-width: 18rem; } @media (min-width: 900px) { .max-w-15 { max-width: 15rem; } } .max-w-xs { max-width: 22rem; } @media (min-width: 567px) { .max-w-xs { max-width: 25rem; } } @media (min-width: 567px) { .sm\:max-w-xs { max-width: 25rem; } } .max-w-sm { max-width: 33rem; } .max-w-md { max-width: 40rem; } .max-w-lg { max-width: 46rem; } .max-w-x { max-width: 52rem; } .max-w-xl { max-width: 60rem; } .max-w-2xl { max-width: 73.75rem; } .max-w-3xl { max-width: 80rem; } .max-w-4xl { max-width: 90rem; } .max-w-5xl { max-width: 100rem; } .max-w-full { max-width: 100%; } .min-w-full { min-height: 100%; } .min-h-0 { min-height: 0; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .min-w-md { min-width: 40rem; } @media (max-width: 1099px) { .min-w-md { min-width: 100%; } } .min-w-full { min-width: 100%; } .-m-0 { margin: 0; } .-m-1 { margin: -0.25rem; } .-m-2 { margin: -0.5rem; } .-m-3 { margin: -0.75rem; } .-m-4 { margin: -1rem; } .-m-5 { margin: -1.25rem; } .-m-6 { margin: -1.5rem; } .-m-8 { margin: -2rem; } .-m-10 { margin: -2.5rem; } .-m-12 { margin: -3rem; } .-m-16 { margin: -4rem; } .-m-20 { margin: -5rem; } .-m-24 { margin: -6rem; } .-m-32 { margin: -8rem; } .-m-px { margin: -1px; } .-my-0 { margin-top: 0; margin-bottom: 0; } .-mx-0 { margin-left: 0; margin-right: 0; } .-my-1 { margin-top: -0.25rem; margin-bottom: -0.25rem; } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .-my-2 { margin-top: -0.5rem; margin-bottom: -0.5rem; } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .-my-3 { margin-top: -0.75rem; margin-bottom: -0.75rem; } .-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .-my-4 { margin-top: -1rem; margin-bottom: -1rem; } .-mx-4 { margin-left: -1rem; margin-right: -1rem; } .-my-5 { margin-top: -1.25rem; margin-bottom: -1.25rem; } .-mx-5 { margin-left: -1.25rem; margin-right: -1.25rem; } .-my-6 { margin-top: -1.5rem; margin-bottom: -1.5rem; } .-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .-my-8 { margin-top: -2rem; margin-bottom: -2rem; } .-mx-8 { margin-left: -2rem; margin-right: -2rem; } .-my-10 { margin-top: -2.5rem; margin-bottom: -2.5rem; } .-mx-10 { margin-left: -2.5rem; margin-right: -2.5rem; } .-my-12 { margin-top: -3rem; margin-bottom: -3rem; } .-mx-12 { margin-left: -3rem; margin-right: -3rem; } .-my-16 { margin-top: -4rem; margin-bottom: -4rem; } .-mx-16 { margin-left: -4rem; margin-right: -4rem; } .-my-20 { margin-top: -5rem; margin-bottom: -5rem; } .-mx-20 { margin-left: -5rem; margin-right: -5rem; } .-my-24 { margin-top: -6rem; margin-bottom: -6rem; } .-mx-24 { margin-left: -6rem; margin-right: -6rem; } .-my-32 { margin-top: -8rem; margin-bottom: -8rem; } .-mx-32 { margin-left: -8rem; margin-right: -8rem; } .-my-px { margin-top: -1px; margin-bottom: -1px; } .-mx-px { margin-left: -1px; margin-right: -1px; } .-mt-0 { margin-top: 0; } .-mr-0 { margin-right: 0; } .-mb-0 { margin-bottom: 0; } .-ml-0 { margin-left: 0; } .-mt-1 { margin-top: -0.25rem; } .-mr-1 { margin-right: -0.25rem; } .-mb-1 { margin-bottom: -0.25rem; } .-ml-1 { margin-left: -0.25rem; } .-mt-2 { margin-top: -0.5rem; } .-mr-2 { margin-right: -0.5rem; } .-mb-2 { margin-bottom: -0.5rem; } .-ml-2 { margin-left: -0.5rem; } .-mt-3 { margin-top: -0.75rem; } .-mr-3 { margin-right: -0.75rem; } .-mb-3 { margin-bottom: -0.75rem; } .-ml-3 { margin-left: -0.75rem; } .-mt-4 { margin-top: -1rem; } .-mr-4 { margin-right: -1rem; } .-mb-4 { margin-bottom: -1rem; } .-ml-4 { margin-left: -1rem; } .-mt-5 { margin-top: -1.25rem; } .-mr-5 { margin-right: -1.25rem; } .-mb-5 { margin-bottom: -1.25rem; } .-ml-5 { margin-left: -1.25rem; } .-mt-6 { margin-top: -1.5rem; } .-mr-6 { margin-right: -1.5rem; } .-mb-6 { margin-bottom: -1.5rem; } .-ml-6 { margin-left: -1.5rem; } .-mt-8 { margin-top: -2rem; } .-mr-8 { margin-right: -2rem; } .-mb-8 { margin-bottom: -2rem; } .-ml-8 { margin-left: -2rem; } .-mt-10 { margin-top: -2.5rem; } .-mr-10 { margin-right: -2.5rem; } .-mb-10 { margin-bottom: -2.5rem; } .-ml-10 { margin-left: -2.5rem; } .-mt-12 { margin-top: -3rem; } .-mr-12 { margin-right: -3rem; } .-mb-12 { margin-bottom: -3rem; } .-ml-12 { margin-left: -3rem; } .-mt-16 { margin-top: -4rem; } .-mr-16 { margin-right: -4rem; } .-mb-16 { margin-bottom: -4rem; } .-ml-16 { margin-left: -4rem; } .-mt-20 { margin-top: -5rem; } .-mr-20 { margin-right: -5rem; } .-mb-20 { margin-bottom: -5rem; } .-ml-20 { margin-left: -5rem; } .-mt-24 { margin-top: -6rem; } .-mr-24 { margin-right: -6rem; } .-mb-24 { margin-bottom: -6rem; } .-ml-24 { margin-left: -6rem; } .-mt-32 { margin-top: -8rem; } .-mr-32 { margin-right: -8rem; } .-mb-32 { margin-bottom: -8rem; } .-ml-32 { margin-left: -8rem; } .-mt-px { margin-top: -1px; } .-mr-px { margin-right: -1px; } .-mb-px { margin-bottom: -1px; } .-ml-px { margin-left: -1px; } .p-0 { padding: 0; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-10 { padding: 2.5rem; } .p-12 { padding: 3rem; } .p-16 { padding: 4rem; } .p-20 { padding: 5rem; } .p-24 { padding: 6rem; } .p-32 { padding: 8rem; } .p-px { padding: 1px; } .py-0 { padding-top: 0; padding-bottom: 0; } .px-0 { padding-left: 0; padding-right: 0; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .px-12 { padding-left: 3rem; padding-right: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .px-16 { padding-left: 4rem; padding-right: 4rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .px-20 { padding-left: 5rem; padding-right: 5rem; } .py-24 { padding-top: 6rem; padding-bottom: 6rem; } .px-24 { padding-left: 6rem; padding-right: 6rem; } .py-32 { padding-top: 8rem; padding-bottom: 8rem; } .px-32 { padding-left: 8rem; padding-right: 8rem; } .py-px { padding-top: 1px; padding-bottom: 1px; } .px-px { padding-left: 1px; padding-right: 1px; } .pt-0 { padding-top: 0; } .pr-0 { padding-right: 0; } .pb-0 { padding-bottom: 0; } .pl-0 { padding-left: 0; } .pt-1 { padding-top: 0.25rem; } .pr-1 { padding-right: 0.25rem; } .pb-1 { padding-bottom: 0.25rem; } .pl-1 { padding-left: 0.25rem; } .pt-2 { padding-top: 0.5rem; } .pr-2 { padding-right: 0.5rem; } .pb-2 { padding-bottom: 0.5rem; } .pl-2 { padding-left: 0.5rem; } .pt-3 { padding-top: 0.75rem; } .pr-3 { padding-right: 0.75rem; } .pb-3 { padding-bottom: 0.75rem; } .pl-3 { padding-left: 0.75rem; } .pt-4 { padding-top: 1rem; } .pr-4 { padding-right: 1rem; } .pb-4 { padding-bottom: 1rem; } .pl-4 { padding-left: 1rem; } .pt-5 { padding-top: 1.25rem; } .pr-5 { padding-right: 1.25rem; } .pb-5 { padding-bottom: 1.25rem; } .pl-5 { padding-left: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pr-6 { padding-right: 1.5rem; } .pb-6 { padding-bottom: 1.5rem; } .pl-6 { padding-left: 1.5rem !important; } .pt-8 { padding-top: 2rem; } .pr-8 { padding-right: 2rem; } .pb-8 { padding-bottom: 2rem; } .pl-8 { padding-left: 2rem; } .pt-10 { padding-top: 2.5rem; } .pr-10 { padding-right: 2.5rem; } .pb-10 { padding-bottom: 2.5rem; } .pl-10 { padding-left: 2.5rem; } .pt-12 { padding-top: 3rem; } .pr-12 { padding-right: 3rem; } .pb-12 { padding-bottom: 3rem; } .pl-12 { padding-left: 3rem; } .pt-16 { padding-top: 4rem; } .pr-16 { padding-right: 4rem; } .pb-16 { padding-bottom: 4rem; } .pl-16 { padding-left: 4rem; } .pt-20 { padding-top: 5rem; } .pr-20 { padding-right: 5rem; } .pb-20 { padding-bottom: 5rem; } .pl-20 { padding-left: 5rem; } .pt-24 { padding-top: 6rem; } .pr-24 { padding-right: 6rem; } .pb-24 { padding-bottom: 6rem; } .pl-24 { padding-left: 6rem; } .pt-32 { padding-top: 8rem; } .pr-32 { padding-right: 8rem; } .pb-32 { padding-bottom: 8rem; } .pl-32 { padding-left: 8rem; } .pt-px { padding-top: 1px; } .pr-px { padding-right: 1px; } .pb-px { padding-bottom: 1px; } .pl-px { padding-left: 1px; } .w-6 { width: 1.5rem; } .w-12 { width: 3rem; } .w-16 { width: 4rem; } .w-24 { width: 6rem; } .w-32 { width: 8rem; } .w-auto { width: auto; } .w-px { width: 1px; } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.33333%; } .w-2\/3 { width: 66.66667%; } .w-1\/4 { width: 25%; } .w-3\/4 { width: 75%; } .w-1\/5 { width: 20%; } .w-2\/5 { width: 40%; } .w-3\/5 { width: 60%; } .w-4\/5 { width: 80%; } .w-4\/7 { width: calc(100% * 4/7); } .w-3\/7 { width: calc(100% * 3/7); } .w-5\/12 { width: calc(100% * 5/12); } .w-7\/12 { width: calc(100% * 7/12); } .w-11\/12 { width: calc(100% * 11/12); } .w-1\/7 { width: calc(100% * 1/7); } .w-1\/6 { width: 16.66667%; } .w-5\/6 { width: 83.33333%; } .w-full { width: 100%; } .w-screen { width: 100vw; } .dl-horizontal { display: flex; flex-wrap: wrap; } .dl-horizontal dt { width: 40%; font-weight: 700; } .dl-horizontal dd { width: 60%; margin-bottom: 0.5rem; padding-right: 1rem; } @media (max-width: 567px) { .dl-horizontal dd, .dl-horizontal dt { width: 100%; } } .alert { background-color: #e9f3ea; color: #399042; } .alert--warning { background-color: #fbebeb; color: #ba2020; } hr { background-color: #F5F8FA; } .box-shadow-light, .card__icon, .c-featureList__icon, .c-navPills__item.active, .c-CookiesBar { box-shadow: 0px 0px 24px #e7f4fd; } .box-shadow-medium { box-shadow: 0px 0px 24px #e7f4fd; transition: all ease 0.4s; } .box-shadow-medium:hover { box-shadow: 0px 0px 32px #c0e3fb; } .box-shadow-light-hover, .card--rental:hover, .c-featureList__item:hover > div { box-shadow: 0px 0px 24px #c0e3fb; } .box-shadow-dark { box-shadow: 0px 0px 24px #e2f2fd; } .box-shadow-small, .filters__range .noUi-horizontal .noUi-handle, .rental-prices .currencyChange.active, .flatpickr-calendar .flatpickr-next-month, .flatpickr-calendar .flatpickr-prev-month, .c-cardSlider .slick-prev, .c-imageSlider .slick-prev, .c-cardSlider .slick-next, .c-imageSlider .slick-next { box-shadow: 0px 0px 12px #b7defa; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .rotate-horizontal { transform: rotate(180deg); display: block; } .break-dash > * { padding-bottom: 0.25rem; } .break-dash > *:not(:last-child)::after { padding: 0 0.5rem; content: ""; } @media (min-width: 567px) { .break-dash > *:not(:last-child)::after { content: " | "; } } .text-shadow { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } .fade-25 { opacity: 0.25; } .fade-50 { opacity: 0.5; } .fade-75 { opacity: 0.65; } .two-columns { column-count: 2; column-gap: 3rem; vertical-align: top; } .two-columns > * { -webkit-column-break-inside: avoid; column-break-inside: avoid; } .list-reset { list-style: none; padding-left: 0; } .list-custom { list-style: none; line-height: 1.5; padding-left: 0; } .list-custom li { padding-right: 2rem; } .list-custom li::before { font-family: "mevillas"; content: "\e909"; color: #084977; display: inline-block; font-size: 1rem; line-height: 0; width: 1.25rem; margin-left: -1.5rem; } .list-custom li:nth-child(even) { padding-right: 0; } @media (min-width: 567px) { .list-custom li:nth-child(even) { padding-right: 2rem; } .list-custom li:nth-child(3n) { padding-right: 0; } } .list-dashed { list-style: none; padding-left: 1rem; line-height: 1.5; } .list-dashed li { padding-bottom: 0.5rem; } .list-dashed li::before { content: '\2014'; display: inline-block; font-size: 1.5rem; line-height: 0; width: 3rem; margin-left: -1rem; } .header-line { position: relative; } .title-line { position: relative; margin-bottom: 2.5rem; } .title-line--split { display: flex; align-items: center; white-space: nowrap; } .title-line--split::after { width: 100%; height: 1px; display: inline-block; background-color: #B5842C; content: ""; margin-left: 1.5rem; } .title-line--split::before { width: 100%; height: 1px; display: inline-block; background-color: #B5842C; content: ""; margin-right: 1.5rem; } .title-line::after { height: 0.0625rem; width: 14rem; content: ""; position: absolute; background-color: #B5842C; left: 0; bottom: -2rem; z-index: 1; } .title-line--white::after { background-color: #FFFFFF; } .title-line--center::after { left: 50%; transform: translateX(-50%); } .title-line--left::after { width: 225px; transform: translateX(-70%); } .title-line--before { margin-bottom: 1.75rem; } .title-line--before::after { bottom: auto; top: -1.5rem; } .title-line--icon::before { font-family: "mevillas"; content: '\e91c'; position: absolute; bottom: -3.5rem; left: 50%; transform: translateX(-50%); color: #B5842C; background-color: #FFFFFF; padding: 0.75rem; font-size: 1.5rem; z-index: 2; } .title-line--invert::before { font-family: "mevillas"; content: '\e91c'; position: absolute; bottom: -3.5rem; left: 50%; transform: translateX(-50%); background: transparent; color: #FFFFFF; padding: 0.75rem; font-size: 1.5rem; z-index: 2; } .title-line--invert::after { content: none; } .title-line--invert span { display: flex; justify-content: center; } .title-line--invert span::after { height: 0.0625rem; width: 5rem; content: ""; position: relative; background-color: #FFFFFF; left: 1.5rem; bottom: -2rem; z-index: 1; } .title-line--invert span::before { height: 0.0625rem; width: 5rem; content: ""; position: relative; background-color: #FFFFFF; right: 1.5rem; bottom: -2rem; z-index: 1; } .title-line--invert-alt::before { color: #B5842C; } .title-line--invert-alt span::after, .title-line--invert-alt span::before { background-color: #B5842C; } .title-line--cross { position: relative; text-align: center; line-height: 1; display: flex; justify-content: center; align-items: center; } @media (min-width: 567px) { .title-line--cross { margin-right: 2rem; margin-left: 2rem; } } .title-line--cross span { padding-right: 1rem; padding-left: 1rem; background-color: #FFFFFF; z-index: 1; display: inline-block; position: relative; } @media (min-width: 567px) { .title-line--cross span { padding-right: 3rem; padding-left: 3rem; } } .title-line--cross::after { height: 1px; width: 100%; content: ""; position: absolute; background-color: #B5842C; left: 50%; transform: translateX(-50%); z-index: 0; bottom: 10px; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cursor-auto { cursor: auto; } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .cursor-wait { cursor: wait; } .cursor-move { cursor: move; } .cursor-not-allowed { cursor: not-allowed; } .pointer-none { pointer-events: none; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .table { display: table; } .table-row { display: table-row; } .table-cell { display: table-cell; } .hidden { display: none; } .float-right { float: right; } .float-left { float: left; } .float-none { float: none; } .clearfix:after { content: ""; display: table; clear: both; } .focus\:outline-none:focus, .outline-none { outline: 0; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-scroll { overflow: scroll; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-x-visible { overflow-x: visible; } .overflow-y-visible { overflow-y: visible; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-scroll { overflow-y: scroll; } .scrolling-touch { -webkit-overflow-scrolling: touch; } .scrolling-auto { -webkit-overflow-scrolling: auto; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .resize-none { resize: none; } .resize-y { resize: vertical; } .resize-x { resize: horizontal; } .resize { resize: both; } .shadow { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } .shadow-md { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); } .shadow-lg { box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); } .shadow-inner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .shadow-outline { box-shadow: 0 0 0 3px rgba(52, 144, 220, 0.5); } .shadow-none { box-shadow: none; } .fill-current { fill: currentColor; } .stroke-current { stroke: currentColor; } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .select-none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select-text { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .visible { visibility: visible; } .invisible { visibility: hidden; } .z-0 { z-index: 0; } .z-10 { z-index: 1; } .z-20 { z-index: 2; } .z-30 { z-index: 3; } .z-40 { z-index: 4; } .z-50 { z-index: 5; } .z-auto { z-index: auto; } .custom-radio { position: absolute; display: none; } .custom-radio[disabled] { cursor: not-allowed; } .custom-radio + label { position: relative; display: block; padding-left: 30px; cursor: pointer; vertical-align: middle; } .custom-radio + label:before { position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 20px; content: ''; border: 2px solid transparent; background-color: rgba(8, 73, 119, 0.1); } .custom-radio + label:after { position: absolute; display: none; content: ''; } .custom-radio:checked + label:before { animation-name: none; } .custom-radio:checked + label:after { display: block; } .custom-radio + label:before { border-radius: 50%; } .custom-radio + label:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #084977; } .custom-radio:checked + label:before { border: 2px solid #084977; background-color: transparent; } @media (max-width: 576px) { .xs-scale--09 { transform: scale(0.9); transform-origin: right; } } @media (min-width: 576px) { .sm\:border-r { border-right-width: 1px; } .sm\:table-row { display: table-row; } .sm\:block { display: block; } .sm\:inline-block { display: inline-block; } .sm\:inline { display: inline; } .sm\:table { display: table; } .sm\:table-row { display: table-row; } .sm\:table-cell { display: table-cell; } .sm\:hidden { display: none; } .sm\:flex { display: -ms-flexbox; display: flex; } .sm\:inline-flex { display: -ms-inline-flexbox; display: inline-flex; } .sm\:flex-row { -ms-flex-direction: row; flex-direction: row; } .sm\:flex-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sm\:flex-col { -ms-flex-direction: column; flex-direction: column; } .sm\:flex-col-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .sm\:flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .sm\:flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .sm\:flex-no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .sm\:items-start { -ms-flex-align: start; align-items: flex-start; } .sm\:items-end { -ms-flex-align: end; align-items: flex-end; } .sm\:items-center { -ms-flex-align: center; align-items: center; } .sm\:items-baseline { -ms-flex-align: baseline; align-items: baseline; } .sm\:items-stretch { -ms-flex-align: stretch; align-items: stretch; } .sm\:self-auto { -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .sm\:self-start { -ms-flex-item-align: start; align-self: flex-start; } .sm\:self-end { -ms-flex-item-align: end; align-self: flex-end; } .sm\:self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .sm\:self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .sm\:justify-start { -ms-flex-pack: start; justify-content: flex-start; } .sm\:justify-end { -ms-flex-pack: end; justify-content: flex-end; } .sm\:justify-center { -ms-flex-pack: center; justify-content: center; } .sm\:justify-between { -ms-flex-pack: justify; justify-content: space-between; } .sm\:justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .sm\:content-center { -ms-flex-line-pack: center; align-content: center; } .sm\:content-start { -ms-flex-line-pack: start; align-content: flex-start; } .sm\:content-end { -ms-flex-line-pack: end; align-content: flex-end; } .sm\:content-between { -ms-flex-line-pack: justify; align-content: space-between; } .sm\:content-around { -ms-flex-line-pack: distribute; align-content: space-around; } .sm\:flex-1 { -ms-flex: 1 1 0; flex: 1 1 0; } .sm\:flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .sm\:flex-initial { -ms-flex: 0 1 auto; flex: 0 1 auto; } .sm\:flex-none { -ms-flex: none; flex: none; } .sm\:flex-grow { -ms-flex-positive: 1; flex-grow: 1; } .sm\:flex-shrink { -ms-flex-negative: 1; flex-shrink: 1; } .sm\:flex-no-grow { -ms-flex-positive: 0; flex-grow: 0; } .sm\:flex-no-shrink { -ms-flex-negative: 0; flex-shrink: 0; } .sm\:font-sans { font-family: 'Montserrat', sans-serif; } .sm\:font-serif { font-family: 'ActaHeadline', serif; } .sm\:font-mono { font-family: 'Montserrat', sans-serif; } .sm\:border-b-0 { border-bottom-width: 0px; } .sm\:border-l { border-left-width: 1px; } .sm\:m-0 { margin: 0; } .sm\:m-1 { margin: 0.25rem; } .sm\:m-2 { margin: 0.5rem; } .sm\:m-3 { margin: 0.75rem; } .sm\:m-4 { margin: 1rem; } .sm\:m-5 { margin: 1.25rem; } .sm\:m-6 { margin: 1.5rem; } .sm\:m-8 { margin: 2rem; } .sm\:m-10 { margin: 2.5rem; } .sm\:m-12 { margin: 3rem; } .sm\:m-16 { margin: 4rem; } .sm\:m-20 { margin: 5rem; } .sm\:m-24 { margin: 6rem; } .sm\:m-32 { margin: 8rem; } .sm\:m-auto { margin: auto; } .sm\:m-px { margin: 1px; } .sm\:my-0 { margin-top: 0; margin-bottom: 0; } .sm\:-ml-10 { margin-left: -2.5rem; } .sm\:mx-0 { margin-left: 0; margin-right: 0; } .sm\:my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .sm\:mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .sm\:my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .sm\:mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .sm\:my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .sm\:mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .sm\:my-4 { margin-top: 1rem; margin-bottom: 1rem; } .sm\:mx-4 { margin-left: 1rem; margin-right: 1rem; } .sm\:my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .sm\:mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .sm\:my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .sm\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .sm\:my-8 { margin-top: 2rem; margin-bottom: 2rem; } .sm\:mx-8 { margin-left: 2rem; margin-right: 2rem; } .sm\:my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .sm\:mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .sm\:my-12 { margin-top: 3rem; margin-bottom: 3rem; } .sm\:mx-12 { margin-left: 3rem; margin-right: 3rem; } .sm\:my-16 { margin-top: 4rem; margin-bottom: 4rem; } .sm\:mx-16 { margin-left: 4rem; margin-right: 4rem; } .sm\:my-20 { margin-top: 5rem; margin-bottom: 5rem; } .sm\:mx-20 { margin-left: 5rem; margin-right: 5rem; } .sm\:my-24 { margin-top: 6rem; margin-bottom: 6rem; } .sm\:mx-24 { margin-left: 6rem; margin-right: 6rem; } .sm\:my-32 { margin-top: 8rem; margin-bottom: 8rem; } .sm\:mx-32 { margin-left: 8rem; margin-right: 8rem; } .sm\:my-auto { margin-top: auto; margin-bottom: auto; } .sm\:mx-auto { margin-left: auto; margin-right: auto; } .sm\:my-px { margin-top: 1px; margin-bottom: 1px; } .sm\:mx-px { margin-left: 1px; margin-right: 1px; } .sm\:mt-0 { margin-top: 0; } .sm\:mr-0 { margin-right: 0; } .sm\:mb-0 { margin-bottom: 0; } .sm\:ml-0 { margin-left: 0; } .sm\:mt-1 { margin-top: 0.25rem; } .sm\:mr-1 { margin-right: 0.25rem; } .sm\:mb-1 { margin-bottom: 0.25rem; } .sm\:ml-1 { margin-left: 0.25rem; } .sm\:mt-2 { margin-top: 0.5rem; } .sm\:mr-2 { margin-right: 0.5rem; } .sm\:mb-2 { margin-bottom: 0.5rem; } .sm\:ml-2 { margin-left: 0.5rem; } .sm\:mt-3 { margin-top: 0.75rem; } .sm\:mr-3 { margin-right: 0.75rem; } .sm\:mb-3 { margin-bottom: 0.75rem; } .sm\:ml-3 { margin-left: 0.75rem; } .sm\:mt-4 { margin-top: 1rem; } .sm\:mr-4 { margin-right: 1rem; } .sm\:mb-4 { margin-bottom: 1rem; } .sm\:ml-4 { margin-left: 1rem; } .sm\:mt-5 { margin-top: 1.25rem; } .sm\:mr-5 { margin-right: 1.25rem; } .sm\:mb-5 { margin-bottom: 1.25rem; } .sm\:ml-5 { margin-left: 1.25rem; } .sm\:mt-6 { margin-top: 1.5rem; } .sm\:mr-6 { margin-right: 1.5rem; } .sm\:mb-6 { margin-bottom: 1.5rem; } .sm\:ml-6 { margin-left: 1.5rem; } .sm\:mt-8 { margin-top: 2rem; } .sm\:mr-8 { margin-right: 2rem; } .sm\:mb-8 { margin-bottom: 2rem; } .sm\:ml-8 { margin-left: 2rem; } .sm\:mt-10 { margin-top: 2.5rem; } .sm\:mr-10 { margin-right: 2.5rem; } .sm\:mb-10 { margin-bottom: 2.5rem; } .sm\:ml-10 { margin-left: 2.5rem; } .sm\:mt-12 { margin-top: 3rem; } .sm\:mr-12 { margin-right: 3rem; } .sm\:mb-12 { margin-bottom: 3rem; } .sm\:ml-12 { margin-left: 3rem; } .sm\:mt-16 { margin-top: 4rem; } .sm\:mr-16 { margin-right: 4rem; } .sm\:mb-16 { margin-bottom: 4rem; } .sm\:ml-16 { margin-left: 4rem; } .sm\:mt-20 { margin-top: 5rem; } .sm\:mr-20 { margin-right: 5rem; } .sm\:mb-20 { margin-bottom: 5rem; } .sm\:ml-20 { margin-left: 5rem; } .sm\:mt-24 { margin-top: 6rem; } .sm\:mr-24 { margin-right: 6rem; } .sm\:mb-24 { margin-bottom: 6rem; } .sm\:ml-24 { margin-left: 6rem; } .sm\:mt-32 { margin-top: 8rem; } .sm\:mr-32 { margin-right: 8rem; } .sm\:mb-32 { margin-bottom: 8rem; } .sm\:ml-32 { margin-left: 8rem; } .sm\:mt-auto { margin-top: auto; } .sm\:mr-auto { margin-right: auto; } .sm\:mb-auto { margin-bottom: auto; } .sm\:ml-auto { margin-left: auto; } .sm\:mt-px { margin-top: 1px; } .sm\:mr-px { margin-right: 1px; } .sm\:mb-px { margin-bottom: 1px; } .sm\:ml-px { margin-left: 1px; } .sm\:p-0 { padding: 0; } .sm\:p-1 { padding: 0.25rem; } .sm\:p-2 { padding: 0.5rem; } .sm\:p-3 { padding: 0.75rem; } .sm\:p-4 { padding: 1rem; } .sm\:p-5 { padding: 1.25rem; } .sm\:p-6 { padding: 1.5rem; } .sm\:p-8 { padding: 2rem; } .sm\:p-10 { padding: 2.5rem; } .sm\:p-12 { padding: 3rem; } .sm\:p-16 { padding: 4rem; } .sm\:p-20 { padding: 5rem; } .sm\:p-24 { padding: 6rem; } .sm\:p-32 { padding: 8rem; } .sm\:p-px { padding: 1px; } .sm\:py-0 { padding-top: 0; padding-bottom: 0; } .sm\:px-0 { padding-left: 0; padding-right: 0; } .sm\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .sm\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .sm\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .sm\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .sm\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } .sm\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .sm\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .sm\:-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .sm\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } .sm\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .sm\:px-12 { padding-left: 3rem; padding-right: 3rem; } .sm\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .sm\:px-16 { padding-left: 4rem; padding-right: 4rem; } .sm\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .sm\:px-20 { padding-left: 5rem; padding-right: 5rem; } .sm\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .sm\:px-24 { padding-left: 6rem; padding-right: 6rem; } .sm\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .sm\:px-32 { padding-left: 8rem; padding-right: 8rem; } .sm\:py-px { padding-top: 1px; padding-bottom: 1px; } .sm\:px-px { padding-left: 1px; padding-right: 1px; } .sm\:pt-0 { padding-top: 0; } .sm\:pr-0 { padding-right: 0; } .sm\:pb-0 { padding-bottom: 0; } .sm\:pl-0 { padding-left: 0; } .sm\:pt-1 { padding-top: 0.25rem; } .sm\:pr-1 { padding-right: 0.25rem; } .sm\:pb-1 { padding-bottom: 0.25rem; } .sm\:pl-1 { padding-left: 0.25rem; } .sm\:pt-2 { padding-top: 0.5rem; } .sm\:pr-2 { padding-right: 0.5rem; } .sm\:pb-2 { padding-bottom: 0.5rem; } .sm\:pl-2 { padding-left: 0.5rem; } .sm\:pt-3 { padding-top: 0.75rem; } .sm\:pr-3 { padding-right: 0.75rem; } .sm\:pb-3 { padding-bottom: 0.75rem; } .sm\:pl-3 { padding-left: 0.75rem; } .sm\:pt-4 { padding-top: 1rem; } .sm\:pr-4 { padding-right: 1rem; } .sm\:pb-4 { padding-bottom: 1rem; } .sm\:pl-4 { padding-left: 1rem; } .sm\:pt-5 { padding-top: 1.25rem; } .sm\:pr-5 { padding-right: 1.25rem; } .sm\:pb-5 { padding-bottom: 1.25rem; } .sm\:pl-5 { padding-left: 1.25rem; } .sm\:pt-6 { padding-top: 1.5rem; } .sm\:pr-6 { padding-right: 1.5rem; } .sm\:pb-6 { padding-bottom: 1.5rem; } .sm\:pl-6 { padding-left: 1.5rem; } .sm\:pt-8 { padding-top: 2rem; } .sm\:pr-8 { padding-right: 2rem; } .sm\:pb-8 { padding-bottom: 2rem; } .sm\:pl-8 { padding-left: 2rem; } .sm\:pt-10 { padding-top: 2.5rem; } .sm\:pr-10 { padding-right: 2.5rem; } .sm\:pb-10 { padding-bottom: 2.5rem; } .sm\:pl-10 { padding-left: 2.5rem; } .sm\:pt-12 { padding-top: 3rem; } .sm\:pr-12 { padding-right: 3rem; } .sm\:pb-12 { padding-bottom: 3rem; } .sm\:pl-12 { padding-left: 3rem; } .sm\:pt-16 { padding-top: 4rem; } .sm\:pr-16 { padding-right: 4rem; } .sm\:pb-16 { padding-bottom: 4rem; } .sm\:pl-16 { padding-left: 4rem; } .sm\:pt-20 { padding-top: 5rem; } .sm\:pr-20 { padding-right: 5rem; } .sm\:pb-20 { padding-bottom: 5rem; } .sm\:pl-20 { padding-left: 5rem; } .sm\:pt-24 { padding-top: 6rem; } .sm\:pr-24 { padding-right: 6rem; } .sm\:pb-24 { padding-bottom: 6rem; } .sm\:pl-24 { padding-left: 6rem; } .sm\:pt-32 { padding-top: 8rem; } .sm\:pr-32 { padding-right: 8rem; } .sm\:pb-32 { padding-bottom: 8rem; } .sm\:pl-32 { padding-left: 8rem; } .sm\:pt-px { padding-top: 1px; } .sm\:pr-px { padding-right: 1px; } .sm\:pb-px { padding-bottom: 1px; } .sm\:pl-px { padding-left: 1px; } .sm\:-mt-8 { margin-top: -2rem; } .sm\:static { position: static; } .sm\:fixed { position: fixed; } .sm\:absolute { position: absolute; } .sm\:relative { position: relative; } .sm\:sticky { position: -webkit-sticky; position: sticky; } .sm\:pin-none { top: auto; right: auto; bottom: auto; left: auto; } .sm\:pin { right: 0; left: 0; } .sm\:pin, .sm\:pin-y { top: 0; bottom: 0; } .sm\:pin-x { right: 0; left: 0; } .sm\:pin-t { top: 0; } .sm\:pin-r { right: 0; } .sm\:pin-b { bottom: 0; } .sm\:pin-l { left: 0; } .sm\:table-auto { table-layout: auto; } .sm\:table-fixed { table-layout: fixed; } .sm\:text-left { text-align: left; } .sm\:text-center { text-align: center; } .sm\:text-right { text-align: right; } .sm\:text-justify { text-align: justify; } .sm\:text-2xs { font-size: 0.65rem; } .sm\:text-xs { font-size: 0.75rem; } .sm\:text-sm { font-size: 0.875rem; } .sm\:text-base { font-size: 1rem; } .sm\:text-md { font-size: 0.9375rem; } .sm\:text-lg { font-size: 1.125rem; } .sm\:text-xl { font-size: 1.25rem; } .sm\:text-2xl { font-size: 1.5rem; } .sm\:text-3xl { font-size: 2.125rem; } .sm\:text-4xl { font-size: 2.25rem; } .sm\:text-5xl { font-size: 3rem; } .sm\:text-6xl { font-size: 4.4rem; } .sm\:text-7xl { font-size: 5rem; } .sm\:text-8xl { font-size: 8rem; } .sm\:visible { visibility: visible; } .sm\:invisible { visibility: hidden; } .sm\:w-6 { width: 1.5rem; } .sm\:w-24 { width: 6rem; } .sm\:w-32 { width: 8rem; } .sm\:w-auto { width: auto; } .sm\:w-px { width: 1px; } .sm\:w-1\/2 { width: 50%; } .sm\:w-1\/3 { width: 33.33333%; } .sm\:w-2\/3 { width: 66.66667%; } .sm\:w-1\/4 { width: 25%; } .sm\:w-3\/4 { width: 75%; } .sm\:w-1\/5 { width: 20%; } .sm\:w-2\/5 { width: 40%; } .sm\:w-3\/5 { width: 60%; } .sm\:w-4\/5 { width: 80%; } .sm\:w-3\/7 { width: calc(100% * 3/7); } .sm\:w-4\/7 { width: calc(100% * 4/7); } .sm\:w-5\/12 { width: calc(100% * 5/12); } .sm\:w-7\/12 { width: calc(100% * 7/12); } .sm\:w-1\/6 { width: 16.66667%; } .sm\:w-5\/6 { width: 83.33333%; } .sm\:w-full { width: 100%; } .sm\:w-screen { width: 100vw; } .sm\:min-w-10 { min-width: 10rem; } .sm\:min-w-8 { min-width: 8.5rem; } } @media (min-width: 900px) { .md\:block { display: block; } .md\:inline-block { display: inline-block; } .md\:inline { display: inline; } .md\:table { display: table; } .md\:table-row { display: table-row; } .md\:table-cell { display: table-cell; } .md\:hidden { display: none; } .md\:flex { display: -ms-flexbox; display: flex; } .md\:inline-flex { display: -ms-inline-flexbox; display: inline-flex; } .md\:flex-row { -ms-flex-direction: row; flex-direction: row; } .md\:flex-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .md\:flex-col { -ms-flex-direction: column; flex-direction: column; } .md\:flex-col-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .md\:flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .md\:flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .md\:flex-no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .md\:items-start { -ms-flex-align: start; align-items: flex-start; } .md\:items-end { -ms-flex-align: end; align-items: flex-end; } .md\:items-center { -ms-flex-align: center; align-items: center; } .md\:items-baseline { -ms-flex-align: baseline; align-items: baseline; } .md\:items-stretch { -ms-flex-align: stretch; align-items: stretch; } .md\:self-auto { -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .md\:self-start { -ms-flex-item-align: start; align-self: flex-start; } .md\:self-end { -ms-flex-item-align: end; align-self: flex-end; } .md\:self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .md\:self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .md\:justify-start { -ms-flex-pack: start; justify-content: flex-start; } .md\:justify-end { -ms-flex-pack: end; justify-content: flex-end; } .md\:justify-center { -ms-flex-pack: center; justify-content: center; } .md\:justify-between { -ms-flex-pack: justify; justify-content: space-between; } .md\:justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .md\:content-center { -ms-flex-line-pack: center; align-content: center; } .md\:content-start { -ms-flex-line-pack: start; align-content: flex-start; } .md\:content-end { -ms-flex-line-pack: end; align-content: flex-end; } .md\:content-between { -ms-flex-line-pack: justify; align-content: space-between; } .md\:content-around { -ms-flex-line-pack: distribute; align-content: space-around; } .md\:flex-1 { -ms-flex: 1 1 0; flex: 1 1 0; } .md\:flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .md\:flex-initial { -ms-flex: 0 1 auto; flex: 0 1 auto; } .md\:flex-none { -ms-flex: none; flex: none; } .md\:flex-grow { -ms-flex-positive: 1; flex-grow: 1; } .md\:flex-shrink { -ms-flex-negative: 1; flex-shrink: 1; } .md\:flex-no-grow { -ms-flex-positive: 0; flex-grow: 0; } .md\:flex-no-shrink { -ms-flex-negative: 0; flex-shrink: 0; } .md\:font-sans { font-family: 'Montserrat', sans-serif; } .md\:font-serif { font-family: 'ActaHeadline', serif; } .md\:font-mono { font-family: 'Montserrat', sans-serif; } .md\:m-0 { margin: 0; } .md\:m-1 { margin: 0.25rem; } .md\:m-2 { margin: 0.5rem; } .md\:m-3 { margin: 0.75rem; } .md\:m-4 { margin: 1rem; } .md\:m-5 { margin: 1.25rem; } .md\:m-6 { margin: 1.5rem; } .md\:m-8 { margin: 2rem; } .md\:m-10 { margin: 2.5rem; } .md\:m-12 { margin: 3rem; } .md\:m-16 { margin: 4rem; } .md\:m-20 { margin: 5rem; } .md\:m-24 { margin: 6rem; } .md\:m-32 { margin: 8rem; } .md\:m-auto { margin: auto; } .md\:m-px { margin: 1px; } .md\:my-0 { margin-top: 0; margin-bottom: 0; } .md\:mx-0 { margin-left: 0; margin-right: 0; } .md\:my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .md\:mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .md\:my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .md\:mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .md\:my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .md\:mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .md\:my-4 { margin-top: 1rem; margin-bottom: 1rem; } .md\:mx-4 { margin-left: 1rem; margin-right: 1rem; } .md\:my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .md\:mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .md\:my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .md\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .md\:my-8 { margin-top: 2rem; margin-bottom: 2rem; } .md\:mx-8 { margin-left: 2rem; margin-right: 2rem; } .md\:my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .md\:mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .md\:my-12 { margin-top: 3rem; margin-bottom: 3rem; } .md\:mx-12 { margin-left: 3rem; margin-right: 3rem; } .md\:my-16 { margin-top: 4rem; margin-bottom: 4rem; } .md\:mx-16 { margin-left: 4rem; margin-right: 4rem; } .md\:my-20 { margin-top: 5rem; margin-bottom: 5rem; } .md\:mx-20 { margin-left: 5rem; margin-right: 5rem; } .md\:my-24 { margin-top: 6rem; margin-bottom: 6rem; } .md\:mx-24 { margin-left: 6rem; margin-right: 6rem; } .md\:my-32 { margin-top: 8rem; margin-bottom: 8rem; } .md\:mx-32 { margin-left: 8rem; margin-right: 8rem; } .md\:my-auto { margin-top: auto; margin-bottom: auto; } .md\:mx-auto { margin-left: auto; margin-right: auto; } .md\:my-px { margin-top: 1px; margin-bottom: 1px; } .md\:mx-px { margin-left: 1px; margin-right: 1px; } .md\:mt-0 { margin-top: 0; } .md\:mr-0 { margin-right: 0; } .md\:mb-0 { margin-bottom: 0; } .md\:ml-0 { margin-left: 0; } .md\:mt-1 { margin-top: 0.25rem; } .md\:mr-1 { margin-right: 0.25rem; } .md\:mb-1 { margin-bottom: 0.25rem; } .md\:ml-1 { margin-left: 0.25rem; } .md\:mt-2 { margin-top: 0.5rem; } .md\:mr-2 { margin-right: 0.5rem; } .md\:mb-2 { margin-bottom: 0.5rem; } .md\:ml-2 { margin-left: 0.5rem; } .md\:mt-3 { margin-top: 0.75rem; } .md\:mr-3 { margin-right: 0.75rem; } .md\:mb-3 { margin-bottom: 0.75rem; } .md\:ml-3 { margin-left: 0.75rem; } .md\:mt-4 { margin-top: 1rem; } .md\:mr-4 { margin-right: 1rem; } .md\:mb-4 { margin-bottom: 1rem; } .md\:ml-4 { margin-left: 1rem; } .md\:mt-5 { margin-top: 1.25rem; } .md\:mr-5 { margin-right: 1.25rem; } .md\:mb-5 { margin-bottom: 1.25rem; } .md\:ml-5 { margin-left: 1.25rem; } .md\:mt-6 { margin-top: 1.5rem; } .md\:mr-6 { margin-right: 1.5rem; } .md\:mb-6 { margin-bottom: 1.5rem; } .md\:ml-6 { margin-left: 1.5rem; } .md\:mt-8 { margin-top: 2rem; } .md\:mr-8 { margin-right: 2rem; } .md\:mb-8 { margin-bottom: 2rem; } .md\:ml-8 { margin-left: 2rem; } .md\:mt-10 { margin-top: 2.5rem; } .md\:mr-10 { margin-right: 2.5rem; } .md\:mb-10 { margin-bottom: 2.5rem; } .md\:ml-10 { margin-left: 2.5rem; } .md\:mt-12 { margin-top: 3rem; } .md\:mr-12 { margin-right: 3rem; } .md\:mb-12 { margin-bottom: 3rem; } .md\:ml-12 { margin-left: 3rem; } .md\:mt-16 { margin-top: 4rem; } .md\:mr-16 { margin-right: 4rem; } .md\:mb-16 { margin-bottom: 4rem; } .md\:ml-16 { margin-left: 4rem; } .md\:mt-20 { margin-top: 5rem; } .md\:mr-20 { margin-right: 5rem; } .md\:mb-20 { margin-bottom: 5rem; } .md\:ml-20 { margin-left: 5rem; } .md\:mt-24 { margin-top: 6rem; } .md\:mr-24 { margin-right: 6rem; } .md\:mb-24 { margin-bottom: 6rem; } .md\:ml-24 { margin-left: 6rem; } .md\:mt-32 { margin-top: 8rem; } .md\:mr-32 { margin-right: 8rem; } .md\:mb-32 { margin-bottom: 8rem; } .md\:ml-32 { margin-left: 8rem; } .md\:mt-auto { margin-top: auto; } .md\:mr-auto { margin-right: auto; } .md\:mb-auto { margin-bottom: auto; } .md\:ml-auto { margin-left: auto; } .md\:mt-px { margin-top: 1px; } .md\:mr-px { margin-right: 1px; } .md\:mb-px { margin-bottom: 1px; } .md\:ml-px { margin-left: 1px; } .md\:p-0 { padding: 0; } .md\:p-1 { padding: 0.25rem; } .md\:p-2 { padding: 0.5rem; } .md\:p-3 { padding: 0.75rem; } .md\:p-4 { padding: 1rem; } .md\:p-5 { padding: 1.25rem; } .md\:p-6 { padding: 1.5rem; } .md\:p-8 { padding: 2rem; } .md\:p-10 { padding: 2.5rem; } .md\:p-12 { padding: 3rem; } .md\:p-16 { padding: 4rem; } .md\:p-20 { padding: 5rem; } .md\:p-24 { padding: 6rem; } .md\:p-32 { padding: 8rem; } .md\:p-px { padding: 1px; } .md\:py-0 { padding-top: 0; padding-bottom: 0; } .md\:px-0 { padding-left: 0; padding-right: 0; } .md\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .md\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .md\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .md\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .md\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .md\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .md\:px-4 { padding-left: 1rem; padding-right: 1rem; } .md\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .md\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } .md\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .md\:px-12 { padding-left: 3rem; padding-right: 3rem; } .md\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .md\:px-16 { padding-left: 4rem; padding-right: 4rem; } .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .md\:px-20 { padding-left: 5rem; padding-right: 5rem; } .md\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .md\:px-24 { padding-left: 6rem; padding-right: 6rem; } .md\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .md\:px-32 { padding-left: 8rem; padding-right: 8rem; } .md\:py-px { padding-top: 1px; padding-bottom: 1px; } .md\:px-px { padding-left: 1px; padding-right: 1px; } .md\:pt-0 { padding-top: 0; } .md\:pr-0 { padding-right: 0; } .md\:pb-0 { padding-bottom: 0; } .md\:pl-0 { padding-left: 0; } .md\:pt-1 { padding-top: 0.25rem; } .md\:pr-1 { padding-right: 0.25rem; } .md\:pb-1 { padding-bottom: 0.25rem; } .md\:pl-1 { padding-left: 0.25rem; } .md\:pt-2 { padding-top: 0.5rem; } .md\:pr-2 { padding-right: 0.5rem; } .md\:pb-2 { padding-bottom: 0.5rem; } .md\:pl-2 { padding-left: 0.5rem; } .md\:pt-3 { padding-top: 0.75rem; } .md\:pr-3 { padding-right: 0.75rem; } .md\:pb-3 { padding-bottom: 0.75rem; } .md\:pl-3 { padding-left: 0.75rem; } .md\:pt-4 { padding-top: 1rem; } .md\:pr-4 { padding-right: 1rem; } .md\:pb-4 { padding-bottom: 1rem; } .md\:pl-4 { padding-left: 1rem; } .md\:pt-5 { padding-top: 1.25rem; } .md\:pr-5 { padding-right: 1.25rem; } .md\:pb-5 { padding-bottom: 1.25rem; } .md\:pl-5 { padding-left: 1.25rem; } .md\:pt-6 { padding-top: 1.5rem; } .md\:pr-6 { padding-right: 1.5rem; } .md\:pb-6 { padding-bottom: 1.5rem; } .md\:pl-6 { padding-left: 1.5rem; } .md\:pt-8 { padding-top: 2rem; } .md\:pr-8 { padding-right: 2rem; } .md\:pb-8 { padding-bottom: 2rem; } .md\:pl-8 { padding-left: 2rem; } .md\:pt-10 { padding-top: 2.5rem; } .md\:pr-10 { padding-right: 2.5rem; } .md\:pb-10 { padding-bottom: 2.5rem; } .md\:pl-10 { padding-left: 2.5rem; } .md\:pt-12 { padding-top: 3rem; } .md\:pr-12 { padding-right: 3rem; } .md\:pb-12 { padding-bottom: 3rem; } .md\:pl-12 { padding-left: 3rem; } .md\:pt-16 { padding-top: 4rem; } .md\:pr-16 { padding-right: 4rem; } .md\:pb-16 { padding-bottom: 4rem; } .md\:pl-16 { padding-left: 4rem; } .md\:pt-20 { padding-top: 5rem; } .md\:pr-20 { padding-right: 5rem; } .md\:pb-20 { padding-bottom: 5rem; } .md\:pl-20 { padding-left: 5rem; } .md\:pt-24 { padding-top: 6rem; } .md\:pr-24 { padding-right: 6rem; } .md\:pb-24 { padding-bottom: 6rem; } .md\:pl-24 { padding-left: 6rem; } .md\:pt-32 { padding-top: 8rem; } .md\:pr-32 { padding-right: 8rem; } .md\:pb-32 { padding-bottom: 8rem; } .md\:pl-32 { padding-left: 8rem; } .md\:pt-px { padding-top: 1px; } .md\:pr-px { padding-right: 1px; } .md\:pb-px { padding-bottom: 1px; } .md\:pl-px { padding-left: 1px; } .md\:static { position: static; } .md\:fixed { position: fixed; } .md\:absolute { position: absolute; } .md\:relative { position: relative; } .md\:sticky { position: -webkit-sticky; position: sticky; } .md\:pin-none { top: auto; right: auto; bottom: auto; left: auto; } .md\:pin { right: 0; left: 0; } .md\:pin, .md\:pin-y { top: 0; bottom: 0; } .md\:pin-x { right: 0; left: 0; } .md\:pin-t { top: 0; } .md\:pin-r { right: 0; } .md\:pin-b { bottom: 0; } .md\:pin-l { left: 0; } .md\:table-auto { table-layout: auto; } .md\:table-fixed { table-layout: fixed; } .md\:text-left { text-align: left; } .md\:text-center { text-align: center; } .md\:text-right { text-align: right; } .md\:text-justify { text-align: justify; } .md\:text-2xs { font-size: 0.65rem; } .md\:text-xs { font-size: 0.75rem; } .md\:text-sm { font-size: 0.875rem; } .md\:text-base { font-size: 1rem; } .md\:text-lg { font-size: 1.125rem; } .md\:text-xl { font-size: 1.25rem; } .md\:text-2xl { font-size: 1.5rem; } .md\:text-3xl { font-size: 1.875rem; } .md\:text-4xl { font-size: 2.25rem; } .md\:text-5xl { font-size: 3rem; } .md\:visible { visibility: visible; } .md\:invisible { visibility: hidden; } .md\:w-6 { width: 1.5rem; } .md\:w-24 { width: 6rem; } .md\:w-32 { width: 8rem; } .md\:w-auto { width: auto; } .md\:w-px { width: 1px; } .md\:w-1\/2 { width: 50%; } .md\:w-1\/3 { width: 33.33333%; } .md\:w-2\/3 { width: 66.66667%; } .md\:w-1\/4 { width: 25%; } .md\:w-3\/4 { width: 75%; } .md\:w-1\/5 { width: 20%; } .md\:w-2\/5 { width: 40%; } .md\:w-3\/5 { width: 60%; } .md\:w-4\/5 { width: 80%; } .md\:w-1\/6 { width: 16.66667%; } .md\:w-5\/6 { width: 83.33333%; } .md\:w-full { width: 100%; } .md\:w-5\/12 { width: calc(100% * 5/12); } .md\:w-7\/12 { width: calc(100% * 7/12); } .md\:w-screen { width: 100vw; } } @media (min-width: 992px) { .lg\:block { display: block; } .lg\:inline-block { display: inline-block; } .lg\:inline { display: inline; } .lg\:table { display: table; } .lg\:table-row { display: table-row; } .lg\:table-cell { display: table-cell; } .lg\:hidden { display: none; } .lg\:flex { display: -ms-flexbox; display: flex; } .lg\:inline-flex { display: -ms-inline-flexbox; display: inline-flex; } .lg\:flex-row { -ms-flex-direction: row; flex-direction: row; } .lg\:flex-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .lg\:flex-col { -ms-flex-direction: column; flex-direction: column; } .lg\:flex-col-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .lg\:flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .lg\:flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .lg\:flex-no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .lg\:items-start { -ms-flex-align: start; align-items: flex-start; } .lg\:items-end { -ms-flex-align: end; align-items: flex-end; } .lg\:items-center { -ms-flex-align: center; align-items: center; } .lg\:items-baseline { -ms-flex-align: baseline; align-items: baseline; } .lg\:items-stretch { -ms-flex-align: stretch; align-items: stretch; } .lg\:self-auto { -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .lg\:self-start { -ms-flex-item-align: start; align-self: flex-start; } .lg\:self-end { -ms-flex-item-align: end; align-self: flex-end; } .lg\:self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .lg\:self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .lg\:justify-start { -ms-flex-pack: start; justify-content: flex-start; } .lg\:justify-end { -ms-flex-pack: end; justify-content: flex-end; } .lg\:justify-center { -ms-flex-pack: center; justify-content: center; } .lg\:justify-between { -ms-flex-pack: justify; justify-content: space-between; } .lg\:justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .lg\:content-center { -ms-flex-line-pack: center; align-content: center; } .lg\:content-start { -ms-flex-line-pack: start; align-content: flex-start; } .lg\:content-end { -ms-flex-line-pack: end; align-content: flex-end; } .lg\:content-between { -ms-flex-line-pack: justify; align-content: space-between; } .lg\:content-around { -ms-flex-line-pack: distribute; align-content: space-around; } .lg\:flex-1 { -ms-flex: 1 1 0; flex: 1 1 0; } .lg\:flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .lg\:flex-initial { -ms-flex: 0 1 auto; flex: 0 1 auto; } .lg\:flex-none { -ms-flex: none; flex: none; } .lg\:flex-grow { -ms-flex-positive: 1; flex-grow: 1; } .lg\:flex-shrink { -ms-flex-negative: 1; flex-shrink: 1; } .lg\:flex-no-grow { -ms-flex-positive: 0; flex-grow: 0; } .lg\:flex-no-shrink { -ms-flex-negative: 0; flex-shrink: 0; } .lg\:font-sans { font-family: 'Montserrat', sans-serif; } .lg\:font-serif { font-family: 'ActaHeadline', serif; } .lg\:font-mono { font-family: 'Montserrat', sans-serif; } .lg\:-ml-10 { margin-left: -2.5rem; } .lg\:m-0 { margin: 0; } .lg\:m-1 { margin: 0.25rem; } .lg\:m-2 { margin: 0.5rem; } .lg\:m-3 { margin: 0.75rem; } .lg\:m-4 { margin: 1rem; } .lg\:m-5 { margin: 1.25rem; } .lg\:m-6 { margin: 1.5rem; } .lg\:m-8 { margin: 2rem; } .lg\:m-10 { margin: 2.5rem; } .lg\:m-12 { margin: 3rem; } .lg\:m-16 { margin: 4rem; } .lg\:m-20 { margin: 5rem; } .lg\:m-24 { margin: 6rem; } .lg\:m-32 { margin: 8rem; } .lg\:m-auto { margin: auto; } .lg\:m-px { margin: 1px; } .lg\:my-0 { margin-top: 0; margin-bottom: 0; } .lg\:mx-0 { margin-left: 0; margin-right: 0; } .lg\:my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .lg\:mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .lg\:my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .lg\:mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .lg\:my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .lg\:mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .lg\:my-4 { margin-top: 1rem; margin-bottom: 1rem; } .lg\:mx-4 { margin-left: 1rem; margin-right: 1rem; } .lg\:my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .lg\:mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .lg\:my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .lg\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .lg\:my-8 { margin-top: 2rem; margin-bottom: 2rem; } .lg\:mx-8 { margin-left: 2rem; margin-right: 2rem; } .lg\:my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .lg\:mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .lg\:my-12 { margin-top: 3rem; margin-bottom: 3rem; } .lg\:mx-12 { margin-left: 3rem; margin-right: 3rem; } .lg\:my-16 { margin-top: 4rem; margin-bottom: 4rem; } .lg\:mx-16 { margin-left: 4rem; margin-right: 4rem; } .lg\:my-20 { margin-top: 5rem; margin-bottom: 5rem; } .lg\:mx-20 { margin-left: 5rem; margin-right: 5rem; } .lg\:my-24 { margin-top: 6rem; margin-bottom: 6rem; } .lg\:mx-24 { margin-left: 6rem; margin-right: 6rem; } .lg\:my-32 { margin-top: 8rem; margin-bottom: 8rem; } .lg\:mx-32 { margin-left: 8rem; margin-right: 8rem; } .lg\:my-auto { margin-top: auto; margin-bottom: auto; } .lg\:mx-auto { margin-left: auto; margin-right: auto; } .lg\:my-px { margin-top: 1px; margin-bottom: 1px; } .lg\:mx-px { margin-left: 1px; margin-right: 1px; } .lg\:mt-0 { margin-top: 0; } .lg\:mr-0 { margin-right: 0; } .lg\:mb-0 { margin-bottom: 0; } .lg\:ml-0 { margin-left: 0; } .lg\:mt-1 { margin-top: 0.25rem; } .lg\:mr-1 { margin-right: 0.25rem; } .lg\:mb-1 { margin-bottom: 0.25rem; } .lg\:ml-1 { margin-left: 0.25rem; } .lg\:mt-2 { margin-top: 0.5rem; } .lg\:mr-2 { margin-right: 0.5rem; } .lg\:mb-2 { margin-bottom: 0.5rem; } .lg\:ml-2 { margin-left: 0.5rem; } .lg\:mt-3 { margin-top: 0.75rem; } .lg\:mr-3 { margin-right: 0.75rem; } .lg\:mb-3 { margin-bottom: 0.75rem; } .lg\:ml-3 { margin-left: 0.75rem; } .lg\:mt-4 { margin-top: 1rem; } .lg\:mr-4 { margin-right: 1rem; } .lg\:mb-4 { margin-bottom: 1rem; } .lg\:ml-4 { margin-left: 1rem; } .lg\:mt-5 { margin-top: 1.25rem; } .lg\:mr-5 { margin-right: 1.25rem; } .lg\:mb-5 { margin-bottom: 1.25rem; } .lg\:ml-5 { margin-left: 1.25rem; } .lg\:mt-6 { margin-top: 1.5rem; } .lg\:mr-6 { margin-right: 1.5rem; } .lg\:mb-6 { margin-bottom: 1.5rem; } .lg\:ml-6 { margin-left: 1.5rem; } .lg\:mt-8 { margin-top: 2rem; } .lg\:mr-8 { margin-right: 2rem; } .lg\:mb-8 { margin-bottom: 2rem; } .lg\:ml-8 { margin-left: 2rem; } .lg\:mt-10 { margin-top: 2.5rem; } .lg\:mr-10 { margin-right: 2.5rem; } .lg\:mb-10 { margin-bottom: 2.5rem; } .lg\:ml-10 { margin-left: 2.5rem; } .lg\:mt-12 { margin-top: 3rem; } .lg\:mr-12 { margin-right: 3rem; } .lg\:mb-12 { margin-bottom: 3rem; } .lg\:ml-12 { margin-left: 3rem; } .lg\:mt-16 { margin-top: 4rem; } .lg\:mr-16 { margin-right: 4rem; } .lg\:mb-16 { margin-bottom: 4rem; } .lg\:ml-16 { margin-left: 4rem; } .lg\:mt-20 { margin-top: 5rem; } .lg\:mr-20 { margin-right: 5rem; } .lg\:mb-20 { margin-bottom: 5rem; } .lg\:ml-20 { margin-left: 5rem; } .lg\:mt-24 { margin-top: 6rem; } .lg\:mr-24 { margin-right: 6rem; } .lg\:mb-24 { margin-bottom: 6rem; } .lg\:ml-24 { margin-left: 6rem; } .lg\:mt-32 { margin-top: 8rem; } .lg\:mr-32 { margin-right: 8rem; } .lg\:mb-32 { margin-bottom: 8rem; } .lg\:ml-32 { margin-left: 8rem; } .lg\:mt-auto { margin-top: auto; } .lg\:mr-auto { margin-right: auto; } .lg\:mb-auto { margin-bottom: auto; } .lg\:ml-auto { margin-left: auto; } .lg\:mt-px { margin-top: 1px; } .lg\:mr-px { margin-right: 1px; } .lg\:mb-px { margin-bottom: 1px; } .lg\:ml-px { margin-left: 1px; } .lg\:p-0 { padding: 0; } .lg\:p-1 { padding: 0.25rem; } .lg\:p-2 { padding: 0.5rem; } .lg\:p-3 { padding: 0.75rem; } .lg\:p-4 { padding: 1rem; } .lg\:p-5 { padding: 1.25rem; } .lg\:p-6 { padding: 1.5rem; } .lg\:p-8 { padding: 2rem; } .lg\:p-10 { padding: 2.5rem; } .lg\:p-12 { padding: 3rem; } .lg\:p-16 { padding: 4rem; } .lg\:p-20 { padding: 5rem; } .lg\:p-24 { padding: 6rem; } .lg\:p-32 { padding: 8rem; } .lg\:p-px { padding: 1px; } .lg\:py-0 { padding-top: 0; padding-bottom: 0; } .lg\:px-0 { padding-left: 0; padding-right: 0; } .lg\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .lg\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .lg\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .lg\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .lg\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .lg\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .lg\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; } .lg\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .lg\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .lg\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } .lg\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .lg\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .lg\:px-12 { padding-left: 3rem; padding-right: 3rem; } .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .lg\:px-16 { padding-left: 4rem; padding-right: 4rem; } .lg\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .lg\:px-20 { padding-left: 5rem; padding-right: 5rem; } .lg\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .lg\:px-24 { padding-left: 6rem; padding-right: 6rem; } .lg\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .lg\:px-32 { padding-left: 8rem; padding-right: 8rem; } .lg\:py-px { padding-top: 1px; padding-bottom: 1px; } .lg\:px-px { padding-left: 1px; padding-right: 1px; } .lg\:pt-0 { padding-top: 0; } .lg\:pr-0 { padding-right: 0; } .lg\:pb-0 { padding-bottom: 0; } .lg\:pl-0 { padding-left: 0; } .lg\:pt-1 { padding-top: 0.25rem; } .lg\:pr-1 { padding-right: 0.25rem; } .lg\:pb-1 { padding-bottom: 0.25rem; } .lg\:pl-1 { padding-left: 0.25rem; } .lg\:pt-2 { padding-top: 0.5rem; } .lg\:pr-2 { padding-right: 0.5rem; } .lg\:pb-2 { padding-bottom: 0.5rem; } .lg\:pl-2 { padding-left: 0.5rem; } .lg\:pt-3 { padding-top: 0.75rem; } .lg\:pr-3 { padding-right: 0.75rem; } .lg\:pb-3 { padding-bottom: 0.75rem; } .lg\:pl-3 { padding-left: 0.75rem; } .lg\:pt-4 { padding-top: 1rem; } .lg\:pr-4 { padding-right: 1rem; } .lg\:pb-4 { padding-bottom: 1rem; } .lg\:pl-4 { padding-left: 1rem; } .lg\:pt-5 { padding-top: 1.25rem; } .lg\:pr-5 { padding-right: 1.25rem; } .lg\:pb-5 { padding-bottom: 1.25rem; } .lg\:pl-5 { padding-left: 1.25rem; } .lg\:pt-6 { padding-top: 1.5rem; } .lg\:pr-6 { padding-right: 1.5rem; } .lg\:pb-6 { padding-bottom: 1.5rem; } .lg\:pl-6 { padding-left: 1.5rem; } .lg\:pt-8 { padding-top: 2rem; } .lg\:pr-8 { padding-right: 2rem; } .lg\:pb-8 { padding-bottom: 2rem; } .lg\:pl-8 { padding-left: 2rem; } .lg\:pt-10 { padding-top: 2.5rem; } .lg\:pr-10 { padding-right: 2.5rem; } .lg\:pb-10 { padding-bottom: 2.5rem; } .lg\:pl-10 { padding-left: 2.5rem; } .lg\:pt-12 { padding-top: 3rem; } .lg\:pr-12 { padding-right: 3rem; } .lg\:pb-12 { padding-bottom: 3rem; } .lg\:pl-12 { padding-left: 3rem; } .lg\:pt-16 { padding-top: 4rem; } .lg\:pr-16 { padding-right: 4rem; } .lg\:pb-16 { padding-bottom: 4rem; } .lg\:pl-16 { padding-left: 4rem; } .lg\:pt-20 { padding-top: 5rem; } .lg\:pr-20 { padding-right: 5rem; } .lg\:pb-20 { padding-bottom: 5rem; } .lg\:pl-20 { padding-left: 5rem; } .lg\:pt-24 { padding-top: 6rem; } .lg\:pr-24 { padding-right: 6rem; } .lg\:pb-24 { padding-bottom: 6rem; } .lg\:pl-24 { padding-left: 6rem; } .lg\:pt-32 { padding-top: 8rem; } .lg\:pr-32 { padding-right: 8rem; } .lg\:pb-32 { padding-bottom: 8rem; } .lg\:pl-32 { padding-left: 8rem; } .lg\:pt-px { padding-top: 1px; } .lg\:pr-px { padding-right: 1px; } .lg\:pb-px { padding-bottom: 1px; } .lg\:pl-px { padding-left: 1px; } .lg\:static { position: static; } .lg\:fixed { position: fixed; } .lg\:absolute { position: absolute; } .lg\:relative { position: relative; } .lg\:sticky { position: -webkit-sticky; position: sticky; } .lg\:pin-none { top: auto; right: auto; bottom: auto; left: auto; } .lg\:pin { right: 0; left: 0; } .lg\:pin, .lg\:pin-y { top: 0; bottom: 0; } .lg\:pin-x { right: 0; left: 0; } .lg\:pin-t { top: 0; } .lg\:pin-r { right: 0; } .lg\:pin-b { bottom: 0; } .lg\:pin-l { left: 0; } .lg\:table-auto { table-layout: auto; } .lg\:table-fixed { table-layout: fixed; } .lg\:text-left { text-align: left; } .lg\:text-center { text-align: center; } .lg\:text-right { text-align: right; } .lg\:text-justify { text-align: justify; } .lg\:text-2xs { font-size: 0.65rem; } .lg\:text-xs { font-size: 0.75rem; } .lg\:text-sm { font-size: 0.875rem; } .lg\:text-base { font-size: 1rem; } .lg\:text-lg { font-size: 1.125rem; } .lg\:text-xl { font-size: 1.25rem; } .lg\:text-2xl { font-size: 1.5rem; } .lg\:text-3xl { font-size: 1.875rem; } .lg\:text-4xl { font-size: 2.25rem; } .lg\:text-5xl { font-size: 3rem; } .lg\:visible { visibility: visible; } .lg\:invisible { visibility: hidden; } .lg\:w-6 { width: 1.5rem; } .lg\:w-24 { width: 6rem; } .lg\:w-32 { width: 8rem; } .lg\:w-auto { width: auto; } .lg\:w-px { width: 1px; } .lg\:w-1\/2 { width: 50%; } .lg\:w-1\/3 { width: 33.33333%; } .lg\:w-2\/3 { width: 66.66667%; } .lg\:w-1\/4 { width: 25%; } .lg\:w-3\/4 { width: 75%; } .lg\:w-1\/5 { width: 20%; } .lg\:w-2\/5 { width: 40%; } .lg\:w-3\/5 { width: 60%; } .lg\:w-4\/5 { width: 80%; } .lg\:w-1\/6 { width: 16.66667%; } .lg\:w-5\/6 { width: 83.33333%; } .lg\:w-5\/12 { width: calc(100% * 5/12); } .lg\:w-7\/12 { width: calc(100% * 7/12); } .lg\:w-full { width: 100%; } .lg\:w-screen { width: 100vw; } } @media (min-width: 1200px) { .max-w-2xl { max-width: 70rem; } .xl\:block { display: block; } .xl\:inline-block { display: inline-block; } .xl\:inline { display: inline; } .xl\:table { display: table; } .xl\:table-row { display: table-row; } .xl\:table-cell { display: table-cell; } .xl\:hidden { display: none; } .xl\:flex { display: -ms-flexbox; display: flex; } .xl\:inline-flex { display: -ms-inline-flexbox; display: inline-flex; } .xl\:flex-row { -ms-flex-direction: row; flex-direction: row; } .xl\:flex-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .xl\:flex-col { -ms-flex-direction: column; flex-direction: column; } .xl\:flex-col-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .xl\:flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xl\:flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .xl\:flex-no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .xl\:items-start { -ms-flex-align: start; align-items: flex-start; } .xl\:items-end { -ms-flex-align: end; align-items: flex-end; } .xl\:items-center { -ms-flex-align: center; align-items: center; } .xl\:items-baseline { -ms-flex-align: baseline; align-items: baseline; } .xl\:items-stretch { -ms-flex-align: stretch; align-items: stretch; } .xl\:self-auto { -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .xl\:self-start { -ms-flex-item-align: start; align-self: flex-start; } .xl\:self-end { -ms-flex-item-align: end; align-self: flex-end; } .xl\:self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .xl\:self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .xl\:justify-start { -ms-flex-pack: start; justify-content: flex-start; } .xl\:justify-end { -ms-flex-pack: end; justify-content: flex-end; } .xl\:justify-center { -ms-flex-pack: center; justify-content: center; } .xl\:justify-between { -ms-flex-pack: justify; justify-content: space-between; } .xl\:justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .xl\:content-center { -ms-flex-line-pack: center; align-content: center; } .xl\:content-start { -ms-flex-line-pack: start; align-content: flex-start; } .xl\:content-end { -ms-flex-line-pack: end; align-content: flex-end; } .xl\:content-between { -ms-flex-line-pack: justify; align-content: space-between; } .xl\:content-around { -ms-flex-line-pack: distribute; align-content: space-around; } .xl\:flex-1 { -ms-flex: 1 1 0; flex: 1 1 0; } .xl\:flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .xl\:flex-initial { -ms-flex: 0 1 auto; flex: 0 1 auto; } .xl\:flex-none { -ms-flex: none; flex: none; } .xl\:flex-grow { -ms-flex-positive: 1; flex-grow: 1; } .xl\:flex-shrink { -ms-flex-negative: 1; flex-shrink: 1; } .xl\:flex-no-grow { -ms-flex-positive: 0; flex-grow: 0; } .xl\:flex-no-shrink { -ms-flex-negative: 0; flex-shrink: 0; } .xl\:m-0 { margin: 0; } .xl\:m-1 { margin: 0.25rem; } .xl\:m-2 { margin: 0.5rem; } .xl\:m-3 { margin: 0.75rem; } .xl\:m-4 { margin: 1rem; } .xl\:m-5 { margin: 1.25rem; } .xl\:m-6 { margin: 1.5rem; } .xl\:m-8 { margin: 2rem; } .xl\:m-10 { margin: 2.5rem; } .xl\:m-12 { margin: 3rem; } .xl\:m-16 { margin: 4rem; } .xl\:m-20 { margin: 5rem; } .xl\:m-24 { margin: 6rem; } .xl\:m-32 { margin: 8rem; } .xl\:-ml-10 { margin-left: -2.5rem; } .xl\:m-auto { margin: auto; } .xl\:m-px { margin: 1px; } .xl\:my-0 { margin-top: 0; margin-bottom: 0; } .xl\:mx-0 { margin-left: 0; margin-right: 0; } .xl\:my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .xl\:mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .xl\:my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .xl\:mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .xl\:my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .xl\:mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .xl\:my-4 { margin-top: 1rem; margin-bottom: 1rem; } .xl\:mx-4 { margin-left: 1rem; margin-right: 1rem; } .xl\:my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .xl\:mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .xl\:my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .xl\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .xl\:my-8 { margin-top: 2rem; margin-bottom: 2rem; } .xl\:mx-8 { margin-left: 2rem; margin-right: 2rem; } .xl\:my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .xl\:mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .xl\:my-12 { margin-top: 3rem; margin-bottom: 3rem; } .xl\:mx-12 { margin-left: 3rem; margin-right: 3rem; } .xl\:my-16 { margin-top: 4rem; margin-bottom: 4rem; } .xl\:mx-16 { margin-left: 4rem; margin-right: 4rem; } .xl\:my-20 { margin-top: 5rem; margin-bottom: 5rem; } .xl\:mx-20 { margin-left: 5rem; margin-right: 5rem; } .xl\:my-24 { margin-top: 6rem; margin-bottom: 6rem; } .xl\:mx-24 { margin-left: 6rem; margin-right: 6rem; } .xl\:my-32 { margin-top: 8rem; margin-bottom: 8rem; } .xl\:mx-32 { margin-left: 8rem; margin-right: 8rem; } .xl\:my-auto { margin-top: auto; margin-bottom: auto; } .xl\:mx-auto { margin-left: auto; margin-right: auto; } .xl\:my-px { margin-top: 1px; margin-bottom: 1px; } .xl\:mx-px { margin-left: 1px; margin-right: 1px; } .xl\:mt-0 { margin-top: 0; } .xl\:mr-0 { margin-right: 0; } .xl\:mb-0 { margin-bottom: 0; } .xl\:ml-0 { margin-left: 0; } .xl\:mt-1 { margin-top: 0.25rem; } .xl\:mr-1 { margin-right: 0.25rem; } .xl\:mb-1 { margin-bottom: 0.25rem; } .xl\:ml-1 { margin-left: 0.25rem; } .xl\:mt-2 { margin-top: 0.5rem; } .xl\:mr-2 { margin-right: 0.5rem; } .xl\:mb-2 { margin-bottom: 0.5rem; } .xl\:ml-2 { margin-left: 0.5rem; } .xl\:mt-3 { margin-top: 0.75rem; } .xl\:mr-3 { margin-right: 0.75rem; } .xl\:mb-3 { margin-bottom: 0.75rem; } .xl\:ml-3 { margin-left: 0.75rem; } .xl\:mt-4 { margin-top: 1rem; } .xl\:mr-4 { margin-right: 1rem; } .xl\:mb-4 { margin-bottom: 1rem; } .xl\:ml-4 { margin-left: 1rem; } .xl\:mt-5 { margin-top: 1.25rem; } .xl\:mr-5 { margin-right: 1.25rem; } .xl\:mb-5 { margin-bottom: 1.25rem; } .xl\:ml-5 { margin-left: 1.25rem; } .xl\:mt-6 { margin-top: 1.5rem; } .xl\:mr-6 { margin-right: 1.5rem; } .xl\:mb-6 { margin-bottom: 1.5rem; } .xl\:ml-6 { margin-left: 1.5rem; } .xl\:mt-8 { margin-top: 2rem; } .xl\:mr-8 { margin-right: 2rem; } .xl\:mb-8 { margin-bottom: 2rem; } .xl\:ml-8 { margin-left: 2rem; } .xl\:mt-10 { margin-top: 2.5rem; } .xl\:mr-10 { margin-right: 2.5rem; } .xl\:mb-10 { margin-bottom: 2.5rem; } .xl\:ml-10 { margin-left: 2.5rem; } .xl\:mt-12 { margin-top: 3rem; } .xl\:mr-12 { margin-right: 3rem; } .xl\:mb-12 { margin-bottom: 3rem; } .xl\:ml-12 { margin-left: 3rem; } .xl\:mt-16 { margin-top: 4rem; } .xl\:mr-16 { margin-right: 4rem; } .xl\:mb-16 { margin-bottom: 4rem; } .xl\:ml-16 { margin-left: 4rem; } .xl\:mt-20 { margin-top: 5rem; } .xl\:mr-20 { margin-right: 5rem; } .xl\:mb-20 { margin-bottom: 5rem; } .xl\:ml-20 { margin-left: 5rem; } .xl\:mt-24 { margin-top: 6rem; } .xl\:mr-24 { margin-right: 6rem; } .xl\:mb-24 { margin-bottom: 6rem; } .xl\:ml-24 { margin-left: 6rem; } .xl\:mt-32 { margin-top: 8rem; } .xl\:mr-32 { margin-right: 8rem; } .xl\:mb-32 { margin-bottom: 8rem; } .xl\:ml-32 { margin-left: 8rem; } .xl\:mt-auto { margin-top: auto; } .xl\:mr-auto { margin-right: auto; } .xl\:mb-auto { margin-bottom: auto; } .xl\:ml-auto { margin-left: auto; } .xl\:mt-px { margin-top: 1px; } .xl\:mr-px { margin-right: 1px; } .xl\:mb-px { margin-bottom: 1px; } .xl\:ml-px { margin-left: 1px; } .xl\:p-0 { padding: 0; } .xl\:p-1 { padding: 0.25rem; } .xl\:p-2 { padding: 0.5rem; } .xl\:p-3 { padding: 0.75rem; } .xl\:p-4 { padding: 1rem; } .xl\:p-5 { padding: 1.25rem; } .xl\:p-6 { padding: 1.5rem; } .xl\:p-8 { padding: 2rem; } .xl\:p-10 { padding: 2.5rem; } .xl\:p-12 { padding: 3rem; } .xl\:p-16 { padding: 4rem; } .xl\:p-20 { padding: 5rem; } .xl\:p-24 { padding: 6rem; } .xl\:p-32 { padding: 8rem; } .xl\:p-px { padding: 1px; } .xl\:py-0 { padding-top: 0; padding-bottom: 0; } .xl\:px-0 { padding-left: 0; padding-right: 0; } .xl\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .xl\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .xl\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .xl\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .xl\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .xl\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .xl\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .xl\:px-4 { padding-left: 1rem; padding-right: 1rem; } .xl\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .xl\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .xl\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .xl\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .xl\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .xl\:px-8 { padding-left: 2rem; padding-right: 2rem; } .xl\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .xl\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .xl\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .xl\:px-12 { padding-left: 3rem; padding-right: 3rem; } .xl\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .xl\:px-16 { padding-left: 4rem; padding-right: 4rem; } .xl\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .xl\:px-20 { padding-left: 5rem; padding-right: 5rem; } .xl\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .xl\:px-24 { padding-left: 6rem; padding-right: 6rem; } .xl\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .xl\:px-32 { padding-left: 8rem; padding-right: 8rem; } .xl\:py-px { padding-top: 1px; padding-bottom: 1px; } .xl\:px-px { padding-left: 1px; padding-right: 1px; } .xl\:pt-0 { padding-top: 0; } .xl\:pr-0 { padding-right: 0; } .xl\:pb-0 { padding-bottom: 0; } .xl\:pl-0 { padding-left: 0; } .xl\:pt-1 { padding-top: 0.25rem; } .xl\:pr-1 { padding-right: 0.25rem; } .xl\:pb-1 { padding-bottom: 0.25rem; } .xl\:pl-1 { padding-left: 0.25rem; } .xl\:pt-2 { padding-top: 0.5rem; } .xl\:pr-2 { padding-right: 0.5rem; } .xl\:pb-2 { padding-bottom: 0.5rem; } .xl\:pl-2 { padding-left: 0.5rem; } .xl\:pt-3 { padding-top: 0.75rem; } .xl\:pr-3 { padding-right: 0.75rem; } .xl\:pb-3 { padding-bottom: 0.75rem; } .xl\:pl-3 { padding-left: 0.75rem; } .xl\:pt-4 { padding-top: 1rem; } .xl\:pr-4 { padding-right: 1rem; } .xl\:pb-4 { padding-bottom: 1rem; } .xl\:pl-4 { padding-left: 1rem; } .xl\:pt-5 { padding-top: 1.25rem; } .xl\:pr-5 { padding-right: 1.25rem; } .xl\:pb-5 { padding-bottom: 1.25rem; } .xl\:pl-5 { padding-left: 1.25rem; } .xl\:pt-6 { padding-top: 1.5rem; } .xl\:pr-6 { padding-right: 1.5rem; } .xl\:pb-6 { padding-bottom: 1.5rem; } .xl\:pl-6 { padding-left: 1.5rem; } .xl\:pt-8 { padding-top: 2rem; } .xl\:pr-8 { padding-right: 2rem; } .xl\:pb-8 { padding-bottom: 2rem; } .xl\:pl-8 { padding-left: 2rem; } .xl\:pt-10 { padding-top: 2.5rem; } .xl\:pr-10 { padding-right: 2.5rem; } .xl\:pb-10 { padding-bottom: 2.5rem; } .xl\:pl-10 { padding-left: 2.5rem; } .xl\:pt-12 { padding-top: 3rem; } .xl\:pr-12 { padding-right: 3rem; } .xl\:pb-12 { padding-bottom: 3rem; } .xl\:pl-12 { padding-left: 3rem; } .xl\:pt-16 { padding-top: 4rem; } .xl\:pr-16 { padding-right: 4rem; } .xl\:pb-16 { padding-bottom: 4rem; } .xl\:pl-16 { padding-left: 4rem; } .xl\:pt-20 { padding-top: 5rem; } .xl\:pr-20 { padding-right: 5rem; } .xl\:pb-20 { padding-bottom: 5rem; } .xl\:pl-20 { padding-left: 5rem; } .xl\:pt-24 { padding-top: 6rem; } .xl\:pr-24 { padding-right: 6rem; } .xl\:pb-24 { padding-bottom: 6rem; } .xl\:pl-24 { padding-left: 6rem; } .xl\:pt-32 { padding-top: 8rem; } .xl\:pr-32 { padding-right: 8rem; } .xl\:pb-32 { padding-bottom: 8rem; } .xl\:pl-32 { padding-left: 8rem; } .xl\:pt-px { padding-top: 1px; } .xl\:pr-px { padding-right: 1px; } .xl\:pb-px { padding-bottom: 1px; } .xl\:pl-px { padding-left: 1px; } .xl\:static { position: static; } .xl\:fixed { position: fixed; } .xl\:absolute { position: absolute; } .xl\:relative { position: relative; } .xl\:sticky { position: -webkit-sticky; position: sticky; } .xl\:pin-none { top: auto; right: auto; bottom: auto; left: auto; } .xl\:pin { right: 0; left: 0; } .xl\:pin, .xl\:pin-y { top: 0; bottom: 0; } .xl\:pin-x { right: 0; left: 0; } .xl\:pin-t { top: 0; } .xl\:pin-r { right: 0; } .xl\:pin-b { bottom: 0; } .xl\:pin-l { left: 0; } .xl\:table-auto { table-layout: auto; } .xl\:table-fixed { table-layout: fixed; } .xl\:text-left { text-align: left; } .xl\:text-center { text-align: center; } .xl\:text-right { text-align: right; } .xl\:text-justify { text-align: justify; } .xl\:text-2xs { font-size: 0.65rem; } .xl\:text-xs { font-size: 0.75rem; } .xl\:text-sm { font-size: 0.875rem; } .xl\:text-base { font-size: 1rem; } .xl\:text-lg { font-size: 1.125rem; } .xl\:text-xl { font-size: 1.25rem; } .xl\:text-2xl { font-size: 1.5rem; } .xl\:text-3xl { font-size: 1.875rem; } .xl\:text-4xl { font-size: 2.25rem; } .xl\:text-5xl { font-size: 3rem; } .xl\:visible { visibility: visible; } .xl\:invisible { visibility: hidden; } .xl\:w-6 { width: 1.5rem; } .xl\:w-24 { width: 6rem; } .xl\:w-32 { width: 8rem; } .xl\:w-auto { width: auto; } .xl\:w-px { width: 1px; } .xl\:w-1\/2 { width: 50%; } .xl\:w-1\/3 { width: 33.33333%; } .xl\:w-2\/3 { width: 66.66667%; } .xl\:w-1\/4 { width: 25%; } .xl\:w-3\/4 { width: 75%; } .xl\:w-1\/5 { width: 20%; } .xl\:w-2\/5 { width: 40%; } .xl\:w-3\/5 { width: 60%; } .xl\:w-4\/5 { width: 80%; } .xl\:w-1\/6 { width: 16.66667%; } .xl\:w-5\/6 { width: 83.33333%; } .xl\:w-full { width: 100%; } .xl\:w-screen { width: 100vw; } } .main-content { min-height: 70vh; } .page-home .main-content { overflow: hidden; } .main-wrap { position: relative; } .main-footer a, .top-bar a { transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .main-footer a:hover, .top-bar a:hover, .main-footer a:focus, .top-bar a:focus { color: #B5842C; } .main-footer { max-width: 100%; overflow: hidden; } .main-footer__bottom a:hover, .main-footer__bottom a:focus { color: inherit !important; } .main-footer__cards { width: 100%; min-height: 49px; } .main-footer__cards a, .main-footer__cards span { display: block; padding: 0.25rem; margin: 0 0.5rem; } .main-footer__cards a img, .main-footer__cards span img { height: 32px; max-width: 90px; min-width: 40px; object-fit: contain; } hr { height: 1px; background-color: #eeeeee; } .cc-banner.cc-bottom { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); } .cc-banner.cc-bottom .cc-btn { font-size: 1rem; transition: all ease 0.3s; font-weight: 500; border-radius: 4px; } .nav-filternav a, .nav-filternav button { border-bottom: 1px solid transparent; color: inherit; font-weight: inherit; } .nav-filternav a:first-child, .nav-filternav button:first-child { margin-left: 0; } .nav-filternav a.active, .nav-filternav button.active { color: #202020; } .nav-filternav a:hover, .nav-filternav button:hover, .nav-filternav a:focus, .nav-filternav button:focus { border-bottom-color: #474747; } .tab-pane { display: none; } .tab-pane.active { display: block; } .nav-tabs a span { pointer-events: none; } .static__content .list-dt span { min-width: 5rem; display: inline-block; } .static__content p, .static__content ul { line-height: 1.5; } .static__content p, .static__content ul { margin-bottom: 1.5rem; } .static__content a:hover, .static__content a:focus { text-decoration: underline; } .page-search-form { margin-right: 1rem; } .page-search-form input { background-color: #F5F8FA; padding: 1rem 1.5rem; width: 100%; font-size: 1.4rem; } @media (min-width: 567px) { .page-search-form input { font-size: 2.4rem; } } .page-search-form input::placeholder { color: #474747; } @media (max-width: 900px) and (min-width: 567px) { .overflow-x-wrap-sm { display: flex; } } @media (max-width: 567px) { .overflow-x-wrap-xs { display: flex; overflow: auto; flex-wrap: nowrap; } .overflow-x-wrap-xs > * { min-width: 66vw; } } @media (max-width: 567px) { .overflow-x-wrap-xs-more { display: flex; overflow: auto; flex-wrap: nowrap; } .overflow-x-wrap-xs-more > * { min-width: 145px; } .overflow-x-wrap-xs-nowrap { display: flex; overflow: auto; flex-wrap: nowrap; } .overflow-x-wrap-xs-nowrap > * { white-space: nowrap; } } /* * Ajax Loader */ .stripe-loading-indicator .stripe, .stripe-loading-indicator .stripe-loaded { background: #B5842C !important; } .list { position: relative; min-height: 500px; } .list .container { will-change: opacity; transition: opacity 0.3s ease; } body.oc-loading .list .container { opacity: 0; } body.oc-loading .load-wrap { opacity: 1; } .load-wrap { left: 50%; z-index: 10001; position: absolute; pointer-events: none; opacity: 0; top: 0px; transition: opacity 0.3s ease-in-out; text-align: center; margin-left: -20px; } @media (max-width: 767px) { .load-wrap { transform: translateX(-50%); margin-left: 0; top: 50px; } } .loader { -webkit-animation: rotate 0.75s infinite; animation: rotate 0.75s infinite; color: #B5842C; height: 40px; width: 40px; } .loading .load-wrap { opacity: 1; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } } .main-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); backdrop-filter: none; padding: 1rem 0; } @media (min-width: 1200px) { .main-header { padding: 0.5rem 0 0; } } .main-header--pinned { transform: translateY(0%); } .main-header--unpinned { transform: translateY(-140%); } .main-header--bottom { transform: translateY(0%) !important; } @media (min-width: 1200px) { .main-header__brand { left: 50%; top: 1rem; position: absolute; transform: translateX(-50%); } .main-header__brand img { max-width: 18rem; z-index: 1; position: relative; } } .main-header .menu-toggle { position: relative; display: flex; flex-direction: column; } .main-header .menu-toggle::before { display: block; position: absolute; bottom: -2rem; left: 0; content: ""; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px; } .main-header .menu-toggle__bar { width: 32px; height: 3px; border-radius: 4px; display: inline-block; background-color: #202020; position: relative; } .main-header .menu-toggle__bar:after, .main-header .menu-toggle__bar:before { position: absolute; width: 32px; height: 3px; transition: bottom 0.2s ease-out 0s, top 0.2s ease-out 0s, opacity 0s linear; border-radius: 4px; background-color: #202020; content: ""; display: block; } .main-header .menu-toggle__bar:after { top: -8px; } .main-header .menu-toggle__bar:before { bottom: -8px; } .main-header .main-nav { padding-top: 2rem; padding-bottom: 3rem; } @media (min-width: 1200px) { .main-header .main-nav { padding-top: 1.25rem; padding-bottom: 1.25rem; } } .main-header .main-nav .favorites-icon:not(.favoriteAdded), .main-header .main-nav .viewed-icon:not(.favoriteAdded) { display: none !important; } @media (max-width: 1198px) { .main-header .main-nav__nav-item-parent.open > button::after { content: none; } } @media (min-width: 1199px) { .main-header .main-nav__nav-item-parent.open > button { color: #B5842C; } } .main-header .main-nav__nav-item-parent.open > button i { transform: rotate(-180deg); transform-origin: center; } .main-header .main-nav__nav-item-parent.open .overlay { visibility: visible; opacity: 1; display: block; transition: opacity 0s linear; } .main-header .main-nav .overlay { padding: 0; -webkit-overflow-scrolling: touch; position: relative; visibility: hidden; opacity: 0; display: none; width: 100%; padding-top: 0; padding-bottom: 1rem; transition: opacity 0s linear, visibility 0s linear 0s; box-shadow: none; } @media (min-width: 1200px) { .main-header .main-nav .overlay { background: #FFFFFF; position: absolute; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); padding: 1rem 2rem; top: 4rem; left: 50%; transform: translateX(-50%); width: 14rem; } } .main-header .main-nav__nav-item > a { display: inline-block; } .main-header .main-nav__nav-item a, .main-header .main-nav__nav-item button { line-height: 1.5; z-index: 1; min-height: 3.85rem; position: relative; transition: color 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .main-header .main-nav__nav-item a i, .main-header .main-nav__nav-item button i { transition: transform 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); display: inline-block; } .main-header .main-nav__nav-item a .icon-dropdown, .main-header .main-nav__nav-item button .icon-dropdown { color: #B5842C; font-size: 0.75rem; } @media (min-width: 1200px) { .main-header .main-nav__nav-item a .icon-dropdown, .main-header .main-nav__nav-item button .icon-dropdown { display: block; margin-top: 0.25rem; } } .main-header .main-nav__nav-item a span, .main-header .main-nav__nav-item button span, .main-header .main-nav__nav-item a i, .main-header .main-nav__nav-item button i { pointer-events: none; } .main-header .main-nav__nav-item a:hover, .main-header .main-nav__nav-item button:hover, .main-header .main-nav__nav-item a:focus, .main-header .main-nav__nav-item button:focus { color: #B5842C; } .main-header .main-nav__nav-item button { appearance: none; } .main-header .main-nav__nav-item.active a, .main-header .main-nav__nav-item.active button { color: #202020; } .main-header .main-nav__nav-item.active a span, .main-header .main-nav__nav-item.active button span { padding-bottom: 0.75rem; display: inline; } .main-header .main-nav__subnav-item a, .main-header .main-nav__subnav-item button { min-height: initial; } .main-header .main-nav__subnav-item:not(:last-child) { margin-bottom: 0.25rem; } .main-header .favorites-icon, .main-header .viewed-icon { position: relative; pointer-events: none; } .main-header .favorites-icon.favoriteAdded, .main-header .viewed-icon.favoriteAdded { pointer-events: all; color: #B5842C; } .main-header .favorites-count, .main-header .viewed-count { position: absolute; right: -0.5rem; top: 1rem; font-size: 0.875rem; } body.overlay-nav-open { overflow: hidden; } body.overlay-nav-open .main-overlay { background-color: #FFFFFF; position: fixed; height: 100%; width: 100%; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; } @media (max-width: 600px) { body:not(.scrolled):not(.nav-open) .main-header { box-shadow: none; } } body.scrolled .main-header { background-color: #FFFFFF; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); } body.scrolled .menu-toggle__bar { background-color: #202020; } body.page-home:not(.scrolled):not(.nav-open) .main-header { box-shadow: none; } .search-wrapper { position: absolute; bottom: 0; right: 0; background-color: #F5F8FA; z-index: 4; transition: width 0.3s cubic-bezier(0.47, 0.17, 0.17, 0.58); pointer-events: none; } .search-wrapper .icons-search { padding: 1rem; min-height: 44px; min-width: 47px; color: #B5842C; background-color: #FFFFFF; } @media (min-width: 800px) { .search-wrapper .icons-search { min-height: 53px; min-width: 60px; } } .search-wrapper form { width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; } .search-wrapper form .input { border-width: 0; padding: 1rem; background-color: transparent; color: #B5842C; } .search-wrapper form .input::placeholder { color: #474747; } body.search-opened { opacity: 1; visibility: visible; } body.search-opened .dropdown-content { display: none !important; } body.search-opened .search-wrapper { pointer-events: all; } @media (min-width: 1200px) { body.search-opened .search-wrapper { width: 375px !important; } } @media (min-width: 767px) { body.search-opened .search-wrapper { width: 450px !important; } } @media (min-width: 900px) { body.search-opened .search-wrapper { width: 600px !important; } } @media (min-width: 1200px) { body.search-opened .search-wrapper { width: 750px !important; } } body.scrolled .main-header { padding: 0.5rem 0; } @media (min-width: 1200px) { body.scrolled .main-header { padding-top: 0; padding-bottom: 0rem; } } body.scrolled .main-header .main-nav { padding-bottom: 0.5rem; } @media (min-width: 1200px) { body.scrolled .main-header__brand .logo-full { display: none !important; } body.scrolled .main-header__brand .logo-icon { display: block !important; width: 3.125rem; } } body:not(.is-at-top) .main-header nav { border-bottom: 0; border-bottom-color: transparent; } body:not(.is-at-top) .main-header nav .border-white { border-color: transparent; } body:not(.is-at-top) .main-header .dropdown-content { background-color: #FFFFFF; color: #202020; box-shadow: 0px 1px 5px 0 rgba(199, 199, 199, 0.3); } body.nav-open { overflow: hidden; } body.nav-open .main-header { height: 100vh; background-color: #FFFFFF !important; overflow-x: hidden; overflow-y: auto; } body.nav-open .main-header .menu-toggle::before { content: attr(data-close); } body.nav-open .main-header .menu-toggle__bar::after { transition: bottom 0.2s ease-out, top 0.2s ease-out, opacity 0s linear 0.2s; opacity: 0; top: 0; } body.nav-open .main-header .menu-toggle__bar::before { transition: bottom 0.2s ease-out, top 0.2s ease-out, opacity 0s linear 0.2s; opacity: 0; bottom: 0; } body.nav-open .main-nav { display: block !important; transform: none !important; } body.nav-open .main-nav__nav-item { margin-left: -1rem; margin-right: -1rem; } body.nav-open .main-nav__nav-item > a, body.nav-open .main-nav__nav-item > button { text-transform: capitalize; font-weight: 600; color: #202020; border-bottom: 0 !important; position: relative; display: flex; width: 100%; padding-left: 1rem; padding-right: 1rem; align-items: center; justify-content: space-between; } @media (max-width: 1199px) { body.nav-open .main-nav__nav-item > a, body.nav-open .main-nav__nav-item > button { letter-spacing: 0; } } body.nav-open .main-nav__nav-item > a::after, body.nav-open .main-nav__nav-item > button::after { height: 1px; width: calc(100% - 2rem); content: ""; position: absolute; background-color: rgba(8, 73, 119, 0.15); left: 1rem; bottom: 0.1rem; } body.nav-open .main-nav__nav-item > a span, body.nav-open .main-nav__nav-item > button span { border-bottom: 0 !important; } body.nav-open .main-nav__nav-item--last > a { background-color: #FFFFFF; position: relative; } body.nav-open .main-nav__nav-item--last > a::after { content: none; } body.nav-open .main-nav__nav-item--last > a::before { content: ""; box-shadow: 0px 11px 30px -14px rgba(141, 194, 230, 0.5); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 5rem; z-index: -1; } body.nav-open .main-nav__subnav-item a, body.nav-open .main-nav__subnav-item span { font-size: 0.875rem; font-weight: 600; } body.nav-open .main-nav__socials .text-secondary { color: #202020; } body.nav-open .main-nav__socials a { background-color: rgba(8, 73, 119, 0.5); color: #FFFFFF; } body.nav-open .main-nav__socials a:hover { color: #FFFFFF; background-color: #B5842C; } body.nav-open .main-nav__socials ul { transform: scale(1.15); } body.nav-open .main-nav .overlay { background-color: #F5F8FA; padding: 1rem 1.75rem; margin: -0.5rem 1rem 1rem; width: initial; border-radius: 0.75rem; } .favorites-icon .favorites-count { font-size: 1rem; position: static; padding-left: 0.5rem; color: #202020 !important; } @media (min-width: 1200px) { .favorites-icon .favorites-count { font-size: 0.875rem; right: -0.5rem; top: 0.5rem; } } .favorites-icon .icon-heart { font-size: 1.55rem; } @media (min-width: 1200px) { .favorites-icon .icon-heart { font-size: 1.3rem; } } .viewed-icon .viewed-count { font-size: 1rem; position: static; padding-left: 0.5rem; color: #202020 !important; } @media (min-width: 1200px) { .viewed-icon .viewed-count { font-size: 0.875rem; right: -0.5rem; top: 0.5rem; } } .viewed-icon .icon-eye { font-size: 2rem; } @media (min-width: 1200px) { .viewed-icon .icon-eye { font-size: 1.6rem; } } .breadcrumbs a:hover { text-decoration: underline; } .c-partner figure { position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .c-partner figure img { height: 100%; width: 100%; object-fit: cover; z-index: 0; } .richText { font-size: 0.825rem; line-height: 1.75; } .richText h3, .richText h4, .richText h5, .richText h6 { line-height: 1.5; margin-bottom: 2rem; margin-top: 2rem; } .richText img { width: 100% !important; height: auto; margin-top: 1rem; margin-bottom: 1rem; max-width: 100% !important; } .richText p, .richText ul { margin-bottom: 1rem; } .richText li { margin-bottom: 0.5rem; } .richText--intro p { font-size: 1.125rem; line-height: 1.5; margin-bottom: 1rem; } .richText--intro p:first-child { font-size: 1.3125rem; font-weight: 600; } .page-hero { line-height: 0; } .page-hero img { height: 70vh; width: 100%; object-fit: cover; } @media (min-width: 800px) { .page-hero img { height: 100vh; } } .page-hero__header { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 0; margin: 0; z-index: 4; } .page-hero--small img { height: 30rem; } .page-hero--full img { height: 100vh; } .page-hero__cta { border: 0.5rem solid rgba(181, 132, 44, 0.5); position: absolute; top: 50%; right: 5%; transform: translateY(-50%); } .page-hero__cta > div { width: 3.5rem; height: 3.5rem; } .page-gallery__item { height: 10rem; object-fit: cover; width: 100%; } .page-gallery__item img { margin: 0 !important; } .page__content { font-size: 1rem; line-height: 1.75; } .page__content strong { color: #B5842C; } .page__content .fr-img-caption .fr-inner { margin-bottom: 2rem; margin-top: -0.5rem; text-align: center; display: block; font-size: 0.9375rem; font-style: italic; } .page__content > h3:first-child, .page__content > h2:first-child { margin-top: 0 !important; } .page__content h2, .page__content h3, .page__content h4, .page__content h5, .page__content h6 { line-height: 1.5; margin-bottom: 1rem; font-family: 'ActaHeadline', serif; margin-top: 3rem; display: flex; align-items: center; } @media (min-width: 800px) { .page__content h2, .page__content h3, .page__content h4, .page__content h5, .page__content h6 { white-space: nowrap; } } .page__content h2::before, .page__content h3::before, .page__content h4::before, .page__content h5::before, .page__content h6::before { color: #B5842C; font-size: 1.3125rem; margin-right: 1rem; font-family: "mevillas"; content: "\e90a"; } @media (min-width: 1099px) { .page__content h2::before, .page__content h3::before, .page__content h4::before, .page__content h5::before, .page__content h6::before { margin-left: -2.5rem; } } .page__content h2::after, .page__content h3::after, .page__content h4::after, .page__content h5::after, .page__content h6::after { width: 100%; height: 1px; display: inline-block; background-color: #B5842C; content: none; margin-left: 1.5rem; } @media (min-width: 1099px) { .page__content h2::after, .page__content h3::after, .page__content h4::after, .page__content h5::after, .page__content h6::after { content: ""; } } .page__content iframe { min-height: 250px; } @media (min-width: 567px) { .page__content iframe { min-height: 450px; } } .page__content img, .page__content iframe { width: 100% !important; height: auto; margin-top: 1rem; margin-bottom: 1rem; max-width: 100% !important; } .page__content p, .page__content ul { margin-bottom: 1rem; line-height: 1.75; } .page__content a { color: #084977; font-weight: 700; text-decoration: underline; } .page__content a strong { color: inherit; } .page__content h2 { font-weight: 700; font-size: 1.625rem; } .page__content h3 { position: relative; font-size: 1.5rem; font-weight: 700; } .page__content h4, .page__content h5, .page__content h6 { position: relative; font-size: 1.3125rem; font-weight: 700; } .page__content table { border-spacing: 0; border-collapse: collapse; width: 100%; font-size: 0.875rem; margin-top: 2rem; margin-bottom: 2rem; line-height: 1.2; } .page__content table th { vertical-align: bottom; border-bottom: 0; text-align: left; padding: 0.75rem; padding-bottom: 1rem; text-transform: uppercase; } .page__content table td { padding: 0.75rem 0.5rem; } @media (min-width: 567px) { .page__content table td { padding: 0.75rem; } } .page__content table tbody tr:nth-child(odd) td { background-color: #F5F8FA; } .page__content table tbody tr:nth-child(odd) td:first-child { border-top-left-radius: 1rem; } .page__content table tbody tr:nth-child(odd) td:last-child { border-bottom-right-radius: 1rem; } .page__content ul, .page__content ol { list-style: none; line-height: 1.5; margin-top: 3rem; margin-bottom: 3rem; } .page__content ul li, .page__content ol li { margin-bottom: 1rem; } .page__content ul li::before, .page__content ol li::before { content: "►"; color: #084977; display: inline-block; font-size: 0.825rem; line-height: 0; width: 1.5rem; margin-left: -1.5rem; } .page__excerpt { color: #084977; } .page-home .search { position: absolute; bottom: 0; } @media (min-width: 567px) { .page-home .search { left: 50%; transform: translateX(-50%); } } .page-category .page-hero { min-height: 200px; } .page-category .page-hero__header { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; padding-bottom: 4rem; } @media (min-width: 567px) { .page-category .page-hero__header { bottom: 6.5rem; padding-bottom: 1rem; } } @media (min-width: 1099px) { .page-category .page-hero__header { bottom: 4.5rem; padding-bottom: 1rem; } } .page-category .filters__inner input, .page-category .filters__inner select { border: 1px solid #eeeeee; } .filters, .search { margin-left: auto; z-index: 2; } .filters__inner, .search__inner { background-color: rgba(255, 255, 255, 0.2); } @media (min-width: 567px) { .filters__inner .form-group, .search__inner .form-group { font-size: 1.15rem; } } .filters__inner .autocomplete-list, .search__inner .autocomplete-list { color: #474747; z-index: 99; } .filters__inner .autocomplete-field:focus::placeholder, .search__inner .autocomplete-field:focus::placeholder { color: transparent; } .filters__inner input, .search__inner input, .filters__inner select, .search__inner select { color: #474747; width: 100%; padding: 0.75rem 2rem 0.75rem 2.25rem; min-height: 3.125rem; -webkit-appearance: none; appearance: none; background-color: #FFFFFF; border: none; cursor: pointer; font-weight: 600; } @media (min-width: 567px) { .filters__inner input, .search__inner input, .filters__inner select, .search__inner select { font-size: 0.875rem; } } .filters__inner .arrow, .search__inner .arrow { color: #474747; padding: 0.75rem 1.25rem; } .input-select { padding: 0.75rem 2.5rem 0.75rem 1.55rem; -webkit-appearance: none; background-color: #FFFFFF; appearance: none; font-weight: 600; } @media (min-width: 567px) { .input-select { font-size: 0.875rem; min-height: 3.125rem; } } .input__wrap { position: relative; } .input__wrap--normal input { padding-right: 1rem; } .input__wrap--normal::after { content: none!important; } .input__wrap--joined { display: flex; } .input__wrap--joined > :first-child { border-bottom-right-radius: 0!important; width: 40%; } .input__wrap--joined > :last-child { border-top-left-radius: 0!important; margin-left: 0.25rem; width: 60%; } .input__wrap::after { content: "\e91d"; font-family: "mevillas"; font-size: 0.65rem; color: #B5842C; position: absolute; right: 1rem; top: 1.25rem; pointer-events: none; } .input__wrap::before { font-size: 0.75rem; color: #B5842C; position: absolute; left: 1rem; top: 1.25rem; pointer-events: none; z-index: 1; font-family: "mevillas"; } .input__wrap--location::before { content: "\e914"; } .input__wrap--dates::before { content: "\e913"; } .input__wrap--type::before { content: "\e915"; } .input__wrap--guest::before { content: "\e91e"; } .input__wrap--guests::before { content: "\e90f"; } .input__wrap--phone::before { content: "\e918"; } .input__wrap--email::before { content: "\e936"; } .input__wrap--text::before { content: "\e937"; } .input__wrap--cardholder::before { content: "\e91e"; color: #084977; pointer-events: none; font-size: 0.9rem; top: 1.1rem; } .input__wrap--card::before { content: "\e947"; color: #084977; pointer-events: none; font-size: 1.1rem; top: 1rem; } .input__wrap--cvv::before { content: "\e949"; color: #084977; pointer-events: none; font-size: 1.1rem; top: 1rem; } .input__wrap--expiration::before { content: "\e94a"; color: #084977; pointer-events: none; font-size: 1.1rem; top: 1rem; } .input-submit { min-width: 165px; min-height: 3.125rem; } .input__location-counter { position: absolute; right: 0rem; bottom: -2.25rem; } .search .input__location-counter { color: #FFFFFF; border-color: #FFFFFF; } @media (min-width: 1099px) { .search { transform: scale(0.9); transform-origin: right; } } .filters { transform: translateY(-35px); margin-bottom: -15px; } .filters .input__location-counter { color: #474747; border-color: #eeeeee; } @media (min-width: 567px) { .filters { transform: translateY(-75px); margin-bottom: -50px; } } .filters-advanced { height: calc(100vh - 22rem); overflow: auto; padding: 0 1.5rem 1rem 0; } @media (min-width: 567px) { .filters-advanced { height: calc(100vh - 24rem); } } .filters__range { max-width: 400px; } .filters__range .noUi-tooltip { color: #084977; border: 0; bottom: -2rem; font-size: 0.75rem; font-weight: 600; } .filters__range .noUi-horizontal .noUi-handle { width: 1.25rem; border: 0; height: 1.25rem; background-color: #FFFFFF; border: 0.125rem solid #084977; top: -0.5rem; border-radius: 50%; cursor: grab; } .filters__range .noUi-horizontal .noUi-handle-upper { right: 0!important; } .filters__range .noUi-horizontal .noUi-handle::after, .filters__range .noUi-horizontal .noUi-handle::before { content: none; } .filters__range .noUi-target { box-shadow: none; border: none; height: 0.35rem !important; background: #eeeeee !important; } .filters__range .noUi-connect { height: 0.35rem; background: #084977; } body.filters-opened .js--toggle-filters i { transform: rotate(-180deg); } body.filters-opened .label-filters { display: none; } body.filters-opened .label-close { display: inline!important; } body.filters-opened .filters__advanced { display: block!important; } .rentals__listings { display: flex; overflow: hidden; } .rentals__listings > * { min-width: 100%; will-change: transform, opacity; transition: all 0.6s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .rentals__listings > :last-child { opacity: 0; } body.show-map .js--show-map-label { display: none; } body.show-map .js--show-list-label { display: inline!important; } body.show-map .js--show-list-label i { transform: rotate(180deg); } body.show-map .rentals__listings > * { transform: translateX(-100%); } body.show-map .rentals__listings > :first-child { opacity: 0; height: 0; } body.show-map .rentals__listings > :last-child { opacity: 1; } .ajax-overlay { visibility: hidden; opacity: 0; will-change: opacity; background-color: rgba(255, 255, 255, 0.9); transition: opacity ease 0.3s; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .oc-loading .ajax-overlay { opacity: 1; z-index: 10; visibility: visible; } /* * Loader */ .loader { -webkit-animation: rotate 1s infinite; animation: rotate 1s infinite; color: #B5842C; height: 40px; left: 50%; z-index: 10; margin-left: -20px; margin-top: -20px; pointer-events: none; position: absolute; top: 50px; transition: opacity 0.3s ease-in-out; width: 40px; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } } .filter__btn--apply { margin-left: -1.5rem; margin-right: -1.5rem; width: calc(100% + 3rem); border-top-left-radius: 0!important; } .rental-hero { overflow: hidden; } .rental-hero figure { line-height: 0; } .rental-hero__image { height: 100vh; width: 100%; object-fit: cover; } .rental-hero__arrows { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); } .rental-hero__arrow { color: #FFFFFF; padding: 1.25rem 0.75rem; background-color: rgba(8, 73, 119, 0.8); border-radius: 5px; display: flex; justify-content: center; align-items: center; } .rental-hero__arrow:hover, .rental-hero__arrow:focus { background-color: rgba(181, 132, 44, 0.8); } .rental-hero__intro { width: 100%; position: absolute; bottom: 1.5rem; z-index: 10; } @media (min-width: 567px) { .rental-hero__intro { bottom: 3.5rem; } } .rental-nav { position: relative; transform: translateY(-100%); z-index: 10; position: sticky; top: 2.5rem; } .rental-nav__price { background-color: #B5842C; color: #FFFFFF; text-align: center; padding: 0.75rem 1.5rem; line-height: 1.5; display: none; } .rental-nav__pills { display: flex; } .rental-nav__pills li { margin-right: 1rem; } .rental-nav__pills li:last-child { margin-right: 0; } .rental-nav__pills a { padding: 0.75rem 1.5rem; line-height: 1.5; display: block; text-align: center; transition: all 0.1s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .rental-nav__pills a:hover, .rental-nav__pills a:focus { color: #B5842C; } .rental-nav__pills a.active { background-color: #FFFFFF; color: #202020; } .rental-nav__pills--alt a.active { color: #B5842C; } .rental__description { color: #474747; } .rental__description p { margin-bottom: 1.5rem; } .rental__location .single-map { min-height: 25rem; z-index: 0; } @media (min-width: 767px) { .rental__location .single-map { min-height: 20rem; } } .rental__location button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .rental__text p { margin-bottom: 1rem; line-height: 1.5; } .rental__text strong { font-weight: 700; } .rental__text a { color: #B5842C; text-decoration: underline; } .rental__cta .total-amount { font-size: 1.125rem; } .rental-gallery a { transition: all 0.2s ease-in-out; } @media (min-width: 1099px) { .rental-gallery a:hover { transform: scale(1.1); box-shadow: 0 16px 24px #e7f4fd; } } .rental-gallery img { width: 100%; object-fit: cover; height: 10rem; } .rental__room__icons { font-size: 2.35rem; } .rental__room-label span:not(:last-child)::after { content: ', '; } .rental-slide-horizontal { display: flex; overflow: hidden; } .rental-slide-horizontal > * { min-width: 100vw; will-change: transform, opacity; transition: all 0.6s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .rental-slide-horizontal > :last-child { opacity: 0; } .rental-slide-horizontal.slided > * { transform: translateX(-100%); } .rental-slide-horizontal.slided > :first-child { opacity: 0; } .rental-slide-horizontal.slided > :last-child { opacity: 1; } .rental-calendar { position: relative; } .rental-calendar .loader { top: 50%; } .rental-calendar .total-days::before { content: " / "; } .rental-calendar .flatpickr-wrapper { margin-left: -1rem; margin-right: -1rem; } .rental-calendar .flatpickr-month, .rental-calendar .flatpickr-weekdaycontainer, .rental-calendar .dayContainer { padding-right: 1rem; padding-left: 1rem; } .rental-calendar .flatpickr-next-month { right: 1rem !important; } .rental-calendar .flatpickr-prev-month { left: 1rem !important; } .rental-calendar .dayContainer + .dayContainer { box-shadow: none; } .rental-prices .currencyChange.active { color: #084977 !important; } .rental-bar { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #FFFFFF; transform: translateY(100%); border-top: 1px solid #F5F8FA; will-change: transform; transition: transform ease 0.4s; z-index: 9999; } .rental-bar .total-amount { min-height: 1.15rem; } .rental-legend__tag span { width: 1.25rem; height: 1.25rem; margin-right: 0.75rem; } .rental-legend__tag--today span { background-color: #084977; } .rental-legend__tag--occupied span { background-color: #F5F8FA; } .rental-legend__tag--selected span { background-color: #B5842C; } .rental-legend__tag--special span { border: 1px solid #474747; } .rental-legend__tag--changeover span { border: 1px solid #474747; } .rental-book { margin-top: 3.5rem; } .rental-book__share .c-socialsShare { justify-content: center; } .rental-book__share a { font-size: 1.5rem; } @media (min-width: 567px) { .rental-book { transform: translateY(-2.75rem); margin-top: 0; z-index: 10; position: sticky; top: 4.5rem; } } .rental-book .total-days { font-size: 0.875rem; } .rental-book .total-amount { font-size: 1.3rem; font-weight: 700; line-height: 0.9; } .rental-book .old-price { font-size: 80%; text-decoration: line-through; color: #474747; margin-right: 0.5rem; font-weight: 400; } .rental-book .new-price { color: #c60f3c; } .rental__price-label-total { display: none; } @media (max-width: 567px) { .rental-section:not(.active) .rental__content { margin-bottom: 4rem; display: none; } .rental-section.active .icon-add::before { content: "\e921"; } } .price-calculated .total-amount { font-size: 1.125rem; line-height: 0.9; font-weight: 700; } .price-calculated .total-amount { align-items: flex-end; } .price-calculated .old-price { font-size: 80%; text-decoration: line-through; color: #474747; font-weight: 400; margin-right: 0.5rem; } .price-calculated .new-price { color: #c60f3c; } .price-calculated .rental__price-label-perNight { display: none; } .price-calculated .rental__price-label-total { display: block; } .price-calculated .js--scroll-book { display: none; } .price-calculated .js--submit-book, .price-calculated .js--trigger-inquiry { display: inline-block !important; } body.scrolled-window .rental-nav__price { display: block; } body.scrolled-window .rental-nav .rental-nav__pills { background-color: #FFFFFF; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); } body.scrolled-window .rental-nav .rental-nav__pills a { color: #202020; } @media (max-width: 1099px) { body.scrolled-window .rental-bar { transform: none; } } @media (max-width: 1099px) { .fancybox-active .rental-bar { transform: none; z-index: 99999; } } .c-Dropdown { position: relative; } .c-Dropdown__trigger { cursor: pointer; } .c-Dropdown__content { padding: 0; -webkit-overflow-scrolling: touch; position: absolute; visibility: hidden; opacity: 0; display: none; transition: opacity 0s linear, visibility 0s linear 0s; box-shadow: none; padding: 1rem 1.5rem 0; top: 4rem; right: 0; width: 16rem; background: #FFFFFF; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); } @media (min-width: 567px) { .c-Dropdown__content { left: 0; right: auto; } } .c-Dropdown__content--full { width: fit-content; } .c-Dropdown__content--wide { width: 100%; } .js--dropdown-open i.newicon-plus::before { content: "\e900"; } .js--dropdown-open .c-Dropdown__content { visibility: visible; opacity: 1; display: block; transition: opacity 0s linear; } .js--dropdown-open .icon-dropdown { transform: rotate(-180deg); transform-origin: center; } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { -webkit-box-shadow: none !important; box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after { left: auto; right: 22px; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 28px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0; line-height: 16px; height: 28px; padding: 10px; z-index: 3; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); } .flatpickr-months .flatpickr-prev-month.disabled, .flatpickr-months .flatpickr-next-month.disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ left: 0; /* /*rtl:end:ignore*/ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ right: 0; /* /*rtl:end:ignore*/ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #D6B764; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 6.16px 0 0 0; line-height: 1; height: 28px; display: inline-block; text-align: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .dayContainer + .dayContainer { -webkit-box-shadow: -1px 0 0 #e6e6e6; box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -webkit-flex-basis: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { -webkit-box-shadow: -10px 0 0 #569ff7; box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { display: inline-block; float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; display: inline-block; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .autocomplete { position: relative; } .autocomplete ul, .autocomplete li { list-style: none; margin: 0; padding: 0; } .autocomplete .autocomplete-list { border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; position: absolute; top: 100%; right: 0; margin: 0; font-size: 0.875rem; line-height: 1.25; color: #474747; font-weight: 600; margin-bottom: 1rem; max-height: 20rem; border: 1px solid #eeeeee; overflow: auto; list-style: none; width: 100%; background: #FFFFFF; z-index: 9999; -webkit-overflow-scrolling: touch; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); } @media (min-width: 567px) { .autocomplete .autocomplete-list { font-size: 0.75rem; } } .autocomplete .autocomplete-group { position: relative; border-bottom: 1px solid #F5F8FA; padding: 1rem 0 0; } .autocomplete .autocomplete-group h4 { font-size: 0.875rem; font-weight: 600; color: #B5842C; text-transform: uppercase; padding-left: 1rem; } @media (min-width: 567px) { .autocomplete .autocomplete-group h4 { font-size: 0.75rem; } } .autocomplete .autocomplete-group-header { position: absolute; top: 16px; left: 10px; font-weight: bold; } .autocomplete .autocomplete-item { cursor: pointer; padding: 0.5rem 1rem; } .autocomplete .autocomplete-item:last-child { margin-bottom: 0.5rem; } .autocomplete .autocomplete-item:first-child { margin-top: 0.5rem; } .autocomplete-group .autocomplete-item { padding-left: 1rem; } .autocomplete .autocomplete-item.active, .autocomplete .autocomplete-item:hover { background-color: #B5842C; color: #FFFFFF; } .autocomplete .autocomplete-item-last { font-weight: bold; text-align: center; padding: 10px; } @media screen and (max-height: 480px) and (max-width: 480px) { /* a blunt check for mobile screens: they need bigger hit targets */ .autocomplete .autocomplete-item { padding-top: 12px; padding-bottom: 12px; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute!important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s ease, visibility 0s ease 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity 0.25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px 44px 0; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform,opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide--image { overflow: hidden; padding: 44px 0 0; } .fancybox-slide--image:before { display: none; } .fancybox-slide--html { padding: 6px 6px 0; } .fancybox-content { background: #fff; display: inline-block; margin: 0 0 44px; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform,opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-slide--html .fancybox-content { margin: 0 0 6px; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable=true] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content { height: calc(100% - 44px); overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; vertical-align: top; width: 100%; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1), .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background: transparent; height: 100px; margin: 0; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { background: rgba(30, 30, 30, 0.6); height: 100%; padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; } .fancybox-caption { bottom: 0; color: #fff; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px; right: 0; } .fancybox-caption:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -25px; z-index: -1; } .fancybox-caption:after { border-bottom: 1px solid hsla(0, 0%, 100%, 0.3); content: ""; display: block; left: 44px; position: absolute; right: 44px; top: 0; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { -webkit-animation: a 1s linear infinite; animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(1turn); transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0 0; } .fancybox-slide--image .fancybox-content { margin-bottom: 6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999); z-index: 99991; } .fancybox-thumbs__list a:focus:before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 768px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } .has-no-listings .sort { pointer-events: none; opacity: 0.6; } .pagination-wrap { margin-bottom: 50px; } .pagination-wrap a, .pagination-wrap span { display: block; text-align: center; color: #c7c7c7; margin: 0.5rem; width: 2rem; line-height: 2rem; height: 2rem; } .pagination-wrap .pagination { list-style: none; display: flex; flex-wrap: wrap; padding: 0; justify-content: center; font-family: 'ActaHeadline', serif; } .pagination-wrap .pagination li a:not([rel]):hover, .pagination-wrap .pagination li span:not([rel]):hover, .pagination-wrap .pagination li a:not([rel]):focus, .pagination-wrap .pagination li span:not([rel]):focus { color: #B5842C; } .pagination-wrap .pagination li a[rel="prev"], .pagination-wrap .pagination li:first-child span { font-size: 0; display: flex; align-items: center; justify-content: flex-end; } .pagination-wrap .pagination li a[rel="prev"]::after, .pagination-wrap .pagination li:first-child span::after { content: "Prev"; font-size: 0.75rem; font-family: 'Montserrat', sans-serif; letter-spacing: 0.5px; color: #202020; text-transform: uppercase; font-weight: 700; padding-left: 0.5rem; } .pagination-wrap .pagination li a[rel="prev"]::before, .pagination-wrap .pagination li:first-child span::before { content: "\e905"; font-size: 1.4rem; color: #B5842C; font-family: "mevillas"; transform: rotate(-180deg); } .pagination-wrap .pagination li a[rel="next"], .pagination-wrap .pagination li:last-child span { font-size: 0; display: flex; align-items: center; } .pagination-wrap .pagination li a[rel="next"]::before, .pagination-wrap .pagination li:last-child span::before { content: "Next"; font-size: 0.75rem; font-family: 'Montserrat', sans-serif; letter-spacing: 0.5px; color: #202020; text-transform: uppercase; font-weight: 700; padding-right: 0.5rem; } .pagination-wrap .pagination li a[rel="next"]::after, .pagination-wrap .pagination li:last-child span::after { content: "\e905"; font-size: 1.4rem; color: #B5842C; font-family: "mevillas"; } .pagination-wrap .pagination li.active > span { background-color: rgba(8, 73, 119, 0.2); color: #202020 !important; } .pagination-wrap .pagination li.disabled { display: none; } .slider-arrow { width: 3.125rem; height: 3.125rem; padding: 1rem; color: #B5842C; border: 1px solid; display: flex; justify-content: center; align-items: center; cursor: pointer; font-size: 1.5rem; } .slider-arrow--prev { margin-right: 1rem; transform: rotate(180deg); } .c-Dropdown { position: relative; } .c-Dropdown__content { position: absolute; z-index: 10; background-color: #FFFFFF; display: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); top: 105%; } .c-Dropdown .icon-arrow-down { transform-origin: center; display: inline-block; transition: transform 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); pointer-events: none; } .js--dropdown-open .c-Dropdown__content { display: block; } .js--dropdown-open .icon-arrow-down { transform: rotate(-180deg); transform-origin: center; } .page-post .fancybox-slide--image, .page-single .fancybox-slide--image { padding-top: 0; } @media (min-width: 1199px) { .page-post .fancybox-slide--image img, .page-single .fancybox-slide--image img { min-height: 100vh; } } .page-post .fancybox-slide--image .fancybox-content, .page-single .fancybox-slide--image .fancybox-content { display: block; } .page-post .fancybox-slide--video, .page-single .fancybox-slide--video { padding-top: 0; } @media (max-width: 567px) { .page-post .fancybox-slide--video, .page-single .fancybox-slide--video { padding: 0 !important; } } .page-post .fancybox-infobar, .page-single .fancybox-infobar { z-index: 99998; color: #FFFFFF; top: 0.25rem; } @media (min-width: 767px) { .page-post .fancybox-infobar, .page-single .fancybox-infobar { bottom: 10px; top: auto; font-size: 0.75rem; left: auto; right: 25px; } } .page-post .fancybox-content, .page-single .fancybox-content { margin-bottom: 0; } .page-post .fancybox-toolbar, .page-single .fancybox-toolbar { display: flex; } .page-post .fancybox-button, .page-single .fancybox-button { width: 55px; height: 55px; top: calc(50% - 27.5px); color: #202020; background-color: rgba(255, 255, 255, 0.7); } @media (min-width: 1199px) { .page-post .fancybox-button--zoom, .page-single .fancybox-button--zoom { display: none; } } .page-post .fancybox-button--close, .page-single .fancybox-button--close { display: flex; justify-content: center; align-items: center; } .page-post .fancybox-button--arrow_right, .page-single .fancybox-button--arrow_right { padding: 10px !important; } .page-post .fancybox-button--arrow_left, .page-single .fancybox-button--arrow_left { padding: 10px !important; } .page-post .fancybox-button--arrow_left i, .page-single .fancybox-button--arrow_left i { transform: rotate(180deg); } .page-post .fancybox-button i, .page-single .fancybox-button i { font-size: 1.6rem; } @media (min-width: 800px) { .page-post .fancybox-button, .page-single .fancybox-button { font-size: 1.4rem; } } @media (min-width: 1500px) { .page-post .fancybox-button i, .page-single .fancybox-button i { font-size: 1.1rem; } } .page-post .fancybox-button > div, .page-single .fancybox-button > div { background: transparent; padding: 0 !important; display: flex; justify-content: center; align-items: center; cursor: pointer; } @media (max-width: 3000px) { .page-post .fancybox-slide--video .fancybox-content, .page-single .fancybox-slide--video .fancybox-content { top: 0; } .page-post .fancybox-button, .page-single .fancybox-button { background-color: rgba(255, 255, 255, 0.7); } .page-post .fancybox-button--arrow_left, .page-single .fancybox-button--arrow_left, .page-post .fancybox-button--arrow_right, .page-single .fancybox-button--arrow_right { position: static; margin: 0; pointer-events: all; } .page-post .fancybox-bg, .page-single .fancybox-bg { background-color: #FFFFFF; opacity: 1; } .page-post .fancybox-infobar, .page-single .fancybox-infobar { top: 0.5rem; left: 0.5rem; } .page-post .fancybox-navigation, .page-single .fancybox-navigation { display: flex; position: absolute; bottom: 50%; width: 100%; justify-content: space-between; left: 0; z-index: 99999; pointer-events: none; } .page-post .fancybox-caption, .page-single .fancybox-caption { color: #202020; padding-bottom: 0.75rem; padding-top: 0.75rem; font-weight: 500; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.75); text-align: center; } .page-post .fancybox-caption::before, .page-single .fancybox-caption::before { content: none; } } @media (max-width: 600px), (min-width: 700px) and (max-width: 800px) and (orientation: portrait) { .page-post .fancybox-content, .page-single .fancybox-content { position: relative; } .page-post .fancybox-navigation, .page-single .fancybox-navigation { justify-content: center; bottom: 18vh; } .page-post .fancybox-button--arrow_left, .page-single .fancybox-button--arrow_left, .page-post .fancybox-button--arrow_right, .page-single .fancybox-button--arrow_right { margin: 0 1.5rem; } .page-post .fancybox-caption, .page-single .fancybox-caption { padding-bottom: 25px; } } .page-post .js--trigger-video, .page-single .js--trigger-video { bottom: 3rem; } @media (min-width: 1199px) { .page-single .fancybox-content { width: 100% !important; transform: none !important; } .page-single .fancybox-content .fancybox-image { object-fit: cover; width: 100%; } } .about__photos img { display: block; width: 100%; object-fit: cover; height: 350px; } @media (min-width: 1200px) { .about__photos img { height: 525px; object-fit: cover; } } .about__photos img:first-child { max-width: 300px; transform: translate(-2.5rem, 45%); display: none; } @media (min-width: 1200px) { .about__photos img:first-child { display: block; } } @media (min-width: 1500px) { .about__photos img:first-child { max-width: 500px; transform: translate(-4.5rem, 45%); } } @media (min-width: 1200px) { .about__photos img:last-child { max-width: 450px; } } .about__text p { margin-bottom: 1.5rem; } .about--alt .about__photos img:first-child { transform: translate(-2.5rem, 0); } @media (min-width: 1500px) { .about--alt .about__photos img:first-child { max-width: 500px; transform: translate(-4.5rem, 5%); } } @media (min-width: 1200px) { .about--alt .about__photos img:last-child { transform: translate(0, 30%); } } @media (min-width: 1200px) { .about--alt .about__text { transform: translate(0, 45%); } } .agent__box { position: relative; } .agent__box::after { content: ""; width: 130px; height: 90px; position: absolute; top: 0; right: 0; border-top: 1px solid #202020; border-right: 1px solid #202020; pointer-events: none; } .agent__box::before { content: ""; width: 130px; height: 90px; position: absolute; bottom: 0; left: 0; border-bottom: 1px solid #202020; border-left: 1px solid #202020; pointer-events: none; } @media (min-width: 567px) and (max-width: 1200px) { .team__boxes { padding-bottom: 250px; margin-bottom: -250px; white-space: nowrap; overflow: scroll; } } .team__box { background-color: #FFFFFF; } .team__box:nth-child(3) { margin-left: 1.5rem; } @media (min-width: 567px) { .team__box:nth-child(3) { margin-left: 0; transform: translateY(25%); } } .team__box:nth-child(2) { margin-top: -1px; margin-bottom: -1px; align-self: flex-end; margin-right: 1.5rem; } @media (min-width: 567px) { .team__box:nth-child(2) { transform: translateY(50%); margin: 0 -1px; } } .team__box:nth-child(4) { margin-top: -1px; margin-bottom: -1px; align-self: flex-end; } @media (min-width: 567px) { .team__box:nth-child(4) { transform: translateY(50%); margin: 0 -1px; } } .team__box:nth-child(5) { margin-top: -1px; margin-bottom: -1px; margin-left: 1.5rem; } @media (min-width: 567px) { .team__box:nth-child(5) { transform: translateY(25%); margin: 0 -1px; } } .team__box:nth-child(6) { margin-top: -1px; margin-bottom: -1px; align-self: flex-end; margin-right: 1.5rem; } @media (min-width: 567px) { .team__box:nth-child(6) { transform: translateY(75%); margin: 0 -1px; } } @media (min-width: 768px) and (max-width: 1200px) { .team__box { min-width: 30%; } } .team__box:nth-child(2), .team__box:nth-child(5) { position: relative; } .team__box:nth-child(2)::after, .team__box:nth-child(5)::after { content: ""; width: 130px; height: 90px; position: absolute; top: 0; right: 0; border-top: 1px solid #202020; border-right: 1px solid #202020; pointer-events: none; } .team__box:nth-child(2)::before, .team__box:nth-child(5)::before { content: ""; width: 130px; height: 90px; position: absolute; bottom: 0; left: 0; border-bottom: 1px solid #202020; border-left: 1px solid #202020; pointer-events: none; } .team__avatar { filter: grayscale(0.35) sepia(0.05) saturate(0.8); width: 100px; height: 100px; } .gallery { position: relative; } .gallery-slider { display: flex; font-size: 0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .gallery-slider::-webkit-scrollbar { display: none; } .gallery-slider img { margin-right: 1rem; width: auto; flex: 0 0 auto; height: 60vh; width: 100%; object-fit: cover; } @media (min-width: 567px) { .gallery-slider img { min-height: initial; object-fit: none; width: auto; height: auto; } } @media (min-width: 900px) { .gallery-slider img { max-height: calc(100vh - 250px); max-width: none; } } @media (min-width: 1200px) { .gallery-slider img { min-height: calc(100vh - 7rem); } } @media (min-width: 1399px) { .gallery-slider img { object-fit: cover; } } .gallery-slider__arrows { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; } .gallery .slider-arrow { width: 3.125rem; height: 3.125rem; padding: 1rem; color: #FFFFFF; border: 1px solid; font-size: 1.5rem; display: flex; justify-content: center; align-items: center; cursor: pointer; } .gallery .slider-arrow--next { margin-left: 1rem; } .gallery .slider-arrow--prev { margin-left: 1rem; transform: rotate(180deg); } .gallery.is--at-start .slider-arrow--prev { cursor: not-allowed; } .js--more-show { position: relative; max-height: 0; overflow: hidden; transition: max-height 0.5s ease; } .js--more-show--long { max-height: 30rem; } @media (min-width: 567px) { .js--more-show--long { max-height: 44rem; } } .js--more-show--short { max-height: 12rem; } .js--more-show--prices { max-height: 14.5rem; } @media (min-width: 567px) { .js--more-show--prices { max-height: 12.4rem; } } .js--more-show--categories { max-height: 60rem; position: relative; } .js--more-show--categories::after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 70%, #fff 100%); padding: 30px 0; height: 14rem; content: ""; width: 100%; position: absolute; bottom: -1.5rem; pointer-events: none; left: 0; z-index: 10; } @media (min-width: 567px) { .js--more-show--categories { max-height: 60rem; } } .js--more-show.opened { max-height: initial; } .js--more-show.opened::after { content: none; } .banner { top: 50%; z-index: 10; left: 0; height: 46px; line-height: 0; display: flex; justify-content: center; align-items: center; transform: translate(-48px, -100%) rotate(-90deg) scale(0.8); } @media (min-width: 567px) { .banner { transform: translate(-44px, -50%) rotate(-90deg) scale(1); } } @media (min-width: 1500px) { .banner { transform: translate(-39px, -50%) rotate(-90deg) scale(1.2); } } .banner a { font-size: 14px; padding: 7.5px 20px; } @media (min-width: 567px) { .banner a { font-size: 16px; } } .card--rental { transition: all 0.2s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .card--rental:hover { border-top-left-radius: 2rem; border-bottom-right-radius: 2rem; } .card__left { height: 15rem; } @media (min-width: 567px) { .card__left { height: 19rem; } } .card__left .card__image { height: 15rem; } @media (min-width: 567px) { .card__left .card__image img { height: 19rem; } } .card--simple .card__body::after { content: none; } .card--list .card { position: relative; } .card--list .card::after { content: ""; box-shadow: 0px 11px 30px -14px rgba(141, 194, 230, 0.5); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 5rem; z-index: -1; } .card--list .card__title { padding-right: 0.5rem; } .card--list .card__body::after { content: none; } @media (min-width: 567px) { .card--list .card__icons { transform: scale(1.35); transform-origin: top left; } } @media (min-width: 567px) { .card--list .card__tag { transform: scale(1.2); transform-origin: top left; } } .card__top { height: 15rem; } @media (min-width: 1099px) { .card__top { height: 15rem; } } .card__top--small { height: 14rem; } .card__top--small img { height: 14rem !important; } .card__top--tiny { height: 11rem; } .card__top--tiny img { height: 11rem !important; } .card__tag { background-color: #084977; pointer-events: none; } .card__tag-last-minute { background-color: #c60f3c; } .card__tag-first-minute { background-color: #c60f3c; } .card__tag-featured { background-color: #0bab31; } .card__tag-latest { background-color: #424f9d; } .card__badge { position: absolute; } .card__image { z-index: 1; width: 100%; display: block; } .card__image img { height: 15rem; width: 100%; object-fit: cover; } @media (min-width: 1099px) { .card__image img { height: 15rem; } } .card__header { z-index: 2; pointer-events: none; } .card__title { white-space: normal; } .card__price { color: #202020; } .card__body { position: relative; background-color: #FFFFFF; } .card__body::after { content: ""; box-shadow: 0px 11px 30px -14px rgba(141, 194, 230, 0.5); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 5rem; z-index: -1; } .card__icons { transform: translateY(50%); } .card__icon { border-radius: 50%; background-color: #FFFFFF; width: 2.5rem; height: 2.5rem; margin-left: 0.25rem; } .card--post .card__body::after { content: ""; box-shadow: 0px 5px 30px -14px rgba(141, 194, 230, 0.5); bottom: 1rem; transform: translateX(-50%); width: 80%; height: 5rem; z-index: 0; pointer-events: none; } .card .gradient-dark--white::before { transition: opacity 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .card:hover .gradient-dark--white::before, .card:focus .gradient-dark--white::before { opacity: 0.65; } @media (min-width: 567px) { .page-blog--list-view .blog__list .sm\:w-1\/3 { width: 100%; } .page-blog--list-view .blog__list .card--post { display: flex; position: relative; margin-bottom: 2rem; } .page-blog--list-view .blog__list .card--post::after { content: ""; box-shadow: 0px 11px 30px -14px rgba(141, 194, 230, 0.5); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 5rem; z-index: -1; } .page-blog--list-view .blog__list .card--post .card__top { height: 15rem; margin-bottom: 1.5rem; } .page-blog--list-view .blog__list .card--post .card__top img { height: 15rem; } .page-blog--list-view .blog__list .card--post .card__body { padding-top: 2rem; padding-bottom: 3rem; padding-left: 3rem; } .page-blog--list-view .blog__list .card--post .card__body .card__title { font-size: 1.35rem; max-width: 500px; } .page-blog--list-view .blog__list .card--post .card__body::after { content: none; } .page-blog--list-view .blog__list .card--post .card__top { width: 40%; } .page-blog--list-view .blog__list .card--post .card__body { width: 60%; } } .categories__wrap { margin-left: -0.25rem; margin-right: -0.25rem; } @media (min-width: 567px) { .categories__wrap { display: flex; flex-wrap: wrap; } } .categories__item { min-width: 75vw; display: block; line-height: 0; white-space: normal; } @media (min-width: 567px) { .categories__item { width: 50%; min-width: initial; } } .categories__item:first-child { border-top-left-radius: 2rem; } .categories__item:first-child img { border-top-left-radius: 2rem; } .categories__item:last-child { border-bottom-right-radius: 2rem; } .categories__item:last-child .gradient-dark--bottom::before { border-bottom-right-radius: 2rem; } .categories__item:last-child img { border-bottom-right-radius: 2rem; } @media (min-width: 567px) { .categories__item:nth-child(1), .categories__item:nth-child(4), .categories__item:nth-child(5), .categories__item:nth-child(8) { width: 66.66665999999999%; } } @media (min-width: 567px) { .categories__item:nth-child(2), .categories__item:nth-child(3), .categories__item:nth-child(6), .categories__item:nth-child(7) { width: 33.33333%; } } .categories__item .gradient-dark--bottom::before { z-index: 2; opacity: 1; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .categories__item img { height: 14rem; width: 100%; object-fit: cover; } @media (min-width: 567px) { .categories__item img { height: 21rem; } } .categories__item:hover .gradient-dark--bottom::before, .categories__item:focus .gradient-dark--bottom::before { opacity: 0.75; background: linear-gradient(to bottom, rgba(8, 73, 119, 0) 50%, #084977 100%); } .categories__item .categories__hiddenText { position: absolute; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); transform: translateY(50%); } .categories__item:hover .categories__hiddenText, .categories__item:focus .categories__hiddenText { position: relative; visibility: visible; opacity: 1; transform: none; } @media (min-width: 567px) { .services__wrap { flex-wrap: wrap; display: flex; margin-left: -0.25rem; margin-right: -0.25rem; } } .services__image { line-height: 0; } .services__pill { width: 100%; display: block; } .services__pill:first-child { border-top-left-radius: 2rem; } .services__pill:first-child img { border-top-left-radius: 2rem; } .services__pill:last-child { border-bottom-right-radius: 2rem; } .services__pill:last-child .gradient-dark--bottom-long::before { border-bottom-right-radius: 2rem; } .services__pill:last-child img { border-bottom-right-radius: 2rem; } .services__pill img { height: 6.5rem; width: 100%; object-fit: cover; } .services__call { height: 2.5rem; padding: 0.5rem; width: 2.5rem; background-color: #B5842C; color: #FFFFFF; display: flex; justify-content: center; align-items: center; } .services__item { display: block; line-height: 0; } @media (min-width: 567px) { .services__item { width: 50%; min-width: initial; } } .services__item:first-child { border-top-left-radius: 2rem; } .services__item:first-child img { border-top-left-radius: 2rem; } .services__item:last-child { border-bottom-right-radius: 2rem; } .services__item:last-child .gradient-dark--bottom::before { border-bottom-right-radius: 2rem; } .services__item:last-child img { border-bottom-right-radius: 2rem; } @media (min-width: 567px) { .services__item:nth-child(1) { width: 66.66665999999999%; } } @media (min-width: 567px) { .services__item:nth-child(2) { width: 33.33333%; } } @media (min-width: 567px) { .services__item:nth-child(3) { width: 33.33333%; } } @media (min-width: 567px) { .services__item:nth-child(4) { width: 66.66665999999999%; } } .services__item .gradient-dark--bottom::before { z-index: 2; opacity: 1; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .services__item img { height: 14rem; width: 100%; object-fit: cover; } @media (min-width: 567px) { .services__item img { height: 21rem; } } .services__item:hover .gradient-dark--bottom::before, .services__item:focus .gradient-dark--bottom::before { opacity: 0.75; background: linear-gradient(to bottom, rgba(8, 73, 119, 0) 50%, #084977 100%); } .services__item .services__hiddenText { position: absolute; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); transform: translateY(50%); } .services__item:hover .services__hiddenText, .services__item:focus .services__hiddenText { position: relative; visibility: visible; opacity: 1; transform: none; } .services__square { display: block; line-height: 0; overflow: hidden; } @media (min-width: 567px) { .services__square { width: 50%; min-width: initial; } } @media (min-width: 567px) { .services__square--long { width: 33.33333333%; min-width: initial; } } .services__square:first-child { border-top-left-radius: 2rem; } .services__square:first-child img { border-top-left-radius: 2rem; } .services__square:last-child { border-bottom-right-radius: 2rem; } .services__square:last-child .gradient-dark--bottom::before { border-bottom-right-radius: 2rem; } .services__square:last-child img { border-bottom-right-radius: 2rem; } .services__square .gradient-dark--bottom::before { z-index: 2; opacity: 1; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .services__square img { height: 12rem; width: 100%; object-fit: cover; } @media (min-width: 800px) { .services__square img { height: 17rem; } } .services__square:hover .gradient-dark--bottom::before, .services__square:focus .gradient-dark--bottom::before { opacity: 0.75; background: linear-gradient(to bottom, rgba(8, 73, 119, 0) 50%, #084977 100%); } @media (min-width: 1099px) { .services__square .services__hiddenText { position: absolute; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); transform: translateY(50%); } } .services__square:hover .services__hiddenText, .services__square:focus .services__hiddenText { position: relative; visibility: visible; opacity: 1; transform: none; } .services__card { display: block; line-height: 0; } .services__card .gradient-dark--bottom::before { z-index: 2; opacity: 1; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .services__card img { height: 14rem; width: 100%; object-fit: cover; } @media (min-width: 567px) { .services__card img { height: 18rem; } } .services__card:hover .gradient-dark--bottom::before, .services__card:focus .gradient-dark--bottom::before { opacity: 0.75; background: linear-gradient(to bottom, rgba(8, 73, 119, 0) 50%, #084977 100%); } @media (min-width: 1099px) { .services__card .services__hiddenText { position: absolute; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); transform: translateY(50%); } } .services__card:hover .services__hiddenText, .services__card:focus .services__hiddenText { position: relative; visibility: visible; opacity: 1; transform: none; } .services__body { position: relative; background-color: #FFFFFF; min-height: 5rem; } .services__body::after { content: ""; position: absolute; left: 50%; box-shadow: 0px 5px 30px -14px rgba(141, 194, 230, 0.5); bottom: 1rem; transform: translateX(-50%); width: 80%; pointer-events: none; height: 5rem; z-index: 0; } .instagram__wrap { display: flex; margin-left: -0.25rem; margin-right: -0.25rem; } .instagram__item { display: block; line-height: 0; white-space: normal; width: 100%; } .instagram__item:first-child { border-top-left-radius: 2rem; } .instagram__item:first-child img { border-top-left-radius: 2rem; } .instagram__item:last-child { border-bottom-right-radius: 2rem; } .instagram__item:last-child .gradient-accent::before { border-bottom-right-radius: 2rem; } .instagram__item:last-child img { border-bottom-right-radius: 2rem; } @media (max-width: 567px) { .instagram__item:nth-child(3) { border-bottom-right-radius: 2rem; } .instagram__item:nth-child(3) .gradient-accent::before { border-bottom-right-radius: 2rem; } .instagram__item:nth-child(3) img { border-bottom-right-radius: 2rem; } .instagram__item:nth-child(n+4) { display: none; } } .instagram__item .gradient-accent::before { z-index: 2; opacity: 0; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .instagram__item img { height: 9rem; width: 100%; object-fit: cover; } @media (min-width: 567px) { .instagram__item img { height: 15rem; } } .instagram__item:hover .gradient-accent::before, .instagram__item:focus .gradient-accent::before { opacity: 1; } .instagram__item .instagram__hiddenText { position: absolute; left: 50%; top: 50%; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); transform: translate(-50%, -25%); } .instagram__item:hover .instagram__hiddenText, .instagram__item:focus .instagram__hiddenText { visibility: visible; opacity: 1; transform: translate(-50%, -50%); } .service-card { height: 23.75rem; position: relative; } .service-card .image-overlay { position: absolute; height: 100%; width: 100%; } .service-card img { position: absolute; height: 100%; width: 100%; object-fit: cover; top: 0; left: 0; } .service-card h3 { z-index: 1; } .service__image img { max-height: 15rem; width: 100%; object-fit: cover; } @media (min-width: 567px) { .service__image img { height: 20rem; max-height: 20rem; } } .home-hero { min-height: 100vh; } .home-hero__image { position: absolute; height: 100%; width: 100%; object-fit: cover; object-position: center; animation: kenburns 25s infinite; } .home-hero__footer { position: absolute; } @keyframes kenburns { 0% { transform: none; } 100% { transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, -10px, 0px); animation-timing-function: ease-in; opacity: 1; } } #ajax-map { width: 100%; height: calc(100vh - 150px); display: block; } .single-map .pin #path-2, .rentals__map .pin #path-2, .single-map .pin #oval, .rentals__map .pin #oval { fill: #B5842C; } .single-map .pin__icon, .rentals__map .pin__icon { color: #FFFFFF; } .favoriteAdded .icon-hearth-alt::before { content: "\e928"; } .favoriteAdded .icon-hearth { color: #B5842C; } .favoriteAdded .icon-hearth::before { content: "\e927"; } .leaflet-control-layers-toggle { background-image: url('../themes/montenegrovillas/assets/icons/layers.png'); } /* * Clusterer */ .pin { color: #202020; height: 59px; margin-left: -24px; margin-top: -59px; overflow: hidden; position: relative; width: 48px; } .page-single .pin { margin-top: -32px; } .card__pin svg { display: block; } .pin__icon img, .pin__icon svg { margin: 0 !important; max-height: 36px; max-width: 36px; min-height: 32px; min-width: 32px; } .pin__icon img, .pin__icon svg { left: 0; position: absolute; top: 2px; transform: translate(-50%, -50%); } .marker-cluster, .pin__icon { color: #202020; } .pin__icon { color: #202020; left: 50%; position: absolute; top: 38%; transform: scale(0.85); } .pin #selected { transition: fill 0.2s ease-out; fill: white; } .pin--selected #selected { fill: #B5842C; } .marker-cluster { color: #B5842C; font-size: 18px; font-weight: bold; height: 62px !important; margin-left: -25px !important; margin-top: -62px !important; text-align: center; width: 50px !important; } .marker-cluster span { left: 0; position: absolute; top: 40%; transform: translate(0, -50%); width: 100%; } .leaflet-popup-content-wrapper { border-radius: 0px!important; } .popup__content { padding: 0.5rem 0.75rem 0.75rem; text-align: center; } .popup__title { font-size: 0.95rem; font-weight: 600; margin-bottom: 0; } .popup__image { background-size: cover; position: relative; } .popup__image img { object-fit: cover; } .popup__image:after { content: ""; display: block; padding-top: 60%; } .popup__image { position: relative; } .popup__image .heart { display: none; } .popup { position: absolute; height: 100%; width: 100%; } .popup__address { font-size: 0.75rem; margin-top: 0.5rem; color: #474747; } .popup__address .text-xl { font-size: 1.15rem; } .popup__address .amount { font-size: 1.1rem; } .popup__address sup { font-size: 60%; } .popup__address ins { text-decoration: none; } @media (min-width: 567px) { .flatpickr-calendar.multiMonth .flatpickr-month, .flatpickr-calendar.multiMonth .flatpickr-weekdaycontainer, .flatpickr-calendar.multiMonth .dayContainer { padding-right: 0.5rem; padding-left: 0.5rem; } } @media (min-width: 1199px) { .flatpickr-calendar.multiMonth .dayContainer { padding-bottom: 0.75rem; } } @media (min-width: 567px) { .rental-availability .flatpickr-calendar .flatpickr-month, .rental-availability .flatpickr-calendar .flatpickr-weekdaycontainer, .rental-availability .flatpickr-calendar .dayContainer { padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 1099px) { .rental-availability .flatpickr-calendar { transform: scale(1.15); margin: 2rem auto 0; transform-origin: center left; } } @media (min-width: 1500px) { .rental-availability .flatpickr-calendar { transform: scale(0.95); margin: 0rem auto; } } @media (min-width: 1700px) { .rental-availability .flatpickr-calendar { transform: scale(1.05); margin: 1rem auto 0; } } @media (min-width: 567px) { .rental-availability .flatpickr-calendar .flatpickr-prev-month { left: 1rem!important; } } @media (min-width: 567px) { .rental-availability .flatpickr-calendar .flatpickr-next-month { right: 1rem!important; } } @media (min-width: 350px) and (max-width: 567px) { .rental-availability .flatpickr-wrapper { margin-left: 0.75rem; } } .flatpickr-calendar { border-radius: 0; } .flatpickr-calendar .dayContainer + .dayContainer { box-shadow: none; } .flatpickr-calendar .flatpickr-next-month, .flatpickr-calendar .flatpickr-prev-month { top: 0.5rem; font-size: 0; height: 1.25rem; width: 1.25rem; border-radius: 50%; line-height: 0px; cursor: pointer; background: #B5842C; display: flex; justify-content: center; align-items: center; } .flatpickr-calendar .flatpickr-next-month.disabled, .flatpickr-calendar .flatpickr-prev-month.disabled { display: flex; opacity: 0.5; background: #FFFFFF; } .flatpickr-calendar .flatpickr-next-month.disabled i, .flatpickr-calendar .flatpickr-prev-month.disabled i { color: #084977; } .flatpickr-calendar .flatpickr-next-month i, .flatpickr-calendar .flatpickr-prev-month i { font-size: 0.6rem; line-height: 1; opacity: 1; color: #FFFFFF; } .flatpickr-calendar .flatpickr-prev-month { left: 0.5rem !important; } .flatpickr-calendar .flatpickr-next-month { right: 0.5rem !important; } .flatpickr-calendar .flatpickr-weekdays { height: 2.5rem; overflow: visible; } .flatpickr-calendar .flatpickr-weekdaycontainer .flatpickr-weekday { color: #084977; font-weight: 700; text-transform: initial; letter-spacing: 0; font-size: 0.675rem; padding: 0.75rem 0; margin-bottom: 0; background-color: #F5F8FA; } .flatpickr-calendar .flatpickr-weekdaycontainer .flatpickr-weekday:first-child { border-top-left-radius: 0.5rem !important; } .flatpickr-calendar .flatpickr-weekdaycontainer .flatpickr-weekday:last-child { border-bottom-right-radius: 0.5rem !important; } .flatpickr-calendar.inline { min-height: 300px; box-shadow: none; } .flatpickr-calendar.inline.arrowTop:before { content: none; } .flatpickr-calendar .flatpickr-months { padding-bottom: 10px; } .flatpickr-calendar .flatpickr-month { text-align: center; color: #202020; font-weight: 500; } .flatpickr-calendar .flatpickr-month .cur-month { padding-left: 1.5rem; } .flatpickr-calendar .flatpickr-weekday { font-weight: 500; font-size: 0.65rem; color: #202020; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.25rem; } .flatpickr-calendar .flatpickr-current-month { font-size: 1.25rem; font-family: 'ActaHeadline', serif; } .flatpickr-calendar .flatpickr-current-month .cur-year, .flatpickr-calendar .flatpickr-current-month .cur-month { font-weight: 700; margin: 0; } .flatpickr-calendar .flatpickr-day { line-height: 40px; color: #202020; border-radius: 0 !important; border: 0; font-size: 1rem; box-shadow: none !important; touch-action: manipulation; margin-top: 0px; font-weight: 400; cursor: not-allowed; max-width: initial; } @media (min-width: 567px) { .flatpickr-calendar .flatpickr-day { font-size: 0.875rem; } } @media (min-width: 768px) { .flatpickr-calendar .flatpickr-day { height: 40px; line-height: 40px; max-width: 43.9px; } } .flatpickr-calendar .flatpickr-day.changeover { color: #202020; font-weight: 700; cursor: pointer; pointer-events: all; text-decoration: underline; } .flatpickr-calendar .flatpickr-day.special { position: relative; color: #0bab31; } .flatpickr-calendar .flatpickr-day.special::after { content: attr(data-discount); font-size: 0.65rem; border-radius: 50%; color: currentColor; font-weight: 400; position: absolute; top: 0.8rem; left: 50%; transform: translateX(-50%); } .flatpickr-calendar .flatpickr-day:not(.changeover):not(.disabled):not(.notAllowed):not(.inRange) { font-weight: 400; color: rgba(32, 32, 32, 0.7); } .flatpickr-calendar .flatpickr-day.notAllowed { color: rgba(32, 32, 32, 0.5); } .flatpickr-calendar .flatpickr-day:not(.disabled):not(.notAllowed):hover { background: rgba(181, 132, 44, 0.8) !important; font-weight: 700; color: #FFFFFF; border-bottom-right-radius: 0.5rem !important; border-top-left-radius: 0.5rem !important; } .flatpickr-calendar .flatpickr-day.startRange { border-top-left-radius: 0.5rem !important; } .flatpickr-calendar .flatpickr-day.endRange { border-bottom-right-radius: 0.5rem !important; } .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.endRange, .flatpickr-calendar .flatpickr-day.selected.inRange, .flatpickr-calendar .flatpickr-day.selected:focus, .flatpickr-calendar .flatpickr-day.selected:hover, .flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { background: #B5842C !important; color: #FFFFFF !important; } .flatpickr-calendar .flatpickr-day.selected.startRange.endRange { background: #B5842C; color: #FFFFFF; } .flatpickr-calendar .flatpickr-day.inRange { box-shadow: none; background-color: #B5842C; color: #FFFFFF; } .flatpickr-calendar .flatpickr-day.disabled, .flatpickr-calendar .flatpickr-day.disabled:hover { color: rgba(32, 32, 32, 0.5); font-weight: 500; pointer-events: none; background-color: #F5F8FA; } .flatpickr-calendar .flatpickr-day.nextMonthDay, .flatpickr-calendar .flatpickr-day.prevMonthDay { visibility: hidden; opacity: 0; pointer-events: none; } .flatpickr-calendar .flatpickr-day.today { background: #084977 !important; color: #FFFFFF !important; border-bottom-right-radius: 0.5rem !important; border-top-left-radius: 0.5rem !important; } .flatpickr-day.inRange + .flatpickr-day:not(.endRange):not(.selected):not(.inRange) { background: #B5842C; color: #FFFFFF; } .flatpickr-day.disabled + .flatpickr-day:not(.disabled):not(.selected) { background: linear-gradient(to bottom right, #F5F8FA 0%, #F5F8FA 50%, transparent 50%, transparent 100%); } .flatpickr-day:not(.disabled) + .flatpickr-day.disabled { cursor: pointer; font-weight: 400; opacity: 1; pointer-events: all !important; background: linear-gradient(to bottom right, transparent 0%, transparent 50%, #F5F8FA 50%, #F5F8FA 100%); } .flatpickr-day:not(.disabled) + .flatpickr-day.disabled.changeover { color: #202020; font-weight: 700; } .flatpickr-day:not(.disabled) + .flatpickr-day.disabled:hover, .flatpickr-day:not(.disabled) + .flatpickr-day.disabled:focus { background: rgba(181, 132, 44, 0.8) !important; font-weight: 500; color: #FFFFFF; border-bottom-right-radius: 0.5rem !important; border-top-left-radius: 0.5rem !important; } .c-featureList__wrap { overflow: auto; } .c-featureList__icon { width: 5rem; height: 5rem; } .c-featureList__item { min-width: 39vw; } .c-featureList__item > div { transition: all 0.2s cubic-bezier(0.47, 0.17, 0.17, 0.58); } @media (min-width: 567px) { .c-featureList__item { min-width: initial; } } .c-featureList__item:hover > div { transform: scale(1.15); } .c-navPills { overflow: auto; } .c-navPills__item.active { color: #B5842C; } .c-cardSlider .slick-prev, .c-imageSlider .slick-prev, .c-cardSlider .slick-next, .c-imageSlider .slick-next { position: absolute; display: block; height: 1.5rem; width: 1.5rem; padding: 0.5rem; border-radius: 50%; line-height: 0px; font-size: 0px; cursor: pointer; background: #B5842C; color: #FFFFFF; top: calc(50% - 2.5rem); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .c-cardSlider .slick-prev:hover, .c-imageSlider .slick-prev:hover, .c-cardSlider .slick-next:hover, .c-imageSlider .slick-next:hover, .c-cardSlider .slick-prev:focus, .c-imageSlider .slick-prev:focus, .c-cardSlider .slick-next:focus, .c-imageSlider .slick-next:focus { outline: none; background: #ca9331; color: #FFFFFF; } .c-cardSlider .slick-prev:hover:before, .c-imageSlider .slick-prev:hover:before, .c-cardSlider .slick-next:hover:before, .c-imageSlider .slick-next:hover:before, .c-cardSlider .slick-prev:focus:before, .c-imageSlider .slick-prev:focus:before, .c-cardSlider .slick-next:focus:before, .c-imageSlider .slick-next:focus:before { opacity: 0.85; } .c-cardSlider .slick-prev.slick-disabled, .c-imageSlider .slick-prev.slick-disabled, .c-cardSlider .slick-next.slick-disabled, .c-imageSlider .slick-next.slick-disabled { opacity: 0.5; background: #FFFFFF; color: #084977; } .c-cardSlider--tight .slick-dots, .c-imageSlider--tight .slick-dots { bottom: -2rem; } .c-cardSlider--tight .slick-next, .c-imageSlider--tight .slick-next { right: -1.5rem; } .c-cardSlider--tight .slick-prev, .c-imageSlider--tight .slick-prev { left: -1.5rem; } @media (max-width: 567px) { .c-cardSlider .slick-slide, .c-imageSlider .slick-slide { transition: opacity 0.5s ease; } .c-cardSlider .slick-slide:not(.slick-current), .c-imageSlider .slick-slide:not(.slick-current) { opacity: 0.3; } } .slick-prev:before, .slick-next:before { font-size: 0.75rem; line-height: 1; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'mevillas'; } .slick-prev { left: -2.5rem; } .slick-prev::before { content: "\e916"; } .slick-next { right: -2.5rem; } .slick-next::before { content: "\e917"; } /* Dots */ .slick-dotted .slick-slider { margin-bottom: 1rem; } .slick-dots { position: absolute; bottom: -1rem; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } @media (min-width: 567px) { .slick-dots { bottom: -1.5rem; } } .slick-dots li { position: relative; display: inline-block; height: 1rem; width: 1rem; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 1rem; width: 1rem; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 0.5; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "◆"; width: 1rem; height: 1rem; font-size: 1.25rem; line-height: 1rem; text-align: center; color: rgba(8, 73, 119, 0.5); opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #084977; opacity: 1; } .c-imageSlider { height: initial!important; } .c-imageSlider .slick-next, .c-imageSlider .slick-prev { box-shadow: none; background: transparent!important; } .c-imageSlider .slick-next.slick-disabled, .c-imageSlider .slick-prev.slick-disabled { color: #FFFFFF; } .c-imageSlider .slick-next::before, .c-imageSlider .slick-prev::before { font-size: 1.25rem; } .c-imageSlider .slick-next { right: 1.5rem; z-index: 1; } .c-imageSlider .slick-prev { left: 1.5rem; z-index: 1; } .c-partner__cta { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); } .accordion { cursor: pointer; width: 100%; border: none; outline: none; } .accordion.active .accordion__label-open { display: none; } .accordion.active .accordion__label-close { display: inline!important; } .accordion.active .accordion__arrow { transform: rotate(-180deg); transform-origin: center; } .panel { max-height: 0; overflow: hidden; padding: 0; } .accordion.active + .panel::not(.panel-nopadding) { padding-top: 0.5rem; } .rentals__faq .accordion { padding: 0.75rem 0; border-bottom: 1px solid #eeeeee; } .rentals__faq .accordion.active .accordion__arrow { color: #B5842C; } .reviews--translated { margin-bottom: 11rem; } .reviews--translated .reviews__list { margin-top: -11rem; min-height: 10rem; position: relative; transform: translateY(11rem); } .reviews .pill { width: 1.25rem; height: 0.65rem; margin-right: 0.5rem; } .reviews .pill-full { background-color: #B5842C; } .reviews .pill-empty { background-color: rgba(181, 132, 44, 0.2); } .reviews__aggregate--sm .pill { transform: scale(0.8); transform-origin: left; margin-right: 0.15rem; } .review__content { word-break: break-word; } body.modal-open { overflow: hidden; } .modal { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; background-color: #000; background-color: rgba(0, 0, 0, 0.75); visibility: hidden; pointer-events: none; z-index: -1; opacity: 0; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .modal__close { position: absolute; top: 1.5rem; right: 1.5rem; color: #c7c7c7; height: 2.05rem; width: 2.05rem; line-height: 1.875rem; font-size: 0.875rem; text-align: center; border: 2px solid; border-radius: 50%; transition: color 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .modal__close:hover, .modal__close:focus { color: #000; cursor: pointer; } .modal__window { position: relative; background-color: #FFFFFF; width: 95%; margin: 1rem auto; padding: 3rem 1.5rem 3rem; transform: scale(0); opacity: 0; transition: all ease 0.4s; } @media (min-width: 567px) { .modal__window { padding: 3rem; width: 50%; margin: 3rem auto; } .modal__window--sm { max-width: 25rem; } } @media (min-width: 567px) { .modal__window--lg { width: 65%; max-width: 50rem; } } @media (min-width: 567px) { .modal__window--xl { width: 85%; max-width: 75rem; } } .modal.open { display: block; visibility: visible!important; pointer-events: all; z-index: 9999; opacity: 1; } .modal.open .modal__window { transform: scale(1); opacity: 1; } .c-bannerBadge { background-color: #F5F8FA; } .c-bannerBadge a { color: #084977; font-weight: 700; text-decoration: underline; } .tooltip { position: relative; } .tooltip__text { visibility: hidden; background-color: #FFFFFF; color: #202020; text-align: center; font-size: 0.675rem; padding: 0.5rem; font-weight: 700; position: absolute; z-index: 1; bottom: 130%; left: 50%; width: 7rem; margin-left: -3.5rem; opacity: 0; transition: opacity 0.3s; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); } .tooltip__text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -0.4rem; border-width: 0.4rem; border-style: solid; border-color: #FFFFFF transparent transparent transparent; } .tooltip:hover .tooltip__text { visibility: visible; opacity: 1; } .c-socialsFollow a { width: 2.15rem; height: 2.15rem; margin-right: 0.75rem; display: flex; align-items: center; justify-content: center; text-align: center; color: #202020; background-color: #474747; border-radius: 50%; font-size: 1.65rem; } .c-socialsFollow a:hover, .c-socialsFollow a:focus { color: #202020 !important; background-color: #B5842C; } .c-socialsShare a { width: 2.25rem; height: 2.25rem; margin-right: 0 0.25rem; display: flex; align-items: center; justify-content: center; text-align: center; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); color: #c7c7c7; font-size: 2rem; } @media (min-width: 567px) { .c-socialsShare a { font-size: 1.75rem; } } .c-socialsShare a:hover, .c-socialsShare a:focus { color: #B5842C; } .c-socialsShare--small a { width: 2rem; height: 1.5rem; font-size: 1.5rem; margin-right: 0.5rem; } @media (min-width: 567px) { .c-socialsShare--small a { width: 1.75rem; height: 1.35rem; } } .c-socialsShare--color a { width: auto; height: 2.25rem; margin-right: 1rem; margin-bottom: 0.75rem; transition: transform 0.2s cubic-bezier(0.47, 0.17, 0.17, 0.58); will-change: transform; } .c-socialsShare--color a:hover { transform: scale(1.15); } @media (min-width: 567px) { .c-socialsShare--color a { margin-bottom: 0; } } .c-socialsShare--color a img { height: 2.25rem; width: auto; } .c-agentBox { flex-direction: column; max-width: 25rem; } @media (min-width: 567px) { .c-agentBox { max-width: initial; border-top: 1px solid #eeeeee; } } @media (min-width: 567px) { .c-agentBox--long { flex-direction: row; } } .c-agentBox__avatar { max-width: 10rem; } .c-agentBox__body { text-align: center; } @media (min-width: 567px) { .c-agentBox__body { text-align: left; border-left: 1px solid #F5F8FA; } } .c-agentBox__socials a { opacity: 0.5; transition: opacity ease 0.3s; } .c-agentBox__socials a:hover { opacity: 1; } .modal .c-agentBox { box-shadow: none; background: none; padding: 0; border-top: 0; } .modal .c-agentBox__image { display: none; } .modal .c-agentBox__body { text-align: center!important; border-left: none; } .c-treeDropdown { position: absolute; bottom: -14.5rem; left: 1.75rem; z-index: 11; background-color: #FFFFFF; transition: all 0.2s cubic-bezier(0.47, 0.17, 0.17, 0.58); opacity: 0; pointer-events: none; transform: translateY(-1rem); } .c-treeDropdown .text-accent-light.active { color: #202020; } .c-treeDropdown button { color: #c7c7c7; border: 1px solid #eeeeee; padding: 0.4rem; margin-top: -0.15rem; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .c-treeDropdown button:hover { border: 1px solid #474747; color: #474747; } .c-treeDropdown button.active { color: #474747; } .c-treeDropdown .custom-checkbox { padding: 0; width: 0; min-height: 0; } .c-treeDropdown__row { width: 46rem; overflow: auto; } .c-treeDropdown__col { padding: 1.5rem 0.75rem 1.5rem 1.5rem; } .c-treeDropdown__col:nth-child(3) { background-color: #ebf1f5; } .c-treeDropdown__col:nth-child(2) { background-color: #F5F8FA; } .c-treeDropdown__list { height: 12rem; padding: 0.5rem 0; overflow: auto; } .c-treeDropdown__item { margin-bottom: 0.5rem; padding-bottom: 0.5rem; } .c-treeDropdown__item label { font-weight: 600; width: 75%; } .c-treeDropdown__areas .c-treeDropdown__item, .c-treeDropdown__settlments .c-treeDropdown__item { display: none; } .js--locations-show .c-treeDropdown { visibility: visible!important; pointer-events: all; opacity: 1; transform: none; } .js--back-top { visibility: hidden; pointer-events: none; opacity: 0; transform: translateY(200%); transition: all ease 0.5s; position: fixed; right: 25%; top: 0; display: flex; background: #FFFFFF; align-items: center; padding: 1rem; border-radius: 30px; box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.15); } .js--back-top i { transform-origin: center; transform: rotate(-90deg); color: #B5842C; width: 1.65rem; height: 1.65rem; border: 2px solid #B5842C; display: flex; justify-content: center; align-items: center; border-radius: 50%; } @media (max-width: 992px) { .js--back-top { display: none; } } .scrolled-window .js--back-top { visibility: visible; pointer-events: all; opacity: 1; transform: 0; } @media (max-width: 900px) { .page-guests-guest-portal .c-Dropdown__content--wide { display: none!important; } } .page-guests-guest-portal .list-reservations a, .page-guests-guest-portal .list-offers a { font-size: 1.25rem; padding: 1rem 0; border-bottom: 1px solid #eeeeee; color: #202020; display: block; margin: 0.5rem 0; } .section-portal__bottombar { background-color: #F5F8FA; position: fixed; bottom: 0; width: 100%; z-index: 999; left: 0; transition: all ease 0.5s; padding: 15px; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); } .page-guests-guest-portal .upload-button { display: none; } .page-guests-guest-portal .card__image .slick-next, .page-guests-guest-portal .card__image .slick-prev { top: 53%; } .fancybox-container { z-index: 99999999!important; font-family: sans-serif !important; } .guest-portal-modal { color: #474747; } @media (max-width: 767px) { .guest-portal-modal { zoom: 0.8; } } .guest-portal-modal a { color: #B5842C; } .guest-portal-modal .table td:first-child { font-weight: 600; text-transform: uppercase; width: 40%; } .guest-portal-modal .richText { font-weight: 400; font-size: 17px; margin-top: 15px; } .guest-portal-modal .richText ol, .guest-portal-modal .richText p, .guest-portal-modal .richText ul { font-weight: 400; font-size: 17px; margin-bottom: 15px; line-height: 1.6; } .guest-portal-modal .richText h2, .guest-portal-modal .richText h3, .guest-portal-modal .richText h4, .guest-portal-modal .richText h5, .guest-portal-modal .richText h6 { font-weight: 600; margin-top: 3rem; margin-bottom: 2rem; font-size: 20px; } .guest-portal-modal .richText table { width: 100%; margin-top: 1rem; margin-bottom: 1rem; } .guest-portal-modal .richText table td { padding: 5px 10px; } .guest-portal-modal .modal-gallery { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .guest-portal-modal .modal-gallery__image { width: 25%; padding: 5px; display: block; } .guest-portal-modal .modal-gallery__image img { width: 100%; height: 115px; object-fit: cover; } @media (max-width: 767px) { .guest-portal-modal .modal-gallery__image img { height: 70px; } } .guest-portal-modal .modal-gallery__image:first-child { width: 100%; } .guest-portal-modal .modal-gallery__image:first-child img { height: 300px; } @media (max-width: 767px) { .guest-portal-modal .modal-gallery__image:first-child img { height: 200px; } } body.messages-open { position: fixed; overflow: hidden; width: 100%; height: 100%; } body.messages-open .section-portal__messages { visibility: visible; opacity: 1; z-index: 100; pointer-events: all; transform: none; } .section-portal { font-weight: 400; } @media (max-width: 567px) { .section-portal { overflow: hidden; } } .section-portal #portal-agent { position: sticky; top: 5rem; z-index: -1; } .section-portal__messagesheader { padding: 1rem 1.5rem; position: fixed; top: 0; z-index: 1; justify-content: flex-end; background-color: #FFFFFF; width: 100%; left: 0; } .section-portal__messagesheader button { position: relative; color: #c7c7c7; height: 2.05rem; width: 2.05rem; line-height: 1.875rem; font-size: 0.875rem; border: 2px solid; border-radius: 50%; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .section-portal__messagesheader button:focus, .section-portal__messagesheader button:hover { color: #000; cursor: pointer; } @media (max-width: 800px) { .section-portal__messages { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: 0; z-index: -1; pointer-events: none; opacity: 0; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(5px) saturate(1.5); transition: opacity 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .section-portal__messages #portal-messages { max-height: calc(100vh - 275px); overflow: scroll; padding: 2.5rem 1.35rem 2rem; margin-top: 4.5rem; display: flex; flex-direction: column-reverse; } .section-portal__messages #portal-form { position: fixed; bottom: 0; left: 0; width: 100%; padding: 1.35rem; z-index: 1; } .section-portal__messages .message-item .content { box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15); } .section-portal__messages .message-item.owner .content { background: #FFFFFF !important; } .section-portal__messages .message-item--submit { margin-bottom: 0!important; } .section-portal__messages .message-item--submit::placeholder { opacity: 1!important; } .section-portal__messages .message-item__reply { resize: none; height: 2rem; transition: all 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .section-portal__messages .message-item__reply:focus { height: 16rem; } } .section-portal__toggle { position: fixed; bottom: 2rem; right: 1rem; z-index: 99; } @media (max-width: 992px) and (min-width: 768px) { .section-portal { padding-left: 60px; padding-right: 60px; } } .section-portal__nav .dropdown-backdrop { background-color: rgba(255, 255, 255, 0.7); z-index: 100; } .section-portal__nav .btn.dropdown-toggle { width: 100%!important; text-align: center; border-bottom: 0; display: flex; align-items: center; padding-left: 15px; padding-right: 15px; justify-content: space-between; padding: 12.5px 20px; font-size: 16px; margin: 5px 0!important; } @media (min-width: 768px) { .section-portal__nav .btn.dropdown-toggle { font-size: 1rem; margin: 0 0 7.5px !important; } } @media (min-width: 768px) { .section-portal__nav .btn.dropdown-toggle { padding-left: 30px; padding-right: 30px; } } .section-portal__nav .btn.dropdown-toggle.btn-blue { background-color: #084977; } .section-portal__nav .btn.dropdown-toggle.btn-green { background-color: #0bab31; color: #FFFFFF; } .section-portal__nav .btn.dropdown-toggle .fa-star { margin-right: 7.5px; } .section-portal__nav .btn-group { margin-top: 0!important; } .section-portal__nav .btn-group.open .btn.dropdown-toggle { z-index: 101; } .section-portal__nav .c-Dropdown__content { padding: 0; z-index: 10; width: calc(100% - 0.25rem); } @media (max-width: 767px) { .section-portal__nav .c-Dropdown__content { max-height: 550px; overflow: scroll; } } .section-portal__nav .c-Dropdown__content a { padding: 15px 45px 15px 25px; line-height: 1.25; font-size: 0.875rem; display: block; } .section-portal__nav .c-Dropdown__content a:hover { background-color: #f5f5f5; } .section-portal__nav .c-Dropdown__content a small { color: #474747; font-size: 90%; } @media (max-width: 767px) { .section-portal__nav .c-Dropdown__content a { font-size: 14px; } } .section-portal__nav .c-Dropdown__content li { border-bottom: 1px solid #edefec; } .section-portal hr { margin-top: 30px; margin-bottom: 30px; border-color: #ddd; } .section-portal .text-success { color: #2ecc71; } .section-portal .btn-lg { font-size: 16px; } .section-portal .btn-group { width: 100%; margin-top: 10px; display: flex; } .section-portal .btn-group .btn { width: 50%; height: initial; margin-top: 5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15px; white-space: unset; } .section-portal .btn-group .btn:first-child { margin-right: 7.5px; } .section-portal .btn-group .btn:last-child { margin-left: 7.5px; } .section-portal .alert { border-radius: 0; margin-top: 25px; margin-bottom: 12.5px; font-size: 0.875rem; padding: 12.5px 30px 12.5px 25px; } .section-portal .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .section-portal .text-uppercase { text-transform: uppercase; } .section-portal__header { display: flex; margin-bottom: 45px; } @media (min-width: 992px) { .section-portal__header { margin-bottom: 60px; } } .section-portal__header h1 { font-weight: 700; margin-bottom: 10px; text-transform: capitalize; } .section-portal__header strong { color: #202020; letter-spacing: 0.5px; } .section-portal__header p { margin-bottom: 0; font-weight: 300; } .section-portal__header p.lead { font-size: 22px; } .section-portal__customer h3 { font-weight: bold; font-size: 16px; text-transform: uppercase; } @media (min-width: 900px) { .section-portal__content { display: flex; flex-wrap: wrap; } } .section-portal__sidebar .inner { padding-top: 2rem; } @media (min-width: 768px) { .section-portal__sidebar .inner { box-shadow: 0 0 24px #e7f4fd; border: 2px solid rgba(8, 73, 119, 0.1); padding: 2rem; } } .section-portal__sidebar .inner--small { padding: 20px; min-height: 100px; } @media (min-width: 768px) { .section-portal__sidebar .inner--small { padding: 20px 20px 45px; } } @media (min-width: 800px) { .section-portal__messages { padding-left: 30px; } } .section-portal .message-item { margin-bottom: 20px; } @media (min-width: 768px) { .section-portal .message-item { margin-bottom: 30px; } } .section-portal .form-btns { margin-bottom: 30px; } .section-portal .read-more-button { color: rgba(71, 71, 71, 0.65); padding-top: 0.5rem; display: block; font-weight: 500; font-size: 0.875rem; } .section-portal .message-item .body .content { background-color: #FFFFFF; padding: 30px; position: relative; border: 2px solid rgba(8, 73, 119, 0.1); color: #333; min-height: 60px; font-size: 15px; } .section-portal .message-item .body .content img { max-width: 100%; } @media (max-width: 767px) { .section-portal .message-item .body .content { padding: 10px 15px; } } .section-portal .message-item .body .content ol, .section-portal .message-item .body .content p, .section-portal .message-item .body .content ul { color: #474747; font-size: 1rem; line-height: 1.55; font-weight: 400; margin-bottom: 1rem; } .section-portal .message-item .body .content ol, .section-portal .message-item .body .content ul { padding-left: 18px; } .section-portal .message-item .body .content em { text-decoration: underline; } .section-portal .message-item .body .content a { color: inherit; text-decoration: underline!important; word-break: break-all; } .section-portal .message-item .body .content a[href^="#"] { border: 2px solid rgba(181, 132, 44, 0.2); display: inline-block; padding: 0.5rem 1rem; text-transform: uppercase; font-size: 0.75rem; color: #474747; text-decoration: none!important; transition: all ease 0.4s; } .section-portal .message-item .body .content a[href^="#"]::after { content: "\e905"; font-family: 'mevillas' !important; padding-left: 0.5rem; font-size: 1.05rem; padding-top: 0.1rem; color: #B5842C; } .section-portal .message-item .body .content a[href^="#"]:hover, .section-portal .message-item .body .content a[href^="#"]:focus { background-color: #B5842C; color: #FFFFFF; } .section-portal .message-item .body .content a[href^="#"]:hover::after, .section-portal .message-item .body .content a[href^="#"]:focus::after { color: #FFFFFF; } .section-portal .message-item.owner .content p strong:first-child { display: block; margin-bottom: 1rem; } @media (min-width: 768px) { .section-portal .message-item.owner .content p strong:first-child { padding-right: 30px; font-size: 16px; } } .section-portal .message-item .avatar { padding: 0; position: relative; right: -5px; } .section-portal .message-item .image-photo { width: 60px; height: 60px; margin-top: 7.5px; margin-left: 0; border-radius: 50%; object-fit: contain; } @media (max-width: 767px) { .section-portal .message-item .image-photo { width: 50px; height: 50px; zoom: 0.6; margin-top: 10px; margin-left: 0; } } .section-portal .message-item .image-initials { width: 48px; text-transform: uppercase; height: 48px; margin-top: 7.5px; letter-spacing: -1px; font-weight: 700; font-size: 17px; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 40px; color: #fff; background-color: #084977; position: relative; left: -12.5px; } @media (max-width: 767px) { .section-portal .message-item .image-initials { zoom: 0.6; top: 5px; margin: 0; left: -20px; } } .section-portal .message-item.owner .content { background-color: rgba(8, 73, 119, 0.15); } .section-portal .message-item--submit .content { background-color: #FFFFFF !important; color: #FFFFFF !important; border-bottom: 0; } .section-portal .message-item--submit textarea { color: #474747; border: 0; width: 100%; font-size: 17px; line-height: 1.45; resize: vertical; font-weight: 400; } .section-portal .message-item--submit textarea::placeholder { opacity: 0.5; } @media (max-width: 767px) { .section-portal .message-item--submit textarea { min-width: 150px; font-size: 16px; } } .section-portal .message-item--submit footer { border-top: 0; position: relative; } .section-portal .message-item.notification { zoom: 0.85; } .section-portal .message-item.notification .content::after, .section-portal .message-item.notification .content::before { content: none; } .section-portal .message-item.notification .content { color: #FFFFFF; border: 0; } .section-portal .message-item.notification .content::after { content: ""; position: absolute; left: 0; top: 50%; height: 2px; background-color: #ddd; width: 100%; z-index: 0; border: 0; } .section-portal .message-item.notification .content p { color: #FFFFFF; max-width: 275px; margin-left: auto; margin-right: auto; text-transform: uppercase; text-align: center; font-weight: 500; padding-left: 15px; padding-right: 15px; font-size: 14px; letter-spacing: 0.5px; z-index: 1; position: relative; } @media (max-width: 767px) { .section-portal .message-item.notification .content p { font-size: 12px; } } .section-portal .message-item.notification .body { float: none !important; margin-left: auto; margin-right: auto; text-align: center; } .section-portal .message-item.notification .content .read { display: none; } .section-portal .message-meta { color: #c7c7c7; font-size: 12px; margin: 10px 0 0; } .section-portal .message-from { padding-left: 2.5px; } .section-portal .message-item p { margin: 0; } @media (max-width: 767px) { .section-portal .message-item.owner:not(.notification):not(.message-item--submit) .body .content { border-radius: 6px; border-top-right-radius: 0; } } @media (max-width: 767px) { .section-portal .message-item:not(.owner) .body .content { color: #FFFFFF; background-color: #084977; border-color: #084977; border-radius: 6px; border-top-left-radius: 0; } .section-portal .message-item:not(.owner) .body .content::after { border-color: transparent #084977 transparent transparent; } .section-portal .message-item:not(.owner) .body .content::before { border-color: transparent #084977 transparent transparent; } .section-portal .message-item:not(.owner) .body .content div, .section-portal .message-item:not(.owner) .body .content ol, .section-portal .message-item:not(.owner) .body .content p, .section-portal .message-item:not(.owner) .body .content pre, .section-portal .message-item:not(.owner) .body .content span, .section-portal .message-item:not(.owner) .body .content ul { color: #FFFFFF; } .section-portal .message-item:not(.owner) .body .content a { color: #FFFFFF; } .section-portal .message-item:not(.owner) .body .content .message-meta { color: #FFFFFF; } } .section-portal .message-item .body .content a { color: #B5842C; } .section-portal .message-item .body .content ul { list-style: disc; padding-left: 2rem; } .section-portal .message-item .body .content ol { list-style: decimal; padding-left: 2rem; } .section-portal .message-item .body .content .files a { word-break: break-all; } .portal-details { min-height: 100px; position: relative; } .portal-details .loader { transition: opacity 0.4s ease; position: absolute; top: 100px; left: calc(50%); transform: translate(-50%, -50%); z-index: 10; } .portal-details .loading-overlay { background-color: #FFFFFF; transition: opacity 0.4s ease; position: absolute; z-index: 9999; height: 100%; width: 100%; content: ""; top: 0; left: 0; pointer-events: none; display: none; } .portal-details__header { margin-bottom: 20px; } .portal-details__header h3 small { color: #474747; text-transform: uppercase; font-size: 15px; line-height: 1.5; letter-spacing: 1px; font-weight: 500; } .portal-details__voucher { margin-top: 1rem; } .portal-details__voucher .btn { text-transform: uppercase; font-weight: 600; margin-left: auto; margin-right: auto; } .portal-details__footer { margin-top: 30px; } .portal-details__footer .btn { font-size: 13px; } .portal-details__remark { display: block; font-weight: 600; } .portal-details__notes { padding-top: 15px; } .portal-details__notes a { color: #B5842C; } .portal-details__notes a:focus, .portal-details__notes a:hover { text-decoration: underline; } .portal-details__notes--intro { color: #474747; margin-bottom: 20px; padding-top: 0; font-size: 14px; line-height: 1.5; font-weight: 400; } .portal-details__notes--intro p { margin-bottom: 10px; font-size: 14px; font-weight: 400; line-height: 1.5; color: inherit; } .portal-details__note h5 { text-transform: uppercase; font-weight: 600; font-size: 13px; margin-top: 0; margin-bottom: 10px; } .portal-details__note .inner { color: #474747; } .portal-details__info { margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.5; font-weight: 400; display: flex; align-items: flex-start; } .portal-details__info--price strong { color: #202020; } .portal-details__info .text-danger, .portal-details__info h5 { text-transform: uppercase; font-weight: 600; font-size: 13px; margin-top: 0; margin-bottom: 0; } .portal-details__info .text-danger { color: #c60f3c; } .reservation-card { color: #202020; margin-bottom: 15px; display: flex; } .reservation-card__body { flex-basis: 70%; padding: 20px; } @media (max-width: 767px) { .reservation-card__body { flex-direction: column; } } .reservation-card__image { flex-basis: 30%; object-fit: cover; background-size: cover; background-repeat: no-repeat; } .reservation-card__title { color: #202020; margin-top: 0; line-height: 1.2; font-weight: 600; margin-bottom: 2.5px; } .reservation-card__location { opacity: 0.7; } .service-card { box-shadow: rgba(0, 0, 0, 0.039) 0 0 0.5px, rgba(0, 0, 0, 0.098) 0 6px 16px; margin-bottom: 15px; } .service-card--offer { margin-bottom: 30px!important; margin-top: 20px; } .service-card__body { display: flex; flex-direction: column; justify-content: space-between; } .service-card__image { height: 175px; object-fit: cover; width: 100%; } .service-card__body { color: #474747; padding: 20px; } .service-card__title { color: #202020; font-size: 22px; margin-top: 0; line-height: 1.2; font-weight: 600; margin-bottom: 2.5px; } .service-card p { font-size: 16px; margin-bottom: 0; } .service-card .btn { margin-top: 0.75rem; } .section-portal .rental-card { box-shadow: rgba(0, 0, 0, 0.039) 0 0 0.5px, rgba(0, 0, 0, 0.098) 0 6px 16px; margin-bottom: 15px; } .section-portal .rental-card .no-padding-left { padding-left: 0; } .section-portal .rental-card__photo { position: relative; } .section-portal .rental-card__photo img { width: 100%; height: 200px; object-fit: cover; } .section-portal .rental-card__badge { background-color: #c60f3c; color: #FFFFFF; top: 0; left: 0; position: absolute; margin: 15px; font-size: 17px; font-weight: 600; width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .section-portal .rental-card__icons { margin-top: 15px; margin-bottom: 15px; padding-right: 10px; padding-left: 10px; display: flex; align-items: center; justify-content: space-between; } .section-portal .rental-card__icon { flex: 0 0 1; text-align: center; text-transform: capitalize; padding-right: 0; margin-right: 0; } .section-portal .rental-card__icon i { padding-top: 0.5rem; font-size: 24px; } .section-portal .rental-card__title { font-weight: 500; font-size: 16px; } .section-portal .rental-card__title h3 { font-weight: 600; font-size: 24px; line-height: 26px; max-width: 240px; margin-bottom: 0; } .section-portal .rental-card__content { padding: 20px 20px 25px; } .section-portal .rental-card__price { font-size: 24px; margin-top: -5px; text-align: right; display: inline-block; line-height: 1; float: right; } .section-portal .rental-card__price .amount { color: #B5842C; font-weight: 600; } .section-portal .rental-card__price small { font-size: 14px; font-weight: 500; text-transform: capitalize; position: relative; top: -3px; } .section-portal .rental-card__cta { display: flex; justify-content: space-between; } .section-portal .rental-card__cta .btn { text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; margin: 0; width: 100%; max-width: 48%; } .page-booking .page-hero__header, .page-payment .page-hero__header, .page-pay .page-hero__header { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; padding-bottom: 4rem; } @media (min-width: 567px) { .page-booking .page-hero__header, .page-payment .page-hero__header, .page-pay .page-hero__header { bottom: 3rem; padding-bottom: 1rem; } } @media (min-width: 1099px) { .page-booking .page-hero__header, .page-payment .page-hero__header, .page-pay .page-hero__header { bottom: 3rem; } } .page-booking .form-control input::placeholder, .page-payment .form-control input::placeholder, .page-pay .form-control input::placeholder, .page-booking select::placeholder, .page-payment select::placeholder, .page-pay select::placeholder { opacity: 0.5; } .page-pay .booking__methods { display: none; } .summary { z-index: 10; transform: translateY(-35px); margin-bottom: -1.5rem; } @media (min-width: 567px) { .summary { transform: translateY(-50%); } } .page-booking-leave-review .br-wrapper { align-items: flex-start; } .page-booking-leave-review .br-wrapper .validate-message { margin-top: 0.5rem; } .page-booking-leave-review .br-wrapper label { margin-right: 1rem; } .page-booking-leave-review .br-theme-css-stars .br-widget { height: 28px; white-space: nowrap; } .page-booking-leave-review .br-theme-css-stars .br-widget a { text-decoration: none; height: 18px; width: 18px; float: left; font-size: 18px; margin-right: 10px; } .page-booking-leave-review .br-theme-css-stars .br-widget a:after { content: "\2605"; color: #d2d2d2; } .page-booking-leave-review .br-theme-css-stars .br-widget a.br-active:after { color: #EDB867; } .page-booking-leave-review .br-theme-css-stars .br-widget a.br-selected:after { color: #EDB867; } .page-booking-leave-review .br-theme-css-stars .br-widget .br-current-rating { display: none; } .page-booking-leave-review .br-theme-css-stars .br-readonly a { cursor: default; } @media print { .page-booking-leave-review .br-theme-css-stars .br-widget a:after { content: "\2606"; color: black; } .page-booking-leave-review .br-theme-css-stars .br-widget a.br-active:after, .page-booking-leave-review .br-theme-css-stars .br-widget a.br-selected:after { content: "\2605"; color: black; } } .cards-form__cards { width: 100%; min-height: 1.75rem; } .cards-form__cards a, .cards-form__cards span { display: block; padding: 0.25rem; margin: 0 0.25rem; } .cards-form__cards a:first-child img, .cards-form__cards span:first-child img { width: 2.5rem; } .cards-form__cards a img, .cards-form__cards span img { height: 34px; max-width: 90px; min-width: 40px; object-fit: contain; } .cards-form__input .form-control input { padding-left: 2.75rem; font-size: 0.875rem; font-family: sans-serif; } .cards-form__input .form-control input::placeholder { font-size: 0.75rem; } .cards-form__input .form-control input:focus, .cards-form__input .form-control input:hover { border-color: transparent; } #input-card, #input-cvv { height: 3.125rem; width: 100%; } #input-country { padding-left: 3.25rem; background-size: 1.5rem; background-position: 1rem 50%; background-repeat: no-repeat; } #input-CountryDialCode { padding-left: 3.25rem; background-size: 1.5rem; background-position: 1rem 50%; background-repeat: no-repeat; } .page-backoffice-orders .owners .nav-tabs { border-bottom: 1px solid #eeeeee; } .page-backoffice-orders .owners .nav-tabs a { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: transparent; } .page-backoffice-orders .owners .nav-tabs a.active { border-bottom-color: #202020; } @media (max-width: 567px) { .page-backoffice-orders .owners .nav-tabs a { text-transform: initial!important; letter-spacing: 0; } } .page-backoffice-orders .owners .flatpickr-input { font-size: 1.15rem; } .page-backoffice-orders .owners .form-control { min-height: 2.8rem; width: 100%; margin: 0; border-bottom: 1px solid #474747; } .page-backoffice-orders .owners .form-control::placeholder { color: #474747; } .page-backoffice-orders .owners .form-control#myInput { color: #474747; } .page-backoffice-orders .owners .table-responsive { padding: 0.5rem 0; } @media (min-width: 567px) { .page-backoffice-orders .owners .table-responsive { max-height: 34rem; min-height: 21rem; overflow: scroll; } } .page-backoffice-orders .owners .btn { margin-left: 2rem; } .page-backoffice-orders .owners .table { letter-spacing: 0.4px; } .page-backoffice-orders .owners .table tbody { color: #202020; font-size: 1rem; } .page-backoffice-orders .owners .table th:first-child { min-width: 130px; } .page-backoffice-orders .owners .table td, .page-backoffice-orders .owners .table th { padding: 0.75rem 0rem; vertical-align: middle; } .page-backoffice-orders .owners .table td { color: #474747; } .page-backoffice-orders .owners .table td:last-child { text-align: right; } #reservation-modal .modal-header { background-color: #FFFFFF; padding: 1rem 1.5rem 0; display: flex; justify-content: space-between; flex-direction: row-reverse; } #reservation-modal .modal-header .close { text-align: right; padding: 5px 10px; color: #202020; width: 20%; } #reservation-modal .modal-header .modal-title { width: 80%; } /* The Modal (background) */ .c-Modal { display: none; position: fixed; z-index: 10001; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000000; background-color: rgba(0, 0, 0, 0.7); } @media (min-width: 567px) { .c-Modal { padding-top: 4rem; padding-bottom: 4rem; } } .c-Modal__inner { background-color: #FFFFFF; padding: 2rem 1.5rem 3.5rem; margin: 1rem; width: calc(100% - 2rem); color: #202020; position: relative; } @media (min-width: 567px) { .c-Modal__inner { padding: 3rem 3.5rem 3.5rem; margin: 1rem auto; } } @media (min-width: 800px) { .c-Modal__inner { max-width: 50vw; } } .c-Modal__title { font-size: 1.45rem; margin-bottom: 1rem; font-weight: 500; font-family: 'ActaHeadline', serif; } .c-Modal__content { line-height: 1.5; } .c-Modal__text { margin-bottom: 1rem; font-size: 0.8125rem; padding-right: 2rem; } .c-Modal__close { position: absolute; top: 1.5rem; right: 1.5rem; color: #c7c7c7; height: 2.05rem; width: 2.05rem; line-height: 1.875rem; font-size: 0.875rem; text-align: center; border: 2px solid; border-radius: 50%; transition: color 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .c-Modal__close:hover, .c-Modal__close:focus { color: #000; cursor: pointer; } .list-cookies__actions { margin-top: 1rem; } .list-cookies .single-cookie { display: flex; flex-direction: row-reverse; padding: 1.5rem 0; border-top: 0.063rem solid #eeeeee; } .list-cookies .single-cookie .form-switch-label { transform: scale(1.4); } .list-cookies .single-cookie__label { font-weight: 700; font-size: 0.8125rem; margin-bottom: 1rem; display: block; } .list-cookies .single-cookie__switch { padding-left: 1rem; display: flex; align-items: center; flex-direction: column; } @media (min-width: 567px) { .list-cookies .single-cookie__switch { padding-left: 2rem; } } .list-cookies .single-cookie__switch--disabled { filter: grayscale(1); } .list-cookies .single-cookie__description { font-size: 0.8125rem; padding-right: 1rem; } @media (min-width: 567px) { .list-cookies .single-cookie__description { padding-right: 2rem; } } .btn--save { height: 3rem; padding: 0.75rem 1.5rem 0.65rem; border: 1px solid #B5842C; background-color: transparent; transition: all ease 0.3s; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1.5px; transition: color 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58); } .btn--save span { z-index: 1; position: relative; } .btn--save::before { content: ""; position: absolute; background-color: #B5842C; top: 0; bottom: 0; left: 0; right: 100%; transition: right 0.6s cubic-bezier(0.47, 0.17, 0.17, 0.58); } @media (min-width: 567px) { .btn--save:hover { color: #FFFFFF !important; background-color: transparent; } .btn--save:hover::before { right: 0; } } .c-CookiesBar { position: fixed; overflow: hidden; box-sizing: border-box; line-height: 1.5em; z-index: 9999; left: 0; right: 0; bottom: 0; opacity: 1; transition: opacity 1s ease; color: #202020; background-color: #FFFFFF; padding: 1.5rem; margin: 1rem; } @media (min-width: 567px) { .c-CookiesBar { padding: 3rem 1.5rem 3rem 2.5rem; max-width: 55rem; display: flex; align-items: center; left: auto; } } .c-CookiesBar__description { font-size: 0.8125rem; margin-bottom: 1rem; } @media (min-width: 567px) { .c-CookiesBar__description { margin-bottom: 0; } } .c-CookiesBar__btns { display: flex; } @media (min-width: 567px) { .c-CookiesBar__btns { margin-left: 1.5rem; } } .c-CookiesBar__btn + .c-CookiesBar__btn { border-left: none; } .c-CookiesBar__btn { width: 50%; } @media (min-width: 567px) { .c-CookiesBar__btn { width: auto; } } /* CHECKBOX TOGGLE SWITCH */ .form-switch { width: 2.5rem; line-height: 1.5; user-select: none; position: relative; } .form-switch-checkbox { display: none; } .form-switch-label { display: block; overflow: hidden; cursor: pointer; background-color: #474747; padding-bottom: 0; border: 0.063rem solid #FFFFFF; height: 1.45rem; border-radius: 9999px; transition: background-color 0.2s ease-in; -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .form-switch-label:before { top: 0.15rem; bottom: 0; position: absolute; display: block; background-color: #FFFFFF; width: 1rem; height: 1rem; border: 0.063rem solid #FFFFFF; margin-left: 0.25rem; margin-right: 0.25rem; border-radius: 50%; content: ""; } .form-switch-checkbox:checked + .form-switch-label { background-color: #0bab31; } .form-switch-checkbox:checked + .form-switch-label:before { right: 0; } .favoriteAdded .icon-heart::before { content: "\e929"; } .post__sidebar { top: 2rem; } .is--disabled { opacity: 0.5; cursor: not-allowed; } .js--spinner:after { content: none; display: inline-block; vertical-align: middle; margin-left: 0.4em; height: 1em; width: 1em; animation: oc-rotate-loader 0.8s infinite linear; border: 0.2em solid currentColor; border-right-color: transparent; border-radius: 50%; opacity: 0.5; filter: alpha(opacity=50); } .oc-loading .js--spinner:after { content: ''; } html[dir=rtl] .ltr-always { direction: ltr!important; display: inline-block; } html[dir=rtl] a[href^='tel:'] { direction: ltr; display: inline-block; } html[dir=rtl] .rental-hero__arrows { flex-direction: row-reverse; } html[dir=rtl] .rental-hero__arrows .icon-angle-right { transform: rotate(180deg); } @media (min-width: 576px) { html[dir=rtl] .sm\:pl-12 { padding-right: 3rem; padding-left: 0; } } html[dir=rtl] .c-Dropdown__content { right: auto; left: 0; } html[dir=rtl] .viewed-icon .viewed-count, html[dir=rtl] .favorites-icon .favorites-count { padding-right: 0.5rem; } html[dir=rtl] .mr-2 { margin-right: 0; margin-left: 0.5rem; } html[dir=rtl] .list-custom li { padding-right: 0; padding-left: 1rem; } @media (min-width: 567px) { html[dir=rtl] .list-custom li { padding-left: 2rem; } } @media (max-width: 567px) { html[dir=rtl] .c-socialsShare { padding: 0; } } html[dir=rtl] .rental__header .mr-4 { margin-right: 0; margin-left: 1rem; } @media (min-width: 576px) { html[dir=rtl] .sm\:mr-4 { margin-right: 0; margin-left: 1rem; } } @media (min-width: 1199px) { html[dir=rtl] .xl\:mr-16 { margin-right: 0; margin-left: 4rem; } } @media (min-width: 576px) { html[dir=rtl] .sm\:mr-32 { margin-right: 0; margin-left: 8rem; } html[dir=rtl] .sm\:pl-20 { padding-right: 5rem; padding-left: 0; } } html[dir=rtl] .pr-4 { padding-right: 0; padding-left: 1rem; } html[dir=rtl] .pr-12 { padding-left: 3rem; padding-right: 0; } html[dir=rtl] .ml-4 { margin-left: 0; margin-right: 1rem; } html[dir=rtl] .ml-2 { margin-right: 0.5rem; margin-left: 0; } html[dir=rtl] .mr-4 { margin-left: 1rem; margin-right: 0; } html[dir=rtl] .mr-8 { margin-right: 0; margin-left: 2rem; } html[dir=rtl] .pl-2 { padding-left: 0; padding-right: 0.5rem; } html[dir=rtl] .pr-4 { padding-right: 0; padding-left: 1rem; } html[dir=rtl] .pr-12 { padding-left: 3rem; padding-right: 0; } html[dir=rtl] .ml-4 { margin-left: 0; margin-right: 1rem; } html[dir=rtl] .ml-2 { margin-right: 0.5rem; margin-left: 0; } html[dir=rtl] .mr-4 { margin-left: 1rem; margin-right: 0; } html[dir=rtl] .mr-6 { margin-left: 1.5rem; margin-right: 0; } html[dir=rtl] .mr-3 { margin-left: 0.75rem; margin-right: 0; } html[dir=rtl] .pr-8 { padding-left: 2rem; padding-right: 0; } html[dir=rtl] .mr-2 { margin-right: 0; margin-left: 0.5rem; } html[dir=rtl] .pl-6 { padding-right: 1.5rem; padding-left: 0; } html[dir=rtl] .-ml-12 { margin-left: 0; margin-right: -3rem; } html[dir=rtl] .pr-6 { padding-left: 1.5rem; padding-right: 0; } html[dir=rtl] .ml-6 { margin-right: 1.5rem; margin-left: 0; } html[dir=rtl] .pin-r { right: auto; left: 0; } html[dir=rtl] .pin-l { right: 0; left: auto; } @media (min-width: 576px) { html[dir=rtl] .sm\:pl-10 { padding-left: 0; padding-right: 2.5rem; } html[dir=rtl] .sm\:pr-4 { padding-left: 1rem; padding-right: 0; } html[dir=rtl] .sm\:pr-6 { padding-right: 0; padding-left: 1.5rem; } } html[dir=rtl] .icon-angle-right::before { content: "\e916"; } html[dir=rtl] .rental-bar .ml-8 { margin-left: 0; margin-right: 2rem; } html[dir=rtl] .rental-bar .ml-2 { margin-left: 0; margin-right: 0.5rem; } html[dir=rtl] .daterange-options .sm\:text-right { text-align: left; } html[dir=rtl] .main-header .mr-6 { margin-left: 1.5rem; margin-right: initial; } html[dir=rtl] .search .pr-4 { padding-left: 1rem; padding-right: initial; } html[dir=rtl] .autocomplete h4 { padding-right: 1rem!important; } html[dir=rtl] .autocomplete .autocomplete-group .autocomplete-item { padding-right: 1rem; } html[dir=rtl] .contact ul { padding-right: 0; } html[dir=rtl] .summary .ml-3 { margin-right: 0.75rem; } @media (min-width: 576px) { html[dir=rtl] .sm\:pl-10 { padding-left: 0; padding-right: 2.5rem; } } html[dir=rtl] .rental-book .mr-2 { margin-left: 0.5rem; margin-right: 0; } html[dir=rtl] .rental-book .ml-2 { margin-right: 0.5rem; margin-left: 0; } html[dir=rtl] .flatpickr-calendar { direction: rtl!important; } html[dir=rtl] .flatpickr-calendar .dayContainer, html[dir=rtl] .flatpickr-calendar .flatpickr-weekdaycontainer { flex-direction: row; } html[dir=rtl] .flatpickr-calendar .flatpickr-months .flatpickr-month { height: 32px; } html[dir=rtl] .flatpickr-calendar .flatpickr-months .flatpickr-prev-month { left: unset!important; right: 0.5rem !important; transform: scaleX(-1); } html[dir=rtl] .flatpickr-calendar .flatpickr-months .flatpickr-next-month { right: unset!important; left: 0.5rem !important; transform: scaleX(-1); } html[dir=rtl] .flatpickr-day.endRange.startRange, html[dir=rtl] .flatpickr-day.selected.startRange, html[dir=rtl] .flatpickr-day.startRange.startRange { border-radius: 0 50px 50px 0; } html[dir=rtl] .flatpickr-day.endRange.endRange, html[dir=rtl] .flatpickr-day.selected.endRange, html[dir=rtl] .flatpickr-day.startRange.endRange { border-radius: 50px 0 0 50px; } html[dir=rtl] .slick-slider .slick-prev { right: -25px; left: auto; transform: rotate(180deg) !important; } html[dir=rtl] .slick-slider .slick-next { right: auto; left: -25px; transform: rotate(180deg) !important; } html[dir=rtl] .instagram__item:first-child img { border-top-right-radius: 2rem; border-top-left-radius: 0; } html[dir=rtl] .instagram__item:last-child img { border-bottom-right-radius: 0; border-bottom-left-radius: 2rem; } @media (max-width: 567px) { html[dir=rtl] .instagram__item:nth-child(3) img { border-bottom-right-radius: 0; border-bottom-left-radius: 2rem; } } html[dir=rtl] .services__square:first-child img { border-top-right-radius: 2rem; border-top-left-radius: 0; } html[dir=rtl] .services__square:last-child img { border-bottom-left-radius: 2rem; border-bottom-right-radius: 0; } html[dir=rtl] .card .icon-arrow, html[dir=rtl] .services .icon-arrow, html[dir=rtl] .services__wrap .icon-arrow, html[dir=rtl] .btn .icon-arrow, html[dir=rtl] .categories .icon-arrow { margin-right: 1rem; transform: rotate(180deg) !important; } html[dir=rtl] .card .services__item:last-child .gradient-dark--bottom::before, html[dir=rtl] .services .services__item:last-child .gradient-dark--bottom::before, html[dir=rtl] .services__wrap .services__item:last-child .gradient-dark--bottom::before, html[dir=rtl] .btn .services__item:last-child .gradient-dark--bottom::before, html[dir=rtl] .categories .services__item:last-child .gradient-dark--bottom::before { border-bottom-left-radius: 2rem; border-bottom-right-radius: 0; } html[dir=rtl] .card .services__item:first-child .gradient-dark--bottom::before, html[dir=rtl] .services .services__item:first-child .gradient-dark--bottom::before, html[dir=rtl] .services__wrap .services__item:first-child .gradient-dark--bottom::before, html[dir=rtl] .btn .services__item:first-child .gradient-dark--bottom::before, html[dir=rtl] .categories .services__item:first-child .gradient-dark--bottom::before { border-top-left-radius: 0; border-top-right-radius: 2rem; } html[dir=rtl] .card .categories__item:first-child img, html[dir=rtl] .services .categories__item:first-child img, html[dir=rtl] .services__wrap .categories__item:first-child img, html[dir=rtl] .btn .categories__item:first-child img, html[dir=rtl] .categories .categories__item:first-child img, html[dir=rtl] .card .services__item:first-child img, html[dir=rtl] .services .services__item:first-child img, html[dir=rtl] .services__wrap .services__item:first-child img, html[dir=rtl] .btn .services__item:first-child img, html[dir=rtl] .categories .services__item:first-child img { border-top-right-radius: 2rem; border-top-left-radius: 0; } html[dir=rtl] .card .categories__item:last-child img, html[dir=rtl] .services .categories__item:last-child img, html[dir=rtl] .services__wrap .categories__item:last-child img, html[dir=rtl] .btn .categories__item:last-child img, html[dir=rtl] .categories .categories__item:last-child img, html[dir=rtl] .card .services__item:last-child img, html[dir=rtl] .services .services__item:last-child img, html[dir=rtl] .services__wrap .services__item:last-child img, html[dir=rtl] .btn .services__item:last-child img, html[dir=rtl] .categories .services__item:last-child img { border-bottom-right-radius: 0rem; border-bottom-left-radius: 2rem; } html[dir=rtl] .custom-checkmark { right: 0; left: auto; } html[dir=rtl] label.custom-checkbox-label { padding-left: 0; padding-right: 2rem; } html[dir=rtl] .table th { text-align: right; } html[dir=rtl] .rental-legend__tag span { margin-right: 0; margin-left: 0.75rem; } @media (min-width: 1099px) { html[dir=rtl] .rental-availability .flatpickr-calendar { transform-origin: center right!important; } } @media (min-width: 567px) { html[dir=rtl] .single-rental .sm\:mr-8 { margin-left: 2rem; margin-right: 0; } } html[dir=rtl] .extras .table td, html[dir=rtl] .extras .table th { text-align: left; } html[dir=rtl] .extras .text-right { text-align: left; } html[dir=rtl] .input__wrap::after { left: 1rem; right: auto; } html[dir=rtl] .input__wrap::before { left: auto; right: 1rem; } html[dir=rtl] .form-control--iconed input, html[dir=rtl] .form-control--iconed select, html[dir=rtl] .form-control--iconed textarea, html[dir=rtl] .form-control--iconed select { padding: 0.75rem 2.5rem 0.75rem 2.5rem; } html[dir=rtl] .pagination-wrap .pagination li a[rel="next"]::after, html[dir=rtl] .pagination-wrap .pagination li:last-child span::after { transform-origin: center; transform: rotate(180deg) !important; } html[dir=rtl] .pagination-wrap .pagination li a[rel="prev"]::before, html[dir=rtl] .pagination-wrap .pagination li:first-child span::before { transform: rotate(0) !important; } html[dir=rtl] .pagination-wrap .pagination li a[rel="next"]::before, html[dir=rtl] .pagination-wrap .pagination li:last-child span::before { padding-right: 0; padding-left: 0.5rem; } @media (min-width: 567px) { html[dir=rtl] .card--list .card__icons { transform: scale(1.35); transform-origin: top right; } html[dir=rtl] .card__price { max-width: 10rem; } } @media (min-width: 576px) { html[dir=rtl] .sm\:mr-4 { margin-right: 0; margin-left: 1rem; } } @media (min-width: 1199px) { html[dir=rtl] .xl\:mr-16 { margin-right: 0; margin-left: 4rem; } } html[dir=rtl] .page__content h2::after, html[dir=rtl] .page__content h3::after, html[dir=rtl] .page__content h4::after { margin-right: 1.5rem; margin-left: 0; } html[dir=rtl] .page__content h2::before, html[dir=rtl] .page__content h3::before, html[dir=rtl] .page__content h4::before { margin-right: -0.5rem; margin-left: 1.5rem; } html[dir=rtl] .list-custom li::before { margin-left: 0; margin-right: -1.5rem; } html[dir=rtl] .main-footer .list-reset, html[dir=rtl] .main-nav .list-reset { padding-right: 0; } html[dir=rtl] .main-footer .mr-2, html[dir=rtl] .main-nav .mr-2 { margin-right: 0; margin-left: 0.5rem; } @media (min-width: 567px) { html[dir=rtl] .two-fields > :last-child { margin-left: 0; margin-right: 0.75rem; } html[dir=rtl] .two-fields > :first-child { margin-left: 0.75rem; margin-right: 0; } }