/* Minification failed. Returning unminified contents. (23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (179,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (179,51): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (214,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (214,53): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (241,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (255,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (256,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (257,30): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (263,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (263,46): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (270,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (299,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ .qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.26392em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-datepicker-container.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-datepicker-container.qs-hidden{display:none}.qs-datepicker .qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-datepicker .qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-datepicker .qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-datepicker .qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-datepicker .qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-datepicker .qs-overlay .qs-submit{border:1px solid #fff;border-radius:.26392em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-datepicker .qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-datepicker .qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-datepicker .qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:33.33333%;cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-datepicker .qs-overlay .qs-overlay-month.active,.qs-datepicker .qs-overlay .qs-overlay-month:hover{opacity:1}.qs-datepicker .qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;transition:filter .3s,-webkit-filter .3s}.qs-datepicker .qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-datepicker .qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.26392em;-webkit-transition:background .15s;transition:background .15s}.qs-datepicker .qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-datepicker .qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-datepicker .qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-datepicker .qs-arrow:after{content:"";border:.39062em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-datepicker .qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-datepicker .qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-datepicker .qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0);cursor:pointer}.qs-datepicker .qs-month-year:hover{border-bottom:1px solid grey}.qs-datepicker .qs-month-year:active:focus,.qs-datepicker .qs-month-year:focus{outline:none}.qs-datepicker .qs-month{padding-right:.5ex}.qs-datepicker .qs-year{padding-left:.5ex}.qs-datepicker .qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;transition:filter .3s,-webkit-filter .3s}.qs-datepicker .qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-datepicker .qs-square{width:14.28571%;height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.26392em}.qs-datepicker .qs-square.qs-current{font-weight:700}.qs-datepicker .qs-square.qs-current span{text-decoration:underline}.qs-datepicker .qs-square.qs-active{background:#add8e6}.qs-datepicker .qs-square.qs-range-date-start:not(.qs-range-date-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-datepicker .qs-square.qs-range-date-middle{background:#d4ebf2}.qs-datepicker .qs-square.qs-range-date-middle:not(.qs-range-date-0):not(.qs-range-date-6){border-radius:0}.qs-datepicker .qs-square.qs-range-date-middle.qs-range-date-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-datepicker .qs-square.qs-range-date-end:not(.qs-range-date-0),.qs-datepicker .qs-square.qs-range-date-middle.qs-range-date-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-datepicker .qs-square.qs-disabled span{opacity:.2}.qs-datepicker .qs-square.qs-empty{cursor:default}.qs-datepicker .qs-square.qs-disabled{cursor:not-allowed}.qs-datepicker .qs-square.qs-day{cursor:default;font-weight:700;color:grey}.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-datepicker .qs-event{position:relative}.qs-datepicker .qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}.qs-datepicker .qs-event.qs-disabled:after,.qs-datepicker .qs-event.qs-empty:after{background:#cce4ff} /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGVwaWNrZXIubWluLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx5QkFBeUIsY0FBYyxDQUFDLHNCQUFzQixDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxjQUFjLENBQUMsbUJBQW1CLENBQUMsbUJBQW1CLENBQUMsWUFBWSxDQUFDLDJCQUEyQixDQUFDLDRCQUE0QixDQUFDLHlCQUF5QixDQUFDLHFCQUFxQixDQUFDLFlBQVksQ0FBQyx3QkFBd0IsQ0FBQyxxQkFBcUIsQ0FBQyxvQkFBb0IsQ0FBQyxnQkFBZ0IsQ0FBQyxxQkFBcUIsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsZUFBZSxDQUFDLDBEQUEwRCxDQUFDLGtEQUFrRCxDQUFDLDJCQUEyQiw2QkFBNkIsQ0FBQyxxQkFBcUIsQ0FBQyxxQ0FBcUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsc0NBQXNDLENBQW9DLDhCQUE4QixDQUFDLG1DQUFtQyxZQUFZLENBQUMsMkJBQTJCLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsMEJBQTBCLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsOEJBQThCLENBQUMsc0JBQXNCLENBQUMsbUJBQW1CLENBQUMsbUJBQW1CLENBQUMsWUFBWSxDQUFDLDJCQUEyQixDQUFDLDRCQUE0QixDQUFDLHlCQUF5QixDQUFDLHFCQUFxQixDQUFDLHFDQUFxQyxTQUFTLENBQUMsVUFBVSxDQUFDLDRDQUE0Qyx3QkFBd0IsQ0FBQyxXQUFXLENBQUMsNEJBQTRCLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsdUVBQXVFLHVCQUF1QixDQUFDLHFDQUFxQyxZQUFZLENBQUMsY0FBYyxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsc0NBQXNDLHFCQUFxQixDQUFDLHNCQUFzQixDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxjQUFjLENBQUMsOEJBQThCLENBQUMsa0RBQWtELFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxrQkFBa0IsQ0FBQyx1REFBdUQsbUJBQW1CLENBQUMsbUJBQW1CLENBQUMsWUFBWSxDQUFDLGtCQUFrQixDQUFDLGNBQWMsQ0FBQyxrQkFBa0IsQ0FBQyxtQkFBbUIsQ0FBQyxXQUFXLENBQUMsNkNBQTZDLG1CQUFtQixDQUFDLG1CQUFtQixDQUFDLFlBQVksQ0FBQyx1QkFBdUIsQ0FBQyxvQkFBb0IsQ0FBQyxzQkFBc0IsQ0FBQyx3QkFBd0IsQ0FBQyxxQkFBcUIsQ0FBQyxrQkFBa0IsQ0FBQyxlQUFlLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQywrQkFBK0IsQ0FBQyx1QkFBdUIsQ0FBQyx1R0FBdUcsU0FBUyxDQUFDLDRCQUE0QixVQUFVLENBQUMsbUJBQW1CLENBQUMsbUJBQW1CLENBQUMsWUFBWSxDQUFDLHdCQUF3QixDQUFDLHFCQUFxQixDQUFDLDZCQUE2QixDQUFDLHdCQUF3QixDQUFDLHFCQUFxQixDQUFDLGtCQUFrQixDQUFDLGtCQUFrQixDQUFDLG1CQUFtQixDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsa0JBQWtCLENBQUMsc0JBQXNCLENBQUMsY0FBYyxDQUFDLHFDQUFxQyxDQUFDLDZCQUE2QixDQUFDLHFCQUFxQixDQUFyQix5Q0FBcUIsQ0FBQyx3Q0FBd0MsQ0FBQyxvQ0FBb0Msd0JBQXdCLENBQUMsZ0JBQWdCLENBQUMseUJBQXlCLGVBQWUsQ0FBQyxjQUFjLENBQUMsaUJBQWlCLENBQUMsY0FBYyxDQUFDLHNCQUFzQixDQUFDLGtDQUFrQyxDQUFDLDBCQUEwQixDQUFDLCtCQUErQix5QkFBeUIsQ0FBQyw2Q0FBNkMsdUJBQXVCLENBQUMsOENBQThDLHNCQUFzQixDQUFDLCtCQUErQixVQUFVLENBQUMsbUNBQW1DLENBQUMsaUJBQWlCLENBQUMsT0FBTyxDQUFDLDZCQUE2QixDQUFDLHFCQUFxQixDQUFDLHVDQUF1Qyx1QkFBdUIsQ0FBQyxTQUFTLENBQUMscUNBQXFDLENBQW1DLDZCQUE2QixDQUFDLHdDQUF3QyxzQkFBc0IsQ0FBQyxRQUFRLENBQUMsc0NBQXNDLENBQW9DLDhCQUE4QixDQUFDLDhCQUE4QixlQUFlLENBQUMsNkJBQTZCLENBQUMscUJBQXFCLENBQUMscUNBQXFDLENBQUMsY0FBYyxDQUFDLG9DQUFvQyw0QkFBNEIsQ0FBQywrRUFBK0UsWUFBWSxDQUFDLHlCQUF5QixrQkFBa0IsQ0FBQyx3QkFBd0IsaUJBQWlCLENBQUMsMkJBQTJCLG1CQUFtQixDQUFDLG1CQUFtQixDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxjQUFjLENBQUMsZUFBZSxDQUFDLHNCQUFzQixDQUFDLGNBQWMsQ0FBQyxxQ0FBcUMsQ0FBQyw2QkFBNkIsQ0FBQyxxQkFBcUIsQ0FBckIseUNBQXFCLENBQUMsd0NBQXdDLENBQUMsbUNBQW1DLHdCQUF3QixDQUFDLGdCQUFnQixDQUFDLDBCQUEwQixlQUFlLENBQUMsZUFBZSxDQUFDLG1CQUFtQixDQUFDLG1CQUFtQixDQUFDLFlBQVksQ0FBQyx3QkFBd0IsQ0FBQyxxQkFBcUIsQ0FBQyxrQkFBa0IsQ0FBQyx1QkFBdUIsQ0FBQyxvQkFBb0IsQ0FBQyxzQkFBc0IsQ0FBQyxjQUFjLENBQUMsaUNBQWlDLENBQUMseUJBQXlCLENBQUMsc0JBQXNCLENBQUMscUNBQXFDLGVBQWUsQ0FBQywwQ0FBMEMseUJBQXlCLENBQUMsb0NBQW9DLGtCQUFrQixDQUFDLG9FQUFvRSx5QkFBeUIsQ0FBQyw0QkFBNEIsQ0FBQywrQ0FBK0Msa0JBQWtCLENBQUMsMkZBQTJGLGVBQWUsQ0FBQywrREFBK0QseUJBQXlCLENBQUMsNEJBQTRCLENBQUMsaUlBQWlJLHdCQUF3QixDQUFDLDJCQUEyQixDQUFDLDJDQUEyQyxVQUFVLENBQUMsbUNBQW1DLGNBQWMsQ0FBQyxzQ0FBc0Msa0JBQWtCLENBQUMsaUNBQWlDLGNBQWMsQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLDhGQUE4RixpQkFBaUIsQ0FBQyx5QkFBeUIsaUJBQWlCLENBQUMsK0JBQStCLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxjQUFjLENBQUMsZUFBZSxDQUFDLGlCQUFpQixDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLG1GQUFtRixrQkFBa0IiLCJmaWxlIjoiZGF0ZXBpY2tlci5taW4uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnFzLWRhdGVwaWNrZXItY29udGFpbmVye2ZvbnQtc2l6ZToxcmVtO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWY7Y29sb3I6IzAwMDtwb3NpdGlvbjphYnNvbHV0ZTt3aWR0aDoxNS42MjVlbTtkaXNwbGF5Oi13ZWJraXQtYm94O2Rpc3BsYXk6LW1zLWZsZXhib3g7ZGlzcGxheTpmbGV4Oy13ZWJraXQtYm94LW9yaWVudDp2ZXJ0aWNhbDstd2Via2l0LWJveC1kaXJlY3Rpb246bm9ybWFsOy1tcy1mbGV4LWRpcmVjdGlvbjpjb2x1bW47ZmxleC1kaXJlY3Rpb246Y29sdW1uO3otaW5kZXg6OTAwMTstd2Via2l0LXVzZXItc2VsZWN0Om5vbmU7LW1vei11c2VyLXNlbGVjdDpub25lOy1tcy11c2VyLXNlbGVjdDpub25lO3VzZXItc2VsZWN0Om5vbmU7Ym9yZGVyOjFweCBzb2xpZCBncmV5O2JvcmRlci1yYWRpdXM6LjI2MzkyZW07b3ZlcmZsb3c6aGlkZGVuO2JhY2tncm91bmQ6I2ZmZjstd2Via2l0LWJveC1zaGFkb3c6MCAxLjI1ZW0gMS4yNWVtIC0uOTM3NWVtIHJnYmEoMCwwLDAsLjMpO2JveC1zaGFkb3c6MCAxLjI1ZW0gMS4yNWVtIC0uOTM3NWVtIHJnYmEoMCwwLDAsLjMpfS5xcy1kYXRlcGlja2VyLWNvbnRhaW5lciAqey13ZWJraXQtYm94LXNpemluZzpib3JkZXItYm94O2JveC1zaXppbmc6Ym9yZGVyLWJveH0ucXMtZGF0ZXBpY2tlci1jb250YWluZXIucXMtY2VudGVyZWR7cG9zaXRpb246Zml4ZWQ7dG9wOjUwJTtsZWZ0OjUwJTstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGUoLTUwJSwtNTAlKTstbXMtdHJhbnNmb3JtOnRyYW5zbGF0ZSgtNTAlLC01MCUpO3RyYW5zZm9ybTp0cmFuc2xhdGUoLTUwJSwtNTAlKX0ucXMtZGF0ZXBpY2tlci1jb250YWluZXIucXMtaGlkZGVue2Rpc3BsYXk6bm9uZX0ucXMtZGF0ZXBpY2tlciAucXMtb3ZlcmxheXtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtsZWZ0OjA7YmFja2dyb3VuZDpyZ2JhKDAsMCwwLC43NSk7Y29sb3I6I2ZmZjt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO3BhZGRpbmc6LjVlbTt6LWluZGV4OjE7b3BhY2l0eToxOy13ZWJraXQtdHJhbnNpdGlvbjpvcGFjaXR5IC4zczt0cmFuc2l0aW9uOm9wYWNpdHkgLjNzO2Rpc3BsYXk6LXdlYmtpdC1ib3g7ZGlzcGxheTotbXMtZmxleGJveDtkaXNwbGF5OmZsZXg7LXdlYmtpdC1ib3gtb3JpZW50OnZlcnRpY2FsOy13ZWJraXQtYm94LWRpcmVjdGlvbjpub3JtYWw7LW1zLWZsZXgtZGlyZWN0aW9uOmNvbHVtbjtmbGV4LWRpcmVjdGlvbjpjb2x1bW59LnFzLWRhdGVwaWNrZXIgLnFzLW92ZXJsYXkucXMtaGlkZGVue29wYWNpdHk6MDt6LWluZGV4Oi0xfS5xcy1kYXRlcGlja2VyIC5xcy1vdmVybGF5IC5xcy1vdmVybGF5LXllYXJ7YmFja2dyb3VuZDpyZ2JhKDAsMCwwLDApO2JvcmRlcjpub25lO2JvcmRlci1ib3R0b206MXB4IHNvbGlkICNmZmY7Ym9yZGVyLXJhZGl1czowO2NvbG9yOiNmZmY7Zm9udC1zaXplOi44NzVlbTtwYWRkaW5nOi4yNWVtIDA7d2lkdGg6ODAlO3RleHQtYWxpZ246Y2VudGVyO21hcmdpbjowIGF1dG87ZGlzcGxheTpibG9ja30ucXMtZGF0ZXBpY2tlciAucXMtb3ZlcmxheSAucXMtb3ZlcmxheS15ZWFyOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uey13ZWJraXQtYXBwZWFyYW5jZTpub25lfS5xcy1kYXRlcGlja2VyIC5xcy1vdmVybGF5IC5xcy1jbG9zZXtwYWRkaW5nOi41ZW07Y3Vyc29yOnBvaW50ZXI7cG9zaXRpb246YWJzb2x1dGU7dG9wOjA7cmlnaHQ6MH0ucXMtZGF0ZXBpY2tlciAucXMtb3ZlcmxheSAucXMtc3VibWl0e2JvcmRlcjoxcHggc29saWQgI2ZmZjtib3JkZXItcmFkaXVzOi4yNjM5MmVtO3BhZGRpbmc6LjVlbTttYXJnaW46MCBhdXRvIGF1dG87Y3Vyc29yOnBvaW50ZXI7YmFja2dyb3VuZDpoc2xhKDAsMCUsNTAuMiUsLjQpfS5xcy1kYXRlcGlja2VyIC5xcy1vdmVybGF5IC5xcy1zdWJtaXQucXMtZGlzYWJsZWR7Y29sb3I6Z3JleTtib3JkZXItY29sb3I6Z3JleTtjdXJzb3I6bm90LWFsbG93ZWR9LnFzLWRhdGVwaWNrZXIgLnFzLW92ZXJsYXkgLnFzLW92ZXJsYXktbW9udGgtY29udGFpbmVye2Rpc3BsYXk6LXdlYmtpdC1ib3g7ZGlzcGxheTotbXMtZmxleGJveDtkaXNwbGF5OmZsZXg7LW1zLWZsZXgtd3JhcDp3cmFwO2ZsZXgtd3JhcDp3cmFwOy13ZWJraXQtYm94LWZsZXg6MTstbXMtZmxleC1wb3NpdGl2ZToxO2ZsZXgtZ3JvdzoxfS5xcy1kYXRlcGlja2VyIC5xcy1vdmVybGF5IC5xcy1vdmVybGF5LW1vbnRoe2Rpc3BsYXk6LXdlYmtpdC1ib3g7ZGlzcGxheTotbXMtZmxleGJveDtkaXNwbGF5OmZsZXg7LXdlYmtpdC1ib3gtcGFjazpjZW50ZXI7LW1zLWZsZXgtcGFjazpjZW50ZXI7anVzdGlmeS1jb250ZW50OmNlbnRlcjstd2Via2l0LWJveC1hbGlnbjpjZW50ZXI7LW1zLWZsZXgtYWxpZ246Y2VudGVyO2FsaWduLWl0ZW1zOmNlbnRlcjt3aWR0aDozMy4zMzMzMyU7Y3Vyc29yOnBvaW50ZXI7b3BhY2l0eTouNTstd2Via2l0LXRyYW5zaXRpb246b3BhY2l0eSAuMTVzO3RyYW5zaXRpb246b3BhY2l0eSAuMTVzfS5xcy1kYXRlcGlja2VyIC5xcy1vdmVybGF5IC5xcy1vdmVybGF5LW1vbnRoLmFjdGl2ZSwucXMtZGF0ZXBpY2tlciAucXMtb3ZlcmxheSAucXMtb3ZlcmxheS1tb250aDpob3ZlcntvcGFjaXR5OjF9LnFzLWRhdGVwaWNrZXIgLnFzLWNvbnRyb2xze3dpZHRoOjEwMCU7ZGlzcGxheTotd2Via2l0LWJveDtkaXNwbGF5Oi1tcy1mbGV4Ym94O2Rpc3BsYXk6ZmxleDstd2Via2l0LWJveC1wYWNrOmp1c3RpZnk7LW1zLWZsZXgtcGFjazpqdXN0aWZ5O2p1c3RpZnktY29udGVudDpzcGFjZS1iZXR3ZWVuOy13ZWJraXQtYm94LWFsaWduOmNlbnRlcjstbXMtZmxleC1hbGlnbjpjZW50ZXI7YWxpZ24taXRlbXM6Y2VudGVyOy13ZWJraXQtYm94LWZsZXg6MTstbXMtZmxleC1wb3NpdGl2ZToxO2ZsZXgtZ3JvdzoxOy1tcy1mbGV4LW5lZ2F0aXZlOjA7ZmxleC1zaHJpbms6MDtiYWNrZ3JvdW5kOiNkM2QzZDM7LXdlYmtpdC1maWx0ZXI6Ymx1cigwKTtmaWx0ZXI6Ymx1cigwKTstd2Via2l0LXRyYW5zaXRpb246LXdlYmtpdC1maWx0ZXIgLjNzO3RyYW5zaXRpb246LXdlYmtpdC1maWx0ZXIgLjNzO3RyYW5zaXRpb246ZmlsdGVyIC4zczt0cmFuc2l0aW9uOmZpbHRlciAuM3MsLXdlYmtpdC1maWx0ZXIgLjNzfS5xcy1kYXRlcGlja2VyIC5xcy1jb250cm9scy5xcy1ibHVyey13ZWJraXQtZmlsdGVyOmJsdXIoNXB4KTtmaWx0ZXI6Ymx1cig1cHgpfS5xcy1kYXRlcGlja2VyIC5xcy1hcnJvd3toZWlnaHQ6MS41NjI1ZW07d2lkdGg6MS41NjI1ZW07cG9zaXRpb246cmVsYXRpdmU7Y3Vyc29yOnBvaW50ZXI7Ym9yZGVyLXJhZGl1czouMjYzOTJlbTstd2Via2l0LXRyYW5zaXRpb246YmFja2dyb3VuZCAuMTVzO3RyYW5zaXRpb246YmFja2dyb3VuZCAuMTVzfS5xcy1kYXRlcGlja2VyIC5xcy1hcnJvdzpob3ZlcntiYWNrZ3JvdW5kOnJnYmEoMCwwLDAsLjEpfS5xcy1kYXRlcGlja2VyIC5xcy1hcnJvdzpob3Zlci5xcy1sZWZ0OmFmdGVye2JvcmRlci1yaWdodC1jb2xvcjojMDAwfS5xcy1kYXRlcGlja2VyIC5xcy1hcnJvdzpob3Zlci5xcy1yaWdodDphZnRlcntib3JkZXItbGVmdC1jb2xvcjojMDAwfS5xcy1kYXRlcGlja2VyIC5xcy1hcnJvdzphZnRlcntjb250ZW50OlwiXCI7Ym9yZGVyOi4zOTA2MmVtIHNvbGlkIHJnYmEoMCwwLDAsMCk7cG9zaXRpb246YWJzb2x1dGU7dG9wOjUwJTstd2Via2l0LXRyYW5zaXRpb246Ym9yZGVyIC4yczt0cmFuc2l0aW9uOmJvcmRlciAuMnN9LnFzLWRhdGVwaWNrZXIgLnFzLWFycm93LnFzLWxlZnQ6YWZ0ZXJ7Ym9yZGVyLXJpZ2h0LWNvbG9yOmdyZXk7cmlnaHQ6NTAlOy13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZSgyNSUsLTUwJSk7LW1zLXRyYW5zZm9ybTp0cmFuc2xhdGUoMjUlLC01MCUpO3RyYW5zZm9ybTp0cmFuc2xhdGUoMjUlLC01MCUpfS5xcy1kYXRlcGlja2VyIC5xcy1hcnJvdy5xcy1yaWdodDphZnRlcntib3JkZXItbGVmdC1jb2xvcjpncmV5O2xlZnQ6NTAlOy13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZSgtMjUlLC01MCUpOy1tcy10cmFuc2Zvcm06dHJhbnNsYXRlKC0yNSUsLTUwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtMjUlLC01MCUpfS5xcy1kYXRlcGlja2VyIC5xcy1tb250aC15ZWFye2ZvbnQtd2VpZ2h0OjcwMDstd2Via2l0LXRyYW5zaXRpb246Ym9yZGVyIC4yczt0cmFuc2l0aW9uOmJvcmRlciAuMnM7Ym9yZGVyLWJvdHRvbToxcHggc29saWQgcmdiYSgwLDAsMCwwKTtjdXJzb3I6cG9pbnRlcn0ucXMtZGF0ZXBpY2tlciAucXMtbW9udGgteWVhcjpob3Zlcntib3JkZXItYm90dG9tOjFweCBzb2xpZCBncmV5fS5xcy1kYXRlcGlja2VyIC5xcy1tb250aC15ZWFyOmFjdGl2ZTpmb2N1cywucXMtZGF0ZXBpY2tlciAucXMtbW9udGgteWVhcjpmb2N1c3tvdXRsaW5lOm5vbmV9LnFzLWRhdGVwaWNrZXIgLnFzLW1vbnRoe3BhZGRpbmctcmlnaHQ6LjVleH0ucXMtZGF0ZXBpY2tlciAucXMteWVhcntwYWRkaW5nLWxlZnQ6LjVleH0ucXMtZGF0ZXBpY2tlciAucXMtc3F1YXJlc3tkaXNwbGF5Oi13ZWJraXQtYm94O2Rpc3BsYXk6LW1zLWZsZXhib3g7ZGlzcGxheTpmbGV4Oy1tcy1mbGV4LXdyYXA6d3JhcDtmbGV4LXdyYXA6d3JhcDtwYWRkaW5nOi4zMTI1ZW07LXdlYmtpdC1maWx0ZXI6Ymx1cigwKTtmaWx0ZXI6Ymx1cigwKTstd2Via2l0LXRyYW5zaXRpb246LXdlYmtpdC1maWx0ZXIgLjNzO3RyYW5zaXRpb246LXdlYmtpdC1maWx0ZXIgLjNzO3RyYW5zaXRpb246ZmlsdGVyIC4zczt0cmFuc2l0aW9uOmZpbHRlciAuM3MsLXdlYmtpdC1maWx0ZXIgLjNzfS5xcy1kYXRlcGlja2VyIC5xcy1zcXVhcmVzLnFzLWJsdXJ7LXdlYmtpdC1maWx0ZXI6Ymx1cig1cHgpO2ZpbHRlcjpibHVyKDVweCl9LnFzLWRhdGVwaWNrZXIgLnFzLXNxdWFyZXt3aWR0aDoxNC4yODU3MSU7aGVpZ2h0OjEuNTYyNWVtO2Rpc3BsYXk6LXdlYmtpdC1ib3g7ZGlzcGxheTotbXMtZmxleGJveDtkaXNwbGF5OmZsZXg7LXdlYmtpdC1ib3gtYWxpZ246Y2VudGVyOy1tcy1mbGV4LWFsaWduOmNlbnRlcjthbGlnbi1pdGVtczpjZW50ZXI7LXdlYmtpdC1ib3gtcGFjazpjZW50ZXI7LW1zLWZsZXgtcGFjazpjZW50ZXI7anVzdGlmeS1jb250ZW50OmNlbnRlcjtjdXJzb3I6cG9pbnRlcjstd2Via2l0LXRyYW5zaXRpb246YmFja2dyb3VuZCAuMXM7dHJhbnNpdGlvbjpiYWNrZ3JvdW5kIC4xcztib3JkZXItcmFkaXVzOi4yNjM5MmVtfS5xcy1kYXRlcGlja2VyIC5xcy1zcXVhcmUucXMtY3VycmVudHtmb250LXdlaWdodDo3MDB9LnFzLWRhdGVwaWNrZXIgLnFzLXNxdWFyZS5xcy1jdXJyZW50IHNwYW57dGV4dC1kZWNvcmF0aW9uOnVuZGVybGluZX0ucXMtZGF0ZXBpY2tlciAucXMtc3F1YXJlLnFzLWFjdGl2ZXtiYWNrZ3JvdW5kOiNhZGQ4ZTZ9LnFzLWRhdGVwaWNrZXIgLnFzLXNxdWFyZS5xcy1yYW5nZS1kYXRlLXN0YXJ0Om5vdCgucXMtcmFuZ2UtZGF0ZS02KXtib3JkZXItdG9wLXJpZ2h0LXJhZGl1czowO2JvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOjB9LnFzLWRhdGVwaWNrZXIgLnFzLXNxdWFyZS5xcy1yYW5nZS1kYXRlLW1pZGRsZXtiYWNrZ3JvdW5kOiNkNGViZjJ9LnFzLWRhdGVwaWNrZXIgLnFzLXNxdWFyZS5xcy1yYW5nZS1kYXRlLW1pZGRsZTpub3QoLnFzLXJhbmdlLWRhdGUtMCk6bm90KC5xcy1yYW5nZS1kYXRlLTYpe2JvcmRlci1yYWRpdXM6MH0ucXMtZGF0ZXBpY2tlciAucXMtc3F1YXJlLnFzLXJhbmdlLWRhdGUtbWlkZGxlLnFzLXJhbmdlLWRhdGUtMHtib3JkZXItdG9wLXJpZ2h0LXJhZGl1czowO2JvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOjB9LnFzLWRhdGVwaWNrZXIgLnFzLXNxdWFyZS5xcy1yYW5nZS1kYXRlLWVuZDpub3QoLnFzLXJhbmdlLWRhdGUtMCksLnFzLWRhdGVwaWNrZXIgLnFzLXNxdWFyZS5xcy1yYW5nZS1kYXRlLW1pZGRsZS5xcy1yYW5nZS1kYXRlLTZ7Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czowO2JvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6MH0ucXMtZGF0ZXBpY2tlciAucXMtc3F1YXJlLnFzLWRpc2FibGVkIHNwYW57b3BhY2l0eTouMn0ucXMtZGF0ZXBpY2tlciAucXMtc3F1YXJlLnFzLWVtcHR5e2N1cnNvcjpkZWZhdWx0fS5xcy1kYXRlcGlja2VyIC5xcy1zcXVhcmUucXMtZGlzYWJsZWR7Y3Vyc29yOm5vdC1hbGxvd2VkfS5xcy1kYXRlcGlja2VyIC5xcy1zcXVhcmUucXMtZGF5e2N1cnNvcjpkZWZhdWx0O2ZvbnQtd2VpZ2h0OjcwMDtjb2xvcjpncmV5fS5xcy1kYXRlcGlja2VyIC5xcy1zcXVhcmU6bm90KC5xcy1lbXB0eSk6bm90KC5xcy1kaXNhYmxlZCk6bm90KC5xcy1kYXkpOm5vdCgucXMtYWN0aXZlKTpob3ZlcntiYWNrZ3JvdW5kOm9yYW5nZX0ucXMtZGF0ZXBpY2tlciAucXMtZXZlbnR7cG9zaXRpb246cmVsYXRpdmV9LnFzLWRhdGVwaWNrZXIgLnFzLWV2ZW50OmFmdGVye2NvbnRlbnQ6XCJcIjtwb3NpdGlvbjphYnNvbHV0ZTt3aWR0aDouNDY4NzVlbTtoZWlnaHQ6LjQ2ODc1ZW07Ym9yZGVyLXJhZGl1czo1MCU7YmFja2dyb3VuZDojMDdmO2JvdHRvbTowO3JpZ2h0OjB9LnFzLWRhdGVwaWNrZXIgLnFzLWV2ZW50LnFzLWRpc2FibGVkOmFmdGVyLC5xcy1kYXRlcGlja2VyIC5xcy1ldmVudC5xcy1lbXB0eTphZnRlcntiYWNrZ3JvdW5kOiNjY2U0ZmZ9XG4iXX0= */ @charset "UTF-8"; /** * MASTER.SCSS * * @Project : Project Name * @Author : AuthorName [author.name@nvinteractive.com] * */ /* autoprefixer grid: on */ @viewport { width: device-width; zoom: 1; } @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } /** * 1. SETTINGS */ /** * SETTINGS.ANIMATIONS * * @description : Keyframe animations for this site * */ /** * SETTINGS.BASE * * @description : Key application variables and settings * */ /** * SETTINGS.BREAKPOINTS * * @description : Define major breakpoints * */ /** e.g. .thing { background: green; @include breakpoint($md){ background: blue; } } */ /** * SETTINGS.COLORS * * @description : Color variable definitions * */ /** * Main Colours */ /** * UX/Validation colors */ /** * SETTINGS.EASING * * @description : Custom easing functions * */ /** * SETTINGS.GRID * * @description : Settings used in grid calculations * */ /** * GENERIC.FONT.OPENSANS * * @description : A default font included for demonstration * Remove this if you're not using it… * */ @font-face { font-family: "Domaine Display"; font-display: swap; src: url("../fonts/domaine-display/domaine-display-web-regular.woff2") format("woff2"), url("../fonts/domaine-display/domaine-display-web-regular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Domaine Display"; font-display: swap; src: url("../fonts/domaine-display/domaine-display-web-semibold.woff2") format("woff2"), url("../fonts/domaine-display/domaine-display-web-semibold.woff") format("woff"); font-weight: bold; font-style: normal; } /** * GENERIC.FONT.GT-PRESSURA * * */ @font-face { font-family: "GT Pressura"; font-display: swap; src: url("../fonts/gt-pressura/GT-Pressura-Light.woff2") format("woff2"), url("../fonts/gt-pressura/GT-Pressura-Light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "GT Pressura"; font-display: swap; src: url("../fonts/gt-pressura/GT-Pressura-Regular.woff2") format("woff2"), url("../fonts/gt-pressura/GT-Pressura-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "GT Pressura"; font-display: swap; src: url("../fonts/gt-pressura/GT-Pressura-Bold.woff2") format("woff2"), url("../fonts/gt-pressura/GT-Pressura-Bold.woff") format("woff"); font-weight: bold; font-style: normal; } /** * 2. TOOLS */ /** * TOOLS.FUNCTIONS * * @description : Common functions * */ /** * Strip Unit * @desc : Strips the unit from a value to we can use it for calculations * @source : https://css-tricks.com/snippets/sass/strip-unit-function/ * @param : $num - Number to remove unit from * @return : Unitless value */ /** * REM Calc * @desc : Converts px values to REMs * @param : $val - The value to convert (usually passed in px but unit may be omitted) * @param : $base – Optional parameter, passed if you'd like to calculate with a different base font size * @param : $base-font-size – The default font size (defined in _settings.base.scss) * @return : $rems - rem-converted value */ /** * Decimal-Round * @desc : Rounds a floating point number to the nearest whole number * @param : $number - The number to be rounded. must be unitless. */ /** * Decimal-Floor * @desc : Rounds a floating point number down to the nearest whole number */ /** * Spacer * @desc : Returns a simple multipled value, converted to rem */ /** * TOOLS.MIXIN.HEADING-SCALE * * @description : Generates heading sizes, their line heights and bottom margins from the base font size and a multiplier * Reuseable classes are also generated * */ /** * TOOLS.MIXIN.POSITION * * @description : Sets top, right, bottom and left values for an element * @note: Pass 'null' as an argument to ensure that value isn't set * */ /** * TOOLS.MIXIN.CLEARFIX * * @description : Force an element to self-clear floated children * */ /** * TOOLS.MIXIN.BASELINE_GRID * * @description : Adds a baseline grid for setting type. * Used in development only. * */ /** * @param $spacing Set the desired line height of the grid. Defaults to 20px */ /** * 3. GENERIC */ /** * GENERIC.RESET * * @description : Include your desired reset here. * Default is Eric Meyer's reset * */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } figure { margin: 0; padding: 0; } /** * GENERIC.PRELOAD * * @description : Stops CSS transitions being triggered on page load * */ .preload * { transition: none !important; } html.preload [data-will-animate] { visibility: hidden !important; } /** * GENERIC.BOXSIZING * * @description : Sets global box-sizing * @reference : https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ * */ html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } /** * 4. ELEMENTS * Basic styles for raw HTML elements * No classes here */ /** * ELEMENTS.BASE * * @description : Base element styles * */ * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { height: 100%; background: #2b312a; scroll-behavior: smooth; } body { min-height: 100%; } body.dev_type { background-image: linear-gradient(to bottom, #0ff 0, rgba(255, 255, 255, 0) 1px); background-repeat: repeat-y; background-size: 100% 24px; } figure { margin: 0; } hr { border: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); margin: 3em 0; } /** * ELEMENTS.DISABLED * * @description : Default styles for disabled elements * */ .disabled, *:disabled, [disabled] { cursor: default; opacity: 0.5; pointer-events: none; } /** * ELEMENTS.FORMS * * @description : Core form styles * */ form { width: 100%; } label { display: inline-block; } label.aligned { padding: 1em 0; border-top: 1px solid transparent; } [type="text"], [type="email"], [type="password"], [type="tel"], [type="search"], [type="date"], [type="url"], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid transparent; border-radius: 3px; color: #00242f; display: inline-block; font: inherit; padding: 1em 1.5em; width: 100%; } :focus[type="text"], :focus[type="email"], :focus[type="password"], :focus[type="tel"], :focus[type="search"], :focus[type="date"], :focus[type="url"], textarea:focus, select:focus { border-color: #000000; outline: none; } input::-webkit-input-placeholder { color: rgba(0, 36, 47, 0.5); } input:-moz-placeholder { color: rgba(0, 36, 47, 0.5); } input::-ms-input-placeholder { color: rgba(0, 36, 47, 0.5); } input::placeholder { color: rgba(0, 36, 47, 0.5); } [type="date"] { padding-left: 3em; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 6 1 L 6 3 L 5 3 C 3.9 3 3 3.9 3 5 L 3 19 C 3 20.1 3.9 21 5 21 L 19 21 C 20.1 21 21 20.1 21 19 L 21 5 C 21 3.9 20.1 3 19 3 L 18 3 L 18 1 L 16 1 L 16 3 L 8 3 L 8 1 L 6 1 z M 5 5 L 6 5 L 8 5 L 16 5 L 18 5 L 19 5 L 19 7 L 5 7 L 5 5 z M 5 9 L 19 9 L 19 19 L 5 19 L 5 9 z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 1em center; } textarea { min-height: 10em; resize: vertical; } [type="submit"], button { appearance: none; border-radius: 0; border: 0; display: inline-block; padding: 0; } select { background-color: transparent; border-color: #bcb2a6; line-height: 1; font-weight: 300; padding-right: 2em; background-image: url("/img/icons/dropdown-arrow.svg"); background-position: right 1em center; background-repeat: no-repeat; } select:focus { border-color: #697160; } select::-ms-expand, select:disabled.simple-control::-ms-expand { display: none; } /** * ELEMENTS.IMAGES * * @description : Basic image styles * */ /** * Set images for responsive sizing */ img, svg { display: block; max-width: 100%; height: auto; } /** * ELEMENTS.TYPE * * @description : Basic typographical styles * */ body { color: #00242f; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif !important; font-size: 16px; line-height: 1.35; } h1, h2, h3, h4, h5, h6, .heading { color: #00242f; font-family: "Domaine Display", "Times New Roman", Times, serif; margin: 0; } p { margin: 0 0 1.35em 0; } a { text-decoration-skip-ink: auto; text-decoration: none; } strong { font-weight: bold; } /** * 5. OBJECTS * These are repeating visual/structural patterns with no 'design' added * Must be built with classes only */ /** * OBJECTS.GRID * * @description : The NV Grid * @settings : See /1.settings/_settings.grid.scss * */ /** ------------------------------------------------------- * GRID WIDTH CALCULATOR */ /** * General Styles */ .b { position: relative; max-width: 90rem; margin-left: auto; margin-right: auto; } .b-md { max-width: 70.5rem; } .b-s { max-width: 59.375rem; } .b-heading { max-width: 800px; } .b-subnav { max-width: 1470px; } /** * Helper classes for non-grid items so they fit nicely within the grid */ .ng-p { padding-left: 2.33333%; padding-right: 2.33333%; } .ng-pr { padding-left: 0; padding-right: 2.33333%; } .ng-pl { padding-left: 2.33333%; padding-right: 0; } .ng-m { margin-left: 2.33333%; margin-right: 2.33333%; } .ng-mr { margin-left: 0; margin-right: 2.33333%; } .ng-ml { margin-left: 2.33333%; margin-right: 0; } /** * The Grid */ .g { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; text-rendering: optimizespeed; display: flex; flex-direction: row; flex-wrap: wrap; max-width: 100%; } .no-flexbox .g { display: table-cell; float: left; width: 100%; } .g-m { margin: 0 -2.33333%; } /** ------------------------- * GRID ITEMS */ .gi, [class^="gi-"] { display: inline-block; letter-spacing: normal; text-rendering: auto; vertical-align: top; width: 100%; } .gi-p { padding-left: 2.33333%; padding-right: 2.33333%; } .gi-pr { padding-right: 2.33333%; } .gi-pl { padding-left: 2.33333%; } .gi-m { margin-left: 2.33333%; margin-right: 2.33333%; } .gi-ml { margin-left: 2.33333%; } .gi-mr { margin-right: 2.33333%; } .g-c { justify-content: center; } .g-vam { align-items: center; } .g-vam .gi, .g-vam .gi-p, .g-vam .gi-pl, .g-vam .gi-pr, .gi-ma { align-self: center; vertical-align: middle; } .g-vab { align-items: flex-end; } .g-vab .gi, .g-vab .gi-p, .g-vab .gi-pl, .g-vab .gi-pr, .gi-b { align-self: flex-end; vertical-align: bottom; } .gi-1 { width: 8.33333%; } .gi-m.gi-1 { width: 3.66667%; } .gi-mr.gi-1, .gi-mr.gi-1 { width: 6.0%; } .gi-in-1 { margin-left: 8.33333%; } .gi-m.gi-in-1, .gi-ml.gi-in-1 { margin-left: 10.66667%; } .gi-2 { width: 16.66667%; } .gi-m.gi-2 { width: 12.0%; } .gi-mr.gi-2, .gi-mr.gi-2 { width: 14.33333%; } .gi-in-2 { margin-left: 16.66667%; } .gi-m.gi-in-2, .gi-ml.gi-in-2 { margin-left: 19.0%; } .gi-3 { width: 25%; } .gi-m.gi-3 { width: 20.33333%; } .gi-mr.gi-3, .gi-mr.gi-3 { width: 22.66667%; } .gi-in-3 { margin-left: 25%; } .gi-m.gi-in-3, .gi-ml.gi-in-3 { margin-left: 27.33333%; } .gi-4 { width: 33.33333%; } .gi-m.gi-4 { width: 28.66667%; } .gi-mr.gi-4, .gi-mr.gi-4 { width: 31.0%; } .gi-in-4 { margin-left: 33.33333%; } .gi-m.gi-in-4, .gi-ml.gi-in-4 { margin-left: 35.66667%; } .gi-5 { width: 41.66667%; } .gi-m.gi-5 { width: 37.0%; } .gi-mr.gi-5, .gi-mr.gi-5 { width: 39.33333%; } .gi-in-5 { margin-left: 41.66667%; } .gi-m.gi-in-5, .gi-ml.gi-in-5 { margin-left: 44.0%; } .gi-6 { width: 50%; } .gi-m.gi-6 { width: 45.33333%; } .gi-mr.gi-6, .gi-mr.gi-6 { width: 47.66667%; } .gi-in-6 { margin-left: 50%; } .gi-m.gi-in-6, .gi-ml.gi-in-6 { margin-left: 52.33333%; } .gi-7 { width: 58.33333%; } .gi-m.gi-7 { width: 53.66667%; } .gi-mr.gi-7, .gi-mr.gi-7 { width: 56.0%; } .gi-in-7 { margin-left: 58.33333%; } .gi-m.gi-in-7, .gi-ml.gi-in-7 { margin-left: 60.66667%; } .gi-8 { width: 66.66667%; } .gi-m.gi-8 { width: 62.0%; } .gi-mr.gi-8, .gi-mr.gi-8 { width: 64.33333%; } .gi-in-8 { margin-left: 66.66667%; } .gi-m.gi-in-8, .gi-ml.gi-in-8 { margin-left: 69.0%; } .gi-9 { width: 75%; } .gi-m.gi-9 { width: 70.33333%; } .gi-mr.gi-9, .gi-mr.gi-9 { width: 72.66667%; } .gi-in-9 { margin-left: 75%; } .gi-m.gi-in-9, .gi-ml.gi-in-9 { margin-left: 77.33333%; } .gi-10 { width: 83.33333%; } .gi-m.gi-10 { width: 78.66667%; } .gi-mr.gi-10, .gi-mr.gi-10 { width: 81.0%; } .gi-in-10 { margin-left: 83.33333%; } .gi-m.gi-in-10, .gi-ml.gi-in-10 { margin-left: 85.66667%; } .gi-11 { width: 91.66667%; } .gi-m.gi-11 { width: 87.0%; } .gi-mr.gi-11, .gi-mr.gi-11 { width: 89.33333%; } .gi-in-11 { margin-left: 91.66667%; } .gi-m.gi-in-11, .gi-ml.gi-in-11 { margin-left: 94.0%; } .gi-12 { width: 100%; } .gi-m.gi-12 { width: 95.33333%; } .gi-mr.gi-12, .gi-mr.gi-12 { width: 97.66667%; } .gi-in-12 { margin-left: 100%; } .gi-m.gi-in-12, .gi-ml.gi-in-12 { margin-left: 102.33333%; } @media (min-width: 200px) { .gi-xxsm-1 { width: 8.33333%; } .gi-m.gi-xxsm-1 { width: 3.66667%; } .gi-ml.gi-xxsm-1, .gi-mr.gi-xxsm-1 { width: 6.0%; } .gi-xxsm-in-1 { margin-left: 8.33333%; } .gi-m.gi-xxsm-in-1, .gi-ml.gi-xxsm-in-1 { margin-left: 10.66667%; } .gi-xxsm-2 { width: 16.66667%; } .gi-m.gi-xxsm-2 { width: 12.0%; } .gi-ml.gi-xxsm-2, .gi-mr.gi-xxsm-2 { width: 14.33333%; } .gi-xxsm-in-2 { margin-left: 16.66667%; } .gi-m.gi-xxsm-in-2, .gi-ml.gi-xxsm-in-2 { margin-left: 19.0%; } .gi-xxsm-3 { width: 25%; } .gi-m.gi-xxsm-3 { width: 20.33333%; } .gi-ml.gi-xxsm-3, .gi-mr.gi-xxsm-3 { width: 22.66667%; } .gi-xxsm-in-3 { margin-left: 25%; } .gi-m.gi-xxsm-in-3, .gi-ml.gi-xxsm-in-3 { margin-left: 27.33333%; } .gi-xxsm-4 { width: 33.33333%; } .gi-m.gi-xxsm-4 { width: 28.66667%; } .gi-ml.gi-xxsm-4, .gi-mr.gi-xxsm-4 { width: 31.0%; } .gi-xxsm-in-4 { margin-left: 33.33333%; } .gi-m.gi-xxsm-in-4, .gi-ml.gi-xxsm-in-4 { margin-left: 35.66667%; } .gi-xxsm-5 { width: 41.66667%; } .gi-m.gi-xxsm-5 { width: 37.0%; } .gi-ml.gi-xxsm-5, .gi-mr.gi-xxsm-5 { width: 39.33333%; } .gi-xxsm-in-5 { margin-left: 41.66667%; } .gi-m.gi-xxsm-in-5, .gi-ml.gi-xxsm-in-5 { margin-left: 44.0%; } .gi-xxsm-6 { width: 50%; } .gi-m.gi-xxsm-6 { width: 45.33333%; } .gi-ml.gi-xxsm-6, .gi-mr.gi-xxsm-6 { width: 47.66667%; } .gi-xxsm-in-6 { margin-left: 50%; } .gi-m.gi-xxsm-in-6, .gi-ml.gi-xxsm-in-6 { margin-left: 52.33333%; } .gi-xxsm-7 { width: 58.33333%; } .gi-m.gi-xxsm-7 { width: 53.66667%; } .gi-ml.gi-xxsm-7, .gi-mr.gi-xxsm-7 { width: 56.0%; } .gi-xxsm-in-7 { margin-left: 58.33333%; } .gi-m.gi-xxsm-in-7, .gi-ml.gi-xxsm-in-7 { margin-left: 60.66667%; } .gi-xxsm-8 { width: 66.66667%; } .gi-m.gi-xxsm-8 { width: 62.0%; } .gi-ml.gi-xxsm-8, .gi-mr.gi-xxsm-8 { width: 64.33333%; } .gi-xxsm-in-8 { margin-left: 66.66667%; } .gi-m.gi-xxsm-in-8, .gi-ml.gi-xxsm-in-8 { margin-left: 69.0%; } .gi-xxsm-9 { width: 75%; } .gi-m.gi-xxsm-9 { width: 70.33333%; } .gi-ml.gi-xxsm-9, .gi-mr.gi-xxsm-9 { width: 72.66667%; } .gi-xxsm-in-9 { margin-left: 75%; } .gi-m.gi-xxsm-in-9, .gi-ml.gi-xxsm-in-9 { margin-left: 77.33333%; } .gi-xxsm-10 { width: 83.33333%; } .gi-m.gi-xxsm-10 { width: 78.66667%; } .gi-ml.gi-xxsm-10, .gi-mr.gi-xxsm-10 { width: 81.0%; } .gi-xxsm-in-10 { margin-left: 83.33333%; } .gi-m.gi-xxsm-in-10, .gi-ml.gi-xxsm-in-10 { margin-left: 85.66667%; } .gi-xxsm-11 { width: 91.66667%; } .gi-m.gi-xxsm-11 { width: 87.0%; } .gi-ml.gi-xxsm-11, .gi-mr.gi-xxsm-11 { width: 89.33333%; } .gi-xxsm-in-11 { margin-left: 91.66667%; } .gi-m.gi-xxsm-in-11, .gi-ml.gi-xxsm-in-11 { margin-left: 94.0%; } .gi-xxsm-12 { width: 100%; } .gi-m.gi-xxsm-12 { width: 95.33333%; } .gi-ml.gi-xxsm-12, .gi-mr.gi-xxsm-12 { width: 97.66667%; } .gi-xxsm-in-12 { margin-left: 100%; } .gi-m.gi-xxsm-in-12, .gi-ml.gi-xxsm-in-12 { margin-left: 102.33333%; } .gi-xxsm-pr { padding-left: 0; padding-right: 2.33333%; } .gi-xxsm-pl { padding-left: 2.33333%; padding-right: 0; } } @media (min-width: 290px) { .gi-xsm-1 { width: 8.33333%; } .gi-m.gi-xsm-1 { width: 3.66667%; } .gi-ml.gi-xsm-1, .gi-mr.gi-xsm-1 { width: 6.0%; } .gi-xsm-in-1 { margin-left: 8.33333%; } .gi-m.gi-xsm-in-1, .gi-ml.gi-xsm-in-1 { margin-left: 10.66667%; } .gi-xsm-2 { width: 16.66667%; } .gi-m.gi-xsm-2 { width: 12.0%; } .gi-ml.gi-xsm-2, .gi-mr.gi-xsm-2 { width: 14.33333%; } .gi-xsm-in-2 { margin-left: 16.66667%; } .gi-m.gi-xsm-in-2, .gi-ml.gi-xsm-in-2 { margin-left: 19.0%; } .gi-xsm-3 { width: 25%; } .gi-m.gi-xsm-3 { width: 20.33333%; } .gi-ml.gi-xsm-3, .gi-mr.gi-xsm-3 { width: 22.66667%; } .gi-xsm-in-3 { margin-left: 25%; } .gi-m.gi-xsm-in-3, .gi-ml.gi-xsm-in-3 { margin-left: 27.33333%; } .gi-xsm-4 { width: 33.33333%; } .gi-m.gi-xsm-4 { width: 28.66667%; } .gi-ml.gi-xsm-4, .gi-mr.gi-xsm-4 { width: 31.0%; } .gi-xsm-in-4 { margin-left: 33.33333%; } .gi-m.gi-xsm-in-4, .gi-ml.gi-xsm-in-4 { margin-left: 35.66667%; } .gi-xsm-5 { width: 41.66667%; } .gi-m.gi-xsm-5 { width: 37.0%; } .gi-ml.gi-xsm-5, .gi-mr.gi-xsm-5 { width: 39.33333%; } .gi-xsm-in-5 { margin-left: 41.66667%; } .gi-m.gi-xsm-in-5, .gi-ml.gi-xsm-in-5 { margin-left: 44.0%; } .gi-xsm-6 { width: 50%; } .gi-m.gi-xsm-6 { width: 45.33333%; } .gi-ml.gi-xsm-6, .gi-mr.gi-xsm-6 { width: 47.66667%; } .gi-xsm-in-6 { margin-left: 50%; } .gi-m.gi-xsm-in-6, .gi-ml.gi-xsm-in-6 { margin-left: 52.33333%; } .gi-xsm-7 { width: 58.33333%; } .gi-m.gi-xsm-7 { width: 53.66667%; } .gi-ml.gi-xsm-7, .gi-mr.gi-xsm-7 { width: 56.0%; } .gi-xsm-in-7 { margin-left: 58.33333%; } .gi-m.gi-xsm-in-7, .gi-ml.gi-xsm-in-7 { margin-left: 60.66667%; } .gi-xsm-8 { width: 66.66667%; } .gi-m.gi-xsm-8 { width: 62.0%; } .gi-ml.gi-xsm-8, .gi-mr.gi-xsm-8 { width: 64.33333%; } .gi-xsm-in-8 { margin-left: 66.66667%; } .gi-m.gi-xsm-in-8, .gi-ml.gi-xsm-in-8 { margin-left: 69.0%; } .gi-xsm-9 { width: 75%; } .gi-m.gi-xsm-9 { width: 70.33333%; } .gi-ml.gi-xsm-9, .gi-mr.gi-xsm-9 { width: 72.66667%; } .gi-xsm-in-9 { margin-left: 75%; } .gi-m.gi-xsm-in-9, .gi-ml.gi-xsm-in-9 { margin-left: 77.33333%; } .gi-xsm-10 { width: 83.33333%; } .gi-m.gi-xsm-10 { width: 78.66667%; } .gi-ml.gi-xsm-10, .gi-mr.gi-xsm-10 { width: 81.0%; } .gi-xsm-in-10 { margin-left: 83.33333%; } .gi-m.gi-xsm-in-10, .gi-ml.gi-xsm-in-10 { margin-left: 85.66667%; } .gi-xsm-11 { width: 91.66667%; } .gi-m.gi-xsm-11 { width: 87.0%; } .gi-ml.gi-xsm-11, .gi-mr.gi-xsm-11 { width: 89.33333%; } .gi-xsm-in-11 { margin-left: 91.66667%; } .gi-m.gi-xsm-in-11, .gi-ml.gi-xsm-in-11 { margin-left: 94.0%; } .gi-xsm-12 { width: 100%; } .gi-m.gi-xsm-12 { width: 95.33333%; } .gi-ml.gi-xsm-12, .gi-mr.gi-xsm-12 { width: 97.66667%; } .gi-xsm-in-12 { margin-left: 100%; } .gi-m.gi-xsm-in-12, .gi-ml.gi-xsm-in-12 { margin-left: 102.33333%; } .gi-xsm-pr { padding-left: 0; padding-right: 2.33333%; } .gi-xsm-pl { padding-left: 2.33333%; padding-right: 0; } } @media (min-width: 480px) { .gi-sm-1 { width: 8.33333%; } .gi-m.gi-sm-1 { width: 3.66667%; } .gi-ml.gi-sm-1, .gi-mr.gi-sm-1 { width: 6.0%; } .gi-sm-in-1 { margin-left: 8.33333%; } .gi-m.gi-sm-in-1, .gi-ml.gi-sm-in-1 { margin-left: 10.66667%; } .gi-sm-2 { width: 16.66667%; } .gi-m.gi-sm-2 { width: 12.0%; } .gi-ml.gi-sm-2, .gi-mr.gi-sm-2 { width: 14.33333%; } .gi-sm-in-2 { margin-left: 16.66667%; } .gi-m.gi-sm-in-2, .gi-ml.gi-sm-in-2 { margin-left: 19.0%; } .gi-sm-3 { width: 25%; } .gi-m.gi-sm-3 { width: 20.33333%; } .gi-ml.gi-sm-3, .gi-mr.gi-sm-3 { width: 22.66667%; } .gi-sm-in-3 { margin-left: 25%; } .gi-m.gi-sm-in-3, .gi-ml.gi-sm-in-3 { margin-left: 27.33333%; } .gi-sm-4 { width: 33.33333%; } .gi-m.gi-sm-4 { width: 28.66667%; } .gi-ml.gi-sm-4, .gi-mr.gi-sm-4 { width: 31.0%; } .gi-sm-in-4 { margin-left: 33.33333%; } .gi-m.gi-sm-in-4, .gi-ml.gi-sm-in-4 { margin-left: 35.66667%; } .gi-sm-5 { width: 41.66667%; } .gi-m.gi-sm-5 { width: 37.0%; } .gi-ml.gi-sm-5, .gi-mr.gi-sm-5 { width: 39.33333%; } .gi-sm-in-5 { margin-left: 41.66667%; } .gi-m.gi-sm-in-5, .gi-ml.gi-sm-in-5 { margin-left: 44.0%; } .gi-sm-6 { width: 50%; } .gi-m.gi-sm-6 { width: 45.33333%; } .gi-ml.gi-sm-6, .gi-mr.gi-sm-6 { width: 47.66667%; } .gi-sm-in-6 { margin-left: 50%; } .gi-m.gi-sm-in-6, .gi-ml.gi-sm-in-6 { margin-left: 52.33333%; } .gi-sm-7 { width: 58.33333%; } .gi-m.gi-sm-7 { width: 53.66667%; } .gi-ml.gi-sm-7, .gi-mr.gi-sm-7 { width: 56.0%; } .gi-sm-in-7 { margin-left: 58.33333%; } .gi-m.gi-sm-in-7, .gi-ml.gi-sm-in-7 { margin-left: 60.66667%; } .gi-sm-8 { width: 66.66667%; } .gi-m.gi-sm-8 { width: 62.0%; } .gi-ml.gi-sm-8, .gi-mr.gi-sm-8 { width: 64.33333%; } .gi-sm-in-8 { margin-left: 66.66667%; } .gi-m.gi-sm-in-8, .gi-ml.gi-sm-in-8 { margin-left: 69.0%; } .gi-sm-9 { width: 75%; } .gi-m.gi-sm-9 { width: 70.33333%; } .gi-ml.gi-sm-9, .gi-mr.gi-sm-9 { width: 72.66667%; } .gi-sm-in-9 { margin-left: 75%; } .gi-m.gi-sm-in-9, .gi-ml.gi-sm-in-9 { margin-left: 77.33333%; } .gi-sm-10 { width: 83.33333%; } .gi-m.gi-sm-10 { width: 78.66667%; } .gi-ml.gi-sm-10, .gi-mr.gi-sm-10 { width: 81.0%; } .gi-sm-in-10 { margin-left: 83.33333%; } .gi-m.gi-sm-in-10, .gi-ml.gi-sm-in-10 { margin-left: 85.66667%; } .gi-sm-11 { width: 91.66667%; } .gi-m.gi-sm-11 { width: 87.0%; } .gi-ml.gi-sm-11, .gi-mr.gi-sm-11 { width: 89.33333%; } .gi-sm-in-11 { margin-left: 91.66667%; } .gi-m.gi-sm-in-11, .gi-ml.gi-sm-in-11 { margin-left: 94.0%; } .gi-sm-12 { width: 100%; } .gi-m.gi-sm-12 { width: 95.33333%; } .gi-ml.gi-sm-12, .gi-mr.gi-sm-12 { width: 97.66667%; } .gi-sm-in-12 { margin-left: 100%; } .gi-m.gi-sm-in-12, .gi-ml.gi-sm-in-12 { margin-left: 102.33333%; } .gi-sm-pr { padding-left: 0; padding-right: 2.33333%; } .gi-sm-pl { padding-left: 2.33333%; padding-right: 0; } } @media (min-width: 768px) { .gi-md-1 { width: 8.33333%; } .gi-m.gi-md-1 { width: 3.66667%; } .gi-ml.gi-md-1, .gi-mr.gi-md-1 { width: 6.0%; } .gi-md-in-1 { margin-left: 8.33333%; } .gi-m.gi-md-in-1, .gi-ml.gi-md-in-1 { margin-left: 10.66667%; } .gi-md-2 { width: 16.66667%; } .gi-m.gi-md-2 { width: 12.0%; } .gi-ml.gi-md-2, .gi-mr.gi-md-2 { width: 14.33333%; } .gi-md-in-2 { margin-left: 16.66667%; } .gi-m.gi-md-in-2, .gi-ml.gi-md-in-2 { margin-left: 19.0%; } .gi-md-3 { width: 25%; } .gi-m.gi-md-3 { width: 20.33333%; } .gi-ml.gi-md-3, .gi-mr.gi-md-3 { width: 22.66667%; } .gi-md-in-3 { margin-left: 25%; } .gi-m.gi-md-in-3, .gi-ml.gi-md-in-3 { margin-left: 27.33333%; } .gi-md-4 { width: 33.33333%; } .gi-m.gi-md-4 { width: 28.66667%; } .gi-ml.gi-md-4, .gi-mr.gi-md-4 { width: 31.0%; } .gi-md-in-4 { margin-left: 33.33333%; } .gi-m.gi-md-in-4, .gi-ml.gi-md-in-4 { margin-left: 35.66667%; } .gi-md-5 { width: 41.66667%; } .gi-m.gi-md-5 { width: 37.0%; } .gi-ml.gi-md-5, .gi-mr.gi-md-5 { width: 39.33333%; } .gi-md-in-5 { margin-left: 41.66667%; } .gi-m.gi-md-in-5, .gi-ml.gi-md-in-5 { margin-left: 44.0%; } .gi-md-6 { width: 50%; } .gi-m.gi-md-6 { width: 45.33333%; } .gi-ml.gi-md-6, .gi-mr.gi-md-6 { width: 47.66667%; } .gi-md-in-6 { margin-left: 50%; } .gi-m.gi-md-in-6, .gi-ml.gi-md-in-6 { margin-left: 52.33333%; } .gi-md-7 { width: 58.33333%; } .gi-m.gi-md-7 { width: 53.66667%; } .gi-ml.gi-md-7, .gi-mr.gi-md-7 { width: 56.0%; } .gi-md-in-7 { margin-left: 58.33333%; } .gi-m.gi-md-in-7, .gi-ml.gi-md-in-7 { margin-left: 60.66667%; } .gi-md-8 { width: 66.66667%; } .gi-m.gi-md-8 { width: 62.0%; } .gi-ml.gi-md-8, .gi-mr.gi-md-8 { width: 64.33333%; } .gi-md-in-8 { margin-left: 66.66667%; } .gi-m.gi-md-in-8, .gi-ml.gi-md-in-8 { margin-left: 69.0%; } .gi-md-9 { width: 75%; } .gi-m.gi-md-9 { width: 70.33333%; } .gi-ml.gi-md-9, .gi-mr.gi-md-9 { width: 72.66667%; } .gi-md-in-9 { margin-left: 75%; } .gi-m.gi-md-in-9, .gi-ml.gi-md-in-9 { margin-left: 77.33333%; } .gi-md-10 { width: 83.33333%; } .gi-m.gi-md-10 { width: 78.66667%; } .gi-ml.gi-md-10, .gi-mr.gi-md-10 { width: 81.0%; } .gi-md-in-10 { margin-left: 83.33333%; } .gi-m.gi-md-in-10, .gi-ml.gi-md-in-10 { margin-left: 85.66667%; } .gi-md-11 { width: 91.66667%; } .gi-m.gi-md-11 { width: 87.0%; } .gi-ml.gi-md-11, .gi-mr.gi-md-11 { width: 89.33333%; } .gi-md-in-11 { margin-left: 91.66667%; } .gi-m.gi-md-in-11, .gi-ml.gi-md-in-11 { margin-left: 94.0%; } .gi-md-12 { width: 100%; } .gi-m.gi-md-12 { width: 95.33333%; } .gi-ml.gi-md-12, .gi-mr.gi-md-12 { width: 97.66667%; } .gi-md-in-12 { margin-left: 100%; } .gi-m.gi-md-in-12, .gi-ml.gi-md-in-12 { margin-left: 102.33333%; } .gi-md-pr { padding-left: 0; padding-right: 2.33333%; } .gi-md-pl { padding-left: 2.33333%; padding-right: 0; } } @media (min-width: 1024px) { .gi-lg-1 { width: 8.33333%; } .gi-m.gi-lg-1 { width: 3.66667%; } .gi-ml.gi-lg-1, .gi-mr.gi-lg-1 { width: 6.0%; } .gi-lg-in-1 { margin-left: 8.33333%; } .gi-m.gi-lg-in-1, .gi-ml.gi-lg-in-1 { margin-left: 10.66667%; } .gi-lg-2 { width: 16.66667%; } .gi-m.gi-lg-2 { width: 12.0%; } .gi-ml.gi-lg-2, .gi-mr.gi-lg-2 { width: 14.33333%; } .gi-lg-in-2 { margin-left: 16.66667%; } .gi-m.gi-lg-in-2, .gi-ml.gi-lg-in-2 { margin-left: 19.0%; } .gi-lg-3 { width: 25%; } .gi-m.gi-lg-3 { width: 20.33333%; } .gi-ml.gi-lg-3, .gi-mr.gi-lg-3 { width: 22.66667%; } .gi-lg-in-3 { margin-left: 25%; } .gi-m.gi-lg-in-3, .gi-ml.gi-lg-in-3 { margin-left: 27.33333%; } .gi-lg-4 { width: 33.33333%; } .gi-m.gi-lg-4 { width: 28.66667%; } .gi-ml.gi-lg-4, .gi-mr.gi-lg-4 { width: 31.0%; } .gi-lg-in-4 { margin-left: 33.33333%; } .gi-m.gi-lg-in-4, .gi-ml.gi-lg-in-4 { margin-left: 35.66667%; } .gi-lg-5 { width: 41.66667%; } .gi-m.gi-lg-5 { width: 37.0%; } .gi-ml.gi-lg-5, .gi-mr.gi-lg-5 { width: 39.33333%; } .gi-lg-in-5 { margin-left: 41.66667%; } .gi-m.gi-lg-in-5, .gi-ml.gi-lg-in-5 { margin-left: 44.0%; } .gi-lg-6 { width: 50%; } .gi-m.gi-lg-6 { width: 45.33333%; } .gi-ml.gi-lg-6, .gi-mr.gi-lg-6 { width: 47.66667%; } .gi-lg-in-6 { margin-left: 50%; } .gi-m.gi-lg-in-6, .gi-ml.gi-lg-in-6 { margin-left: 52.33333%; } .gi-lg-7 { width: 58.33333%; } .gi-m.gi-lg-7 { width: 53.66667%; } .gi-ml.gi-lg-7, .gi-mr.gi-lg-7 { width: 56.0%; } .gi-lg-in-7 { margin-left: 58.33333%; } .gi-m.gi-lg-in-7, .gi-ml.gi-lg-in-7 { margin-left: 60.66667%; } .gi-lg-8 { width: 66.66667%; } .gi-m.gi-lg-8 { width: 62.0%; } .gi-ml.gi-lg-8, .gi-mr.gi-lg-8 { width: 64.33333%; } .gi-lg-in-8 { margin-left: 66.66667%; } .gi-m.gi-lg-in-8, .gi-ml.gi-lg-in-8 { margin-left: 69.0%; } .gi-lg-9 { width: 75%; } .gi-m.gi-lg-9 { width: 70.33333%; } .gi-ml.gi-lg-9, .gi-mr.gi-lg-9 { width: 72.66667%; } .gi-lg-in-9 { margin-left: 75%; } .gi-m.gi-lg-in-9, .gi-ml.gi-lg-in-9 { margin-left: 77.33333%; } .gi-lg-10 { width: 83.33333%; } .gi-m.gi-lg-10 { width: 78.66667%; } .gi-ml.gi-lg-10, .gi-mr.gi-lg-10 { width: 81.0%; } .gi-lg-in-10 { margin-left: 83.33333%; } .gi-m.gi-lg-in-10, .gi-ml.gi-lg-in-10 { margin-left: 85.66667%; } .gi-lg-11 { width: 91.66667%; } .gi-m.gi-lg-11 { width: 87.0%; } .gi-ml.gi-lg-11, .gi-mr.gi-lg-11 { width: 89.33333%; } .gi-lg-in-11 { margin-left: 91.66667%; } .gi-m.gi-lg-in-11, .gi-ml.gi-lg-in-11 { margin-left: 94.0%; } .gi-lg-12 { width: 100%; } .gi-m.gi-lg-12 { width: 95.33333%; } .gi-ml.gi-lg-12, .gi-mr.gi-lg-12 { width: 97.66667%; } .gi-lg-in-12 { margin-left: 100%; } .gi-m.gi-lg-in-12, .gi-ml.gi-lg-in-12 { margin-left: 102.33333%; } .gi-lg-pr { padding-left: 0; padding-right: 2.33333%; } .gi-lg-pl { padding-left: 2.33333%; padding-right: 0; } } @media (min-width: 1440px) { .gi-xl-1 { width: 8.33333%; } .gi-m.gi-xl-1 { width: 3.66667%; } .gi-ml.gi-xl-1, .gi-mr.gi-xl-1 { width: 6.0%; } .gi-xl-in-1 { margin-left: 8.33333%; } .gi-m.gi-xl-in-1, .gi-ml.gi-xl-in-1 { margin-left: 10.66667%; } .gi-xl-2 { width: 16.66667%; } .gi-m.gi-xl-2 { width: 12.0%; } .gi-ml.gi-xl-2, .gi-mr.gi-xl-2 { width: 14.33333%; } .gi-xl-in-2 { margin-left: 16.66667%; } .gi-m.gi-xl-in-2, .gi-ml.gi-xl-in-2 { margin-left: 19.0%; } .gi-xl-3 { width: 25%; } .gi-m.gi-xl-3 { width: 20.33333%; } .gi-ml.gi-xl-3, .gi-mr.gi-xl-3 { width: 22.66667%; } .gi-xl-in-3 { margin-left: 25%; } .gi-m.gi-xl-in-3, .gi-ml.gi-xl-in-3 { margin-left: 27.33333%; } .gi-xl-4 { width: 33.33333%; } .gi-m.gi-xl-4 { width: 28.66667%; } .gi-ml.gi-xl-4, .gi-mr.gi-xl-4 { width: 31.0%; } .gi-xl-in-4 { margin-left: 33.33333%; } .gi-m.gi-xl-in-4, .gi-ml.gi-xl-in-4 { margin-left: 35.66667%; } .gi-xl-5 { width: 41.66667%; } .gi-m.gi-xl-5 { width: 37.0%; } .gi-ml.gi-xl-5, .gi-mr.gi-xl-5 { width: 39.33333%; } .gi-xl-in-5 { margin-left: 41.66667%; } .gi-m.gi-xl-in-5, .gi-ml.gi-xl-in-5 { margin-left: 44.0%; } .gi-xl-6 { width: 50%; } .gi-m.gi-xl-6 { width: 45.33333%; } .gi-ml.gi-xl-6, .gi-mr.gi-xl-6 { width: 47.66667%; } .gi-xl-in-6 { margin-left: 50%; } .gi-m.gi-xl-in-6, .gi-ml.gi-xl-in-6 { margin-left: 52.33333%; } .gi-xl-7 { width: 58.33333%; } .gi-m.gi-xl-7 { width: 53.66667%; } .gi-ml.gi-xl-7, .gi-mr.gi-xl-7 { width: 56.0%; } .gi-xl-in-7 { margin-left: 58.33333%; } .gi-m.gi-xl-in-7, .gi-ml.gi-xl-in-7 { margin-left: 60.66667%; } .gi-xl-8 { width: 66.66667%; } .gi-m.gi-xl-8 { width: 62.0%; } .gi-ml.gi-xl-8, .gi-mr.gi-xl-8 { width: 64.33333%; } .gi-xl-in-8 { margin-left: 66.66667%; } .gi-m.gi-xl-in-8, .gi-ml.gi-xl-in-8 { margin-left: 69.0%; } .gi-xl-9 { width: 75%; } .gi-m.gi-xl-9 { width: 70.33333%; } .gi-ml.gi-xl-9, .gi-mr.gi-xl-9 { width: 72.66667%; } .gi-xl-in-9 { margin-left: 75%; } .gi-m.gi-xl-in-9, .gi-ml.gi-xl-in-9 { margin-left: 77.33333%; } .gi-xl-10 { width: 83.33333%; } .gi-m.gi-xl-10 { width: 78.66667%; } .gi-ml.gi-xl-10, .gi-mr.gi-xl-10 { width: 81.0%; } .gi-xl-in-10 { margin-left: 83.33333%; } .gi-m.gi-xl-in-10, .gi-ml.gi-xl-in-10 { margin-left: 85.66667%; } .gi-xl-11 { width: 91.66667%; } .gi-m.gi-xl-11 { width: 87.0%; } .gi-ml.gi-xl-11, .gi-mr.gi-xl-11 { width: 89.33333%; } .gi-xl-in-11 { margin-left: 91.66667%; } .gi-m.gi-xl-in-11, .gi-ml.gi-xl-in-11 { margin-left: 94.0%; } .gi-xl-12 { width: 100%; } .gi-m.gi-xl-12 { width: 95.33333%; } .gi-ml.gi-xl-12, .gi-mr.gi-xl-12 { width: 97.66667%; } .gi-xl-in-12 { margin-left: 100%; } .gi-m.gi-xl-in-12, .gi-ml.gi-xl-in-12 { margin-left: 102.33333%; } .gi-xl-pr { padding-left: 0; padding-right: 2.33333%; } .gi-xl-pl { padding-left: 2.33333%; padding-right: 0; } } @media (min-width: 900px) { .gi-menu-1 { width: 8.33333%; } .gi-m.gi-menu-1 { width: 3.66667%; } .gi-ml.gi-menu-1, .gi-mr.gi-menu-1 { width: 6.0%; } .gi-menu-in-1 { margin-left: 8.33333%; } .gi-m.gi-menu-in-1, .gi-ml.gi-menu-in-1 { margin-left: 10.66667%; } .gi-menu-2 { width: 16.66667%; } .gi-m.gi-menu-2 { width: 12.0%; } .gi-ml.gi-menu-2, .gi-mr.gi-menu-2 { width: 14.33333%; } .gi-menu-in-2 { margin-left: 16.66667%; } .gi-m.gi-menu-in-2, .gi-ml.gi-menu-in-2 { margin-left: 19.0%; } .gi-menu-3 { width: 25%; } .gi-m.gi-menu-3 { width: 20.33333%; } .gi-ml.gi-menu-3, .gi-mr.gi-menu-3 { width: 22.66667%; } .gi-menu-in-3 { margin-left: 25%; } .gi-m.gi-menu-in-3, .gi-ml.gi-menu-in-3 { margin-left: 27.33333%; } .gi-menu-4 { width: 33.33333%; } .gi-m.gi-menu-4 { width: 28.66667%; } .gi-ml.gi-menu-4, .gi-mr.gi-menu-4 { width: 31.0%; } .gi-menu-in-4 { margin-left: 33.33333%; } .gi-m.gi-menu-in-4, .gi-ml.gi-menu-in-4 { margin-left: 35.66667%; } .gi-menu-5 { width: 41.66667%; } .gi-m.gi-menu-5 { width: 37.0%; } .gi-ml.gi-menu-5, .gi-mr.gi-menu-5 { width: 39.33333%; } .gi-menu-in-5 { margin-left: 41.66667%; } .gi-m.gi-menu-in-5, .gi-ml.gi-menu-in-5 { margin-left: 44.0%; } .gi-menu-6 { width: 50%; } .gi-m.gi-menu-6 { width: 45.33333%; } .gi-ml.gi-menu-6, .gi-mr.gi-menu-6 { width: 47.66667%; } .gi-menu-in-6 { margin-left: 50%; } .gi-m.gi-menu-in-6, .gi-ml.gi-menu-in-6 { margin-left: 52.33333%; } .gi-menu-7 { width: 58.33333%; } .gi-m.gi-menu-7 { width: 53.66667%; } .gi-ml.gi-menu-7, .gi-mr.gi-menu-7 { width: 56.0%; } .gi-menu-in-7 { margin-left: 58.33333%; } .gi-m.gi-menu-in-7, .gi-ml.gi-menu-in-7 { margin-left: 60.66667%; } .gi-menu-8 { width: 66.66667%; } .gi-m.gi-menu-8 { width: 62.0%; } .gi-ml.gi-menu-8, .gi-mr.gi-menu-8 { width: 64.33333%; } .gi-menu-in-8 { margin-left: 66.66667%; } .gi-m.gi-menu-in-8, .gi-ml.gi-menu-in-8 { margin-left: 69.0%; } .gi-menu-9 { width: 75%; } .gi-m.gi-menu-9 { width: 70.33333%; } .gi-ml.gi-menu-9, .gi-mr.gi-menu-9 { width: 72.66667%; } .gi-menu-in-9 { margin-left: 75%; } .gi-m.gi-menu-in-9, .gi-ml.gi-menu-in-9 { margin-left: 77.33333%; } .gi-menu-10 { width: 83.33333%; } .gi-m.gi-menu-10 { width: 78.66667%; } .gi-ml.gi-menu-10, .gi-mr.gi-menu-10 { width: 81.0%; } .gi-menu-in-10 { margin-left: 83.33333%; } .gi-m.gi-menu-in-10, .gi-ml.gi-menu-in-10 { margin-left: 85.66667%; } .gi-menu-11 { width: 91.66667%; } .gi-m.gi-menu-11 { width: 87.0%; } .gi-ml.gi-menu-11, .gi-mr.gi-menu-11 { width: 89.33333%; } .gi-menu-in-11 { margin-left: 91.66667%; } .gi-m.gi-menu-in-11, .gi-ml.gi-menu-in-11 { margin-left: 94.0%; } .gi-menu-12 { width: 100%; } .gi-m.gi-menu-12 { width: 95.33333%; } .gi-ml.gi-menu-12, .gi-mr.gi-menu-12 { width: 97.66667%; } .gi-menu-in-12 { margin-left: 100%; } .gi-m.gi-menu-in-12, .gi-ml.gi-menu-in-12 { margin-left: 102.33333%; } .gi-menu-pr { padding-left: 0; padding-right: 2.33333%; } .gi-menu-pl { padding-left: 2.33333%; padding-right: 0; } } @media (min-width: 899px) { .gi-menu-lower-1 { width: 8.33333%; } .gi-m.gi-menu-lower-1 { width: 3.66667%; } .gi-ml.gi-menu-lower-1, .gi-mr.gi-menu-lower-1 { width: 6.0%; } .gi-menu-lower-in-1 { margin-left: 8.33333%; } .gi-m.gi-menu-lower-in-1, .gi-ml.gi-menu-lower-in-1 { margin-left: 10.66667%; } .gi-menu-lower-2 { width: 16.66667%; } .gi-m.gi-menu-lower-2 { width: 12.0%; } .gi-ml.gi-menu-lower-2, .gi-mr.gi-menu-lower-2 { width: 14.33333%; } .gi-menu-lower-in-2 { margin-left: 16.66667%; } .gi-m.gi-menu-lower-in-2, .gi-ml.gi-menu-lower-in-2 { margin-left: 19.0%; } .gi-menu-lower-3 { width: 25%; } .gi-m.gi-menu-lower-3 { width: 20.33333%; } .gi-ml.gi-menu-lower-3, .gi-mr.gi-menu-lower-3 { width: 22.66667%; } .gi-menu-lower-in-3 { margin-left: 25%; } .gi-m.gi-menu-lower-in-3, .gi-ml.gi-menu-lower-in-3 { margin-left: 27.33333%; } .gi-menu-lower-4 { width: 33.33333%; } .gi-m.gi-menu-lower-4 { width: 28.66667%; } .gi-ml.gi-menu-lower-4, .gi-mr.gi-menu-lower-4 { width: 31.0%; } .gi-menu-lower-in-4 { margin-left: 33.33333%; } .gi-m.gi-menu-lower-in-4, .gi-ml.gi-menu-lower-in-4 { margin-left: 35.66667%; } .gi-menu-lower-5 { width: 41.66667%; } .gi-m.gi-menu-lower-5 { width: 37.0%; } .gi-ml.gi-menu-lower-5, .gi-mr.gi-menu-lower-5 { width: 39.33333%; } .gi-menu-lower-in-5 { margin-left: 41.66667%; } .gi-m.gi-menu-lower-in-5, .gi-ml.gi-menu-lower-in-5 { margin-left: 44.0%; } .gi-menu-lower-6 { width: 50%; } .gi-m.gi-menu-lower-6 { width: 45.33333%; } .gi-ml.gi-menu-lower-6, .gi-mr.gi-menu-lower-6 { width: 47.66667%; } .gi-menu-lower-in-6 { margin-left: 50%; } .gi-m.gi-menu-lower-in-6, .gi-ml.gi-menu-lower-in-6 { margin-left: 52.33333%; } .gi-menu-lower-7 { width: 58.33333%; } .gi-m.gi-menu-lower-7 { width: 53.66667%; } .gi-ml.gi-menu-lower-7, .gi-mr.gi-menu-lower-7 { width: 56.0%; } .gi-menu-lower-in-7 { margin-left: 58.33333%; } .gi-m.gi-menu-lower-in-7, .gi-ml.gi-menu-lower-in-7 { margin-left: 60.66667%; } .gi-menu-lower-8 { width: 66.66667%; } .gi-m.gi-menu-lower-8 { width: 62.0%; } .gi-ml.gi-menu-lower-8, .gi-mr.gi-menu-lower-8 { width: 64.33333%; } .gi-menu-lower-in-8 { margin-left: 66.66667%; } .gi-m.gi-menu-lower-in-8, .gi-ml.gi-menu-lower-in-8 { margin-left: 69.0%; } .gi-menu-lower-9 { width: 75%; } .gi-m.gi-menu-lower-9 { width: 70.33333%; } .gi-ml.gi-menu-lower-9, .gi-mr.gi-menu-lower-9 { width: 72.66667%; } .gi-menu-lower-in-9 { margin-left: 75%; } .gi-m.gi-menu-lower-in-9, .gi-ml.gi-menu-lower-in-9 { margin-left: 77.33333%; } .gi-menu-lower-10 { width: 83.33333%; } .gi-m.gi-menu-lower-10 { width: 78.66667%; } .gi-ml.gi-menu-lower-10, .gi-mr.gi-menu-lower-10 { width: 81.0%; } .gi-menu-lower-in-10 { margin-left: 83.33333%; } .gi-m.gi-menu-lower-in-10, .gi-ml.gi-menu-lower-in-10 { margin-left: 85.66667%; } .gi-menu-lower-11 { width: 91.66667%; } .gi-m.gi-menu-lower-11 { width: 87.0%; } .gi-ml.gi-menu-lower-11, .gi-mr.gi-menu-lower-11 { width: 89.33333%; } .gi-menu-lower-in-11 { margin-left: 91.66667%; } .gi-m.gi-menu-lower-in-11, .gi-ml.gi-menu-lower-in-11 { margin-left: 94.0%; } .gi-menu-lower-12 { width: 100%; } .gi-m.gi-menu-lower-12 { width: 95.33333%; } .gi-ml.gi-menu-lower-12, .gi-mr.gi-menu-lower-12 { width: 97.66667%; } .gi-menu-lower-in-12 { margin-left: 100%; } .gi-m.gi-menu-lower-in-12, .gi-ml.gi-menu-lower-in-12 { margin-left: 102.33333%; } .gi-menu-lower-pr { padding-left: 0; padding-right: 2.33333%; } .gi-menu-lower-pl { padding-left: 2.33333%; padding-right: 0; } } /** * OBJECTS.LAYOUT * * @description : Core layout objects used in addition to the grid * */ .o-buffer { padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 480px) { .o-buffer { padding-left: 1.25rem; padding-right: 1.25rem; } } @media (min-width: 768px) { .o-buffer { padding-left: 2.5rem; padding-right: 2.5rem; } } .o-page { max-width: 100%; height: auto; overflow-x: hidden; } .o-module-pb-0 { padding-bottom: 0; } .o-module--pb-sm { padding-bottom: 2rem !important; } @media (min-width: 768px) { .o-module--pb-sm { padding-bottom: 3.125rem !important; } } .o-module--pb-md { padding-bottom: 3.125rem !important; } @media (min-width: 768px) { .o-module--pb-md { padding-bottom: 5.625rem !important; } } .o-module--pb-lg { padding-bottom: 5.625rem !important; } @media (min-width: 768px) { .o-module--pb-lg { padding-bottom: 10rem !important; } } /** * 6. TYPOGRAPHY * */ /** * TYPOGRAPHY.LEADER * * @description : * */ .t-leader { font-size: 1.125rem; font-family: "Domaine Display", "Times New Roman", Times, serif; } @media (min-width: 768px) { .t-leader { font-size: 1.75rem; } } @media (min-width: 1024px) { .t-leader { font-size: 2.8125rem; } } .t-leader--small { font-weight: 300; font-size: 1.125rem; } .t-title_1 { font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 4rem; font-weight: 300; letter-spacing: -0.01em; } @media (min-width: 768px) { .t-title_1 { font-size: 9.375rem; } } @media (min-width: 1024px) { .t-title_1 { font-size: 21.875rem; } } .t-title_2 { font-family: "Domaine Display", "Times New Roman", Times, serif; line-height: 70px; font-size: 4rem; font-weight: 300; letter-spacing: -0.01em; } @media (min-width: 768px) { .t-title_2 { font-size: 6.25rem; line-height: 110px; } } @media (min-width: 1024px) { .t-title_2 { line-height: 190px; font-size: 9.6875rem; } } .t-title_3 { font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 3.125rem; font-weight: 300; letter-spacing: -0.01em; line-height: 3.75rem; } @media (min-width: 768px) { .t-title_3 { font-size: 5.625rem; } } @media (min-width: 1024px) { .t-title_3 { font-size: 8.75rem; line-height: 7.5rem; letter-spacing: -4.5; } } .t-title_4 { font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 2.5rem; font-weight: 300; letter-spacing: -0.01em; line-height: 50px; } @media (min-width: 768px) { .t-title_4 { line-height: 110px; font-size: 6.25rem; } } .t-title_5 { font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 1.375rem; font-weight: 300; } @media (min-width: 768px) { .t-title_5 { font-size: 1.625rem; } } @media (min-width: 768px) { .t-title_5 { line-height: 43px; font-size: 2.25rem; } } .t-title_6 { font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 1.5rem; font-weight: 300; letter-spacing: -0.48px; } @media (min-width: 768px) { .t-title_6 { line-height: 36px; font-size: 1.875rem; } } .t-title_7 { font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 1.25rem; font-weight: 300; letter-spacing: -0.48px; } @media (min-width: 768px) { .t-title_7 { line-height: 30px; font-size: 1.625rem; } } .t-body_heading_1 { font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 1.5rem; line-height: 1.5rem; font-weight: 300; margin-bottom: 0.75rem; } @media (min-width: 768px) { .t-body_heading_1 { line-height: 2.25rem; font-size: 1.875rem; margin-bottom: 1rem; } } .t-body_heading_2 { font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 1.25rem; font-weight: 300; margin-bottom: 0.5rem; } @media (min-width: 768px) { .t-body_heading_2 { line-height: 23px; font-size: 1.4375rem; margin-bottom: 0.75rem; } } .t-body_heading_3 { font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 1.0625rem; line-height: 23px; font-weight: 600; margin-bottom: 0.5rem; } .t-body_subheading { font-size: 1.625rem; line-height: 30px; font-weight: 300; } .t-lede { font-size: 1.25rem; font-weight: 300; margin-bottom: 0.5rem; } @media (min-width: 768px) { .t-lede { line-height: 30px; font-size: 1.625rem; } } /** * 7. COMPONENTS * A component is a reusable chunk of UI that is clearly designed, as opposed to an object. * Clearly refers to a block of UI: pagination, buttons, modals, icons... etc * You should be able to take a component and paste it anywhere in the app * Must be built with classes only */ /** * COMPONENTS.Banner-Text * * @description : Text banner module, heading and sub-heading * */ .c-banner-text { background-color: #323b32; } .c-banner-text__inner { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem 1rem; } @media (min-width: 480px) { .c-banner-text__inner { padding: 5rem 1rem; } } @media (min-width: 768px) { .c-banner-text__inner { padding: 7.5rem 0rem; } } .c-banner-text__heading { text-align: center; color: #c8905c; font-size: 2.625rem; line-height: 3.125rem; } @media (min-width: 768px) { .c-banner-text__heading { font-size: 5.125rem; line-height: 6.25rem; } } .c-banner-text__sub-heading { text-align: center; margin-top: 1.5rem; font-size: 1rem; font-weight: 300; color: #ffffff; font-weight: 300; margin-bottom: 0; } @media (min-width: 480px) { .c-banner-text__sub-heading { margin-top: 3rem; } } @media (min-width: 768px) { .c-banner-text__sub-heading { font-size: 1.5625rem; } } /** * COMPONENTS.BOOK-NOW-BAR * * @description : * */ .c-book_now_bar { background: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04); left: 0; opacity: 0; padding: 0.1875rem 0.625rem; pointer-events: none; position: fixed; right: 0; top: 4.6875rem; transform: translateY(-10px); transition: .2s; z-index: 9999; } @media (min-width: 768px) { .c-book_now_bar { height: 60px; padding: 0 1.25rem; } } body.hotel .c-book_now_bar { display: none; } .c-book_now_bar.is-partially-complete, .is-scrolled .c-book_now_bar { opacity: 1; pointer-events: all; transform: translateY(0); } .c-book_now_bar .b, .c-book_now_bar form { height: 100%; } @media (min-width: 900px) { .c-book_now_bar { top: 5.625rem; } } .c-book_now_bar__content { align-items: center; display: flex; flex-direction: row; height: 100%; justify-content: space-between; } .c-book_now_bar__filter_list { align-items: center; display: flex; flex: 1 0; flex-direction: row; flex-wrap: wrap; height: 100%; padding-bottom: 6px; } @media (min-width: 768px) { .c-book_now_bar__filter_list { flex-wrap: nowrap; padding-bottom: 2px; } } .c-book_now_bar__filter_item { flex: 1 0 auto; font-size: 0.75rem; height: 1.875rem; padding-right: 16px; width: 50%; } @media (min-width: 768px) { .c-book_now_bar__filter_item { flex: 1 0 0; font-size: 1rem; height: 2.5rem; width: auto; } .c-book_now_bar__filter_item:last-child { padding-right: 0; } } @media (min-width: 1024px) { .c-book_now_bar__filter_item { padding-right: 24px; } } @media (min-width: 1440px) { .c-book_now_bar__filter_item { font-size: 1.125rem; padding-right: 38px; } } @media (min-width: 0) and (max-width: 768px) { .c-book_now_bar__filter_item--hotel { order: 0; } .c-book_now_bar__filter_item--depart { order: 3; } .c-book_now_bar__filter_item--arrive { order: 2; } .c-book_now_bar__filter_item--promo-code { order: 1; } } .c-book_now_bar__select { background-position: center right; border: 0; border-bottom: 1px solid #bcb2a6; border-radius: 0; color: inherit; cursor: pointer; font-family: "Domaine Display", "Times New Roman", Times, serif; height: 100%; padding: 0 1.25rem 0 0; } .c-book_now_bar__datepicker_item { height: 100%; position: relative; } .c-book_now_bar__datepicker_btn { background: url(/img/icons/calendar-slate.svg) center right no-repeat; background-size: 1rem 1rem; border: 0; border-bottom: 1px solid #bcb2a6; color: inherit; display: block; cursor: pointer; font: inherit; font-family: "Domaine Display", "Times New Roman", Times, serif; height: 100%; outline: 0; padding: 0 1.25rem 0 0; text-align: left; width: 100%; } .c-book_now_bar__datepicker_btn:focus { border-color: currentColor; outline: 0; } .c-book_now_bar__datepicker_btn + .qs-datepicker-container { margin-top: 4px; } @media (min-width: 0) and (max-width: 768px) { .c-book_now_bar__datepicker_btn + .qs-datepicker-container { left: 10px !important; position: fixed !important; top: 100% !important; right: 10px !important; width: auto !important; } } .c-book_now_bar__date_label { color: #bcb2a6; display: inline-block; padding-right: .5em; pointer-events: none; } .is-empty .c-book_now_bar__date_label { color: inherit; } .c-book_now_bar__datepicker_date { pointer-events: none; } .c-book_now_bar__offer { font-family: "Domaine Display", "Times New Roman", Times, serif; height: 100%; position: relative; } .c-book_now_bar__offer_input { background: transparent; border: 0; border-bottom: 1px solid #bcb2a6; border-radius: 0; color: inherit; display: block; cursor: pointer; font: inherit; height: 100%; padding: 0 1.25rem 0 0; text-align: left; text-transform: uppercase; width: 100%; } .c-book_now_bar__offer_label { align-items: center; display: flex; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; white-space: nowrap; width: 100%; } .c-book_now_bar__offer_input:focus ~ .c-book_now_bar__offer_label { display: none; } .c-book_now_bar__submit { background: #c8905c; border: 0; border-radius: 2px; color: #fff; cursor: pointer; font: inherit; font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 0.75rem; height: auto; letter-spacing: -0.02em; margin-left: 0; max-width: 25%; padding: 8px; text-align: center; transition: background-color 0.2s ease; width: auto; } @media (min-width: 768px) { .c-book_now_bar__submit { font-size: 1rem; height: 2.5rem; line-height: 2.5rem; margin-left: 26px; padding: 0 24px; } } @media (min-width: 1024px) { .c-book_now_bar__submit { margin-left: 30px; } } @media (min-width: 1440px) { .c-book_now_bar__submit { margin-left: 38px; width: 215px; } } .c-book_now_bar__submit:hover { background: #c28349; } /** * COMPONENTS.BOOKING-FORM * * @description : * */ .c-booking_form { padding: 1rem; } @media (min-width: 1024px) { .c-booking_form { padding: 2rem; } } .c-booking_form__hotel { font-weight: 300; } .c-booking_form__hotel option { font-weight: 300; } .c-booking_form__hotel_disabled { display: none; } .c-booking_form--light { background-color: #fbf5ee; } .c-booking_form--olive { background-color: #323b32; color: #ffffff; } .c-booking_form--olive .c-booking_form__hotel { color: #ffffff; } .c-booking_form--olive .c-booking_form__hotel option, .c-booking_form--olive .c-booking_form__hotel optgroup { color: #00242f; } .c-booking_form__inputs { margin-bottom: 2rem; } @media (min-width: 1024px) { .c-booking_form__inputs { margin-bottom: 0; } } .c-booking_form__title { font-size: 2.5rem; font-weight: bold; color: #c8905c; text-align: center; line-height: 0.8; margin-bottom: 1em; } @media (min-width: 1024px) { .c-booking_form__title { margin-bottom: 0; font-size: 3.75rem; text-align: left; } } .c-booking_form__datepicker_item { display: flex; justify-content: center; align-items: stretch; } @media (min-width: 0) and (max-width: 768px) { .c-booking_form .js-booking-depart + .qs-datepicker-container { left: unset !important; } } .c-booking_form__datepicker_btn { font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 15px; width: 75px; height: 75px; background-color: #fff; border-radius: 100%; cursor: pointer; transition: box-shadow 0.15s ease; outline: none; } .c-booking_form__datepicker_btn:hover, .c-booking_form__datepicker_btn:focus { box-shadow: rgba(0, 0, 0, 0.1) 0 4px 16px; } .c-booking_form__datepicker_btn span { display: block; pointer-events: none; text-align: center; } @media (min-width: 480px) { .c-booking_form__datepicker_btn { width: 100px; height: 100px; } } .c-booking_form__date_label { font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #323b32; font-weight: 300; } .c-booking_form__offer_label { font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #c8905c; font-weight: 300; font-size: 12px; margin-bottom: 8px; } @media (min-width: 480px) { .c-booking_form__offer_label { font-size: 15px; } } .c-booking_form__datepicker_date { font-size: 26px; line-height: 26px; font-weight: 600; } @media (min-width: 480px) { .c-booking_form__datepicker_date { font-size: 30px; line-height: 36px; } } .c-booking_form__datepicker_guests { display: flex; flex-direction: column; justify-content: center; align-items: center; } .c-booking_form__datepicker_guests:hover { background-color: #fff; } .c-booking_form__datepicker_guests_input { color: #323b32; width: 26px; height: 26px; margin: 0; border: 0; font-weight: bold; text-align: center; font-size: 26px; line-height: 26px; font-weight: 600; outline: none; font-family: "Domaine Display", "Times New Roman", Times, serif !important; appearance: none; -moz-appearance: textfield; } @media (min-width: 480px) { .c-booking_form__datepicker_guests_input { width: 40px; height: 36px; font-size: 30px; line-height: 36px; padding-bottom: 4px; } } .c-booking_form__datepicker_guests_btns { display: flex; } .c-booking_form__datepicker_guests_btn_add, .c-booking_form__datepicker_guests_btn_subtract { padding: 0 2px; margin: 0 4px; background-color: #fff; cursor: pointer; } .c-booking_form__datepicker_guests_btn_add:hover, .c-booking_form__datepicker_guests_btn_subtract:hover { background-color: #f4e4d4; } input[type="number"].c-booking_form__datepicker_guests_input::-webkit-inner-spin-button, input[type="number"].c-booking_form__datepicker_guests_input::-webkit-outer-spin-button { -webkit-appearance: none; } .c-booking_form__offer { display: flex; flex-direction: column; justify-content: center; align-items: center; } .c-booking_form__offer:hover { background-color: #fff; } .c-booking_form__offer_input { font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif !important; color: #3D483C; width: 84% !important; text-align: center; text-transform: uppercase; font-size: 12px !important; line-height: 12px; margin: 0; border: 0; outline: none; appearance: none; -moz-appearance: textfield; padding: 0 !important; padding-bottom: 2px !important; } @media (min-width: 480px) { .c-booking_form__offer_input { font-size: 16px !important; line-height: 25px; border-bottom: 1px solid rgba(188, 178, 166, 0.3) !important; margin-bottom: 5px; } } .c-booking_form__offer_input:focus[type="text"] { border-color: #fff; } .c-booking_form__guarantee { display: none; cursor: unset; } .c-booking_form__guarantee:hover { background-color: #fff; box-shadow: none; } @media (min-width: 1440px) { .c-booking_form__guarantee { display: flex; flex-direction: column; justify-content: center; align-items: center; } } .c-booking_form__guarantee_label { font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #c8905c; font-weight: 300; font-size: 12px; margin-bottom: 5px; } @media (min-width: 480px) { .c-booking_form__guarantee_label { font-size: 15px; line-height: 16px; } } @media (min-width: 480px) { .c-booking_form__guarantee_star { margin-bottom: 8px; } } /** * COMPONENTS.BREADCRUMBS * * @description : * */ .c-breadcrumbs__container { margin-top: -76px; opacity: 0.95; } .c-breadcrumbs { font-size: 0.875rem; padding: 2em 0; } .c-breadcrumbs__item { display: inline-block; font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 1rem; } .c-breadcrumbs__item:not(:last-child):after { content: '>'; display: inline-block; margin: 0 0.5em; } .c-breadcrumbs__item--current { color: #c8905c; } .c-breadcrumbs__link { color: #00242f; } .c-breadcrumbs__link:hover { color: #c8905c; } /** * COMPONENTS.BUTTONS * * @description : Main buttons * */ .c-btn { display: inline-block; vertical-align: middle; text-decoration: none; transition: background-color 0.2s ease; border-radius: 2px; text-align: center; padding: 1em 0.5em; cursor: pointer; } @media (min-width: 480px) { .c-btn { padding: 1em 1.5em; } } .c-btn--pri { font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background: transparent; color: #c8905c; border: 1px solid #c8905c; font-size: 1rem; } .c-btn--sec { background: #c8905c; color: #ffffff !important; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 1.0625rem; transition: background 0.2s ease; } .c-btn--sec:hover { background: #c28349; } .c-btn--feature { font-family: "Domaine Display", "Times New Roman", Times, serif; font-weight: 700; } .c-btn--wide { font-size: 1.125rem; line-height: 24px; padding: 1em 2em; letter-spacing: -0.29px; } .c-btn--group { min-width: 130px; } .c-btn--lg { width: 100%; max-width: 215px; } .c-btn--full { width: 100%; } .c-btn--sm { padding: 0.75em 1em; } .c-btn--lg { padding: 1.25em 1.5em; } /** * COMPONENTS.Card-List * * @description : Card list wraps blocks used to link to a collection of hotels, articles * */ .c-card_list { display: flex; flex-wrap: wrap; justify-content: space-around; -webkit-justify-content: space-evenly !important; margin: 0 -1rem 0rem -1rem; } .c-card_list:after { content: ""; margin: 0 1rem 2.5rem 1rem; flex: 1 1 calc(50% - 32px); } @media (min-width: 912px) { .c-card_list { justify-content: space-between !important; margin: 0 -1rem; } .c-card_list:after { margin: 0 1rem; content: ""; flex: 0 1 16rem; } } .c-card_list__label { color: #00242f; font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 30px; letter-spacing: -0.48px; line-height: 36px; margin-bottom: 1.875rem; } .c-card_list_item { flex: 1 1 calc(50% - 32px); margin: 0 1rem 2.5rem 1rem; } @media (min-width: 912px) { .c-card_list_item { flex: 0 1 16rem; margin: 0 1rem 5.5rem 1rem; } } .c-card_list_item:hover .c-card_list_item__image { box-shadow: 0 20px 30px 0px rgba(0, 0, 0, 0.3); } .c-card_list_item__image { margin-bottom: 1.5rem; min-width: 15.25rem; width: 100%; object-fit: cover; transition: box-shadow 0.3s; background-color: rgba(176, 176, 176, 0.35); } @media (min-width: 768px) { .c-card_list_item__image { min-height: 22rem; } } .c-card_list_item__headings { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #c8905c; } .c-card_list_item__date { font-size: 0.9375rem; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #c8905c; margin-bottom: 0.5rem; } .c-card_list_item__label { margin-bottom: 0.5rem; font-size: 1.25rem; color: #c8905c; text-transform: uppercase; } .c-card_list_item__heading { margin-bottom: 0.5rem; font-size: 1.25rem; font-weight: bold; } .c-card_list_item__sub_heading { font-size: 1.0625rem; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #c8905c; } .c-card_list_item__blurb { font-size: 1.0625rem; color: #00242f; } /** * COMPONENTS.CARDS-FILTER * * @description : * */ .c-cards { padding-top: 2rem !important; } @media (min-width: 768px) { .c-cards { padding-top: 4rem !important; } } .c-cards_filter { margin-bottom: 3.75rem; } @media (min-width: 768px) { .c-cards_filter { margin-bottom: 5rem; } } .c-cards-filter__label { color: #c8905c; font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 30px; letter-spacing: -0.48px; line-height: 36px; } .c-cards_filter__link { color: #00242f; font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 16px; letter-spacing: -0.34px; line-height: 20px; padding: 0 1rem 0.75rem 1rem; display: block; cursor: pointer; } .c-cards_filter__link.active { color: #c8905c; border-bottom: solid 1px #c8905c; } @media (min-width: 480px) { .c-cards_filter__link { font-size: 21px; line-height: 25px; } } @media (min-width: 768px) { .c-cards_filter__link { margin: 0 24px; } } .c-cards_filter__label { font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 16px; letter-spacing: -0.34px; line-height: 20px; padding: 0 1rem 0.75rem 1rem; display: block; cursor: pointer; color: #c8905c; } @media (min-width: 480px) { .c-cards_filter__label { font-size: 21px; line-height: 25px; } } @media (min-width: 768px) { .c-cards_filter__label { margin: 0 24px; } } .c-cards_filter__inputs { display: flex; align-items: flex-end; padding-top: 1.875rem; flex-wrap: wrap; } .c-cards_filter__links { flex: 1 1 400px; display: flex; white-space: nowrap; margin-bottom: 16px; } @media (min-width: 768px) { .c-cards_filter__links { margin-bottom: 0; margin: 0 26px 0 -24px; } } .c-cards_filter__input_dropdown { flex: 0 1 400px; } .c-cards_filter__input_dropdown--align-right { margin-left: auto; } /** * COMPONENTS.Carousel-Slides * */ .c-carousel-slider { position: relative; } .c-carousel-slide { max-width: 70.5rem; opacity: 0.17; } .c-carousel-slide .c-nav-arrow--right, .c-carousel-slide .c-nav-arrow--left { display: none; } .c-carousel-slide.swiper-slide-active { opacity: 1; } .c-carousel-slide.swiper-slide-active .c-nav-arrow--right, .c-carousel-slide.swiper-slide-active .c-nav-arrow--left { display: flex; } .c-carousel-slide--fade-30 { opacity: 0.3; } .c-carousel-slide--fade-30.swiper-slide-active { opacity: 1; } .c-carousel-slide__image { width: 100%; overflow: hidden; } .c-carousel-slide__image img { min-height: 300px; } @media (min-width: 768px) { .c-carousel-slide__image img { min-height: 504px; } } .c-carousel-slide__below { display: flex; justify-content: center; } .c-carousel-slide__headings { width: 100%; display: flex; justify-content: space-between; align-items: center; } .c-carousel-slide__headings_inner { width: 100%; } @media (min-width: 0) and (max-width: 899px) { .c-carousel-slide__headings_inner { text-align: center; } } .c-carousel-slide__content { display: flex; flex-direction: column; align-items: center; margin-bottom: 2rem; padding: 0 0.625rem; } @media (min-width: 480px) { .c-carousel-slide__content { padding: 2.5rem 1.25rem; } } .c-carousel-slide__content--center { display: flex; flex-direction: column; align-items: center; text-align: center; } .c-carousel-slide__content--center .c-carousel-slider__buttons { justify-content: center; } @media (min-width: 480px) { .c-carousel-slide__content--center .c-carousel-slider__buttons { margin: 0 -28px; } } @media (min-width: 480px) { .c-carousel-slide__content--center .c-carousel-slider__buttons .c-btn { margin: 0 28px 8px 28px; flex: 0 0 180px; } } .c-carousel-slider__heading { font-size: 2.5rem; line-height: 3rem; margin-bottom: 1.25rem; font-weight: bold; } .c-carousel-slider__description { width: 100%; } .c-carousel-slider__subheading { font-size: 1.875rem; line-height: 1.875rem; color: #c8905c; } .c-carousel-slider__offercode { font-size: 1.125rem; color: #c8905c; margin-bottom: 1.25rem; display: flex; align-items: center; } .c-carousel-slider__offercode_label { color: #c8905c; font-family: "Domaine Display", "Times New Roman", Times, serif; transition: color 0.15s ease; } .c-carousel-slider__offercode_label:hover { color: #00242f; } .c-carousel-slider__offercode_icon { display: inline-block; margin-right: 0.25em; } .c-carousel-slider__buttons { display: flex; flex-wrap: wrap; width: 100%; } @media (min-width: 480px) { .c-carousel-slider__buttons { margin: 0 -8px; } } .c-carousel-slider__buttons .c-btn { margin: 0 8px 8px 8px; padding-left: 1rem; padding-right: 1rem; flex: 1 1 50%; } @media (min-width: 480px) { .c-carousel-slider__buttons .c-btn { flex: 0 0 180px; } } .c-carousel-slide__content_inner { z-index: 1; max-width: 39.0625rem; background-color: #ffffff; padding: 2.5rem 0.625rem; margin-top: -5.625rem; } @media (min-width: 480px) { .c-carousel-slide__content_inner { padding: 2.5rem 3.125rem; } } .c-carousel-slider__navigation { display: flex; justify-content: center; margin: 1rem 0.625rem 1rem 0.625rem; } @media (min-width: 768px) { .c-carousel-slider__navigation { margin: 1rem 0 0 0; } } .c-carousel-slider__navigation_inner { max-width: 70.5rem; flex: 1 1 70.5rem; display: flex; justify-content: space-between; } .c-conference-rooms-module .c-cards_filter { margin-right: 5%; margin-left: 5%; } .c-conference-room { display: block; position: relative; } .c-conference-room__container { display: flex; flex-direction: row; flex-wrap: wrap; width: 90%; margin: 0.9375rem 5% 4.6875rem; } @media (min-width: 768px) { .c-conference-room__container { margin: 1.5625rem 5% 4.6875rem; } } .c-conference-room__facilities-viewer { width: 100%; height: 90%; margin-bottom: 30px; } @media (min-width: 768px) { .c-conference-room__facilities-viewer { width: 50%; height: calc(36% + 2px); margin-bottom: 0; } } @media (min-width: 1024px) { .c-conference-room__facilities-viewer { width: 58%; } } .c-conference-room__gutter { width: 0; } @media (min-width: 768px) { .c-conference-room__gutter { width: 10%; } } @media (min-width: 1024px) { .c-conference-room__gutter { width: 2%; } } .c-conference-room__details { width: 100%; text-align: right; } @media (min-width: 768px) { .c-conference-room__details { width: 40%; } } .c-conference-room__details-title { margin-bottom: 1rem; } .c-conference-room__details-hotel { font-size: 1.25rem; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #c8905c; } .c-conference-room__button:hover { background: #c28349; } .c-conference-room__button-container { display: block; position: relative; float: right; } .c-conference-room__button-link { display: block; position: relative; } .c-conference-room__button { background: #c8905c; border: 0; border-radius: 2px; color: #fff; cursor: pointer; font: inherit; font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 0.75rem; height: auto; letter-spacing: -0.02em; margin-left: 0; padding: 8px; text-align: center; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; width: fit-content; } @media (min-width: 768px) { .c-conference-room__button { font-size: 1rem; height: 2.5rem; line-height: 2.5rem; margin-left: 26px; padding: 0 24px; } } @media (min-width: 1024px) { .c-conference-room__button { margin-left: 30px; } } .c-conference-room-tiles__container { width: 100%; background-color: #fbf5ee; display: flex; flex-direction: row; flex-wrap: wrap; overflow: hidden; } .c-conference-room-tiles__image-container { width: 90%; max-width: 90%; padding: 60% 0 0 0; display: block; position: relative; overflow: hidden; } .c-conference-room-tiles__image { max-width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; } .c-conference-room-tiles__image.active { z-index: 1; } .c-conference-room-tiles__hover-image { width: 100%; position: absolute; left: 0; top: 0; z-index: -1; } .c-conference-room-tiles__hover-image.active { z-index: 1; } .c-conference-room-tiles__icons-container { width: 10%; background-color: #fbf5ee; } .c-conference-room-tiles__icon-wrapper { margin: 3px 1px; } .c-conference-room-tiles__icon { width: 100%; height: 100%; padding: 8% 10%; } .c-conference-room-tiles__icon:focus, .c-conference-room-tiles__icon:hover { background-color: #c8905c; border-radius: 2px; } .c-conference-room-tiles__description-container { width: 100%; } .c-conference-room-tiles__description { margin: 2% 3%; height: 100%; font-size: 1.25rem; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #c8905c; } /** * COMPONENTS.FEATURE-IMAGE * */ .c-feature_image__content { padding: 0 2.33333%; } @media (min-width: 768px) { .c-feature_image__content { padding: 0 32px; } } .c-feature_image__content--top { align-self: flex-start; } .c-feature_image__title { margin-bottom: 1.875rem; margin-top: 1.875rem; font-size: 5rem; line-height: 5.3125rem; color: #faf0e5; white-space: pre-wrap; max-width: 300px; } @media (max-width: 768px) { .c-feature_image__title { font-size: 3.125rem; line-height: 3.4375rem; } } .c-feature_image__subtitle { font-size: 1.625rem; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #faf0e5; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; } .c-feature_image__description p { margin-bottom: 1em; color: #b4b8af; font-size: 1.375rem; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 300; } .c-feature_image__item { padding-right: 100px; } .c-feature_image__item--right { padding-right: 0; padding-left: 100px; } @media (min-width: 768px) { .c-feature_image__item--right { order: 1; } } @media (max-width: 768px) { .c-feature_image__item, .c-feature_image__item--right { padding-right: 0; padding-left: 0; } } /** * COMPONENTS.Feature-Text * * @description : Feature text block * */ .c-feature-text { font-size: 1.5rem; padding: 3.75rem 2.5rem; background-color: #ffffff; line-height: 1.5; font-family: "Domaine Display", "Times New Roman", Times, serif; text-align: center; } @media (min-width: 768px) { .c-feature-text { margin-left: -1.5625rem; margin-right: -1.5625rem; font-size: 2.625rem; line-height: 3.0625rem; padding: 7.3125rem 5rem; } } /** * COMPONENTS.FOOTER * * @description : * */ .c-footer { background: #2b312a; padding-top: 36px; padding-bottom: 24px; } .c-footer__menu { position: relative; flex: 1; pointer-events: none; padding: 3.125rem 0 1.875rem 0; border-bottom: 1px solid rgba(176, 176, 176, 0.35); } @media (min-width: 900px) { .c-footer__menu { padding: 0; border-bottom: none; font-size: 14px; } .c-footer__menu::after { content: ""; display: block; position: absolute; bottom: 50%; height: 1px; width: calc(100% - 30px); background: rgba(176, 176, 176, 0.35); margin-left: 30px; } } .c-footer__menu_inner { display: flex; justify-content: flex-end; padding-left: 16px; } .c-footer__logo { position: relative; flex: 1; pointer-events: none; margin-bottom: 1.875rem; } @media (min-width: 900px) { .c-footer__logo { margin-bottom: 0; } .c-footer__logo::after { content: ""; display: block; position: absolute; bottom: 50%; height: 1px; width: calc(100% - 30px); background: rgba(176, 176, 176, 0.35); margin-right: 30px; } } .c-footer__logo-link { pointer-events: all; } .c-footer__logo-image { height: 28px; margin: 0; } .c-footer__links { display: flex; flex-direction: column; align-items: center; } @media (min-width: 900px) { .c-footer__links { flex-direction: row; align-items: stretch; } } .c-footer__toolbar { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(176, 176, 176, 0.35); padding-bottom: 24px; } @media (min-width: 900px) { .c-footer__toolbar { margin-top: -30px; padding-bottom: 12px; } } .c-footer__toolbar_inner { display: flex; } .c-footer__list { text-align: center; pointer-events: all; } @media (min-width: 900px) and (max-width: 1440px) { .c-footer__list { margin-top: -12px; } .c-footer__list .c-footer__item { margin-bottom: 5px; } } @media (min-width: 900px) { .c-footer__list { text-align: left; } } .c-footer__item { display: inline-block; margin-left: 15px; margin-bottom: 20px; } @media (min-width: 900px) { .c-footer__item { margin-bottom: 2px; } } @media (min-width: 900px) and (max-width: 1440px) { .c-footer__item { margin-bottom: 4px; } } .c-footer__link { color: #faf0e5; font-family: "Domaine Display", "Times New Roman", Times, serif; } @media (min-width: 0) and (max-width: 899px) { .c-footer__stamp { width: 100%; display: flex; align-items: center; margin-bottom: 2.75rem; } } .c-footer__stamp-image { height: 41px; margin: 0 1.25rem; } @media (min-width: 480px) { .c-footer__stamp-image { height: 60px; } } @media (min-width: 900px) { .c-footer__stamp-image { height: 89px; } } @media (min-width: 0) and (max-width: 899px) { .c-footer__stamp_border { border-bottom: 1px solid rgba(176, 176, 176, 0.35); flex: 1 1 100%; } } .c-footer__newsletter { flex: 0 1 360px; display: flex; flex-wrap: wrap; } @media (min-width: 1180px) { .c-footer__newsletter { flex: 0 560px; } } .c-footer__newsletter-label { color: #c8905c; font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 1.125rem; margin-top: 0px; margin-right: 20px; margin-bottom: 10px; line-height: 1.125rem; } @media (min-width: 900px) { .c-footer__newsletter-label { padding: .4em 0 .4em 0; font-size: 1.25rem; line-height: 1.6875rem; } } @media (min-width: 480px) { .c-footer__newsletter-label { margin-bottom: 0px; } } .c-footer__newsletter_btn { padding: 0.5rem 1rem; margin-top: 0.3em; } .c-footer__newsletter_form { max-width: 356px; padding-right: 1em; } @media (min-width: 900px) { .c-footer__newsletter_form { flex: 1 1 240px; } } .c-footer__newsletter_accept_box { display: flex; padding: 0.4em 0; color: #bcb2a6; font-size: 14px; } .c-footer__newsletter_accept_box input { margin-right: 0.5em; } @media (min-width: 900px) { .c-footer__newsletter_accept_box { padding: 0.4em 1em; } } .c-footer__newsletter-input { font-family: "Domaine Display", "Times New Roman", Times, serif; background: transparent; margin-bottom: 10px; } .c-footer__newsletter-input[type="text"], .c-footer__newsletter-input[type="email"], .c-footer__newsletter-input[type="password"], .c-footer__newsletter-input[type="tel"], .c-footer__newsletter-input[type="search"], .c-footer__newsletter-input[type="date"], .c-footer__newsletter-input[type="url"], textarea.c-footer__newsletter-input, select.c-footer__newsletter-input { border: none; border-left: 1px solid rgba(176, 176, 176, 0.35); color: #faf0e5; font-size: 1.125rem; padding: 0em 1em; } .c-footer__newsletter-input[type="text"]::placeholder, .c-footer__newsletter-input[type="email"]::placeholder, .c-footer__newsletter-input[type="password"]::placeholder, .c-footer__newsletter-input[type="tel"]::placeholder, .c-footer__newsletter-input[type="search"]::placeholder, .c-footer__newsletter-input[type="date"]::placeholder, .c-footer__newsletter-input[type="url"]::placeholder, textarea.c-footer__newsletter-input::placeholder, select.c-footer__newsletter-input::placeholder { font-size: 1.25rem; color: #bcb2a6; opacity: 0.35; } @media (min-width: 900px) { .c-footer__newsletter-input[type="text"], .c-footer__newsletter-input[type="email"], .c-footer__newsletter-input[type="password"], .c-footer__newsletter-input[type="tel"], .c-footer__newsletter-input[type="search"], .c-footer__newsletter-input[type="date"], .c-footer__newsletter-input[type="url"], textarea.c-footer__newsletter-input, select.c-footer__newsletter-input { padding: .4em 1em; font-size: 1.25rem; } } @media (min-width: 480px) { .c-footer__newsletter-input { margin-bottom: 0px; } } .c-footer__social-links { display: flex; justify-content: center; padding: 3.125rem 0; border-bottom: 1px solid rgba(176, 176, 176, 0.35); } @media (min-width: 900px) { .c-footer__social-links { padding: 0; border-bottom: none; } } .c-footer__social-link { display: inline-block; margin: 0 3px; padding: 0 0.9375rem; } @media (min-width: 900px) { .c-footer__social-link { padding: 0; } } .c-footer__title { color: #c8905c; font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 1.875rem; text-align: center; margin-top: 2rem; } .c-footer__copyright { font-size: 14px; color: #bcb2a6; text-align: center; } .c-footer__copyright a { text-decoration: none; color: #bcb2a6; } .c-footer__copyright p { margin: 0; } @media (min-width: 900px) { .c-footer__copyright { text-align: left; margin-right: 1.25rem; } } .c-footer__top-btn { border: 1px solid rgba(176, 176, 176, 0.5); border-radius: 50%; width: 82px; height: 82px; display: block; text-align: center; margin: 2.5rem auto 2.5rem auto; margin-top: 2.5rem; order: -1; align-self: center; } @media (min-width: 900px) { .c-footer__top-btn { order: 1; margin: 0 0 0 auto; } } .c-footer__top-btn-icon { height: 28px; display: inline-block; margin-top: 10px; } .c-footer__top-btn-text { color: #faf0e5; font-size: 12px; letter-spacing: -0.19px; font-family: "Domaine Display", "Times New Roman", Times, serif; text-align: center; line-height: 14px; } .c-footer__credit { text-align: right; margin-top: 12px; font-size: 14px; color: #bcb2a6; opacity: 0.8l; } .c-footer__credit_link { color: #bcb2a6; font-size: 1.35em; font-weight: bold; } .c-footer__lower_links { display: flex; flex-direction: column; align-items: center; } @media (min-width: 900px) { .c-footer__lower_links { height: 100%; flex-direction: row; align-items: flex-end; } } .c-footer__secondary_links { display: flex; order: -1; margin-bottom: 1.25rem; flex-wrap: wrap; } .c-footer__secondary_links a { font-size: 14px; color: #bcb2a6; } .c-footer__secondary_links li { margin: 0 0.625rem; } @media (min-width: 900px) { .c-footer__secondary_links { order: 1; margin-bottom: 0; } } /** * COMPONENTS.GALLERY * * @description : Image column layout. * */ .c-gallery { max-width: 91.25rem; margin: 0 -10px; display: flex; justify-content: center; } @media (min-width: 91.25rem) { .c-gallery { margin: 0 auto; } } .c-gallery__image { flex: 1 1; margin: 0 0.625rem; max-width: 29.6875rem; } /** * COMPONENTS.Header-image * * @description: Full width image panel * */ .c-header-img { width: 100%; min-height: 260px; max-height: 500px; background-color: #697160; object-fit: cover; } @media (min-width: 1024px) { .c-header-img { min-height: 400px; } } /** * COMPONENTS.HEADER * * @description : * */ .c-header { background: #323b32; padding: 0 20px; position: fixed; width: 100%; z-index: 10000; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .c-header__inner { display: flex; align-items: center; } @media (min-width: 900px) { .c-header__inner { max-width: 90rem; margin: 0 auto; } } .c-header__logo-image { height: 26px; margin: 24px 24px 24px 0; } @media (min-width: 900px) { .c-header__logo-image { height: auto; } } .c-header__cta { display: none; } @media (min-width: 900px) { .c-header__cta { display: block; font-size: 1.5em; padding: 0.5em 1.2em; } } .c-header__mobile-btn { display: block; background: none; padding: 30px; position: relative; margin: -16px 0 -16px auto; } .c-header__mobile-btn:hover { cursor: pointer; } .c-header__mobile-btn::after, .c-header__mobile-btn:before { content: ""; display: block; width: 26px; height: 2px; background: #e5ddcc; position: absolute; right: 18px; transition: transform 0.15s cubic-bezier(0.3, 0, 0.25, 1); transform-origin: 50% 50%; } .c-header__mobile-btn::after { top: calc(50% - 1px); transform: translateY(-6px); } .c-header__mobile-btn:before { bottom: calc(50% - 1px); transform: translateY(6px); } @media (min-width: 900px) { .c-header__mobile-btn { display: none; } } .c-header__mobile-btn--open::after { transform: rotate(45deg) translateY(0); } .c-header__mobile-btn--open:before { transform: rotate(-45deg) translateY(0); } /** * COMPONENTS.HERO-CTA * * @description : * */ .c-hero-cta { background: #697160; text-align: center; position: relative; } .c-hero-cta__btn_arrow { display: none; } .c-hero-cta__content_lede { flex: 1 1 440px; } .c-hero-cta--expanded .c-hero-cta__image { max-height: none; min-height: 800px; } @media (min-width: 768px) { .c-hero-cta--expanded .c-hero-cta__image { min-height: 1000px; } } @media (min-width: 1440px) { .c-hero-cta--expanded .c-hero-cta__image { min-height: 1200px; } } .c-hero-cta--expanded .c-hero-cta__title { color: #faf0e5; margin: auto auto; } .c-hero-cta--expanded .c-hero-cta__subtitle { color: #faf0e5; margin-top: 70px; } .c-hero-cta--expanded .c-hero-cta__content { position: absolute; width: 100%; height: calc(100% -16px); top: 16px; padding-bottom: 50px; } @media (min-width: 768px) { .c-hero-cta--expanded .c-hero-cta__content { height: 90%; top: calc(10% - 0.25em); } } @media (min-width: 1440px) { .c-hero-cta--expanded .c-hero-cta__content { height: calc(100% - 150px); top: 150px; } } .c-hero-cta--expanded .c-hero-cta__btn_arrow { display: block; } .c-hero-cta__title { color: #faf0e5; margin: 0 auto; max-width: 1400px; } @media (min-width: 768px) { .c-hero-cta__title { flex-basis: 100%; } } .c-hero-cta__content { position: absolute; width: 100%; height: 75%; top: calc(17% - .25em); display: flex; flex-direction: column; align-items: center; padding-bottom: 50px; min-height: 160px; padding: 0 16px; z-index: 2; } .c-hero-cta__text { max-width: 800px; font-size: 14px; color: #fff; margin: 0 auto; opacity: .8; font-weight: 300; flex-basis: 180px; } @media (min-width: 480px) { .c-hero-cta__text { font-size: 18px; } } .c-hero-cta__subtitle { color: #c8905c; display: block; margin: 40px auto; max-width: 800px; position: relative; } .c-hero-cta__image_wrapper { display: flex; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; } .c-hero-cta__image_wrapper_overlay--feather, .c-hero-cta__image_wrapper_overlay--feather2 { position: absolute; top: 0px; right: 0px; height: 600px; z-index: 1; opacity: 0.9; display: none; } @media (min-width: 768px) { .c-hero-cta__image_wrapper_overlay--feather, .c-hero-cta__image_wrapper_overlay--feather2 { display: block; top: -170px; right: -120px; height: 700px; } } @media (min-width: 1440px) { .c-hero-cta__image_wrapper_overlay--feather, .c-hero-cta__image_wrapper_overlay--feather2 { height: 840px; } } .c-hero-cta__image_wrapper_overlay--flower1, .c-hero-cta__image_wrapper_overlay--flower2, .c-hero-cta__image_wrapper_overlay--flower3 { position: absolute; top: 0px; right: 0px; height: 400px; z-index: 1; opacity: 1; display: none; } @media (min-width: 768px) { .c-hero-cta__image_wrapper_overlay--flower1, .c-hero-cta__image_wrapper_overlay--flower2, .c-hero-cta__image_wrapper_overlay--flower3 { display: block; top: -180px; right: 0px; height: 560px; } } @media (min-width: 1024px) { .c-hero-cta__image_wrapper_overlay--flower1, .c-hero-cta__image_wrapper_overlay--flower2, .c-hero-cta__image_wrapper_overlay--flower3 { height: 600px; } } @media (min-width: 1440px) { .c-hero-cta__image_wrapper_overlay--flower1, .c-hero-cta__image_wrapper_overlay--flower2, .c-hero-cta__image_wrapper_overlay--flower3 { height: 700px; } } .c-hero-cta__image_wrapper_overlay--flower2 { right: -40px; } .c-hero-cta__image_wrapper_overlay--bird { position: absolute; top: 140px; left: -40px; height: 240px; z-index: 1; opacity: 1; } @media (min-width: 768px) { .c-hero-cta__image_wrapper_overlay--bird { top: 180px; left: -20px; height: 350px; } } @media (min-width: 1024px) { .c-hero-cta__image_wrapper_overlay--bird { height: 480px; } } @media (min-width: 1440px) { .c-hero-cta__image_wrapper_overlay--bird { height: 600px; } } .c-hero-cta__image_wrapper_overlay--bird_small { display: none; position: absolute; opacity: 1; top: 0; left: -0; height: 240px; } @media (min-width: 768px) { .c-hero-cta__image_wrapper_overlay--bird_small { display: block; } } .c-hero-cta__image { width: 100%; object-fit: cover; min-height: 360px; } @media (min-width: 1024px) { .c-hero-cta__image { min-height: 615px; } } @media (min-width: 1440px) { .c-hero-cta__image { max-height: 615px; } } .c-hero-cta__btn { display: inline-block; text-align: center; margin-top: 40px; } .c-hero-cta__btn:after { content: ""; display: block; height: 45px; width: 46px; border: 1px solid #faf0e5; border-radius: 50%; transform: translateY(-34px); } .c-hero-cta__btn-arrow { height: 95px; width: 47px; display: inline-block; } /** * COMPONENTS.HERO-CTA * * @description : * */ .c-hero-hotels { background: #697160; text-align: center; position: relative; padding-top: 40px; padding-bottom: 40px; background-image: url(/img/textures/hotels-bkg.webp); background-repeat: no-repeat; background-size: cover; background-position: center; perspective: 1000px; } @media (min-width: 768px) { .c-hero-hotels { padding-top: 140px; padding-bottom: 90px; } } .c-hero-hotels__title { color: #faf0e5; max-width: 900px; margin: 0 auto; position: relative; z-index: 1; } .c-hero-hotels__subtitle { color: #c8905c; margin-top: 50px; position: relative; } .c-hero-hotels__image { opacity: 0.8; margin: 0 auto 24px auto; left: 0; right: 0; top: 40px; height: 120px; } @media (min-width: 480px) { .c-hero-hotels__image { height: 200px; } } .c-hero-hotels__btn { display: inline-block; text-align: center; margin-top: 40px; width: 45px; } .c-hero-hotels__btn:after { content: ""; display: block; height: 45px; width: 45px; border: 1px solid #faf0e5; border-radius: 50%; transform: translateY(-34px); opacity: 1; } .c-hero-hotels__btn-arrow { height: 95px; display: inline-block; } .c-hero-hotels__feature_text { color: #ffffff; text-align: center; max-width: 832px; margin: 0 auto; padding: 0 16px; } @media (min-width: 768px) { .c-hero-hotels__feature_text { margin: 100px auto 160px auto; } } .c-hero-hotels__feather_animation { position: absolute; right: 0px; width: 100px; top: -100px; transform: rotate(0deg); } @media (min-width: 768px) { .c-hero-hotels__feather_animation { width: 260px; right: 80px; } } /** * COMPONENTS.HERO-NAV * * @description : * */ .c-hero-nav__header { font-size: 3.75rem; line-height: 3.125rem; letter-spacing: -0.03em; } @media (min-width: 480px) { .c-hero-nav__header { font-size: 5rem; line-height: 5.3125rem; } } @media (min-width: 768px) { .c-hero-nav__header { font-size: 5.625rem; line-height: 5.9375rem; } } @media (min-width: 1024px) { .c-hero-nav__header { font-size: 6.875rem; line-height: 6.25rem; } } @media (min-width: 1440px) { .c-hero-nav__header { font-size: 8.75rem; line-height: 7.5rem; } } .c-hero-nav__links { display: flex; flex-wrap: wrap; justify-content: center; margin: 1.5rem 0.625rem 0 0.625rem; } @media (min-width: 480px) { .c-hero-nav__links { margin: 3.125rem 2rem 0 2rem; } } .c-hero-nav__links__item { padding: 0 0 0.5rem 0; margin-bottom: 1rem; flex: 1 1 100%; } .c-hero-nav__links__item a { color: #c8905c; } @media (min-width: 480px) { .c-hero-nav__links__item { flex: 0 0 auto; padding: 0 1.5625rem 1rem 1.5625rem; } } @media (min-width: 768px) { .c-hero-nav__links__item { margin-bottom: 2.5rem; } } /** * COMPONENTS.HERO * * @description : * */ .c-hero { height: 75vh; background-repeat: no-repeat; background-size: cover; } .c-hero__inner { position: relative; width: 83.33333%; margin-left: 8.333333%; max-width: 1440px; height: 100%; } .c-hero__title { color: #00242f; text-align: center; position: absolute; top: 40%; transform: translateY(-50%); right: 0; } @media (min-width: 1024px) { .c-hero__title { width: 520px; } } .c-hero__stamp { right: 0; bottom: 0; transform: translateY(50%); position: absolute; } /** * COMPONENTS.HOME-HERO * * @description : * */ .c-home_hero { background-color: #697160; padding-bottom: 1.25rem; } @media (min-width: 768px) { .c-home_hero { padding-bottom: 5.625rem; background-color: #e5ddcc; background-image: url("/img/eva.webp"); background-size: 100vh; background-position: bottom left -240px; background-repeat: no-repeat; } } @media (min-width: 1024px) { .c-home_hero { background-position: bottom left -160px; } } @media (min-width: 1440px) { .c-home_hero { background-image: url("/img/eva-homepage.webp"); background-position: -540px bottom; background-size: 90vw auto; background-position: -500px 81%; background-size: 100vw auto; } } @media (min-width: 1600px) { .c-home_hero { padding-bottom: 7.5rem; background-size: 110rem auto; background-position: -700px 90%; } } @media screen and (min-width: 768px) and (max-height: 700px) { .c-home_hero { background-position: -120px 100%; background-size: 540px; } } .c-home_hero__title { color: #e5ddcc; text-align: center; font-size: 3.75rem; line-height: 0.8; letter-spacing: -0.04em; font-weight: bold; } @media (min-width: 768px) { .c-home_hero__title { color: #00242f; max-width: 500px; } } @media (min-width: 1024px) { .c-home_hero__title { font-size: 8.125rem; text-align: left; } } @media (min-width: 1440px) { .c-home_hero__title { font-size: 9.375rem; } } .c-home_hero__title--long { font-size: 3rem; line-height: 1; letter-spacing: -0.02em; } @media (min-width: 768px) { .c-home_hero__title--long { font-size: 4.6875rem; } } .c-home_hero__inner { padding: 5rem 0 3.75rem 0; } @media (min-width: 768px) { .c-home_hero__inner { padding: calc(10%) 0 calc(8% + 45px) 0; display: flex; justify-content: flex-end; } } @media (min-width: 1024px) { .c-home_hero__inner { padding-top: 90px; padding-bottom: 70px; min-height: 54vh; } } @media screen and (min-width: 768px) and (max-height: 700px) { .c-home_hero__inner { padding-top: 40px; padding-bottom: 40px; min-height: 40vh; } } .c-home_hero__form_wrap { position: relative; margin: 0 auto; } @media screen and (min-width: 768px) and (max-height: 700px) { .c-home_hero__form_wrap { max-width: 1020px; } .c-home_hero__form_wrap .c-booking_form { padding: 1.2rem; } } .c-home_hero__form_flowers { position: absolute; bottom: -7.5rem; right: -6.5rem; top: calc(100% - 120px); width: 13rem; pointer-events: none; display: none; } @media (min-width: 768px) { .c-home_hero__form_flowers { display: block; } } /** * COMPONENTS.HOME-INTRO * * @description : * */ .c-home_intro { padding: 3.75rem 0 2.5rem 0; } @media (min-width: 768px) { .c-home_intro { padding: 8.125rem 0 5rem 0; } } .c-home_intro__ava { width: 7.5rem; margin: 0 auto 2rem auto; } @media (min-width: 768px) { .c-home_intro__ava { width: 12.75rem; } } .c-home_intro__copy_desktop { max-width: 40ch; margin: 0 auto; } @media (min-width: 768px) { .c-home_intro__copy_desktop { display: block; } } .c-home_intro__copy_mobile { margin-top: 2rem; line-height: 1.5; } @media (min-width: 768px) { .c-home_intro__copy_mobile { display: none; } } .c-home_intro__arrow { margin: 2.5rem auto; } @media (min-width: 768px) { .c-home_intro__arrow { margin: 4.5rem auto; } } /** * COMPONENTS.HOTEL-HERO * * @description : * */ .c-hotel_hero { padding-bottom: 2.5rem; position: relative; } .c-hotel_hero .scrollmagic-pin-spacer { overflow: hidden; } .c-hotel_hero__label { max-width: 180px; margin: 0 auto; margin-top: 32px; } @media (min-width: 480px) { .c-hotel_hero__label { max-width: 200px; } } @media (min-width: 768px) { .c-hotel_hero__label { margin-bottom: 32px; max-width: 260px; } } .c-hotel_hero__inner { position: relative; padding-top: 10%; display: flex; align-items: center; justify-content: center; min-height: 22.5rem; } @media (min-width: 768px) { .c-hotel_hero__inner { min-height: 40rem; } } @media (min-width: 1024px) { .c-hotel_hero__inner { min-height: 70vh; } } .c-hotel_hero__image { background-size: cover; background-position: center center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } .c-hotel_hero__header { padding-bottom: 120px; min-height: 100vh; position: relative; z-index: 1; } .c-hotel_hero__heading { line-height: 1; } .c-hotel_hero__sub_heading { padding-bottom: 1.25rem; } @media (min-width: 480px) { .c-hotel_hero__sub_heading { padding-bottom: 2.5rem; } } .c-hotel_hero_nav { display: flex; align-items: center; } .c-hotel_hero_nav__inner_right { display: none; } .c-hotel_hero__sticky_heading { height: 0px; opacity: 0; font-size: 21px; line-height: 26px; font-family: "Domaine Display", "Times New Roman", Times, serif; text-align: center; transition: 0.3s; text-align: left; } .c-hotel_hero__sub_heading_hyphen { display: none; } @media (min-width: 480px) { .c-hotel_subnav__spacer { min-width: 30px; transition: 0.3s; } } @media (min-width: 768px) { .c-hotel_hero__stars { margin-bottom: 23px; } } .c-hotel_hero_nav--sticky { background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04); position: fixed; top: 83px; left: 0px; width: 100%; opacity: 1; z-index: 9999; text-align: center; } .c-hotel_hero_nav--sticky .c-star_rating { display: none; } .c-hotel_hero_nav--sticky .c-hotel_hero_nav__inner { display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; padding-top: 16px; } .c-hotel_hero_nav--sticky .c-hotel_hero_nav__inner_left { display: flex; align-items: flex-end; flex-wrap: wrap; padding: 0px 16px 16px 16px; } @media (min-width: 0) and (max-width: 767px) { .c-hotel_hero_nav--sticky .c-hotel_hero_nav__inner_left { padding-bottom: 0px; } } @media (min-width: 1400px) { .c-hotel_hero_nav--sticky .c-hotel_hero_nav__inner_left { padding: 0px 16px 16px 16px; } } .c-hotel_hero_nav--sticky .c-hotel_hero_nav__booking_form { display: flex; flex: 1 1 430px; width: 100%; } .c-hotel_hero_nav--sticky .c-hotel_hero_nav__inner_right { display: flex; align-items: center; padding: 0px 16px 16px 16px; width: 100%; justify-content: flex-end; } @media (min-width: 480px) { .c-hotel_hero_nav--sticky .c-hotel_hero_nav__inner_right { align-items: flex-end; padding: 0px 16px 16px 16px; } } .c-hotel_hero_nav--sticky .c-hotel_hero__booking_btn { background: #c8905c; color: #ffffff; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 0.75rem; font-weight: 500; transition: background 0.2s ease; padding: 4px 10px; flex: 0 1 135px; } .c-hotel_hero_nav--sticky .c-hotel_hero__booking_btn:hover { background: #c28349; } @media (min-width: 480px) { .c-hotel_hero_nav--sticky .c-hotel_hero__booking_btn { font-size: 0.875rem; } } .c-hotel_hero_nav--sticky .c-hotel_hero__booking_input { flex-basis: 130px; margin-right: 8px; } .c-hotel_hero_nav--sticky .c-hotel_hero__booking_input input { font-size: 14px; line-height: 14px; border: solid 1px #BCB2A6; padding: 3px 3px; font-weight: 300; } @media (min-width: 480px) { .c-hotel_hero_nav--sticky .c-hotel_hero__booking_input input { padding: 3px 10px; } } .c-hotel_hero_nav--sticky .c-hotel_hero__booking_input .qs-datepicker-container { top: 25px !important; } @media (min-width: 0) and (max-width: 1400px) { .c-hotel_hero_nav--sticky .c-hotel_hero__booking_input--depart .qs-datepicker-container { left: -100px !important; } } .c-hotel_hero_nav--sticky .c-hotel_hero__sub_heading { padding-bottom: 0px; font-size: 18px; line-height: 24px; padding-right: 26px; } @media (min-width: 768px) { .c-hotel_hero_nav--sticky .c-hotel_hero__sub_heading { border-right: 1px solid #BCB2A6; } } .c-hotel_hero_nav--sticky .c-hotel_hero__sub_heading_hyphen { display: inline; } .c-hotel_hero_nav--sticky .c-hotel_hero__sticky_heading { height: auto; opacity: 1; transition: 0.5s; transform: translatey(0); padding-right: 5px; transition: transform 0.5s; } .c-hotel_hero_nav--sticky .c-star_rating__icon--gold { width: 8px; height: 8px; transition: 0.5s; } .c-hotel_hero_nav--sticky .c-hotel_subnav { margin: 8px 0; justify-content: flex-start; } @media (min-width: 768px) { .c-hotel_hero_nav--sticky .c-hotel_subnav { margin: 0 8px; justify-content: center; } } @media (min-width: 0) and (max-width: 767px) { .c-hotel_hero_nav--sticky .c-hotel_subnav { margin-left: -8px; width: 100%; } } .c-hotel_hero_nav--sticky .c-hotel_subnav__spacer { min-width: 0px; transition: min-width 0.8s; } .c-hotel_hero_nav--sticky .c-hotel_subnav__item { padding: 0rem 1rem; margin: 0; } .c-hotel_hero_nav--sticky .c-hotel_subnav__item.active a, .c-hotel_hero_nav--sticky .c-hotel_subnav__item:hover a { color: #c8905c; } @media (min-width: 0) and (max-width: 480px) { .c-hotel_hero_nav--sticky .c-hotel_subnav__item { font-size: 15px; } } @media (min-width: 0) and (max-width: 767px) { .c-hotel_hero_nav--sticky .c-hotel_subnav__item { padding: 0rem 0.5rem; } } .c-hotel_hero_nav--sticky .c-hotel_hero__stars { margin-bottom: 0; } .c-hotel_hero_nav--sticky .c-hotel_subnav__item a { font-size: 14px; letter-spacing: -.32px; } @media (min-width: 480px) { .c-hotel_hero_nav--sticky .c-hotel_subnav__item a { font-size: 18px; } } /** * COMPONENTS.HOTEl-SUBNAV * * @description : * */ .c-hotel_subnav { display: flex; flex-wrap: wrap; margin: 0 2rem; margin-top: 0.75rem; justify-content: center; } .c-hotel_subnav__item { padding: 0.375rem 0rem 0.375rem 0rem; margin: 0 0.5rem; } .c-hotel_subnav__item a { color: #00242f; font-size: 17px; letter-spacing: -0.32px; font-family: "Domaine Display", "Times New Roman", Times, serif; } @media (min-width: 768px) { .c-hotel_subnav__item a { font-size: 18px; } } /** * COMPONENTS.Image-Banner * * @description : Full width image banner module * */ .c-image_banner { display: flex; justify-content: center; padding: 8px 0; overflow: hidden; max-width: 1200px; margin: auto; } .c-image_banner__image { width: 100%; max-width: 1200px; } /** * COMPONENTS.Image-Grid * * @description : Simple image grid layout, requires fixed height, images fit to column * */ .c-image_grid { display: flex; max-height: 23.75rem; } .c-image_grid__column { padding: 0 2px; flex: 1 1 50%; display: flex; flex-direction: column; } .c-image_grid__img { width: 100%; height: 100%; flex: 1 1; margin: 2px 0; min-height: 0; min-width: 0; object-fit: cover; } .c-image_grid__row { padding: 2px 0; flex: 1 1; display: flex; flex-direction: row; margin: 0 -2px; } .c-image_grid__row .c-image_grid__img { margin: 0 2px; } .c-introduction-text__inner { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1.375rem 1rem; } @media (min-width: 480px) { .c-introduction-text__inner { padding: 3.75rem 1rem; } } @media (min-width: 768px) { .c-introduction-text__inner { padding: 4.625rem 0rem; } } .c-introduction-text__heading { text-align: center; color: #c8905c; font-size: 2.625rem; line-height: 3.125rem; } @media (min-width: 768px) { .c-introduction-text__heading { font-size: 5.125rem; line-height: 6.25rem; } } .c-introduction-text__subtitle { text-align: center; padding-left: 9%; padding-right: 9%; } .c-introduction-text__subtitle span.heading { color: #00242f; font-size: 1.4375rem; } @media (min-width: 768px) { .c-introduction-text__subtitle span.heading { font-size: 1.875rem; } } .c-introduction-text__body { opacity: 1; padding-left: 9%; margin-right: 9%; text-align: center; } .c-introduction-text__body a { color: #c8905c; } /** * COMPONENTS.Link-Banner * * @descriptions: * */ .c-link_banner { position: relative; display: flex; flex-direction: column; align-items: center; padding: 2.5rem 0; } @media (min-width: 768px) { .c-link_banner { padding: 5rem 0; } } .c-link-banner__heading { width: 100%; font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 3.125rem; font-weight: 300; letter-spacing: -0.01em; text-align: center; padding-top: 0rem; padding-bottom: 2.5rem; z-index: 2; } @media (min-width: 768px) { .c-link-banner__heading { font-size: 6.25rem; line-height: 5.75rem; } } @media (min-width: 1024px) { .c-link-banner__heading { font-size: 8.75rem; line-height: 7.5rem; padding-top: 6.25rem; padding-bottom: 3.75rem; } } .c-link-banner__link { font-size: 1.25rem; font-family: "Domaine Display", "Times New Roman", Times, serif; line-height: 1.5rem; color: #00242f; text-decoration: underline; text-align: center; margin-top: 1rem; } .c-link-banner__title { font-size: 1.25rem; font-family: "Domaine Display", "Times New Roman", Times, serif; line-height: 1.5rem; color: #00242f; text-align: center; margin-top: 1rem; } .c-link-banner__description { font-weight: 300; margin: 1.5rem 0; text-align: center; width: 100%; line-height: 1.3; } @media (min-width: 768px) { .c-link-banner__description { font-size: 1.125rem; } } .c-link-banner__img--left { max-width: 18.4375rem; display: none; } @media (min-width: 1024px) { .c-link-banner__img--left { display: block; position: absolute; top: 30%; left: -74px; opacity: 0.8; } } .c-link-banner__img--top { max-width: 12.0625rem; display: none; } @media (min-width: 1024px) { .c-link-banner__img--top { display: block; position: absolute; top: 40%; right: -70px; opacity: 0.8; } } /** * COMPONENTS.Link-List * * @description : Link list - for use on related articles * */ .c-link_list a { color: #00242f; } .c-link_list li { padding: 16px 0; border-top: 1px solid #68715f; } .c-link_list li:last-of-type { border-bottom: 1px solid #68715f; } @media (min-width: 768px) { .c-link_list { font-size: 1.125rem; font-weight: 300; margin-right: 8px; } } .c-link_list__heading { font-size: 23px; color: #00242f; margin-bottom: 16px; } /** * COMPONENTS.LIST-ROOMS * * @description : * */ .c-list_rooms { margin-bottom: 3.5rem; min-height: 30rem; } @media (min-width: 768px) { .c-list_rooms { margin-bottom: 4.75rem; } } .c-list_rooms:last-of-type { margin-bottom: 0; } @media (min-width: 768px) { .c-list_rooms__content { padding-left: 3.125rem; } } .c-list_rooms__img_wrapper { margin-bottom: 1rem; } @media (min-width: 1174px) { .c-list_rooms__img_wrapper { margin-left: -89px; } } @media (min-width: 768px) { .c-list_rooms__img_wrapper { margin-bottom: 2rem; } } .c-list_rooms__img { overflow: hidden; cursor: pointer; } .c-list_rooms__img:hover img { transform: scale(1.04) !important; transition-duration: 1s; } .c-list_rooms__img img { width: 100%; object-fit: cover; transition: transform .35s ease; } .c-list-rooms__title { margin-bottom: 1rem; } .c-list-rooms__text { font-size: 1.0625rem; line-height: 1.4375rem; } .c-list-rooms__text a { color: #c8905c; text-decoration: underline; } .c-list-rooms__buttons { display: flex; justify-content: space-between; flex-wrap: wrap; } .c-list-rooms__button { display: flex; align-items: center; justify-content: center; text-align: center; margin: 0.75rem 0 0 0; padding: 16px; flex: 1 1 9.375rem; max-width: 200px; } @media (min-width: 480px) { .c-list-rooms__button { margin-top: 1.5rem; } } /** * COMPONENTS.MAP * * @description : Google map banner, with address details. * */ .c-map { position: relative; z-index: 1; } .c-map__content { background-color: #2b312a; padding: 2rem 0.625rem 0rem 0.625rem; color: #ffffff; font-size: 1.125rem; line-height: 1.75rem; } @media (min-width: 480px) { .c-map__content { padding: 2rem 1.25rem 1rem 1.25rem; } } @media (min-width: 768px) { .c-map__content { max-width: 450px; padding: 3.875rem 1.5rem 1rem 3.5rem; } } @media (min-width: 1024px) { .c-map__content { min-height: 28.125rem; } } @media (min-width: 1128px) { .c-map__content { margin-left: calc((100vw - 1128px) / 2); } } .c-map__content__heading { color: #ffffff; font-size: 3.125rem; line-height: 3.75rem; } .c-map__content__sub_heading { color: #c8905c; font-size: 1.5625rem; line-height: 2.1875rem; margin-bottom: 2rem; } @media (min-width: 768px) { .c-map__content__sub_heading { margin-bottom: 3.125rem; } } .c-map__content_label { max-width: 180px; margin-bottom: 2rem; margin-top: 8px; } @media (min-width: 480px) { .c-map__content_label { max-width: 200px; } } @media (min-width: 768px) { .c-map__content_label { margin-bottom: 3.125rem; } } .c-map__content__address { margin-bottom: 1.5rem; } .c-map__content__contact_label { opacity: 0.8; color: #fbf1e7; display: inline-block; min-width: 3em; margin-right: 0.5em; } .c-map__content__contact { padding-bottom: 1.5rem; } .c-map__content__contact a { color: #ffffff; } .c-map__map { width: 100%; height: 300px; } @media (min-width: 480px) { .c-map__map { height: 400px; } } @media (min-width: 768px) { .c-map__map { width: 140%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } } .c-map__content_dropdown { margin-top: 24px; color: #ffffff; } .c-map__content_dropdown option { color: #00242f; } .c-map__content_list { max-height: 450px; overflow-y: auto; } @media (min-width: 768px) { .c-map__content_list { min-height: 450px; } } .c-map__content_item_heading { color: #c8905c; font-size: 1.5625rem; line-height: 2.1875rem; } /** * COMPONENTS.MEDIA-CARDS * * @description : Media Cards module, stacked link panels containing Heading, Image grid, description and link. * */ .c-media_cards { display: flex; flex-wrap: wrap; justify-content: space-between; flex: 0 0 100%; } @media (min-width: 768px) { .c-media_cards { /*Single card displays as fullwidth*/ } .c-media_cards .c-media_card { flex: 0 0 50%; max-width: 30rem; } .c-media_cards .c-media_card:last-of-type { flex: 0 0 41%; margin-top: 12.5rem; } .c-media_cards .c-media_card:first-child:last-child { flex: 0 0 100%; max-width: none; margin-top: 0; margin-bottom: 1rem; } .c-media_cards .c-media_card:first-child:last-child .c-media_card__images { float: left; margin-right: 2rem; } } .c-media_card { margin-bottom: 2.5rem; } @media (min-width: 768px) { .c-media_card { margin-bottom: 5rem; } } .c-media_card__heading { margin-bottom: 1.5rem; } .c-media_card__description { display: flex; flex-direction: column; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: -0.02px; margin-bottom: 3.125rem; margin-top: 1.5rem; } .c-media_card__images { height: 100vw; } .c-media_card__images .c-image_grid__row { max-height: 33%; } @media (min-width: 480px) { .c-media_card__images { max-height: 480px; } } @media (min-width: 768px) { .c-media_card__images { max-width: 30rem; } } /** * COMPONENTS.NAV-ARROW * * @description : Navigation arrow button * * Example: * * * * * */ .c-nav-arrow { display: block; text-align: center; width: 17px; } .c-nav-arrow:after { content: ""; display: block; height: 15px; width: 15px; border: 1px solid transparent; border-radius: 50%; transform: translateY(-21px); transition: border .5s; margin-bottom: 16px; } @media (min-width: 480px) { .c-nav-arrow { width: 47px; } .c-nav-arrow:after { height: 45px; width: 45px; border: 1px solid transparent; border-radius: 50%; transform: translateY(-34px); } } .c-nav-arrow:hover:after, .c-nav-arrow:focus:after { border: 1px solid #c8905c; } .c-nav-arrow__icon { height: 100%; display: block; } .c-nav-arrow--horizontal, .c-nav-arrow--right, .c-nav-arrow--left { display: flex; align-items: center; text-align: center; height: 1rem; flex: 0 0 2.875rem; position: relative; } .c-nav-arrow--horizontal:after, .c-nav-arrow--right:after, .c-nav-arrow--left:after { position: absolute; top: 0; bottom: 0; content: ""; display: block; height: 0.9375rem; width: 0.9375rem; border: 1px solid transparent; border-radius: 50%; transition: border .5s; } .c-nav-arrow--horizontal:hover:after, .c-nav-arrow--right:hover:after, .c-nav-arrow--left:hover:after, .c-nav-arrow--horizontal:focus:after, .c-nav-arrow--right:focus:after, .c-nav-arrow--left:focus:after { border: 1px solid #c8905c; } .c-nav-arrow--horizontal:hover, .c-nav-arrow--right:hover, .c-nav-arrow--left:hover { cursor: pointer; } .c-nav-arrow--horizontal.swiper-button-disabled, .swiper-button-disabled.c-nav-arrow--right, .swiper-button-disabled.c-nav-arrow--left { opacity: 0.5; pointer-events: none; } .c-nav-arrow--horizontal .c-nav-arrow__icon, .c-nav-arrow--right .c-nav-arrow__icon, .c-nav-arrow--left .c-nav-arrow__icon { width: 2.5rem; display: inline-block; } @media (min-width: 480px) { .c-nav-arrow--horizontal .c-nav-arrow__icon, .c-nav-arrow--right .c-nav-arrow__icon, .c-nav-arrow--left .c-nav-arrow__icon { width: 4.0625rem; } } @media (min-width: 480px) { .c-nav-arrow--horizontal, .c-nav-arrow--right, .c-nav-arrow--left { height: 2.9375rem; min-width: 83px; flex: 0 0 5.1875rem; } .c-nav-arrow--horizontal:after, .c-nav-arrow--right:after, .c-nav-arrow--left:after { height: 2.75rem; width: 2.75rem; border: 1px solid transparent; border-radius: 50%; } } .c-nav-arrow--right { justify-content: flex-start; margin-right: 0.625rem; } .c-nav-arrow--right:after { position: absolute; right: 0; } .c-nav-arrow--left { justify-content: flex-end; } .c-nav-arrow--left:after { position: absolute; left: 0; } .c-nav-arrow__down { display: inline-block; text-align: center; width: 45px; } .c-nav-arrow__down:after { content: ""; display: block; height: 45px; width: 45px; border: 1px solid #c8905c; border-radius: 50%; transform: translateY(-34px); } .c-nav-arrow__down--standard { display: inline-block; text-align: center; width: 45px; } .c-nav-arrow__down_arrow { height: 95px; display: inline-block; width: 10px; } .c-nav-arrow__down_arrow--small { display: inline-block; width: 10px; } /** * COMPONENTS.NAV * * @description : * */ .c-nav { overflow: auto; position: absolute; background: #323b32; transform: translateX(-110%); transition: transform 0.5s cubic-bezier(0.35, 0, 0.45, 1); width: 100vw; top: 100%; left: 0; padding: 20px 20px 40px 20px; } @media (min-width: 900px) { .c-nav { padding: 0 20px; width: auto; margin-left: 0; top: 0; transform: translateX(0); background: transparent; align-self: stretch; overflow: visible; position: relative; flex: 1 1 auto; display: flex; align-items: stretch; } } .c-nav--open { transform: translateX(0); height: calc(100vh - 75px); } .c-nav__list { margin: 0 auto; width: 100%; max-width: 964px; text-align: center; } @media (min-width: 900px) { .c-nav__list { align-items: stretch; display: flex; flex-direction: row; align-self: stretch; justify-content: space-around; } } .c-nav__item { flex: 1 auto; display: flex; flex-flow: row wrap; gap: 0 8px; opacity: 0; transition: opacity 0.1s ease; margin-bottom: 0.75rem; align-items: stretch; position: relative; } @media (min-width: 900px) { .c-nav__item { margin-bottom: 0; opacity: 1; transform: translateX(0); } } .c-nav--open .c-nav__item { transition: opacity 0.3s cubic-bezier(0.35, 0, 0.45, 1), transform 0.2s cubic-bezier(0.35, 0, 0.45, 1); opacity: 1; transform: translateX(0); } @media (min-width: 900px) { .c-nav__item:hover .c-nav__sub_items { display: flex; } } .c-nav__item:nth-child(1n) { transition-delay: 0.41s; } .c-nav__item:nth-child(2n) { transition-delay: 0.47s; } .c-nav__item:nth-child(3n) { transition-delay: 0.53s; } .c-nav__item:nth-child(4n) { transition-delay: 0.59s; } .c-nav__item:nth-child(5n) { transition-delay: 0.65s; } .c-nav__item:nth-child(6n) { transition-delay: 0.71s; } .c-nav__item:nth-child(7n) { transition-delay: 0.77s; } .c-nav__item:nth-child(8n) { transition-delay: 0.83s; } .c-nav__item:nth-child(9n) { transition-delay: 0.89s; } .c-nav__item:nth-child(10n) { transition-delay: 0.95s; } @media (min-width: 900px) { .c-nav__item--cta { display: none; } } .c-nav__link { color: #faf0e5; letter-spacing: -0.02em; font-family: "Domaine Display", "Times New Roman", Times, serif; font-size: 2rem; position: relative; display: flex; flex: 1 1 auto; align-items: center; } @media (min-width: 900px) { .c-nav__link { flex: 0 1 auto; font-size: 1.125rem; } .c-nav__item--active .c-nav__link::after { transform: scaleX(1); } .c-nav__item--no-hover .c-nav__link::after { transform: scaleX(0); } .c-nav__link::after { background: #c8905c; content: ""; display: block; height: 3px; position: absolute; left: 0; bottom: 0; width: 100%; transform: scaleX(0); transition: transform 0.3s cubic-bezier(0.3, 0, 0.25, 1); } .c-nav__link:hover::after { transform: scaleX(1); } } .c-nav__submenu-button { align-items: center; background: transparent; border-radius: 4px; color: #faf0e5; cursor: pointer; display: flex; flex: 0 0 auto; font: inherit; justify-content: center; margin-right: -16px; padding: 0 16px; } @media (min-width: 900px) { .c-nav__submenu-button { display: none; } } .c-nav__submenu-button:focus, .c-nav__submenu-button:active { background: rgba(0, 0, 0, 0.2); } .c-nav__submenu-button::before { border-bottom: 1px solid; border-right: 1px solid; content: ''; display: block; height: 16px; transform: translateY(-3px) rotate(45deg); width: 16px; } .c-nav__item.is-open .c-nav__submenu-button::before { transform: translateY(6px) rotate(-135deg); } .c-nav__sub_items { border: solid #3d483d; border-width: 1px 0; display: none; margin-top: 8px; width: 100%; } .c-nav__item.is-open .c-nav__sub_items { display: block; } @media (min-width: 900px) { .c-nav__sub_items { border: 0; display: none; position: absolute; top: 90px; left: -16px; margin-top: 0; flex-direction: column; align-items: flex-start; width: 200px; z-index: 10000; } } .c-nav__third_level_link { padding-left: 20px; } .c-nav__sub_sub_link a { position: relative; background-color: #323b32; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 180px; width: 100%; } .c-nav__sub_link:hover .c-nav__sub_sub_items { display: block; } .c-nav__sub_sub_items { display: none; position: absolute; left: 100%; top: 0; background: #323b32; min-width: 180px; z-index: 1001; width: 100%; } .c-nav__sub_sub_link { display: block; color: #faf0e5; text-align: left; border-bottom: 1px solid #3d483d; } .c-nav__sub_sub_link a { width: 100%; } .c-nav__sub_link { position: relative; background-color: #323b32; display: flex; min-width: 180px; width: 100%; } .c-nav__sub_link a { color: #faf0e5; letter-spacing: -0.02em; font-family: "Domaine Display", "Times New Roman", Times, serif; padding: 12px 0; width: 100%; text-align: left; position: relative; } @media (min-width: 900px) { .c-nav__sub_link a { padding: 16px; } } .c-nav__sub_link:not(:last-child) { border-bottom: 1px solid #3d483d; } .c-nav__sub_link a:after { background: #c8905c; content: ""; display: block; height: 2px; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transition: transform 0.3s cubic-bezier(0.3, 0, 0.25, 1); width: 100%; } @media (min-width: 900px) { .c-nav__sub_link a:after { margin: 0 16px; width: calc(100% - 32px); } } .c-nav__sub_link a:hover::after { transform: scaleX(1); } .c-nav__sub_link--label { background-color: #323b32; display: flex; min-width: 180px; width: 100%; padding-top: 6px; } .c-nav__sub_link--label span { padding: 1px 16px; text-align: left; width: 100%; color: #c8905c; font-size: 12px; } .c-nav__sub_link--label + li a { padding-top: 4px; } .c-form input, .c-form textarea, .c-form select { border: 1px solid #ccc; border-radius: 2px; margin: 8px 0 12px 0; padding: 0.6em .8em; } .c-form .umbraco-forms-tooltip { display: block; font-weight: 300; } .c-form textarea { min-height: 8em; } .c-form .g-recaptcha { margin: 8px 0 12px 0; } .c-form .field-validation-error { margin-top: -10px !important; margin-bottom: 12px; display: block; color: #c8905c; font-size: 14px; } .c-form .primary { display: inline-block; vertical-align: middle; text-decoration: none; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; border-radius: 2px; text-align: center; padding: 1em .5em; cursor: pointer; font-family: "GT Pressura","Roboto","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; background: transparent; color: #c8905c; border: 1px solid #c8905c; font-size: 1rem; padding: 1em 1.5em !important; } /** * COMPONENTS.OFFERS-SLIDER-MINI * * @description : * */ .c-offers_slider_mini { text-align: center; } .c-offers_slider_mini__inner { border: 1px solid #c8905c; transition: box-shadow 0.2s ease; box-shadow: transparent 0 0 0 1px inset; } .c-offers_slider_mini__inner:hover { box-shadow: #c8905c 0 0 0 1px inset; } .c-offers_slider_mini__title { position: relative; top: 1.5em; line-height: 1; color: #c8905c; font-size: 1.875rem; display: inline-block; z-index: 5; background: white; padding: 1em; } .c-offers_slider_mini__slides { display: flex; align-items: stretch; } .swiper-slide.c-offers_slider_mini__slide { font-size: 1.125rem; display: flex; justify-content: center; flex-direction: column; height: auto; } .c-offers_slider_mini__slide_link { display: block; padding: 90px 40px 90px 40px; color: #00242f; } .c-offers_slider_mini__slide_title { font-size: 1.75em; font-weight: bold; color: inherit; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; margin-bottom: 1em; } .c-offers_slider_mini__slide_content { font-size: inherit; font-weight: 300; } .c-offers_slider_mini__hotels { opacity: 0.8; font-weight: 300; margin-top: 1rem; } .c-offers_slider_mini__nav { display: flex; margin-top: 1rem; } .c-offers_slider_mini__bullet { border: 1px solid #c8905c; display: inline-block; height: 14px; margin-right: 0.75em; width: 14px; border-radius: 7px; cursor: pointer; transition: background-color 0.15s ease; } .c-offers_slider_mini__bullet:hover, .c-offers_slider_mini__bullet.is-active { background-color: #c8905c; } .c-offers_slider_mini__all_offers { color: #c8905c; margin-left: auto; transition: color 0.15s ease; } .c-offers_slider_mini__all_offers:hover { color: #00242f; } .c-offers_slider_mini--reverse .c-offers_slider_mini__title { background: #323b32; } .c-offers_slider_mini--reverse .c-offers_slider_mini__all_offers:hover { color: white; } .c-offers_slider_mini--reverse .c-offers_slider_mini__slide_link { color: white; } /** * COMPONENTS.POPUP * * @description : popup for home page on first load * */ .c-popup { display: flex; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999999999; /* Sit on top */ padding: 10px; pointer-events: all; left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ transition: opacity 0.5s, left 0s; } .c-popup.hidden { display: flex; /* Display stays the same. We'll hide another way (for fade in). */ left: -200vw; /* Off the page... */ opacity: 0; pointer-events: none; transition: opacity 0.5s, left 0s 0.5s; /* Left is transitioned abruptly after waiting for opacity to fade. */ } /* Modal Content */ .c-popup_content { /*This is the width for large screen, need to create for smaller ones*/ background-color: #e8b3a4; margin: auto; text-align: center; border: 1px solid #e8b3a4; border-radius: 100%; width: 90%; height: 53%; position: relative; transition: transform 0.5s ease; } @media (min-width: 290px) { .c-popup_content { width: 321px; height: 307px; } } @media (min-width: 480px) { .c-popup_content { width: 338px; height: 339px; } } @media (min-width: 768px) { .c-popup_content { width: 535px; height: 535px; } } @media (min-width: 1024px) { .c-popup_content { width: 540px; height: 540px; } } /* The Close Button */ .c-popup__close { width: 49px; position: absolute; top: 114%; left: 46%; } @media (min-width: 290px) { .c-popup__close { top: 114%; left: 43%; } } @media (min-width: 480px) { .c-popup__close { top: 114%; left: 43%; } } @media (min-width: 768px) { .c-popup__close { top: 114%; left: 47%; } } @media (min-width: 1024px) { .c-popup__close { top: 114%; left: 46%; } } .c-popup__close:hover, .c-popup__close:focus { color: #000; text-decoration: none; cursor: pointer; } .c-popup__heading { font-family: "Domaine Display", "Times New Roman", Times, serif; font-weight: bold; color: #00252f; margin-bottom: 5px; font-size: 1.5rem; padding-top: 1rem; margin-left: 1rem; margin-right: 1rem; text-align: center; } @media (min-width: 200px) { .c-popup__heading { font-size: 1rem; margin-left: 0; margin-right: 0; } } @media (min-width: 290px) { .c-popup__heading { font-size: 1.25rem; padding-top: 8px; margin-left: 1.24rem; margin-right: 1.24rem; } } @media (min-width: 480px) { .c-popup__heading { font-size: 1.5rem; } } @media (min-width: 768px) { .c-popup__heading { font-size: 3rem; margin-left: 3rem; margin-right: 3rem; } } .c-popup__description { font-family: "Domaine Display", "Times New Roman", Times, serif; margin-left: auto; margin-right: auto; margin-bottom: .70rem; width: 82%; } @media (min-width: 200px) { .c-popup__description { font-size: .75rem; } } @media (min-width: 480px) { .c-popup__description { font-size: 1rem; } } @media (min-width: 768px) { .c-popup__description { font-size: 1.25rem; } } @media (min-width: 1024px) { .c-popup__description { font-size: 1.25rem; } } .c-popup__input { border: 0; border-bottom: 1px solid #00242f; outline: 0; text-align: center; background-color: transparent; padding-bottom: .5rem; width: 90%; } @media (min-width: 200px) { .c-popup__input { font-size: .75rem; width: 60%; padding-bottom: 2px; } } @media (min-width: 290px) { .c-popup__input { width: 75%; } } @media (min-width: 480px) { .c-popup__input { width: 68%; } } @media (min-width: 768px) { .c-popup__input { font-size: 3vw; } } @media (min-width: 1024px) { .c-popup__input { width: 80%; font-size: 1.5rem; } } .c-popup__checkbox { font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 100; padding-left: .50rem; } @media (min-width: 290px) { .c-popup__checkbox { font-size: 12px; text-align: left; } } @media (min-width: 480px) { .c-popup__checkbox { font-size: 0.80rem; } } @media (min-width: 768px) { .c-popup__checkbox { font-size: 2.3vw; } } @media (min-width: 1024px) { .c-popup__checkbox { padding-left: 1rem; font-size: 1rem; } } @media (min-width: 480px) { .c-popup__checkbox-element { width: .90rem; height: .75rem; } } @media (min-width: 768px) { .c-popup__checkbox-element { width: 1rem; height: 1rem; } } @media (min-width: 1024px) { .c-popup__checkbox-element { width: .90rem; height: 1rem; } } .c-popup__checkbox-continer { padding-top: 1.75rem; } @media (min-width: 290px) { .c-popup__checkbox-continer { padding-top: 10px; padding-left: 2rem; padding-right: 1rem; display: flex; } } @media (min-width: 480px) { .c-popup__checkbox-continer { padding-top: 1.50rem; } } @media (min-width: 768px) { .c-popup__checkbox-continer { padding-left: 4.5rem; } } .c-popup__signup-btn-container { margin-top: 1.5rem; margin-bottom: 2rem; } @media (min-width: 290px) { .c-popup__signup-btn-container { margin-top: .10rem; } } @media (min-width: 290px) { .c-popup__signup-btn-container { padding-top: 1rem; margin-bottom: 16px; } } @media (min-width: 480px) { .c-popup__signup-btn-container { padding-top: .40rem; } } @media (min-width: 480px) { .c-popup__signup-btn-container { padding-top: .40rem; } } @media (min-width: 768px) { .c-popup__signup-btn-container { padding-top: 1.75rem; } } @media (min-width: 1024px) { .c-popup__signup-btn-container { padding-top: 3rem; } } .c-popup__signup-btn { padding-left: 4.5rem; padding-right: 4.5rem; padding-top: 1rem; padding-bottom: 1rem; color: #00252f; background-color: transparent; font-weight: 450; border: 1px solid #00252f; } @media (min-width: 290px) { .c-popup__signup-btn { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .5rem; padding-bottom: .5rem; } } @media (min-width: 480px) { .c-popup__signup-btn { font-size: 3vw; padding-left: 2.5rem; padding-right: 2.5rem; padding-top: .5rem; padding-bottom: .5rem; } } @media (min-width: 768px) { .c-popup__signup-btn { font-size: 1rem; } } @media (min-width: 1024px) { .c-popup__signup-btn { font-size: 1.2rem; } } .c-popup__logo { display: block; position: relative; left: 43%; padding-top: 14px; width: 50px; } @media (min-width: 480px) { .c-popup__logo { left: 144px; padding-top: 17px; width: 55px; } } @media (min-width: 768px) { .c-popup__logo { left: 44%; padding-top: 25px; width: 70px; } } @media (min-width: 1024px) { .c-popup__logo { left: 232px; padding-top: 30px; width: 80px; } } .c-popup__form { height: 100%; display: flex; flex-flow: column; justify-content: center; } /** * COMPONENTS.QS-DATEPICKER * * @description : Customisation for datepicker plugin * */ .qs-datepicker-container { border: 0; box-shadow: rgba(0, 0, 0, 0.15) 0 5px 10px; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #2b312a; width: 20rem; z-index: 99999999; } .qs-datepicker .qs-controls { background: #00242f; color: #e5ddcc; padding: 12px 8px; } .qs-datepicker .qs-arrow.qs-right::after { border-left-color: #e5ddcc; opacity: 0.85; } .qs-datepicker .qs-arrow.qs-left::after { border-right-color: #e5ddcc; opacity: 0.85; } .qs-datepicker .qs-arrow:hover.qs-right::after { border-left-color: #e5ddcc; opacity: 1; } .qs-datepicker .qs-arrow:hover.qs-left::after { border-right-color: #e5ddcc; opacity: 1; } .qs-datepicker .qs-square { height: 2.5em; border-radius: 10em; padding-top: 0.1em; } .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover { background-color: #e5ddcc; } .qs-datepicker .qs-square.qs-current span { text-decoration: none; color: #00242f; } .qs-datepicker .qs-square.qs-num { color: #697160; } .qs-datepicker .qs-square.qs-day { font-family: "Domaine Display", "Times New Roman", Times, serif; color: #323b32; } .qs-datepicker .qs-square.qs-active { background: #e5ddcc; } .qs-datepicker .qs-square.qs-range-date-middle { background: rgba(229, 221, 204, 0.65); } .qs-datepicker .qs-month-year { background: rgba(255, 255, 255, 0.2); border: 0; border-radius: 20px; padding: 8px 20px 4px 20px; transition: background 0.15s ease; } .qs-datepicker .qs-month-year:hover { border: 0; background: rgba(255, 255, 255, 0.25); } .qs-datepicker .qs-overlay { background: rgba(0, 36, 47, 0.75); } .qs-datepicker .qs-overlay .qs-submit { padding: 0.75em 2em; } .qs-datepicker .qs-overlay .qs-submit.qs-disabled { color: white; border-color: white; opacity: 0.35; } .qs-datepicker .qs-overlay-month-container { margin: 1.25em 0; } /** * COMPONENTS.Slider-Module * * @description : Feature slider displaying hotels or room info * */ .c-slider-hotel__container { position: relative; background-color: #323b32; min-height: 43.75rem; z-index: 1; display: flex; justify-content: center; } @media (min-width: 768px) { .c-slider-hotel__container { min-height: 73.125rem; } } .c-slider-hotel__container .swiper-button-disabled { opacity: 0; pointer-events: none; } .c-slider-hotel { max-width: 59.375rem; width: 100%; display: flex; flex-direction: column; align-items: center; padding-top: 1rem; min-height: 43.75rem; } @media (min-width: 768px) { .c-slider-hotel { padding-top: 0px; min-height: 73.125rem; } } .c-slider-hotel__bg_img { width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; height: 21.375rem; position: relative; } .c-slider-hotel__bg_img:after { content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(0deg, rgba(74, 74, 74, 0) 0%, #000000 100%); } @media (min-width: 768px) { .c-slider-hotel__bg_img { margin: auto; position: absolute; top: -20px; left: 0; bottom: 0; right: 0; height: 42.75rem; z-index: -1; } } .c-slider-hotel__heading { line-height: 70px; font-size: 4rem; font-weight: 300; letter-spacing: -0.01em; color: #faf0e5; margin: 0 1.5rem 0.5rem 1.5rem; font-family: "Domaine Display", "Times New Roman", Times, serif; } @media (min-width: 768px) { .c-slider-hotel__heading { line-height: 147px; font-size: 11.25rem; margin: 0.5rem 3rem 0 3rem; } } .c-slider-hotel__heading--medium { line-height: 38px; font-size: 32px; margin-top: 0.5rem; } @media (min-width: 480px) { .c-slider-hotel__heading--medium { line-height: 50px; font-size: 2.625rem; } } @media (min-width: 768px) { .c-slider-hotel__heading--medium { line-height: 130px; font-size: 8.75rem; margin-top: 1.5rem; } } .c-slider-hotel__sub_heading { color: #c8905c; text-align: center; } @media (min-width: 768px) { .c-slider-hotel__sub_heading { margin-top: 5.25rem; margin-bottom: 0; } } .c-slider-hotel__title { color: #faf0e5; margin-bottom: 0.5rem; padding: 0 10px; text-align: center; } @media (min-width: 768px) { .c-slider-hotel__title { flex: 1 1; margin-top: 2rem; margin-bottom: 0px; } } .c-slider-hotel__label { max-width: 140px; margin: 8px auto 16px auto; } @media (min-width: 480px) { .c-slider-hotel__label { max-width: 180px; margin-top: 16px; margin-bottom: 0px; } } @media (min-width: 768px) { .c-slider-hotel__label { max-width: 200px; } } .c-slider-hotel__details { margin: 1.5rem 0.75rem 0 0.75rem; padding: 0 1rem; } @media (min-width: 768px) { .c-slider-hotel__details { margin: 0 0.75rem 0 0.75rem; padding: 0; width: 45rem; min-height: 18.75rem; } } .c-slider-hotel__details_heading { color: #faf0e5; margin-bottom: 1rem; font-size: 1.25rem; line-height: 1.5rem; font-weight: 600; } @media (min-width: 768px) { .c-slider-hotel__details_heading { font-size: 1.75rem; line-height: 2rem; margin-bottom: 2rem; } } .c-slider-hotel__details_list { color: #faf0e5; font-size: 0.875rem; line-height: 1.25rem; } @media (min-width: 768px) { .c-slider-hotel__details_list { font-size: 1.125rem; line-height: 1.5rem; } } .c-slider-hotel__details_section_container { border-bottom: 1px solid rgba(176, 176, 176, 0.5); } @media (min-width: 768px) { .c-slider-hotel__details_section_container { border-bottom: 0; } } .c-slider-hotel__details_section { margin-bottom: 1rem; padding: 0.5rem; } @media (min-width: 768px) { .c-slider-hotel__details_section { padding: 0 1.25rem; border-bottom: none; border-left: 1px solid rgba(176, 176, 176, 0.5); } } .c-slider-hotel__details_section--centered { display: flex; flex-direction: column; align-items: center; margin-top: 1rem; padding-top: 1.5rem; } @media (min-width: 768px) { .c-slider-hotel__details_section--centered { display: block; margin-top: 0; border-right: 1px solid rgba(176, 176, 176, 0.5); padding-top: 0; } } .c-slider-hotel__nav { position: relative; text-align: center; display: flex; justify-content: space-between; align-items: center; padding: 0 0.5rem; } @media (min-width: 768px) { .c-slider-hotel__nav { align-items: flex-start; } .c-slider-hotel__nav .c-nav-arrow--left, .c-slider-hotel__nav .c-nav-arrow--right { margin-top: 50px; } } .c-slider-hotel__arrow { flex: 0 0 90px; } @media (min-width: 768px) { .c-slider-hotel__arrow { margin: 3.75rem 0; } } .c-slider-hotel__booking_text { font-size: 0.875rem; line-height: 16px; } .c-slider-hotel__booking_text:before { content: ''; background-image: url("/img/icons/star-gold.svg"); vertical-align: middle; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 16px; height: 16px; padding-bottom: 2px; margin-right: 4px; } /** * COMPONENTS.Star Rating * * @description : * */ .c-star_rating { display: flex; justify-content: center; } .c-star_rating__icon { background-image: url("/img/icons/star-white.svg"); display: inline-block; width: 12px; height: 11px; background-size: cover; margin: 0 2px; } .c-star_rating__icon--gold { background-image: url("/img/icons/star-gold.svg"); display: inline-block; width: 12px; height: 11px; background-size: cover; margin: 0 2px; } /** * COMPONENTS.SWIPER * * @description : Global customisations to swiper plugin * */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-button-prev, .swiper-button-next { cursor: pointer; display: flex; align-items: center; justify-content: center; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: auto; } .swiper-pagination-bullet { background: #c8905c; opacity: 0.6; } .swiper-pagination-bullet-active { opacity: 1; } .swiper-button-next { color: #c8905c; color: transparent; background-image: url(/img/arrow-right-tan.svg); background-repeat: no-repeat; width: 100px; background-position: center; top: unset; bottom: 0 !important; height: 37px; z-index: 11; right: 20px; } .swiper-button-next:after { content: none; } .swiper-button-prev { color: #c8905c; color: transparent; background-image: url(/img/arrow-left-tan.svg); background-repeat: no-repeat; width: 100px; background-position: center; top: unset; bottom: 0 !important; height: 36px; z-index: 11; left: 20px; } .swiper-button-prev:after { content: none; } .c-team-page { background-color: #2b312a; } .c-team-page .c-sectionHeadingModule { padding-top: 2.5em; } @media (min-width: 768px) { .c-team-page .c-sectionHeadingModule { padding-top: 4em; } } .c-team-page .c-sectionHeadingModule h2 { color: #c8905c; } .c-team-page .c-sectionHeadingModule .c-section-heading__subtitle { margin-top: 2.5em; } @media (min-width: 768px) { .c-team-page .c-sectionHeadingModule .c-section-heading__subtitle { margin-top: 4em; } } .c-team-page .c-sectionHeadingModule .c-section-heading__subtitle span.heading { color: #969c90; font-size: 1.625rem; } @media (min-width: 768px) { .c-team-page .c-sectionHeadingModule .c-section-heading__subtitle span.heading { font-size: 2.0625rem; } } /** * COMPONENTS.TEXT-&-IMAGE-GALLERY * */ .c-text_image_gallery__content { padding: 0 2.33333%; } @media (min-width: 768px) { .c-text_image_gallery__content { padding: 0 32px; } } .c-text_image_gallery__content--top { align-self: flex-start; } .c-text_image_gallery__description p { margin-bottom: 1em; } .c-text_image_gallery__title { font-size: 36px; line-height: 40px; margin-bottom: 0.4rem; } @media (min-width: 1024px) { .c-text_image_gallery__title { font-size: 48px; line-height: 54px; margin-bottom: 80px; } } .c-text_image_gallery__subtitle { color: #c8905c; font-family: "GT Pressura", "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 1.25rem; letter-spacing: 0.05em; text-transform: uppercase; } @media (min-width: 1024px) { .c-text_image_gallery__subtitle { font-size: 1.4375rem; } } .c-text_image_gallery__item { margin-top: 16px; order: 1; } @media (min-width: 768px) { .c-text_image_gallery__item { margin-top: 0px; order: 0; } } .c-text_image_gallery__item--right { order: 2; } .c-text_image_gallery__img { cursor: pointer; max-height: 100%; overflow: hidden; } .c-text_image_gallery__img:hover img { transform: scale(1.04) !important; transition-duration: 1s; } .c-text_image_gallery__img img { object-fit: cover; transition: transform .35s ease; width: 100%; } .js-text_image_gallery__expanded { overflow: hidden; transform: scaleY(0); transform-origin: top; max-height: 0; } .js-text_image_gallery__expanded.active { display: block; max-height: none; transition: all 0.5s ease; transform: scaleY(1); position: relative; } /** * COMPONENTS.TITLE-SEQUENCE * * @description : * */ .c-title_sequence { background: #323b32; position: fixed; width: 100vw; height: 100vh; z-index: 10001; top: 0; left: 0; align-items: center; justify-content: center; } .c-title_sequence__loader { background: #2b312a; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: scaleX(0); transform-origin: 0 0; z-index: 1; transition: transform 0.5s ease; } .c-title_sequence__content { position: relative; z-index: 2; perspective: 1000px; } .c-title_sequence__text { color: #e5ddcc; font-size: 10vw; max-width: 8ch; line-height: 0.8; text-align: center; letter-spacing: -0.02em; } @media (min-width: 1440px) { .c-title_sequence__text { font-size: 11.25rem; } } .c-title_sequence__text .word { display: inline-block; } .c-title_sequence__text .word .char__inner { display: inline-block; } .c-title_sequence__img { max-width: 17.5rem; position: absolute; opacity: 0; } .c-title_sequence__img[data-flourish="bird"] { width: 12vw; left: 50%; top: 50%; } .c-title_sequence__img[data-flourish="flower"] { width: 12vw; left: 60%; top: -25%; } .c-title_sequence__img[data-flourish="key"] { width: 8vw; left: 50%; top: -120%; transform: rotate3d(1, 1, 1, 45deg); } .c-title_sequence__img[data-flourish="leaf"] { width: 8vw; left: 75%; top: -20%; } .c-title_sequence__img[data-flourish="redflower"] { width: 12vw; left: 25%; top: 0%; } /** * 8. UTILITIES */ /** * UTILITIES.COLORS * * @description : * */ .u-bg--white { background-color: #ffffff; } .u-bg--green-lagoon { background-color: #697160; } .u-bg--olive-tree { background-color: #323b32; } .u-bg--dark-green { background-color: #2b312a; } .u-bg--slate { background-color: #bcb2a6; } .u-bg--tan { background-color: #c8905c; } .u-bg--light-cream { background-color: #fbf5ee; } .u-col--green-lagoon { color: #697160; } .u-col--olive-tree { color: #323b32; } .u-col--dark-green { color: #2b312a; } .u-col--slate { color: #bcb2a6; } .u-col--tan { color: #c8905c; } .u-col--light-cream { color: #fbf5ee; } .u-col--marine-blue { color: #00242f; } .u-col--cream { color: #faf0e5; } /** * UTILITIES.LAYOUT * * @description : These classes trump other preceeding styles. * Userful for quickly applying common adjustments. */ .u-fr { float: right; } .u-fl { float: left; } .u-mb { margin-bottom: 0.5rem; } .u-push-body { display: block; padding-top: 4.6875rem; } @media (min-width: 900px) { .u-push-body { padding-top: 5.625rem; } } .u-offset-top { margin-top: -56px; } .u-mt-lg { margin-top: 5rem !important; } .u-mb-xl { margin-bottom: 5rem !important; } @media (min-width: 768px) { .u-mb-xl { margin-bottom: 12.5rem !important; } } .u-perspective { perspective: 1000px; } @media (min-width: 0) and (max-width: 899px) { .u-desktop-only { display: none !important; } } @media (min-width: 900px) { .u-mobile-only { display: none !important; } } @media (min-width: 0) and (max-width: 768px) { .u-order-bottom--mobile { order: 100; } } .u-mt--xs { margin-top: 0.25rem !important; } @media (min-width: 768px) { .u-mt--xs { margin-top: 0.5rem !important; } } .u-mt--sm { margin-top: 0.5rem !important; } @media (min-width: 768px) { .u-mt--sm { margin-top: 1rem !important; } } .u-mt--md { margin-top: 1rem !important; } @media (min-width: 768px) { .u-mt--md { margin-top: 2rem !important; } } .u-mt--lg { margin-top: 1.5rem !important; } @media (min-width: 768px) { .u-mt--lg { margin-top: 3rem !important; } } .u-mt--xl { margin-top: 2rem !important; } @media (min-width: 768px) { .u-mt--xl { margin-top: 4rem !important; } } .u-mt--xxl { margin-top: 4rem !important; } @media (min-width: 768px) { .u-mt--xxl { margin-top: 8.75rem !important; } } .u-mb--xs { margin-bottom: 0.25rem !important; } @media (min-width: 768px) { .u-mb--xs { margin-bottom: 0.5rem !important; } } .u-mb--sm { margin-bottom: 0.5rem !important; } @media (min-width: 768px) { .u-mb--sm { margin-bottom: 1rem !important; } } .u-mb--md { margin-bottom: 1rem !important; } @media (min-width: 768px) { .u-mb--md { margin-bottom: 2rem !important; } } .u-mb--lg { margin-bottom: 1.5rem !important; } @media (min-width: 768px) { .u-mb--lg { margin-bottom: 3rem !important; } } .u-mb--xl { margin-bottom: 2rem !important; } @media (min-width: 768px) { .u-mb--xl { margin-bottom: 4rem !important; } } .u-mb--xxl { margin-bottom: 4rem !important; } @media (min-width: 768px) { .u-mb--xxl { margin-bottom: 8.75rem !important; } } .u-mr--xs { margin-right: 0.5rem !important; } .u-mr--sm { margin-right: 1rem !important; } .u-mr--md { margin-right: 2rem !important; } .u-mr--lg { margin-right: 3rem !important; } .u-mr--xs { margin-left: 0.5rem !important; } .u-mr--sm { margin-left: 1rem !important; } .u-mr--md { margin-left: 2rem !important; } .u-mr--lg { margin-left: 3rem !important; } .u-pt--md { padding-top: 1rem !important; } @media (min-width: 768px) { .u-pt--md { padding-top: 2rem !important; } } .u-pt--lg { padding-top: 2rem !important; } @media (min-width: 768px) { .u-pt--lg { padding-top: 4rem !important; } } .u-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } /** * UTILITIES.OVERFLOW * * @description : * */ .u-ov_x { overflow-x: hidden; } /** * UTILITIES.TYPE * * @description : These classes trump other preceeding styles. * Userful for quickly applying common adjustments. */ .u-tc { text-align: center; } .u-tr { text-align: right; } .u-tl { text-align: left; } .u-text-light { font-weight: 300; } .u-heading_underline { position: relative; padding-bottom: 1rem; margin-bottom: 1rem; } .u-heading_underline:before { content: ''; display: block; position: absolute; bottom: 0; width: 3.75rem; left: 0%; border-bottom: 1px solid #c8905c; } .u-list li { margin-bottom: 0.75em; } .u-cta_link { color: #c8905c; font-family: "Domaine Display", "Times New Roman", Times, serif; } .u-cta_link:hover { color: #00242f; } .t-rich_text { font-size: 16px; line-height: 25px; } .t-rich_text ul { list-style: disc; margin-left: 1em; } .t-rich_text p + ul { margin-top: -1.2em; } .t-rich_text a { color: #c8905c; } /** * COMPONENTS.VALIDATION * * @description : Validation styles for form elements * */ p.u-error { color: #c60000; font-weight: bold; font-size: 0.875em; padding: 0.5em 0; margin-bottom: 0; } input[type='radio'].u-error + label, input[type='checkbox'].u-error + label { color: #c60000; } input[type='text'].u-error, input[type='email'].u-error, input[type='password'].u-error, input[type='tel'].u-error, input[type='search'].u-error, input[type='url'].u-error, select.u-error, textarea.u-error { border-color: #c60000; } /*# sourceMappingURL=master.css.map */