@font-face{font-family:Karma;font-style:normal;font-weight:300;src:local('Karma Light'),local('Karma-Light'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLjDY_Z5sK32QA.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Karma;font-style:normal;font-weight:300;src:local('Karma Light'),local('Karma-Light'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLjDY_Z2sK32QA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karma;font-style:normal;font-weight:300;src:local('Karma Light'),local('Karma-Light'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLjDY_Z4sK0.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karma;font-style:normal;font-weight:400;src:local('Karma Regular'),local('Karma-Regular'),url(https://fonts.gstatic.com/s/karma/v9/va9I4kzAzMZRGLBpQeNHkQ.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Karma;font-style:normal;font-weight:400;src:local('Karma Regular'),local('Karma-Regular'),url(https://fonts.gstatic.com/s/karma/v9/va9I4kzAzMZRGLBmQeNHkQ.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karma;font-style:normal;font-weight:400;src:local('Karma Regular'),local('Karma-Regular'),url(https://fonts.gstatic.com/s/karma/v9/va9I4kzAzMZRGLBoQeM.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karma;font-style:normal;font-weight:500;src:local('Karma Medium'),local('Karma-Medium'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLibYvZ5sK32QA.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Karma;font-style:normal;font-weight:500;src:local('Karma Medium'),local('Karma-Medium'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLibYvZ2sK32QA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karma;font-style:normal;font-weight:500;src:local('Karma Medium'),local('Karma-Medium'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLibYvZ4sK0.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karma;font-style:normal;font-weight:600;src:local('Karma SemiBold'),local('Karma-SemiBold'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLi3ZfZ5sK32QA.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Karma;font-style:normal;font-weight:600;src:local('Karma SemiBold'),local('Karma-SemiBold'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLi3ZfZ2sK32QA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karma;font-style:normal;font-weight:600;src:local('Karma SemiBold'),local('Karma-SemiBold'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLi3ZfZ4sK0.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karma;font-style:normal;font-weight:700;src:local('Karma Bold'),local('Karma-Bold'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLjTZPZ5sK32QA.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Karma;font-style:normal;font-weight:700;src:local('Karma Bold'),local('Karma-Bold'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLjTZPZ2sK32QA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karma;font-style:normal;font-weight:700;src:local('Karma Bold'),local('Karma-Bold'),url(https://fonts.gstatic.com/s/karma/v9/va9F4kzAzMZRGLjTZPZ4sK0.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;src:local('Montserrat Medium'),local('Montserrat-Medium'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;src:local('Montserrat Medium'),local('Montserrat-Medium'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;src:local('Montserrat Medium'),local('Montserrat-Medium'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;src:local('Montserrat Medium'),local('Montserrat-Medium'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;src:local('Montserrat Medium'),local('Montserrat-Medium'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer () * Config saved to config.json and *//*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:focus,.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#fff;background-color:#398439;border-color:#255625}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:focus,.btn-info.focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:focus,.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#337ab7;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.clearfix:before,.clearfix:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed} body.oc-loading, body.oc-loading * {cursor:wait !important} .stripe-loading-indicator {height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000} .stripe-loading-indicator .stripe, .stripe-loading-indicator .stripe-loaded {height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF} .stripe-loading-indicator .stripe {width:100%;-webkit-animation:oc-infinite-loader 60s linear;animation:oc-infinite-loader 60s linear} .stripe-loading-indicator .stripe-loaded {width:100%;transform:translate3d(-100%,0,0);opacity:0;filter:alpha(opacity=0)} .stripe-loading-indicator.loaded {opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s} .stripe-loading-indicator.loaded .stripe {animation-play-state:paused} .stripe-loading-indicator.loaded .stripe-loaded {opacity:1;filter:alpha(opacity=100);transform:translate3d(0,0,0);-webkit-transition:transform 0.3s linear;transition:transform 0.3s linear} .stripe-loading-indicator.hide {display:none} body >p.flash-message {position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0 rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} body >p.flash-message.fade {opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)} body >p.flash-message.fade.in {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} body >p.flash-message.success {background:#8da85e} body >p.flash-message.error {background:#c30} body >p.flash-message.warning {background:#f0ad4e} body >p.flash-message.info {background:#5fb6f5} body >p.flash-message button.close {float:none;position:absolute;right:10px;top:8px;color:white;font-size:21px;line-height:1;font-weight:bold;opacity:0.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;outline:none} body >p.flash-message button.close:hover, body >p.flash-message button.close:focus {color:white;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)} @media (max-width:768px) {body >p.flash-message {left:10px;right:10px;top:10px;margin-left:0;width:auto }} [data-request][data-request-validate] [data-validate-for]:not(.visible), [data-request][data-request-validate] [data-validate-error]:not(.visible) {display:none} a.oc-loading:after, button.oc-loading:after, span.oc-loading:after {content:'';display:inline-block;vertical-align:middle;margin-left:.4em;height:1em;width:1em;animation:oc-rotate-loader 0.8s infinite linear;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0.5;filter:alpha(opacity=50)} @-moz-keyframes oc-rotate-loader {0% {-moz-transform:rotate(0deg) }100% {-moz-transform:rotate(360deg) }} @-webkit-keyframes oc-rotate-loader {0% {-webkit-transform:rotate(0deg) }100% {-webkit-transform:rotate(360deg) }} @-o-keyframes oc-rotate-loader {0% {-o-transform:rotate(0deg) }100% {-o-transform:rotate(360deg) }} @-ms-keyframes oc-rotate-loader {0% {-ms-transform:rotate(0deg) }100% {-ms-transform:rotate(360deg) }} @keyframes oc-rotate-loader {0% {transform:rotate(0deg) }100% {transform:rotate(360deg) }} @-moz-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-webkit-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-o-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-ms-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} .slick-loading .slick-list { background: #fff url("../themes/hotelgloria/assets/img/ajax-loader.gif") center center no-repeat } @font-face { font-family: "slick"; src: url("../themes/hotelgloria/assets/fonts/slick.eot"); src: url("../themes/hotelgloria/assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../themes/hotelgloria/assets/fonts/slick.woff") format("woff"), url("../themes/hotelgloria/assets/fonts/slick.ttf") format("truetype"), url("../themes/hotelgloria/assets/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal } .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent;- top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1 } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25 } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #fff; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -25px } [dir="rtl"] .slick-prev { left: auto; right: -25px } .slick-prev:before { content: "←" } [dir="rtl"] .slick-prev:before { content: "→" } .slick-next { right: -25px } [dir="rtl"] .slick-next { left: -25px; right: auto } .slick-next:before { content: "→" } [dir="rtl"] .slick-next:before { content: "←" } .slick-dotted.slick-slider { margin-bottom: 30px } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100% } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer } .slick-dots li button:hover, .slick-dots li button:focus { outline: none } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1 } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { color: #000; opacity: .75 } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:before, .slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir="rtl"] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slick-slider:not(.slick-dotted) .slick-track, .slick-slider:not(.slick-dotted) .slick-list { transform: translate3d(0, 0, 0) !important; width: 100% !important; overflow: initial !important } .slick-track { display: -ms-flexbox; display: flex } .slick-track .slick-slide { display: -ms-flexbox; display: flex; height: unset; outline: none } .slick-track .slick-slide>div { width: 100%; display: -ms-flexbox; display: flex } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08) } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible } .flatpickr-calendar.open { display: inline-block; z-index: 99999 } .flatpickr-calendar.animate.open { animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1) } .flatpickr-calendar.inline { display: block; position: relative; top: 2px } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px) } .flatpickr-calendar.static.open { z-index: 999; display: block } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { box-shadow: none !important } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6 } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0 } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6 } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after { left: auto; right: 22px } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100% } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6 } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100% } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6 } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff } .flatpickr-calendar:focus { outline: 0 } .flatpickr-wrapper { position: relative; display: inline-block } .flatpickr-months { display: -ms-flexbox; display: flex } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 28px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -ms-flex: 1; flex: 1 } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0px; line-height: 16px; height: 28px; padding: 10px; z-index: 3 } .flatpickr-months .flatpickr-prev-month.disabled, .flatpickr-months .flatpickr-next-month.disabled { display: none } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { left: 0 } .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { right: 0 } .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #959ea9 } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747 } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { transition: fill 0.1s; fill: inherit } .numInputWrapper { position: relative; height: auto } .numInputWrapper input, .numInputWrapper span { display: inline-block } .numInputWrapper input { width: 100% } .numInputWrapper input::-ms-clear { display: none } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); box-sizing: border-box } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1) } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2) } .numInputWrapper span:after { display: block; content: ""; position: absolute } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0 } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26% } .numInputWrapper span.arrowDown { top: 50% } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40% } .numInputWrapper span svg { width: inherit; height: auto } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5) } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05) } .numInputWrapper:hover span { opacity: 1 } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 6.16px 0 0 0; line-height: 1; height: 28px; display: inline-block; text-align: center; transform: translate3d(0px, 0px, 0px) } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0 } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05) } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9) } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9) } .flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial } .flatpickr-current-month input.cur-year:focus { outline: 0 } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 28px } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1 } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; text-align: center; display: block; -ms-flex: 1; flex: 1; font-weight: bolder } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0 } .flatpickr-days { position: relative; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; width: 307.875px } .flatpickr-days:focus { outline: 0 } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-around; transform: translate3d(0px, 0px, 0px); opacity: 1 } .dayContainer+.dayContainer { box-shadow: -1px 0 0 #e6e6e6 } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -ms-flex-pack: center; justify-content: center; text-align: center } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6 } .flatpickr-day.today { border-color: #959ea9 } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; box-shadow: none; color: #fff; border-color: #569ff7 } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0 } .flatpickr-day.selected.startRange+.endRange, .flatpickr-day.startRange.startRange+.endRange, .flatpickr-day.endRange.startRange+.endRange { box-shadow: -10px 0 0 #569ff7 } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px } .flatpickr-day.inRange { border-radius: 0; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6 } .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default } .flatpickr-day.disabled, .flatpickr-day.disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1) } .flatpickr-day.week.selected { border-radius: 0; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7 } .flatpickr-day.hidden { visibility: hidden } .rangeMode .flatpickr-day { margin-top: 1px } .flatpickr-weekwrapper { display: inline-block; float: left } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; box-shadow: 1px 0 0 #e6e6e6 } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none } .flatpickr-innerContainer { display: block; display: -ms-flexbox; display: flex; box-sizing: border-box; overflow: hidden } .flatpickr-rContainer { display: inline-block; padding: 0; box-sizing: border-box } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: -ms-flexbox; display: flex } .flatpickr-time:after { content: ""; display: table; clear: both } .flatpickr-time .numInputWrapper { -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939 } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939 } .flatpickr-time.hasSeconds .numInputWrapper { width: 26% } .flatpickr-time.time24hr .numInputWrapper { width: 49% } .flatpickr-time input { background: transparent; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; cursor: pointer; color: #393939; font-size: 14px; position: relative; box-sizing: border-box } .flatpickr-time input.flatpickr-hour { font-weight: bold } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400 } .flatpickr-time input:focus { outline: 0; border: 0 } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; display: inline-block; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400 } .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus { background: #f0f0f0 } .flatpickr-input[readonly] { cursor: pointer } @keyframes fpFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0) } to { opacity: 1; transform: translate3d(0, 0, 0) } } .flatpickr-input { display: none } .flatpickr-calendar { border-radius: 0; border: 1px solid #5D4A3C; margin-left: auto; margin-right: auto; max-width: 325px; width: 100% !important; box-shadow: none } .flatpickr-calendar.inline { top: 0 } .flatpickr-innerContainer { -ms-flex-pack: center; justify-content: center; width: 100% } .flatpickr-months { background-color: #bbddd6; border: 1px solid #5D4A3C; margin: 8px; height: 34px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .flatpickr-current-month { padding-top: 0; font-size: 16px; text-transform: uppercase; color: #5D4A3C; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-weight: 600 !important } .flatpickr-current-month span.cur-month { font-weight: inherit; height: 34px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-top: 6px } .flatpickr-current-month .numInputWrapper { pointer-events: none } .flatpickr-current-month input.cur-year { margin-top: 3px; color: #5D4A3C; font-weight: 600 !important; font-size: 16px !important; pointer-events: none } .flatpickr-current-month .arrowUp, .flatpickr-current-month .arrowDown { display: none } .flatpickr-prev-month, .flatpickr-next-month { position: absolute; top: 50% !important; transform: translateY(-50%); padding: 0 !important; height: 34px !important; width: 34px !important; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } .flatpickr-weekday, .flatpickr-day { font-family: "Montserrat", sans-serif; text-transform: uppercase; color: #5D4A3C !important; font-size: 12px !important; font-weight: 600 !important } .flatpickr-day.disabled { opacity: .3 } .flatpickr-rContainer, .flatpickr-days { width: 100% !important } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #bbddd6 !important; border-color: #bbddd6 !important } .flatpickr-day.selected.startRange+.endRange, .flatpickr-day.startRange.startRange+.endRange, .flatpickr-day.endRange.startRange+.endRange { box-shadow: -10px 0 0 #bbddd6 !important } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #fff } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8 } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #CCC } .mfp-preloader a:hover { color: #FFF } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:hover, .mfp-close:focus { opacity: 1 } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1 } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444 } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } .mfp-bg { background-color: rgba(153, 204, 194, 0.5) } .mfp-preloader { color: #fff !important; z-index: 99999; font-size: 13px; font-weight: 500 } .mfp-preloader::before { filter: grayscale(50%) hue-rotate(180deg); content: url("../themes/hotelgloria/assets/img/ajax-loader.gif"); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.8); display: inline-block; z-index: 1; opacity: .4 } .mfp-content { background-color: #F8F9F9; padding: 44px 24px; max-width: 70vw !important; margin-top: 24px; margin-bottom: 70px } .mfp-s-loading .mfp-content { width: 100%; min-height: 80vh; background: none } .mfp-content .mfp-img { padding: 0 !important; border: 1px solid #5D4A3C } .mfp-figure::after { display: none } .mfp-close { color: #5D4A3C !important; right: 24px !important; padding: 0 !important; margin: 0 !important; cursor: pointer !important } .mfp-bottom-bar { background-color: #5D4A3C; margin-top: 0; padding: 20px 24px 14px 24px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center } .mfp-title { text-transform: uppercase; font-weight: 500; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; padding-right: 24px } .mfp-counter { position: initial; margin-left: auto; font-size: 14px; font-weight: 500; color: #F8F9F9 } .mfp-arrow { opacity: 1 } .mfp-arrow.is-active.mfp-arrow-left:after, .mfp-arrow:active.mfp-arrow-left:after, .mfp-arrow:focus.mfp-arrow-left:after, .mfp-arrow:hover.mfp-arrow-left:after { border-right-color: #5D4A3C !important; transition: all .3s } .mfp-arrow.is-active.mfp-arrow-right:after, .mfp-arrow:active.mfp-arrow-right:after, .mfp-arrow:focus.mfp-arrow-right:after, .mfp-arrow:hover.mfp-arrow-right:after { border-left-color: #5D4A3C !important; transition: all .3s } .mfp-arrow-left:before, .mfp-arrow-right:before { display: none } .mfp-arrow-left:after, .mfp-arrow-right:after { filter: drop-shadow(0 0 4px rgba(153, 204, 194, 0.7)) } .mfp-arrow-left:after { border-right-color: #F8F9F9 !important; transition: all .3s } .mfp-arrow-right:after { border-left-color: #F8F9F9 !important; transition: all .3s } *, *::after, *::before { box-sizing: inherit } body, h1, h2, h3, h4, h5, h6, blockquote, p, pre, dl, dd, ol, ul, figure, hr, fieldset, legend { margin: 0; padding: 0 } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit } picture { display: block } img, svg { max-width: 100%; height: auto } svg { display: block } table { border-spacing: 0; border-collapse: collapse } fieldset { min-width: 0; border: 0 } html { box-sizing: border-box; font-family: "Karma", serif; font-size: 14px; line-height: 2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #5D4A3C; background-color: #F8F7F7; overflow-x: hidden; scroll-behavior: smooth; } body { min-height: 100vh } body::after { content: ""; z-index: -1; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(153, 204, 194, 0.5); opacity: 0; transition: all .3s } .o-wrapper { margin-right: auto; margin-left: auto; width: 100%; padding-left: 24px; padding-right: 24px } .o-wrapper--none { max-width: 0 } .o-wrapper--xs { max-width: 300px } .o-wrapper--s { max-width: 600px } .o-wrapper--m { max-width: 740px } .o-wrapper--l { max-width: 1200px } .o-wrapper--xl { max-width: 1400px } .o-wrapper--xxl { max-width: 1600px } .o-wrapper--xxxl { max-width: 1844px } .o-layout { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .o-layout__item { box-sizing: border-box; width: 100% } .o-layout--gutter-bottom-none { margin-bottom: 0 } .o-layout--gutter-bottom-none>.o-layout__item { padding-bottom: 0 } .o-layout--gutter-left-none { margin-left: 0 } .o-layout--gutter-left-none>.o-layout__item { padding-left: 0 } .o-layout--gutter-none { margin-bottom: 0; margin-left: 0 } .o-layout--gutter-none>.o-layout__item { padding-bottom: 0; padding-left: 0 } .o-layout--gutter-bottom-xs { margin-bottom: -8px } .o-layout--gutter-bottom-xs>.o-layout__item { padding-bottom: 8px } .o-layout--gutter-left-xs { margin-left: -8px } .o-layout--gutter-left-xs>.o-layout__item { padding-left: 8px } .o-layout--gutter-xs { margin-bottom: -8px; margin-left: -8px } .o-layout--gutter-xs>.o-layout__item { padding-bottom: 8px; padding-left: 8px } .o-layout--gutter-bottom-s { margin-bottom: -16px } .o-layout--gutter-bottom-s>.o-layout__item { padding-bottom: 16px } .o-layout--gutter-left-s { margin-left: -16px } .o-layout--gutter-left-s>.o-layout__item { padding-left: 16px } .o-layout--gutter-s { margin-bottom: -16px; margin-left: -16px } .o-layout--gutter-s>.o-layout__item { padding-bottom: 16px; padding-left: 16px } .o-layout--gutter-bottom-m { margin-bottom: -24px } .o-layout--gutter-bottom-m>.o-layout__item { padding-bottom: 24px } .o-layout--gutter-left-m { margin-left: -24px } .o-layout--gutter-left-m>.o-layout__item { padding-left: 24px } .o-layout--gutter-m { margin-bottom: -24px; margin-left: -24px } .o-layout--gutter-m>.o-layout__item { padding-bottom: 24px; padding-left: 24px } .o-layout--gutter-bottom-l { margin-bottom: -32px } .o-layout--gutter-bottom-l>.o-layout__item { padding-bottom: 32px } .o-layout--gutter-left-l { margin-left: -32px } .o-layout--gutter-left-l>.o-layout__item { padding-left: 32px } .o-layout--gutter-l { margin-bottom: -32px; margin-left: -32px } .o-layout--gutter-l>.o-layout__item { padding-bottom: 32px; padding-left: 32px } .o-layout--gutter-bottom-xl { margin-bottom: -48px } .o-layout--gutter-bottom-xl>.o-layout__item { padding-bottom: 48px } .o-layout--gutter-left-xl { margin-left: -48px } .o-layout--gutter-left-xl>.o-layout__item { padding-left: 48px } .o-layout--gutter-xl { margin-bottom: -48px; margin-left: -48px } .o-layout--gutter-xl>.o-layout__item { padding-bottom: 48px; padding-left: 48px } .o-layout--gutter-bottom-xxl { margin-bottom: -64px } .o-layout--gutter-bottom-xxl>.o-layout__item { padding-bottom: 64px } .o-layout--gutter-left-xxl { margin-left: -64px } .o-layout--gutter-left-xxl>.o-layout__item { padding-left: 64px } .o-layout--gutter-xxl { margin-bottom: -64px; margin-left: -64px } .o-layout--gutter-xxl>.o-layout__item { padding-bottom: 64px; padding-left: 64px } .o-layout--gutter-bottom-xxxl { margin-bottom: -80px } .o-layout--gutter-bottom-xxxl>.o-layout__item { padding-bottom: 80px } .o-layout--gutter-left-xxxl { margin-left: -80px } .o-layout--gutter-left-xxxl>.o-layout__item { padding-left: 80px } .o-layout--gutter-xxxl { margin-bottom: -80px; margin-left: -80px } .o-layout--gutter-xxxl>.o-layout__item { padding-bottom: 80px; padding-left: 80px } .o-layout--gutter-bottom-h { margin-bottom: -96px } .o-layout--gutter-bottom-h>.o-layout__item { padding-bottom: 96px } .o-layout--gutter-left-h { margin-left: -96px } .o-layout--gutter-left-h>.o-layout__item { padding-left: 96px } .o-layout--gutter-h { margin-bottom: -96px; margin-left: -96px } .o-layout--gutter-h>.o-layout__item { padding-bottom: 96px; padding-left: 96px } .o-ratio { position: relative } .o-ratio::before { display: block; width: 100%; padding-top: 100%; content: "" } .o-ratio__content { position: absolute; top: 0; left: 0; height: 100%; width: 100% } .o-ratio__content--media { object-fit: cover } .o-ratio--1\:1::before { padding-top: 100% } .o-ratio--2\:1::before { padding-top: 50% } .o-ratio--3\:2::before { padding-top: 66.66667% } .o-ratio--4\:3::before { padding-top: 75% } .o-ratio--16\:9::before { padding-top: 56.25% } .o-grid-booking { padding-top: .1px; padding-bottom: .1px; position: relative } .o-grid-booking__search { position: absolute; left: 50%; top: -625px; height: calc(100% + 172px); width: 100%; max-width: 1600px; pointer-events: none } .o-grid-booking__content { z-index: 3; padding-bottom: 40px } .o-grid-booking__compense .o-wrapper--xxl { max-width: 1356px } .c-btn { padding: 0; outline: none; border: 0; background: none; color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #5D4A3C; min-width: 160px; background-color: #99CCC2; font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; cursor: pointer; text-decoration: none; color: #5D4A3C; letter-spacing: 4px; font-weight: 600; position: relative; padding: 9px 16px; min-height: 42px; transition: all .3s; margin: 0 } .c-btn::before { content: url("../themes/hotelgloria/assets/img/svg-arrow-right.svg"); display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 16px; line-height: 1; margin-top: 1px; pointer-events: none; opacity: 0; transition: all .3s } .c-btn.is-active:not(.not-hover), .c-btn:active:not(.not-hover), .c-btn:focus:not(.not-hover), .c-btn:hover:not(.not-hover) { transition: all .3s } .c-btn.is-active:not(.not-hover):not(.c-btn--hover-alt), .c-btn:active:not(.not-hover):not(.c-btn--hover-alt), .c-btn:focus:not(.not-hover):not(.c-btn--hover-alt), .c-btn:hover:not(.not-hover):not(.c-btn--hover-alt) { background-color: transparent } .c-btn.is-active:not(.not-hover)::before, .c-btn:active:not(.not-hover)::before, .c-btn:focus:not(.not-hover)::before, .c-btn:hover:not(.not-hover)::before { opacity: 1; transform: translateY(-50%) translateX(30px); transition: all .3s } .c-btn--small { padding-top: 5px; padding-bottom: 5px; min-height: 34px } .c-btn--medium { padding-top: 7px; padding-bottom: 7px; min-height: 38px } .c-btn--white { border-color: #fff; color: #fff; background-color: transparent } .c-btn--white::before { content: url("../themes/hotelgloria/assets/img/svg-arrow-right-white.svg") } .c-btn--primary-light { color: #5D4A3C; background-color: #bbddd6 } .c-dots__box { list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-size: 0; min-height: 14px } .c-dots__box li { height: 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; transition: all .3s } .c-dots__box li::after { content: ""; display: block; height: 1px; width: 10px; background: #fff; margin-top: -1px; transform: perspective(1px) } .has-dots-secondary .c-dots__box li::after { background: #5D4A3C } .c-dots__box li:first-child::before { content: ""; display: block; height: 1px; width: 16px; background-color: #fff; margin-top: -1px; transform: perspective(1px) } .has-dots-secondary .c-dots__box li:first-child::before { background: #5D4A3C } .c-dots__box li:last-child::after { width: 16px } .c-dots__box li.slick-active { height: 14px; transition: all .3s } .c-dots__box li.slick-active button { width: 14px; height: 14px; transition: all .3s } .c-dots__box li.slick-active button::before { opacity: 1; transition: all .3s } .c-dots__box button { padding: 0; outline: none; border: 0; background: none; color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; -webkit-appearance: none; -moz-appearance: none; height: 8px; width: 8px; border: 1px solid #fff; transform: rotate(45deg); cursor: pointer; transition: all .3s; position: relative; outline: none; margin: 1px } .has-dots-secondary .c-dots__box button { border-color: #5D4A3C } .c-dots__box button::before { content: ""; height: calc(100% - 4px); width: calc(100% - 4px); display: block; box-shadow: 0 0 0 1px #99CCC2 inset, 0 0 0 4px #fff inset; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #fff; opacity: 0; transition: all .3s } .has-dots-secondary .c-dots__box button::before { border-color: #5D4A3C } .c-diamond.has-border-inside .c-diamond__box::after, .c-diamond.has-border-inside-hover .c-diamond__box::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) perspective(1px); border-width: 1px; border-style: solid; border-color: inherit } .c-diamond { padding: 0.2px; text-decoration: none; color: inherit } .c-diamond__box { background-color: #F8F7F7; width: 1.5em; height: 1.5em; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; transform: rotate(45deg); fill: inherit; stroke: inherit; color: inherit; position: relative; border-color: #5D4A3C; margin: .375em; text-decoration: none; text-align: center; transition: all .3s } .c-diamond__icon { transform: rotate(-45deg) perspective(1px); width: 100%; max-width: .875em; font-size: .875em } .c-diamond__icon--big { font-size: 1.0625em } .c-diamond__icon--big svg { max-height: 1.0625em; max-width: 1.0625em } .c-diamond__icon svg { margin: auto; max-height: .875em; max-width: .875em; width: auto; height: auto } .c-diamond__icon svg [fill], .c-diamond__icon svg path { fill: inherit } .c-diamond__icon svg [stroke], .c-diamond__icon svg path { stroke: inherit } .c-diamond__text { transform: rotate(-45deg); font-size: .75em; padding-top: .125em; text-transform: uppercase } .c-diamond__text--big { font-size: 1.125em } .c-diamond.has-border .c-diamond__box { border-width: 1px; border-style: solid } .c-diamond.has-border-inside .c-diamond__box::after { width: 1.6875em; height: 1.6875em } .c-diamond.has-border-inside-hover .c-diamond__box::after { width: 1.875em; height: 1.875em; opacity: 0; transition: all .6s } .c-diamond.has-border-inside-hover .c-diamond__box:hover::after { opacity: 1; width: 1.6875em; height: 1.6875em; transition: all .6s } .c-diamond.has-bg-primary .c-diamond__box { background-color: #99CCC2 } .c-diamond.has-bg-primary-hover.is-active .c-diamond__box, .c-diamond.has-bg-primary-hover:active .c-diamond__box, .c-diamond.has-bg-primary-hover:focus .c-diamond__box, .c-diamond.has-bg-primary-hover:hover .c-diamond__box { background-color: #99CCC2; transition: all .3s } .c-diamond.has-bg-primary-light .c-diamond__box { background-color: #bbddd6 } .c-diamond.has-bg-secondary .c-diamond__box { background-color: #5D4A3C } .c-diamond.has-triangle-bottom .c-diamond__box::before { content: ""; transform: rotate(-45deg); display: block; width: 0; height: 0; border-top: .25em solid #5D4A3C; border-right: .25em solid transparent; border-left: .25em solid transparent; position: absolute; bottom: .0625em; right: -.0625em; transform-origin: center } .c-diamond.has-triangle-bottom-inverse .c-diamond__box::before::before { content: ""; transform: rotate(-45deg); display: block; width: 0; height: 0; border-top: .25em solid #fff; border-right: .25em solid transparent; border-left: .25em solid transparent; position: absolute; bottom: .0625em; right: -.0625em; transform-origin: center } .c-top-bar { background-color: #fff; max-height: 34px; position: relative; z-index: 99; display: none } .c-top-bar__inverse { background-color: #5D4A3C; color: #fff; } .c-top-bar__wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end } .c-top-bar__item { text-align: center; position: relative } .c-top-bar__item+.c-top-bar__item { margin-left: 60px } .c-top-bar__item--lang { min-width: 42px } .c-top-bar__box-lang { position: absolute; left: 0; top: 31px } .c-top-bar__box-lang.is-active .c-top-bar__langs { pointer-events: auto; position: unset } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(1) { opacity: 1; transform: translateY(0); transition: all .3s } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(1) { transition-delay: 0.15s } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(2) { opacity: 1; transform: translateY(0); transition: all .3s } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(2) { transition-delay: 0.3s } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(3) { opacity: 1; transform: translateY(0); transition: all .3s } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(3) { transition-delay: 0.45s } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(4) { opacity: 1; transform: translateY(0); transition: all .3s } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(4) { transition-delay: 0.6s } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(5) { opacity: 1; transform: translateY(0); transition: all .3s } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(5) { transition-delay: 0.75s } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(6) { opacity: 1; transform: translateY(0); transition: all .3s } .c-top-bar__box-lang.is-active .c-top-bar__lang:nth-of-type(6) { transition-delay: 0.9s } .c-top-bar__btn { padding: 0; font-size: 11px; margin: 5px 0px 0px 0px; min-height: unset; } .c-top-bar__text { font-size: 13px; font-weight: 600; position: relative; z-index: 2; padding-top: 5px; text-transform: uppercase } .c-top-bar__icons { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .c-top-bar__icon { font-size: 16px; margin-top: -18px; position: relative; z-index: 1; transition: all .3s; fill: #5D4A3C; color: inherit } .c-top-bar__icon.is-active, .c-top-bar__icon:active, .c-top-bar__icon:focus, .c-top-bar__icon:hover { color: #99CCC2; fill: #99CCC2; transition: all .3s } .c-top-bar__icon-box { background-color: #fff } .c-top-bar__icon-box-inverse { background-color: #5D4A3C; fill: #fff } .c-top-bar__langs { pointer-events: none; position: absolute; font-size: 16px } .c-top-bar__lang { transition: all .3s; opacity: 0; transform: translateY(-10px) } .c-top-bar__lang.is-active .c-top-bar__lang-text, .c-top-bar__lang:active .c-top-bar__lang-text, .c-top-bar__lang:focus .c-top-bar__lang-text, .c-top-bar__lang:hover .c-top-bar__lang-text { color: #99CCC2; transition: all .3s } .c-top-bar__lang-text { transition: all .3s } .c-header { background-color: #fff; max-width: 100vw; z-index: 98; position: fixed; width: 100%; top: 0; left: 0 } .c-header__empty{ height: 92px; } .c-header__wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; min-height: 72px; position: relative } .c-header__logo { margin-right: 60px; stroke: initial; fill: initial; pointer-events: none } .c-header__main-logo { max-width: 122px } .c-header__alt-logo { display: none } .c-header__toggle { padding: 0; outline: none; border: 0; background: none; color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; -webkit-appearance: none; -moz-appearance: none; stroke: initial; fill: initial; cursor: pointer; max-width: 24px } .c-header__toggle svg { width: 100% } .c-header__toggle.is-active .c-header__nav-icon { display: none } .c-header__toggle.is-active .c-header__cross-icon { display: block } .c-header__cross-icon { display: none } .c-header__cross-icon svg { max-width: 16px } .c-header--alt .c-header__nav::after { background-color: #fff } .c-header__list { list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; display: -ms-flexbox; display: flex } .c-header__link { color: #5D4A3C; text-transform: uppercase; font-size: 12px; font-family: "Montserrat", sans-serif; text-decoration: none; position: relative; z-index: 2; display: block } .c-header__link:active::before, .c-header__link:focus::before, .c-header__link:hover::before { height: 8px; width: 8px; opacity: 1; transition: all .3s } .c-header__link.is-active::before { height: 8px; width: 8px; opacity: 1; background-color: #99CCC2 } .c-header__langs { margin-top: 24px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative } .c-header__langs::after { content: ""; display: block; height: 1px; width: calc(100% + 48px); background-color: #5D4A3C; position: absolute; top: 50%; left: -24px; z-index: 1; transform: translateY(-50%) perspective(1px); margin-top: -1px } .c-header__lang { z-index: 2 } .c-header__lang+.c-header__lang { margin-left: 16px } .c-header__lang-box { background-color: #fff } .c-header__booking-btn { display: -ms-flexbox; display: flex; border-left: 0; border-right: 0 } .c-slider { position: relative; background-color: #bbddd6; z-index: 0 } .c-slider::before { filter: grayscale(50%) hue-rotate(180deg); content: url("../themes/hotelgloria/assets/img/ajax-loader.gif"); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.8); display: inline-block; opacity: .2; z-index: -1 } .c-slider::after { content: "Loading..."; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 12px; padding-bottom: 4px; opacity: .8; z-index: -1 } .c-slider--full-view .c-slider__media, .c-slider--full-view .c-slider__element { height: calc(100vh - 110px); min-height: 420px } .c-slider--photos { background: none } .c-slider--photos::before, .c-slider--photos::after { display: none } .c-slider--photos .c-slider__element { margin-left: -12px; margin-right: -12px } .c-slider--photos .c-slider__item { padding-left: 12px; padding-right: 12px } .c-slider__element { position: relative; margin-bottom: 0 !important; z-index: 0; min-height: 400px } .c-slider__media { min-height: 420px } .c-slider__media { width: 100%; position: relative; display: block } .c-slider__img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block } .c-slider__box { position: absolute; left: 50%; top: 80%; transform: translate(-50%, -50%); text-align: center; max-width: 800px; width: 100% } .c-slider__uptitle { text-transform: uppercase; color: #fff; font-size: 13px; font-family: "Montserrat", sans-serif; line-height: 1.6 } .c-slider__detail { margin-top: 16px; margin-bottom: 16px } .c-slider__detail svg { margin-left: auto; margin-right: auto } .c-slider__detail svg [fill] { fill: #fff } .c-slider__title { font-size: 30px; color: #fff; line-height: 1.4; font-weight: 300 } .c-slider__scroll { display: none } .c-slider__dots-box { position: absolute; left: 50%; bottom: 32px; transform: translateX(-50%); max-width: calc(1844px) } .c-slider.has-overlay .c-slider__media::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(93, 74, 60, 0.4) } @keyframes arrowScrollAnimation { 0% { top: 5px } 50% { top: 9px } 100% { top: 5px } } .c-scroll-icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -5px } .c-scroll-icon__box { height: 32px; width: 18px; border-radius: 20px; border: 1px solid #fff; display: block; position: relative; margin-left: 8px; margin-right: 8px } .c-scroll-icon__text { font-family: "Montserrat", sans-serif; font-size: 10px; text-transform: uppercase; color: #fff; letter-spacing: 1px } .c-scroll-icon__arrow { max-width: 9px; position: absolute; left: 50%; top: 5px; transform: translateX(-50%); animation: arrowScrollAnimation 1.4s ease infinite } .c-scroll-icon__arrow svg { max-width: 8px; max-height: 8px; width: 100%; height: auto } .c-scroll-icon__arrow svg [fill] { fill: #fff } .c-offer { background-color: #99CCC2; color: #fff; padding-top: 8px; padding-bottom: 8px; overflow: hidden; position: relative } .c-offer__wrap { display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-align: center; align-items: center; padding-left: 12px; padding-right: 12px; position: relative; z-index: 2 } .c-offer__discount { font-size: 38px; line-height: 1.4 } .c-offer__box { border-left: 1px solid #fff; padding-left: 12px; padding-right: 24px; margin-left: 12px; min-width: 1px } .c-offer__box.main { border: 0; display: flex; } .c-offer__box.main .c-offer__title{ display: flex; justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 0; } .c-offer__box.main .c-offer__title img{ width: 35px; position: relative; } .c-offer__title { font-size: 14px; text-transform: uppercase; font-family: "Montserrat", sans-serif; line-height: 1.4; margin-bottom: 8px } .c-offer__text { font-size: 13px; line-height: 1.3 } .c-offer__icon { max-width: 150px; } .c-offer__button { margin-left: auto; display: -ms-flexbox; display: flex } .c-offer__btn { display: none } .c-title-section__text { font-size: 29px; line-height: 1.2; color: #5D4A3C } .c-subtitle-section__text{ font-size: 20px; } .c-title-section__uptext { text-transform: uppercase; font-size: 14px; letter-spacing: 3px; font-weight: 600; font-family: "Montserrat", sans-serif } .c-title-section__detail { margin-top: 8px; position: relative; max-width: 60px; margin-bottom: 32px } .c-title-section__detail.reverse { transform: rotate( 180deg ); } .c-title-section__detail::before { content: ""; height: 1px; background-color: #5D4A3C; display: block; position: absolute; right: 0; width: 100vw; transform: perspective(1px) } .c-title-section__detail::after { content: ""; height: 5px; width: 5px; border: 1px solid #5D4A3C; transform: rotate(45deg) perspective(1px); display: block; position: absolute; left: 0; top: -2px } .c-title-section__detail-items::after, .c-title-section__detail-items::before { content: ""; height: 5px; width: 5px; border: 1px solid #5D4A3C; transform: rotate(45deg) perspective(1px); display: block; position: absolute; right: 0; top: -2px; background-color: #99CCC2 } .c-title-section__detail-items::before { right: 8px } .c-header-section { display: -ms-flexbox; display: flex; margin-top: 40px; margin-bottom: 32px } .c-header-section--padding { margin-top: 0; padding-top: 40px } .c-header-section__title-box { margin-right: 60px } .c-header-section__button { display: none } .c-email-phone__line { position: relative; margin-left: 32px; margin-right: 32px; display: none } .c-email-phone__line::before { content: ""; display: block; width: 100px; height: 1px; background: #5D4A3C; transform: rotate(-45deg) translate(-50%, -50%); transform-origin: 0; position: absolute; top: 50%; left: 50% } .c-email-phone__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 8px; margin-bottom: 8px; font-size: 16px } .c-email-phone__item a { color: inherit; text-decoration: none } .c-email-phone__icon { font-size: 11px; margin-right: 8px } .c-offers__items { margin-left: -7px; margin-right: -7px } .c-offers__item { padding-left: 8px; padding-right: 8px; display: -ms-flexbox !important; display: flex !important } .c-offers--grid .c-offers__items { margin: 0; display: -ms-grid; display: grid; grid-gap: 16px } .c-offers--grid .c-offers__item { padding: 0 } .c-card { width: 100%; border: 1px solid #5D4A3C; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background-color: #fff } .c-card__media { position: relative } .c-card__media::before { display: block; width: 100%; padding-top: 58.7156%; content: "" } .c-card__media--alt { position: relative } .c-card__media--alt::before { display: block; width: 100%; padding-top: 69.8941%; content: "" } .c-card__img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover } .c-card__title-box { background-color: rgba(153, 204, 194, 0.5); position: relative; border-top: 1px solid #5D4A3C; border-bottom: 1px solid #5D4A3C; padding: 8px 16px } .c-card__icon { position: absolute; font-size: 17px; right: 16px; top: -23px; color: #5D4A3C; fill: #5D4A3C; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .c-card__uptitle, .c-card__title { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase } .c-card__uptitle { font-size: 14px; font-family: "Montserrat", sans-serif; letter-spacing: 4px; padding-right: 52px; margin-bottom: 2px } .c-card__title { font-size: 21px; line-height: 1.2 } .c-card__text { margin-bottom: 8px; padding-left: 16px; padding-right: 16px; padding-top: 12px; font-size: 13px } .c-card__btn { margin-top: auto; -ms-flex-item-align: start; align-self: flex-start; margin-left: 16px; margin-right: 16px; margin-bottom: 16px } .c-diamond-nav { border-top: 1px solid #5D4A3C; fill: #5D4A3C } .c-diamond-nav__box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: -33px } .c-diamond-nav__nav-btn { font-size: 15px } .c-diamond-nav__nav-btn:first-child { margin-right: auto } .c-diamond-nav__nav-btn:last-child { margin-left: auto } .c-diamond-nav__nav-btn.is-disabled { opacity: 0 } .c-diamond-nav__item { font-size: 25px; position: relative } .c-diamond-nav__element::before { content: ""; height: 12px; width: 1px; display: block; position: absolute; bottom: -10px; right: -4px; transform: perspective(100px) rotate(-45deg); background-color: #5D4A3C; letter-spacing: 0; opacity: 0; transition: all .3s; margin-left: -1px } .c-diamond-nav__text { text-transform: uppercase; font-size: 12px; font-family: "Montserrat", sans-serif; text-align: center; line-height: 1; letter-spacing: 3px; font-weight: 600; margin-right: -3px; opacity: 0; transition: all .6s; transform: translateY(-20px) translateX(-50%); white-space: nowrap; position: absolute; left: 50%; bottom: -32px } .c-logo-with-img { position: relative } .c-logo-with-img__img { display: none; max-width: 420px } .c-logo-with-img.not-logo { margin-left: 0; display: block } .c-logo-with-img.not-logo .c-logo-with-img__img { margin-left: auto; margin-right: auto } .c-logo-with-img.not-logo .c-logo-with-img__logo { display: none } .c-booking { pointer-events: auto; height: 100vh; background: #fff; width: 100vw; z-index: 100; position: fixed; left: 0; top: 0; transform: translateY(-100%); transition: all .6s; padding-top: 64px; padding-bottom: 118px; overflow-y: auto } .c-booking__close { display: block; position: absolute; right: 24px; top: 24px; max-width: 14px; width: 100% } .c-booking__wrap, .c-booking__item-box { max-width: 375px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px } .c-booking__header { text-align: center; margin-bottom: 32px } .c-booking__logo { font-size: 35px; color: #5D4A3C; fill: #5D4A3C; display: inline-block; margin-bottom: 12px } .c-booking__logo-icon { max-width: 48px; max-height: 48px; padding-right: 4px } .c-booking__logo-icon svg { max-width: 48px; max-height: 48px } .c-booking__title { text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: 13px; letter-spacing: 2px; font-weight: 600; margin-right: -2px; position: relative; padding-bottom: 4px } .c-booking__title::before { content: ""; width: 27px; height: 1px; position: absolute; background-color: #5D4A3C; bottom: 0; left: 50%; transform: translateX(-50%) translateX(-2px) } .c-booking__subtitle { text-transform: uppercase } .c-booking__dates { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: 8px; position: relative } .c-booking__date+.c-booking__date { margin-left: 16px } .c-booking__calendar { margin-top: 16px } .c-booking__check { text-align: center } .c-booking__items { margin-top: 20px } .c-booking__item+.c-booking__item { border-top: 0 } .c-booking__btn { margin-top: 32px; width: 100% } .c-booking.is-active { transform: translateY(0); transition: all .6s } .c-footer { color: #fff; background: #5D4A3C; padding-top: 40px; position: relative; text-align: center; font-size: 12px } .c-footer__wrap { display: -ms-grid; display: grid; grid-gap: 40px } .c-footer__top { position: absolute; font-size: 19px; left: 50%; top: -25px; transform: translateX(-50%) } .c-footer__top:hover .c-footer__top-icon { margin: -6px 6px 0 0; transition: all .3s } .c-footer__top-box { border-color: #F8F7F7; fill: #F8F7F7; box-shadow: 0 0 0 2px #5D4A3C } .c-footer__top-icon { transition: all .3s } .c-footer__item { position: relative } .c-footer__item:not(:first-child) { padding-top: 40px } .c-footer__box { max-width: 400px; margin-left: auto; margin-right: auto } .c-footer__title { position: relative; text-transform: uppercase; font-size: 13px; font-weight: 600; padding-bottom: 12px; margin-bottom: 16px } .c-footer__title::after { content: ""; display: block; position: absolute; top: 0; left: 50%; width: 7px; height: 7px; background-color: #99CCC2; transform: translateX(-50%) perspective(1px) rotate(45deg); border: 1px solid #fff; top: -3px } .c-footer__title::before { content: ""; display: block; position: absolute; top: 0; left: 50% } .c-footer__title::before { width: 200px; height: 1px; transform: translateX(-50%) perspective(1px); border-top: 1px solid #fff } .c-footer__title::before, .c-footer__title::after { top: auto } .c-footer__title::before { bottom: 0; width: 92px } .c-footer__title::after { bottom: -2px; width: 5px; height: 5px } .c-footer__subtitle { font-weight: 600; font-size: 13px } .c-footer__social { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-top: 16px } .c-footer__social-item { font-size: 22px } .c-footer__social-item:hover .c-footer__social-box { background-color: #99CCC2; transition: all .3s } .c-footer__social-item+.c-footer__social-item { margin-left: 10px } .c-footer__social-box { border-color: #fff; color: #fff; fill: #fff; transition: all .3s } .c-footer__info { display: -ms-flexbox; display: flex; text-align: left; -ms-flex-align: center; align-items: center } .c-footer__info.is-active .c-footer__info-box, .c-footer__info:active .c-footer__info-box, .c-footer__info:focus .c-footer__info-box, .c-footer__info:hover .c-footer__info-box { background-color: #99CCC2; transition: all .3s } .c-footer__info+.c-footer__info { margin-top: 10px } .c-footer__info-box { font-size: 16px; border-color: #fff; color: #fff; fill: #fff; margin-right: 12px; transition: all .3s } .c-footer__info-text { font-size: 14px; font-weight: 600; line-height: 1.6 } .c-footer__subbox { padding-top: 16px; padding-bottom: 16px; margin-top: 40px; background-color: #4e3e32 } .c-footer__copy-link { color: inherit; text-decoration: none; font-family: "Montserrat", sans-serif; font-size: 10px; display: inline-block; transition: all .3s } .c-footer__copy-link.is-active, .c-footer__copy-link:active, .c-footer__copy-link:focus, .c-footer__copy-link:hover { color: #99CCC2; transition: all .3s } .c-nav-secondary__list { list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .c-nav-secondary__item { margin-left: 5px; margin-right: 5px; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-size: 11px } .c-nav-secondary__link { text-decoration: none; color: inherit; transition: all .3s } .c-nav-secondary__link.is-active, .c-nav-secondary__link:active, .c-nav-secondary__link:focus, .c-nav-secondary__link:hover { color: #99CCC2; transition: all .3s } .c-input__wrap { position: relative } .c-input__element { height: 42px; border: 1px solid #5D4A3C; background: #fff; width: 100%; padding-left: 16px; padding-right: 16px; font-size: 16px; font-family: inherit; outline: none; color: #5D4A3C; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1 } .c-input__element::-webkit-input-placeholder { display: block; color: #5D4A3C; line-height: 1; opacity: 1 } .c-input__element:-ms-input-placeholder { display: block; color: #5D4A3C; line-height: 1; opacity: 1 } .c-input__element::placeholder { display: block; color: #5D4A3C; line-height: 1; opacity: 1 } .c-input__label { font-weight: 600; text-transform: uppercase; font-size: 12px } .c-input__icon { pointer-events: none; width: 100%; max-width: 14px; position: absolute; right: 16px; top: 50%; transform: translateY(-50%) } .c-input--like-select { cursor: pointer } .c-input--like-select .c-input__element { cursor: pointer } .c-input--small { line-height: 1 } .c-input--small .c-input__icon { max-width: 8px; right: 12px } .c-input--small .c-input__element { height: 25px; font-size: 14px; padding-top: 2px; padding-left: 12px; padding-right: 12px } .c-input--medium .c-input__element { height: 38px } .c-input--primary .c-input__element { background: #99CCC2 } .c-input--primary-light .c-input__element { background: #bbddd6 } .c-input--white .c-input__element { border-color: #fff } .c-input.not-border .c-input__element { border: none } .c-input-with-btn { display: -ms-flexbox; display: flex } .c-input-with-btn__input { -ms-flex-positive: 1; flex-grow: 1 } .c-input-with-btn__btn { min-width: auto } .c-checkbox { position: relative; min-height: 24px; font-size: 12px } .c-checkbox--square .c-checkbox__label::before { border-radius: 0 } .c-checkbox__input { height: 0; width: 0; outline: none; opacity: 0; position: absolute; top: 4px; left: 0 } .c-checkbox__input:checked ~ .c-checkbox__label::before { background-color: #99CCC2 } .c-checkbox__input:checked ~ .c-checkbox__label::after { content: url("../themes/hotelgloria/assets/img/svg-check.svg"); position: absolute; left: 3px; top: -1px } .c-checkbox__label { position: relative; padding-left: 20px; display: block; cursor: pointer } .c-checkbox__label::before { content: ""; width: 14px; height: 14px; display: block; border-radius: 50%; border: 1px solid #5D4A3C; position: absolute; left: 0; top: 3px } .c-checkbox--white .c-checkbox__label::before { border-color: #fff } .c-date { text-align: center; line-height: 1.4 } .c-date__title { text-transform: uppercase; font-size: 15px; font-weight: 600 } .c-date__box { border: 1px solid #5D4A3C; padding: 4px 10px 6px 10px; transition: all .3s; cursor: pointer; width: 96px } .c-date__box.is-active, .c-date__box:active, .c-date__box:focus, .c-date__box:hover { background-color: #99CCC2; transition: all .3s } .c-date__day { font-size: 56px; font-family: "Montserrat", sans-serif; line-height: 1; margin-bottom: 6px; font-weight: 300 } .c-date__month { font-size: 13px; line-height: 1.1; font-weight: 600 } .c-date__year { line-height: 1.1; font-size: 13px; font-weight: 800 } .c-select__wrap { position: relative } .c-select__element { height: 42px; border: 1px solid #5D4A3C; background: #fff; width: 100%; padding-left: 16px; padding-right: 16px; font-size: 16px; font-family: inherit; outline: none; color: #5D4A3C; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1.2; border-radius: 0; display: block } .c-select__element::-ms-expand { display: none } .c-select__element::-webkit-input-placeholder { color: inherit } .c-select__element:-ms-input-placeholder { color: inherit } .c-select__element::placeholder { color: inherit } .c-select__icon { pointer-events: none; width: 100%; max-width: 14px; position: absolute; right: 16px; top: 50%; transform: translateY(-50%) } .c-select__label { font-weight: 600; text-transform: uppercase; font-size: 12px } .c-select--small { line-height: 1 } .c-select--small .c-select__icon { max-width: 8px; right: 12px } .c-select--small .c-select__element { height: 25px; font-size: 14px; padding-top: 2px; padding-left: 12px; padding-right: 12px } .c-select--medium .c-select__element { height: 38px } .c-select--primary .c-select__element { background: #99CCC2 } .c-select--primary-light .c-select__element { background: #bbddd6 } .c-select--white .c-select__element { border-color: #fff } .c-select.not-border .c-select__element { border: none } .c-breadcrumbs { background-color: #bbddd6; position: relative; border-top: 1px solid #5D4A3C; border-bottom: 1px solid #5D4A3C; display: none } .c-breadcrumbs::after { content: ""; position: absolute; top: 0; height: 100%; width: 30%; z-index: 1; max-width: 540px } .c-breadcrumbs::after { background: url("../themes/hotelgloria/assets/img/svg-offer-bg-right.svg"); background-position-y: -10px; right: 0 } .c-breadcrumbs__wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; min-height: 48px } .c-breadcrumbs__item { color: inherit; text-decoration: none; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-size: 11px; letter-spacing: 1px } .c-breadcrumbs__item:last-child { font-weight: 600 } .c-breadcrumbs__item:not(:last-child)::after { content: "/"; margin-left: 16px; margin-right: 16px; font-weight: 400 } .c-icon__external--svg{ width: 35px; margin-right: 10px; } .c-icon-with-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .c-icon-with-text__icon { margin-right: 8px; fill: #5D4A3C } .c-icon-with-text__text { font-weight: 500; line-height: 1.2; color: inherit; text-decoration: none; min-width: 1px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100% } .c-icon-with-text__text--phone { white-space: nowrap } .c-icon-with-text__text--small { font-size: 13px } .c-icon-with-text__text--alt { font-family: "Montserrat", sans-serif; letter-spacing: 3px; text-transform: uppercase; font-size: 12px; font-weight: 600 } .c-icon-with-text__text a { color: inherit; text-decoration: none } .c-info-box { border: 1px solid #5D4A3C; padding: 4px; background-color: #99CCC2 } .c-info-box__wrap { border: 1px solid #5D4A3C; background-color: #F8F7F7; padding: 16px } .c-info-box__title { font-size: 27px; line-height: 1.4; margin-bottom: 8px } .c-info-box__text { font-size: 15px; line-height: 1.4 } .c-info-box__items { margin-top: 8px } .c-info-box__item:last-child .c-info-box__box:last-child { border-bottom: 0 } .c-double-img { position: relative; margin-left: 135px } .c-double-img__small { position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); z-index: 2; padding: 3px; background-color: #F8F7F7 } .c-double-img__small-img { display: block; object-fit: cover; max-width: 270px; max-height: 200px } .c-double-img__big { position: relative; z-index: 1 } .c-double-img__big::before { display: block; width: 100%; padding-top: 131.57895%; content: "" } .c-double-img__big-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover } .c-services { border-top: 4px solid #F8F7F7; border-bottom: 4px solid #F8F7F7; box-shadow: 0 0 0 1px #5D4A3C; background-color: #efeeec; padding-bottom: 72px; padding-top: 48px } .c-services__items { margin-left: -30px; margin-right: -30px } .c-services__box { padding-left: 30px; padding-right: 30px; outline: none } .c-services__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #5D4A3C; padding-top: 24px; padding-bottom: 16px; cursor: pointer; position: relative } .c-services__icon { font-size: 25px; margin-right: 16px; fill: #5D4A3C } .c-services__text { font-family: "Montserrat", sans-serif; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; font-size: 12px; line-height: 1.4; text-align: right } .c-services__desc { background-color: #bbddd6; padding: 16px; font-family: "Montserrat", sans-serif; font-weight: 300; position: absolute; right: 16px; top: calc(50% + 24px); width: calc(100% - 32px); max-width: 300px; z-index: 1; border: 1px solid #5D4A3C; opacity: 0; pointer-events: none; transform: translateY(-20px); transition: all .3s; font-size: 12px } .c-services__desc::after { content: ""; display: block; width: 0; height: 0; border-right: 10px solid transparent; border-bottom: 10px solid #bbddd6; border-left: 10px solid transparent; top: -10px; right: 10px; position: absolute; filter: drop-shadow(0 -1px #5D4A3C); pointer-events: none } .c-services__desc.is-active { opacity: 1; transform: translateY(0); transition: all .3s } .c-services__desc.off-bottom { top: auto; bottom: calc(50% + 24px) } .c-services__desc.off-bottom::after { top: auto; bottom: -10px; transform: rotate(-180deg) } .c-rooms__grid { display: -ms-grid; display: grid; grid-gap: 16px } .c-rooms__card { -ms-grid-column: span 1; grid-column: span 1 } .c-big-num { position: relative } .c-big-num::after { content: attr(data-num); position: absolute; left: 0; top: 0; font-size: 220px; line-height: 1; transform: skewX(-5deg); font-weight: 300; color: #fff; z-index: 1 } .c-big-num::before { content: ""; width: 1px; height: 100px; background-color: #5D4A3C; position: absolute; left: -20px; top: -20px; z-index: 1; transform: rotate(45deg); display: none } .c-big-num--inverse::before { left: auto; right: -60px; top: 0 } .c-big-num>* { z-index: 2; position: relative } .c-information { border: 2px dotted #5D4A3C; padding: 4px } .c-information__wrap { background-color: #bbddd6; padding: 16px } .c-tips { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(110px, 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); overflow: hidden } .c-tips__item { font-size: 29px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; padding-left: 8px; padding-right: 8px; position: relative } .c-tips__item:nth-child(2n) .c-tips__element { background-color: #99CCC2 } .c-tips__item::before { content: ""; width: 100%; height: 1px; background-color: #5D4A3C; display: block; position: absolute; top: 38px; left: 0 } .c-tips__element { position: relative; fill: #5D4A3C; background-color: #fff } .c-tips__element::before { content: ""; height: 12px; width: 1px; display: block; position: absolute; bottom: -10px; right: -4px; transform: perspective(100px) rotate(-45deg); background-color: #5D4A3C; letter-spacing: 0; transition: all .3s; margin-left: -1px } .c-tips__element::after { content: ""; height: 12px; width: 1px; display: block; position: absolute; top: -10px; left: -4px; transform: perspective(100px) rotate(-45deg); background-color: #5D4A3C; letter-spacing: 0; transition: all .3s; margin-left: -1px } .c-tips__text { font-family: "Montserrat", sans-serif; text-transform: uppercase; letter-spacing: 3px; margin-right: -3px; font-size: 11px; text-align: center; margin-top: 16px; margin-bottom: 16px; line-height: 1.4 } .c-slider-photos { padding-bottom: .1px } .c-slider-photos__header { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px } .c-slider-photos__nav { margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: flex-end; } .c-slider-photos__nav-item+.c-slider-photos__nav-item { margin-left: 8px } .c-slider-photos__slider { border-top: 1px solid #5D4A3C; padding-top: 16px } .c-slider-photos__pagination { font-family: "Montserrat", sans-serif; font-size: 15px; color: #838C91; border-top: 1px solid #5D4A3C; margin-top: 40px; padding-top: 8px; text-align: right; position: relative } .c-slider-photos__pagination::after { content: ""; position: absolute; top: -5px; left: 10%; height: 10px; width: 10px; border: 1px solid #5D4A3C; background-color: #99CCC2; transform: rotate(45deg) } .c-slider-photos__pagination-current { color: #5D4A3C } .c-island__item { background-color: #E5F1EF } .c-island__img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover } .c-island__wrap { padding: 48px 24px; border-top: 1px solid #5D4A3C; border-bottom: 1px solid #5D4A3C } .c-island__box { text-align: center } .c-island__title { text-transform: uppercase; font-size: 27px; line-height: 1.4; position: relative; margin-bottom: 32px; padding-bottom: 8px } .c-island__title::after { content: ""; display: block; position: absolute; top: 0; left: 50%; width: 7px; height: 7px; background-color: #99CCC2; transform: translateX(-50%) perspective(1px) rotate(45deg); border: 1px solid #5D4A3C; top: -3px } .c-island__title::before { content: ""; display: block; position: absolute; top: 0; left: 50%; width: 200px; height: 1px; transform: translateX(-50%) perspective(1px); border-top: 1px solid #5D4A3C } .c-island__title::before, .c-island__title::after { top: auto } .c-island__title::before { bottom: 0; width: 92px } .c-island__title::after { bottom: -2px; width: 5px; height: 5px } @keyframes gallery { 100% { position: absolute } } @keyframes pre { 100% { transform: scale(1); opacity: 1 } } .c-gallery { min-height: 60vh } .c-gallery__wrap { display: -ms-grid; display: grid; grid-gap: 24px } .c-gallery__item { position: relative; display: block; text-decoration: none; color: inherit; overflow: hidden; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); opacity: 0; transition: all 1s; outline: none } .c-gallery__item:active .c-gallery__box, .c-gallery__item:focus .c-gallery__box, .c-gallery__item:hover .c-gallery__box { transform: translateY(0); transition: all .3s } .c-gallery__item.is-hidden { animation: gallery 1s steps(2, end) forwards } .c-gallery__item.is-active { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; transition: all 2s } .c-gallery__media { position: relative } .c-gallery__media::before { display: block; width: 100%; padding-top: 66.66667%; content: "" } .c-gallery__img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; object-fit: cover } .c-gallery__box { background-color: rgba(153, 204, 194, 0.7); text-transform: uppercase; padding: 14px 16px 10px 16px; line-height: 1.4; border-top: 1px solid #5D4A3C; position: absolute; left: 0; bottom: 0; width: 100%; font-weight: 500; font-size: 14px; width: 100%; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .c-textarea__wrap { line-height: 0 } .c-textarea__element { min-height: 120px; border: 1px solid #5D4A3C; background: #fff; width: 100%; padding: 16px; font-size: 16px; font-family: inherit; outline: none; color: #5D4A3C; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1 } .c-textarea__element::-webkit-input-placeholder { display: block; color: #5D4A3C; line-height: 1; opacity: 1 } .c-textarea__element:-ms-input-placeholder { display: block; color: #5D4A3C; line-height: 1; opacity: 1 } .c-textarea__element::placeholder { display: block; color: #5D4A3C; line-height: 1; opacity: 1 } .c-textarea__label { font-weight: 600; text-transform: uppercase; font-size: 12px } .c-textarea.not-border .c-textarea__element { border: none } .c-map__element { display: block; width: 100%; min-height: 420px } .c-booking-options { display: none } .c-booking-options.is-active { display: block } .c-booking-options__item { position: relative } .c-booking-options__title { font-weight: 600; text-transform: uppercase; font-size: 12px; margin-bottom: 4px } .c-booking-options__subtitle { text-transform: capitalize; font-size: 14px } .c-booking-options__box { display: -ms-grid; display: grid; -ms-grid-columns: (69px)[auto-fill]; grid-template-columns: repeat(auto-fill, 69px); grid-column-gap: 16px; grid-row-gap: 8px } .c-booking-options__pharse { font-size: 13px; font-weight: 600; border-bottom: 1px solid #99CCC2; margin-bottom: 18px } .c-booking-options__btn { margin-top: 24px } .c-booking-options__delete { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #99CCC2; text-decoration: none; -ms-grid-column: span 2; grid-column: span 2; transform: perspective(1px) } .c-booking-options__delete-icon { display: inline-block; max-width: 18px; width: 100%; margin-right: 8px } .c-booking-options__delete-icon svg { max-width: 18px; width: 100% } .c-booking-options__delete-text { font-size: 14px; line-height: 1.1; padding-top: 6px; font-weight: 600 } .c-msg { padding-top: 140px; padding-bottom: 180px } .c-msg__uptitle { letter-spacing: 0; margin-bottom: 8px } .c-msg__detailt { margin-bottom: 16px } .c-msg__title { margin-bottom: 8px } .c-msg__text { margin-bottom: 40px } .s-cms { line-height: 2.2 } .s-cms p { line-height: 2.2 } .s-cms p:not(:last-child) { margin-bottom: 32px } .s-cms--text-big { font-size: 23px; line-height: 1.6 } .s-cms--text-big p { line-height: 1.6 } .s-cms--text-big p:not(:last-child) { margin-bottom: 32px } .s-cms--text-medium { font-size: 21px; line-height: 1.6 } .s-cms--text-medium p { line-height: 1.6 } .s-cms--text-medium p:not(:last-child) { margin-bottom: 32px } .s-cms--text-small { font-size: 13px; line-height: 2 } .s-cms--text-small p { line-height: 2 } .s-cms--text-small p:not(:last-child) { margin-bottom: 24px } .u-display-none { display: none !important } .u-display-block { display: block !important } .u-display-inline-block { display: inline-block !important } .u-flex-column { flex-direction: column } .u-flex { display: -ms-flexbox !important; display: flex !important } .u-flex-inline { display: -ms-inline-flexbox !important; display: inline-flex !important } .u-flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .u-flex-left { -ms-flex-pack: start !important; justify-content: flex-start !important } .u-flex-center { -ms-flex-pack: center !important; justify-content: center !important } .u-flex-right { -ms-flex-pack: end !important; justify-content: flex-end !important } .u-flex-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .u-flex-top { -ms-flex-align: start !important; align-items: flex-start !important } .u-flex-middle { -ms-flex-align: center !important; align-items: center !important } .u-flex-bottom { -ms-flex-align: end !important; align-items: flex-end !important } .u-flex-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .u-flex-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .u-flex-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .u-flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .u-flex-first { -ms-flex-order: -1 !important; order: -1 !important } .u-flex-last { -ms-flex-order: 999 !important; order: 999 !important } .u-align-left { text-align: left !important } .u-align-center { text-align: center !important } .u-align-right { text-align: right !important } .u-font-weight-100 { font-weight: 100 !important } .u-font-weight-300 { font-weight: 300 !important } .u-font-weight-400 { font-weight: 400 !important } .u-font-weight-600 { font-weight: 600 !important } .u-font-weight-700 { font-weight: 700 !important } .u-font-weight-800 { font-weight: 800 !important } .u-font-weight-900 { font-weight: 900 !important } .u-lowercase { text-transform: lowercase !important } .u-uppercase { text-transform: uppercase !important } .u-capitalize { text-transform: capitalize !important } .u-mrt-none { margin-top: 0 !important } .u-mrr-none { margin-right: 0 !important } .u-mrb-none { margin-bottom: 0 !important } .u-mrl-none { margin-left: 0 !important } .u-mrv-none { margin-top: 0 !important; margin-bottom: 0 !important } .u-mrh-none { margin-left: 0 !important; margin-right: 0 !important } .u-mr-none { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important } .u-mrt-xs { margin-top: 8px !important } .u-mrr-xs { margin-right: 8px !important } .u-mrb-xs { margin-bottom: 8px !important } .u-mrl-xs { margin-left: 8px !important } .u-mrv-xs { margin-top: 8px !important; margin-bottom: 8px !important } .u-mrh-xs { margin-left: 8px !important; margin-right: 8px !important } .u-mr-xs { margin-top: 8px !important; margin-right: 8px !important; margin-bottom: 8px !important; margin-left: 8px !important } .u-mrt-s { margin-top: 16px !important } .u-mrr-s { margin-right: 16px !important } .u-mrb-s { margin-bottom: 16px !important } .u-mrl-s { margin-left: 16px !important } .u-mrv-s { margin-top: 16px !important; margin-bottom: 16px !important } .u-mrh-s { margin-left: 16px !important; margin-right: 16px !important } .u-mr-s { margin-top: 16px !important; margin-right: 16px !important; margin-bottom: 16px !important; margin-left: 16px !important } .u-mrt-m { margin-top: 24px !important } .u-mrr-m { margin-right: 24px !important } .u-mrb-m { margin-bottom: 24px !important } .u-mrl-m { margin-left: 24px !important } .u-mrv-m { margin-top: 24px !important; margin-bottom: 24px !important } .u-mrh-m { margin-left: 24px !important; margin-right: 24px !important } .u-mr-m { margin-top: 24px !important; margin-right: 24px !important; margin-bottom: 24px !important; margin-left: 24px !important } .u-mrt-l { margin-top: 32px !important } .u-mrr-l { margin-right: 32px !important } .u-mrb-l { margin-bottom: 32px !important } .u-mrl-l { margin-left: 32px !important } .u-mrv-l { margin-top: 32px !important; margin-bottom: 32px !important } .u-mrh-l { margin-left: 32px !important; margin-right: 32px !important } .u-mr-l { margin-top: 32px !important; margin-right: 32px !important; margin-bottom: 32px !important; margin-left: 32px !important } .u-mrt-xl { margin-top: 48px !important } .u-mrr-xl { margin-right: 48px !important } .u-mrb-xl { margin-bottom: 48px !important } .u-mrl-xl { margin-left: 48px !important } .u-mrv-xl { margin-top: 48px !important; margin-bottom: 48px !important } .u-mrh-xl { margin-left: 48px !important; margin-right: 48px !important } .u-mr-xl { margin-top: 48px !important; margin-right: 48px !important; margin-bottom: 48px !important; margin-left: 48px !important } .u-mrt-xxl { margin-top: 64px !important } .u-mrr-xxl { margin-right: 64px !important } .u-mrb-xxl { margin-bottom: 64px !important } .u-mrl-xxl { margin-left: 64px !important } .u-mrv-xxl { margin-top: 64px !important; margin-bottom: 64px !important } .u-mrh-xxl { margin-left: 64px !important; margin-right: 64px !important } .u-mr-xxl { margin-top: 64px !important; margin-right: 64px !important; margin-bottom: 64px !important; margin-left: 64px !important } .u-mrt-xxxl { margin-top: 80px !important } .u-mrr-xxxl { margin-right: 80px !important } .u-mrb-xxxl { margin-bottom: 80px !important } .u-mrl-xxxl { margin-left: 80px !important } .u-mrv-xxxl { margin-top: 80px !important; margin-bottom: 80px !important } .u-mrh-xxxl { margin-left: 80px !important; margin-right: 80px !important } .u-mr-xxxl { margin-top: 80px !important; margin-right: 80px !important; margin-bottom: 80px !important; margin-left: 80px !important } .u-mrt-h { margin-top: 96px !important } .u-mrr-h { margin-right: 96px !important } .u-mrb-h { margin-bottom: 96px !important } .u-mrl-h { margin-left: 96px !important } .u-mrv-h { margin-top: 96px !important; margin-bottom: 96px !important } .u-mrh-h { margin-left: 96px !important; margin-right: 96px !important } .u-mr-h { margin-top: 96px !important; margin-right: 96px !important; margin-bottom: 96px !important; margin-left: 96px !important } .u-pdt-none { padding-top: 0 !important } .u-pdr-none { padding-right: 0 !important } .u-pdb-none { padding-bottom: 0 !important } .u-pdl-none { padding-left: 0 !important } .u-pdv-none { padding-top: 0 !important; padding-bottom: 0 !important } .u-pdh-none { padding-left: 0 !important; padding-right: 0 !important } .u-pd-none { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important } .u-pdt-xs { padding-top: 8px !important } .u-pdr-xs { padding-right: 8px !important } .u-pdb-xs { padding-bottom: 8px !important } .u-pdl-xs { padding-left: 8px !important } .u-pdv-xs { padding-top: 8px !important; padding-bottom: 8px !important } .u-pdh-xs { padding-left: 8px !important; padding-right: 8px !important } .u-pd-xs { padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important } .u-pdt-s { padding-top: 16px !important } .u-pdr-s { padding-right: 16px !important } .u-pdb-s { padding-bottom: 16px !important } .u-pdl-s { padding-left: 16px !important } .u-pdv-s { padding-top: 16px !important; padding-bottom: 16px !important } .u-pdh-s { padding-left: 16px !important; padding-right: 16px !important } .u-pd-s { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important } .u-pdt-m { padding-top: 24px !important } .u-pdr-m { padding-right: 24px !important } .u-pdb-m { padding-bottom: 24px !important } .u-pdl-m { padding-left: 24px !important } .u-pdv-m { padding-top: 24px !important; padding-bottom: 24px !important } .u-pdh-m { padding-left: 24px !important; padding-right: 24px !important } .u-pd-m { padding-top: 24px !important; padding-right: 24px !important; padding-bottom: 24px !important; padding-left: 24px !important } .u-pdt-l { padding-top: 32px !important } .u-pdr-l { padding-right: 32px !important } .u-pdb-l { padding-bottom: 32px !important } .u-pdl-l { padding-left: 32px !important } .u-pdv-l { padding-top: 32px !important; padding-bottom: 32px !important } .u-pdh-l { padding-left: 32px !important; padding-right: 32px !important } .u-pd-l { padding-top: 32px !important; padding-right: 32px !important; padding-bottom: 32px !important; padding-left: 32px !important } .u-pdt-xl { padding-top: 48px !important } .u-pdr-xl { padding-right: 48px !important } .u-pdb-xl { padding-bottom: 48px !important } .u-pdl-xl { padding-left: 48px !important } .u-pdv-xl { padding-top: 48px !important; padding-bottom: 48px !important } .u-pdh-xl { padding-left: 48px !important; padding-right: 48px !important } .u-pd-xl { padding-top: 48px !important; padding-right: 48px !important; padding-bottom: 48px !important; padding-left: 48px !important } .u-pdt-xxl { padding-top: 64px !important } .u-pdr-xxl { padding-right: 64px !important } .u-pdb-xxl { padding-bottom: 64px !important } .u-pdl-xxl { padding-left: 64px !important } .u-pdv-xxl { padding-top: 64px !important; padding-bottom: 64px !important } .u-pdh-xxl { padding-left: 64px !important; padding-right: 64px !important } .u-pd-xxl { padding-top: 64px !important; padding-right: 64px !important; padding-bottom: 64px !important; padding-left: 64px !important } .u-pdt-xxxl { padding-top: 80px !important } .u-pdr-xxxl { padding-right: 80px !important } .u-pdb-xxxl { padding-bottom: 80px !important } .u-pdl-xxxl { padding-left: 80px !important } .u-pdv-xxxl { padding-top: 80px !important; padding-bottom: 80px !important } .u-pdh-xxxl { padding-left: 80px !important; padding-right: 80px !important } .u-pd-xxxl { padding-top: 80px !important; padding-right: 80px !important; padding-bottom: 80px !important; padding-left: 80px !important } .u-pdt-h { padding-top: 96px !important } .u-pdr-h { padding-right: 96px !important } .u-pdb-h { padding-bottom: 96px !important } .u-pdl-h { padding-left: 96px !important } .u-pdv-h { padding-top: 96px !important; padding-bottom: 96px !important } .u-pdh-h { padding-left: 96px !important; padding-right: 96px !important } .u-pd-h { padding-top: 96px !important; padding-right: 96px !important; padding-bottom: 96px !important; padding-left: 96px !important } .u-1\/1 { width: 100% !important } .u-push-1\/1 { margin-left: 100% !important } .u-pull-1\/1 { margin-right: 100% !important } .u-1\/2 { width: 50% !important } .u-push-1\/2 { margin-left: 50% !important } .u-pull-1\/2 { margin-right: 50% !important } .u-2\/2 { width: 100% !important } .u-push-2\/2 { margin-left: 100% !important } .u-pull-2\/2 { margin-right: 100% !important } .u-1\/3 { width: 33.33333% !important } .u-push-1\/3 { margin-left: 33.33333% !important } .u-pull-1\/3 { margin-right: 33.33333% !important } .u-2\/3 { width: 66.66667% !important } .u-push-2\/3 { margin-left: 66.66667% !important } .u-pull-2\/3 { margin-right: 66.66667% !important } .u-3\/3 { width: 100% !important } .u-push-3\/3 { margin-left: 100% !important } .u-pull-3\/3 { margin-right: 100% !important } .u-1\/4 { width: 25% !important } .u-push-1\/4 { margin-left: 25% !important } .u-pull-1\/4 { margin-right: 25% !important } .u-2\/4 { width: 50% !important } .u-push-2\/4 { margin-left: 50% !important } .u-pull-2\/4 { margin-right: 50% !important } .u-3\/4 { width: 75% !important } .u-push-3\/4 { margin-left: 75% !important } .u-pull-3\/4 { margin-right: 75% !important } .u-4\/4 { width: 100% !important } .u-push-4\/4 { margin-left: 100% !important } .u-pull-4\/4 { margin-right: 100% !important } .u-1\/5 { width: 20% !important } .u-push-1\/5 { margin-left: 20% !important } .u-pull-1\/5 { margin-right: 20% !important } .u-2\/5 { width: 40% !important } .u-push-2\/5 { margin-left: 40% !important } .u-pull-2\/5 { margin-right: 40% !important } .u-3\/5 { width: 60% !important } .u-push-3\/5 { margin-left: 60% !important } .u-pull-3\/5 { margin-right: 60% !important } .u-4\/5 { width: 80% !important } .u-push-4\/5 { margin-left: 80% !important } .u-pull-4\/5 { margin-right: 80% !important } .u-5\/5 { width: 100% !important } .u-push-5\/5 { margin-left: 100% !important } .u-pull-5\/5 { margin-right: 100% !important } .u-color-primary { color: #99CCC2 !important } .u-color-primary-light { color: #bbddd6 !important } .u-color-secondary { color: #5D4A3C !important } .u-color-shade-0 { color: #fff !important } .u-color-shade-100 { color: #F8F9F9 !important } .u-color-shade-200 { color: #EDEFF0 !important } .u-color-shade-300 { color: #E2E4E6 !important } .u-color-shade-400 { color: #D6DADC !important } .u-color-shade-500 { color: #838C91 !important } .u-color-shade-600 { color: #676D70 !important } .u-color-shade-700 { color: #333 !important } .u-color-shade-800 { color: #222 !important } .u-color-shade-900 { color: #000 !important } .u-bg-color-primary { background-color: #99CCC2 !important } .u-bg-color-primary-light { background-color: #bbddd6 !important } .u-bg-color-secondary { background-color: #5D4A3C !important } .u-bg-color-shade-0 { background-color: #fff !important } .u-bg-color-shade-100 { background-color: #F8F9F9 !important } .u-bg-color-shade-200 { background-color: #EDEFF0 !important } .u-bg-color-shade-300 { background-color: #E2E4E6 !important } .u-bg-color-shade-400 { background-color: #D6DADC !important } .u-bg-color-shade-500 { background-color: #838C91 !important } .u-bg-color-shade-600 { background-color: #676D70 !important } .u-bg-color-shade-700 { background-color: #333 !important } .u-bg-color-shade-800 { background-color: #222 !important } .u-bg-color-shade-900 { background-color: #000 !important } .u-shadow-distant { box-shadow: 0 0 16px rgba(0, 0, 0, 0.21) !important } .u-shadow-close { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) !important } .u-shadow-subtle { box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15) !important } .u-border-primary { border: 1px solid #99CCC2 !important } .u-border-top-primary { border-top: 1px solid #99CCC2 !important } .u-border-right-primary { border-right: 1px solid #99CCC2 !important } .u-border-bottom-primary { border-bottom: 1px solid #99CCC2 !important } .u-border-left-primary { border-left: 1px solid #99CCC2 !important } .u-border-color-primary { border-color: #99CCC2 !important } .u-border-primary-light { border: 1px solid #bbddd6 !important } .u-border-top-primary-light { border-top: 1px solid #bbddd6 !important } .u-border-right-primary-light { border-right: 1px solid #bbddd6 !important } .u-border-bottom-primary-light { border-bottom: 1px solid #bbddd6 !important } .u-border-left-primary-light { border-left: 1px solid #bbddd6 !important } .u-border-color-primary-light { border-color: #bbddd6 !important } .u-border-secondary { border: 1px solid #5D4A3C !important } .u-border-top-secondary { border-top: 1px solid #5D4A3C !important } .u-border-right-secondary { border-right: 1px solid #5D4A3C !important } .u-border-bottom-secondary { border-bottom: 1px solid #5D4A3C !important } .u-border-left-secondary { border-left: 1px solid #5D4A3C !important } .u-border-color-secondary { border-color: #5D4A3C !important } .u-border-shade-0 { border: 1px solid #fff !important } .u-border-top-shade-0 { border-top: 1px solid #fff !important } .u-border-right-shade-0 { border-right: 1px solid #fff !important } .u-border-bottom-shade-0 { border-bottom: 1px solid #fff !important } .u-border-left-shade-0 { border-left: 1px solid #fff !important } .u-border-color-shade-0 { border-color: #fff !important } .u-border-shade-100 { border: 1px solid #F8F9F9 !important } .u-border-top-shade-100 { border-top: 1px solid #F8F9F9 !important } .u-border-right-shade-100 { border-right: 1px solid #F8F9F9 !important } .u-border-bottom-shade-100 { border-bottom: 1px solid #F8F9F9 !important } .u-border-left-shade-100 { border-left: 1px solid #F8F9F9 !important } .u-border-color-shade-100 { border-color: #F8F9F9 !important } .u-border-shade-200 { border: 1px solid #EDEFF0 !important } .u-border-top-shade-200 { border-top: 1px solid #EDEFF0 !important } .u-border-right-shade-200 { border-right: 1px solid #EDEFF0 !important } .u-border-bottom-shade-200 { border-bottom: 1px solid #EDEFF0 !important } .u-border-left-shade-200 { border-left: 1px solid #EDEFF0 !important } .u-border-color-shade-200 { border-color: #EDEFF0 !important } .u-border-shade-300 { border: 1px solid #E2E4E6 !important } .u-border-top-shade-300 { border-top: 1px solid #E2E4E6 !important } .u-border-right-shade-300 { border-right: 1px solid #E2E4E6 !important } .u-border-bottom-shade-300 { border-bottom: 1px solid #E2E4E6 !important } .u-border-left-shade-300 { border-left: 1px solid #E2E4E6 !important } .u-border-color-shade-300 { border-color: #E2E4E6 !important } .u-border-shade-400 { border: 1px solid #D6DADC !important } .u-border-top-shade-400 { border-top: 1px solid #D6DADC !important } .u-border-right-shade-400 { border-right: 1px solid #D6DADC !important } .u-border-bottom-shade-400 { border-bottom: 1px solid #D6DADC !important } .u-border-left-shade-400 { border-left: 1px solid #D6DADC !important } .u-border-color-shade-400 { border-color: #D6DADC !important } .u-border-shade-500 { border: 1px solid #838C91 !important } .u-border-top-shade-500 { border-top: 1px solid #838C91 !important } .u-border-right-shade-500 { border-right: 1px solid #838C91 !important } .u-border-bottom-shade-500 { border-bottom: 1px solid #838C91 !important } .u-border-left-shade-500 { border-left: 1px solid #838C91 !important } .u-border-color-shade-500 { border-color: #838C91 !important } .u-border-shade-600 { border: 1px solid #676D70 !important } .u-border-top-shade-600 { border-top: 1px solid #676D70 !important } .u-border-right-shade-600 { border-right: 1px solid #676D70 !important } .u-border-bottom-shade-600 { border-bottom: 1px solid #676D70 !important } .u-border-left-shade-600 { border-left: 1px solid #676D70 !important } .u-border-color-shade-600 { border-color: #676D70 !important } .u-border-shade-700 { border: 1px solid #333 !important } .u-border-top-shade-700 { border-top: 1px solid #333 !important } .u-border-right-shade-700 { border-right: 1px solid #333 !important } .u-border-bottom-shade-700 { border-bottom: 1px solid #333 !important } .u-border-left-shade-700 { border-left: 1px solid #333 !important } .u-border-color-shade-700 { border-color: #333 !important } .u-border-shade-800 { border: 1px solid #222 !important } .u-border-top-shade-800 { border-top: 1px solid #222 !important } .u-border-right-shade-800 { border-right: 1px solid #222 !important } .u-border-bottom-shade-800 { border-bottom: 1px solid #222 !important } .u-border-left-shade-800 { border-left: 1px solid #222 !important } .u-border-color-shade-800 { border-color: #222 !important } .u-border-shade-900 { border: 1px solid #000 !important } .u-border-top-shade-900 { border-top: 1px solid #000 !important } .u-border-right-shade-900 { border-right: 1px solid #000 !important } .u-border-bottom-shade-900 { border-bottom: 1px solid #000 !important } .u-border-left-shade-900 { border-left: 1px solid #000 !important } .u-border-color-shade-900 { border-color: #000 !important } .u-overflow-x-hidden { overflow-x: hidden !important } .u-space-between-sections { margin-top: 40px; margin-bottom: 40px } .u-space-between-sections-top { margin-top: 40px } .u-space-between-sections-bottom { margin-bottom: 40px } @media screen and (min-width: 37.5em) { .mfp-content { padding: 44px } .mfp-close { right: 44px !important; font-size: 32px } .mfp-title { font-size: 18px } .mfp-counter { font-size: 18px } .o-wrapper\@s { margin-right: auto; margin-left: auto; width: 100%; padding-left: 24px; padding-right: 24px } .o-wrapper--none\@s { max-width: 0 } .o-wrapper--xs\@s { max-width: 300px } .o-wrapper--s\@s { max-width: 600px } .o-wrapper--m\@s { max-width: 740px } .o-wrapper--l\@s { max-width: 1200px } .o-wrapper--xl\@s { max-width: 1400px } .o-wrapper--xxl\@s { max-width: 1600px } .o-wrapper--xxxl\@s { max-width: 1844px } .o-layout\@s { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .o-layout--gutter-bottom-none\@s { margin-bottom: 0 } .o-layout--gutter-bottom-none\@s>.o-layout__item { padding-bottom: 0 } .o-layout--gutter-left-none\@s { margin-left: 0 } .o-layout--gutter-left-none\@s>.o-layout__item { padding-left: 0 } .o-layout--gutter-none\@s { margin-bottom: 0; margin-left: 0 } .o-layout--gutter-none\@s>.o-layout__item { padding-bottom: 0; padding-left: 0 } .o-layout--gutter-bottom-xs\@s { margin-bottom: -8px } .o-layout--gutter-bottom-xs\@s>.o-layout__item { padding-bottom: 8px } .o-layout--gutter-left-xs\@s { margin-left: -8px } .o-layout--gutter-left-xs\@s>.o-layout__item { padding-left: 8px } .o-layout--gutter-xs\@s { margin-bottom: -8px; margin-left: -8px } .o-layout--gutter-xs\@s>.o-layout__item { padding-bottom: 8px; padding-left: 8px } .o-layout--gutter-bottom-s\@s { margin-bottom: -16px } .o-layout--gutter-bottom-s\@s>.o-layout__item { padding-bottom: 16px } .o-layout--gutter-left-s\@s { margin-left: -16px } .o-layout--gutter-left-s\@s>.o-layout__item { padding-left: 16px } .o-layout--gutter-s\@s { margin-bottom: -16px; margin-left: -16px } .o-layout--gutter-s\@s>.o-layout__item { padding-bottom: 16px; padding-left: 16px } .o-layout--gutter-bottom-m\@s { margin-bottom: -24px } .o-layout--gutter-bottom-m\@s>.o-layout__item { padding-bottom: 24px } .o-layout--gutter-left-m\@s { margin-left: -24px } .o-layout--gutter-left-m\@s>.o-layout__item { padding-left: 24px } .o-layout--gutter-m\@s { margin-bottom: -24px; margin-left: -24px } .o-layout--gutter-m\@s>.o-layout__item { padding-bottom: 24px; padding-left: 24px } .o-layout--gutter-bottom-l\@s { margin-bottom: -32px } .o-layout--gutter-bottom-l\@s>.o-layout__item { padding-bottom: 32px } .o-layout--gutter-left-l\@s { margin-left: -32px } .o-layout--gutter-left-l\@s>.o-layout__item { padding-left: 32px } .o-layout--gutter-l\@s { margin-bottom: -32px; margin-left: -32px } .o-layout--gutter-l\@s>.o-layout__item { padding-bottom: 32px; padding-left: 32px } .o-layout--gutter-bottom-xl\@s { margin-bottom: -48px } .o-layout--gutter-bottom-xl\@s>.o-layout__item { padding-bottom: 48px } .o-layout--gutter-left-xl\@s { margin-left: -48px } .o-layout--gutter-left-xl\@s>.o-layout__item { padding-left: 48px } .o-layout--gutter-xl\@s { margin-bottom: -48px; margin-left: -48px } .o-layout--gutter-xl\@s>.o-layout__item { padding-bottom: 48px; padding-left: 48px } .o-layout--gutter-bottom-xxl\@s { margin-bottom: -64px } .o-layout--gutter-bottom-xxl\@s>.o-layout__item { padding-bottom: 64px } .o-layout--gutter-left-xxl\@s { margin-left: -64px } .o-layout--gutter-left-xxl\@s>.o-layout__item { padding-left: 64px } .o-layout--gutter-xxl\@s { margin-bottom: -64px; margin-left: -64px } .o-layout--gutter-xxl\@s>.o-layout__item { padding-bottom: 64px; padding-left: 64px } .o-layout--gutter-bottom-xxxl\@s { margin-bottom: -80px } .o-layout--gutter-bottom-xxxl\@s>.o-layout__item { padding-bottom: 80px } .o-layout--gutter-left-xxxl\@s { margin-left: -80px } .o-layout--gutter-left-xxxl\@s>.o-layout__item { padding-left: 80px } .o-layout--gutter-xxxl\@s { margin-bottom: -80px; margin-left: -80px } .o-layout--gutter-xxxl\@s>.o-layout__item { padding-bottom: 80px; padding-left: 80px } .o-layout--gutter-bottom-h\@s { margin-bottom: -96px } .o-layout--gutter-bottom-h\@s>.o-layout__item { padding-bottom: 96px } .o-layout--gutter-left-h\@s { margin-left: -96px } .o-layout--gutter-left-h\@s>.o-layout__item { padding-left: 96px } .o-layout--gutter-h\@s { margin-bottom: -96px; margin-left: -96px } .o-layout--gutter-h\@s>.o-layout__item { padding-bottom: 96px; padding-left: 96px } .o-ratio--1\:1\@s: :before { padding-top: 100% } .o-ratio--2\:1\@s: :before { padding-top: 50% } .o-ratio--3\:2\@s: :before { padding-top: 66.66667% } .o-ratio--4\:3\@s: :before { padding-top: 75% } .o-ratio--16\:9\@s: :before { padding-top: 56.25% } .c-offers--grid .c-offers__items { -ms-grid-columns: (minmax(calc(272px + 5vw), 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(calc(272px + 5vw), 1fr)) } .c-gallery__box { font-size: 18px } .u-display-none\@s { display: none !important } .u-display-block\@s { display: block !important } .u-display-inline-block\@s { display: inline-block !important } .u-flex\@s { display: -ms-flexbox !important; display: flex !important } .u-flex-inline\@s { display: -ms-inline-flexbox !important; display: inline-flex !important } .u-flex-wrap\@s { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .u-flex-left\@s { -ms-flex-pack: start !important; justify-content: flex-start !important } .u-flex-center\@s { -ms-flex-pack: center !important; justify-content: center !important } .u-flex-right\@s { -ms-flex-pack: end !important; justify-content: flex-end !important } .u-flex-between\@s { -ms-flex-pack: justify !important; justify-content: space-between !important } .u-flex-top\@s { -ms-flex-align: start !important; align-items: flex-start !important } .u-flex-middle\@s { -ms-flex-align: center !important; align-items: center !important } .u-flex-bottom\@s { -ms-flex-align: end !important; align-items: flex-end !important } .u-flex-self-start\@s { -ms-flex-item-align: start !important; align-self: flex-start !important } .u-flex-self-end\@s { -ms-flex-item-align: end !important; align-self: flex-end !important } .u-flex-self-center\@s { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .u-flex-grow-1\@s { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .u-flex-first\@s { -ms-flex-order: -1 !important; order: -1 !important } .u-flex-last\@s { -ms-flex-order: 999 !important; order: 999 !important } .u-align-left\@s { text-align: left !important } .u-align-center\@s { text-align: center !important } .u-align-right\@s { text-align: right !important } .u-mrt-none\@s { margin-top: 0 !important } .u-mrr-none\@s { margin-right: 0 !important } .u-mrb-none\@s { margin-bottom: 0 !important } .u-mrl-none\@s { margin-left: 0 !important } .u-mrv-none\@s { margin-top: 0 !important; margin-bottom: 0 !important } .u-mrh-none\@s { margin-left: 0 !important; margin-right: 0 !important } .u-mr-none\@s { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important } .u-mrt-xs\@s { margin-top: 8px !important } .u-mrr-xs\@s { margin-right: 8px !important } .u-mrb-xs\@s { margin-bottom: 8px !important } .u-mrl-xs\@s { margin-left: 8px !important } .u-mrv-xs\@s { margin-top: 8px !important; margin-bottom: 8px !important } .u-mrh-xs\@s { margin-left: 8px !important; margin-right: 8px !important } .u-mr-xs\@s { margin-top: 8px !important; margin-right: 8px !important; margin-bottom: 8px !important; margin-left: 8px !important } .u-mrt-s\@s { margin-top: 16px !important } .u-mrr-s\@s { margin-right: 16px !important } .u-mrb-s\@s { margin-bottom: 16px !important } .u-mrl-s\@s { margin-left: 16px !important } .u-mrv-s\@s { margin-top: 16px !important; margin-bottom: 16px !important } .u-mrh-s\@s { margin-left: 16px !important; margin-right: 16px !important } .u-mr-s\@s { margin-top: 16px !important; margin-right: 16px !important; margin-bottom: 16px !important; margin-left: 16px !important } .u-mrt-m\@s { margin-top: 24px !important } .u-mrr-m\@s { margin-right: 24px !important } .u-mrb-m\@s { margin-bottom: 24px !important } .u-mrl-m\@s { margin-left: 24px !important } .u-mrv-m\@s { margin-top: 24px !important; margin-bottom: 24px !important } .u-mrh-m\@s { margin-left: 24px !important; margin-right: 24px !important } .u-mr-m\@s { margin-top: 24px !important; margin-right: 24px !important; margin-bottom: 24px !important; margin-left: 24px !important } .u-mrt-l\@s { margin-top: 32px !important } .u-mrr-l\@s { margin-right: 32px !important } .u-mrb-l\@s { margin-bottom: 32px !important } .u-mrl-l\@s { margin-left: 32px !important } .u-mrv-l\@s { margin-top: 32px !important; margin-bottom: 32px !important } .u-mrh-l\@s { margin-left: 32px !important; margin-right: 32px !important } .u-mr-l\@s { margin-top: 32px !important; margin-right: 32px !important; margin-bottom: 32px !important; margin-left: 32px !important } .u-mrt-xl\@s { margin-top: 48px !important } .u-mrr-xl\@s { margin-right: 48px !important } .u-mrb-xl\@s { margin-bottom: 48px !important } .u-mrl-xl\@s { margin-left: 48px !important } .u-mrv-xl\@s { margin-top: 48px !important; margin-bottom: 48px !important } .u-mrh-xl\@s { margin-left: 48px !important; margin-right: 48px !important } .u-mr-xl\@s { margin-top: 48px !important; margin-right: 48px !important; margin-bottom: 48px !important; margin-left: 48px !important } .u-mrt-xxl\@s { margin-top: 64px !important } .u-mrr-xxl\@s { margin-right: 64px !important } .u-mrb-xxl\@s { margin-bottom: 64px !important } .u-mrl-xxl\@s { margin-left: 64px !important } .u-mrv-xxl\@s { margin-top: 64px !important; margin-bottom: 64px !important } .u-mrh-xxl\@s { margin-left: 64px !important; margin-right: 64px !important } .u-mr-xxl\@s { margin-top: 64px !important; margin-right: 64px !important; margin-bottom: 64px !important; margin-left: 64px !important } .u-mrt-xxxl\@s { margin-top: 80px !important } .u-mrr-xxxl\@s { margin-right: 80px !important } .u-mrb-xxxl\@s { margin-bottom: 80px !important } .u-mrl-xxxl\@s { margin-left: 80px !important } .u-mrv-xxxl\@s { margin-top: 80px !important; margin-bottom: 80px !important } .u-mrh-xxxl\@s { margin-left: 80px !important; margin-right: 80px !important } .u-mr-xxxl\@s { margin-top: 80px !important; margin-right: 80px !important; margin-bottom: 80px !important; margin-left: 80px !important } .u-mrt-h\@s { margin-top: 96px !important } .u-mrr-h\@s { margin-right: 96px !important } .u-mrb-h\@s { margin-bottom: 96px !important } .u-mrl-h\@s { margin-left: 96px !important } .u-mrv-h\@s { margin-top: 96px !important; margin-bottom: 96px !important } .u-mrh-h\@s { margin-left: 96px !important; margin-right: 96px !important } .u-mr-h\@s { margin-top: 96px !important; margin-right: 96px !important; margin-bottom: 96px !important; margin-left: 96px !important } .u-pdt-none\@s { padding-top: 0 !important } .u-pdr-none\@s { padding-right: 0 !important } .u-pdb-none\@s { padding-bottom: 0 !important } .u-pdl-none\@s { padding-left: 0 !important } .u-pdv-none\@s { padding-top: 0 !important; padding-bottom: 0 !important } .u-pdh-none\@s { padding-left: 0 !important; padding-right: 0 !important } .u-pd-none\@s { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important } .u-pdt-xs\@s { padding-top: 8px !important } .u-pdr-xs\@s { padding-right: 8px !important } .u-pdb-xs\@s { padding-bottom: 8px !important } .u-pdl-xs\@s { padding-left: 8px !important } .u-pdv-xs\@s { padding-top: 8px !important; padding-bottom: 8px !important } .u-pdh-xs\@s { padding-left: 8px !important; padding-right: 8px !important } .u-pd-xs\@s { padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important } .u-pdt-s\@s { padding-top: 16px !important } .u-pdr-s\@s { padding-right: 16px !important } .u-pdb-s\@s { padding-bottom: 16px !important } .u-pdl-s\@s { padding-left: 16px !important } .u-pdv-s\@s { padding-top: 16px !important; padding-bottom: 16px !important } .u-pdh-s\@s { padding-left: 16px !important; padding-right: 16px !important } .u-pd-s\@s { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important } .u-pdt-m\@s { padding-top: 24px !important } .u-pdr-m\@s { padding-right: 24px !important } .u-pdb-m\@s { padding-bottom: 24px !important } .u-pdl-m\@s { padding-left: 24px !important } .u-pdv-m\@s { padding-top: 24px !important; padding-bottom: 24px !important } .u-pdh-m\@s { padding-left: 24px !important; padding-right: 24px !important } .u-pd-m\@s { padding-top: 24px !important; padding-right: 24px !important; padding-bottom: 24px !important; padding-left: 24px !important } .u-pdt-l\@s { padding-top: 32px !important } .u-pdr-l\@s { padding-right: 32px !important } .u-pdb-l\@s { padding-bottom: 32px !important } .u-pdl-l\@s { padding-left: 32px !important } .u-pdv-l\@s { padding-top: 32px !important; padding-bottom: 32px !important } .u-pdh-l\@s { padding-left: 32px !important; padding-right: 32px !important } .u-pd-l\@s { padding-top: 32px !important; padding-right: 32px !important; padding-bottom: 32px !important; padding-left: 32px !important } .u-pdt-xl\@s { padding-top: 48px !important } .u-pdr-xl\@s { padding-right: 48px !important } .u-pdb-xl\@s { padding-bottom: 48px !important } .u-pdl-xl\@s { padding-left: 48px !important } .u-pdv-xl\@s { padding-top: 48px !important; padding-bottom: 48px !important } .u-pdh-xl\@s { padding-left: 48px !important; padding-right: 48px !important } .u-pd-xl\@s { padding-top: 48px !important; padding-right: 48px !important; padding-bottom: 48px !important; padding-left: 48px !important } .u-pdt-xxl\@s { padding-top: 64px !important } .u-pdr-xxl\@s { padding-right: 64px !important } .u-pdb-xxl\@s { padding-bottom: 64px !important } .u-pdl-xxl\@s { padding-left: 64px !important } .u-pdv-xxl\@s { padding-top: 64px !important; padding-bottom: 64px !important } .u-pdh-xxl\@s { padding-left: 64px !important; padding-right: 64px !important } .u-pd-xxl\@s { padding-top: 64px !important; padding-right: 64px !important; padding-bottom: 64px !important; padding-left: 64px !important } .u-pdt-xxxl\@s { padding-top: 80px !important } .u-pdr-xxxl\@s { padding-right: 80px !important } .u-pdb-xxxl\@s { padding-bottom: 80px !important } .u-pdl-xxxl\@s { padding-left: 80px !important } .u-pdv-xxxl\@s { padding-top: 80px !important; padding-bottom: 80px !important } .u-pdh-xxxl\@s { padding-left: 80px !important; padding-right: 80px !important } .u-pd-xxxl\@s { padding-top: 80px !important; padding-right: 80px !important; padding-bottom: 80px !important; padding-left: 80px !important } .u-pdt-h\@s { padding-top: 96px !important } .u-pdr-h\@s { padding-right: 96px !important } .u-pdb-h\@s { padding-bottom: 96px !important } .u-pdl-h\@s { padding-left: 96px !important } .u-pdv-h\@s { padding-top: 96px !important; padding-bottom: 96px !important } .u-pdh-h\@s { padding-left: 96px !important; padding-right: 96px !important } .u-pd-h\@s { padding-top: 96px !important; padding-right: 96px !important; padding-bottom: 96px !important; padding-left: 96px !important } .u-1\/1\@s { width: 100% !important } .u-push-1\/1\@s { margin-left: 100% !important } .u-pull-1\/1\@s { margin-right: 100% !important } .u-1\/2\@s { width: 50% !important } .u-push-1\/2\@s { margin-left: 50% !important } .u-pull-1\/2\@s { margin-right: 50% !important } .u-2\/2\@s { width: 100% !important } .u-push-2\/2\@s { margin-left: 100% !important } .u-pull-2\/2\@s { margin-right: 100% !important } .u-1\/3\@s { width: 33.33333% !important } .u-push-1\/3\@s { margin-left: 33.33333% !important } .u-pull-1\/3\@s { margin-right: 33.33333% !important } .u-2\/3\@s { width: 66.66667% !important } .u-push-2\/3\@s { margin-left: 66.66667% !important } .u-pull-2\/3\@s { margin-right: 66.66667% !important } .u-3\/3\@s { width: 100% !important } .u-push-3\/3\@s { margin-left: 100% !important } .u-pull-3\/3\@s { margin-right: 100% !important } .u-1\/4\@s { width: 25% !important } .u-push-1\/4\@s { margin-left: 25% !important } .u-pull-1\/4\@s { margin-right: 25% !important } .u-2\/4\@s { width: 50% !important } .u-push-2\/4\@s { margin-left: 50% !important } .u-pull-2\/4\@s { margin-right: 50% !important } .u-3\/4\@s { width: 75% !important } .u-push-3\/4\@s { margin-left: 75% !important } .u-pull-3\/4\@s { margin-right: 75% !important } .u-4\/4\@s { width: 100% !important } .u-push-4\/4\@s { margin-left: 100% !important } .u-pull-4\/4\@s { margin-right: 100% !important } .u-1\/5\@s { width: 20% !important } .u-push-1\/5\@s { margin-left: 20% !important } .u-pull-1\/5\@s { margin-right: 20% !important } .u-2\/5\@s { width: 40% !important } .u-push-2\/5\@s { margin-left: 40% !important } .u-pull-2\/5\@s { margin-right: 40% !important } .u-3\/5\@s { width: 60% !important } .u-push-3\/5\@s { margin-left: 60% !important } .u-pull-3\/5\@s { margin-right: 60% !important } .u-4\/5\@s { width: 80% !important } .u-push-4\/5\@s { margin-left: 80% !important } .u-pull-4\/5\@s { margin-right: 80% !important } .u-5\/5\@s { width: 100% !important } .u-push-5\/5\@s { margin-left: 100% !important } .u-pull-5\/5\@s { margin-right: 100% !important } } @media screen and (min-width: 56.25em) and (max-width: 74.9375em) { .c-footer__item:nth-child(2n) { border-left: 1px solid #fff } .c-footer__item:nth-child(2n):not(:nth-child(2))::after { content: ""; display: block; position: absolute; top: 0; left: 50%; width: 7px; height: 7px; background-color: #99CCC2; transform: translateX(-50%) perspective(1px) rotate(45deg); border: 1px solid #fff; top: -3px } .c-footer__item:nth-child(2n):not(:nth-child(2))::after { left: -1px } .c-footer__item:nth-child(1), .c-footer__item:nth-child(2) { padding-top: 0 } .c-footer__item:nth-last-child(1), .c-footer__item:nth-last-child(2) { padding-bottom: 0 } .c-footer__item:not(:nth-last-child(1)):not(:nth-last-child(2)) { border-bottom: 1px solid #fff } } @media screen and (min-width: 56.25em) { .o-wrapper\@m { margin-right: auto; margin-left: auto; width: 100%; padding-left: 24px; padding-right: 24px } .o-wrapper--none\@m { max-width: 0 } .o-wrapper--xs\@m { max-width: 300px } .o-wrapper--s\@m { max-width: 600px } .o-wrapper--m\@m { max-width: 740px } .o-wrapper--l\@m { max-width: 1200px } .o-wrapper--xl\@m { max-width: 1400px } .o-wrapper--xxl\@m { max-width: 1600px } .o-wrapper--xxxl\@m { max-width: 1844px } .o-layout\@m { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .o-layout--gutter-bottom-none\@m { margin-bottom: 0 } .o-layout--gutter-bottom-none\@m>.o-layout__item { padding-bottom: 0 } .o-layout--gutter-left-none\@m { margin-left: 0 } .o-layout--gutter-left-none\@m>.o-layout__item { padding-left: 0 } .o-layout--gutter-none\@m { margin-bottom: 0; margin-left: 0 } .o-layout--gutter-none\@m>.o-layout__item { padding-bottom: 0; padding-left: 0 } .o-layout--gutter-bottom-xs\@m { margin-bottom: -8px } .o-layout--gutter-bottom-xs\@m>.o-layout__item { padding-bottom: 8px } .o-layout--gutter-left-xs\@m { margin-left: -8px } .o-layout--gutter-left-xs\@m>.o-layout__item { padding-left: 8px } .o-layout--gutter-xs\@m { margin-bottom: -8px; margin-left: -8px } .o-layout--gutter-xs\@m>.o-layout__item { padding-bottom: 8px; padding-left: 8px } .o-layout--gutter-bottom-s\@m { margin-bottom: -16px } .o-layout--gutter-bottom-s\@m>.o-layout__item { padding-bottom: 16px } .o-layout--gutter-left-s\@m { margin-left: -16px } .o-layout--gutter-left-s\@m>.o-layout__item { padding-left: 16px } .o-layout--gutter-s\@m { margin-bottom: -16px; margin-left: -16px } .o-layout--gutter-s\@m>.o-layout__item { padding-bottom: 16px; padding-left: 16px } .o-layout--gutter-bottom-m\@m { margin-bottom: -24px } .o-layout--gutter-bottom-m\@m>.o-layout__item { padding-bottom: 24px } .o-layout--gutter-left-m\@m { margin-left: -24px } .o-layout--gutter-left-m\@m>.o-layout__item { padding-left: 24px } .o-layout--gutter-m\@m { margin-bottom: -24px; margin-left: -24px } .o-layout--gutter-m\@m>.o-layout__item { padding-bottom: 24px; padding-left: 24px } .o-layout--gutter-bottom-l\@m { margin-bottom: -32px } .o-layout--gutter-bottom-l\@m>.o-layout__item { padding-bottom: 32px } .o-layout--gutter-left-l\@m { margin-left: -32px } .o-layout--gutter-left-l\@m>.o-layout__item { padding-left: 32px } .o-layout--gutter-l\@m { margin-bottom: -32px; margin-left: -32px } .o-layout--gutter-l\@m>.o-layout__item { padding-bottom: 32px; padding-left: 32px } .o-layout--gutter-bottom-xl\@m { margin-bottom: -48px } .o-layout--gutter-bottom-xl\@m>.o-layout__item { padding-bottom: 48px } .o-layout--gutter-left-xl\@m { margin-left: -48px } .o-layout--gutter-left-xl\@m>.o-layout__item { padding-left: 48px } .o-layout--gutter-xl\@m { margin-bottom: -48px; margin-left: -48px } .o-layout--gutter-xl\@m>.o-layout__item { padding-bottom: 48px; padding-left: 48px } .o-layout--gutter-bottom-xxl\@m { margin-bottom: -64px } .o-layout--gutter-bottom-xxl\@m>.o-layout__item { padding-bottom: 64px } .o-layout--gutter-left-xxl\@m { margin-left: -64px } .o-layout--gutter-left-xxl\@m>.o-layout__item { padding-left: 64px } .o-layout--gutter-xxl\@m { margin-bottom: -64px; margin-left: -64px } .o-layout--gutter-xxl\@m>.o-layout__item { padding-bottom: 64px; padding-left: 64px } .o-layout--gutter-bottom-xxxl\@m { margin-bottom: -80px } .o-layout--gutter-bottom-xxxl\@m>.o-layout__item { padding-bottom: 80px } .o-layout--gutter-left-xxxl\@m { margin-left: -80px } .o-layout--gutter-left-xxxl\@m>.o-layout__item { padding-left: 80px } .o-layout--gutter-xxxl\@m { margin-bottom: -80px; margin-left: -80px } .o-layout--gutter-xxxl\@m>.o-layout__item { padding-bottom: 80px; padding-left: 80px } .o-layout--gutter-bottom-h\@m { margin-bottom: -96px } .o-layout--gutter-bottom-h\@m>.o-layout__item { padding-bottom: 96px } .o-layout--gutter-left-h\@m { margin-left: -96px } .o-layout--gutter-left-h\@m>.o-layout__item { padding-left: 96px } .o-layout--gutter-h\@m { margin-bottom: -96px; margin-left: -96px } .o-layout--gutter-h\@m>.o-layout__item { padding-bottom: 96px; padding-left: 96px } .o-ratio--1\:1\@m: :before { padding-top: 100% } .o-ratio--2\:1\@m: :before { padding-top: 50% } .o-ratio--3\:2\@m: :before { padding-top: 66.66667% } .o-ratio--4\:3\@m: :before { padding-top: 75% } .o-ratio--16\:9\@m: :before { padding-top: 56.25% } .c-slider--photos .c-slider__dots-box { display: none } .c-slider__uptitle { font-size: 17px } .c-slider__detail { margin-top: 20px; margin-bottom: 8px } .c-slider__title { font-size: 70px } .c-offer__btn { display: -ms-inline-flexbox; display: inline-flex } .c-title-section__text { font-size: 41px } .c-title-section__text--big { font-size: 66px; font-weight: 300 } .c-title-section__uptext { font-size: 20px } .c-title-section__detail { max-width: 100px; margin-top: 16px } .c-title-section__detail::after { width: 8px; height: 8px; top: -3px } .c-title-section__detail-items::after, .c-title-section__detail-items::before { width: 8px; height: 8px; top: -3px } .c-title-section__detail-items::before { right: 20px } .c-header-section { margin-top: 72px; margin-bottom: 32px } .c-header-section--padding { margin-top: 0; padding-top: 72px } .c-header-section__button { display: block; margin-left: auto } .c-card__icon { font-size: 27px; top: -36px } .c-card__uptitle { padding-right: 80px } .c-logo-with-img { display: inline-block; margin-left: 100px } .c-logo-with-img__logo { border: 1px solid #5D4A3C; padding: 16px; display: inline-block; position: absolute; background-color: #F8F7F7; left: 0; top: 50%; transform: translate(-100px, -50%); max-width: 180px } .c-logo-with-img__logo img { display: block } .c-logo-with-img__img { display: block } .c-logo-with-img__img img { display: block } .c-footer__wrap { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 0px } .c-footer__top { font-size: 29px; top: -38px } .c-footer__item { padding: 40px } .c-services__item { padding-top: 48px } .c-services__icon { font-size: 29px } .c-services__text { font-size: 14px } .c-services__desc { top: calc(50% + 40px); font-size: 14px } .c-services__desc.off-bottom { bottom: calc(50% + 10px) } .c-rooms__grid { -ms-grid-columns: (minmax(1px, 1fr))[2]; grid-template-columns: repeat(2, minmax(1px, 1fr)) } .c-rooms__card--featured { -ms-grid-column: span 2; grid-column: span 2 } .c-rooms__card--featured .c-card__media--alt { position: relative } .c-rooms__card--featured .c-card__media--alt::before { display: block; width: 100%; padding-top: 48.17573%; content: "" } .c-big-num { max-width: 800px; margin-left: auto; margin-right: auto } .c-big-num::before { display: block } .c-slider-photos__header { margin-bottom: 32px } .c-slider-photos__slider { padding-top: 24px } .c-island__grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 16px } .c-island__item { display: -ms-flexbox; display: flex; border: 1px solid #5D4A3C } .c-island__item:nth-child(2n) .c-island__wrap { -ms-flex-order: -1; order: -1; border-left: 0; border-right: 1px solid #5D4A3C } .c-island__media { position: relative; width: 53%; min-height: 420px } .c-island__wrap { border: 0; border-left: 1px solid #5D4A3C; width: 47%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } .c-gallery__wrap { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr } .s-cms--text-big { font-size: 29px } .s-cms--text-medium { font-size: 24px } .u-display-none\@m { display: none !important } .u-display-block\@m { display: block !important } .u-display-inline-block\@m { display: inline-block !important } .u-flex\@m { display: -ms-flexbox !important; display: flex !important } .u-flex-inline\@m { display: -ms-inline-flexbox !important; display: inline-flex !important } .u-flex-wrap\@m { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .u-flex-left\@m { -ms-flex-pack: start !important; justify-content: flex-start !important } .u-flex-center\@m { -ms-flex-pack: center !important; justify-content: center !important } .u-flex-right\@m { -ms-flex-pack: end !important; justify-content: flex-end !important } .u-flex-between\@m { -ms-flex-pack: justify !important; justify-content: space-between !important } .u-flex-top\@m { -ms-flex-align: start !important; align-items: flex-start !important } .u-flex-middle\@m { -ms-flex-align: center !important; align-items: center !important } .u-flex-bottom\@m { -ms-flex-align: end !important; align-items: flex-end !important } .u-flex-self-start\@m { -ms-flex-item-align: start !important; align-self: flex-start !important } .u-flex-self-end\@m { -ms-flex-item-align: end !important; align-self: flex-end !important } .u-flex-self-center\@m { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .u-flex-grow-1\@m { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .u-flex-first\@m { -ms-flex-order: -1 !important; order: -1 !important } .u-flex-last\@m { -ms-flex-order: 999 !important; order: 999 !important } .u-align-left\@m { text-align: left !important } .u-align-center\@m { text-align: center !important } .u-align-right\@m { text-align: right !important } .u-mrt-none\@m { margin-top: 0 !important } .u-mrr-none\@m { margin-right: 0 !important } .u-mrb-none\@m { margin-bottom: 0 !important } .u-mrl-none\@m { margin-left: 0 !important } .u-mrv-none\@m { margin-top: 0 !important; margin-bottom: 0 !important } .u-mrh-none\@m { margin-left: 0 !important; margin-right: 0 !important } .u-mr-none\@m { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important } .u-mrt-xs\@m { margin-top: 8px !important } .u-mrr-xs\@m { margin-right: 8px !important } .u-mrb-xs\@m { margin-bottom: 8px !important } .u-mrl-xs\@m { margin-left: 8px !important } .u-mrv-xs\@m { margin-top: 8px !important; margin-bottom: 8px !important } .u-mrh-xs\@m { margin-left: 8px !important; margin-right: 8px !important } .u-mr-xs\@m { margin-top: 8px !important; margin-right: 8px !important; margin-bottom: 8px !important; margin-left: 8px !important } .u-mrt-s\@m { margin-top: 16px !important } .u-mrr-s\@m { margin-right: 16px !important } .u-mrb-s\@m { margin-bottom: 16px !important } .u-mrl-s\@m { margin-left: 16px !important } .u-mrv-s\@m { margin-top: 16px !important; margin-bottom: 16px !important } .u-mrh-s\@m { margin-left: 16px !important; margin-right: 16px !important } .u-mr-s\@m { margin-top: 16px !important; margin-right: 16px !important; margin-bottom: 16px !important; margin-left: 16px !important } .u-mrt-m\@m { margin-top: 24px !important } .u-mrr-m\@m { margin-right: 24px !important } .u-mrb-m\@m { margin-bottom: 24px !important } .u-mrl-m\@m { margin-left: 24px !important } .u-mrv-m\@m { margin-top: 24px !important; margin-bottom: 24px !important } .u-mrh-m\@m { margin-left: 24px !important; margin-right: 24px !important } .u-mr-m\@m { margin-top: 24px !important; margin-right: 24px !important; margin-bottom: 24px !important; margin-left: 24px !important } .u-mrt-l\@m { margin-top: 32px !important } .u-mrr-l\@m { margin-right: 32px !important } .u-mrb-l\@m { margin-bottom: 32px !important } .u-mrl-l\@m { margin-left: 32px !important } .u-mrv-l\@m { margin-top: 32px !important; margin-bottom: 32px !important } .u-mrh-l\@m { margin-left: 32px !important; margin-right: 32px !important } .u-mr-l\@m { margin-top: 32px !important; margin-right: 32px !important; margin-bottom: 32px !important; margin-left: 32px !important } .u-mrt-xl\@m { margin-top: 48px !important } .u-mrr-xl\@m { margin-right: 48px !important } .u-mrb-xl\@m { margin-bottom: 48px !important } .u-mrl-xl\@m { margin-left: 48px !important } .u-mrv-xl\@m { margin-top: 48px !important; margin-bottom: 48px !important } .u-mrh-xl\@m { margin-left: 48px !important; margin-right: 48px !important } .u-mr-xl\@m { margin-top: 48px !important; margin-right: 48px !important; margin-bottom: 48px !important; margin-left: 48px !important } .u-mrt-xxl\@m { margin-top: 64px !important } .u-mrr-xxl\@m { margin-right: 64px !important } .u-mrb-xxl\@m { margin-bottom: 64px !important } .u-mrl-xxl\@m { margin-left: 64px !important } .u-mrv-xxl\@m { margin-top: 64px !important; margin-bottom: 64px !important } .u-mrh-xxl\@m { margin-left: 64px !important; margin-right: 64px !important } .u-mr-xxl\@m { margin-top: 64px !important; margin-right: 64px !important; margin-bottom: 64px !important; margin-left: 64px !important } .u-mrt-xxxl\@m { margin-top: 80px !important } .u-mrr-xxxl\@m { margin-right: 80px !important } .u-mrb-xxxl\@m { margin-bottom: 80px !important } .u-mrl-xxxl\@m { margin-left: 80px !important } .u-mrv-xxxl\@m { margin-top: 80px !important; margin-bottom: 80px !important } .u-mrh-xxxl\@m { margin-left: 80px !important; margin-right: 80px !important } .u-mr-xxxl\@m { margin-top: 80px !important; margin-right: 80px !important; margin-bottom: 80px !important; margin-left: 80px !important } .u-mrt-h\@m { margin-top: 96px !important } .u-mrr-h\@m { margin-right: 96px !important } .u-mrb-h\@m { margin-bottom: 96px !important } .u-mrl-h\@m { margin-left: 96px !important } .u-mrv-h\@m { margin-top: 96px !important; margin-bottom: 96px !important } .u-mrh-h\@m { margin-left: 96px !important; margin-right: 96px !important } .u-mr-h\@m { margin-top: 96px !important; margin-right: 96px !important; margin-bottom: 96px !important; margin-left: 96px !important } .u-pdt-none\@m { padding-top: 0 !important } .u-pdr-none\@m { padding-right: 0 !important } .u-pdb-none\@m { padding-bottom: 0 !important } .u-pdl-none\@m { padding-left: 0 !important } .u-pdv-none\@m { padding-top: 0 !important; padding-bottom: 0 !important } .u-pdh-none\@m { padding-left: 0 !important; padding-right: 0 !important } .u-pd-none\@m { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important } .u-pdt-xs\@m { padding-top: 8px !important } .u-pdr-xs\@m { padding-right: 8px !important } .u-pdb-xs\@m { padding-bottom: 8px !important } .u-pdl-xs\@m { padding-left: 8px !important } .u-pdv-xs\@m { padding-top: 8px !important; padding-bottom: 8px !important } .u-pdh-xs\@m { padding-left: 8px !important; padding-right: 8px !important } .u-pd-xs\@m { padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important } .u-pdt-s\@m { padding-top: 16px !important } .u-pdr-s\@m { padding-right: 16px !important } .u-pdb-s\@m { padding-bottom: 16px !important } .u-pdl-s\@m { padding-left: 16px !important } .u-pdv-s\@m { padding-top: 16px !important; padding-bottom: 16px !important } .u-pdh-s\@m { padding-left: 16px !important; padding-right: 16px !important } .u-pd-s\@m { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important } .u-pdt-m\@m { padding-top: 24px !important } .u-pdr-m\@m { padding-right: 24px !important } .u-pdb-m\@m { padding-bottom: 24px !important } .u-pdl-m\@m { padding-left: 24px !important } .u-pdv-m\@m { padding-top: 24px !important; padding-bottom: 24px !important } .u-pdh-m\@m { padding-left: 24px !important; padding-right: 24px !important } .u-pd-m\@m { padding-top: 24px !important; padding-right: 24px !important; padding-bottom: 24px !important; padding-left: 24px !important } .u-pdt-l\@m { padding-top: 32px !important } .u-pdr-l\@m { padding-right: 32px !important } .u-pdb-l\@m { padding-bottom: 32px !important } .u-pdl-l\@m { padding-left: 32px !important } .u-pdv-l\@m { padding-top: 32px !important; padding-bottom: 32px !important } .u-pdh-l\@m { padding-left: 32px !important; padding-right: 32px !important } .u-pd-l\@m { padding-top: 32px !important; padding-right: 32px !important; padding-bottom: 32px !important; padding-left: 32px !important } .u-pdt-xl\@m { padding-top: 48px !important } .u-pdr-xl\@m { padding-right: 48px !important } .u-pdb-xl\@m { padding-bottom: 48px !important } .u-pdl-xl\@m { padding-left: 48px !important } .u-pdv-xl\@m { padding-top: 48px !important; padding-bottom: 48px !important } .u-pdh-xl\@m { padding-left: 48px !important; padding-right: 48px !important } .u-pd-xl\@m { padding-top: 48px !important; padding-right: 48px !important; padding-bottom: 48px !important; padding-left: 48px !important } .u-pdt-xxl\@m { padding-top: 64px !important } .u-pdr-xxl\@m { padding-right: 64px !important } .u-pdb-xxl\@m { padding-bottom: 64px !important } .u-pdl-xxl\@m { padding-left: 64px !important } .u-pdv-xxl\@m { padding-top: 64px !important; padding-bottom: 64px !important } .u-pdh-xxl\@m { padding-left: 64px !important; padding-right: 64px !important } .u-pd-xxl\@m { padding-top: 64px !important; padding-right: 64px !important; padding-bottom: 64px !important; padding-left: 64px !important } .u-pdt-xxxl\@m { padding-top: 80px !important } .u-pdr-xxxl\@m { padding-right: 80px !important } .u-pdb-xxxl\@m { padding-bottom: 80px !important } .u-pdl-xxxl\@m { padding-left: 80px !important } .u-pdv-xxxl\@m { padding-top: 80px !important; padding-bottom: 80px !important } .u-pdh-xxxl\@m { padding-left: 80px !important; padding-right: 80px !important } .u-pd-xxxl\@m { padding-top: 80px !important; padding-right: 80px !important; padding-bottom: 80px !important; padding-left: 80px !important } .u-pdt-h\@m { padding-top: 96px !important } .u-pdr-h\@m { padding-right: 96px !important } .u-pdb-h\@m { padding-bottom: 96px !important } .u-pdl-h\@m { padding-left: 96px !important } .u-pdv-h\@m { padding-top: 96px !important; padding-bottom: 96px !important } .u-pdh-h\@m { padding-left: 96px !important; padding-right: 96px !important } .u-pd-h\@m { padding-top: 96px !important; padding-right: 96px !important; padding-bottom: 96px !important; padding-left: 96px !important } .u-1\/1\@m { width: 100% !important } .u-push-1\/1\@m { margin-left: 100% !important } .u-pull-1\/1\@m { margin-right: 100% !important } .u-1\/2\@m { width: 50% !important } .u-push-1\/2\@m { margin-left: 50% !important } .u-pull-1\/2\@m { margin-right: 50% !important } .u-2\/2\@m { width: 100% !important } .u-push-2\/2\@m { margin-left: 100% !important } .u-pull-2\/2\@m { margin-right: 100% !important } .u-1\/3\@m { width: 33.33333% !important } .u-push-1\/3\@m { margin-left: 33.33333% !important } .u-pull-1\/3\@m { margin-right: 33.33333% !important } .u-2\/3\@m { width: 66.66667% !important } .u-push-2\/3\@m { margin-left: 66.66667% !important } .u-pull-2\/3\@m { margin-right: 66.66667% !important } .u-3\/3\@m { width: 100% !important } .u-push-3\/3\@m { margin-left: 100% !important } .u-pull-3\/3\@m { margin-right: 100% !important } .u-1\/4\@m { width: 25% !important } .u-push-1\/4\@m { margin-left: 25% !important } .u-pull-1\/4\@m { margin-right: 25% !important } .u-2\/4\@m { width: 50% !important } .u-push-2\/4\@m { margin-left: 50% !important } .u-pull-2\/4\@m { margin-right: 50% !important } .u-3\/4\@m { width: 75% !important } .u-push-3\/4\@m { margin-left: 75% !important } .u-pull-3\/4\@m { margin-right: 75% !important } .u-4\/4\@m { width: 100% !important } .u-push-4\/4\@m { margin-left: 100% !important } .u-pull-4\/4\@m { margin-right: 100% !important } .u-1\/5\@m { width: 20% !important } .u-push-1\/5\@m { margin-left: 20% !important } .u-pull-1\/5\@m { margin-right: 20% !important } .u-2\/5\@m { width: 40% !important } .u-push-2\/5\@m { margin-left: 40% !important } .u-pull-2\/5\@m { margin-right: 40% !important } .u-3\/5\@m { width: 60% !important } .u-push-3\/5\@m { margin-left: 60% !important } .u-pull-3\/5\@m { margin-right: 60% !important } .u-4\/5\@m { width: 80% !important } .u-push-4\/5\@m { margin-left: 80% !important } .u-pull-4\/5\@m { margin-right: 80% !important } .u-5\/5\@m { width: 100% !important } .u-push-5\/5\@m { margin-left: 100% !important } .u-pull-5\/5\@m { margin-right: 100% !important } .u-space-between-sections { margin-top: 72px; margin-bottom: 72px } .u-space-between-sections-top { margin-top: 72px } .u-space-between-sections-bottom { margin-bottom: 72px } } @media screen and (min-width: 75em) { html { font-size: 15px } .o-wrapper { padding-left: 40px; padding-right: 40px } .o-wrapper\@l { margin-right: auto; margin-left: auto; width: 100%; padding-left: 24px; padding-right: 24px } .o-wrapper--none\@l { max-width: 0 } .o-wrapper--xs\@l { max-width: 300px } .o-wrapper--s\@l { max-width: 600px } .o-wrapper--m\@l { max-width: 740px } .o-wrapper--l\@l { max-width: 1200px } .o-wrapper--xl\@l { max-width: 1400px } .o-wrapper--xxl\@l { max-width: 1600px } .o-wrapper--xxxl\@l { max-width: 1844px } .o-layout\@l { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .o-layout--gutter-bottom-none\@l { margin-bottom: 0 } .o-layout--gutter-bottom-none\@l>.o-layout__item { padding-bottom: 0 } .o-layout--gutter-left-none\@l { margin-left: 0 } .o-layout--gutter-left-none\@l>.o-layout__item { padding-left: 0 } .o-layout--gutter-none\@l { margin-bottom: 0; margin-left: 0 } .o-layout--gutter-none\@l>.o-layout__item { padding-bottom: 0; padding-left: 0 } .o-layout--gutter-bottom-xs\@l { margin-bottom: -8px } .o-layout--gutter-bottom-xs\@l>.o-layout__item { padding-bottom: 8px } .o-layout--gutter-left-xs\@l { margin-left: -8px } .o-layout--gutter-left-xs\@l>.o-layout__item { padding-left: 8px } .o-layout--gutter-xs\@l { margin-bottom: -8px; margin-left: -8px } .o-layout--gutter-xs\@l>.o-layout__item { padding-bottom: 8px; padding-left: 8px } .o-layout--gutter-bottom-s\@l { margin-bottom: -16px } .o-layout--gutter-bottom-s\@l>.o-layout__item { padding-bottom: 16px } .o-layout--gutter-left-s\@l { margin-left: -16px } .o-layout--gutter-left-s\@l>.o-layout__item { padding-left: 16px } .o-layout--gutter-s\@l { margin-bottom: -16px; margin-left: -16px } .o-layout--gutter-s\@l>.o-layout__item { padding-bottom: 16px; padding-left: 16px } .o-layout--gutter-bottom-m\@l { margin-bottom: -24px } .o-layout--gutter-bottom-m\@l>.o-layout__item { padding-bottom: 24px } .o-layout--gutter-left-m\@l { margin-left: -24px } .o-layout--gutter-left-m\@l>.o-layout__item { padding-left: 24px } .o-layout--gutter-m\@l { margin-bottom: -24px; margin-left: -24px } .o-layout--gutter-m\@l>.o-layout__item { padding-bottom: 24px; padding-left: 24px } .o-layout--gutter-bottom-l\@l { margin-bottom: -32px } .o-layout--gutter-bottom-l\@l>.o-layout__item { padding-bottom: 32px } .o-layout--gutter-left-l\@l { margin-left: -32px } .o-layout--gutter-left-l\@l>.o-layout__item { padding-left: 32px } .o-layout--gutter-l\@l { margin-bottom: -32px; margin-left: -32px } .o-layout--gutter-l\@l>.o-layout__item { padding-bottom: 32px; padding-left: 32px } .o-layout--gutter-bottom-xl\@l { margin-bottom: -48px } .o-layout--gutter-bottom-xl\@l>.o-layout__item { padding-bottom: 48px } .o-layout--gutter-left-xl\@l { margin-left: -48px } .o-layout--gutter-left-xl\@l>.o-layout__item { padding-left: 48px } .o-layout--gutter-xl\@l { margin-bottom: -48px; margin-left: -48px } .o-layout--gutter-xl\@l>.o-layout__item { padding-bottom: 48px; padding-left: 48px } .o-layout--gutter-bottom-xxl\@l { margin-bottom: -64px } .o-layout--gutter-bottom-xxl\@l>.o-layout__item { padding-bottom: 64px } .o-layout--gutter-left-xxl\@l { margin-left: -64px } .o-layout--gutter-left-xxl\@l>.o-layout__item { padding-left: 64px } .o-layout--gutter-xxl\@l { margin-bottom: -64px; margin-left: -64px } .o-layout--gutter-xxl\@l>.o-layout__item { padding-bottom: 64px; padding-left: 64px } .o-layout--gutter-bottom-xxxl\@l { margin-bottom: -80px } .o-layout--gutter-bottom-xxxl\@l>.o-layout__item { padding-bottom: 80px } .o-layout--gutter-left-xxxl\@l { margin-left: -80px } .o-layout--gutter-left-xxxl\@l>.o-layout__item { padding-left: 80px } .o-layout--gutter-xxxl\@l { margin-bottom: -80px; margin-left: -80px } .o-layout--gutter-xxxl\@l>.o-layout__item { padding-bottom: 80px; padding-left: 80px } .o-layout--gutter-bottom-h\@l { margin-bottom: -96px } .o-layout--gutter-bottom-h\@l>.o-layout__item { padding-bottom: 96px } .o-layout--gutter-left-h\@l { margin-left: -96px } .o-layout--gutter-left-h\@l>.o-layout__item { padding-left: 96px } .o-layout--gutter-h\@l { margin-bottom: -96px; margin-left: -96px } .o-layout--gutter-h\@l>.o-layout__item { padding-bottom: 96px; padding-left: 96px } .o-ratio--1\:1\@l: :before { padding-top: 100% } .o-ratio--2\:1\@l: :before { padding-top: 50% } .o-ratio--3\:2\@l: :before { padding-top: 66.66667% } .o-ratio--4\:3\@l: :before { padding-top: 75% } .o-ratio--16\:9\@l: :before { padding-top: 56.25% } .o-grid-booking__search { padding-left: 24px; padding-right: 24px; z-index: 100; transform: translateX(-50%); padding-bottom: 40px } .o-grid-booking__content { padding-bottom: 72px } .o-grid-booking__compense { padding-right: 244px } .o-grid-booking__bg { background: url("../themes/hotelgloria/assets/img/bg-diamonds.png") no-repeat right calc(50% - 72px) } .has-dots-vertical .c-dots { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; top: 50%; bottom: auto; transform: translate(-50%, -50%) } .has-dots-vertical .c-dots .c-dots__box { transform: rotate(90deg) translateX(-50%); transform-origin: 0 } .has-dots-right .c-dots { z-index: 98; -ms-flex-pack: end; justify-content: flex-end } .has-dots-right .c-dots .c-dots__box { transform: rotate(90deg) translateX(50%); transform-origin: right } .c-top-bar { display: block } .c-header { overflow-x: hidden; background-color: rgba(255, 255, 255, 0.95); position: absolute; margin-top: 34px } .c-header--relative { position: relative; } .c-header--alt { margin-top: 36px; background-color: transparent; position: absolute; left: 0; top: 34px; width: 100% } .c-header--alt .c-header__wrap { -ms-flex-align: start; align-items: flex-start } .c-header__main-logo { max-width: 152px } .c-header--alt .c-header__main-logo { display: none } .c-header--alt .c-header__alt-logo { display: block } .c-header__toggle { display: none } .c-header__nav { position: relative } .c-header--alt .c-header__nav { margin-top: -24px } .c-header__nav::after { content: ""; display: block; height: 1px; width: 100vw; background-color: #5D4A3C; position: absolute; left: 0; bottom: 16px; z-index: 1 } .c-header__list { -ms-flex-align: center; align-items: center } .c-header__item+.c-header__item { margin-left: 24px } .c-header__link { white-space: nowrap; min-height: 92px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-align: center } .c-header__link::before { content: ""; height: 0; width: 0; border: 1px solid #5D4A3C; display: block; transform: rotate(45deg) translateX(-50%); position: absolute; left: 50%; bottom: 10px; opacity: 0; transition: all .3s } .c-header--alt .c-header__link { color: #fff } .c-header--alt .c-header__link::before { border-color: #fff } .c-header__langs { display: none } .c-header__booking-btn { display: none } .c-slider--full-view .c-slider__media, .c-slider--full-view .c-slider__element { min-height: 640px; height: 100vh } .c-slider--home .c-slider__media, .c-slider--home .c-slider__element { height: calc(100vh - 34px) } .c-slider__scroll { margin-top: 24px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .c-offer::before, .c-offer::after { content: ""; position: absolute; top: 0; height: 100%; width: 22%; z-index: 1; max-width: 440px } .c-offer::before { background: url("../themes/hotelgloria/assets/img/svg-offer-bg-left.svg") right top; left: 0 } .c-offer::after { background: url("../themes/hotelgloria/assets/img/svg-offer-bg-right.svg"); right: 0 } .c-offer__title, .c-offer__text { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .c-email-phone__icon { font-size: 15px } .c-diamond-nav__box { margin-top: -47px } .c-diamond-nav__nav-btn { display: none } .c-diamond-nav__item { font-size: 35px } .c-diamond-nav__item+.c-diamond-nav__item { margin-left: 8px; } .c-diamond-nav__item:hover .c-diamond-nav__text, .c-page__gallery .c-diamond-nav__item .c-diamond-nav__text, .c-page__gloria .c-diamond-nav__item .c-diamond-nav__text { opacity: 1; transition: all .6s; transform: translateY(0) translateX(-50%) perspective(100px) } .c-diamond-nav__item:hover .c-diamond-nav__element::before { opacity: 1; transition: all .6s; transition-delay: .2s } .c-diamond-nav__item.is-active .c-diamond-nav__element { background-color: #99CCC2 } .c-diamond-nav__item.is-active .c-diamond-nav__element::after { opacity: 1; width: 1.6875em; height: 1.6875em } .c-booking { display: block; max-width: 220px; margin-left: auto; position: -webkit-sticky; position: sticky; top: 60px; z-index: 80; transform: translate3d(0, 0, 0); height: auto; box-shadow: 0 0 16px rgba(0, 0, 0, 0.21); padding: 24px 32px; overflow: inherit } .c-booking::before { content: url("../themes/hotelgloria/assets/img/bg-booking.svg"); position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; pointer-events: none } .c-booking__close { display: none } .c-booking__wrap, .c-booking__item-box { padding-left: 0; padding-right: 0 } .c-booking__header { margin-top: -57px; margin-bottom: 16px } .c-booking__logo { margin-bottom: 6px } .c-booking__title { font-size: 11px } .c-booking__subtitle { font-size: 12px; line-height: 1.1 } .c-booking__date+.c-booking__date { margin-left: 6px } .c-booking__calendar { position: absolute; right: calc(100% + 15px); top: 2px; box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.15); transform: translateX(150px); opacity: 0; pointer-events: none; transition: .6s } .c-booking__calendar.is-active { display: block; pointer-events: auto; transform: translateX(0); opacity: 1; transition: all .6s } .c-booking__items { margin-top: 10px } .c-booking__item+.c-booking__item { margin-top: 16px } .c-booking__btn { margin-top: 34px; padding-top: 5px; padding-bottom: 5px; min-height: 34px; min-width: auto } .c-footer__wrap { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; margin-left: -40px; margin-right: -40px } .c-footer__item:nth-child(1)::after, .c-footer__item:nth-child(2)::after, .c-footer__item:nth-child(3)::after { content: ""; display: block; position: absolute; top: 0; left: 50%; width: 7px; height: 7px; background-color: #99CCC2; transform: translateX(-50%) perspective(1px) rotate(45deg); border: 1px solid #fff; top: -3px } .c-footer__item:nth-child(1)::before, .c-footer__item:nth-child(2)::before, .c-footer__item:nth-child(3)::before { content: ""; display: block; position: absolute; top: 0; left: 50% } .c-footer__item:nth-child(1)::before, .c-footer__item:nth-child(2)::before, .c-footer__item:nth-child(3)::before { width: 200px; height: 1px; transform: translateX(-50%) perspective(1px); border-top: 1px solid #fff } .c-footer__item:nth-child(1)::before, .c-footer__item:nth-child(2)::before, .c-footer__item:nth-child(3)::before { transform: rotate(90deg) translateX(-50%) perspective(1px); transform-origin: 0; bottom: 0; top: auto; left: 100% } .c-footer__item:nth-child(1)::after, .c-footer__item:nth-child(2)::after, .c-footer__item:nth-child(3)::after { top: auto; left: auto; right: -7px; bottom: -4px; z-index: 1 } .c-footer__item:nth-child(1), .c-footer__item:nth-child(2), .c-footer__item:nth-child(3), .c-footer__item:nth-child(4) { border-bottom: 1px solid #fff } .c-footer__subbox { margin-top: 20px } .c-footer__subwrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } .c-input--small-desktop { line-height: 1 } .c-input--small-desktop .c-input__icon { max-width: 8px; right: 12px } .c-input--small-desktop .c-input__element { height: 25px; font-size: 14px; padding-top: 2px; padding-left: 12px; padding-right: 12px } .c-date__title { font-size: 13px } .c-date__box { width: 80px; padding: 4px 4px 6px 4px } .c-date__day { font-size: 44px } .c-date__month { font-size: 12px } .c-date__year { font-size: 12px } .c-select--small-desktop { line-height: 1 } .c-select--small-desktop .c-select__icon { max-width: 8px; right: 12px } .c-select--small-desktop .c-select__element { height: 25px; font-size: 14px; padding-top: 2px; padding-left: 12px; padding-right: 12px } .c-breadcrumbs { display: block } .c-big-num::after { font-size: 280px } .c-gallery__wrap { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr } .c-gallery__box { transform: translateY(100%); transition: all .3s } .c-booking-options { position: absolute; right: calc(100% - 17px); top: 50%; background-color: #fff; padding: 16px; border: 1px solid #5D4A3C; min-width: 320px; box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.15); transform: translateX(150px) translateY(-50%); opacity: 0; pointer-events: none; transition: .6s; display: block } .c-booking-options.is-active { pointer-events: auto; transform: translateX(0) translateY(-50%); opacity: 1; transition: all .6s } .c-booking-options__item { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr } .c-booking-options__item+.c-booking-options__item { margin-top: 24px } .c-booking-options__col:not(.c-booking-options__col--ages) { padding-right: 16px } .c-booking-options__col--ages { border-left: 1px solid #E2E4E6; padding-left: 16px } .c-booking-options__col--ages .c-booking-options__title { text-transform: capitalize } .c-booking-options__box { -ms-grid-columns: (55px)[auto-fill]; grid-template-columns: repeat(auto-fill, 55px) } .c-booking-options__delete { margin-top: 12px } .c-booking-options__delete-icon { max-width: 16px } .c-booking-options__delete-icon svg { max-width: 16px } .c-msg { padding-top: 280px; padding-bottom: 240px } .u-display-none\@l { display: none !important } .u-display-block\@l { display: block !important } .u-display-inline-block\@l { display: inline-block !important } .u-flex\@l { display: -ms-flexbox !important; display: flex !important } .u-flex-inline\@l { display: -ms-inline-flexbox !important; display: inline-flex !important } .u-flex-wrap\@l { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .u-flex-left\@l { -ms-flex-pack: start !important; justify-content: flex-start !important } .u-flex-center\@l { -ms-flex-pack: center !important; justify-content: center !important } .u-flex-right\@l { -ms-flex-pack: end !important; justify-content: flex-end !important } .u-flex-between\@l { -ms-flex-pack: justify !important; justify-content: space-between !important } .u-flex-top\@l { -ms-flex-align: start !important; align-items: flex-start !important } .u-flex-middle\@l { -ms-flex-align: center !important; align-items: center !important } .u-flex-bottom\@l { -ms-flex-align: end !important; align-items: flex-end !important } .u-flex-self-start\@l { -ms-flex-item-align: start !important; align-self: flex-start !important } .u-flex-self-end\@l { -ms-flex-item-align: end !important; align-self: flex-end !important } .u-flex-self-center\@l { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .u-flex-grow-1\@l { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .u-flex-first\@l { -ms-flex-order: -1 !important; order: -1 !important } .u-flex-last\@l { -ms-flex-order: 999 !important; order: 999 !important } .u-align-left\@l { text-align: left !important } .u-align-center\@l { text-align: center !important } .u-align-right\@l { text-align: right !important } .u-mrt-none\@l { margin-top: 0 !important } .u-mrr-none\@l { margin-right: 0 !important } .u-mrb-none\@l { margin-bottom: 0 !important } .u-mrl-none\@l { margin-left: 0 !important } .u-mrv-none\@l { margin-top: 0 !important; margin-bottom: 0 !important } .u-mrh-none\@l { margin-left: 0 !important; margin-right: 0 !important } .u-mr-none\@l { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important } .u-mrt-xs\@l { margin-top: 8px !important } .u-mrr-xs\@l { margin-right: 8px !important } .u-mrb-xs\@l { margin-bottom: 8px !important } .u-mrl-xs\@l { margin-left: 8px !important } .u-mrv-xs\@l { margin-top: 8px !important; margin-bottom: 8px !important } .u-mrh-xs\@l { margin-left: 8px !important; margin-right: 8px !important } .u-mr-xs\@l { margin-top: 8px !important; margin-right: 8px !important; margin-bottom: 8px !important; margin-left: 8px !important } .u-mrt-s\@l { margin-top: 16px !important } .u-mrr-s\@l { margin-right: 16px !important } .u-mrb-s\@l { margin-bottom: 16px !important } .u-mrl-s\@l { margin-left: 16px !important } .u-mrv-s\@l { margin-top: 16px !important; margin-bottom: 16px !important } .u-mrh-s\@l { margin-left: 16px !important; margin-right: 16px !important } .u-mr-s\@l { margin-top: 16px !important; margin-right: 16px !important; margin-bottom: 16px !important; margin-left: 16px !important } .u-mrt-m\@l { margin-top: 24px !important } .u-mrr-m\@l { margin-right: 24px !important } .u-mrb-m\@l { margin-bottom: 24px !important } .u-mrl-m\@l { margin-left: 24px !important } .u-mrv-m\@l { margin-top: 24px !important; margin-bottom: 24px !important } .u-mrh-m\@l { margin-left: 24px !important; margin-right: 24px !important } .u-mr-m\@l { margin-top: 24px !important; margin-right: 24px !important; margin-bottom: 24px !important; margin-left: 24px !important } .u-mrt-l\@l { margin-top: 32px !important } .u-mrr-l\@l { margin-right: 32px !important } .u-mrb-l\@l { margin-bottom: 32px !important } .u-mrl-l\@l { margin-left: 32px !important } .u-mrv-l\@l { margin-top: 32px !important; margin-bottom: 32px !important } .u-mrh-l\@l { margin-left: 32px !important; margin-right: 32px !important } .u-mr-l\@l { margin-top: 32px !important; margin-right: 32px !important; margin-bottom: 32px !important; margin-left: 32px !important } .u-mrt-xl\@l { margin-top: 48px !important } .u-mrr-xl\@l { margin-right: 48px !important } .u-mrb-xl\@l { margin-bottom: 48px !important } .u-mrl-xl\@l { margin-left: 48px !important } .u-mrv-xl\@l { margin-top: 48px !important; margin-bottom: 48px !important } .u-mrh-xl\@l { margin-left: 48px !important; margin-right: 48px !important } .u-mr-xl\@l { margin-top: 48px !important; margin-right: 48px !important; margin-bottom: 48px !important; margin-left: 48px !important } .u-mrt-xxl\@l { margin-top: 64px !important } .u-mrr-xxl\@l { margin-right: 64px !important } .u-mrb-xxl\@l { margin-bottom: 64px !important } .u-mrl-xxl\@l { margin-left: 64px !important } .u-mrv-xxl\@l { margin-top: 64px !important; margin-bottom: 64px !important } .u-mrh-xxl\@l { margin-left: 64px !important; margin-right: 64px !important } .u-mr-xxl\@l { margin-top: 64px !important; margin-right: 64px !important; margin-bottom: 64px !important; margin-left: 64px !important } .u-mrt-xxxl\@l { margin-top: 80px !important } .u-mrr-xxxl\@l { margin-right: 80px !important } .u-mrb-xxxl\@l { margin-bottom: 80px !important } .u-mrl-xxxl\@l { margin-left: 80px !important } .u-mrv-xxxl\@l { margin-top: 80px !important; margin-bottom: 80px !important } .u-mrh-xxxl\@l { margin-left: 80px !important; margin-right: 80px !important } .u-mr-xxxl\@l { margin-top: 80px !important; margin-right: 80px !important; margin-bottom: 80px !important; margin-left: 80px !important } .u-mrt-h\@l { margin-top: 96px !important } .u-mrr-h\@l { margin-right: 96px !important } .u-mrb-h\@l { margin-bottom: 96px !important } .u-mrl-h\@l { margin-left: 96px !important } .u-mrv-h\@l { margin-top: 96px !important; margin-bottom: 96px !important } .u-mrh-h\@l { margin-left: 96px !important; margin-right: 96px !important } .u-mr-h\@l { margin-top: 96px !important; margin-right: 96px !important; margin-bottom: 96px !important; margin-left: 96px !important } .u-pdt-none\@l { padding-top: 0 !important } .u-pdr-none\@l { padding-right: 0 !important } .u-pdb-none\@l { padding-bottom: 0 !important } .u-pdl-none\@l { padding-left: 0 !important } .u-pdv-none\@l { padding-top: 0 !important; padding-bottom: 0 !important } .u-pdh-none\@l { padding-left: 0 !important; padding-right: 0 !important } .u-pd-none\@l { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important } .u-pdt-xs\@l { padding-top: 8px !important } .u-pdr-xs\@l { padding-right: 8px !important } .u-pdb-xs\@l { padding-bottom: 8px !important } .u-pdl-xs\@l { padding-left: 8px !important } .u-pdv-xs\@l { padding-top: 8px !important; padding-bottom: 8px !important } .u-pdh-xs\@l { padding-left: 8px !important; padding-right: 8px !important } .u-pd-xs\@l { padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important } .u-pdt-s\@l { padding-top: 16px !important } .u-pdr-s\@l { padding-right: 16px !important } .u-pdb-s\@l { padding-bottom: 16px !important } .u-pdl-s\@l { padding-left: 16px !important } .u-pdv-s\@l { padding-top: 16px !important; padding-bottom: 16px !important } .u-pdh-s\@l { padding-left: 16px !important; padding-right: 16px !important } .u-pd-s\@l { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important } .u-pdt-m\@l { padding-top: 24px !important } .u-pdr-m\@l { padding-right: 24px !important } .u-pdb-m\@l { padding-bottom: 24px !important } .u-pdl-m\@l { padding-left: 24px !important } .u-pdv-m\@l { padding-top: 24px !important; padding-bottom: 24px !important } .u-pdh-m\@l { padding-left: 24px !important; padding-right: 24px !important } .u-pd-m\@l { padding-top: 24px !important; padding-right: 24px !important; padding-bottom: 24px !important; padding-left: 24px !important } .u-pdt-l\@l { padding-top: 32px !important } .u-pdr-l\@l { padding-right: 32px !important } .u-pdb-l\@l { padding-bottom: 32px !important } .u-pdl-l\@l { padding-left: 32px !important } .u-pdv-l\@l { padding-top: 32px !important; padding-bottom: 32px !important } .u-pdh-l\@l { padding-left: 32px !important; padding-right: 32px !important } .u-pd-l\@l { padding-top: 32px !important; padding-right: 32px !important; padding-bottom: 32px !important; padding-left: 32px !important } .u-pdt-xl\@l { padding-top: 48px !important } .u-pdr-xl\@l { padding-right: 48px !important } .u-pdb-xl\@l { padding-bottom: 48px !important } .u-pdl-xl\@l { padding-left: 48px !important } .u-pdv-xl\@l { padding-top: 48px !important; padding-bottom: 48px !important } .u-pdh-xl\@l { padding-left: 48px !important; padding-right: 48px !important } .u-pd-xl\@l { padding-top: 48px !important; padding-right: 48px !important; padding-bottom: 48px !important; padding-left: 48px !important } .u-pdt-xxl\@l { padding-top: 64px !important } .u-pdr-xxl\@l { padding-right: 64px !important } .u-pdb-xxl\@l { padding-bottom: 64px !important } .u-pdl-xxl\@l { padding-left: 64px !important } .u-pdv-xxl\@l { padding-top: 64px !important; padding-bottom: 64px !important } .u-pdh-xxl\@l { padding-left: 64px !important; padding-right: 64px !important } .u-pd-xxl\@l { padding-top: 64px !important; padding-right: 64px !important; padding-bottom: 64px !important; padding-left: 64px !important } .u-pdt-xxxl\@l { padding-top: 80px !important } .u-pdr-xxxl\@l { padding-right: 80px !important } .u-pdb-xxxl\@l { padding-bottom: 80px !important } .u-pdl-xxxl\@l { padding-left: 80px !important } .u-pdv-xxxl\@l { padding-top: 80px !important; padding-bottom: 80px !important } .u-pdh-xxxl\@l { padding-left: 80px !important; padding-right: 80px !important } .u-pd-xxxl\@l { padding-top: 80px !important; padding-right: 80px !important; padding-bottom: 80px !important; padding-left: 80px !important } .u-pdt-h\@l { padding-top: 96px !important } .u-pdr-h\@l { padding-right: 96px !important } .u-pdb-h\@l { padding-bottom: 96px !important } .u-pdl-h\@l { padding-left: 96px !important } .u-pdv-h\@l { padding-top: 96px !important; padding-bottom: 96px !important } .u-pdh-h\@l { padding-left: 96px !important; padding-right: 96px !important } .u-pd-h\@l { padding-top: 96px !important; padding-right: 96px !important; padding-bottom: 96px !important; padding-left: 96px !important } .u-1\/1\@l { width: 100% !important } .u-push-1\/1\@l { margin-left: 100% !important } .u-pull-1\/1\@l { margin-right: 100% !important } .u-1\/2\@l { width: 50% !important } .u-push-1\/2\@l { margin-left: 50% !important } .u-pull-1\/2\@l { margin-right: 50% !important } .u-2\/2\@l { width: 100% !important } .u-push-2\/2\@l { margin-left: 100% !important } .u-pull-2\/2\@l { margin-right: 100% !important } .u-1\/3\@l { width: 33.33333% !important } .u-push-1\/3\@l { margin-left: 33.33333% !important } .u-pull-1\/3\@l { margin-right: 33.33333% !important } .u-2\/3\@l { width: 66.66667% !important } .u-push-2\/3\@l { margin-left: 66.66667% !important } .u-pull-2\/3\@l { margin-right: 66.66667% !important } .u-3\/3\@l { width: 100% !important } .u-push-3\/3\@l { margin-left: 100% !important } .u-pull-3\/3\@l { margin-right: 100% !important } .u-1\/4\@l { width: 25% !important } .u-push-1\/4\@l { margin-left: 25% !important } .u-pull-1\/4\@l { margin-right: 25% !important } .u-2\/4\@l { width: 50% !important } .u-push-2\/4\@l { margin-left: 50% !important } .u-pull-2\/4\@l { margin-right: 50% !important } .u-3\/4\@l { width: 75% !important } .u-push-3\/4\@l { margin-left: 75% !important } .u-pull-3\/4\@l { margin-right: 75% !important } .u-4\/4\@l { width: 100% !important } .u-push-4\/4\@l { margin-left: 100% !important } .u-pull-4\/4\@l { margin-right: 100% !important } .u-1\/5\@l { width: 20% !important } .u-push-1\/5\@l { margin-left: 20% !important } .u-pull-1\/5\@l { margin-right: 20% !important } .u-2\/5\@l { width: 40% !important } .u-push-2\/5\@l { margin-left: 40% !important } .u-pull-2\/5\@l { margin-right: 40% !important } .u-3\/5\@l { width: 60% !important } .u-push-3\/5\@l { margin-left: 60% !important } .u-pull-3\/5\@l { margin-right: 60% !important } .u-4\/5\@l { width: 80% !important } .u-push-4\/5\@l { margin-left: 80% !important } .u-pull-4\/5\@l { margin-right: 80% !important } .u-5\/5\@l { width: 100% !important } .u-push-5\/5\@l { margin-left: 100% !important } .u-pull-5\/5\@l { margin-right: 100% !important } .u-sbs-pdb-desk { margin-bottom: 0; padding-bottom: 108px } } @media screen and (min-width: 37.5em) and (min-width: 75em) { .o-wrapper\@s { padding-left: 40px; padding-right: 40px } } @media screen and (min-width: 56.25em) and (min-width: 75em) { .o-wrapper\@m { padding-left: 40px; padding-right: 40px } } @media screen and (min-width: 75em) and (min-width: 75em) { .o-wrapper\@l { padding-left: 40px; padding-right: 40px } } @media screen and (min-width: 75em) and (max-width: 108.625em) { .c-slider__media { position: relative } .c-slider__media::before { display: block; width: 100%; padding-top: 44.82759%; content: "" } } @media screen and (min-width: 87.5em) { .has-dots-big .c-dots .c-dots__box li { height: 14px } .has-dots-big .c-dots .c-dots__box li::after { width: 16px } .has-dots-big .c-dots .c-dots__box li:first-child::before { width: 36px } .has-dots-big .c-dots .c-dots__box li:last-child::after { width: 36px } .has-dots-big .c-dots .c-dots__box li.slick-active button { height: 20px; width: 20px } .has-dots-big .c-dots .c-dots__box li.slick-active button::before { box-shadow: 0 0 0 3px #99CCC2 inset, 0 0 0 7px #ffffff inset } .has-dots-big .c-dots .c-dots__box li button { height: 14px; width: 14px } .c-header__link { font-size: 14px } } @media screen and (min-width: 56.25em) and (min-width: 93.75em) { .c-logo-with-img__logo { max-width: 100%; padding: 32px; transform: translate(-220px, -50%) } } @media screen and (min-width: 93.75em) { .o-wrapper\@xl { margin-right: auto; margin-left: auto; width: 100%; padding-left: 24px; padding-right: 24px } .o-wrapper--none\@xl { max-width: 0 } .o-wrapper--xs\@xl { max-width: 300px } .o-wrapper--s\@xl { max-width: 600px } .o-wrapper--m\@xl { max-width: 740px } .o-wrapper--l\@xl { max-width: 1200px } .o-wrapper--xl\@xl { max-width: 1400px } .o-wrapper--xxl\@xl { max-width: 1600px } .o-wrapper--xxxl\@xl { max-width: 1844px } .o-layout\@xl { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .o-layout--gutter-bottom-none\@xl { margin-bottom: 0 } .o-layout--gutter-bottom-none\@xl>.o-layout__item { padding-bottom: 0 } .o-layout--gutter-left-none\@xl { margin-left: 0 } .o-layout--gutter-left-none\@xl>.o-layout__item { padding-left: 0 } .o-layout--gutter-none\@xl { margin-bottom: 0; margin-left: 0 } .o-layout--gutter-none\@xl>.o-layout__item { padding-bottom: 0; padding-left: 0 } .o-layout--gutter-bottom-xs\@xl { margin-bottom: -8px } .o-layout--gutter-bottom-xs\@xl>.o-layout__item { padding-bottom: 8px } .o-layout--gutter-left-xs\@xl { margin-left: -8px } .o-layout--gutter-left-xs\@xl>.o-layout__item { padding-left: 8px } .o-layout--gutter-xs\@xl { margin-bottom: -8px; margin-left: -8px } .o-layout--gutter-xs\@xl>.o-layout__item { padding-bottom: 8px; padding-left: 8px } .o-layout--gutter-bottom-s\@xl { margin-bottom: -16px } .o-layout--gutter-bottom-s\@xl>.o-layout__item { padding-bottom: 16px } .o-layout--gutter-left-s\@xl { margin-left: -16px } .o-layout--gutter-left-s\@xl>.o-layout__item { padding-left: 16px } .o-layout--gutter-s\@xl { margin-bottom: -16px; margin-left: -16px } .o-layout--gutter-s\@xl>.o-layout__item { padding-bottom: 16px; padding-left: 16px } .o-layout--gutter-bottom-m\@xl { margin-bottom: -24px } .o-layout--gutter-bottom-m\@xl>.o-layout__item { padding-bottom: 24px } .o-layout--gutter-left-m\@xl { margin-left: -24px } .o-layout--gutter-left-m\@xl>.o-layout__item { padding-left: 24px } .o-layout--gutter-m\@xl { margin-bottom: -24px; margin-left: -24px } .o-layout--gutter-m\@xl>.o-layout__item { padding-bottom: 24px; padding-left: 24px } .o-layout--gutter-bottom-l\@xl { margin-bottom: -32px } .o-layout--gutter-bottom-l\@xl>.o-layout__item { padding-bottom: 32px } .o-layout--gutter-left-l\@xl { margin-left: -32px } .o-layout--gutter-left-l\@xl>.o-layout__item { padding-left: 32px } .o-layout--gutter-l\@xl { margin-bottom: -32px; margin-left: -32px } .o-layout--gutter-l\@xl>.o-layout__item { padding-bottom: 32px; padding-left: 32px } .o-layout--gutter-bottom-xl\@xl { margin-bottom: -48px } .o-layout--gutter-bottom-xl\@xl>.o-layout__item { padding-bottom: 48px } .o-layout--gutter-left-xl\@xl { margin-left: -48px } .o-layout--gutter-left-xl\@xl>.o-layout__item { padding-left: 48px } .o-layout--gutter-xl\@xl { margin-bottom: -48px; margin-left: -48px } .o-layout--gutter-xl\@xl>.o-layout__item { padding-bottom: 48px; padding-left: 48px } .o-layout--gutter-bottom-xxl\@xl { margin-bottom: -64px } .o-layout--gutter-bottom-xxl\@xl>.o-layout__item { padding-bottom: 64px } .o-layout--gutter-left-xxl\@xl { margin-left: -64px } .o-layout--gutter-left-xxl\@xl>.o-layout__item { padding-left: 64px } .o-layout--gutter-xxl\@xl { margin-bottom: -64px; margin-left: -64px } .o-layout--gutter-xxl\@xl>.o-layout__item { padding-bottom: 64px; padding-left: 64px } .o-layout--gutter-bottom-xxxl\@xl { margin-bottom: -80px } .o-layout--gutter-bottom-xxxl\@xl>.o-layout__item { padding-bottom: 80px } .o-layout--gutter-left-xxxl\@xl { margin-left: -80px } .o-layout--gutter-left-xxxl\@xl>.o-layout__item { padding-left: 80px } .o-layout--gutter-xxxl\@xl { margin-bottom: -80px; margin-left: -80px } .o-layout--gutter-xxxl\@xl>.o-layout__item { padding-bottom: 80px; padding-left: 80px } .o-layout--gutter-bottom-h\@xl { margin-bottom: -96px } .o-layout--gutter-bottom-h\@xl>.o-layout__item { padding-bottom: 96px } .o-layout--gutter-left-h\@xl { margin-left: -96px } .o-layout--gutter-left-h\@xl>.o-layout__item { padding-left: 96px } .o-layout--gutter-h\@xl { margin-bottom: -96px; margin-left: -96px } .o-layout--gutter-h\@xl>.o-layout__item { padding-bottom: 96px; padding-left: 96px } .o-ratio--1\:1\@xl: :before { padding-top: 100% } .o-ratio--2\:1\@xl: :before { padding-top: 50% } .o-ratio--3\:2\@xl: :before { padding-top: 66.66667% } .o-ratio--4\:3\@xl: :before { padding-top: 75% } .o-ratio--16\:9\@xl: :before { padding-top: 56.25% } .c-email-phone { display: -ms-flexbox; display: flex } .c-email-phone__line { display: block } .c-email-phone__item { font-size: 18px } .c-email-phone__item:nth-child(1) { padding-bottom: 40px } .c-email-phone__item:nth-child(3) { padding-top: 40px } .c-card__title { font-size: 25px } .c-logo-with-img { margin-left: 220px } .c-info-box__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #5D4A3C; padding: 16px 8px 8px 8px } .c-tips { -ms-grid-columns: (minmax(141px, 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(141px, 1fr)) } .c-tips__item { font-size: 43px } .c-tips__item::before { top: 56px } .c-tips__text { font-size: 12px } .c-island__media { min-height: 540px } .c-island__wrap { padding: 72px } .u-display-none\@xl { display: none !important } .u-display-block\@xl { display: block !important } .u-display-inline-block\@xl { display: inline-block !important } .u-flex\@xl { display: -ms-flexbox !important; display: flex !important } .u-flex-inline\@xl { display: -ms-inline-flexbox !important; display: inline-flex !important } .u-flex-wrap\@xl { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .u-flex-left\@xl { -ms-flex-pack: start !important; justify-content: flex-start !important } .u-flex-center\@xl { -ms-flex-pack: center !important; justify-content: center !important } .u-flex-right\@xl { -ms-flex-pack: end !important; justify-content: flex-end !important } .u-flex-between\@xl { -ms-flex-pack: justify !important; justify-content: space-between !important } .u-flex-top\@xl { -ms-flex-align: start !important; align-items: flex-start !important } .u-flex-middle\@xl { -ms-flex-align: center !important; align-items: center !important } .u-flex-bottom\@xl { -ms-flex-align: end !important; align-items: flex-end !important } .u-flex-self-start\@xl { -ms-flex-item-align: start !important; align-self: flex-start !important } .u-flex-self-end\@xl { -ms-flex-item-align: end !important; align-self: flex-end !important } .u-flex-self-center\@xl { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .u-flex-grow-1\@xl { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .u-flex-first\@xl { -ms-flex-order: -1 !important; order: -1 !important } .u-flex-last\@xl { -ms-flex-order: 999 !important; order: 999 !important } .u-align-left\@xl { text-align: left !important } .u-align-center\@xl { text-align: center !important } .u-align-right\@xl { text-align: right !important } .u-mrt-none\@xl { margin-top: 0 !important } .u-mrr-none\@xl { margin-right: 0 !important } .u-mrb-none\@xl { margin-bottom: 0 !important } .u-mrl-none\@xl { margin-left: 0 !important } .u-mrv-none\@xl { margin-top: 0 !important; margin-bottom: 0 !important } .u-mrh-none\@xl { margin-left: 0 !important; margin-right: 0 !important } .u-mr-none\@xl { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important } .u-mrt-xs\@xl { margin-top: 8px !important } .u-mrr-xs\@xl { margin-right: 8px !important } .u-mrb-xs\@xl { margin-bottom: 8px !important } .u-mrl-xs\@xl { margin-left: 8px !important } .u-mrv-xs\@xl { margin-top: 8px !important; margin-bottom: 8px !important } .u-mrh-xs\@xl { margin-left: 8px !important; margin-right: 8px !important } .u-mr-xs\@xl { margin-top: 8px !important; margin-right: 8px !important; margin-bottom: 8px !important; margin-left: 8px !important } .u-mrt-s\@xl { margin-top: 16px !important } .u-mrr-s\@xl { margin-right: 16px !important } .u-mrb-s\@xl { margin-bottom: 16px !important } .u-mrl-s\@xl { margin-left: 16px !important } .u-mrv-s\@xl { margin-top: 16px !important; margin-bottom: 16px !important } .u-mrh-s\@xl { margin-left: 16px !important; margin-right: 16px !important } .u-mr-s\@xl { margin-top: 16px !important; margin-right: 16px !important; margin-bottom: 16px !important; margin-left: 16px !important } .u-mrt-m\@xl { margin-top: 24px !important } .u-mrr-m\@xl { margin-right: 24px !important } .u-mrb-m\@xl { margin-bottom: 24px !important } .u-mrl-m\@xl { margin-left: 24px !important } .u-mrv-m\@xl { margin-top: 24px !important; margin-bottom: 24px !important } .u-mrh-m\@xl { margin-left: 24px !important; margin-right: 24px !important } .u-mr-m\@xl { margin-top: 24px !important; margin-right: 24px !important; margin-bottom: 24px !important; margin-left: 24px !important } .u-mrt-l\@xl { margin-top: 32px !important } .u-mrr-l\@xl { margin-right: 32px !important } .u-mrb-l\@xl { margin-bottom: 32px !important } .u-mrl-l\@xl { margin-left: 32px !important } .u-mrv-l\@xl { margin-top: 32px !important; margin-bottom: 32px !important } .u-mrh-l\@xl { margin-left: 32px !important; margin-right: 32px !important } .u-mr-l\@xl { margin-top: 32px !important; margin-right: 32px !important; margin-bottom: 32px !important; margin-left: 32px !important } .u-mrt-xl\@xl { margin-top: 48px !important } .u-mrr-xl\@xl { margin-right: 48px !important } .u-mrb-xl\@xl { margin-bottom: 48px !important } .u-mrl-xl\@xl { margin-left: 48px !important } .u-mrv-xl\@xl { margin-top: 48px !important; margin-bottom: 48px !important } .u-mrh-xl\@xl { margin-left: 48px !important; margin-right: 48px !important } .u-mr-xl\@xl { margin-top: 48px !important; margin-right: 48px !important; margin-bottom: 48px !important; margin-left: 48px !important } .u-mrt-xxl\@xl { margin-top: 64px !important } .u-mrr-xxl\@xl { margin-right: 64px !important } .u-mrb-xxl\@xl { margin-bottom: 64px !important } .u-mrl-xxl\@xl { margin-left: 64px !important } .u-mrv-xxl\@xl { margin-top: 64px !important; margin-bottom: 64px !important } .u-mrh-xxl\@xl { margin-left: 64px !important; margin-right: 64px !important } .u-mr-xxl\@xl { margin-top: 64px !important; margin-right: 64px !important; margin-bottom: 64px !important; margin-left: 64px !important } .u-mrt-xxxl\@xl { margin-top: 80px !important } .u-mrr-xxxl\@xl { margin-right: 80px !important } .u-mrb-xxxl\@xl { margin-bottom: 80px !important } .u-mrl-xxxl\@xl { margin-left: 80px !important } .u-mrv-xxxl\@xl { margin-top: 80px !important; margin-bottom: 80px !important } .u-mrh-xxxl\@xl { margin-left: 80px !important; margin-right: 80px !important } .u-mr-xxxl\@xl { margin-top: 80px !important; margin-right: 80px !important; margin-bottom: 80px !important; margin-left: 80px !important } .u-mrt-h\@xl { margin-top: 96px !important } .u-mrr-h\@xl { margin-right: 96px !important } .u-mrb-h\@xl { margin-bottom: 96px !important } .u-mrl-h\@xl { margin-left: 96px !important } .u-mrv-h\@xl { margin-top: 96px !important; margin-bottom: 96px !important } .u-mrh-h\@xl { margin-left: 96px !important; margin-right: 96px !important } .u-mr-h\@xl { margin-top: 96px !important; margin-right: 96px !important; margin-bottom: 96px !important; margin-left: 96px !important } .u-pdt-none\@xl { padding-top: 0 !important } .u-pdr-none\@xl { padding-right: 0 !important } .u-pdb-none\@xl { padding-bottom: 0 !important } .u-pdl-none\@xl { padding-left: 0 !important } .u-pdv-none\@xl { padding-top: 0 !important; padding-bottom: 0 !important } .u-pdh-none\@xl { padding-left: 0 !important; padding-right: 0 !important } .u-pd-none\@xl { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important } .u-pdt-xs\@xl { padding-top: 8px !important } .u-pdr-xs\@xl { padding-right: 8px !important } .u-pdb-xs\@xl { padding-bottom: 8px !important } .u-pdl-xs\@xl { padding-left: 8px !important } .u-pdv-xs\@xl { padding-top: 8px !important; padding-bottom: 8px !important } .u-pdh-xs\@xl { padding-left: 8px !important; padding-right: 8px !important } .u-pd-xs\@xl { padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important } .u-pdt-s\@xl { padding-top: 16px !important } .u-pdr-s\@xl { padding-right: 16px !important } .u-pdb-s\@xl { padding-bottom: 16px !important } .u-pdl-s\@xl { padding-left: 16px !important } .u-pdv-s\@xl { padding-top: 16px !important; padding-bottom: 16px !important } .u-pdh-s\@xl { padding-left: 16px !important; padding-right: 16px !important } .u-pd-s\@xl { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important } .u-pdt-m\@xl { padding-top: 24px !important } .u-pdr-m\@xl { padding-right: 24px !important } .u-pdb-m\@xl { padding-bottom: 24px !important } .u-pdl-m\@xl { padding-left: 24px !important } .u-pdv-m\@xl { padding-top: 24px !important; padding-bottom: 24px !important } .u-pdh-m\@xl { padding-left: 24px !important; padding-right: 24px !important } .u-pd-m\@xl { padding-top: 24px !important; padding-right: 24px !important; padding-bottom: 24px !important; padding-left: 24px !important } .u-pdt-l\@xl { padding-top: 32px !important } .u-pdr-l\@xl { padding-right: 32px !important } .u-pdb-l\@xl { padding-bottom: 32px !important } .u-pdl-l\@xl { padding-left: 32px !important } .u-pdv-l\@xl { padding-top: 32px !important; padding-bottom: 32px !important } .u-pdh-l\@xl { padding-left: 32px !important; padding-right: 32px !important } .u-pd-l\@xl { padding-top: 32px !important; padding-right: 32px !important; padding-bottom: 32px !important; padding-left: 32px !important } .u-pdt-xl\@xl { padding-top: 48px !important } .u-pdr-xl\@xl { padding-right: 48px !important } .u-pdb-xl\@xl { padding-bottom: 48px !important } .u-pdl-xl\@xl { padding-left: 48px !important } .u-pdv-xl\@xl { padding-top: 48px !important; padding-bottom: 48px !important } .u-pdh-xl\@xl { padding-left: 48px !important; padding-right: 48px !important } .u-pd-xl\@xl { padding-top: 48px !important; padding-right: 48px !important; padding-bottom: 48px !important; padding-left: 48px !important } .u-pdt-xxl\@xl { padding-top: 64px !important } .u-pdr-xxl\@xl { padding-right: 64px !important } .u-pdb-xxl\@xl { padding-bottom: 64px !important } .u-pdl-xxl\@xl { padding-left: 64px !important } .u-pdv-xxl\@xl { padding-top: 64px !important; padding-bottom: 64px !important } .u-pdh-xxl\@xl { padding-left: 64px !important; padding-right: 64px !important } .u-pd-xxl\@xl { padding-top: 64px !important; padding-right: 64px !important; padding-bottom: 64px !important; padding-left: 64px !important } .u-pdt-xxxl\@xl { padding-top: 80px !important } .u-pdr-xxxl\@xl { padding-right: 80px !important } .u-pdb-xxxl\@xl { padding-bottom: 80px !important } .u-pdl-xxxl\@xl { padding-left: 80px !important } .u-pdv-xxxl\@xl { padding-top: 80px !important; padding-bottom: 80px !important } .u-pdh-xxxl\@xl { padding-left: 80px !important; padding-right: 80px !important } .u-pd-xxxl\@xl { padding-top: 80px !important; padding-right: 80px !important; padding-bottom: 80px !important; padding-left: 80px !important } .u-pdt-h\@xl { padding-top: 96px !important } .u-pdr-h\@xl { padding-right: 96px !important } .u-pdb-h\@xl { padding-bottom: 96px !important } .u-pdl-h\@xl { padding-left: 96px !important } .u-pdv-h\@xl { padding-top: 96px !important; padding-bottom: 96px !important } .u-pdh-h\@xl { padding-left: 96px !important; padding-right: 96px !important } .u-pd-h\@xl { padding-top: 96px !important; padding-right: 96px !important; padding-bottom: 96px !important; padding-left: 96px !important } .u-1\/1\@xl { width: 100% !important } .u-push-1\/1\@xl { margin-left: 100% !important } .u-pull-1\/1\@xl { margin-right: 100% !important } .u-1\/2\@xl { width: 50% !important } .u-push-1\/2\@xl { margin-left: 50% !important } .u-pull-1\/2\@xl { margin-right: 50% !important } .u-2\/2\@xl { width: 100% !important } .u-push-2\/2\@xl { margin-left: 100% !important } .u-pull-2\/2\@xl { margin-right: 100% !important } .u-1\/3\@xl { width: 33.33333% !important } .u-push-1\/3\@xl { margin-left: 33.33333% !important } .u-pull-1\/3\@xl { margin-right: 33.33333% !important } .u-2\/3\@xl { width: 66.66667% !important } .u-push-2\/3\@xl { margin-left: 66.66667% !important } .u-pull-2\/3\@xl { margin-right: 66.66667% !important } .u-3\/3\@xl { width: 100% !important } .u-push-3\/3\@xl { margin-left: 100% !important } .u-pull-3\/3\@xl { margin-right: 100% !important } .u-1\/4\@xl { width: 25% !important } .u-push-1\/4\@xl { margin-left: 25% !important } .u-pull-1\/4\@xl { margin-right: 25% !important } .u-2\/4\@xl { width: 50% !important } .u-push-2\/4\@xl { margin-left: 50% !important } .u-pull-2\/4\@xl { margin-right: 50% !important } .u-3\/4\@xl { width: 75% !important } .u-push-3\/4\@xl { margin-left: 75% !important } .u-pull-3\/4\@xl { margin-right: 75% !important } .u-4\/4\@xl { width: 100% !important } .u-push-4\/4\@xl { margin-left: 100% !important } .u-pull-4\/4\@xl { margin-right: 100% !important } .u-1\/5\@xl { width: 20% !important } .u-push-1\/5\@xl { margin-left: 20% !important } .u-pull-1\/5\@xl { margin-right: 20% !important } .u-2\/5\@xl { width: 40% !important } .u-push-2\/5\@xl { margin-left: 40% !important } .u-pull-2\/5\@xl { margin-right: 40% !important } .u-3\/5\@xl { width: 60% !important } .u-push-3\/5\@xl { margin-left: 60% !important } .u-pull-3\/5\@xl { margin-right: 60% !important } .u-4\/5\@xl { width: 80% !important } .u-push-4\/5\@xl { margin-left: 80% !important } .u-pull-4\/5\@xl { margin-right: 80% !important } .u-5\/5\@xl { width: 100% !important } .u-push-5\/5\@xl { margin-left: 100% !important } .u-pull-5\/5\@xl { margin-right: 100% !important } } @media screen and (min-width: 93.75em) and (min-width: 75em) { .o-wrapper\@xl { padding-left: 40px; padding-right: 40px } } @media screen and (min-width: 108.75em) { .c-slider--photos .c-slider__element { min-height: 500px } .c-slider--photos .c-slider__media { min-height: 500px } .c-slider__element { min-height: 760px } .c-slider__media { min-height: 780px } .c-map__element { min-height: 580px } } @media screen and (min-width: 112.5em) and (min-width: 75em) { .o-wrapper\@xxl { padding-left: 40px; padding-right: 40px } } @media screen and (min-width: 112.5em) { .o-wrapper\@xxl { margin-right: auto; margin-left: auto; width: 100%; padding-left: 24px; padding-right: 24px } .o-wrapper--none\@xxl { max-width: 0 } .o-wrapper--xs\@xxl { max-width: 300px } .o-wrapper--s\@xxl { max-width: 600px } .o-wrapper--m\@xxl { max-width: 740px } .o-wrapper--l\@xxl { max-width: 1200px } .o-wrapper--xl\@xxl { max-width: 1400px } .o-wrapper--xxl\@xxl { max-width: 1600px } .o-wrapper--xxxl\@xxl { max-width: 1844px } .o-layout\@xxl { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .o-layout--gutter-bottom-none\@xxl { margin-bottom: 0 } .o-layout--gutter-bottom-none\@xxl>.o-layout__item { padding-bottom: 0 } .o-layout--gutter-left-none\@xxl { margin-left: 0 } .o-layout--gutter-left-none\@xxl>.o-layout__item { padding-left: 0 } .o-layout--gutter-none\@xxl { margin-bottom: 0; margin-left: 0 } .o-layout--gutter-none\@xxl>.o-layout__item { padding-bottom: 0; padding-left: 0 } .o-layout--gutter-bottom-xs\@xxl { margin-bottom: -8px } .o-layout--gutter-bottom-xs\@xxl>.o-layout__item { padding-bottom: 8px } .o-layout--gutter-left-xs\@xxl { margin-left: -8px } .o-layout--gutter-left-xs\@xxl>.o-layout__item { padding-left: 8px } .o-layout--gutter-xs\@xxl { margin-bottom: -8px; margin-left: -8px } .o-layout--gutter-xs\@xxl>.o-layout__item { padding-bottom: 8px; padding-left: 8px } .o-layout--gutter-bottom-s\@xxl { margin-bottom: -16px } .o-layout--gutter-bottom-s\@xxl>.o-layout__item { padding-bottom: 16px } .o-layout--gutter-left-s\@xxl { margin-left: -16px } .o-layout--gutter-left-s\@xxl>.o-layout__item { padding-left: 16px } .o-layout--gutter-s\@xxl { margin-bottom: -16px; margin-left: -16px } .o-layout--gutter-s\@xxl>.o-layout__item { padding-bottom: 16px; padding-left: 16px } .o-layout--gutter-bottom-m\@xxl { margin-bottom: -24px } .o-layout--gutter-bottom-m\@xxl>.o-layout__item { padding-bottom: 24px } .o-layout--gutter-left-m\@xxl { margin-left: -24px } .o-layout--gutter-left-m\@xxl>.o-layout__item { padding-left: 24px } .o-layout--gutter-m\@xxl { margin-bottom: -24px; margin-left: -24px } .o-layout--gutter-m\@xxl>.o-layout__item { padding-bottom: 24px; padding-left: 24px } .o-layout--gutter-bottom-l\@xxl { margin-bottom: -32px } .o-layout--gutter-bottom-l\@xxl>.o-layout__item { padding-bottom: 32px } .o-layout--gutter-left-l\@xxl { margin-left: -32px } .o-layout--gutter-left-l\@xxl>.o-layout__item { padding-left: 32px } .o-layout--gutter-l\@xxl { margin-bottom: -32px; margin-left: -32px } .o-layout--gutter-l\@xxl>.o-layout__item { padding-bottom: 32px; padding-left: 32px } .o-layout--gutter-bottom-xl\@xxl { margin-bottom: -48px } .o-layout--gutter-bottom-xl\@xxl>.o-layout__item { padding-bottom: 48px } .o-layout--gutter-left-xl\@xxl { margin-left: -48px } .o-layout--gutter-left-xl\@xxl>.o-layout__item { padding-left: 48px } .o-layout--gutter-xl\@xxl { margin-bottom: -48px; margin-left: -48px } .o-layout--gutter-xl\@xxl>.o-layout__item { padding-bottom: 48px; padding-left: 48px } .o-layout--gutter-bottom-xxl\@xxl { margin-bottom: -64px } .o-layout--gutter-bottom-xxl\@xxl>.o-layout__item { padding-bottom: 64px } .o-layout--gutter-left-xxl\@xxl { margin-left: -64px } .o-layout--gutter-left-xxl\@xxl>.o-layout__item { padding-left: 64px } .o-layout--gutter-xxl\@xxl { margin-bottom: -64px; margin-left: -64px } .o-layout--gutter-xxl\@xxl>.o-layout__item { padding-bottom: 64px; padding-left: 64px } .o-layout--gutter-bottom-xxxl\@xxl { margin-bottom: -80px } .o-layout--gutter-bottom-xxxl\@xxl>.o-layout__item { padding-bottom: 80px } .o-layout--gutter-left-xxxl\@xxl { margin-left: -80px } .o-layout--gutter-left-xxxl\@xxl>.o-layout__item { padding-left: 80px } .o-layout--gutter-xxxl\@xxl { margin-bottom: -80px; margin-left: -80px } .o-layout--gutter-xxxl\@xxl>.o-layout__item { padding-bottom: 80px; padding-left: 80px } .o-layout--gutter-bottom-h\@xxl { margin-bottom: -96px } .o-layout--gutter-bottom-h\@xxl>.o-layout__item { padding-bottom: 96px } .o-layout--gutter-left-h\@xxl { margin-left: -96px } .o-layout--gutter-left-h\@xxl>.o-layout__item { padding-left: 96px } .o-layout--gutter-h\@xxl { margin-bottom: -96px; margin-left: -96px } .o-layout--gutter-h\@xxl>.o-layout__item { padding-bottom: 96px; padding-left: 96px } .o-ratio--1\:1\@xxl: :before { padding-top: 100% } .o-ratio--2\:1\@xxl: :before { padding-top: 50% } .o-ratio--3\:2\@xxl: :before { padding-top: 66.66667% } .o-ratio--4\:3\@xxl: :before { padding-top: 75% } .o-ratio--16\:9\@xxl: :before { padding-top: 56.25% } .c-email-phone__item { font-size: 20px } .c-footer__subwrap { margin-left: -40px; margin-right: -40px } .u-display-none\@xxl { display: none !important } .u-display-block\@xxl { display: block !important } .u-display-inline-block\@xxl { display: inline-block !important } .u-flex\@xxl { display: -ms-flexbox !important; display: flex !important } .u-flex-inline\@xxl { display: -ms-inline-flexbox !important; display: inline-flex !important } .u-flex-wrap\@xxl { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .u-flex-left\@xxl { -ms-flex-pack: start !important; justify-content: flex-start !important } .u-flex-center\@xxl { -ms-flex-pack: center !important; justify-content: center !important } .u-flex-right\@xxl { -ms-flex-pack: end !important; justify-content: flex-end !important } .u-flex-between\@xxl { -ms-flex-pack: justify !important; justify-content: space-between !important } .u-flex-top\@xxl { -ms-flex-align: start !important; align-items: flex-start !important } .u-flex-middle\@xxl { -ms-flex-align: center !important; align-items: center !important } .u-flex-bottom\@xxl { -ms-flex-align: end !important; align-items: flex-end !important } .u-flex-self-start\@xxl { -ms-flex-item-align: start !important; align-self: flex-start !important } .u-flex-self-end\@xxl { -ms-flex-item-align: end !important; align-self: flex-end !important } .u-flex-self-center\@xxl { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .u-flex-grow-1\@xxl { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .u-flex-first\@xxl { -ms-flex-order: -1 !important; order: -1 !important } .u-flex-last\@xxl { -ms-flex-order: 999 !important; order: 999 !important } .u-align-left\@xxl { text-align: left !important } .u-align-center\@xxl { text-align: center !important } .u-align-right\@xxl { text-align: right !important } .u-mrt-none\@xxl { margin-top: 0 !important } .u-mrr-none\@xxl { margin-right: 0 !important } .u-mrb-none\@xxl { margin-bottom: 0 !important } .u-mrl-none\@xxl { margin-left: 0 !important } .u-mrv-none\@xxl { margin-top: 0 !important; margin-bottom: 0 !important } .u-mrh-none\@xxl { margin-left: 0 !important; margin-right: 0 !important } .u-mr-none\@xxl { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important } .u-mrt-xs\@xxl { margin-top: 8px !important } .u-mrr-xs\@xxl { margin-right: 8px !important } .u-mrb-xs\@xxl { margin-bottom: 8px !important } .u-mrl-xs\@xxl { margin-left: 8px !important } .u-mrv-xs\@xxl { margin-top: 8px !important; margin-bottom: 8px !important } .u-mrh-xs\@xxl { margin-left: 8px !important; margin-right: 8px !important } .u-mr-xs\@xxl { margin-top: 8px !important; margin-right: 8px !important; margin-bottom: 8px !important; margin-left: 8px !important } .u-mrt-s\@xxl { margin-top: 16px !important } .u-mrr-s\@xxl { margin-right: 16px !important } .u-mrb-s\@xxl { margin-bottom: 16px !important } .u-mrl-s\@xxl { margin-left: 16px !important } .u-mrv-s\@xxl { margin-top: 16px !important; margin-bottom: 16px !important } .u-mrh-s\@xxl { margin-left: 16px !important; margin-right: 16px !important } .u-mr-s\@xxl { margin-top: 16px !important; margin-right: 16px !important; margin-bottom: 16px !important; margin-left: 16px !important } .u-mrt-m\@xxl { margin-top: 24px !important } .u-mrr-m\@xxl { margin-right: 24px !important } .u-mrb-m\@xxl { margin-bottom: 24px !important } .u-mrl-m\@xxl { margin-left: 24px !important } .u-mrv-m\@xxl { margin-top: 24px !important; margin-bottom: 24px !important } .u-mrh-m\@xxl { margin-left: 24px !important; margin-right: 24px !important } .u-mr-m\@xxl { margin-top: 24px !important; margin-right: 24px !important; margin-bottom: 24px !important; margin-left: 24px !important } .u-mrt-l\@xxl { margin-top: 32px !important } .u-mrr-l\@xxl { margin-right: 32px !important } .u-mrb-l\@xxl { margin-bottom: 32px !important } .u-mrl-l\@xxl { margin-left: 32px !important } .u-mrv-l\@xxl { margin-top: 32px !important; margin-bottom: 32px !important } .u-mrh-l\@xxl { margin-left: 32px !important; margin-right: 32px !important } .u-mr-l\@xxl { margin-top: 32px !important; margin-right: 32px !important; margin-bottom: 32px !important; margin-left: 32px !important } .u-mrt-xl\@xxl { margin-top: 48px !important } .u-mrr-xl\@xxl { margin-right: 48px !important } .u-mrb-xl\@xxl { margin-bottom: 48px !important } .u-mrl-xl\@xxl { margin-left: 48px !important } .u-mrv-xl\@xxl { margin-top: 48px !important; margin-bottom: 48px !important } .u-mrh-xl\@xxl { margin-left: 48px !important; margin-right: 48px !important } .u-mr-xl\@xxl { margin-top: 48px !important; margin-right: 48px !important; margin-bottom: 48px !important; margin-left: 48px !important } .u-mrt-xxl\@xxl { margin-top: 64px !important } .u-mrr-xxl\@xxl { margin-right: 64px !important } .u-mrb-xxl\@xxl { margin-bottom: 64px !important } .u-mrl-xxl\@xxl { margin-left: 64px !important } .u-mrv-xxl\@xxl { margin-top: 64px !important; margin-bottom: 64px !important } .u-mrh-xxl\@xxl { margin-left: 64px !important; margin-right: 64px !important } .u-mr-xxl\@xxl { margin-top: 64px !important; margin-right: 64px !important; margin-bottom: 64px !important; margin-left: 64px !important } .u-mrt-xxxl\@xxl { margin-top: 80px !important } .u-mrr-xxxl\@xxl { margin-right: 80px !important } .u-mrb-xxxl\@xxl { margin-bottom: 80px !important } .u-mrl-xxxl\@xxl { margin-left: 80px !important } .u-mrv-xxxl\@xxl { margin-top: 80px !important; margin-bottom: 80px !important } .u-mrh-xxxl\@xxl { margin-left: 80px !important; margin-right: 80px !important } .u-mr-xxxl\@xxl { margin-top: 80px !important; margin-right: 80px !important; margin-bottom: 80px !important; margin-left: 80px !important } .u-mrt-h\@xxl { margin-top: 96px !important } .u-mrr-h\@xxl { margin-right: 96px !important } .u-mrb-h\@xxl { margin-bottom: 96px !important } .u-mrl-h\@xxl { margin-left: 96px !important } .u-mrv-h\@xxl { margin-top: 96px !important; margin-bottom: 96px !important } .u-mrh-h\@xxl { margin-left: 96px !important; margin-right: 96px !important } .u-mr-h\@xxl { margin-top: 96px !important; margin-right: 96px !important; margin-bottom: 96px !important; margin-left: 96px !important } .u-pdt-none\@xxl { padding-top: 0 !important } .u-pdr-none\@xxl { padding-right: 0 !important } .u-pdb-none\@xxl { padding-bottom: 0 !important } .u-pdl-none\@xxl { padding-left: 0 !important } .u-pdv-none\@xxl { padding-top: 0 !important; padding-bottom: 0 !important } .u-pdh-none\@xxl { padding-left: 0 !important; padding-right: 0 !important } .u-pd-none\@xxl { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important } .u-pdt-xs\@xxl { padding-top: 8px !important } .u-pdr-xs\@xxl { padding-right: 8px !important } .u-pdb-xs\@xxl { padding-bottom: 8px !important } .u-pdl-xs\@xxl { padding-left: 8px !important } .u-pdv-xs\@xxl { padding-top: 8px !important; padding-bottom: 8px !important } .u-pdh-xs\@xxl { padding-left: 8px !important; padding-right: 8px !important } .u-pd-xs\@xxl { padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important } .u-pdt-s\@xxl { padding-top: 16px !important } .u-pdr-s\@xxl { padding-right: 16px !important } .u-pdb-s\@xxl { padding-bottom: 16px !important } .u-pdl-s\@xxl { padding-left: 16px !important } .u-pdv-s\@xxl { padding-top: 16px !important; padding-bottom: 16px !important } .u-pdh-s\@xxl { padding-left: 16px !important; padding-right: 16px !important } .u-pd-s\@xxl { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important } .u-pdt-m\@xxl { padding-top: 24px !important } .u-pdr-m\@xxl { padding-right: 24px !important } .u-pdb-m\@xxl { padding-bottom: 24px !important } .u-pdl-m\@xxl { padding-left: 24px !important } .u-pdv-m\@xxl { padding-top: 24px !important; padding-bottom: 24px !important } .u-pdh-m\@xxl { padding-left: 24px !important; padding-right: 24px !important } .u-pd-m\@xxl { padding-top: 24px !important; padding-right: 24px !important; padding-bottom: 24px !important; padding-left: 24px !important } .u-pdt-l\@xxl { padding-top: 32px !important } .u-pdr-l\@xxl { padding-right: 32px !important } .u-pdb-l\@xxl { padding-bottom: 32px !important } .u-pdl-l\@xxl { padding-left: 32px !important } .u-pdv-l\@xxl { padding-top: 32px !important; padding-bottom: 32px !important } .u-pdh-l\@xxl { padding-left: 32px !important; padding-right: 32px !important } .u-pd-l\@xxl { padding-top: 32px !important; padding-right: 32px !important; padding-bottom: 32px !important; padding-left: 32px !important } .u-pdt-xl\@xxl { padding-top: 48px !important } .u-pdr-xl\@xxl { padding-right: 48px !important } .u-pdb-xl\@xxl { padding-bottom: 48px !important } .u-pdl-xl\@xxl { padding-left: 48px !important } .u-pdv-xl\@xxl { padding-top: 48px !important; padding-bottom: 48px !important } .u-pdh-xl\@xxl { padding-left: 48px !important; padding-right: 48px !important } .u-pd-xl\@xxl { padding-top: 48px !important; padding-right: 48px !important; padding-bottom: 48px !important; padding-left: 48px !important } .u-pdt-xxl\@xxl { padding-top: 64px !important } .u-pdr-xxl\@xxl { padding-right: 64px !important } .u-pdb-xxl\@xxl { padding-bottom: 64px !important } .u-pdl-xxl\@xxl { padding-left: 64px !important } .u-pdv-xxl\@xxl { padding-top: 64px !important; padding-bottom: 64px !important } .u-pdh-xxl\@xxl { padding-left: 64px !important; padding-right: 64px !important } .u-pd-xxl\@xxl { padding-top: 64px !important; padding-right: 64px !important; padding-bottom: 64px !important; padding-left: 64px !important } .u-pdt-xxxl\@xxl { padding-top: 80px !important } .u-pdr-xxxl\@xxl { padding-right: 80px !important } .u-pdb-xxxl\@xxl { padding-bottom: 80px !important } .u-pdl-xxxl\@xxl { padding-left: 80px !important } .u-pdv-xxxl\@xxl { padding-top: 80px !important; padding-bottom: 80px !important } .u-pdh-xxxl\@xxl { padding-left: 80px !important; padding-right: 80px !important } .u-pd-xxxl\@xxl { padding-top: 80px !important; padding-right: 80px !important; padding-bottom: 80px !important; padding-left: 80px !important } .u-pdt-h\@xxl { padding-top: 96px !important } .u-pdr-h\@xxl { padding-right: 96px !important } .u-pdb-h\@xxl { padding-bottom: 96px !important } .u-pdl-h\@xxl { padding-left: 96px !important } .u-pdv-h\@xxl { padding-top: 96px !important; padding-bottom: 96px !important } .u-pdh-h\@xxl { padding-left: 96px !important; padding-right: 96px !important } .u-pd-h\@xxl { padding-top: 96px !important; padding-right: 96px !important; padding-bottom: 96px !important; padding-left: 96px !important } .u-1\/1\@xxl { width: 100% !important } .u-push-1\/1\@xxl { margin-left: 100% !important } .u-pull-1\/1\@xxl { margin-right: 100% !important } .u-1\/2\@xxl { width: 50% !important } .u-push-1\/2\@xxl { margin-left: 50% !important } .u-pull-1\/2\@xxl { margin-right: 50% !important } .u-2\/2\@xxl { width: 100% !important } .u-push-2\/2\@xxl { margin-left: 100% !important } .u-pull-2\/2\@xxl { margin-right: 100% !important } .u-1\/3\@xxl { width: 33.33333% !important } .u-push-1\/3\@xxl { margin-left: 33.33333% !important } .u-pull-1\/3\@xxl { margin-right: 33.33333% !important } .u-2\/3\@xxl { width: 66.66667% !important } .u-push-2\/3\@xxl { margin-left: 66.66667% !important } .u-pull-2\/3\@xxl { margin-right: 66.66667% !important } .u-3\/3\@xxl { width: 100% !important } .u-push-3\/3\@xxl { margin-left: 100% !important } .u-pull-3\/3\@xxl { margin-right: 100% !important } .u-1\/4\@xxl { width: 25% !important } .u-push-1\/4\@xxl { margin-left: 25% !important } .u-pull-1\/4\@xxl { margin-right: 25% !important } .u-2\/4\@xxl { width: 50% !important } .u-push-2\/4\@xxl { margin-left: 50% !important } .u-pull-2\/4\@xxl { margin-right: 50% !important } .u-3\/4\@xxl { width: 75% !important } .u-push-3\/4\@xxl { margin-left: 75% !important } .u-pull-3\/4\@xxl { margin-right: 75% !important } .u-4\/4\@xxl { width: 100% !important } .u-push-4\/4\@xxl { margin-left: 100% !important } .u-pull-4\/4\@xxl { margin-right: 100% !important } .u-1\/5\@xxl { width: 20% !important } .u-push-1\/5\@xxl { margin-left: 20% !important } .u-pull-1\/5\@xxl { margin-right: 20% !important } .u-2\/5\@xxl { width: 40% !important } .u-push-2\/5\@xxl { margin-left: 40% !important } .u-pull-2\/5\@xxl { margin-right: 40% !important } .u-3\/5\@xxl { width: 60% !important } .u-push-3\/5\@xxl { margin-left: 60% !important } .u-pull-3\/5\@xxl { margin-right: 60% !important } .u-4\/5\@xxl { width: 80% !important } .u-push-4\/5\@xxl { margin-left: 80% !important } .u-pull-4\/5\@xxl { margin-right: 80% !important } .u-5\/5\@xxl { width: 100% !important } .u-push-5\/5\@xxl { margin-left: 100% !important } .u-pull-5\/5\@xxl { margin-right: 100% !important } } @media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75) } .mfp-arrow-left { transform-origin: 0 } .mfp-arrow-right { transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0 } } @media screen and (max-width: 56.1875em) { .c-header-section--alt-mobile { text-align: center; display: block } .c-header-section--alt-mobile .c-header-section__button { display: block } .c-header-section--alt-mobile .c-header-section__button .c-btn { background: none; border: none; padding-top: 0; color: #99CCC2; text-decoration: underline } .c-header-section--alt-mobile .c-header-section__button .c-btn:hover::before { display: none } .c-logo-with-img.not-logo { margin-bottom: 0 !important } .c-footer__item+.c-footer__item::after { content: ""; display: block; position: absolute; top: 0; left: 50%; width: 7px; height: 7px; background-color: #99CCC2; transform: translateX(-50%) perspective(1px) rotate(45deg); border: 1px solid #fff; top: -3px } .c-footer__item+.c-footer__item::before { content: ""; display: block; position: absolute; top: 0; left: 50% } .c-footer__item+.c-footer__item::before { width: 200px; height: 1px; transform: translateX(-50%) perspective(1px); border-top: 1px solid #fff } .c-slider-photos__nav { display: none } .c-slider-photos__pagination { display: none } .c-island__grid { margin-left: -24px; margin-right: -24px } .c-island__media { position: relative } .c-island__media::before { display: block; width: 100%; padding-top: 83.33333%; content: "" } .c-gallery__item { pointer-events: none } .u-display-none\@m-down { display: none !important } .u-display-block\@m-down { display: block !important } .u-display-inline-block\@m-down { display: inline-block !important } .u-pdt-none\@m-down { padding-top: 0 !important } .u-pdr-none\@m-down { padding-right: 0 !important } .u-pdb-none\@m-down { padding-bottom: 0 !important } .u-pdl-none\@m-down { padding-left: 0 !important } .u-pdv-none\@m-down { padding-top: 0 !important; padding-bottom: 0 !important } .u-pdh-none\@m-down { padding-left: 0 !important; padding-right: 0 !important } .u-pd-none\@m-down { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important } .u-pdt-xs\@m-down { padding-top: 8px !important } .u-pdr-xs\@m-down { padding-right: 8px !important } .u-pdb-xs\@m-down { padding-bottom: 8px !important } .u-pdl-xs\@m-down { padding-left: 8px !important } .u-pdv-xs\@m-down { padding-top: 8px !important; padding-bottom: 8px !important } .u-pdh-xs\@m-down { padding-left: 8px !important; padding-right: 8px !important } .u-pd-xs\@m-down { padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important } .u-pdt-s\@m-down { padding-top: 16px !important } .u-pdr-s\@m-down { padding-right: 16px !important } .u-pdb-s\@m-down { padding-bottom: 16px !important } .u-pdl-s\@m-down { padding-left: 16px !important } .u-pdv-s\@m-down { padding-top: 16px !important; padding-bottom: 16px !important } .u-pdh-s\@m-down { padding-left: 16px !important; padding-right: 16px !important } .u-pd-s\@m-down { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important } .u-pdt-m\@m-down { padding-top: 24px !important } .u-pdr-m\@m-down { padding-right: 24px !important } .u-pdb-m\@m-down { padding-bottom: 24px !important } .u-pdl-m\@m-down { padding-left: 24px !important } .u-pdv-m\@m-down { padding-top: 24px !important; padding-bottom: 24px !important } .u-pdh-m\@m-down { padding-left: 24px !important; padding-right: 24px !important } .u-pd-m\@m-down { padding-top: 24px !important; padding-right: 24px !important; padding-bottom: 24px !important; padding-left: 24px !important } .u-pdt-l\@m-down { padding-top: 32px !important } .u-pdr-l\@m-down { padding-right: 32px !important } .u-pdb-l\@m-down { padding-bottom: 32px !important } .u-pdl-l\@m-down { padding-left: 32px !important } .u-pdv-l\@m-down { padding-top: 32px !important; padding-bottom: 32px !important } .u-pdh-l\@m-down { padding-left: 32px !important; padding-right: 32px !important } .u-pd-l\@m-down { padding-top: 32px !important; padding-right: 32px !important; padding-bottom: 32px !important; padding-left: 32px !important } .u-pdt-xl\@m-down { padding-top: 48px !important } .u-pdr-xl\@m-down { padding-right: 48px !important } .u-pdb-xl\@m-down { padding-bottom: 48px !important } .u-pdl-xl\@m-down { padding-left: 48px !important } .u-pdv-xl\@m-down { padding-top: 48px !important; padding-bottom: 48px !important } .u-pdh-xl\@m-down { padding-left: 48px !important; padding-right: 48px !important } .u-pd-xl\@m-down { padding-top: 48px !important; padding-right: 48px !important; padding-bottom: 48px !important; padding-left: 48px !important } .u-pdt-xxl\@m-down { padding-top: 64px !important } .u-pdr-xxl\@m-down { padding-right: 64px !important } .u-pdb-xxl\@m-down { padding-bottom: 64px !important } .u-pdl-xxl\@m-down { padding-left: 64px !important } .u-pdv-xxl\@m-down { padding-top: 64px !important; padding-bottom: 64px !important } .u-pdh-xxl\@m-down { padding-left: 64px !important; padding-right: 64px !important } .u-pd-xxl\@m-down { padding-top: 64px !important; padding-right: 64px !important; padding-bottom: 64px !important; padding-left: 64px !important } .u-pdt-xxxl\@m-down { padding-top: 80px !important } .u-pdr-xxxl\@m-down { padding-right: 80px !important } .u-pdb-xxxl\@m-down { padding-bottom: 80px !important } .u-pdl-xxxl\@m-down { padding-left: 80px !important } .u-pdv-xxxl\@m-down { padding-top: 80px !important; padding-bottom: 80px !important } .u-pdh-xxxl\@m-down { padding-left: 80px !important; padding-right: 80px !important } .u-pd-xxxl\@m-down { padding-top: 80px !important; padding-right: 80px !important; padding-bottom: 80px !important; padding-left: 80px !important } .u-pdt-h\@m-down { padding-top: 96px !important } .u-pdr-h\@m-down { padding-right: 96px !important } .u-pdb-h\@m-down { padding-bottom: 96px !important } .u-pdl-h\@m-down { padding-left: 96px !important } .u-pdv-h\@m-down { padding-top: 96px !important; padding-bottom: 96px !important } .u-pdh-h\@m-down { padding-left: 96px !important; padding-right: 96px !important } .u-pd-h\@m-down { padding-top: 96px !important; padding-right: 96px !important; padding-bottom: 96px !important; padding-left: 96px !important } } @media screen and (max-width: 74.9375em) { body { overflow-x: hidden; padding-top: 110px } body.has-overlay-nav::after { z-index: 97; opacity: 1; transition: all .3s } .has-dots-secondary-mobile .c-dots__box li::after { background: #5D4A3C } .has-dots-secondary-mobile .c-dots__box li:first-child::before { background: #5D4A3C } .has-dots-secondary-mobile .c-dots__box button { border-color: #5D4A3C } .has-dots-secondary-mobile .c-dots__box button::before { border-color: #5D4A3C } .c-header__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .c-header__wrap.is-active::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; border-bottom: 1px solid #5D4A3C; box-sizing: content-box } .c-header__wrap::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 2 } .c-header__logo { position: relative; z-index: 3 } .c-header__toggle { position: relative; z-index: 3 } .c-header__nav { background-color: #fff; transform: translateY(-150%); position: absolute; top: 100%; left: 0; width: 100%; padding: 16px 24px 24px 24px; transition: all .8s; z-index: 1; max-height: calc(100vh - 72px); overflow-y: auto } .c-header__nav.is-active { transform: translateY(0); transition: all .8s } .c-header__list { -ms-flex-direction: column; flex-direction: column } .c-header__link { padding-top: 6px; padding-bottom: 6px } .c-slider.has-dots-outside-mobile { margin-bottom: 32px } .c-slider.has-dots-outside-mobile .c-slider__dots-box { bottom: -32px } .c-diamond-nav { margin-top: 72px } .c-diamond-nav__item { pointer-events: none } .c-diamond-nav__item:not(.is-active) { display: none } .c-booking__dates { -ms-flex-wrap: wrap; flex-wrap: wrap } .c-booking__calendar { width: 100%; display: none } .c-booking__calendar.is-active { display: block } .c-booking__item { border-top: 1px solid #E2E4E6; border-bottom: 1px solid #E2E4E6; padding-top: 8px; padding-bottom: 16px } .c-footer__copy-link { margin-top: 20px } .c-nav-secondary--mobile .c-nav-secondary__list { -ms-flex-direction: column; flex-direction: column } .c-nav-secondary--mobile .c-nav-secondary__item { padding-top: 8px; padding-bottom: 8px } .c-booking-options__col { padding-top: 10px } .c-booking-options__col:not(.c-booking-options__col--ages) { padding-bottom: 16px } .c-booking-options__col--ages { position: relative; padding-bottom: 16px } .c-booking-options__col--ages::before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100vw; height: 100%; background: #F8F9F9; z-index: -1 } .c-booking-options__pharse { display: none } .c-booking-options__btn { display: none } .c-booking-options__delete { position: absolute; right: 0; top: 12px } .c-booking-options__delete-text { display: none } .u-display-none\@l-down { display: none !important } .u-display-block\@l-down { display: block !important } .u-display-inline-block\@l-down { display: inline-block !important } .u-pdt-none\@l-down { padding-top: 0 !important } .u-pdr-none\@l-down { padding-right: 0 !important } .u-pdb-none\@l-down { padding-bottom: 0 !important } .u-pdl-none\@l-down { padding-left: 0 !important } .u-pdv-none\@l-down { padding-top: 0 !important; padding-bottom: 0 !important } .u-pdh-none\@l-down { padding-left: 0 !important; padding-right: 0 !important } .u-pd-none\@l-down { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important } .u-pdt-xs\@l-down { padding-top: 8px !important } .u-pdr-xs\@l-down { padding-right: 8px !important } .u-pdb-xs\@l-down { padding-bottom: 8px !important } .u-pdl-xs\@l-down { padding-left: 8px !important } .u-pdv-xs\@l-down { padding-top: 8px !important; padding-bottom: 8px !important } .u-pdh-xs\@l-down { padding-left: 8px !important; padding-right: 8px !important } .u-pd-xs\@l-down { padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important } .u-pdt-s\@l-down { padding-top: 16px !important } .u-pdr-s\@l-down { padding-right: 16px !important } .u-pdb-s\@l-down { padding-bottom: 16px !important } .u-pdl-s\@l-down { padding-left: 16px !important } .u-pdv-s\@l-down { padding-top: 16px !important; padding-bottom: 16px !important } .u-pdh-s\@l-down { padding-left: 16px !important; padding-right: 16px !important } .u-pd-s\@l-down { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important } .u-pdt-m\@l-down { padding-top: 24px !important } .u-pdr-m\@l-down { padding-right: 24px !important } .u-pdb-m\@l-down { padding-bottom: 24px !important } .u-pdl-m\@l-down { padding-left: 24px !important } .u-pdv-m\@l-down { padding-top: 24px !important; padding-bottom: 24px !important } .u-pdh-m\@l-down { padding-left: 24px !important; padding-right: 24px !important } .u-pd-m\@l-down { padding-top: 24px !important; padding-right: 24px !important; padding-bottom: 24px !important; padding-left: 24px !important } .u-pdt-l\@l-down { padding-top: 32px !important } .u-pdr-l\@l-down { padding-right: 32px !important } .u-pdb-l\@l-down { padding-bottom: 32px !important } .u-pdl-l\@l-down { padding-left: 32px !important } .u-pdv-l\@l-down { padding-top: 32px !important; padding-bottom: 32px !important } .u-pdh-l\@l-down { padding-left: 32px !important; padding-right: 32px !important } .u-pd-l\@l-down { padding-top: 32px !important; padding-right: 32px !important; padding-bottom: 32px !important; padding-left: 32px !important } .u-pdt-xl\@l-down { padding-top: 48px !important } .u-pdr-xl\@l-down { padding-right: 48px !important } .u-pdb-xl\@l-down { padding-bottom: 48px !important } .u-pdl-xl\@l-down { padding-left: 48px !important } .u-pdv-xl\@l-down { padding-top: 48px !important; padding-bottom: 48px !important } .u-pdh-xl\@l-down { padding-left: 48px !important; padding-right: 48px !important } .u-pd-xl\@l-down { padding-top: 48px !important; padding-right: 48px !important; padding-bottom: 48px !important; padding-left: 48px !important } .u-pdt-xxl\@l-down { padding-top: 64px !important } .u-pdr-xxl\@l-down { padding-right: 64px !important } .u-pdb-xxl\@l-down { padding-bottom: 64px !important } .u-pdl-xxl\@l-down { padding-left: 64px !important } .u-pdv-xxl\@l-down { padding-top: 64px !important; padding-bottom: 64px !important } .u-pdh-xxl\@l-down { padding-left: 64px !important; padding-right: 64px !important } .u-pd-xxl\@l-down { padding-top: 64px !important; padding-right: 64px !important; padding-bottom: 64px !important; padding-left: 64px !important } .u-pdt-xxxl\@l-down { padding-top: 80px !important } .u-pdr-xxxl\@l-down { padding-right: 80px !important } .u-pdb-xxxl\@l-down { padding-bottom: 80px !important } .u-pdl-xxxl\@l-down { padding-left: 80px !important } .u-pdv-xxxl\@l-down { padding-top: 80px !important; padding-bottom: 80px !important } .u-pdh-xxxl\@l-down { padding-left: 80px !important; padding-right: 80px !important } .u-pd-xxxl\@l-down { padding-top: 80px !important; padding-right: 80px !important; padding-bottom: 80px !important; padding-left: 80px !important } .u-pdt-h\@l-down { padding-top: 96px !important } .u-pdr-h\@l-down { padding-right: 96px !important } .u-pdb-h\@l-down { padding-bottom: 96px !important } .u-pdl-h\@l-down { padding-left: 96px !important } .u-pdv-h\@l-down { padding-top: 96px !important; padding-bottom: 96px !important } .u-pdh-h\@l-down { padding-left: 96px !important; padding-right: 96px !important } .u-pd-h\@l-down { padding-top: 96px !important; padding-right: 96px !important; padding-bottom: 96px !important; padding-left: 96px !important } } @media screen and (max-width: 87.4375em) { .c-header--alt .c-header__alt-logo { max-width: 160px } } @media screen and (max-width: 93.6875em) { .c-info-box__box:not(.c-info-box__box--btn) { border-bottom: 1px solid #5D4A3C; padding: 16px 8px 8px 8px } .c-info-box__box--btn { margin-top: 24px } .u-display-none\@xl-down { display: none !important } .u-display-block\@xl-down { display: block !important } .u-display-inline-block\@xl-down { display: inline-block !important } .u-pdt-none\@xl-down { padding-top: 0 !important } .u-pdr-none\@xl-down { padding-right: 0 !important } .u-pdb-none\@xl-down { padding-bottom: 0 !important } .u-pdl-none\@xl-down { padding-left: 0 !important } .u-pdv-none\@xl-down { padding-top: 0 !important; padding-bottom: 0 !important } .u-pdh-none\@xl-down { padding-left: 0 !important; padding-right: 0 !important } .u-pd-none\@xl-down { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important } .u-pdt-xs\@xl-down { padding-top: 8px !important } .u-pdr-xs\@xl-down { padding-right: 8px !important } .u-pdb-xs\@xl-down { padding-bottom: 8px !important } .u-pdl-xs\@xl-down { padding-left: 8px !important } .u-pdv-xs\@xl-down { padding-top: 8px !important; padding-bottom: 8px !important } .u-pdh-xs\@xl-down { padding-left: 8px !important; padding-right: 8px !important } .u-pd-xs\@xl-down { padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important } .u-pdt-s\@xl-down { padding-top: 16px !important } .u-pdr-s\@xl-down { padding-right: 16px !important } .u-pdb-s\@xl-down { padding-bottom: 16px !important } .u-pdl-s\@xl-down { padding-left: 16px !important } .u-pdv-s\@xl-down { padding-top: 16px !important; padding-bottom: 16px !important } .u-pdh-s\@xl-down { padding-left: 16px !important; padding-right: 16px !important } .u-pd-s\@xl-down { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important } .u-pdt-m\@xl-down { padding-top: 24px !important } .u-pdr-m\@xl-down { padding-right: 24px !important } .u-pdb-m\@xl-down { padding-bottom: 24px !important } .u-pdl-m\@xl-down { padding-left: 24px !important } .u-pdv-m\@xl-down { padding-top: 24px !important; padding-bottom: 24px !important } .u-pdh-m\@xl-down { padding-left: 24px !important; padding-right: 24px !important } .u-pd-m\@xl-down { padding-top: 24px !important; padding-right: 24px !important; padding-bottom: 24px !important; padding-left: 24px !important } .u-pdt-l\@xl-down { padding-top: 32px !important } .u-pdr-l\@xl-down { padding-right: 32px !important } .u-pdb-l\@xl-down { padding-bottom: 32px !important } .u-pdl-l\@xl-down { padding-left: 32px !important } .u-pdv-l\@xl-down { padding-top: 32px !important; padding-bottom: 32px !important } .u-pdh-l\@xl-down { padding-left: 32px !important; padding-right: 32px !important } .u-pd-l\@xl-down { padding-top: 32px !important; padding-right: 32px !important; padding-bottom: 32px !important; padding-left: 32px !important } .u-pdt-xl\@xl-down { padding-top: 48px !important } .u-pdr-xl\@xl-down { padding-right: 48px !important } .u-pdb-xl\@xl-down { padding-bottom: 48px !important } .u-pdl-xl\@xl-down { padding-left: 48px !important } .u-pdv-xl\@xl-down { padding-top: 48px !important; padding-bottom: 48px !important } .u-pdh-xl\@xl-down { padding-left: 48px !important; padding-right: 48px !important } .u-pd-xl\@xl-down { padding-top: 48px !important; padding-right: 48px !important; padding-bottom: 48px !important; padding-left: 48px !important } .u-pdt-xxl\@xl-down { padding-top: 64px !important } .u-pdr-xxl\@xl-down { padding-right: 64px !important } .u-pdb-xxl\@xl-down { padding-bottom: 64px !important } .u-pdl-xxl\@xl-down { padding-left: 64px !important } .u-pdv-xxl\@xl-down { padding-top: 64px !important; padding-bottom: 64px !important } .u-pdh-xxl\@xl-down { padding-left: 64px !important; padding-right: 64px !important } .u-pd-xxl\@xl-down { padding-top: 64px !important; padding-right: 64px !important; padding-bottom: 64px !important; padding-left: 64px !important } .u-pdt-xxxl\@xl-down { padding-top: 80px !important } .u-pdr-xxxl\@xl-down { padding-right: 80px !important } .u-pdb-xxxl\@xl-down { padding-bottom: 80px !important } .u-pdl-xxxl\@xl-down { padding-left: 80px !important } .u-pdv-xxxl\@xl-down { padding-top: 80px !important; padding-bottom: 80px !important } .u-pdh-xxxl\@xl-down { padding-left: 80px !important; padding-right: 80px !important } .u-pd-xxxl\@xl-down { padding-top: 80px !important; padding-right: 80px !important; padding-bottom: 80px !important; padding-left: 80px !important } .u-pdt-h\@xl-down { padding-top: 96px !important } .u-pdr-h\@xl-down { padding-right: 96px !important } .u-pdb-h\@xl-down { padding-bottom: 96px !important } .u-pdl-h\@xl-down { padding-left: 96px !important } .u-pdv-h\@xl-down { padding-top: 96px !important; padding-bottom: 96px !important } .u-pdh-h\@xl-down { padding-left: 96px !important; padding-right: 96px !important } .u-pd-h\@xl-down { padding-top: 96px !important; padding-right: 96px !important; padding-bottom: 96px !important; padding-left: 96px !important } } @media screen and (max-width: 37.4375em) { .u-display-none\@s-down { display: none !important } .u-display-block\@s-down { display: block !important } .u-display-inline-block\@s-down { display: inline-block !important } .u-pdt-none\@s-down { padding-top: 0 !important } .u-pdr-none\@s-down { padding-right: 0 !important } .u-pdb-none\@s-down { padding-bottom: 0 !important } .u-pdl-none\@s-down { padding-left: 0 !important } .u-pdv-none\@s-down { padding-top: 0 !important; padding-bottom: 0 !important } .u-pdh-none\@s-down { padding-left: 0 !important; padding-right: 0 !important } .u-pd-none\@s-down { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important } .u-pdt-xs\@s-down { padding-top: 8px !important } .u-pdr-xs\@s-down { padding-right: 8px !important } .u-pdb-xs\@s-down { padding-bottom: 8px !important } .u-pdl-xs\@s-down { padding-left: 8px !important } .u-pdv-xs\@s-down { padding-top: 8px !important; padding-bottom: 8px !important } .u-pdh-xs\@s-down { padding-left: 8px !important; padding-right: 8px !important } .u-pd-xs\@s-down { padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important } .u-pdt-s\@s-down { padding-top: 16px !important } .u-pdr-s\@s-down { padding-right: 16px !important } .u-pdb-s\@s-down { padding-bottom: 16px !important } .u-pdl-s\@s-down { padding-left: 16px !important } .u-pdv-s\@s-down { padding-top: 16px !important; padding-bottom: 16px !important } .u-pdh-s\@s-down { padding-left: 16px !important; padding-right: 16px !important } .u-pd-s\@s-down { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important } .u-pdt-m\@s-down { padding-top: 24px !important } .u-pdr-m\@s-down { padding-right: 24px !important } .u-pdb-m\@s-down { padding-bottom: 24px !important } .u-pdl-m\@s-down { padding-left: 24px !important } .u-pdv-m\@s-down { padding-top: 24px !important; padding-bottom: 24px !important } .u-pdh-m\@s-down { padding-left: 24px !important; padding-right: 24px !important } .u-pd-m\@s-down { padding-top: 24px !important; padding-right: 24px !important; padding-bottom: 24px !important; padding-left: 24px !important } .u-pdt-l\@s-down { padding-top: 32px !important } .u-pdr-l\@s-down { padding-right: 32px !important } .u-pdb-l\@s-down { padding-bottom: 32px !important } .u-pdl-l\@s-down { padding-left: 32px !important } .u-pdv-l\@s-down { padding-top: 32px !important; padding-bottom: 32px !important } .u-pdh-l\@s-down { padding-left: 32px !important; padding-right: 32px !important } .u-pd-l\@s-down { padding-top: 32px !important; padding-right: 32px !important; padding-bottom: 32px !important; padding-left: 32px !important } .u-pdt-xl\@s-down { padding-top: 48px !important } .u-pdr-xl\@s-down { padding-right: 48px !important } .u-pdb-xl\@s-down { padding-bottom: 48px !important } .u-pdl-xl\@s-down { padding-left: 48px !important } .u-pdv-xl\@s-down { padding-top: 48px !important; padding-bottom: 48px !important } .u-pdh-xl\@s-down { padding-left: 48px !important; padding-right: 48px !important } .u-pd-xl\@s-down { padding-top: 48px !important; padding-right: 48px !important; padding-bottom: 48px !important; padding-left: 48px !important } .u-pdt-xxl\@s-down { padding-top: 64px !important } .u-pdr-xxl\@s-down { padding-right: 64px !important } .u-pdb-xxl\@s-down { padding-bottom: 64px !important } .u-pdl-xxl\@s-down { padding-left: 64px !important } .u-pdv-xxl\@s-down { padding-top: 64px !important; padding-bottom: 64px !important } .u-pdh-xxl\@s-down { padding-left: 64px !important; padding-right: 64px !important } .u-pd-xxl\@s-down { padding-top: 64px !important; padding-right: 64px !important; padding-bottom: 64px !important; padding-left: 64px !important } .u-pdt-xxxl\@s-down { padding-top: 80px !important } .u-pdr-xxxl\@s-down { padding-right: 80px !important } .u-pdb-xxxl\@s-down { padding-bottom: 80px !important } .u-pdl-xxxl\@s-down { padding-left: 80px !important } .u-pdv-xxxl\@s-down { padding-top: 80px !important; padding-bottom: 80px !important } .u-pdh-xxxl\@s-down { padding-left: 80px !important; padding-right: 80px !important } .u-pd-xxxl\@s-down { padding-top: 80px !important; padding-right: 80px !important; padding-bottom: 80px !important; padding-left: 80px !important } .u-pdt-h\@s-down { padding-top: 96px !important } .u-pdr-h\@s-down { padding-right: 96px !important } .u-pdb-h\@s-down { padding-bottom: 96px !important } .u-pdl-h\@s-down { padding-left: 96px !important } .u-pdv-h\@s-down { padding-top: 96px !important; padding-bottom: 96px !important } .u-pdh-h\@s-down { padding-left: 96px !important; padding-right: 96px !important } .u-pd-h\@s-down { padding-top: 96px !important; padding-right: 96px !important; padding-bottom: 96px !important; padding-left: 96px !important } } @media screen and (max-width: 112.4375em) { .u-display-none\@xxl-down { display: none !important } .u-display-block\@xxl-down { display: block !important } .u-display-inline-block\@xxl-down { display: inline-block !important } .u-pdt-none\@xxl-down { padding-top: 0 !important } .u-pdr-none\@xxl-down { padding-right: 0 !important } .u-pdb-none\@xxl-down { padding-bottom: 0 !important } .u-pdl-none\@xxl-down { padding-left: 0 !important } .u-pdv-none\@xxl-down { padding-top: 0 !important; padding-bottom: 0 !important } .u-pdh-none\@xxl-down { padding-left: 0 !important; padding-right: 0 !important } .u-pd-none\@xxl-down { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important } .u-pdt-xs\@xxl-down { padding-top: 8px !important } .u-pdr-xs\@xxl-down { padding-right: 8px !important } .u-pdb-xs\@xxl-down { padding-bottom: 8px !important } .u-pdl-xs\@xxl-down { padding-left: 8px !important } .u-pdv-xs\@xxl-down { padding-top: 8px !important; padding-bottom: 8px !important } .u-pdh-xs\@xxl-down { padding-left: 8px !important; padding-right: 8px !important } .u-pd-xs\@xxl-down { padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important } .u-pdt-s\@xxl-down { padding-top: 16px !important } .u-pdr-s\@xxl-down { padding-right: 16px !important } .u-pdb-s\@xxl-down { padding-bottom: 16px !important } .u-pdl-s\@xxl-down { padding-left: 16px !important } .u-pdv-s\@xxl-down { padding-top: 16px !important; padding-bottom: 16px !important } .u-pdh-s\@xxl-down { padding-left: 16px !important; padding-right: 16px !important } .u-pd-s\@xxl-down { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important } .u-pdt-m\@xxl-down { padding-top: 24px !important } .u-pdr-m\@xxl-down { padding-right: 24px !important } .u-pdb-m\@xxl-down { padding-bottom: 24px !important } .u-pdl-m\@xxl-down { padding-left: 24px !important } .u-pdv-m\@xxl-down { padding-top: 24px !important; padding-bottom: 24px !important } .u-pdh-m\@xxl-down { padding-left: 24px !important; padding-right: 24px !important } .u-pd-m\@xxl-down { padding-top: 24px !important; padding-right: 24px !important; padding-bottom: 24px !important; padding-left: 24px !important } .u-pdt-l\@xxl-down { padding-top: 32px !important } .u-pdr-l\@xxl-down { padding-right: 32px !important } .u-pdb-l\@xxl-down { padding-bottom: 32px !important } .u-pdl-l\@xxl-down { padding-left: 32px !important } .u-pdv-l\@xxl-down { padding-top: 32px !important; padding-bottom: 32px !important } .u-pdh-l\@xxl-down { padding-left: 32px !important; padding-right: 32px !important } .u-pd-l\@xxl-down { padding-top: 32px !important; padding-right: 32px !important; padding-bottom: 32px !important; padding-left: 32px !important } .u-pdt-xl\@xxl-down { padding-top: 48px !important } .u-pdr-xl\@xxl-down { padding-right: 48px !important } .u-pdb-xl\@xxl-down { padding-bottom: 48px !important } .u-pdl-xl\@xxl-down { padding-left: 48px !important } .u-pdv-xl\@xxl-down { padding-top: 48px !important; padding-bottom: 48px !important } .u-pdh-xl\@xxl-down { padding-left: 48px !important; padding-right: 48px !important } .u-pd-xl\@xxl-down { padding-top: 48px !important; padding-right: 48px !important; padding-bottom: 48px !important; padding-left: 48px !important } .u-pdt-xxl\@xxl-down { padding-top: 64px !important } .u-pdr-xxl\@xxl-down { padding-right: 64px !important } .u-pdb-xxl\@xxl-down { padding-bottom: 64px !important } .u-pdl-xxl\@xxl-down { padding-left: 64px !important } .u-pdv-xxl\@xxl-down { padding-top: 64px !important; padding-bottom: 64px !important } .u-pdh-xxl\@xxl-down { padding-left: 64px !important; padding-right: 64px !important } .u-pd-xxl\@xxl-down { padding-top: 64px !important; padding-right: 64px !important; padding-bottom: 64px !important; padding-left: 64px !important } .u-pdt-xxxl\@xxl-down { padding-top: 80px !important } .u-pdr-xxxl\@xxl-down { padding-right: 80px !important } .u-pdb-xxxl\@xxl-down { padding-bottom: 80px !important } .u-pdl-xxxl\@xxl-down { padding-left: 80px !important } .u-pdv-xxxl\@xxl-down { padding-top: 80px !important; padding-bottom: 80px !important } .u-pdh-xxxl\@xxl-down { padding-left: 80px !important; padding-right: 80px !important } .u-pd-xxxl\@xxl-down { padding-top: 80px !important; padding-right: 80px !important; padding-bottom: 80px !important; padding-left: 80px !important } .u-pdt-h\@xxl-down { padding-top: 96px !important } .u-pdr-h\@xxl-down { padding-right: 96px !important } .u-pdb-h\@xxl-down { padding-bottom: 96px !important } .u-pdl-h\@xxl-down { padding-left: 96px !important } .u-pdv-h\@xxl-down { padding-top: 96px !important; padding-bottom: 96px !important } .u-pdh-h\@xxl-down { padding-left: 96px !important; padding-right: 96px !important } .u-pd-h\@xxl-down { padding-top: 96px !important; padding-right: 96px !important; padding-bottom: 96px !important; padding-left: 96px !important } } .has-prewrap { white-space: pre-wrap } .c-slider__element video { width: 100%; height: 100vh; object-fit: cover; } .c-page__gallery .c-diamond-nav__item+.c-diamond-nav__item{ margin-left: 50px; } .c-page__gloria .c-diamond-nav__item+.c-diamond-nav__item{ margin-left: 25px; } .c-page__wellness--carta.c-info-box__box--btn{ text-align:center; margin-top: 0; } .c-page__restaurant{ padding-bottom: 500px; } .c-page__restaurant--grid{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; margin-top: 70px; } .c-page__restaurant--grid-item{ position:relative; } .c-page__restaurant--grid-content{ position: absolute; top: 0; color: white; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .c-page__restaurant--grid-title{ text-align: center; font-size: 28px; font-weight: bold; } .c-page__restaurant .c-card__btn:hover{ color: #FFFFFF; border-color: #FFFFFF; } .c-page__restaurant .c-page__restaurant--section{ position: relative; display: flex; margin: 20px auto; height: 100vh; } .c-page__restaurant .c-page__restaurant--section img{ width: 100%; } .c-page__restaurant .c-page__restaurant--section-content{ position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .c-page__restaurant .c-page__restaurant--grid-slider{ width: 500px; height: 340px; overflow: hidden; } .c-page__restaurant .c-page__restaurant--section.center .c-page__restaurant--section-content{ width: 100%; } .c-page__restaurant .c-page__restaurant--section-wrapper{ width: 500px; background-color: rgba(255, 255,255, 0.8); padding: 40px; } .c-page__restaurant .c-page__restaurant--section-wrapper .c-page__restaurant--section-title{ text-align: center; font-size: 28px; font-weight: bold; } .c-page__restaurant .o-grid-booking__bg{ height: 12vh; } .c-page__restaurant .c-info-box { width: 48%; } .c-separator{ position: relative; padding-bottom: 12px; margin-bottom: 12px; } .c-separator::before { transform: translateX(-50%) perspective(1px); border-top: 1px solid #fff; bottom: 0; width: 92px; height: 1px; top: 1px; content: ""; display: block; position: absolute; left: 50%; } .c-separator::after { content: ""; display: block; position: absolute; left: 50%; background-color: #99CCC2; transform: translateX(-50%) perspective(1px) rotate( 45deg ); border: 1px solid #fff; top: -3px; bottom: -5px; width: 10px; height: 10px; } .c-page__events .c-diamond__icon{ max-width: initial; } .c-page__events .c-diamond__icon--big{ font-size: 18px; display: flex; } .c-page__events .c-diamond__icon--big svg{ padding-left: 4px; } .c-contact .c-header-section{ margin-bottom: 0; } .c-contact .c-booking{ top: 275px; } @media only screen and (max-width:768px){ .c-contact .c-booking { top: 0; } } .c-restaurant__logo{ position: absolute; width: 200px; height: auto; z-index: 999999; top: 160px; left: 1%; } .c-home__topbar{ background-color: #99CCC2; position: relative; } .c-home__topbar::before, .c-home__topbar::after { content: ""; position: absolute; top: 0; height: 100%; width: 16%; z-index: 1; max-width: 440px } .c-home__topbar::before{ background: url("../themes/hotelgloria/assets/img/svg-offer-bg-left.svg") right top; left: 0; } .c-home__topbar::after{ background: url("../themes/hotelgloria/assets/img/svg-offer-bg-right.svg"); right: 0; } .c-home__topbar .swiper-wrapper{ justify-content: center; align-items: center; color: white; } .c-home__topbar .c-home__topbar--item.swiper-slide{ flex-shrink: 0; width: initial; display: flex; justify-content: center; align-items: center; margin-right: 2%; padding-right: 2%; } .c-home__topbar--item:not(:last-child) { border-right: 1px solid; } .c-home__topbar--item img{ width: 50px; margin-right: 10px; } .c-home__topbar--item-text-mini{ font-size: 16px; } .c-page__restaurant .c-page__restaurant--section { height: auto !important; } @media only screen and (max-width: 1440px){ .c-page__restaurant .c-info-box { top: -73vh; } } @media only screen and (max-width: 1280px){ .c-page__restaurant .c-info-box { top: -82vh; } .c-page__restaurant .c-page__restaurant--section-content{ display: flex; flex-direction: column; } } @media only screen and (max-width: 1024px){ .c-page__restaurant .c-page__restaurant--grid-slider { width: 60%; margin: 0 5%; } .c-page__restaurant .c-page__restaurant--section { height: auto; } .c-page__restaurant{ padding-bottom: 0; } .c-page__restaurant .c-info-box { position: initial; } .c-page__restaurant .o-grid-booking__bg{ height: auto; } .c-page__restaurant .c-info-box { width: 100%; } .c-page__restaurant--grid{ display: initial; } .c-page__restaurant .c-page__restaurant--section{ flex-direction: column; } .c-page__restaurant .c-page__restaurant--section-content{ position: initial; width: 100%; } .c-page__restaurant .c-page__restaurant--section.center .c-page__restaurant--section-content { flex-direction: row; } } .c-page__restaurant--menus{ } .c-page__restaurant--menus .c-info-box{ top: -155px; } .c-page__restaurant--menus .c-info-box__items { margin-top:0; } .c-page__restaurant--menus .c-info-box__item{ padding-top: 0px; } @media only screen and (max-width: 768px){ .c-page__restaurant .c-page__restaurant--section.center .c-page__restaurant--section-content { flex-direction: column; } .c-page__restaurant .c-page__restaurant--grid-slider { width: 100%; margin: 0; } .c-home__topbar .swiper-wrapper{ background: initial; background-color: initial; justify-content: initial; align-items: initial; } .c-home__topbar{ color: #ffffff; padding: 8px 0; display: flex; font-size: 20px; line-height: 20px; display: flex; justify-content: center; } .c-home__topbar--item.swiper-slide{ display: flex; align-items: center; margin-right: 0 !important; padding-right:0 !important; border-right: 0 !important; justify-content: center; flex-shrink: initial; } } #bienvenida { padding: 10px; border: solid 15px transparent; padding: 0 15px; text-align: center; padding: 10px 10px; } #bienvenida h1 { font-size: 29px; font-family: "Karma",serif; text-align: center; line-height: 1.2; color: #5D4A3C; margin-bottom: 15px; } #bienvenida .img-nudo {width: 138px;} #bienvenida .home-nudo {padding: 40px 0;} .header-bienvenida {top:0px;} .body-bienvenida {padding-top: 70px!important;} .footer-bienvenida {text-align: center!important;} .footer-bienvenida .c-footer__social {justify-content: center; text-align: center;} .body-bienvenida-inicio {background:#5D4A3C; text-align: center;} .body-bienvenida-inicio .c-btn {min-width: 80px; background-color: #FFF; color:#5D4A3C} .logo-digitalguest {margin-left: 34%; width: 40%;} #bienvenida li {list-style: none; font-size: 13px; text-align: left; text-transform: uppercase;} #bienvenida .o-wrapper {padding: 0;} #bienvenida .s-cms {padding-top: 0;} #bienvenida .s-cms.space {padding-top: 15px;} #bienvenida .s-cms.separator .masajes {border-bottom: 1px solid #1A2A4A; display: block; overflow: hidden; margin-top: 10px; padding-bottom: 10px;} #bienvenida .s-cms.separator .masajes p {line-height: 1.3em;} #bienvenida .s-cms.separator .masajes .masaje {width: 60%; float: left; text-align: left;} #bienvenida .s-cms.separator .masajes .preu {width: 40%; float: right; text-align: right; font-weight: bold;} #bienvenida h2.s-cms {padding-top: 15px;} #bienvenida .s-cms p {margin-bottom: 0;} #bienvenida .two-columns {text-align: initial; display: flex; padding: 25px 0; text-transform: uppercase;} #bienvenida .two-columns .u-1\/2 {margin-left: 10%;} #bienvenida .two-columns .c-title-section__text {font-size: 18px;} #bienvenida h4 {text-transform: uppercase;} .header-bienvenida .c-header__logo__nav { margin-bottom: 35px; margin-top: 10px; } .header-bienvenida .c-header__nav {padding-top: 40px;} #bienvenida .accordion { cursor: pointer; width: 100%; outline: none; transition: 0.4s; background-color: transparent; padding: 5px 0; } #bienvenida .active, .accordion:hover { background-color: #5D4A3C; color: #C1AE8C } #bienvenida .accordion:after { content: '\002B'; font-weight: bold; /* float: right; */ margin-left: 5px; } #bienvenida .active:after { content: "\2212"; } #bienvenida .panel { padding: 0px 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } #bienvenida .panel p {padding: 5px 0; text-transform:none!important;} #bienvenida .c-slider--photos .c-slider__media, #bienvenida .c-slider__element { min-height: 300px; } #bienvenida .c-header-section--padding { padding-top: 30px; margin-bottom: 5px; } #bienvenida .c-slider-photos__slider { border-top:0px!important; } #bienvenida .c-title-section__text { text-align:center!important; font-size: 24px; margin-bottom: 10px; } #bienvenida .c-title-section__detail { margin-top: 40px; position: relative; max-width: 80px; margin-bottom: 70px; } @media screen and (max-width: 74.9375em) { .header-bienvenida .c-header__list .c-header__link {text-align: center!important; font-size: 16px!important;} .c-header__logo__nav {margin-bottom: 15px;} }