/* normalize.css v8.0.1 */
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: bolder;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}
/* Slick slider */
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus {outline: none;}.slick-list.dragging {cursor: pointer;cursor: hand;}.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}.slick-track:before, .slick-track:after {display: table;content: '';}.slick-track:after {clear: both;}.slick-loading .slick-track {visibility: hidden;}.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}[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;}
/* Datepicker */
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {color: #dedede;}.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {color: #c5c5c5;}.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {color: #dedede;}.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {color: #fff;background: #a2ddf6;}.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {background: #8ad5f4;}.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {background-color: rgba(92, 196, 239, 0.1);color: #cccccc;}.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {background-color: rgba(92, 196, 239, 0.2);}.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {background: none;border: none;}.datepicker--cells {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}.datepicker--cell {border-radius: 4px;box-sizing: border-box;cursor: pointer;display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 32px;z-index: 1;}.datepicker--cell.-focus- {background: #f0f0f0;}.datepicker--cell.-current- {color: #4EB5E6;}.datepicker--cell.-current-.-focus- {color: #4a4a4a;}.datepicker--cell.-current-.-in-range- {color: #4EB5E6;}.datepicker--cell.-in-range- {background: rgba(92, 196, 239, 0.1);color: #4a4a4a;border-radius: 0;}.datepicker--cell.-in-range-.-focus- {background-color: rgba(92, 196, 239, 0.2);}.datepicker--cell.-disabled- {cursor: default;color: #aeaeae;}.datepicker--cell.-disabled-.-focus- {color: #aeaeae;}.datepicker--cell.-disabled-.-in-range- {color: #a1a1a1;}.datepicker--cell.-disabled-.-current-.-focus- {color: #aeaeae;}.datepicker--cell.-range-from- {border: 1px solid rgba(92, 196, 239, 0.5);background-color: rgba(92, 196, 239, 0.1);border-radius: 4px 0 0 4px;}.datepicker--cell.-range-to- {border: 1px solid rgba(92, 196, 239, 0.5);background-color: rgba(92, 196, 239, 0.1);border-radius: 0 4px 4px 0;}.datepicker--cell.-range-from-.-range-to- {border-radius: 4px;}.datepicker--cell.-selected- {color: #fff;border: none;background: #5cc4ef;}.datepicker--cell.-selected-.-current- {color: #fff;background: #5cc4ef;}.datepicker--cell.-selected-.-focus- {background: #45bced;}.datepicker--cell:empty {cursor: default;}.datepicker--days-names {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 8px 0 3px;}.datepicker--day-name {color: #FF9A19;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;text-transform: uppercase;font-size: .8em;}.datepicker--cell-day {width: 14.28571%;}.datepicker--cells-months {height: 170px;}.datepicker--cell-month {width: 33.33%;height: 25%;}.datepicker--years {height: 170px;}.datepicker--cells-years {height: 170px;}.datepicker--cell-year {width: 25%;height: 33.33%;}.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {color: #dedede;}.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {color: #c5c5c5;}.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {color: #dedede;}.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {color: #fff;background: #a2ddf6;}.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {background: #8ad5f4;}.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {background-color: rgba(92, 196, 239, 0.1);color: #cccccc;}.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {background-color: rgba(92, 196, 239, 0.2);}.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {background: none;border: none;}.datepickers-container {position: absolute;left: 0;top: 0;}@media print {.datepickers-container {display: none;}}.datepicker {background: #fff;border: 1px solid #dbdbdb;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);border-radius: 4px;box-sizing: content-box;font-family: Tahoma, sans-serif;font-size: 14px;color: #4a4a4a;width: 250px;position: absolute;left: -100000px;opacity: 0;transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;z-index: 10000;}.datepicker.-from-top- {-webkit-transform: translateY(-8px);transform: translateY(-8px);}.datepicker.-from-right- {-webkit-transform: translateX(8px);transform: translateX(8px);}.datepicker.-from-bottom- {-webkit-transform: translateY(8px);transform: translateY(8px);}.datepicker.-from-left- {-webkit-transform: translateX(-8px);transform: translateX(-8px);}.datepicker.active {opacity: 1;-webkit-transform: translate(0);transform: translate(0);transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;}.datepicker-inline .datepicker {border-color: #d7d7d7;box-shadow: none;position: static;left: auto;right: auto;opacity: 1;-webkit-transform: none;transform: none;}.datepicker-inline .datepicker--pointer {display: none;}.datepicker--content {box-sizing: content-box;padding: 4px;}.-only-timepicker- .datepicker--content {display: none;}.datepicker--pointer {position: absolute;background: #fff;border-top: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;width: 10px;height: 10px;z-index: -1;}.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {top: calc(100% - 4px);-webkit-transform: rotate(135deg);transform: rotate(135deg);}.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {right: calc(100% - 4px);-webkit-transform: rotate(225deg);transform: rotate(225deg);}.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {bottom: calc(100% - 4px);-webkit-transform: rotate(315deg);transform: rotate(315deg);}.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {left: calc(100% - 4px);-webkit-transform: rotate(45deg);transform: rotate(45deg);}.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {left: 10px;}.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {right: 10px;}.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {left: calc(50% - 10px / 2);}.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {top: 10px;}.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {bottom: 10px;}.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {top: calc(50% - 10px / 2);}.datepicker--body {display: none;}.datepicker--body.active {display: block;}.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {color: #dedede;}.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {color: #c5c5c5;}.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {color: #dedede;}.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {color: #fff;background: #a2ddf6;}.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {background: #8ad5f4;}.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {background-color: rgba(92, 196, 239, 0.1);color: #cccccc;}.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {background-color: rgba(92, 196, 239, 0.2);}.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {background: none;border: none;}.datepicker--nav {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;border-bottom: 1px solid #efefef;min-height: 32px;padding: 4px;}.-only-timepicker- .datepicker--nav {display: none;}.datepicker--nav-title, .datepicker--nav-action {display: -webkit-flex;display: -ms-flexbox;display: flex;cursor: pointer;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}.datepicker--nav-action {width: 32px;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.datepicker--nav-action:hover {background: #f0f0f0;}.datepicker--nav-action.-disabled- {visibility: hidden;}.datepicker--nav-action svg {width: 32px;height: 32px;}.datepicker--nav-action path {fill: none;stroke: #9c9c9c;stroke-width: 2px;}.datepicker--nav-title {border-radius: 4px;padding: 0 8px;}.datepicker--nav-title i {font-style: normal;color: #9c9c9c;margin-left: 5px;}.datepicker--nav-title:hover {background: #f0f0f0;}.datepicker--nav-title.-disabled- {cursor: default;background: none;}.datepicker--buttons {display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 4px;border-top: 1px solid #efefef;}.datepicker--button {color: #4EB5E6;cursor: pointer;border-radius: 4px;-webkit-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 32px;}.datepicker--button:hover {color: #4a4a4a;background: #f0f0f0;}.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {color: #dedede;}.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {color: #c5c5c5;}.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {color: #dedede;}.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {color: #fff;background: #a2ddf6;}.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {background: #8ad5f4;}.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {background-color: rgba(92, 196, 239, 0.1);color: #cccccc;}.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {background-color: rgba(92, 196, 239, 0.2);}.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {background: none;border: none;}.datepicker--time {border-top: 1px solid #efefef;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 4px;position: relative;}.datepicker--time.-am-pm- .datepicker--time-sliders {-webkit-flex: 0 1 138px;-ms-flex: 0 1 138px;flex: 0 1 138px;max-width: 138px;}.-only-timepicker- .datepicker--time {border-top: none;}.datepicker--time-sliders {-webkit-flex: 0 1 153px;-ms-flex: 0 1 153px;flex: 0 1 153px;margin-right: 10px;max-width: 153px;}.datepicker--time-label {display: none;font-size: 12px;}.datepicker--time-current {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-flex: 1;-ms-flex: 1;flex: 1;font-size: 14px;text-align: center;margin: 0 0 0 10px;}.datepicker--time-current-colon {margin: 0 2px 3px;line-height: 1;}.datepicker--time-current-hours, .datepicker--time-current-minutes {line-height: 1;font-size: 19px;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;position: relative;z-index: 1;}.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {content: '';background: #f0f0f0;border-radius: 4px;position: absolute;left: -2px;top: -3px;right: -2px;bottom: -2px;z-index: -1;opacity: 0;}.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {opacity: 1;}.datepicker--time-current-ampm {text-transform: uppercase;-webkit-align-self: flex-end;-ms-flex-item-align: end;align-self: flex-end;color: #9c9c9c;margin-left: 6px;font-size: 11px;margin-bottom: 1px;}.datepicker--time-row {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;font-size: 11px;height: 17px;background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;}.datepicker--time-row:first-child {margin-bottom: 4px;}.datepicker--time-row input[type='range'] {background: none;cursor: pointer;-webkit-flex: 1;-ms-flex: 1;flex: 1;height: 100%;padding: 0;margin: 0;-webkit-appearance: none;}.datepicker--time-row input[type='range']::-webkit-slider-thumb {-webkit-appearance: none;}.datepicker--time-row input[type='range']::-ms-tooltip {display: none;}.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {border-color: #b8b8b8;}.datepicker--time-row input[type='range']:hover::-moz-range-thumb {border-color: #b8b8b8;}.datepicker--time-row input[type='range']:hover::-ms-thumb {border-color: #b8b8b8;}.datepicker--time-row input[type='range']:focus {outline: none;}.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {background: #5cc4ef;border-color: #5cc4ef;}.datepicker--time-row input[type='range']:focus::-moz-range-thumb {background: #5cc4ef;border-color: #5cc4ef;}.datepicker--time-row input[type='range']:focus::-ms-thumb {background: #5cc4ef;border-color: #5cc4ef;}.datepicker--time-row input[type='range']::-webkit-slider-thumb {box-sizing: border-box;height: 12px;width: 12px;border-radius: 3px;border: 1px solid #dedede;background: #fff;cursor: pointer;transition: background .2s;}.datepicker--time-row input[type='range']::-moz-range-thumb {box-sizing: border-box;height: 12px;width: 12px;border-radius: 3px;border: 1px solid #dedede;background: #fff;cursor: pointer;transition: background .2s;}.datepicker--time-row input[type='range']::-ms-thumb {box-sizing: border-box;height: 12px;width: 12px;border-radius: 3px;border: 1px solid #dedede;background: #fff;cursor: pointer;transition: background .2s;}.datepicker--time-row input[type='range']::-webkit-slider-thumb {margin-top: -6px;}.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {border: none;height: 1px;cursor: pointer;color: transparent;background: transparent;}.datepicker--time-row input[type='range']::-moz-range-track {border: none;height: 1px;cursor: pointer;color: transparent;background: transparent;}.datepicker--time-row input[type='range']::-ms-track {border: none;height: 1px;cursor: pointer;color: transparent;background: transparent;}.datepicker--time-row input[type='range']::-ms-fill-lower {background: transparent;}.datepicker--time-row input[type='range']::-ms-fill-upper {background: transparent;}.datepicker--time-row span {padding: 0 12px;}.datepicker--time-icon {color: #9c9c9c;border: 1px solid;border-radius: 50%;font-size: 16px;position: relative;margin: 0 5px -1px 0;width: 1em;height: 1em;}.datepicker--time-icon:after, .datepicker--time-icon:before {content: '';background: currentColor;position: absolute;}.datepicker--time-icon:after {height: .4em;width: 1px;left: calc(50% - 1px);top: calc(50% + 1px);-webkit-transform: translateY(-100%);transform: translateY(-100%);}.datepicker--time-icon:before {width: .4em;height: 1px;top: calc(50% + 1px);left: calc(50% - 1px);}.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {color: #dedede;}.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {color: #c5c5c5;}.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {color: #dedede;}.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {color: #fff;background: #a2ddf6;}.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {background: #8ad5f4;}.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {background-color: rgba(92, 196, 239, 0.1);color: #cccccc;}.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {background-color: rgba(92, 196, 239, 0.2);}.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {background: none;border: none;}
/* GRID */
.container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}.row {display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}@media (min-width: 576px) {.container {max-width: 540px;}}@media (min-width: 768px) {.container {max-width: 720px;}}@media (min-width: 992px) {.container {max-width: 960px;}}@media (min-width: 1200px) {.container {max-width: 1170px;}}@media (min-width: 1440px) {.container {max-width: 1270px;}}@media (min-width: 1800px) {.container {max-width: 1720px;}.about-page .main .container.title-page, .chef-page .main .container.title-page, .menu-page .main .container.title-page {max-width: 1720px;}.contacts-page .main .container {max-width: 1720px !important;}}.container-fluid {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}.row {display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}.col {flex-basis: 0;flex-grow: 1;max-width: 100%;}.col-auto {flex: 0 0 auto;width: auto;max-width: 100%;}.col-1 {flex: 0 0 8.333333%;max-width: 8.333333%;}.col-2 {flex: 0 0 16.666667%;max-width: 16.666667%;}.col-3 {flex: 0 0 25%;max-width: 25%;}.col-4 {flex: 0 0 33.333333%;max-width: 33.333333%;}.col-5 {flex: 0 0 41.666667%;max-width: 41.666667%;}.col-6 {flex: 0 0 50%;max-width: 50%;}.col-7 {flex: 0 0 58.333333%;max-width: 58.333333%;}.col-8 {flex: 0 0 66.666667%;max-width: 66.666667%;}.col-9 {flex: 0 0 75%;max-width: 75%;}.col-10 {flex: 0 0 83.333333%;max-width: 83.333333%;}.col-11 {flex: 0 0 91.666667%;max-width: 91.666667%;}.col-12 {flex: 0 0 100%;max-width: 100%;}.order-first {order: -1;}.order-last {order: 13;}.order-0 {order: 0;}.order-1 {order: 1;}.order-2 {order: 2;}.order-3 {order: 3;}.order-4 {order: 4;}.order-5 {order: 5;}.order-6 {order: 6;}.order-7 {order: 7;}.order-8 {order: 8;}.order-9 {order: 9;}.order-10 {order: 10;}.order-11 {order: 11;}.order-12 {order: 12;}.offset-1 {margin-left: 8.333333%;}.offset-2 {margin-left: 16.666667%;}.offset-3 {margin-left: 25%;}.offset-4 {margin-left: 33.333333%;}.offset-5 {margin-left: 41.666667%;}.offset-6 {margin-left: 50%;}.offset-7 {margin-left: 58.333333%;}.offset-8 {margin-left: 66.666667%;}.offset-9 {margin-left: 75%;}.offset-10 {margin-left: 83.333333%;}.offset-11 {margin-left: 91.666667%;}@media (min-width: 576px) {.col-sm {flex-basis: 0;flex-grow: 1;max-width: 100%;}.col-sm-auto {flex: 0 0 auto;width: auto;max-width: 100%;}.col-sm-1 {flex: 0 0 8.333333%;max-width: 8.333333%;}.col-sm-2 {flex: 0 0 16.666667%;max-width: 16.666667%;}.col-sm-3 {flex: 0 0 25%;max-width: 25%;}.col-sm-4 {flex: 0 0 33.333333%;max-width: 33.333333%;}.col-sm-5 {flex: 0 0 41.666667%;max-width: 41.666667%;}.col-sm-6 {flex: 0 0 50%;max-width: 50%;}.col-sm-7 {flex: 0 0 58.333333%;max-width: 58.333333%;}.col-sm-8 {flex: 0 0 66.666667%;max-width: 66.666667%;}.col-sm-9 {flex: 0 0 75%;max-width: 75%;}.col-sm-10 {flex: 0 0 83.333333%;max-width: 83.333333%;}.col-sm-11 {flex: 0 0 91.666667%;max-width: 91.666667%;}.col-sm-12 {flex: 0 0 100%;max-width: 100%;}.order-sm-first {order: -1;}.order-sm-last {order: 13;}.order-sm-0 {order: 0;}.order-sm-1 {order: 1;}.order-sm-2 {order: 2;}.order-sm-3 {order: 3;}.order-sm-4 {order: 4;}.order-sm-5 {order: 5;}.order-sm-6 {order: 6;}.order-sm-7 {order: 7;}.order-sm-8 {order: 8;}.order-sm-9 {order: 9;}.order-sm-10 {order: 10;}.order-sm-11 {order: 11;}.order-sm-12 {order: 12;}.offset-sm-0 {margin-left: 0;}.offset-sm-1 {margin-left: 8.333333%;}.offset-sm-2 {margin-left: 16.666667%;}.offset-sm-3 {margin-left: 25%;}.offset-sm-4 {margin-left: 33.333333%;}.offset-sm-5 {margin-left: 41.666667%;}.offset-sm-6 {margin-left: 50%;}.offset-sm-7 {margin-left: 58.333333%;}.offset-sm-8 {margin-left: 66.666667%;}.offset-sm-9 {margin-left: 75%;}.offset-sm-10 {margin-left: 83.333333%;}.offset-sm-11 {margin-left: 91.666667%;}}@media (min-width: 768px) {.col-md {flex-basis: 0;flex-grow: 1;max-width: 100%;}.col-md-auto {flex: 0 0 auto;width: auto;max-width: 100%;}.col-md-1 {flex: 0 0 8.333333%;max-width: 8.333333%;}.col-md-2 {flex: 0 0 16.666667%;max-width: 16.666667%;}.col-md-3 {flex: 0 0 25%;max-width: 25%;}.col-md-4 {flex: 0 0 33.333333%;max-width: 33.333333%;}.col-md-5 {flex: 0 0 41.666667%;max-width: 41.666667%;}.col-md-6 {flex: 0 0 50%;max-width: 50%;}.col-md-7 {flex: 0 0 58.333333%;max-width: 58.333333%;}.col-md-8 {flex: 0 0 66.666667%;max-width: 66.666667%;}.col-md-9 {flex: 0 0 75%;max-width: 75%;}.col-md-10 {flex: 0 0 83.333333%;max-width: 83.333333%;}.col-md-11 {flex: 0 0 91.666667%;max-width: 91.666667%;}.col-md-12 {flex: 0 0 100%;max-width: 100%;}.order-md-first {order: -1;}.order-md-last {order: 13;}.order-md-0 {order: 0;}.order-md-1 {order: 1;}.order-md-2 {order: 2;}.order-md-3 {order: 3;}.order-md-4 {order: 4;}.order-md-5 {order: 5;}.order-md-6 {order: 6;}.order-md-7 {order: 7;}.order-md-8 {order: 8;}.order-md-9 {order: 9;}.order-md-10 {order: 10;}.order-md-11 {order: 11;}.order-md-12 {order: 12;}.offset-md-0 {margin-left: 0;}.offset-md-1 {margin-left: 8.333333%;}.offset-md-2 {margin-left: 16.666667%;}.offset-md-3 {margin-left: 25%;}.offset-md-4 {margin-left: 33.333333%;}.offset-md-5 {margin-left: 41.666667%;}.offset-md-6 {margin-left: 50%;}.offset-md-7 {margin-left: 58.333333%;}.offset-md-8 {margin-left: 66.666667%;}.offset-md-9 {margin-left: 75%;}.offset-md-10 {margin-left: 83.333333%;}.offset-md-11 {margin-left: 91.666667%;}}@media (min-width: 992px) {.col-lg {flex-basis: 0;flex-grow: 1;max-width: 100%;}.col-lg-auto {flex: 0 0 auto;width: auto;max-width: 100%;}.col-lg-1 {flex: 0 0 8.333333%;max-width: 8.333333%;}.col-lg-2 {flex: 0 0 16.666667%;max-width: 16.666667%;}.col-lg-3 {flex: 0 0 25%;max-width: 25%;}.col-lg-4 {flex: 0 0 33.333333%;max-width: 33.333333%;}.col-lg-5 {flex: 0 0 41.666667%;max-width: 41.666667%;}.col-lg-6 {flex: 0 0 50%;max-width: 50%;}.col-lg-7 {flex: 0 0 58.333333%;max-width: 58.333333%;}.col-lg-8 {flex: 0 0 66.666667%;max-width: 66.666667%;}.col-lg-9 {flex: 0 0 75%;max-width: 75%;}.col-lg-10 {flex: 0 0 83.333333%;max-width: 83.333333%;}.col-lg-11 {flex: 0 0 91.666667%;max-width: 91.666667%;}.col-lg-12 {flex: 0 0 100%;max-width: 100%;}.order-lg-first {order: -1;}.order-lg-last {order: 13;}.order-lg-0 {order: 0;}.order-lg-1 {order: 1;}.order-lg-2 {order: 2;}.order-lg-3 {order: 3;}.order-lg-4 {order: 4;}.order-lg-5 {order: 5;}.order-lg-6 {order: 6;}.order-lg-7 {order: 7;}.order-lg-8 {order: 8;}.order-lg-9 {order: 9;}.order-lg-10 {order: 10;}.order-lg-11 {order: 11;}.order-lg-12 {order: 12;}.offset-lg-0 {margin-left: 0;}.offset-lg-1 {margin-left: 8.333333%;}.offset-lg-2 {margin-left: 16.666667%;}.offset-lg-3 {margin-left: 25%;}.offset-lg-4 {margin-left: 33.333333%;}.offset-lg-5 {margin-left: 41.666667%;}.offset-lg-6 {margin-left: 50%;}.offset-lg-7 {margin-left: 58.333333%;}.offset-lg-8 {margin-left: 66.666667%;}.offset-lg-9 {margin-left: 75%;}.offset-lg-10 {margin-left: 83.333333%;}.offset-lg-11 {margin-left: 91.666667%;}}@media (min-width: 1200px) {.col-xl {flex-basis: 0;flex-grow: 1;max-width: 100%;}.col-xl-auto {flex: 0 0 auto;width: auto;max-width: 100%;}.col-xl-1 {flex: 0 0 8.333333%;max-width: 8.333333%;}.col-xl-2 {flex: 0 0 16.666667%;max-width: 16.666667%;}.col-xl-3 {flex: 0 0 25%;max-width: 25%;}.col-xl-4 {flex: 0 0 33.333333%;max-width: 33.333333%;}.col-xl-5 {flex: 0 0 41.666667%;max-width: 41.666667%;}.col-xl-6 {flex: 0 0 50%;max-width: 50%;}.col-xl-7 {flex: 0 0 58.333333%;max-width: 58.333333%;}.col-xl-8 {flex: 0 0 66.666667%;max-width: 66.666667%;}.col-xl-9 {flex: 0 0 75%;max-width: 75%;}.col-xl-10 {flex: 0 0 83.333333%;max-width: 83.333333%;}.col-xl-11 {flex: 0 0 91.666667%;max-width: 91.666667%;}.col-xl-12 {flex: 0 0 100%;max-width: 100%;}.order-xl-first {order: -1;}.order-xl-last {order: 13;}.order-xl-0 {order: 0;}.order-xl-1 {order: 1;}.order-xl-2 {order: 2;}.order-xl-3 {order: 3;}.order-xl-4 {order: 4;}.order-xl-5 {order: 5;}.order-xl-6 {order: 6;}.order-xl-7 {order: 7;}.order-xl-8 {order: 8;}.order-xl-9 {order: 9;}.order-xl-10 {order: 10;}.order-xl-11 {order: 11;}.order-xl-12 {order: 12;}.offset-xl-0 {margin-left: 0;}.offset-xl-1 {margin-left: 8.333333%;}.offset-xl-2 {margin-left: 16.666667%;}.offset-xl-3 {margin-left: 25%;}.offset-xl-4 {margin-left: 33.333333%;}.offset-xl-5 {margin-left: 41.666667%;}.offset-xl-6 {margin-left: 50%;}.offset-xl-7 {margin-left: 58.333333%;}.offset-xl-8 {margin-left: 66.666667%;}.offset-xl-9 {margin-left: 75%;}.offset-xl-10 {margin-left: 83.333333%;}.offset-xl-11 {margin-left: 91.666667%;}}
.animated {
animation-duration: 1s;
animation-fill-mode: both
}
.animated.infinite {
animation-iteration-count: infinite
}
@keyframes slideRight {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 50%, 0)
}
100% {
opacity: 1;
transform: none
}
}
.fadeInUp {
animation-name: fadeInUp
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-20%, 0, 0)
}
100% {
opacity: 1;
transform: none
}
}
.fadeInLeft {
animation-name: fadeInLeft
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(20%, 0, 0)
}
100% {
opacity: 1;
transform: none
}
}
.fadeInRight {
animation-name: fadeInRight
}
@keyframes move-1 {
0% {
transform: translate(0, 0);
}
25% {
transform: translate(20px, 20px);
}
50% {
transform: translate(0, 20px);
}
75% {
transform: translate(20px, 0);
}
90% {
transform: translate(10px, 10px);
}
100% {
transform: translate(0, 0);
}
}
@keyframes move-2 {
0% {
transform: rotate(0) translateY(0);
}
25% {
transform: rotate(5deg) translateY(-30px);
}
50% {
transform: rotate(-5deg) translateY(-30px);
}
75% {
transform: rotate(5deg) translateY(-30px);
}
100% {
transform: rotate(0) translateY(0);
}
}
@keyframes move-3 {
0% {
transform: translate(0, 0);
}
25% {
transform: translate(-20px, -20px);
}
50% {
transform: translate(0, -20px);
}
75% {
transform: translate(-20px, 0);
}
90% {
transform: translate(-10px, -10px);
}
100% {
transform: translate(0, 0);
}
}
.social-container {
display: flex;
}
.social-container a {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
transition: 0.3s ease;
}
.social-container a:hover {
color: #E1306C;
transform: translateY(-2px);
}
.social-container svg {
width: 20px;
height: 20px;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.text-right {
text-align: right;
}
*,
*:after,
*:before {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
html {
height: 100%;
width: 100%;
scrollbar-color: #EBDDCB #281B1A;
scrollbar-width: thin;
}
body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
color: #242424;
background-color: #fff;
min-width: 320px;
letter-spacing: 0.3px;
}
body.fixed {
overflow: hidden !important;
}
a,
button {
cursor: pointer;
}
/*main .container a {
color: #AE8847;
}*/
/* === HEADER STYLES === */
.main-header {
position: fixed;
top: 0;
left: 0;
right: 0;
transition: .3s;
z-index: 1000;
padding-bottom: 40px;
}
body:not(.index-page) .main-header {
background-color: #3A2625;
}
body.contacts-page .main-header {
background-color: transparent;
}
body.contacts-page .main-header.fixed {
background-color: #3A2625;
}
.header-top .container {
position: relative;
display: flex;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
transition: .3s;
}
.header-address {
font-size: 17px;
font-style: normal;
position: relative;
}
.dot-divider {
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #fff;
margin: 0 25px;
flex: 0 0 4px;
}
.header-phone {
font-size: 17px;
margin-right: auto;
}
.header-address a,
.header-phone a {
color: #fff;
text-decoration: none;
font-weight: 500;
}
.header-address a:hover,
.header-phone a:hover {
text-decoration: underline;
}
.main-header .reservation-item,
.main-header .events-item {
background-color: rgba(255, 255, 255, 0.25);
height: 44px;
padding: 5px 40px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: 500;
transition: 0.25s;
font-size: 16px;
}
.main-header .reservation-item:hover,
.main-header .events-item:hover {
background-color: #281B1A;
}
.main-header .header-lang {
display: flex;
align-items: center;
gap: 15px;
transition: .3s;
}
.main-header .header-lang a {
font-size: 16px;
font-weight: 500;
text-decoration: none;
color: #fff;
}
.main-header .header-lang a:hover {
text-decoration: underline;
}
.index-logo {
position: absolute;
left: 0;
right: 0;
top: 20px;
margin: 0 auto;
width: 280px;
outline: 0;
transition: .3s;
}
.index-logo img {
max-width: 100%;
}
.header-nav {
border-top: 1px solid #c5c6d1;
border-bottom: 1px solid #c5c6d1;
display: flex;
}
.nav-dropdown-item {
position: relative;
pointer-events: auto;
z-index: 100;
width: 16.66%;
border-right: 1px solid #c5c6d1;
}
.nav-dropdown-item:last-child {
border-right: 0;
}
.nav-dropdown-item:after {
content: '';
width: 60px;
height: 3px;
background-color: #ECDDCA;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
transition: 0.25s;
opacity: 0;
}
.nav-dropdown-item:hover,
.nav-dropdown-item.active {
background-color: #281B1A;
}
.nav-dropdown-item.active:after {
opacity: 1;
}
.nav-dropdown-item:hover .nav-link {
color: #fff;
}
.nav-dropdown-item:hover:after {
opacity: 1;
}
.header-nav .nav-link {
position: relative;
z-index: 100;
pointer-events: auto;
font-size: 14px;
display: block;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.8px;
position: relative;
padding: 21px 10px;
transition: 0.25s;
white-space: nowrap;
}
.nav-dropdown-item .dropdown-box {
display: flex;
justify-content: flex-end;
position: absolute;
top: 0;
right: -1px;
left: -1px;
padding-top: 66px;
opacity: 0;
pointer-events: none;
transition: 0.2s;
}
.nav-dropdown-item .nav-dropdown {
width: 100%;
background-color: #3A2625;
border-right: 1px solid #c5c6d1;
border-left: 1px solid #c5c6d1;
}
.nav-dropdown-item .nav-dropdown a {
display: block;
padding: 15px 5px 15px 15px;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #c5c6d1;
background-color: rgba(46, 46, 46, 0.7);
background-color: #3A2625;
}
.nav-dropdown-item .nav-dropdown a:hover {
background-color: #281B1A;
color: #fff;
}
.nav-dropdown-item .nav-dropdown a:before {
display: none;
}
.nav-dropdown-item:hover .dropdown-box {
opacity: 1;
pointer-events: auto;
}
.main-header .nav-toggle {
width: 36px;
height: 36px;
padding: 0;
position: relative;
background-color: transparent;
border: 1px solid transparent;
margin-left: 15px;
outline: 0;
display: none;
}
.main-header .nav-toggle span {
position: absolute;
height: 1px;
width: 12px;
top: 17px;
left: 13px;
background-color: #fff;
}
.main-header .nav-toggle span:before,
.main-header .nav-toggle span:after {
content: "";
height: 1px;
width: 24px;
background-color: #fff;
position: absolute;
left: -5px;
}
.main-header .nav-toggle span:before {
top: -8px;
}
.main-header .nav-toggle span:after {
bottom: -8px;
}
.main-header.fixed {
padding-bottom: 12px;
background-color: #3A2625!important;
}
.main-header.fixed .header-top .container {
padding-top: 15px;
padding-bottom: 15px;
}
.main-header.fixed .index-logo {
transform: scale(0.7) translateY(-33px);
}
.main-header.fixed .nav-link {
padding: 12px 5px;
}
.main-header.fixed .nav-dropdown-item .dropdown-box {
padding-top: 48px;
}
.main-header.fixed .nav-dropdown-item .nav-dropdown a {
padding: 12px 5px 12px 15px;
}
.main-header.fixed .header-lang,
.main-header.fixed .reservation-item,
.main-header.fixed .events-item {
transform: scale(0.9);
}
.slide-nav {
width: 500px;
max-width: 100%;
position: fixed;
top: 0;
right: 0;
height: 100%;
background-color: #ECDDCA;
padding-top: 110px;
padding-bottom: 50px;
padding-right: 30px;
padding-left: 30px;
max-height: 100%;
overflow-y: auto;
transform: translateX(100%);
transition: all 0.2s linear;
z-index: 10000;
opacity: 0;
display: flex;
flex-direction: column;
color: #3A2625;
}
.slide-nav.active {
opacity: 1;
transform: translateX(0);
}
.slide-nav-close {
width: 42px;
height: 42px;
position: absolute;
left: 25px;
top: 23px;
color: #fff;
text-transform: uppercase;
cursor: pointer;
transition: .25s;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath fill='%23000' d='M15 18.194 3.821 29.373c-.418.418-.95.627-1.597.627-.646 0-1.178-.21-1.597-.627C.21 28.954 0 28.423 0 27.776s.21-1.179.627-1.597L11.807 15 .626 3.821C.21 3.403 0 2.871 0 2.224 0 1.578.21 1.046.627.627 1.046.21 1.578 0 2.224 0c.647 0 1.179.21 1.597.627L15 11.807 26.179.626C26.597.21 27.129 0 27.776 0c.646 0 1.178.21 1.597.627.418.419.627.951.627 1.597 0 .647-.21 1.179-.627 1.597L18.193 15l11.18 11.179c.418.418.627.95.627 1.597 0 .646-.21 1.178-.627 1.597-.419.418-.95.627-1.597.627s-1.179-.21-1.597-.627L15 18.193Z'/%3E%3C/svg%3E") no-repeat center;
background-size: 20px;
}
.slide-nav-close:hover {
transform: rotate(180deg);
}
.slide-nav .language {
display: flex;
align-items: center;
gap: 12px;
position: absolute;
top: 35px;
right: 30px;
}
.slide-nav .language a {
font-size: 16px;
font-weight: 500;
text-decoration: none;
color: #3A2625;
}
.slide-nav .language a.active {
color: #9A9795;
cursor: auto;
pointer-events: none;
}
.slide-nav .language a:hover {
text-decoration: underline;
}
.slide-nav .social-networks {
gap: 20px;
justify-content: flex-end;
}
.slide-nav .social-networks a:hover {
transform: scale(1.05);
}
.slide-nav .social-networks svg {
fill: #3A2625;
}
.slide-nav .header-nav {
flex-direction: column;
margin-bottom: auto;
border: 0;
align-items: flex-end;
}
.slide-nav .pull-left {
margin-top: 30px;
text-align: right;
font-size: 16px;
}
.slide-nav .pull-left a {
text-decoration: none;
color: #3A2625;
}
.slide-nav .pull-left address {
font-style: normal;
}
.slide-nav .box-link {
font-size: 24px;
text-transform: uppercase;
color: #3A2625;
font-weight: 500;
text-decoration: none;
}
.slide-nav .box-link.arrow-link {
position: relative;
padding-right: 15px;
cursor: pointer;
}
.slide-nav .box-link.arrow-link:after {
content: "";
width: 0;
height: 0;
border-top: 6px solid #111;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
position: absolute;
right: 0;
top: calc(50% - 3px);
transform-origin: center;
transition: 0.3s;
}
.slide-nav .box-link.arrow-link.active:after {
transform: rotate(180deg);
}
.slide-nav .nav-item-box {
text-align: right;
margin-bottom: 8px;
}
.slide-nav .box-dropdown {
display: none;
}
.slide-nav .dropdown-inner {
display: flex;
flex-direction: column;
align-items: flex-end;
padding-top: 10px;
}
.slide-nav .box-dropdown a {
text-decoration: none;
color: #3A2625;
font-size: 16px;
margin-bottom: 5px;
}
.slide-nav .box-dropdown a:hover {
text-decoration: underline;
}
.slide-nav .header-address a, .slide-nav .header-phone a {
font-weight: 400;
}
.slide-nav .header-phone p {
margin-top: 10px;
}
@media (max-width: 1799px) {
.header-top .container {
padding-top: 25px;
padding-bottom: 25px;
}
.main-header .index-logo {
width: 200px;
top: 16px;
}
.header-address {
font-size: 14px;
}
.main-header .header-phone {
font-size: 14px;
}
.main-header .reservation-item, .main-header .events-item {
font-size: 14px;
padding: 3px 25px;
height: 38px;
}
.dot-divider {
margin: 0 20px;
}
.main-header .header-lang a {
font-size: 14px;
}
.main-header.fixed .index-logo {
transform: scale(0.8) translateY(-14px);
}
.main-header .header-nav .nav-dropdown-item {
width: auto;
flex-grow: 2;
}
.main-header .header-nav .nav-dropdown-item:nth-child(4) {
flex-grow: 1;
}
.main-header .nav-link {
font-size: 15px;
padding: 10px 5px;
}
.nav-dropdown-item .nav-dropdown a {
padding: 10px 5px 10px 10px;
}
.nav-dropdown-item .dropdown-box {
padding-top: 42px;
}
}
@media (max-width: 1536px) {
.main-header .reservation-item, .main-header .events-item {
font-size: 13px;
}
.main-header .header-nav .nav-link {
font-size: 14px;
}
.header-top .container {
padding-top: 20px;
padding-bottom: 20px;
}
.main-header .index-logo {
width: 170px;
}
.main-header .index-logo {
top:15px;
}
.main-header.fixed .index-logo {
transform: scale(0.9) translateY(-7px);
}
.dot-divider {
margin: 0 13px;
}
.main-header .header-phone,
.main-header .header-address {
font-size: 13px;
}
}
@media (max-width: 1199px) {
.main-header .index-logo {
width: 150px;
top: 8px;
}
.main-header .reservation-item, .main-header .events-item {
font-size: 11px;
height: 34px;
padding: 3px 13px;
}
.main-header .header-lang {
gap: 12px;
}
.main-header .header-lang a {
font-size: 13px;
}
.main-header .header-nav .nav-link {
font-size: 13px;
}
.main-header .header-nav {
display: none;
}
.main-header,
.main-header.fixed {
padding-bottom: 0;
}
.main-header.fixed .header-lang, .main-header.fixed .reservation-item, .main-header.fixed .events-item {
transform: scale(1);
}
.main-header.fixed .index-logo {
transform: scale(1) translateY(0);
}
.main-header .header-top .container,
.main-header.fixed .header-top .container {
padding-top: 12px;
padding-bottom: 12px;
}
body.contacts-page .main-header {
background-color: #3A2625;
}
}
@media (max-width: 991px) {
.main-header .header-top .container, .main-header.fixed .header-top .container {
padding-top: 10px;
padding-bottom: 10px;
}
.header-address {
display: none;
}
.main-header .index-logo {
position: static;
margin: 0 18px 0 0;
width: 140px;
height: 40px;
order: -3;
}
.header-address + .dot-divider {
display: none;
}
.main-header .nav-toggle {
display: block;
}
}
@media (max-width: 767px) {
.dot-divider,
.main-header .header-lang,
.main-header .events-item {
display: none;
}
}
@media (max-width: 575px) {
.main-header .header-phone a {
white-space: nowrap;
font-size: 12px;
font-weight: 300;
}
.main-header .reservation-item {
order: -2;
height: 32px;
font-weight: 300;
flex-shrink: 0;
}
.header-top .container {
gap: 10px;
}
.main-header .index-logo {
margin-right: unset;
height: 32px;
width: 114px;
flex-shrink: 0;
}
.main-header .nav-toggle {
margin-left: unset;
}
}
@media (max-width: 479px) {
.header-top .container {
gap: 8px;
}
.main-header .reservation-item {
height: 28px;
padding: 3px 8px;
}
.main-header .index-logo {
width: 99px;
height: 28px;
}
}
@media (max-width: 400px) {
.header-top .container {
padding-left: 12px;
padding-right: 12px;
}
.main-header .reservation-item {
height: 26px;
padding: 3px 7px;
}
.main-header .index-logo {
width: 92px;
height: 26px;
}
}
@media(max-width: 390px) {
.main-header .header-phone a {
font-size: 11px;
}
.main-header .reservation-item {
font-size: 10px;
}
}
@media(max-width: 375px) {
.main-header .index-logo {
width: 79px;
height: 22px;
}
.main-header .reservation-item {
height: 22px;
}
.main-header .header-phone a {
font-size: 10px;
}
.header-top .container {
gap: 5px;
}
.slide-nav .box-link {
font-size: 20px;
}
}
@media(max-width: 350px) {
.main-header .index-logo {
width: 70px;
height: 20px;
}
.main-header .reservation-item {
height: 20px;
}
.header-phone a {
font-size: 10px;
}
.header-top .container {
gap: 4px;
}
}
/* === END HEADER STYLES === */
.social-networks {
display: flex;
}
.social-networks a {
display: block;
transition: 0.25s;
}
.social-networks svg {
fill: #fff;
}
.index-page .start-section .social-networks {
flex-direction: column;
justify-content: flex-start;
transition: max-height 0.5s ease-in-out;
}
.index-page .start-section .social-networks.active {
max-height: 250px;
}
.index-page .start-section .social-networks-holder {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
left: 50px;
top: 50%;
transform: translateY(-50%);
}
.index-page .start-section .social-networks a {
margin-bottom: 20px;
}
.index-page .start-section .social-networks a:hover svg {
fill: #EBDDCB;
}
.social-toggle {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
position: relative;
align-items: center;
justify-content: center;
cursor: pointer;
display: none;
}
.social-toggle.active {
transform: rotate(90deg);
}
.social-toggle span {
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #fff;
position: relative;
}
.social-toggle span:before,
.social-toggle span:after {
content: '';
position: absolute;
top: 0;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #fff;
}
.social-toggle span:before {
left: -5px;
}
.social-toggle span:after {
right: -5px;
}
.default-button {
border: none;
display: inline-block;
vertical-align: top;
text-align: center;
outline: none;
text-decoration: none;
transition: 0.25s;
padding: 12px 55px;
color: #ECDDCA;
font-size: 14px;
letter-spacing: 0;
background-color: transparent;
transition: 0.3s;
}
.default-button:focus,
.default-button:active {
text-decoration: none;
box-shadow: 0 0 0 3px rgba(58, 38, 37, 0.4);
}
.default-button:hover {
background-color: #281B1A;
}
.button1IdBlock {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.button1IdBlock .container {
position: relative;
}
.button1Id {
height: 70px;
width: 70px;
background-color: transparent;
border: 1px #ffc08e solid;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 50px;
left: 0;
outline: none;
}
.button1Id i {
height: 15px;
width: 15px;
border-bottom: 1px #fff solid;
border-right: 1px #fff solid;
transform: rotate(45deg);
position: relative;
animation: upDo 3s infinite;
}
.button1Id i:before {
content: '';
height: 75px;
width: 1px;
position: absolute;
background-color: #fff;
bottom: -11px;
left: calc(50% - 19px);
transform: translateX(-50%) rotate(-45deg);
}
@keyframes upDo {
0% {
top: 0;
}
50% {
top: -20px;
}
100% {
top: 0;
}
}
@media (max-width: 1199px) {
.default-button {
font-size: 14px;
}
}
@media (max-width: 991px) {
.button1Id {
display: none;
}
}
.brown-section {
/* background-color: #272528;
color: #fff !important;*/
background-color: #EBDDCB;
color: #3A2625;
}
.fill-gray {
background-color: #EBDDCB;
}
.fill-white {
background-color: #fff;
}
.fill-dark {
}
.fill-dark .default-button {
background-color: #ECDDCA;
color: #3A2625;
font-size: 16px;
}
.fill-dark .default-button:hover {
background-color: #AE8847;
}
/*.event-page .brown-section #nav-tabs a,
.index-page .brown-section #nav-tabs a,
.about-page .brown-section #nav-tabs a {
color: #fff;
}*/
.index-page .main-header .sm-logo {
display: none;
}
.index-page .slider-type-one .item .col-md-6 {
align-items: center;
}
.event-page .type-three-container .col-md-6,
.index-page .type-three-container .col-md-6 {
min-height: 600px;
}
.event-page .type-three-container h3,
.index-page .type-three-container h3 {
font-size: 28px;
font-weight: 700;
margin: 0 0 20px;
font-family: Georgia;
}
.index-page .main .default-button {
font-size: 16px;
background-color: #3A2625;
color: #fff;
}
.event-page .index-menu .slider-type-three .item,
.event-page .index-rooms .slider-type-three .item,
.index-page .container .slider-type-three .item {
height: 480px;
}
.slider-type-three picture {
width: 100%;
height: 100%;
display: flex;
}
.slider-type-three img {
display: block;
width: auto !important;
height: 100%;
max-width: none;
object-fit: contain !important;
max-height: 100% !important;
margin: 0 auto;
}
.index-page h2,
.index-page .h2 {
font-weight: 700;
font-size: 42px;
margin: 0 0 30px;
font-family: Georgia;
}
.index-about {
padding: 80px 0 20px;
background-image: url(../img/white-leaf-2.png), url(../img/white-leaf-1.png);
background-position: center right -50px, bottom 10px left;
background-repeat: no-repeat;
background-size: 180px, 150px;
}
.index-menu {
background-image: url(../img/dandelion-md.png);
background-position: bottom 100px center;
background-repeat: no-repeat;
background-size: 220px;
}
.index-rooms {
background-image: url(../img/beech-leaf-sm.png);
background-position: bottom 5% left 5%;
background-repeat: no-repeat;
background-size: 180px;
}
.index-menu,
.index-rooms {
padding: 80px 0 20px;
}
.event-page h2,
.index-rooms h2,
.index-menu h2 {
margin-bottom: 40px;
}
.index-menu h2 {
font-weight: 700;
font-size: 38px;
margin: 0 0 30px;
font-family: Georgia;
}
.index-services {
padding: 70px 0 80px;
}
.index-services h2 {
margin-bottom: 60px;
}
.section {
background-color: #272528;
}
.section .item .container {
position: relative;
}
.start-section {
position: relative;
}
.start-section .tour-3d {
position: absolute;
bottom: 50px;
right: 38px;
}
.start-section .tour-3d a {
color: #fff;
text-decoration: none;
font-size: 16px;
padding-left: 55px;
position: relative;
transition: 0.15s;
}
.start-section .tour-3d a:after {
content: '';
width: 36px;
height: 36px;
background: url("../img/3d-icon.svg") no-repeat center;
background-size: contain;
position: absolute;
left: 0;
top: -10px;
filter: brightness(0) invert(1);
}
.start-section .tour-3d a:hover {
color: #ffc08e;
}
.start-section .tour-3d a:hover:after {
filter: brightness(1) invert(0);
}
.start-slider .item {
height: 100vh;
opacity: 0;
}
.start-slider .item:first-child {
opacity: 1;
}
.start-slider.slick-initialized .item {
opacity: 1;
}
.start-slider .item picture {
width: 100%;
height: 100%;
display: flex;
}
.start-slider .item picture img {
display: block;
object-fit: cover;
height: auto;
width: 100%;
}
.start-slider .item .container {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 5;
}
.start-slider .item:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #262527;
opacity: 0.7;
z-index: 1;
}
.start-slider .item .text-container {
color: #fff;
text-align: center;
}
.start-slider .item .title h1,
.start-slider .item .title .h1,
.start-slider .item .title > span {
font-size: 72px;
text-transform: uppercase;
letter-spacing: 1.5px;
word-spacing: 3px;
margin: 0;
font-family: Georgia;
font-weight: bold;
color: #fff;
text-shadow: 0 3px 5px rgba(0,0,0, 0.4);
display: block;
}
.start-slider .item .descr {
font-size: 20px;
letter-spacing: 0.8px;
line-height: 1.5;
max-width: 800px;
color: #ECDDCA;
text-shadow: 0 3px 6px rgba(0,0,0, 0.4);
}
.start-slider .item .descr p {
margin-top: 0;
}
.start-slider .slick-dots {
position: absolute;
right: 40px;
top: calc(50% - 65px);
list-style-type: none;
padding: 0;
margin: 0;
}
.start-slider .slick-dots li {
margin: 18px 0;
}
.start-slider .slick-dots li button {
color: #fff;
border: 0;
outline: 0;
padding: 0 35px 0 0;
position: relative;
background-color: transparent;
}
.start-slider .slick-dots li button:after {
content: '';
height: 2px;
width: 12px;
background-color: #fff;
position: absolute;
top: 7px;
right: 0;
transition: 0.25s;
}
.start-slider .slick-dots li button span {
opacity: 0;
transition: 0.25s;
transition-delay: 0.3s;
}
.start-slider .slick-dots li.slick-active button:after {
width: 25px;
background-color: #fff;
}
.start-slider .slick-dots li.slick-active button span {
opacity: 1;
}
.index-slider .item {
min-height: 730px;
outline: 0;
}
.index-slider .slick-track {
padding-bottom: 80px;
}
.index-slider .item .container {
height: 700px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
}
.index-slider .item.slick-current .sm-img {
width: 400px;
}
.index-slider .item.slick-current .sm-img .overlay-block {
width: 0;
}
.index-slider .item.slick-current .horizontal-img {
opacity: 1;
position: relative;
width: 800px;
}
.index-slider .item.slick-current .horizontal-img.event:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .4);
}
.index-slider .item.slick-current .horizontal-img.event .img-content {
position: relative;
z-index: 1;
}
.index-slider .item.slick-current .horizontal-img .overlay-block {
width: 0;
}
.index-slider .item.slick-current .vertical-img {
opacity: 1;
width: 400px;
}
.index-slider .item.slick-current .vertical-img .overlay-block {
width: 0;
}
.index-slider .item.slick-current .text-block {
opacity: 1;
width: 510px;
}
.index-slider .item.slick-current .container>h3,
.index-slider .item.slick-current .slide-title {
opacity: 1;
top: 500px;
}
.index-slider .slick-arrow {
position: absolute;
}
.index-slider .text-block {
padding: 5px;
color: #fff;
width: 0;
height: 550px;
position: absolute;
left: 395px;
top: 30px;
transition: 0.8s;
z-index: 15;
opacity: 0;
overflow: hidden;
}
.index-slider .text-block a {
color: #3A2625;
}
.index-slider .text-block a:hover {
text-decoration: none;
}
.index-slider .text-block .inside-content {
background-color: #F9F2EA;
padding: 30px 40px 30px;
width: 500px;
position: relative;
color: #3A2625;
}
.index-slider .text-block .tour-3d {
position: absolute;
bottom: 20px;
right: 30px;
}
.index-slider .text-block .tour-3d a {
color: #fff;
text-decoration: none;
font-size: 16px;
padding-right: 55px;
position: relative;
transition: 0.15s;
}
.index-slider .text-block .tour-3d a:after {
content: '';
width: 36px;
height: 36px;
background: url("../img/3d-icon.svg") no-repeat center;
background-size: contain;
position: absolute;
right: 0;
top: -8px;
filter: brightness(0) invert(1);
}
.index-slider .text-block .tour-3d a:hover {
color: #ffc08e;
}
.index-slider .text-block .tour-3d a:hover:after {
filter: brightness(1) invert(0);
}
.index-slider .text-block .contacts-list .list-item {
margin-bottom: 10px;
}
.index-slider .text-block .contacts-list strong {
color: #ffc08e;
font-weight: 700;
}
.index-slider .text-block .contacts-list p {
margin: 0 0 5px;
}
.index-slider .text-block .contacts-list a {
color: #fff;
text-decoration: none;
}
.index-slider .text-block .overlay-bock {
position: absolute;
top: 0;
right: 0;
max-width: 500px;
background-color: #181819;
height: 345px;
width: 500px;
transition: 3s;
transform: translateX(100%);
}
.index-slider .text-block .dot {
position: absolute;
top: 40px;
right: 20px;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #c5b7a4;
}
.index-slider .text-block .dot:before,
.index-slider .text-block .dot:after {
content: '';
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #3A2625;
}
.index-slider .text-block .dot:before {
top: -15px;
}
.index-slider .text-block .dot:after {
bottom: -15px;
}
.index-slider .text-block .h3-name,
.index-slider .text-block .h3 {
font-size: 24px;
font-weight: 700;
font-family: Georgia;
margin: 0 50px 15px 0;
}
.index-slider .text-block p {
font-size: 16px;
font-weight: 400;
margin: 0 0 20px;
}
.index-slider .text-block b,
.index-slider .text-block strong {
font-weight: 400;
}
.index-slider .text-block .link-container {
display: flex;
align-items: center;
margin-top: 25px;
}
.index-slider .text-block .link-container .default-button {
margin-right: 20px;
}
.index-slider .text-block .link-container a {
text-decoration: none;
}
.index-slider .text-block ul {
list-style: none;
padding: 0;
margin: 0 0 20px;
}
.index-slider .text-block ul li {
display: inline-block;
vertical-align: top;
position: relative;
padding-right: 22px;
margin-right: 16px;
margin-bottom: 3px;
}
.index-slider .text-block ul li:last-of-type:after {
display: none;
}
.index-slider .text-block ul li:after {
content: '';
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #ffc08e;
right: 0;
top: 12px;
}
.index-slider .text-block ul a {
display: block;
color: #fff;
text-decoration: none;
font-size: 18px;
font-style: italic;
}
.index-slider .text-block ul a:hover {
text-decoration: underline;
color: #ffc08e;
}
.index-slider .item .container>h3,
.index-slider .slide-title {
position: absolute;
font-size: 52px;
font-family: Georgia;
color: #fff;
font-weight: bold;
left: 230px;
top: 550px;
transition: all 0.35s linear;
text-shadow: 0px 0px 9px #212121;
opacity: 0;
z-index: 20;
}
.index-slider .vertical-img {
width: 0;
height: 690px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 0;
opacity: 0;
z-index: 20;
}
.index-slider .sm-img picture,
.index-slider .horizontal-img picture,
.index-slider .vertical-img picture {
width: 100%;
height: 100%;
display: flex;
}
.index-slider .sm-img img,
.index-slider .horizontal-img img,
.index-slider .vertical-img img {
display: block;
object-fit: cover;
height: 100%;
width: 100%;
}
.index-slider .vertical-img .overlay-block {
position: absolute;
top: 0;
right: 0;
max-width: 400px;
background-color: #3A2625;
height: 690px;
width: 100%;
transition: width ease-in-out 0.5s;
}
/*.index-slider .brown-block {
position: absolute;
left: 400px;
top: 0;
height: 690px;
width: 500px;
background-color: #2e2e2e;
z-index: 5;
}*/
.index-slider .horizontal-img {
width: 0;
height: 620px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: calc(100% - 800px);
top: 0;
z-index: 10;
opacity: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.index-slider .horizontal-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.index-slider .horizontal-img .event-item {
display: flex;
color: #fff;
margin-bottom: 40px;
width: 100%;
}
.index-slider .horizontal-img .event-item:last-of-type {
margin-bottom: 0;
}
.index-slider .horizontal-img .event-item .item-date {
font-size: 40px;
font-family: Georgia;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
height: 150px;
flex: 0 0 200px;
border-right: 1px solid #ffc08e;
}
.index-slider .horizontal-img .event-item .item-name {
padding-left: 30px;
}
.index-slider .horizontal-img .event-item .item-name .h3 {
font-size: 20px;
font-family: Georgia;
font-weight: bold;
}
.index-slider .horizontal-img .event-item .item-name p {
text-transform: uppercase;
}
.index-slider .horizontal-img .event-item .item-name a {
text-decoration: underline;
font-size: 14px;
color: #fff;
}
.index-slider .horizontal-img .overlay-block {
position: absolute;
top: 0;
right: 0;
max-width: 800px;
background-color: #3A2625;
height: 100%;
width: 100%;
transition: width ease-in-out 0.5s;
}
.index-slider .indicator-block {
background-color: #044750;
width: 400px;
height: 280px;
position: absolute;
top: 590px;
right: 800px;
z-index: 10;
}
/*.index-slider .sm-img {
left: calc(100% - 415px);
height: 225px;
width: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
top: 490px;
z-index: 10;
}
.index-slider .sm-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
*/
/*.index-slider .sm-img .overlay-block {
position: absolute;
top: 0;
right: 0;
width: 400px;
background-color: #272528;
height: 225px;
transition: 0.5s;
}*/
.slider-navigation {
opacity: 1;
width: 400px;
height: 200px;
color: #3A2625;
background-color: #F9F2EA;
/* background-image: url(../img/oak-leaf-top.png);*/
/* background-position: top 20px right -20px;*/
/* background-size: 110px 60px;*/
/* background-repeat: no-repeat;*/
position: absolute;
top: 490px;
left: 700px;
padding: 20px 20px 70px;
display: flex;
align-items: center;
z-index: 15;
}
.slider-navigation:before {
content: '';
width: 120px;
height: 100px;
background: url("../img/oak-dark-1.png") no-repeat center;
background-size: contain;
position: absolute;
left: -50px;
top: -60px;
pointer-events: none;
}
.slider-navigation .slider-paging {
position: absolute;
left: 0;
top: 0;
color: #fff;
transition: all 0.5s ease;
}
.slider-navigation .slider-paging .current-slide-num {
font-weight: 500;
font-size: 16px;
position: absolute;
left: -20px;
top: -25px;
color: #3A2625;
}
.slider-navigation .slider-paging .total-slide-num {
font-size: 13px;
position: absolute;
right: -15px;
bottom: -23px;
font-weight: 300;
color: #7E7A7A;
}
.slider-navigation .progress-rail {
height: 1px;
background-color: #f4c182;
width: 300px;
margin: 0 auto;
position: relative;
}
.slider-navigation .progress-bar {
height: 1px;
background-color: #3A2625;
position: absolute;
left: 0;
top: 0;
width: 0;
transition: all 0.5s ease;
}
.slider-navigation .progress-bar:after {
content: '';
width: 5px;
height: 5px;
background-color: #3A2625;
position: absolute;
right: 0;
top: -2px;
border-radius: 50%;
}
.slider-navigation .slick-arrow {
position: absolute;
padding: 0;
border: 0;
background-color: transparent;
outline: 0;
transition: 0.25s;
width: 25px;
height: 20px;
bottom: 38px;
z-index: 10;
}
.slider-navigation .slick-arrow:hover {
transform: scale(1.2);
}
.slider-navigation .slick-arrow svg {
fill: #3A2625;
max-height: 100%;
}
.slider-navigation .slick-arrow.prev-arrow {
left: 35px;
}
.slider-navigation .slick-arrow.next-arrow {
right: 35px;
}
.slider-navigation .navigation-view {
position: absolute;
bottom: 35px;
font-size: 20px;
color: #3A2625;
text-decoration: none;
left: 0;
right: 0;
text-align: center;
width: 210px;
border-right: 1px solid #3A2625;
border-left: 1px solid #3A2625;
margin: 0 auto;
font-family: Georgia;
font-weight: bold;
outline: 0;
}
.slider-navigation .navigation-view:after {
content: '';
width: 20px;
height: 1px;
background-color: #3A2625;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
margin: 0 auto;
transition: .25s;
}
.slider-navigation .navigation-view:hover:after {
width: 100%;
}
#fp-nav {
display: none !important;
}
#section1 {
background-image: url("../img/leaf-to-bottom.png"), url("../img/flower-one.png"), url("../img/leaf-oak.png");
background-position: top 20% left,
bottom right,
bottom -20px left 5%;
background-repeat: no-repeat;
background-size: 150px, 220px, 150px;
}
#section1 .slide-buttons {
right: 0;
position: absolute;
}
#section1 .slide-nav {
z-index: 1000;
position: absolute;
}
#section1 .sm-logo {
position: absolute;
left: 40px;
top: 40px;
width: 120px;
outline: 0;
z-index: 100;
}
#section1 .sm-logo img {
display: block;
max-width: 100%;
}
.index-slider .item .text-block .inside-content.padMy {
padding-bottom: 60px;
}
@media (min-width: 1800px) {
.index-slider .container {
max-width: 1620px;
}
.index-slider .slider-navigation-container {
max-width: 1620px;
}
}
@media (max-width: 1799px) {
.start-slider .item .title h1, .start-slider .item .title .h1, .start-slider .item .title > span {
font-size: 54px;
}
.start-slider .item .descr {
font-size: 18px;
}
.index-slider .item {
min-height: 600px;
}
.index-slider .item .container>h3,
.index-slider .item .slide-title {
top: 480px;
font-size: 55px;
left: 100px;
text-shadow: 0px 0px 10px black;
}
.index-slider .item.slick-current .vertical-img {
width: 350px;
}
.index-slider .item.slick-current .horizontal-img {
width: 700px;
}
.index-slider .text-block .h3-name, .index-slider .text-block .h3 {
font-size: 20px;
}
.index-slider .horizontal-img {
height: 560px;
left: calc(100% - 700px);
}
.index-slider .text-block .inside-content {
width: 400px;
padding: 20px 40px 20px 25px;
top: 20px;
}
.index-slider .item.slick-current .sm-img {
width: 300px;
}
.index-slider .item.slick-current .container>h3,
.index-slider .item.slick-current .slide-title {
top: 450px;
}
.index-slider .text-block {
left: 345px;
top: 20px;
}
.index-slider .vertical-img {
height: 600px;
}
.index-slider .horizontal-img .event-item {
display: block;
margin-bottom: 30px;
}
.index-slider .horizontal-img .event-item .item-date {
font-size: 24px;
display: block;
height: auto;
border-right: 0;
}
.index-slider .horizontal-img .event-item .item-name {
padding-left: 0;
}
.index-slider .horizontal-img .event-item .item-name .h3 {
font-size: 16px;
}
/* .index-slider .brown-block {
left: 350px;
width: 300px;
height: 600px;
}
.index-slider .sm-img {
width: 300px;
top: 390px;
left: calc(100% - 300px);
height: 150px;
}*/
.index-slider .sm-img .overlay-block {
height: 150px;
}
.index-slider .text-block .h3 {
font-size: 24px;
}
.index-slider .text-block p {
font-size: 14px;
}
.slider-navigation {
left: 420px;
height: 150px;
}
#section1 .sm-logo {
top: 25px;
left: 25px;
}
.default-page .main-header.fixed .sm-logo {
left: 15px;
}
.index-about {
background-image: url(../img/white-leaf-2.png), url(../img/white-leaf-1.png);
background-position: center right -50px, bottom 20px left;
background-size: 180px, 120px;
}
}
@media (max-width: 1536px) {
.index-services h2 {
margin-bottom: 30px;
}
.index-services {
padding: 50px 0 0;
}
.index-slider .item {
min-height: 550px;
}
.index-slider .item .container {
height: 450px;
}
.index-slider .item.>h3,
.index-slider .item .slide-title {
top: 400px;
font-size: 55px;
left: 100px;
text-shadow: 0px 0px 10px black;
}
.index-slider .item.slick-current .vertical-img {
width: 230px;
}
.index-slider .item.slick-current .horizontal-img {
width: 700px;
}
/* .index-slider .item.slick-current .sm-img {
width: 300px;
}*/
.index-slider .item.slick-current .container>h3,
.index-slider .item.slick-current .slide-title {
top: 350px;
}
.index-slider .text-block {
left: 225px;
top: 0;
padding: 0;
}
.index-slider .text-block .inside-content {
padding: 15px 30px 15px 20px;
top: 0;
}
.index-slider .text-block ul a {
font-size: 16px;
}
.index-slider .vertical-img {
height: 450px;
}
.index-slider .horizontal-img {
height: 500px;
left: calc(100% - 700px);
}
.index-slider .horizontal-img .event-item .item-date {
font-size: 18px;
}
.index-slider .horizontal-img .event-item .item-name .h3 {
font-size: 14px;
}
/* .index-slider .brown-block {
left: 225px;
width: 300px;
height: 450px;
}*/
/*
.index-slider .sm-img {
width: 300px;
top: 315px;
left: calc(100% - 300px);
height: 135px;
}*/
/* .index-slider .sm-img .overlay-block {
height: 150px;
}
*/
.index-slider .text-block .h3 {
font-size: 24px;
}
.index-slider .text-block p {
font-size: 14px;
}
.slider-navigation {
height: 200px;
height: 135px;
top: 315px;
}
.start-slider .item .title h1, .start-slider .item .title .h1, .start-slider .item .title > span {
font-size: 42px;
}
.start-slider .item .descr {
font-size: 14px;
max-width: 700px;
}
.slider-navigation:before {
display: none;
}
}
@media (max-width: 1440px) {
.index-slider .item .text-block .inside-content {
width: 350px;
}
.index-slider .item.slick-current .text-block {
width: 420px;
}
#section1 {
background-size: 100px, 100px, 100px;
}
}
@media (max-width: 1199px) {
.start-slider .item .title h1, .start-slider .item .title .h1, .start-slider .item .title > span {
font-size: 36px;
}
.start-slider .item .descr {
max-width: 600px;
}
#section1 {
padding-top: 80px;
padding-bottom: 150px;
}
.index-slider .vertical-img .overlay-block {
height: 100%;
}
.index-slider .item .horizontal-img .overlay-block {
height: 100%;
}
.index-slider .text-block .link-container .default-button {
font-size: 14px;
}
.index-slider .item {
height: 450px;
min-height: auto;
}
.index-slider .item .container {
position: relative;
}
.index-slider .item.slick-current .vertical-img {
width: 300px;
}
.index-slider .item.slick-current .horizontal-img {
width: 500px;
}
.index-slider .item.slick-current .container>h3,
.index-slider .item.slick-current .slide-title {
top: 320px;
}
.index-slider .item .horizontal-img {
top: 130px;
left: calc(100% - 500px);
}
.index-slider .item .horizontal-img .event-item {
display: none;
}
.index-slider .item .text-block {
left: 295px;
}
/* .index-slider .item .brown-block {
left: 300px;
}*/
.index-slider .item .container>h3,
.index-slider .item .slide-title {
top: 350px;
left: 50px;
}
.index-slider .item .sm-img {
display: none;
}
.index-slider .item .slider-navigation {
width: 300px;
height: 115px;
left: 362px;
right: 0;
}
.index-slider .item .slider-navigation .navigation-view {
font-size: 16px;
bottom: 20px;
padding: 0;
width: 150px;
}
.index-slider .item .slider-navigation .progress-rail {
width: 250px;
}
.index-slider .item .slider-navigation .slick-arrow {
bottom: 22px;
}
.index-slider .item .slider-navigation .slick-arrow.next-arrow {
right: 15px;
}
.index-slider .item .slider-navigation .slick-arrow.prev-arrow {
left: 15px;
}
.index-slider .text-block .h3 {
font-size: 18px;
}
.index-slider .text-block p {
font-size: 13px;
}
.index-slider .text-block ul a {
font-size: 14px;
}
.start-slider .item {
padding-left: 0;
}
.start-slider .item .descr {
font-size: 14px;
}
#section1 .slide-nav {
position: fixed;
top: 0;
height: 100vh;
}
#fullpage {
height: auto !important;
}
.slider-navigation:before {
left: -90px;
top: -10px;
}
#section1 .sm-logo {
top: 15px;
left: 15px;
}
}
@media (max-width: 991px) {
.index-slider .item {
height: auto;
}
.start-slider .item .title h1, .start-slider .item .title .h1, .start-slider .item .title > span {
font-size: 32px;
}
.start-slider .item .descr {
max-width: 480px;
}
.index-slider .slick-track {
padding-bottom: 0;
}
.index-slider .item .container {
height: auto;
position: static;
transform: translateY(0);
}
.index-slider .item.slick-current .text-block,
.index-slider .item .text-block {
position: static;
width: 100%;
height: auto;
overflow: visible;
order: 2;
}
.index-slider .item .text-block .inside-content {
width: 100%;
height: auto;
min-height: 245px;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: center;
}
.index-slider .item .slider-navigation {
left: auto;
top: auto;
}
.index-slider .item .text-block .dot {
top: 30px;
}
.index-slider .item .text-block .dot:before {
top: -8px;
}
.index-slider .item .text-block .dot:after {
bottom: -8px;
}
.index-slider .item .text-block p {
font-size: 12px;
}
.index-slider .item .text-block .link-container .default-button {
font-size: 12px;
padding: 10px 20px;
}
.index-slider .item .text-block .link-container a {
font-size: 12px;
}
.index-slider .horizontal-img .overlay-block,
.index-slider .vertical-img {
display: none;
}
.index-slider .item.slick-current .horizontal-img,
.index-slider .item .horizontal-img {
position: static;
order: 1;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
}
.index-slider .item .slider-navigation .progress-rail {
display: none;
}
.index-slider .item .slider-navigation .slick-arrow.prev-arrow {
position: static;
}
.index-slider .item .slider-navigation {
position: relative;
top: auto;
width: 100%;
right: auto;
order: 5;
background-color: transparent;
height: auto;
padding: 20px;
}
.index-slider .item .container {
display: flex;
flex-direction: column;
}
.index-slider .item .text-block .dot {
display: none;
}
.index-slider .text-block .h3-name, .index-slider .text-block .h3 {
margin: 0 0 15px;
font-size: 18px;
}
.index-about {
background-image: url(../img/white-leaf-2.png);
background-position: center right -50px;
background-size: 180px,;
}
}
@media (max-width: 767px) {
.start-slider .item {
display: flex;
align-items: center;
}
.start-slider .slick-dots {
right: 10px;
}
.index-page .start-section .social-networks {
max-height: 90px;
overflow: hidden;
}
.index-page .start-section .social-networks-holder {
left: 15px;
top: 52%;
}
.index-page .start-section .social-networks a {
margin-bottom: 12px;
}
.index-page .start-section .social-toggle {
display: flex;
}
.start-section .tour-3d {
bottom: 30px;
}
.default-page .slide-buttons {
display: none;
}
.start-slider .item .descr {
max-width: 100%;
}
.start-slider .item .container {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 575px) {
.slider-navigation:before {
display: none;
}
.start-slider .slick-dots {
right: 12px;
}
.index-page .start-section .social-networks {
left: 10px;
}
.start-slider .item .container {
padding-left: 60px;
padding-right: 75px;
}
.start-slider .item .text-container {
text-align: left;
}
.start-slider .item .title h1, .start-slider .item .title .h1, .start-slider .item .title > span {
font-size: 22px;
}
.start-slider .item .descr {
font-size: 13px;
}
.start-slider .item {
height: 50vh;
min-height: 50vh;
}
}
@media (max-width: 479px) {
.start-slider .item .title {
text-align: left;
}
.start-slider .item .descr {
text-align: left;
font-size: 11px;
font-weight: 400;
}
#section1 .sm-logo {
width: 100px;
}
}
.index-slider .text-block .link-container .default-button {
padding: 10px;
width: 200px;
max-width: 200px;
}
.index-slider .text-block .link-container .default-button:hover {
background-color: #111;
}
.menu-page #wrapper {
background-image: url("../img/leaf-to-bottom.png"), url("../img/leaf-to-left.png"), url("../img/leaf-to-top-right.png"), url("../img/oak-leaf-top.png"), url("../img/beech-leaf-sm.png"), url("../img/beech-leaf-md.png"), url("../img/dandelion-md.png");
background-position: top 20% left,
top 10% right 5%,
top 40% right 5%,
top 45% left 150px,
bottom 23% right 55%,
bottom 17% right 100px,
bottom 100px left 30%;
background-repeat: no-repeat;
background-size: 180px, 220px, 180px, 180px, 100px, 120px, 220px;
}
.menu-page h1 {
line-height: 1;
font-size: 72px;
font-family: Georgia;
margin: 0 0 40px;
text-align: right;
text-transform: uppercase;
}
.menu-page .nav_menu {
margin-top: 10px;
}
.menu-page .nav_menu a {
color: #3A2625;
}
.menu-page .h3 {
font-weight: 700;
font-size: 30px;
margin: 0 0 30px;
font-family: Georgia;
}
.menu-page .filter-controls {
display: flex;
margin-bottom: 60px;
margin-left: -25px;
margin-right: -25px;
}
.menu-page .filter-controls button,
.menu-page .filter-controls a {
flex-grow: 1;
font-size: 18px;
outline: 0;
color: #3A2625;
text-decoration: none;
position: relative;
display: block;
border: 0;
background-color: transparent;
}
.menu-page .filter-controls button:after,
.menu-page .filter-controls a:after {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
position: absolute;
right: 0;
top: calc(50% - 2px);
background-color: #262527;
}
.menu-page .filter-controls button:last-of-type:after,
.menu-page .filter-controls a:last-of-type:after {
display: none;
}
.menu-page .filter-controls button.mixitup-control-active span,
.menu-page .filter-controls button.active span,
.menu-page .filter-controls a.mixitup-control-active span,
.menu-page .filter-controls a.active span {
background-color: #F9F2EA;
border-color: #FDC092;
}
.menu-page .filter-controls button span,
.menu-page .filter-controls a span {
display: inline-block;
vertical-align: top;
padding: 8px 12px;
border: 1px solid transparent;
}
.menu-page .mix-container {
height: 470px;
overflow: hidden;
}
.menu-page .mix-container .row {
margin-right: -25px;
margin-left: -25px;
}
.menu-page .mix-container .col-md-4 {
padding-left: 25px;
padding-right: 25px;
}
.menu-page .mix-container.active {
height: auto;
}
.menu-page .menu-item {
border: 1px solid #ffc08e;
margin-bottom: 50px;
position: relative;
cursor: pointer;
background-color: #fff;
}
.menu-page .menu-item:hover .hover-content {
opacity: 1;
}
.menu-page .menu-item img {
display: block;
max-width: 100%;
max-height: 450px;
margin: 0 auto;
}
.menu-page .menu-item .hover-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
transition: 0.25s;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
pointer-events: none;
opacity: 0;
}
.menu-page .menu-item .hover-content:before {
content: '';
width: 40px;
height: 40px;
background: url("../img/zoom-in.svg") no-repeat center;
}
.menu-page .menu-item .hover-content p {
width: 100%;
text-align: center;
}
.menu-page .show-more {
display: block;
border: 1px solid #ffc08e;
width: 250px;
margin: 20px auto 30px;
font-size: 18px;
padding: 12px 10px 11px;
text-align: center;
font-weight: 500;
cursor: pointer;
text-transform: uppercase;
transition: 0.25s;
}
.menu-page .show-more.active {
display: none;
}
.menu-page .show-more:hover {
background-color: #ffc08e;
}
.menu-page .lg-sub-html {
display: none;
}
.menu-page .nav-container {
width: 330px;
height: 110px;
background-color: #08474f;
text-align: center;
position: absolute;
top: calc(100% - 50px);
left: calc(50% - 55px);
padding-top: 40px;
}
.menu-page .nav-container .slick-dots {
list-style: none;
padding: 0;
margin: 0;
}
.menu-page .nav-container .slick-dots li {
display: inline-block;
}
.menu-page .nav-container .slick-dots li.slick-active button {
background-color: #ebecf5;
}
.menu-page .nav-container .slick-dots li button {
background-color: #ffc08e;
width: 5px;
height: 5px;
font-size: 0;
border: 0;
padding: 0;
outline: 0;
border-radius: 50%;
margin: 0 4px;
}
.menu-page .nav-container .slick-arrow {
position: absolute;
top: 45px;
padding: 0;
border: 0;
background-color: transparent;
outline: 0;
transition: 0.25s;
width: 25px;
height: 18px;
}
.menu-page .nav-container .slick-arrow svg {
fill: #fec18b;
max-height: 100%;
}
.menu-page .nav-container .slick-arrow:hover {
transform: scale(1.3);
}
.menu-page .nav-container .slick-arrow.prev-arrow {
left: 40px;
bottom: 32px;
}
.menu-page .nav-container .slick-arrow.next-arrow {
right: 40px;
bottom: 26px;
}
.menu-page .text-container {
margin-bottom: 40px;
}
.menu-page .text-container p {
font-size: 16px;
line-height: 1.5;
}
.menu-page .type-one-container {
margin-top: 50px;
}
.menu-page #nav-tabs {
list-style: none;
padding: 0;
margin: 0 0 20px;
}
.menu-page #nav-tabs li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-bottom: 5px;
}
.menu-page #nav-tabs li.current a {
font-weight: 700;
font-style: normal;
color: #ffc08e;
}
.menu-page #nav-tabs li.current a:after {
height: 3px;
background-color: #ffc08e;
}
.menu-page #nav-tabs a {
font-size: 20px;
font-weight: 300;
color: #262527;
text-decoration: none;
padding: 3px 10px 3px 20px;
position: relative;
display: block;
}
.menu-page #nav-tabs a:after {
content: '';
width: 12px;
height: 1px;
background-color: #262527;
position: absolute;
left: 0;
top: 16px;
}
.menu-page #tab-content>div {
display: block;
height: 0;
overflow: hidden;
}
.menu-page #tab-content>div.current {
height: auto;
overflow: visible;
}
@media (min-width: 1800px) {
.menu-page .main .container {
max-width: 1270px;
}
}
@media (max-width: 1799px) {
.menu-page h1 {
font-size: 60px;
margin-bottom: 50px;
}
}
@media (max-width: 1536px) {
.menu-page h1 {
font-size: 55px;
}
.menu-page .filter-controls button,
.menu-page .filter-controls a {
font-size: 18px;
}
.menu-page .filter-controls button:after,
.menu-page .filter-controls a:after {
top: 15px;
}
.menu-page .text-container p {
font-size: 14px;
}
.menu-page .nav-container {
top: calc(100% - 50px);
left: calc(50% - 155px);
}
}
@media (max-width: 1440px) {
.menu-page h1 {
font-size: 45px;
}
.menu-page .h3 {
font-size: 24px;
}
.menu-page .filter-controls {
margin-bottom: 40px;
}
.menu-page .filter-controls button,
.menu-page .filter-controls a {
font-size: 16px;
}
.menu-page .type-two-container .nav-container {
top: calc(100% - 50px);
}
}
@media (max-width: 1199px) {
.menu-page #wrapper {
background-size: 100px, 100px, 100px, 180px, 100px, 120px, 220px;
}
.menu-page h1 {
font-size: 36px;
margin-bottom: 30px;
}
.menu-page .h3 {
font-size: 24px;
}
.menu-page .filter-controls {
margin-bottom: 40px;
}
.menu-page .filter-controls button,
.menu-page .filter-controls a {
font-size: 14px;
}
.menu-page .filter-controls button:after,
.menu-page .filter-controls a:after {
top: 14px;
}
.menu-page .filter-controls button span,
.menu-page .filter-controls a span {
padding: 8px 5px;
}
.menu-page .mix-container {
height: 420px;
}
.menu-page .mix-container .row {
margin-right: -15px;
margin-left: -15px;
}
.menu-page .mix-container .col-md-4 {
padding-left: 15px;
padding-right: 15px;
}
.menu-page .menu-item {
margin-bottom: 30px;
}
.menu-page .show-more {
font-size: 16px;
width: 200px;
padding: 8px;
}
}
@media (max-width: 991px) {
.menu-page h1 {
font-size: 32px;
margin-bottom: 30px;
}
.menu-page .h3 {
font-size: 22px;
}
.menu-page .filter-controls {
margin-bottom: 40px;
}
.menu-page .filter-controls button,
.menu-page .filter-controls a {
font-size: 13px;
padding: 0 3px;
}
.menu-page .filter-controls button:after,
.menu-page .filter-controls a:after {
top: 13px;
}
.menu-page .filter-controls button span,
.menu-page .filter-controls a span {
padding: 8px 5px;
}
.menu-page .mix-container {
height: 300px;
}
.menu-page .text-container .h3 {
font-size: 20px;
margin-bottom: 15px;
}
.menu-page .text-container p {
font-size: 13px;
}
.menu-page #nav-tabs a {
font-size: 16px;
}
.menu-page #nav-tabs a:after {
top: 13px;
}
}
@media (max-width: 767px) {
.menu-page h1 {
font-size: 28px;
margin-bottom: 20px;
}
.menu-page .h3 {
font-size: 18px;
}
.menu-page .filter-controls {
display: block;
margin-right: 0;
margin-left: 0;
margin-bottom: 15px;
text-align: center;
}
.menu-page .filter-controls button,
.menu-page .filter-controls a {
font-size: 14px;
padding: 0 3px;
display: inline-block;
vertical-align: top;
margin: 0 0 5px;
}
.menu-page .filter-controls button:after,
.menu-page .filter-controls a:after {
display: none;
}
.menu-page .filter-controls button span,
.menu-page .filter-controls a span {
padding: 5px;
}
.menu-page .mix-container {
height: 350px;
}
.menu-page #nav-tabs a {
font-size: 14px;
padding-left: 15px;
padding-right: 1px;
margin-right: 0;
}
.menu-page #nav-tabs a:after {
width: 8px;
top: 11px;
}
}
@media (max-width: 575px) {
.menu-page .mix-container {
height: 240px;
width: 360px;
margin: 0 auto;
}
}
@media (max-width: 479px) {
.menu-page h1 {
font-size: 24px;
margin-bottom: 20px;
}
.menu-page .h3 {
font-size: 16px;
}
.menu-page .mix-container {
width: 290px;
height: 200px;
}
.menu-page .mix-container .row {
margin-right: -10px;
margin-left: -10px;
}
.menu-page .mix-container .col-md-4 {
padding-left: 10px;
padding-right: 10px;
}
.menu-page .mix-container .menu-item {
margin-bottom: 20px;
}
}
.event-page #wrapper {
background-image: url("../img/leaf-to-bottom.png"), url("../img/oak-leaf-right.png");
background-position: top 15% left 50px,
top 25% right 8%;
background-repeat: no-repeat;
background-size: 130px, 150px;
}
.event-page .main {
color: #fff;
}
.event-page .index-rooms {
background-color: #fff;
color: #242424;
}
.event-page .index-rooms h2 {
color: #111;
font-weight: 700;
font-size: 38px;
margin: 0 0 30px;
font-family: Georgia;
}
/*.event-page .index-rooms {
color: #242424;
}*/
.event-page .events-navigation {
text-align: center;
border-top: 1px solid #ffc08e;
padding: 60px 0 30px;
}
.event-page .events-navigation button,
.event-page .events-navigation a {
display: inline-block;
vertical-align: top;
padding: 0 20px;
font-size: 20px;
font-weight: 300;
border: 0;
outline: 0;
position: relative;
background-color: transparent;
color: #ddd;
text-decoration: none;
}
.event-page .events-navigation button:after,
.event-page .events-navigation a:after {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
position: absolute;
right: 0;
top: 19px;
background-color: #ddd;
}
.event-page .events-navigation button:last-of-type:after,
.event-page .events-navigation a:last-of-type:after {
display: none;
}
.event-page .events-navigation button.active span,
.event-page .events-navigation a.active span {
color: #262527;
background-color: #ffc08e;
font-weight: 500;
}
.event-page .events-navigation button:hover span,
.event-page .events-navigation a:hover span {
color: #ffc08e;
}
.event-page .events-navigation button span,
.event-page .events-navigation a span {
display: inline-block;
vertical-align: top;
padding: 8px 15px;
}
.event-start-section .type-three-container {
color: #fff;
}
.event-start-section .default-button {
width: 220px;
}
.event-start-section .type-three-container .slider-type-three .sm-img {
width: 400px;
height: 325px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.slider-type-three .sm-img a {
display: block;
width: 100%;
height: 100%;
outline: 0;
}
/*===== all events page =====*/
.events-page #wrapper {
background-image: url("../img/leaf-to-bottom.png"), url("../img/leaf-to-right.png"), url("../img/leaf-to-top-right.png"), url("../img/oak-leaf-top.png"), url("../img/dandelion-md.png");
background-position: top 20% left,
top 27% right 10%, top 60% right -20px,
top 55% left 150px,
bottom 0 left 40%;
background-repeat: no-repeat;
background-size: 150px, 150px, 180px, 180px, 220px;
}
.events-page .main {
padding-top: 250px;
}
.events-page h1 {
font-size: 72px;
color: #fff;
font-family: Georgia;
font-weight: bold;
margin: 0 0 50px;
text-transform: uppercase;
}
.events-page .event-item {
display: flex;
color: #fff;
align-items: center;
margin-bottom: 60px;
}
.events-page .event-item .img-block {
width: 400px;
flex: 0 0 400px;
}
.events-page .event-item .img-block picture {
display: flex;
width: 100%;
height: 100%;
}
.events-page .event-item .img-block img {
display: block;
max-width: 100%;
max-height: 450px;
border: 1px solid #fdc091;
}
.events-page .event-item .date-block {
font-size: 28px;
font-family: Georgia;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
height: 200px;
width: 270px;
border-right: 1px solid #ffc08a;
}
.events-page .event-item .name-block {
width: 60%;
padding-left: 70px;
}
.events-page .event-item .name-block .h3 {
font-size: 30px;
font-family: Georgia;
font-weight: bold;
}
.events-page .event-item .name-block p {
font-size: 13px;
text-transform: uppercase;
}
@media (min-width: 1800px) {
.event-page .main .container,
.events-page .main .container {
max-width: 1365px;
}
}
@media (max-width: 1799px) {
.event-page .slider-type-three {
width: 700px;
}
.event-page .slider-type-three .sm-img {
width: 650px;
height: 450px;
}
.event-page .slider-type-three .lg-img {
height: 550px;
width: 450px;
}
.event-page .type-three-container .slider-type-three .sm-img {
right: 100px;
}
.event-page #wrapper {
background-image: url(../img/leaf-to-bottom.png), url(../img/oak-leaf-right.png);
background-position: top 15% left 5px, top 25% right 8%;
background-size: 90px, 150px;
}
}
@media (max-width: 1536px) {
.event-page .main {
padding-top: 180px;
}
.event-page .type-three-container .slider-type-three {
width: 600px;
}
.event-page .type-three-container .slider-type-three .lg-img {
height: 500px;
width: 400px;
}
.event-page .type-three-container .slider-type-three .sm-img {
width: 350px;
height: 280px;
}
.event-page .type-three-container .text-container p {
font-size: 14px;
}
.events-page .main {
padding-top: 160px;
}
.events-page h1 {
font-size: 65px;
}
}
@media (max-width: 1440px) {
.events-page .main {
padding-top: 170px;
}
.events-page h1 {
font-size: 55px;
margin-bottom: 40px;
}
}
@media (max-width: 1199px) {
.event-page .type-three-container .text-container p {
font-size: 13px;
}
.event-page .type-three-container .slider-type-three {
width: 100%;
}
.event-page .type-three-container .slider-type-three .item {
padding-right: 15px;
height: auto;
padding-bottom: 30px;
}
.event-page .type-three-container .slider-type-three .lg-img {
height: 370px;
}
.event-page .type-three-container .slider-type-three .sm-img {
right: 0;
width: 250px;
height: 200px;
}
.event-page .events-navigation button,
.event-page .events-navigation a {
font-size: 14px;
padding: 0 15px;
}
.event-page .events-navigation button:after,
.event-page .events-navigation a:after {
top: 15px;
}
.events-page .event-item .name-block .h3 {
font-size: 24px;
}
.events-page .main {
padding-top: 150px;
}
.events-page h1 {
font-size: 36px;
margin-bottom: 35px;
}
.events-page .event-item .img-block {
width: 300px;
flex: 0 0 300px;
}
.events-page .event-item .img-block img {
display: block;
max-width: 100%;
max-height: 350px;
border: 1px solid #fdc091;
}
.events-page .event-item .date-block {
width: 200px;
}
.event-page #wrapper {
background-image: url(../img/oak-leaf-right.png);
background-position: top 25% right 8%;
background-size: 150px;
}
}
@media (max-width: 991px) {
.event-page .events-navigation {
padding: 30px 15px;
}
.event-page .events-navigation button,
.event-page .events-navigation a {
font-size: 14px;
}
.events-page #wrapper {
background-size: 90px, 100px, 100px, 100px, 100px;
}
.events-page .main {
padding-top: 130px;
}
.events-page h1 {
font-size: 32px;
}
.events-page .event-item {
margin-bottom: 30px;
}
.events-page .event-item .img-block {
width: 250px;
flex: 0 0 250px;
}
.events-page .event-item .img-block img {
max-height: 250px;
}
.events-page .event-item .date-block {
height: 120px;
width: 100px;
font-size: 18px;
}
.events-page .event-item .name-block {
padding-left: 30px;
}
.event-page #wrapper {
background-image: none;
}
}
@media (max-width: 767px) {
.events-page .event-item .name-block {
width: auto;
}
.event-page .main {
padding-top: 100px;
}
.event-page .type-three-container .text-container {
margin-bottom: 30px;
}
.event-page .type-three-container .slider-type-three .lg-img {
height: 250px;
width: 300px;
}
.event-page .type-three-container .slider-type-three .sm-img {
width: 200px;
height: 120px;
}
.event-page .events-navigation {
padding: 30px 15px 10px;
}
.event-page .events-navigation button,
.event-page .events-navigation a {
font-size: 14px;
padding: 0 15px;
margin: 0 0 10px;
}
.event-page .events-navigation button span,
.event-page .events-navigation a span {
padding: 5px;
}
.event-page .events-navigation button:after,
.event-page .events-navigation a:after {
display: none;
}
.events-page .main {
padding-top: 100px;
}
.events-page h1 {
font-size: 28px;
}
.events-page .event-item {
margin-bottom: 30px;
}
.events-page .event-item .img-block {
width: 200px;
flex: 0 0 200px;
}
.events-page .event-item .img-block img {
max-height: 200px;
}
.events-page .event-item .date-block {
height: 120px;
width: 150px;
font-size: 18px;
}
.events-page .event-item .name-block {
padding-left: 30px;
}
.events-page .event-item .name-block .h3 {
font-size: 16px;
}
}
@media (max-width: 575px) {
.events-page .event-item {
margin-bottom: 20px;
display: block;
border-bottom: 1px solid #fdc091;
padding-bottom: 10px;
}
.events-page .event-item .img-block {
width: 200px;
margin: 0 auto;
}
.events-page .event-item .img-block img {
max-height: 200px;
}
.events-page .event-item .date-block {
height: auto;
width: auto;
font-size: 16px;
border: 0;
text-align: center;
}
.events-page .event-item .name-block {
padding-left: 0;
}
.events-page .event-item .name-block .h3 {
font-size: 16px;
}
}
@media (max-width: 479px) {
.event-page .type-three-container .slider-type-three .lg-img {
height: 180px;
width: 250px;
}
.event-page .type-three-container .slider-type-three .sm-img {
width: 200px;
height: 120px;
}
}
.room-page .main {
background-image: url("../img/leaf-to-right.png"), url("../img/leaf-to-right.png");
background-position: top 120px left -50px, bottom 50px right 50px;
background-repeat: no-repeat;
background-size: 120px, 120px;
}
.room-page .main-footer {
z-index: 10;
}
.room-page h1 {
font-size: 72px;
color: #fff;
font-family: Georgia;
font-weight: bold;
margin: 0 0 20px;
text-align: right;
text-transform: uppercase;
}
.room-page .main {
padding-top: 250px;
}
.room-page .room-slider {
position: absolute;
width: 100%;
z-index: 100;
top: 50%;
transform: translateY(-50%);
left: 200px;
right: 0;
opacity: 0;
}
.room-page .room-slider.slick-initialized {
opacity: 1;
}
.room-page .room-slider .img-wrap {
height: 280px;
margin-bottom: 15px;
overflow: hidden;
}
.room-page .room-slider .img-block {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
transition: 2s;
}
.room-page .room-slider .text-block {
color: #fff;
max-width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
}
.room-page .room-slider .text-block a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: 0;
}
.room-page .room-slider .text-block hr {
border: 0;
border-top: 1px solid #fff;
}
.room-page .room-slider .text-block .h3 {
font-size: 18px;
font-family: Georgia;
font-weight: bold;
margin: 0 0 15px;
}
.room-page .room-slider .item {
outline: 0;
margin: 0 15px;
width: 25vw;
cursor: pointer;
}
.room-page .room-slider .item:hover .img-block {
transform: scale(1.1);
}
.room-page .room-slider .item:hover .text-block .h3 {
color: #ffc08e;
}
.room-page .room-slider .item:hover .text-block hr {
border-top: 1px solid #ffc08e;
}
.room-page .room-slider .slick-arrow {
position: absolute;
top: 35%;
margin-top: -25px;
width: 50px;
height: 50px;
border: 0;
outline: 0;
text-align: center;
background-color: transparent;
z-index: 10;
}
.room-page .room-slider .slick-arrow svg {
fill: #ffc08e;
}
.room-page .room-slider .slick-arrow.next-arrow {
right: 300px;
}
.room-page .room-slider .slick-arrow.prev-arrow {
left: -100px;
}
.room-page .room-slider-bg {
position: absolute;
top: 45%;
transform: translateY(-50%);
left: 0;
right: 0;
z-index: 10;
opacity: 0;
}
.room-page .room-slider-bg.slick-initialized {
opacity: 1;
}
.room-page .room-slider-bg .item {
height: 700px;
background-size: cover;
margin: 0 30px;
outline: 0;
width: 55vw;
opacity: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.room-page .room-slider-bg .item.slick-current {
opacity: 1;
}
.room-page .room-slider-bg .item.slick-current:after {
opacity: 1;
}
.room-page .room-slider-bg .item:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(38, 37, 39, 0.8);
opacity: 0;
}
.room-page .slider-container {
position: relative;
height: calc(100vh - 329px);
margin-left: 100px;
}
@media (max-width: 1799px) {
.room-page .main {
padding-top: 190px;
}
.room-page h1 {
font-size: 60px;
}
}
@media (max-width: 1536px) {
.room-page h1 {
font-size: 45px;
}
.room-page .main {
padding-top: 155px;
}
.room-page .room-slider-bg .item {
height: 450px;
}
}
@media (max-width: 1440px) {
.room-page .room-slider {
left: 100px;
}
.room-page .room-slider .item .img-wrap {
height: 180px;
}
.room-page .room-slider .slick-arrow {
top: 90px;
}
.room-page .room-slider .slick-arrow.next-arrow {
right: 100px;
}
.room-page .room-slider-bg {
top: 40%;
}
.room-page .room-slider-bg .item {
height: 350px;
width: 40vw;
}
.room-page .slider-container {
height: 400px;
margin-left: 0;
}
}
@media (max-width: 1199px) {
.room-page .main {
padding-top: 130px;
}
.room-page h1 {
text-align: right;
}
.room-page .room-slider .item {
width: 400px;
}
.room-page .room-slider .item .img-wrap {
height: 200px;
}
.room-page .room-slider-bg .item {
height: 350px;
width: 550px;
}
.room-page .slider-container {
height: 400px;
}
}
@media (max-width: 991px) {
.room-page .main {
background: #262527;
}
.room-page h1 {
font-size: 36px;
}
.room-page .room-slider .text-block .h3 {
font-size: 16px;
margin: 0 0 10px;
}
.room-page .room-slider .text-block p {
font-size: 13px;
}
.room-page .room-slider .item {
margin: 0 10px;
}
}
@media (max-width: 767px) {
.room-page .main {
padding-top: 80px;
}
.room-page h1 {
font-size: 30px;
margin-bottom: 60px;
}
.room-page .room-slider {
left: 30px;
}
.room-page .room-slider .item {
width: 250px;
}
.room-page .room-slider .item .img-wrap {
height: 150px;
margin-bottom: 10px;
}
.room-page .room-slider .slick-arrow {
width: 30px;
height: 30px;
top: 90px;
}
.room-page .room-slider .slick-arrow.prev-arrow {
left: -30px;
}
.room-page .room-slider .slick-arrow.next-arrow {
right: 30px;
}
.room-page .room-slider-bg .item {
width: 400px;
height: 300px;
}
.room-page .slider-container {
height: 300px;
}
}
@media (max-width: 575px) {
.room-page .room-slider-bg {
display: none;
}
}
.chef-page #wrapper {
background-image: url("../img/leaf-to-right.png"), url("../img/leaf-to-left.png"), url("../img/leaf-oak.png"), url("../img/flower-one.png"), url("../img/oak-leaf-right.png"), url("../img/dandelion-md.png");
background-position: top 25% left 10%,
top 7% right -10px,
top 42% right 3%,
top 42% left 20px,
top 55% left 25%,
bottom 100px left 30%;
background-repeat: no-repeat;
background-size: 180px, 220px, 120px, 180px, 100px, 220px;
}
.chef-page .main {
padding-top: 250px;
}
.chef-page h1 {
font-size: 72px;
text-transform: uppercase;
margin: 0 0 20px;
text-align: right;
font-weight: 700;
font-family: Georgia;
}
.chef-page .h3 {
font-weight: 700;
font-size: 30px;
margin: 0 0 30px;
font-family: Georgia;
}
.chef-page .type-one-container .nav-container {
top: calc(100% - 40px);
left: calc(50% + 40px);
}
.chef-page .type-one-container .video-container {
left: auto;
right: -150px;
}
.chef-page .type-one-container .slider-type-one .item .col-md-6:first-of-type {
align-items: center;
}
.chef-page .type-one-container .slider-type-one .item .img-container {
height: 600px;
width: 680px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.chef-page .type-one-container .slider-type-one .item .text-content {
padding-right: 30px;
padding-bottom: 0;
padding-left: 0;
}
.chef-page .type-two-container .nav-container {
top: calc(100% - 140px);
left: calc(50% + 80px);
}
.chef-page #nav-tabs {
list-style: none;
padding: 0;
margin: 0 0 20px;
}
.chef-page #nav-tabs li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-bottom: 5px;
}
.chef-page #nav-tabs li.current a {
font-weight: 700;
font-style: normal;
color: #ffc08e;
}
.chef-page #nav-tabs li.current a:after {
height: 3px;
background-color: #ffc08e;
}
.chef-page #nav-tabs a {
font-size: 20px;
font-weight: 300;
color: #262527;
text-decoration: none;
padding: 3px 10px 3px 20px;
position: relative;
display: block;
}
.chef-page #nav-tabs a:after {
content: '';
width: 12px;
height: 1px;
background-color: #262527;
position: absolute;
left: 0;
top: 16px;
}
.chef-page #tab-content>div {
display: block;
height: 0;
overflow: hidden;
}
.chef-page #tab-content>div.current {
height: auto;
overflow: visible;
}
.chef-page .text-container {
margin-bottom: 40px;
}
.chef-page .text-container p {
font-size: 16px;
line-height: 1.5;
}
.chef-page .slider-type-two p {
line-height: 1.5;
}
.chef-page .chef-quote {
box-shadow: 0 0 8px rgba(18, 18, 18, 0.2);
text-align: center;
}
.chef-page .chef-quote .container {
padding-top: 170px;
padding-bottom: 110px;
margin-bottom: 100px;
position: relative;
}
.chef-page .chef-quote .container:before {
content: '';
width: 50px;
height: 50px;
position: absolute;
top: 40px;
left: 15px;
background: url("../img/right-quotation-mark.svg") no-repeat center;
background-size: contain;
}
.chef-page .chef-quote .container>p {
font-size: 24px;
font-weight: 500;
font-style: italic;
margin: 0 0 20px;
}
.chef-page .chef-quote .text-right p {
font-style: italic;
font-size: 24px;
font-weight: 300;
}
.chef-page .chef-values {
box-shadow: 0 0 8px rgba(18, 18, 18, 0.2);
margin-bottom: 100px;
}
.chef-page .chef-values img {
display: block;
max-width: 280px;
max-height: 280px;
}
.chef-page .chef-values .col-md-4,
.chef-page .chef-values .col-md-8 {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
}
.chef-page .chef-values .h3 {
margin-bottom: 15px;
}
.chef-page .chef-values .container {
padding-top: 100px;
padding-bottom: 100px;
}
.chef-page .chef-values p {
font-size: 16px;
font-weight: 300;
margin-bottom: 15px;
}
.chef-page .type-three-container {
margin-bottom: 180px;
}
.chef-page .type-three-container .nav-container {
top: calc(100% - 30px);
}
.event-page .type-three-container .nav-container,
.index-page .type-three-container .nav-container {
/* left: calc(50% + 200px);
top: calc(100% - 80px);*/
}
.chef-page .slider-type-three .item {
padding-bottom: 0;
}
.chef-page .slider-type-three .lg-img {
height: 600px;
width: 480px;
}
.event-page .slider-type-three .sm-img,
.index-page .slider-type-three .sm-img,
.chef-page .slider-type-three .sm-img {
width: 720px;
height: 480px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 1800px) {
.chef-page .main .container {
max-width: 1330px;
}
}
@media (max-width: 1799px) {
.chef-page h1 {
font-size: 65px;
margin: 0 0 40px;
max-width: none;
text-align: right;
}
.chef-page .main {
padding-top: 220px;
}
.chef-page .type-one-container .video-container {
right: -100px;
}
.chef-page .type-one-container .nav-container {
left: calc(50% - 50px);
}
.chef-page .slider-type-three {
width: 700px;
}
.chef-page .slider-type-three .item {
height: auto;
}
.index-page .slider-type-three .sm-img,
.chef-page .slider-type-three .sm-img {
width: 650px;
height: 450px;
}
.chef-page .slider-type-three .lg-img {
height: 550px;
width: 450px;
}
.chef-page .type-two-container .nav-container {
top: calc(100% - 50px);
}
.chef-page .chef-quote .container {
padding-top: 100px;
padding-bottom: 80px;
}
.chef-page .chef-quote .container p {
font-size: 21px;
}
.chef-page .chef-quote .container:before {
width: 30px;
height: 30px;
}
}
@media (max-width: 1536px) {
.chef-page h1 {
font-size: 55px;
}
.chef-page .main {
padding-top: 180px;
}
.chef-page .type-one-container .video-container {
right: -50px;
}
.chef-page .slider-type-one .item .col-md-6 {
height: auto;
}
.chef-page .type-three-container .text-container p {
font-size: 14px;
}
.chef-page .slider-type-three {
width: 600px;
}
.index-page .slider-type-three .sm-img,
.chef-page .slider-type-three .sm-img {
width: 550px;
height: 350px;
}
.chef-page .slider-type-three .lg-img {
height: 450px;
width: 350px;
}
.chef-page .text-container p {
font-size: 14px;
}
.chef-page .chef-values img {
max-width: 220px;
max-height: 220px;
}
.chef-page .chef-values p {
font-size: 14px;
}
.chef-page .chef-values .container {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media (max-width: 1439px) {
.chef-page h1 {
font-size: 55px;
}
.chef-page .main {
padding-top: 180px;
}
.chef-page .type-one-container .nav-container {
left: calc(50% - 80px);
}
.chef-page .chef-quote .container {
padding-top: 80px;
padding-bottom: 70px;
}
.chef-page .chef-quote .container p {
font-size: 18px;
}
.chef-page .chef-quote .container:before {
top: 30px;
}
}
@media (max-width: 1199px) {
.chef-page #wrapper {
background-size: 100px, 100px, 120px, 100px, 100px, 100px;
}
.chef-page h1 {
font-size: 45px;
}
.chef-page .main {
padding-top: 150px;
}
.chef-page .type-one-container .nav-container {
left: calc(50% - 200px);
top: calc(100% - 1px);
z-index: 10;
}
.chef-page .type-one-container .slider-type-one .item .col-md-6 {
height: auto;
}
.chef-page .type-one-container .slider-type-one .item .img-container {
height: 400px;
}
.chef-page .type-three-container {
margin-bottom: 120px;
}
.chef-page .type-three-container .nav-container {
right: auto;
left: 60%;
}
.chef-page .slider-type-three {
width: 500px;
}
.index-page .slider-type-three .sm-img,
.chef-page .slider-type-three .sm-img {
width: 450px;
height: 250px;
}
.chef-page .slider-type-three .lg-img {
height: 400px;
width: 300px;
}
.chef-page .chef-quote .container {
padding-top: 80px;
padding-bottom: 70px;
margin-bottom: 70px;
}
.chef-page .chef-quote .container p {
font-size: 16px;
}
.chef-page .chef-quote .container:before {
width: 25px;
height: 25px;
top: 30px;
}
.chef-page .chef-values {
margin-bottom: 80px;
}
.chef-page .chef-values img {
max-width: 200px;
max-height: 200px;
margin: 0 auto 20px;
}
.chef-page .chef-values .container {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media (max-width: 991px) {
.chef-page h1 {
font-size: 36px;
margin-bottom: 30px;
}
.chef-page .h3 {
font-size: 22px;
}
.chef-page .main {
padding-top: 130px;
}
.chef-page .type-three-container {
margin-bottom: 80px;
}
.chef-page .type-three-container .text-container p {
font-size: 13px;
}
.chef-page .slider-type-three .item {
padding-right: 50px;
}
.index-page .slider-type-three .sm-img,
.chef-page .slider-type-three .sm-img {
width: 300px;
height: 150px;
right: 80px;
}
.chef-page .slider-type-three .lg-img {
height: 300px;
width: 250px;
}
.chef-page .slider-type-two .h4 {
font-size: 16px;
}
.chef-page .text-container p {
font-size: 13px;
}
.chef-page .chef-values p {
font-size: 13px;
}
.chef-page #nav-tabs a {
font-size: 16px;
}
.chef-page #nav-tabs a:after {
top: 13px;
}
.chef-page .chef-quote .container {
padding-top: 60px;
padding-bottom: 40px;
margin-bottom: 50px;
}
.chef-page .chef-quote .container p {
font-size: 14px;
}
.chef-page .chef-quote .container:before {
width: 25px;
height: 25px;
top: 30px;
}
.chef-page .chef-values {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.chef-page h1 {
font-size: 32px;
margin-bottom: 30px;
}
.chef-page .main {
padding-top: 80px;
}
.chef-page .type-one-container {
margin-bottom: 50px;
}
.chef-page .type-one-container .video-container {
top: calc(100% - 440px);
left: -10px;
width: 250px;
height: 150px;
}
.chef-page .type-one-container .nav-container {
top: auto;
left: 0;
right: 0;
margin: 0 auto;
bottom: 40px;
}
.chef-page .type-one-container .slider-type-one .item .img-container {
width: 100%;
height: 350px;
}
.chef-page .type-one-container .slider-type-one .item .col-md-6:first-of-type {
margin-bottom: 20px;
}
.chef-page .slider-type-three {
width: 100%;
}
.chef-page .slider-type-three .item {
padding-right: 0;
}
.chef-page .type-three-container .nav-container {
left: 0;
right: 0;
}
.chef-page .type-three-container .text-container {
padding-right: 0;
}
.chef-page #nav-tabs a {
font-size: 14px;
padding-left: 15px;
padding-right: 1px;
margin-right: 0;
}
.chef-page #nav-tabs a:after {
width: 8px;
top: 11px;
}
.chef-page .slider-type-two .col-md-6:last-of-type {
padding-top: 10px;
}
.chef-page .type-two-container .nav-container {
left: 0;
right: 0;
}
}
@media (max-width: 479px) {
.chef-page .slider-type-three .item {
padding-right: 50px;
}
.index-page .slider-type-three .sm-img,
.chef-page .slider-type-three .sm-img {
width: 250px;
height: 120px;
right: 0;
}
.chef-page .slider-type-three .lg-img {
height: 250px;
width: 180px;
}
.chef-page .type-one-container {
margin-bottom: 20px;
}
.chef-page #nav-tabs {
margin: 0 -5px;
}
.chef-page #nav-tabs li {
margin-right: 5px;
}
.chef-page #nav-tabs a {
font-size: 13px;
padding-left: 10px;
}
.chef-page #nav-tabs a:after {
top: 10px;
width: 5px;
}
}
.chef-page .social-container-chef {
display: flex;
}
.chef-page .social-container-chef a {
padding: 5px;
}
.chef-page .social-container-chef svg {
width: 20px;
fill: #08474f;
}
.chef-page .social-container-chef a:hover svg {
fill: #ffc08e;
}
.about-page #wrapper {
/* background-image: url("../img/leaf-to-right.png"), url("../img/leaf-to-left.png"), url("../img/leaf-oak.png"), url("../img/flower-one.png"), url("../img/oak-leaf-right.png"), url("../img/dandelion-md.png");
background-position: top 21% left 10%,
top 5% right 2%,
top 39% right 3%,
top 42% left 20px,
top 55% left 25%,
bottom 100px left 30%;
background-repeat: no-repeat;
background-size: 180px, 220px, 120px, 180px, 100px, 220px;*/
}
.h50 {
height: 50px;
}
.default-page .main {
padding-top: 230px;
}
.about-page h1 {
font-size: 72px;
text-transform: uppercase;
margin: 0 0 20px;
font-weight: 700;
font-family: Georgia;
text-align: right;
max-width: 100%;
}
.about-page .h3 {
font-weight: 700;
font-size: 30px;
margin: 0 0 30px;
font-family: Georgia;
}
.about-page .nav_menu {
padding-top: 15px;
}
.about-page .type-one-container .nav-container {
top: calc(100% - 40px);
left: calc(50% + 40px);
}
.about-page .type-one-container .video-container {
left: auto;
right: -150px;
}
.about-page .type-one-container .slider-type-one .item .col-md-6:first-of-type {
align-items: center;
}
.about-page .type-one-container .slider-type-one .item .img-container {
height: 600px;
width: 680px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.about-page .type-one-container .slider-type-one .item .text-content {
padding-right: 30px;
padding-bottom: 0;
padding-left: 0;
}
.about-page .type-one-container .slider-type-one .item .text-content strong {
font-weight: 500;
}
.about-page .about-companies {
box-shadow: 0 0 8px rgba(18, 18, 18, 0.2);
margin-bottom: 100px;
}
.about-page .about-companies img {
display: block;
max-width: 280px;
max-height: 280px;
}
.about-page .about-companies .col-md-4,
.about-page .about-companies .col-md-8 {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
}
.about-page .about-companies .h3 {
margin-bottom: 15px;
}
.about-page .about-companies .container {
padding-top: 80px;
padding-bottom: 80px;
}
.about-page .about-companies p {
font-size: 16px;
font-weight: 300;
margin-bottom: 15px;
line-height: 1.6;
}
.about-page .logos-slider {
width: 1000px;
padding: 0 40px;
}
.about-page .logos-slider .item {
display: flex;
align-items: center;
justify-content: center;
height: 120px;
}
.about-page .logos-slider .item img {
display: block;
max-width: 200px;
max-height: 115px;
}
.about-page .logos-slider .slick-arrow {
position: absolute;
top: 50%;
padding: 0;
border: 0;
background-color: transparent;
outline: 0;
transition: 0.25s;
width: 25px;
height: 18px;
}
.about-page .logos-slider .slick-arrow svg {
fill: #262527;
max-height: 100%;
}
.about-page .logos-slider .slick-arrow:hover {
transform: scale(1.3);
}
.about-page .logos-slider .slick-arrow.prev-arrow {
left: 0;
}
.about-page .logos-slider .slick-arrow.next-arrow {
right: 0;
}
.event-page #nav-tabs,
.index-page #nav-tabs,
.about-page #nav-tabs {
list-style: none;
padding: 0;
margin: 0 0 20px;
}
.event-page .nav_menu a {
color: #EBDDCB;
}
.event-page.white-page .nav_menu a {
color: #3A2625;
}
.event-page.white-page .nav_menu {
margin-top: 15px;
}
.event-page #nav-tabs li,
.index-page #nav-tabs li,
.about-page #nav-tabs li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-bottom: 5px;
}
.event-page #nav-tabs li.current a:not(:empty),
.index-page #nav-tabs li.current a:not(:empty),
.about-page #nav-tabs li.current a:not(:empty) {
background-color: #F9F2EA;
border-color: #FDC092;
}
/*.event-page #nav-tabs li.current a:after,
.index-page #nav-tabs li.current a:after,
.about-page #nav-tabs li.current a:after {
height: 3px;
background-color: #ffc08e;
}*/
.event-page #nav-tabs a,
.index-page #nav-tabs a,
.about-page #nav-tabs a {
font-size: 20px;
color: #3A2625;
text-decoration: none;
padding: 10px 20px;
position: relative;
display: block;
border: 1px solid transparent;
}
/*.event-page #nav-tabs a:after,
.index-page #nav-tabs a:after,
.about-page #nav-tabs a:after {
content: '';
width: 12px;
height: 1px;
background-color: #262527;
position: absolute;
left: 0;
top: calc(50% - 1px);
}
*/
.event-page #tab-content>div,
.index-page #tab-content>div,
.about-page #tab-content>div {
display: block;
height: 0;
overflow: hidden;
}
.event-page #tab-content>div.current,
.index-page #tab-content>div.current,
.about-page #tab-content>div.current {
height: auto;
overflow: visible;
}
.about-page .text-container {
margin-bottom: 40px;
}
.about-page .nav_menu a {
color: #3A2625;
}
.about-page .text-container p {
font-size: 16px;
line-height: 1.5;
}
.about-page .type-two-container .col-md-6 {
padding-top: 5px;
}
.about-page .slider-type-two p {
line-height: 1.5;
}
.about-page .slider-type-two .h4 {
font-size: 24px;
font-weight: 500;
font-style: italic;
}
.about-page .type-three-container {
margin-bottom: 80px;
}
.about-page .type-three-container .nav-container {
top: calc(100% - 30px);
}
.about-page .slider-type-three .item {
padding-bottom: 0;
}
.about-page .slider-type-three .lg-img {
height: 600px;
width: 480px;
}
.about-page .slider-type-three .sm-img {
width: 720px;
height: 480px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.about-achievement {
box-shadow: 0 0 8px rgba(18, 18, 18, 0.2);
margin-bottom: 100px;
background-image: url("../img/oak-leaf-top.png"), url("../img/oak-leaf-right.png");
background-position: top 35% right 20%,
top 33% right 3%;
background-repeat: no-repeat;
background-size: 120px, 150px;
}
.index-page .about-achievement {
margin-bottom: 0;
background-color: #EFF1F5;
box-shadow: none;
padding-top: 20px;
padding-bottom: 10px;
}
.index-page .achievement-slider-nav {
max-width: 1000px;
}
.about-achievement .container {
padding-top: 50px;
padding-bottom: 30px;
}
.about-achievement .text-sm {
max-width: 800px;
margin-bottom: 50px;
}
.about-achievement p {
font-size: 16px;
color: #08474f;
}
.achievement-slider-nav {
max-width: 785px;
padding-right: 75px;
padding-left: 75px;
margin-bottom: 50px;
color: #000;
position: relative;
}
.achievement-slider-nav:after {
content: '';
position: absolute;
left: 75px;
right: 75px;
top: 47px;
height: 1px;
background-color: #929293;
z-index: 1;
}
.achievement-slider-nav .slick-list {
z-index: 5;
}
.achievement-slider-nav .item {
outline: 0;
position: relative;
margin: 0 20px;
padding: 0 0 0 30px;
z-index: 5;
cursor: pointer;
}
.achievement-slider-nav .item .month-d {
margin-top: 60px;
position: relative;
}
.achievement-slider-nav .item .month-d:after {
content: '';
height: 32px;
width: 1px;
top: 2px;
left: 25px;
background-color: #262527;
position: absolute;
right: 0;
transform-origin: center;
transform: rotate(30deg);
}
.achievement-slider-nav .item .year-d {
margin-left: 30px;
}
.achievement-slider-nav .item:after {
content: '';
width: 10px;
height: 10px;
background-color: #262527;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 43px;
border-radius: 50%;
z-index: 5;
}
.achievement-slider-nav .item.slick-current {
color: #ffc08e;
}
.achievement-slider-nav .item.slick-current .month-d:after {
background-color: #ffc08e;
}
.achievement-slider-nav .item.slick-current:after {
background-color: #ffc08e;
}
.achievement-slider-nav .slick-arrow {
position: absolute;
top: 50%;
margin-top: -10px;
padding: 0;
border: 0;
background-color: transparent;
outline: 0;
transition: 0.25s;
width: 25px;
height: 18px;
z-index: 10;
}
.achievement-slider-nav .slick-arrow svg {
fill: #fec18b;
max-height: 100%;
}
.achievement-slider-nav .slick-arrow:hover {
transform: scale(1.3);
}
.achievement-slider-nav .slick-arrow.prev-arrow {
left: 0;
}
.achievement-slider-nav .slick-arrow.next-arrow {
right: 0;
}
.achievement-slider .item {
outline: 0;
}
.achievement-slider .h4 {
font-size: 24px;
margin: 0 0 20px;
font-weight: 700;
}
.achievement-slider .slide-date {
font-size: 16px;
font-weight: 300;
font-style: italic;
margin: 0 0 10px;
}
.achievement-slider p {
color: #000;
font-weight: 300;
margin: 0 0 15px;
}
.nav-container {
/* top: calc(100% - 180px);
left: calc(50% + 80px);*/
}
@media (min-width: 1800px) {
.about-page .main .container {
max-width: 1330px;
}
}
@media (max-width: 1799px) {
.about-page h1 {
font-size: 65px;
margin: 0 0 40px;
max-width: none;
}
.default-page .main {
padding-top: 172px;
}
.about-page .type-one-container .video-container {
right: -100px;
}
.about-page .type-one-container .nav-container {
left: calc(50% - 50px);
}
.about-page .slider-type-three {
width: 700px;
}
.about-page .slider-type-three .item {
height: auto;
}
.about-page .slider-type-three .sm-img {
width: 650px;
height: 450px;
}
.about-page .slider-type-three .lg-img {
height: 550px;
width: 450px;
}
.about-page .logos-slider {
width: 100%;
}
.about-page .logos-slider .item {
margin: 0 10px;
}
.about-page .logos-slider .item img {
max-width: 100%;
max-height: 100%;
}
.about-page .type-two-container .nav-container {
top: calc(100% - 50px);
}
}
@media (max-width: 1536px) {
.about-page h1 {
font-size: 55px;
}
.default-page .main {
padding-top: 160px;
}
.about-page .type-one-container .video-container {
right: -50px;
}
.about-page .type-three-container .text-container p {
font-size: 14px;
}
.about-page .slider-type-three {
width: 600px;
}
.about-page .slider-type-three .sm-img {
width: 550px;
height: 350px;
}
.about-page .slider-type-three .lg-img {
height: 450px;
width: 350px;
}
.about-page .about-companies p {
font-size: 14px;
}
.about-achievement p {
font-size: 14px;
}
.about-page .text-container p {
font-size: 14px;
}
}
@media (max-width: 1439px) {
.about-page h1 {
font-size: 55px;
}
.about-page .type-one-container .nav-container {
left: calc(50% - 80px);
}
.about-page .type-two-container .nav-container {
left: calc(50% - 80px);
}
}
@media (max-width: 1199px) {
.about-page h1 {
font-size: 45px;
}
.default-page .main {
padding-top: 58px;
}
.about-page .type-one-container .nav-container {
left: calc(50% - 200px);
top: calc(100% - 1px);
z-index: 10;
}
.about-page .type-one-container .slider-type-one .item .col-md-6 {
height: auto;
}
.about-page .type-one-container .slider-type-one .item .img-container {
height: 400px;
}
.about-page .type-three-container {
margin-bottom: 120px;
}
.about-page .type-three-container .nav-container {
right: auto;
left: 60%;
}
.about-page .slider-type-three {
width: 500px;
}
.about-page .slider-type-three .sm-img {
width: 450px;
height: 250px;
}
.about-page .slider-type-three .lg-img {
height: 400px;
width: 300px;
}
.about-page .about-companies .container {
padding-top: 50px;
padding-bottom: 50px;
}
.about-page .about-companies img {
max-width: 200px;
max-height: 200px;
}
.about-achievement {
margin-bottom: 50px;
}
}
@media (max-width: 991px) {
.about-page h1 {
font-size: 36px;
margin-bottom: 30px;
}
.about-page .h3 {
font-size: 22px;
}
.default-page .main {
padding-top: 60px;
}
.about-page .about-companies p {
font-size: 13px;
}
.about-page .about-companies .h3 {
font-size: 22px;
}
.about-page .type-three-container {
margin-bottom: 80px;
}
.about-page .type-three-container .text-container p {
font-size: 13px;
}
.about-page .slider-type-three .item {
padding-right: 50px;
}
.about-page .slider-type-three .sm-img {
width: 300px;
height: 150px;
}
.about-page .slider-type-three .lg-img {
height: 300px;
width: 250px;
}
.about-page .slider-type-two .h4 {
font-size: 16px;
}
.about-achievement p {
font-size: 13px;
}
.about-page .text-container p {
font-size: 13px;
}
.about-page #nav-tabs a {
font-size: 16px;
}
.about-page #nav-tabs a:after {
top: 13px;
}
}
@media (max-width: 767px) {
.about-page .about-companies img {
max-width: 120px;
max-height: 120px;
}
.about-page h1 {
font-size: 32px;
margin-bottom: 30px;
}
.about-page .type-one-container {
margin-bottom: 50px;
}
.about-page .type-one-container .video-container {
top: calc(100% - 440px);
left: -10px;
width: 250px;
height: 150px;
}
.about-page .type-one-container .nav-container {
top: auto;
left: 0;
right: 0;
margin: 0 auto;
bottom: 40px;
}
.about-page .type-one-container .slider-type-one .item .img-container {
width: 100%;
height: 350px;
}
.about-page .type-one-container .slider-type-one .item .col-md-6:first-of-type {
margin-bottom: 20px;
}
.about-page .slider-type-three {
width: 100%;
}
.about-page .slider-type-three .item {
padding-right: 0;
}
.about-page .type-three-container .nav-container {
left: 0;
right: 0;
}
.about-page .type-three-container .text-container {
padding-right: 0;
}
.about-page .about-companies {
margin: 0 15px 50px;
}
.about-page .about-companies img {
display: block;
margin: 0 auto 15px;
}
.about-page .about-companies .h3 {
text-align: center;
}
.about-page #nav-tabs a {
font-size: 14px;
padding-left: 15px;
padding-right: 1px;
margin-right: 0;
}
.about-page #nav-tabs a:after {
width: 8px;
top: 11px;
}
.about-achievement .text-sm {
margin-bottom: 0;
}
.achievement-slider .h4 {
font-size: 18px;
}
.achievement-slider-nav {
padding-left: 25px;
padding-right: 25px;
}
.achievement-slider-nav:after {
left: 30px;
right: 30px;
}
.achievement-slider-nav .item {
margin: 0 10px;
}
.about-page .type-two-container .nav-container {
left: 0;
}
}
@media (max-width: 479px) {
.about-page .slider-type-three .item {
padding-right: 50px;
}
.about-page .slider-type-three .sm-img {
width: 250px;
height: 120px;
}
.about-page .slider-type-three .lg-img {
height: 250px;
width: 180px;
}
.about-page .type-one-container {
margin-bottom: 20px;
}
.about-page #nav-tabs {
margin: 0 -5px;
}
.about-page #nav-tabs li {
margin-right: 5px;
}
.about-page #nav-tabs a {
font-size: 13px;
padding-left: 10px;
}
.about-page #nav-tabs a:after {
top: 10px;
width: 5px;
}
}
/*.index-video {
height: 550px;
position: relative;
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
}
.index-video video {
max-height: 100%;
max-width: 100%;
}
.index-video .video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.index-video .video-overlay picture {
width: 100%;
height: 100%;
display: flex;
}
.index-video .video-overlay img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: translate3d(0, 0, 1px);
}
.video-play {
width: 60px;
height: 60px;
position: absolute;
top: calc(50% - 30px);
left: calc(50% - 30px);
z-index: 10;
cursor: pointer;
}
.play-status,
.pause-status {
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
}
.play-status {
background: url(../img/play-circle.svg) no-repeat center;
background-size: contain;
display: block;
}
.pause-status {
background: url(../img/pause-circle.svg) no-repeat center;
background-size: contain;
display: none;
}
.index-video.active .video-overlay {
opacity: 0;
}
.index-video.active:hover .pause-status {
opacity: 1;
}
.video-play.active .play-status {
display: none;
}
.video-play.active .pause-status {
display: block;
opacity: 0;
}*/
@media(max-width: 1536px) {
.index-video {
height: 450px;
}
}
@media(max-width: 991px) {
.index-video {
height: 400px;
}
}
.video-hero {
max-height: 178px;
position: relative;
overflow: hidden;
transition: all 1s ease-in-out;
background: #000;
}
.video-hero #videoId {
width: 100%;
}
@media (min-width: 600px) {
.video-hero {
max-height: 300px;
}
}
@media (min-width: 768px) {
.video-hero {
max-height: 420px;
}
}
.video-hero h1,
.video-hero .play,
.video-hero .overlay,
.video-hero .video {
position: absolute;
}
.video-hero .overlay picture {
display: flex;
width: 100%;
height: 100%;
}
.video-hero .overlay img {
object-fit: cover;
height: 100%;
width:100%;
}
.video-hero h1 {
top: 10px;
text-align: center;
z-index: 155;
width: 100%;
color: #fff;
font-size: 25px;
}
.video-hero h1 span {
display: block;
font-size: 80%;
font-weight: 200;
}
@media (min-width: 600px) {
.video-hero h1 {
top: 20px;
font-size: 60px;
}
}
@media (min-width: 768px) {
.video-hero h1 {
top: 40px;
}
}
.video-hero .play {
bottom: 50%;
left: 50%;
margin-left: -35px;
z-index: 200;
margin-bottom: -35px;
color: #fff;
text-decoration: none;
background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/15309/play-circle.svg");
width: 70px;
height: 70px;
background-size: 100%;
}
.video-hero .play span {
display: inline-block;
text-indent: -999em;
}
.video-hero .play:hover {
opacity: .8;
}
@media (min-width: 600px) {
.video-hero .play {
bottom: 50%;
}
}
@media (min-width: 768px) {
.video-hero .play {
bottom: 50%;
}
}
.video-hero .vid-cap {
width: 100%;
height: auto;
z-index: 100;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 420px;
}
.video-hero .overlay {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 150;
}
.video-hero .video {
top: 0;
left: 0;
z-index: 50;
display: none;
}
.sub-hero {
padding: 0 1em;
margin-bottom: 100px;
}
.sub-hero h2 {
font-size: 30px;
}
@media (max-width: 600px) {
.video-hero .play {
bottom: 50%;
left: 50%;
margin-left: -20px;
z-index: 200;
margin-bottom: -20px;
color: #fff;
text-decoration: none;
background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/15309/play-circle.svg);
width: 40px;
height: 40px;
background-size: 100%;
}
}
.contacts-page .start-section .tour-3d {
bottom: 0;
right: 15px;
}
.contacts-page .href-map {
font-size: 16px;
color: #ffc08e;
display: inline-block;
margin: 15px 0;
text-decoration: none;
}
.contacts-page .nav_menu a {
color: #EBDDCB;
}
.contacts-page .map-img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 600px;
}
.contacts-page .container {
position: relative;
}
.contacts-page .main {
background-image: url("../img/leaf-to-bottom.png"), url("../img/leaf-to-left.png"), url("../img/leaf-to-right.png");
background-position: center left, top 180px right, bottom 15px right 50px;
background-repeat: no-repeat;
background-size: 180px, 200px, 180px;
}
.contacts-page .main .container {
padding-bottom: 80px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.contacts-page .main .container h1 {
font-size: 72px;
font-family: Georgia;
text-transform: uppercase;
margin: 0 0 25px;
line-height: 1;
text-align: right;
color: #fff;
letter-spacing: 1.5px;
margin-bottom: 40px;
}
.contacts-page .map-container iframe {
max-width: 100% !important;
height: 600px !important;
}
.contacts-page .text-container {
margin-left: -15px;
color: #fff;
margin-top: -11px;
}
.contacts-page .text-container .subtitle {
font-size: 16px;
color: #EBDDCB;
margin: 0 0 40px;
}
.contacts-page .form-container {
margin-bottom: 40px;
max-width: 550px;
}
.contacts-page .form-container .form-col {
width: 100%;
position: relative;
padding-bottom: 30px;
}
.contacts-page .form-container .form-col label.error {
position: absolute;
left: 0;
bottom: 10px;
font-size: 12px;
color: #dc002b;
}
.contacts-page .form-container .form-col.is-completed .translate-label {
font-size: 12px;
color: #999;
top: -10px;
}
.contacts-page .form-container .form-col.is-completed .translate-label span {
color: #999;
}
.contacts-page .form-container .form-col textarea {
height: 50px;
resize: vertical;
padding-top: 13px;
}
.contacts-page .form-container .translate-input {
width: 100%;
border: 0;
border: 1px solid transparent;
border-bottom: 1px solid #EBDDCB;
color: #fff;
outline: 0;
border-radius: 0;
height: 50px;
font-size: 16px;
background-color: transparent;
}
.contacts-page .form-container .translate-input.error {
border-bottom: 1px solid #dc002b;
}
.contacts-page .form-container .translate-input:focus {
box-shadow: none;
}
.contacts-page .form-container .translate-label {
position: absolute;
left: 0;
right: 0;
top: 14px;
font-size: 16px;
color: #fff;
transition: 0.25s;
pointer-events: none;
}
.contacts-page .form-container .translate-label span {
color: #7f00ff;
}
.contacts-page .form-container .text-right {
text-align: right;
}
.contacts-page .form-container .text-right .default-button {
border: 0;
text-transform: uppercase;
position: relative;
background-color: #281B1A;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.contacts-page .form-container .text-right .default-button img {
width: 22px;
}
.contacts-page .form-container .text-right .default-button:hover {
color: #fff;
gap: 14px;
background-color: #111;
}
.contacts-page .bottom-contacts {
padding-top: 50px;
padding-bottom: 25px;
margin-bottom: 25px;
position: relative;
}
.contacts-page .bottom-contacts .bottom-item {
margin-bottom: 20px;
}
.bottom-item .social-networks {
gap: 15px;
}
.contacts-page .bottom-contacts .h4 {
margin: 0 0 10px;
font-size: 18px;
letter-spacing: 1px;
color: #ECDDCA;
font-weight: 500;
}
.contacts-page .bottom-contacts p {
font-size: 15px;
margin: 0 0 10px;
font-weight: 300;
}
.contacts-page .bottom-contacts a {
color: #fff;
text-decoration: none;
}
.contacts-page .bottom-contacts a:hover {
text-decoration: underline;
}
.contacts-page .bottom-contacts:before {
content: '';
height: 1px;
width: 100vw;
position: absolute;
background-color: #616165;
top: 0;
left: 0;
}
.contacts-page .bottom-contacts:after {
content: '';
height: 1px;
width: 100vw;
position: absolute;
background-color: #616165;
bottom: 0;
left: 0;
}
@media (min-width: 1800px) {
.contacts-page .main .container {
max-width: 1440px;
}
}
@media (max-width: 1799px) {
.contacts-page .text-container {
padding-left: 50px;
}
.contacts-page .bottom-contacts:after,
.contacts-page .bottom-contacts:before {
width: 100%;
}
.contacts-page .bottom-contacts p {
font-size: 14px;
}
.contacts-page .main .container {
height: auto;
}
.contacts-page .main .container h1 {
font-size: 65px;
}
.contacts-page .text-container h1 {
font-size: 65px;
}
.contacts-page .bottom-contacts {
width: 100%;
flex-wrap: wrap;
}
.contacts-page .bottom-contacts .h4 {
font-size: 16px;
margin-bottom: 3px;
}
.contacts-page .bottom-contacts .bottom-item:after {
display: none;
}
.contacts-page .bottom-contacts .col-md-4 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 1400px) {
.contacts-page .main {
background-size: 120px, 120px, 120px;
}
.contacts-page .main h1 {
font-size: 55px;
}
.contacts-page .text-container {
margin-top: -9px;
}
.contacts-page .text-container h1 {
font-size: 55px;
}
.contacts-page .text-container .subtitle {
margin-bottom: 25px;
}
.contacts-page .bottom-contacts .h4 {
font-size: 16px;
margin-bottom: 3px;
}
.contacts-page .bottom-contacts .bottom-item:after {
display: none;
}
.contacts-page .bottom-contacts p {
font-size: 13px;
}
.contacts-page .bottom-contacts .bottom-item {
margin-left: -5px;
width: auto;
}
}
@media (max-width: 1199px) {
.contacts-page .main .container {
padding-top: 20px;
}
.contacts-page .main .container h1 {
font-size: 45px;
}
.contacts-page .text-container {
padding-left: 15px;
margin-top: -6px;
}
.contacts-page .text-container h1 {
font-size: 45px;
}
.contacts-page .text-container .subtitle {
font-size: 14px;
}
.contacts-page .form-container {
margin-bottom: 30px;
}
.contacts-page .form-container .form-col {
padding-bottom: 25px;
}
.contacts-page .form-container .translate-input {
height: 36px;
}
.contacts-page .form-container .translate-label {
font-size: 13px;
top: 10px;
}
.contacts-page .bottom-contacts {
padding-top: 30px;
}
.contacts-page .bottom-contacts:before {
width: 515px;
}
.contacts-page .bottom-contacts:after {
width: 515px;
}
.contacts-page .bottom-contacts .h4 {
font-size: 16px;
margin-bottom: 3px;
}
.contacts-page .bottom-contacts .bottom-item {
width: 100%;
margin-left: 0;
}
.contacts-page .bottom-contacts .bottom-item:after {
display: none;
}
.contacts-page .bottom-contacts .col-md-4 {
max-width: 100%;
flex: 0 0 100%;
}
}
@media (max-width: 991px) {
.contacts-page .main {
background-image: none;
}
.contacts-page .main h1 {
font-size: 32px;
}
.contacts-page .text-container h1 {
font-size: 32px;
}
.contacts-page .text-container .subtitle {
font-size: 13px;
margin-bottom: 15px;
}
.contacts-page .main .container .col-md-5,
.contacts-page .main .container .col-md-7 {
max-width: 50%;
flex: 0 0 50%;
}
.contacts-page .bottom-contacts:before {
width: 315px;
}
.contacts-page .bottom-contacts:after {
width: 315px;
}
.contacts-page .main .container h1 {
text-align: left;
margin-top: 30px;
}
}
@media (max-width: 767px) {
.contacts-page .start-section .tour-3d {
bottom: 0;
right: 15px;
left: auto;
}
.contacts-page .main .container h1 {
font-size: 28px;
}
.contacts-page .text-container {
padding-left: 0;
}
.contacts-page .text-container .subtitle {
font-size: 13px;
margin-bottom: 15px;
}
.contacts-page .form-container {
max-width: 100%;
}
.contacts-page .map-container iframe {
height: 400px !important;
}
.contacts-page .bottom-contacts {
margin-bottom: 20px;
}
.contacts-page .bottom-contacts:before {
width: 100%;
}
.contacts-page .bottom-contacts:after {
width: 100%;
}
.contacts-page .main .container .col-md-5,
.contacts-page .main .container .col-md-7 {
max-width: 100%;
flex: 0 0 100%;
}
.contacts-page .main .container .col-md-7 {
order: 0;
}
.contacts-page .main .container .col-md-5 {
order: 1;
}
.contacts-page .text-container {
margin-left: 0;
}
}
@media (max-width: 479px) {
.contacts-page .start-section .tour-3d {
bottom: -35px;
right: 15px;
left: auto;
}
.contacts-page .main {
padding-top: 60px;
}
}
.slide-buttons {
position: fixed;
right: -100px;
top: 150px;
border-right: 1px solid #504f51;
transition: 0.25s;
z-index: 1000;
}
.slide-buttons.active {
right: 0;
}
.slide-buttons .nav-toggle {
width: 60px;
height: 60px;
display: block;
color: #d8d9e1;
position: relative;
border: 1px solid #504f51;
border-right: 0;
background-color: #281B1A;
float: right;
margin-bottom: -1px;
transition: 0.3s;
outline: 0;
}
.slide-buttons .contacts-toggle {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
color: #d8d9e1;
position: relative;
border: 1px solid #504f51;
border-right: 0;
background-color: #281B1A;
float: right;
margin-top: -1px;
transition: 0.3s;
outline: 0;
cursor: pointer;
}
.slide-buttons .contacts-toggle:after {
content: '';
width: 30px;
height: 30px;
background: url(../img/icons/smartphone-icon.svg) no-repeat center;
background-size: contain;
}
.white-page .slide-buttons .contacts-toggle:after,
.slide-buttons .contacts-toggle:hover:after {
/* filter: brightness(0%);*/
}
.slide-buttons .contacts-toggle:hover,
.slide-buttons .nav-toggle:hover {
background-color: #3A2625 !important;
}
.slide-buttons .nav-toggle:hover span {
/* background-color: #08474f;*/
}
.slide-buttons .nav-toggle:hover span:before,
.slide-buttons .nav-toggle:hover span:after {
/* background-color: #08474f;*/
}
.slide-buttons .nav-toggle span {
position: absolute;
top: 29px;
left: 23px;
height: 1px;
width: 15px;
background-color: #fff;
}
.slide-buttons .nav-toggle span:before,
.slide-buttons .nav-toggle span:after {
content: "";
height: 1px;
width: 25px;
background-color: #fff;
position: absolute;
left: -5px;
}
.slide-buttons .nav-toggle span:before {
top: -10px;
}
.slide-buttons .nav-toggle span:after {
bottom: -10px;
}
.slide-buttons a:not(.contacts-toggle) {
clear: both;
display: block;
font-size: 16px;
color: #d8d9e1;
text-decoration: none;
font-weight: 300;
text-transform: uppercase;
padding: 18px 10px 18px 60px;
position: relative;
border: 1px solid #504f51;
transition: 0.25s;
border-right: 0;
margin-top: -1px;
right: calc(-100% + 60px);
background-color: #281B1A;
}
.slide-buttons a:hover {
right: 0!important;
}
.slide-buttons a:before {
content: '';
width: 25px;
height: 25px;
position: absolute;
left: 0;
}
.slide-buttons a.reservation-item:before {
background: url("../img/header-bell.svg") no-repeat center;
background-size: contain;
left: 15px;
top: 12px;
width: 27px;
height: 28px;
}
.slide-buttons a.events-item:before {
width: 24px;
height: 24px;
top: 15px;
left: 17px;
background: url("../img/header-calendar.svg") no-repeat center;
background-size: contain;
}
@media(max-width: 1536px) {
.slide-buttons .contacts-toggle,
.slide-buttons .nav-toggle {
width: 50px;
height: 50px;
}
.slide-buttons .nav-toggle span {
top: 25px;
left: 18px;
}
.slide-buttons a:not(.contacts-toggle) {
height: 50px;
padding: 0 10px 0 50px;
right: calc(-100% + 50px);
display: flex;
align-items: center;
}
.slide-buttons .contacts-toggle:after {
width: 27px;
height: 27px;
}
.slide-buttons a.reservation-item:before {
left: 13px;
top: 10px;
}
.slide-buttons a.events-item:before {
top: 12px;
left: 15px;
}
}
#wrapper {
position: relative;
overflow: hidden;
}
#page-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(38, 37, 39, 0.8);
z-index: 1000;
display: none;
}
.default-page {
background-color: #3A2625;
}
.default-page.white-page {
background-color: #fff;
}
.default-page #wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.default-page .main {
flex-grow: 1;
}
.type-one-container {
position: relative;
width: 100%;
margin-bottom: 240px;
}
.type-one-container .video-container {
position: absolute;
width: 400px;
height: 325px;
left: -150px;
bottom: -120px;
}
.type-one-container .video-container iframe {
width: 100% !important;
height: 100% !important;
}
.type-one-container .nav-container {
width: 330px;
height: 110px;
background-color: rgba(8, 71, 79, .8);
text-align: center;
position: absolute;
padding-top: 40px;
}
.type-one-container .nav-container .slick-dots {
list-style: none;
padding: 0;
margin: 0;
}
.type-one-container .nav-container .slick-dots li {
display: inline-block;
}
.type-one-container .nav-container .slick-dots li.slick-active button {
background-color: #ebecf5;
}
.type-one-container .nav-container .slick-dots li button {
background-color: #ffc08e;
width: 5px;
height: 5px;
font-size: 0;
border: 0;
padding: 0;
outline: 0;
border-radius: 50%;
margin: 0 4px;
}
.type-one-container .nav-container .slick-arrow {
position: absolute;
top: 45px;
padding: 0;
border: 0;
background-color: transparent;
outline: 0;
transition: 0.25s;
width: 25px;
height: 18px;
}
.type-one-container .nav-container .slick-arrow svg {
fill: #fec18b;
max-height: 100%;
}
.type-one-container .nav-container .slick-arrow:hover {
transform: scale(1.3);
}
.type-one-container .nav-container .slick-arrow.prev-arrow {
left: 40px;
bottom: 32px;
}
.type-one-container .nav-container .slick-arrow.next-arrow {
right: 40px;
bottom: 26px;
}
.slider-type-one {
width: 100%;
}
.slider-type-one .item {
outline: 0;
}
.slider-type-one .item .col-md-6 {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
min-height: 600px;
}
.slider-type-one .item img {
display: block;
width: auto;
max-height: 600px;
max-width: 100%;
/*box-shadow: 0 0 10px rgba(18, 18, 18, 0.2); */
}
.slider-type-one .item .img-container {
cursor: pointer;
}
.slider-type-one .item .text-content {
padding-left: 25px;
padding-bottom: 150px;
}
.slider-type-one .item .text-content .h3 {
font-weight: 700;
font-size: 30px;
margin: 0 0 20px;
font-family: Georgia;
}
.slider-type-one .item .text-content p {
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.type-two-container {
position: relative;
}
.type-two-container .nav-container {
width: 330px;
height: 110px;
background-color: rgba(8, 71, 79, .8);
text-align: center;
position: absolute;
padding-top: 40px;
}
.type-two-container .nav-container .slick-dots {
list-style: none;
padding: 0;
margin: 0;
}
.type-two-container .nav-container .slick-dots li {
display: inline-block;
}
.type-two-container .nav-container .slick-dots li.slick-active button {
background-color: #ebecf5;
}
.type-two-container .nav-container .slick-dots li button {
background-color: #ffc08e;
width: 5px;
height: 5px;
font-size: 0;
border: 0;
padding: 0;
outline: 0;
border-radius: 50%;
margin: 0 4px;
}
.type-two-container .nav-container .slick-arrow {
position: absolute;
top: 45px;
padding: 0;
border: 0;
background-color: transparent;
outline: 0;
transition: 0.25s;
width: 25px;
height: 18px;
}
.type-two-container .nav-container .slick-arrow svg {
fill: #fec18b;
max-height: 100%;
}
.type-two-container .nav-container .slick-arrow:hover {
transform: scale(1.3);
}
.type-two-container .nav-container .slick-arrow.prev-arrow {
left: 40px;
bottom: 32px;
}
.type-two-container .nav-container .slick-arrow.next-arrow {
right: 40px;
bottom: 26px;
}
.slider-type-two {
margin-right: -200px;
margin-bottom: 50px;
}
.slider-type-two .item {
outline: 0;
padding-right: 15px;
padding-bottom: 80px;
position: relative;
height: 700px;
}
.slider-type-two .col-md-6 {
position: static;
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
text-align: left;
}
.slider-type-two .col-md-6:last-of-type {
padding-top: 50px;
}
.slider-type-two .h2,
.slider-type-two .h3 {
text-align: left;
width: 100%;
margin: 0 0 15px;
}
.slider-type-two p {
font-size: 16px;
font-weight: 300;
max-width: 550px;
}
.slider-type-two .lg-img {
width: 100%;
height: 500px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
/*box-shadow: 0 0 10px rgba(18, 18, 18, 0.2); */
}
.slider-type-two .sm-img {
/*box-shadow: 0 0 10px rgba(18, 18, 18, 0.2);*/
position: absolute;
right: 0;
bottom: 0;
}
.slider-type-two .sm-img img {
display: block;
max-width: 400px;
max-height: 325px;
}
.type-three-container {
position: relative;
margin-bottom: 110px;
}
.type-three-container .text-container {
padding-right: 30px;
}
.type-three-container .text-container .h2 {
font-size: 32px;
font-family: Georgia;
font-weight: bold;
margin: 0 0 30px;
}
.type-three-container .text-container h1,
.type-three-container .text-container .h2 h1 {
font-size: 42px;
font-family: Georgia;
font-weight: bold;
margin: 0 0 30px;
}
.type-three-container .text-container p {
font-size: 16px;
font-weight: 400;
margin: 0 0 20px;
}
.type-three-container .text-container .default-button {
margin-top: 30px;
padding: 12px 30px;
width: 100%;
max-width: 420px;
}
.type-three-container .col-md-6 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.type-three-container .nav-container {
display: flex;
align-items: center;
justify-content: center;
width: 330px;
height: 110px;
background-color: rgba(8, 71, 79, .8);
text-align: center;
position: relative;
/* position: absolute;*/
/* top: calc(100% - 110px);
left: calc(50% + 75px);*/
padding-top: 40px;
}
.type-three-container .nav-container .slick-dots {
list-style: none;
padding: 0;
margin: 0 25px;
display: flex;
align-items: center;
justify-content: center;
order: 2;
}
.type-three-container .nav-container .slick-dots li {
display: inline-block;
}
.type-three-container .nav-container .slick-dots li.slick-active button {
background-color: #ebecf5;
}
.type-three-container .nav-container .slick-dots li button {
display: block;
background-color: #ffc08e;
width: 5px;
height: 5px;
font-size: 0;
border: 0;
padding: 0;
outline: 0;
border-radius: 50%;
margin: 0 4px;
}
.type-three-container .nav-container .slick-arrow {
padding: 0;
border: 0;
background-color: transparent;
outline: 0;
transition: 0.25s;
width: 25px;
height: 18px;
}
.type-three-container .nav-container .slick-arrow svg {
fill: #fec18b;
max-height: 100%;
}
.type-three-container .nav-container .slick-arrow:hover {
transform: scale(1.3);
}
.type-three-container .nav-container .slick-arrow.prev-arrow {
order: 1;
}
.type-three-container .nav-container .slick-arrow.next-arrow {
order: 3;
}
.slider-type-three {
width: 800px;
}
.slider-type-three .item {
outline: 0;
padding-right: 180px;
padding-bottom: 80px;
padding-top: 5px;
padding-left: 5px;
position: relative;
height: 605px;
display: flex;
align-items: flex-end;
}
.slider-type-three .lg-img {
width: 100%;
height: 500px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
/* box-shadow: 0 0 10px rgba(18, 18, 18, 0.2); */
}
.slider-type-three .lg-img a {
display: block;
width: 100%;
height: 100%;
outline: 0;
}
.slider-type-three .sm-img {
/*box-shadow: 0 0 10px rgba(18, 18, 18, 0.2);*/
position: absolute;
right: 0;
bottom: 0;
}
.slider-type-three .sm-img img {
display: block;
height: 100%;
width: auto;
}
.single-slide .sm-img {
position: static;
margin: 0 auto;
width: 100%!important;
}
.single-slide .slider-type-three .item {
padding: 0;
}
.type-three-container.single-slide .nav-container {
padding-top: 20px;
height: auto;
width: 100%;
background-color: transparent;
position: static;
}
.single-slide .nav-container .slick-arrow svg {
fill: #3A2625;
}
.single-slide .nav-container .slick-dots li button {
background-color: #3A2625;
}
.single-slide .nav-container .slick-dots li.slick-active button {
background-color: #EBDDCB;
}
.brown-section .single-slide .nav-container .slick-dots li.slick-active button {
background-color: #fff;
}
.default-dots .nav-container {
padding-top: 20px;
height: auto;
width: 100%;
background-color: transparent;
position: static;
}
.default-dots .nav-container .slick-arrow svg {
fill: #3A2625;
}
.default-dots .nav-container .slick-dots li button {
background-color: #3A2625;
}
.default-dots .nav-container .slick-dots li.slick-active button {
background-color: #EBDDCB;
}
.brown-section .default-dots .nav-container .slick-dots li.slick-active button {
background-color: #fff;
}
.fill-dark .default-dots .nav-container .slick-arrow svg {
fill: #ECDDCA;
}
.fill-dark .default-dots .nav-container .slick-dots li button {
background-color: #ECDDCA;
}
.fill-dark .default-dots .nav-container .slick-dots li.slick-active button {
background-color: #111;
}
.fill-white .default-dots .nav-container .slick-dots li.slick-active button {
background-color: #ECDDCA;
}
.not-found {
height: 100vh;
overflow: hidden;
}
.not-found .main {
padding-top: 250px;
}
.not-found .main .container {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
color: #fff;
height: calc(100vh - 340px);
}
.not-found .main .notfound-logo {
margin-bottom: 40px;
}
.not-found .main .notfound-logo img {
display: block;
max-width: 40vh;
margin: 0 auto;
}
.not-found .main h1 {
font-size: 72px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 30px;
line-height: 1;
}
.not-found .main p {
font-size: 30px;
font-family: Georgia;
text-align: center;
margin: 0 0 40px;
}
.datepicker-container {
z-index: 100000 !important;
border: 1px solid #ECDDCA;
}
.datepicker-top-left:before,
.datepicker-top-right:before {
border-bottom-color: #ECDDCA;
}
@media (max-width: 1799px) {
.type-one-container .nav-container {
height: 80px;
padding-top: 26px;
}
.type-one-container .nav-container .slick-arrow {
top: 33px;
}
.slider-type-one .item .col-md-6 {
min-height: 500px;
}
.type-two-container .nav-container {
height: 80px;
padding-top: 26px;
bottom: 0;
}
.type-two-container .nav-container .slick-arrow {
top: 33px;
}
.slider-type-two {
margin-right: -100px;
}
.slider-type-two .col-md-6 {
flex-wrap: wrap;
}
.slider-type-two p,
.slider-type-two .h4 {
width: 100%;
}
.slider-type-two .item {
padding-bottom: 40px;
height: 550px;
}
.slider-type-two .item .col-md-6 {
height: 500px;
}
.slider-type-two .sm-img img {
max-width: 300px;
max-height: 180px;
}
.type-three-container .nav-container {
height: 80px;
padding-top: 26px;
}
.type-three-container .nav-container .slick-arrow {
top: 33px;
}
}
@media (max-width: 1536px) {
.type-one-container {
margin-bottom: 180px;
}
.type-one-container .video-container {
left: -80px;
bottom: -80px;
width: 350px;
height: 260px;
}
.type-one-container .nav-container {
height: 80px;
padding-top: 26px;
}
.type-one-container .nav-container .slick-arrow {
top: 33px;
}
.slider-type-one .item .col-md-6 {
height: 450px;
}
.slider-type-one .item .text-content p {
font-size: 14px;
}
.slider-type-two {
margin-right: -100px;
}
.slider-type-two .item {
padding-bottom: 40px;
height: 450px;
}
.slider-type-two .item .col-md-6 {
height: 400px;
}
.slider-type-two .lg-img {
height: 400px;
}
.slider-type-two .sm-img img {
max-width: 300px;
max-height: 180px;
}
.slider-type-two p {
font-size: 14px;
}
.not-found {
height: auto;
min-height: 100vh;
overflow: visible;
}
.not-found .main {
padding-top: 200px;
}
.not-found .main h1 {
font-size: 50px;
}
.not-found .main p {
font-size: 24px;
}
.not-found .main .default-button {
padding: 10px 40px;
}
.not-found .main .notfound-logo img {
max-width: 20vh;
}
}
@media (max-width: 1440px) {
.type-one-container {
margin-bottom: 150px;
}
.type-one-container .video-container {
left: -50px;
bottom: -50px;
}
.slider-type-one .item .text-content .h3 {
font-size: 24px;
}
.type-two-container .nav-container {
left: calc(50% - 20px);
}
.type-two-container .nav-container .slick-arrow {
top: 33px;
}
.slider-type-two {
margin-right: -15px;
}
.slider-type-two .item {
padding-bottom: 40px;
height: 450px;
}
.slider-type-two .item .col-md-6 {
height: 450px;
}
.slider-type-two .lg-img {
height: 400px;
}
.slider-type-two .sm-img img {
max-width: 300px;
max-height: 180px;
}
.not-found .main {
padding-top: 150px;
}
.not-found .main h1 {
font-size: 36px;
margin: 0 0 20px;
}
.not-found .main p {
font-size: 18px;
margin: 0 0 25px;
}
}
@media (max-width: 1280px) {
.type-one-container .video-container {
left: -15px;
bottom: -15px;
width: 300px;
height: 200px;
}
.type-one-container .nav-container {
height: 80px;
padding-top: 26px;
}
.type-one-container .nav-container .slick-arrow {
top: 33px;
}
.slider-type-one .item .col-md-6 {
height: 400px;
}
.type-two-container .nav-container {
height: 80px;
padding-top: 26px;
}
.type-two-container .nav-container .slick-arrow {
top: 33px;
}
}
@media (max-width: 1199px) {
.type-one-container .nav-container {
width: 250px;
height: 60px;
left: 0;
right: 0;
top: calc(100% - 20px);
margin: 0 auto;
padding-top: 15px;
}
.type-one-container .nav-container .slick-arrow {
top: 22px;
}
.type-one-container .nav-container .slick-arrow.prev-arrow {
left: 15px;
}
.type-one-container .nav-container .slick-arrow.next-arrow {
right: 15px;
}
.slider-type-one .item .text-content {
padding-bottom: 40px;
}
.type-two-container .nav-container {
width: 250px;
height: 60px;
left: 0;
right: 0;
margin: 0 auto;
padding-top: 15px;
}
.type-two-container .nav-container .slick-arrow {
top: 22px;
}
.type-two-container .nav-container .slick-arrow.prev-arrow {
left: 15px;
}
.type-two-container .nav-container .slick-arrow.next-arrow {
right: 15px;
}
.type-three-container .nav-container {
width: 250px;
height: 60px;
left: 0;
right: 0;
top: calc(100% - 20px);
margin: 0 auto;
padding-top: 15px;
}
.type-three-container .nav-container .slick-arrow {
top: 22px;
}
.type-three-container .nav-container .slick-arrow.prev-arrow {
left: 15px;
}
.type-three-container .nav-container .slick-arrow.next-arrow {
right: 15px;
}
.not-found .main h1 {
font-size: 32px;
}
.not-found .main p {
max-width: 500px;
font-size: 18px;
margin: 0 auto 25px;
}
}
@media (max-width: 991px) {
.type-one-container .video-container {
width: 250px;
height: 150px;
}
.type-one-container .nav-container {
left: 100px;
}
.slider-type-one .item .col-md-6 {
height: 250px;
}
.slider-type-one .item .text-content .h3 {
font-size: 18px;
}
.slider-type-one .item .text-content p {
font-size: 13px;
}
.slider-type-two .lg-img {
height: 300px;
}
.slider-type-two .h2,
.slider-type-two .h3 {
font-size: 18px;
}
.slider-type-two p {
font-size: 13px;
}
.not-found {
overflow: visible;
}
.not-found .main {
padding-top: 50px;
}
.not-found .main .container {
height: auto;
padding-top: 100px;
padding-bottom: 100px;
}
.not-found .main p {
font-size: 16px;
}
}
@media (max-width: 767px) {
.type-one-container {
margin-bottom: 80px;
}
.type-one-container .nav-container {
position: relative;
left: auto;
right: auto;
}
.type-one-container .video-container {
bottom: auto;
top: -15px;
left: -15px;
width: 200px;
height: 100px;
}
.slider-type-one .item .col-md-6 {
display: block;
height: auto;
}
.slider-type-one .item img {
max-height: 350px;
max-width: 100%;
width: auto;
margin: 0 auto;
}
.slider-type-one .item .img-container {
margin-bottom: 20px;
}
.slider-type-one .item .text-content {
padding-left: 0;
padding-bottom: 0;
}
.type-two-container .nav-container {
bottom: -30px;
}
.slider-type-two {
margin-right: 0;
}
.slider-type-two .item {
padding-right: 0;
height: auto;
}
.slider-type-two .item .col-md-6 {
height: auto;
}
.slider-type-two .lg-img {
width: 280px;
height: 280px;
margin: 0 auto;
}
.slider-type-two .sm-img {
right: 0;
}
.slider-type-two .sm-img img {
max-width: 250px;
max-height: 130px;
}
.slider-type-two .h2,
.slider-type-two .h3 {
font-size: 18px;
}
.slider-type-two p {
font-size: 13px;
}
.not-found .main .container {
padding-top: 60px;
padding-bottom: 50px;
}
.row.reverse-mobile {
flex-direction: column-reverse;
}
.type-three-container .text-container {
padding-right: 0;
}
.row.reverse-mobile .nav-container {
margin-bottom: 30px;
}
}
.default-page .main-header.fixed .sm-logo {
background: #fff;
}
.main-footer {
color: #bbb;
position: relative;
background-color: #281B1A;
}
.footer-content {
padding: 70px 0 60px;
}
.footer-content .default-button {
width: 250px;
font-size: 16px;
display: block;
margin-bottom: 20px;
border: 2px solid #ECDDCA;
color: #ECDDCA;
}
.footer-content .default-button:hover {
color: #281B1A;
background-color: #ECDDCA;
}
.footer-content .footer-logo {
width: 200px;
margin-bottom: 15px;
}
.footer-content .footer-logo img {
display: block;
max-width: 100%;
}
.footer-content ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-content .payment-box p {
font-size: 16px;
margin: 0 0 10px;
}
.footer-content .payment-item {
display: inline-block;
vertical-align: top;
margin-right: 10px;
width: 60px;
}
.footer-content .payment-item img {
display: block;
max-width: 100%;
}
.footer-content ul li {
margin-bottom: 12px;
}
.footer-content ul li a {
font-size: 17px;
text-decoration: none;
}
.footer-content ul li a:hover {
text-decoration: underline;
color: #fff;
}
.footer-social {
margin-bottom: 25px;
}
.footer-social p {
font-size: 16px;
margin: 0 0 10px;
}
.footer-social .social-networks {
gap: 18px;
}
.footer-social .social-networks a:hover svg {
fill: #EBDDCB;
}
.main-footer .h3 {
color: #fff;
font-size: 24px;
font-weight: 700;
font-family: Georgia;
margin: 0 0 15px;
}
.main-footer .contacts-list strong {
color: #bbb;
font-weight: 400;
font-size: 14px;
}
.main-footer .contacts-list .list-item {
margin-bottom: 12px;
font-size: 16px;
}
.main-footer .contacts-list .list-item p {
margin: 0 0 12px;
color: #fff;
}
.main-footer .contacts-list .list-item a {
text-decoration: none;
color: #fff;
}
.main-footer .contacts-list .list-item a:hover {
text-decoration: underline;
}
.main-footer ul li a {
color: #ECDDCA;
}
.footer-bottom {
padding: 15px 0;
background-color: #111;
}
.footer-bottom .container {
display: flex;
justify-content: space-between;
}
.main-footer .footer-bottom a {
color: #bbb;
text-decoration: none;
}
.main-footer .footer-bottom a:hover {
color: #fff;
}
.reserv-popup {
width: 1380px;
padding: 50px;
background-color: #EBDDCB;
background-image: url("../img/leaf-to-right.png");
background-repeat: no-repeat;
background-position: bottom 50px right 50px;
background-size: 120px;
overflow: visible;
}
.reserv-popup .fancybox-close-small svg {
fill: #fff !important;
}
.reserv-popup .fancybox-close-small svg path {
fill: #fff !important;
}
.reserv-popup .col-md-6 {
display: flex;
align-items: center;
flex-wrap: wrap;
height: 500px;
}
.reserv-popup .left-col {
width: 100%;
padding-right: 30px;
}
.reserv-popup .select-container {
padding-top: 25px;
height: 110px;
text-align: center;
position: relative;
width: 600px;
margin-bottom: 55px;
}
.reserv-popup .select-container:before,
.reserv-popup .select-container:after {
content: '';
position: absolute;
border: 1px solid #3A2625;
pointer-events: none;
z-index: 1;
}
.reserv-popup .select-container:before {
left: -10px;
top: -10px;
right: 10px;
bottom: 10px;
}
.reserv-popup .select-container:after {
left: 10px;
top: 10px;
right: -10px;
bottom: -10px;
}
.reserv-popup .select-container label {
display: block;
color: #7E7A7A;
text-transform: uppercase;
font-size: 13px;
}
.reserv-popup .select-container .select-button {
height: 45px;
font-family: Georgia;
font-weight: bold;
color: #3A2625;
font-size: 22px;
cursor: pointer;
position: relative;
}
.reserv-popup .select-container .select-button:after {
content: '';
width: 0;
height: 0;
border-top: 7px solid #3A2625;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
}
.reserv-popup .select-container .select-dropdown {
position: absolute;
left: 10px;
right: 10px;
top: 100px;
background-color: #fff;
list-style: none;
padding: 0;
margin: 0;
z-index: 10;
border: 1px solid #ECDDCA;
}
.reserv-popup .select-container .select-dropdown a {
text-decoration: none;
font-weight: bold;
display: block;
color: #3A2625;
font-size: 16px;
font-family: Georgia;
padding: 8px;
}
.reserv-popup .select-container .select-dropdown a:hover {
background-color: #ECDDCA;
}
.reserv-popup .date-select {
padding-top: 20px;
height: 110px;
text-align: center;
position: relative;
margin-bottom: 55px;
cursor: pointer;
width: 600px;
}
.reserv-popup .date-select i {
width: 0;
height: 0;
border-top: 7px solid #3A2625;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 20px;
}
.reserv-popup .date-select:before,
.reserv-popup .date-select:after {
content: '';
position: absolute;
border: 1px solid #3A2625;
pointer-events: none;
z-index: 1;
}
.reserv-popup .date-select:before {
left: -10px;
top: -10px;
right: 10px;
bottom: 10px;
}
.reserv-popup .date-select:after {
left: 10px;
top: 10px;
right: -10px;
bottom: -10px;
}
.reserv-popup .date-select label {
display: block;
color: #7E7A7A;
text-transform: uppercase;
font-size: 13px;
position: absolute;
top: 0;
padding-top: 20px;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.reserv-popup .date-select input {
display: block;
width: 100%;
text-align: center;
height: 65px;
font-family: Georgia;
font-weight: bold;
color: #3A2625;
font-size: 22px;
cursor: pointer;
position: relative;
background-color: transparent;
border: 1px solid transparent;
outline: 0;
padding-top: 12px;
}
.reserv-popup .date-select input::placeholder {
color: #3A2625;
}
.reserv-popup .date-select .datepicker-container {
position: absolute;
top: 110px !important;
left: 0 !important;
right: 0;
margin: 0 auto;
box-shadow: none;
}
.reserv-popup .date-select .datepicker-container:before,
.reserv-popup .date-select .datepicker-container:after {
display: none;
}
.reserv-popup .double-select {
padding-top: 43px;
height: 110px;
text-align: center;
position: relative;
margin-bottom: 55px;
width: 600px;
}
.reserv-popup .double-select:before,
.reserv-popup .double-select:after {
content: '';
position: absolute;
border: 1px solid #3A2625;
pointer-events: none;
z-index: 1;
}
.reserv-popup .double-select:before {
left: -10px;
top: -10px;
right: 10px;
bottom: 10px;
}
.reserv-popup .double-select:after {
left: 10px;
top: 10px;
right: -10px;
bottom: -10px;
}
.reserv-popup .double-select i {
width: 0;
height: 0;
border-top: 7px solid #3A2625;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 20px;
}
.reserv-popup .double-select label {
display: block;
color: #7E7A7A;
text-transform: uppercase;
font-size: 13px;
margin-bottom: 3px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 25px;
z-index: 10;
cursor: pointer;
}
.reserv-popup .double-select .double-btn {
text-align: center;
font-family: Georgia;
font-weight: bold;
color: #3A2625;
font-size: 22px;
cursor: pointer;
}
.reserv-popup .double-select .adults-cont,
.reserv-popup .double-select .children-c {
display: inline-block;
vertical-align: top;
margin: 0;
}
.reserv-popup .double-select .double-add {
border: 1px solid #3A2625;
display: inline-block;
vertical-align: top;
text-align: center;
outline: none;
text-decoration: none;
transition: 0.25s;
padding: 10px 35px;
color: #3A2625;
font-size: 16px;
width: 100%;
letter-spacing: 0.5px;
background-color: transparent;
cursor: pointer;
}
.reserv-popup .double-select .double-add:hover {
background-color: #3A2625;
color: #fff;
}
.reserv-popup .double-select .double-dropdown {
position: absolute;
left: 10px;
right: 10px;
top: 100px;
background-color: #fff;
z-index: 10;
padding: 20px 50px;
display: none;
}
.reserv-popup .double-select .double-dropdown .dropdown-item {
border: 1px solid #454545;
margin-bottom: 15px;
position: relative;
padding: 8px 130px 8px 15px;
text-align: left;
}
.reserv-popup .double-select .double-dropdown .dropdown-item:after {
content: "";
left: -2px;
right: -2px;
top: -2px;
bottom: -2px;
border: 1px solid transparent;
position: absolute;
transition: 0.25s;
pointer-events: none;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .item-title p {
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 16px;
margin: 0;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count {
position: absolute;
right: 0;
top: 9px;
bottom: 9px;
border-left: 1px solid #454545;
width: 120px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .amount-control {
width: 30px;
height: 30px;
display: block;
vertical-align: top;
text-align: center;
color: #9a9a9a;
font-weight: normal;
font-size: 18px;
margin: 0 3px;
outline: 0;
border: 0;
padding: 0;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .amount-control:focus {
border: 1px solid #7f00ff;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .decrease-btn,
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .increase-btn {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: top;
background-color: #fff;
position: relative;
padding: 0;
border: 0;
cursor: pointer;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:before,
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:after,
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .increase-btn:before,
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .increase-btn:after {
content: '';
position: absolute;
background-color: #9a9a9a;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:before,
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .increase-btn:before {
width: 14px;
height: 2px;
top: 13px;
left: 7px;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:after,
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .increase-btn:after {
width: 2px;
height: 14px;
top: 7px;
left: 13px;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:hover:before,
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:hover:after,
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .increase-btn:hover:before,
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .increase-btn:hover:after {
background-color: #004a4a;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:after {
display: none;
}
.reserv-popup .double-select .double-dropdown .dropdown-item.is-focus {
border: 1px solid #7f00ff;
}
.reserv-popup .double-select .double-dropdown .dropdown-item.is-focus:after {
border: 1px solid #7f00ff;
}
.reserv-popup .double-select .double-dropdown .dropdown-item.is-active {
border: 1px solid #7f00ff;
}
.reserv-popup .double-select .double-dropdown .dropdown-item.is-active:after {
border: 1px solid #7f00ff;
}
.reserv-popup .double-select .double-dropdown .dropdown-item.is-active .product-count .amount-control {
color: #7f00ff;
}
.reserv-popup .double-select .double-dropdown .dropdown-item.is-active .product-count .increase-btn:after,
.reserv-popup .double-select .double-dropdown .dropdown-item.is-active .product-count .increase-btn:before,
.reserv-popup .double-select .double-dropdown .dropdown-item.is-active .product-count .decrease-btn:after,
.reserv-popup .double-select .double-dropdown .dropdown-item.is-active .product-count .decrease-btn:before {
background-color: #7f00ff;
}
.reserv-popup .input-container {
margin-bottom: 40px;
padding-left: 30px;
}
.reserv-popup .input-container .h3 {
font-size: 34px;
font-family: Georgia;
margin: 0 0 30px;
font-weight: bold;
color: #3A2625;
}
.reserv-popup .input-container .form-col {
width: 570px;
position: relative;
padding-bottom: 30px;
}
.reserv-popup .input-container .form-col label.error {
position: absolute;
left: 0;
bottom: 10px;
font-size: 12px;
color: #dc002b;
}
.reserv-popup .input-container .form-col.is-completed .translate-label {
font-size: 12px;
color: #999;
top: -10px;
}
.reserv-popup .input-container .form-col.is-completed .translate-label span {
color: #999;
}
.reserv-popup .input-container .form-col textarea {
height: 50px;
resize: vertical;
padding-top: 13px;
}
.reserv-popup .input-container .translate-input {
width: 100%;
border: 0;
border: 1px solid transparent;
border-bottom: 1px solid #3A2625;
color: #fff;
outline: 0;
border-radius: 0;
height: 50px;
font-size: 16px;
text-align: left;
background-color: transparent;
}
.reserv-popup .input-container .translate-input.error {
border-bottom: 1px solid #dc002b;
}
.reserv-popup .input-container .translate-input:focus {
box-shadow: none;
}
.reserv-popup .input-container .translate-label {
position: absolute;
left: 0;
right: 0;
top: 14px;
font-size: 16px;
color: #3A2625;
transition: 0.25s;
text-align: left;
pointer-events: none;
}
.reserv-popup .input-container .translate-label span {
color: #7f00ff;
}
.reserv-popup .input-container .default-button {
margin-top: 30px;
width: 100%;
font-size: 16px;
background-color: #3A2625;
color: #EBDDCB;
}
.reserv-popup .input-container .default-button:hover {
background-color: #111;
}
@media (max-width: 1799px) {
.reserv-popup {
width: 1280px;
padding: 50px 40px 10px;
}
.reserv-popup .col-md-6 {
height: auto;
}
.reserv-popup .input-container {
width: 100%;
}
.reserv-popup .input-container .form-col {
width: 100%;
}
.reserv-popup .input-container .h3 {
font-size: 28px;
}
.reserv-popup .select-container {
height: 80px;
padding-top: 15px;
}
.reserv-popup .select-container:before {
left: -5px;
top: -5px;
right: 5px;
bottom: 5px;
}
.reserv-popup .select-container:after {
left: 5px;
top: 5px;
right: -5px;
bottom: -5px;
}
.reserv-popup .select-container label {
font-size: 11px;
}
.reserv-popup .select-container .select-button {
font-size: 18px;
}
.reserv-popup .select-container .select-button:after {
bottom: 8px;
}
.reserv-popup .select-container .select-dropdown {
top: 74px;
right: 5px;
left: 5px;
}
.reserv-popup .date-select {
height: 80px;
padding-top: 2px;
}
.reserv-popup .date-select:before {
left: -5px;
top: -5px;
right: 5px;
bottom: 5px;
}
.reserv-popup .date-select:after {
left: 5px;
top: 5px;
right: -5px;
bottom: -5px;
}
.reserv-popup .date-select label {
font-size: 11px;
padding-top: 15px;
}
.reserv-popup .date-select input {
font-size: 18px;
}
.reserv-popup .date-select i {
bottom: 12px;
}
.reserv-popup .date-select .datepicker-container {
top: 65px !important;
}
.reserv-popup .double-select {
height: 80px;
padding-top: 32px;
}
.reserv-popup .double-select label {
padding-top: 18px;
font-size: 11px;
}
.reserv-popup .double-select:before {
left: -5px;
top: -5px;
right: 5px;
bottom: 5px;
}
.reserv-popup .double-select:after {
left: 5px;
top: 5px;
right: -5px;
bottom: -5px;
}
.reserv-popup .double-select .double-btn {
font-size: 18px;
}
.reserv-popup .double-select i {
bottom: 11px;
}
.reserv-popup .double-select .double-dropdown {
top: 75px;
left: 5px;
right: 5px;
width: auto;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .item-title p {
font-size: 14px;
}
.main-footer {
padding-left: 0;
}
.main-footer .social-container {
position: static;
margin-bottom: 10px;
text-align: left;
}
.main-footer .social-container a {
display: inline-block;
vertical-align: top;
background-color: transparent;
}
.main-footer .social-container p {
display: block;
}
}
@media (max-width: 1440px) {
.reserv-popup {
width: 990px;
padding: 50px 40px 10px;
background-position: bottom 30px right 30px;
background-size: 100px;
}
.reserv-popup .input-container .h3 {
font-size: 22px;
}
.reserv-popup .select-container,
.reserv-popup .double-select,
.reserv-popup .date-select {
width: 450px;
}
}
@media (max-width: 1199px) {
.reserv-popup .select-container,
.reserv-popup .double-select,
.reserv-popup .date-select {
width: 350px;
}
.reserv-popup {
width: 850px;
padding: 30px 30px 0;
}
.reserv-popup .left-col {
padding-right: 0;
}
.reserv-popup .input-container {
padding-left: 0;
}
.reserv-popup .input-container .form-col {
width: 100%;
}
.reserv-popup .input-container .h3 {
font-size: 22px;
margin-bottom: 20px;
}
.reserv-popup .select-container {
height: 80px;
padding-top: 15px;
margin-bottom: 30px;
}
.reserv-popup .select-container:before {
left: -3px;
top: -3px;
right: 3px;
bottom: 3px;
}
.reserv-popup .select-container:after {
left: 3px;
top: 3px;
right: -3px;
bottom: -3px;
}
.reserv-popup .select-container label {
font-size: 11px;
}
.reserv-popup .select-container .select-button {
font-size: 16px;
}
.reserv-popup .select-container .select-button:after {
bottom: 8px;
}
.reserv-popup .select-container .select-dropdown {
top: 65px;
right: 5px;
left: 5px;
}
.reserv-popup .date-select {
height: 80px;
padding-top: 4px;
margin-bottom: 30px;
}
.reserv-popup .date-select:before {
left: -3px;
top: -3px;
right: 3px;
bottom: 3px;
}
.reserv-popup .date-select:after {
left: 3px;
top: 3px;
right: -3px;
bottom: -3px;
}
.reserv-popup .date-select label {
font-size: 11px;
padding-top: 15px;
}
.reserv-popup .date-select input {
font-size: 16px;
}
.reserv-popup .date-select i {
bottom: 12px;
}
.reserv-popup .date-select .datepicker-container {
top: 65px !important;
}
.reserv-popup .double-select {
height: 80px;
padding-top: 32px;
margin-bottom: 30px;
}
.reserv-popup .double-select label {
padding-top: 18px;
font-size: 11px;
}
.reserv-popup .double-select:before {
left: -3px;
top: -3px;
right: 3px;
bottom: 3px;
}
.reserv-popup .double-select:after {
left: 3px;
top: 3px;
right: -3px;
bottom: -3px;
}
.reserv-popup .double-select .double-btn {
font-size: 16px;
}
.reserv-popup .double-select i {
bottom: 11px;
}
.reserv-popup .double-select .double-dropdown {
top: 75px;
left: 5px;
right: 5px;
width: auto;
}
.footer-content ul li a {
font-size: 14px;
}
.main-footer .contacts-list .list-item {
font-size: 14px;
}
.main-footer .h3 {
font-size: 20px;
}
.footer-content .default-button {
width: 100%;
}
.footer-content .tour-3d {
width: 100%;
}
}
@media (max-width: 991px) {
.reserv-popup .select-container,
.reserv-popup .double-select,
.reserv-popup .date-select {
width: 320px;
}
.reserv-popup {
width: 720px;
padding: 30px 20px 0;
}
.reserv-popup .input-container {
padding-left: 15px;
}
.reserv-popup .input-container .h3 {
font-size: 18px;
}
.reserv-popup .double-select .double-dropdown {
padding: 20px 30px;
}
.footer-content .footer-logo {
width: 150px;
}
.main-footer .contacts-list .list-item {
font-size: 13px;
}
.footer-content .default-button {
padding: 12px 5px;
}
.footer-content .payment-box p {
font-size: 14px;
}
.main-footer .social-container p {
font-size: 14px;
}
}
@media (max-width: 767px) {
.reserv-popup {
width: 500px;
margin: 0 auto;
padding: 35px 30px 0;
}
.reserv-popup .select-container,
.reserv-popup .double-select,
.reserv-popup .date-select {
width: 440px;
}
.reserv-popup .input-container {
margin-bottom: 30px;
padding-left: 0;
}
.reserv-popup .input-container .h3 {
text-align: center;
margin-bottom: 15px;
}
.reserv-popup .input-container .form-col {
padding-bottom: 25px;
}
.reserv-popup .input-container .form-col.is-completed .translate-label {
font-size: 11px;
}
.reserv-popup .input-container .translate-label {
font-size: 12px;
top: 11px;
}
.reserv-popup .input-container .translate-input {
height: 36px;
}
.reserv-popup .input-container .default-button {
display: block;
margin: 10px auto 0;
}
.reserv-popup .fancybox-close-small {
padding: 0;
width: 30px;
height: 30px;
}
.reserv-popup .input-container .h3 {
font-size: 18px;
}
.main-footer .contacts-list {
display: flex;
flex-wrap: wrap;
}
.main-footer .contacts-list .list-item {
flex: 0 0 50%;
}
.main-footer .mob-flex {
display: flex;
flex-wrap: wrap;
}
.footer-content .default-button {
margin-top: 20px;
}
.footer-content .tour-3d {
margin-bottom: 30px;
}
.main-footer .social-container,
.footer-content .payment-box {
flex: 0 0 50%;
}
}
@media (max-width: 575px) {
.reserv-popup {
width: 420px;
padding: 35px 20px 0;
}
.reserv-popup .select-container,
.reserv-popup .double-select,
.reserv-popup .date-select {
width: 380px;
}
}
@media (max-width: 479px) {
.reserv-popup {
width: 300px;
padding: 30px 15px 0;
}
.reserv-popup .select-container,
.reserv-popup .double-select,
.reserv-popup .date-select {
width: 100%;
}
/* .event-page .type-three-container-all .slider-type-three,
.event-page .type-three-container-all .nav-container {
display: none;
}*/
.main-footer .contacts-list .list-item {
flex: 0 0 100%;
}
.reserv-popup .input-container .h3 {
font-size: 16px;
margin-bottom: 10px;
}
.reserv-popup .input-container .default-button {
padding: 10px;
width: 100%;
}
.reserv-popup .select-container {
height: 50px;
padding-top: 7px;
margin-bottom: 20px;
}
.reserv-popup .select-container:before {
left: -2px;
top: -2px;
right: 2px;
bottom: 2px;
}
.reserv-popup .select-container:after {
left: 2px;
top: 2px;
right: -2px;
bottom: -2px;
}
.reserv-popup .select-container label {
font-size: 9px;
}
.reserv-popup .select-container .select-button {
font-size: 12px;
}
.reserv-popup .select-container .select-button:after {
bottom: 20px;
}
.reserv-popup .select-container .select-dropdown {
top: 65px;
right: 5px;
left: 5px;
}
.reserv-popup .date-select {
height: 50px;
padding-top: 0;
margin-bottom: 20px;
}
.reserv-popup .date-select:before {
left: -2px;
top: -2px;
right: 2px;
bottom: 2px;
}
.reserv-popup .date-select:after {
left: 2px;
top: 2px;
right: -2px;
bottom: -2px;
}
.reserv-popup .date-select label {
font-size: 9px;
padding-top: 7px;
}
.reserv-popup .date-select input {
font-size: 12px;
height: 46px;
}
.reserv-popup .date-select i {
bottom: 4px;
}
.reserv-popup .date-select .datepicker-container {
top: 65px !important;
}
.reserv-popup .double-select {
height: 50px;
padding-top: 20px;
margin-bottom: 20px;
}
.reserv-popup .double-select label {
padding-top: 8px;
font-size: 9px;
}
.reserv-popup .double-select:before {
left: -2px;
top: -2px;
right: 2px;
bottom: 2px;
}
.reserv-popup .double-select:after {
left: 2px;
top: 2px;
right: -2px;
bottom: -2px;
}
.reserv-popup .double-select .double-btn {
font-size: 12px;
}
.reserv-popup .double-select i {
bottom: 4px;
}
.reserv-popup .double-select .double-dropdown {
top: 48px;
left: 2px;
right: 2px;
width: auto;
padding: 15px;
}
.reserv-popup .double-select .double-dropdown .dropdown-item {
padding: 8px 100px 8px 15px;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count {
padding-top: 2px;
width: 90px;
}
.reserv-popup .double-select .double-dropdown .dropdown-item .product-count .amount-control {
width: 20px;
}
.type-three-container-all .slider-type-three .sm-img {
width: 100%;
height: 210px;
margin-bottom: 25px;
}
.single-slide.type-three-container-all .slider-type-three .sm-img {
height: 210px;
margin-bottom: 0;
}
.type-three-container-all .type-three-container .text-container {
padding-right: 0;
}
.type-three-container-all .slider-type-three .item {
outline: 0;
padding-right: 0px;
}
.footer-content ul li a {
font-size: 13px;
}
.footer-content .default-button {
font-size: 14px;
}
.footer-content .tour-3d a {
font-size: 14px;
}
.main-footer .social-container p,
.footer-content .payment-box p {
font-size: 13px;
}
.footer-bottom .container {
display: block;
text-align: center;
font-size: 13px;
}
.footer-bottom .footer-copyright {
margin-bottom: 10px;
}
}
.type-three-container-all .slider-type-three {
width: 100%;
}
.cc_player {
display: flex;
align-items: center;
justify-content: flex-end;
position: fixed;
width: auto;
top: -30px;
right: 0;
z-index: 10;
}
@media (max-height: 750px) {
.room-page .room-slider {
position: absolute;
width: 100%;
z-index: 100;
/*top: 70%;*/
}
.room-page h1 {
font-size: 35px;
}
}
.red {
border: 4px double red !important;
}
.text-container a {
color: #AE8847;
}
.text-container a:hover {
text-decoration: none;
}
.active_index {
color: #1c7d67 !important;
}
.active_index_1,
.active_index_2 {
color: #a18484 !important;
cursor: pointer;
pointer-events: none;
}
.nav_menu {
margin-block: 5px;
font-size: 12px;
}
.nav_menu a {
text-decoration: none;
}
.nav_menu a:hover {
text-decoration: underline;
}
.events-page .nav_menu a {
color: #EBDDCB;
}
@media(max-width: 991px) {
.nav_menu {
margin-bottom: 15px;
}
}
@media(max-width: 767px) {
.type-three-container-all iframe {
max-width: 100%;
}
}
/* ===== new styles ===== */
.index-faq {
padding: 60px 0 50px;
}
.faq-accordion {
max-width: 1000px;
margin: 0 auto;
}
.index-faq h2 {
margin: 0 0 40px;
}
.index-faq .card {
margin-bottom: 15px;
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 20px 60px 20px 20px;
cursor: pointer;
background-color: #F9F2EA;
}
.card-header.active {
background-color: #EBDDCB;
}
.card-header .h3,
.card-header h3 {
font-weight: 500;
font-size: 20px;
margin: 0;
}
.card-header:before {
content: '';
width: 16px;
height: 16px;
position: absolute;
right: 20px;
top: calc(50% - 8px);
background: url(../img/close-icon.svg) no-repeat center;
background-size: contain;
transform-origin: center;
transition: 0.25s;
transform: rotate(-45deg);
}
.card-header.active:before {
transform: rotate(-90deg);
}
.card-body {
display: none;
font-size: 16px;
padding: 20px 10px 10px;
}
.card-body p {
margin: 0 0 15px;
}
.index-order {
padding: 80px 0;
background-color: #EBDDCB;
background-image: url("../img/leaf-to-right.png");
background-repeat: no-repeat;
background-position: bottom 50px right 50px;
background-size: 120px;
}
.index-order .h3-name {
margin-bottom: 0;
padding-left: 30px;
}
.index-order .col-md-6 {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.index-order .left-col {
width: 100%;
padding-right: 50px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.index-order .select-container {
padding-top: 25px;
height: 110px;
text-align: center;
position: relative;
margin-bottom: 55px;
width: 600px;
}
.index-order .select-container:before,
.index-order .select-container:after {
content: '';
position: absolute;
border: 1px solid #3A2625;
pointer-events: none;
z-index: 1;
}
.index-order .select-container:before {
left: -10px;
top: -10px;
right: 10px;
bottom: 10px;
}
.index-order .select-container:after {
left: 10px;
top: 10px;
right: -10px;
bottom: -10px;
}
.index-order .select-container label {
display: block;
color: #7E7A7A;
text-transform: uppercase;
font-size: 13px;
}
.index-order .select-container .select-button {
height: 45px;
font-family: Georgia;
font-weight: bold;
color: #3A2625;
font-size: 22px;
cursor: pointer;
position: relative;
}
.index-order .select-container .select-button:after {
content: "";
width: 0;
height: 0;
border-top: 7px solid #3A2625;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
}
.index-order .select-container .select-dropdown {
position: absolute;
left: 10px;
right: 10px;
top: 100px;
background-color: #fff;
list-style: none;
padding: 0;
margin: 0;
z-index: 10;
border: 1px solid #ffc08e;
}
.index-order .select-container .select-dropdown a {
text-decoration: none;
font-weight: bold;
display: block;
color: #004a4a;
font-size: 16px;
font-family: Georgia;
padding: 8px;
}
.index-order .select-container .select-dropdown a:hover {
color: #000;
background-color: #ffc08e;
}
.index-order .date-select {
padding-top: 20px;
height: 110px;
text-align: center;
position: relative;
margin-bottom: 55px;
cursor: pointer;
width: 600px;
}
.index-order .date-select i {
width: 0;
height: 0;
border-top: 7px solid #3A2625;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 18px;
}
.index-order .date-select:before,
.index-order .date-select:after {
content: '';
position: absolute;
border: 1px solid #3A2625;
pointer-events: none;
z-index: 1;
}
.index-order .date-select:before {
left: -10px;
top: -10px;
right: 10px;
bottom: 10px;
}
.index-order .date-select:after {
left: 10px;
top: 10px;
right: -10px;
bottom: -10px;
}
.index-order .date-select label {
display: block;
color: #7E7A7A;
text-transform: uppercase;
font-size: 13px;
position: absolute;
top: 0;
padding-top: 20px;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.index-order .date-select input {
display: block;
width: 100%;
text-align: center;
height: 65px;
font-family: Georgia;
font-weight: bold;
color: #3A2625;
font-size: 22px;
cursor: pointer;
position: relative;
background-color: transparent;
border: 1px solid transparent;
outline: 0;
padding-top: 12px;
}
.index-order .date-select input::placeholder {
color: #3A2625;
}
.index-order .double-select {
padding-top: 43px;
height: 110px;
text-align: center;
position: relative;
margin-bottom: 55px;
width: 600px;
}
.index-order .double-select:before,
.index-order .double-select:after {
content: '';
position: absolute;
border: 1px solid #3A2625;
pointer-events: none;
z-index: 1;
}
.index-order .double-select:before {
left: -10px;
top: -10px;
right: 10px;
bottom: 10px;
}
.index-order .double-select:after {
left: 10px;
top: 10px;
right: -10px;
bottom: -10px;
}
.index-order .double-select i {
content: "";
width: 0;
height: 0;
border-top: 7px solid #3A2625;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 18px;
}
.index-order .double-select label {
display: block;
color: #7E7A7A;
text-transform: uppercase;
font-size: 13px;
margin-bottom: 3px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 25px;
z-index: 10;
cursor: pointer;
}
.index-order .double-select .double-btn {
text-align: center;
font-family: Georgia;
font-weight: bold;
color: #3A2625;
font-size: 22px;
cursor: pointer;
}
.index-order .double-select .adults-cont,
.index-order .double-select .children-c {
display: inline-block;
vertical-align: top;
margin: 0;
}
.index-order .double-select .double-add {
border: 1px solid #3A2625;
display: block;
width: 100%;
vertical-align: top;
text-align: center;
outline: none;
text-decoration: none;
transition: 0.25s;
padding: 9px 35px;
color: #004a4a;
font-size: 16px;
letter-spacing: 0.5px;
background-color: transparent;
cursor: pointer;
}
.index-order .double-select .double-add:hover {
background-color: #3A2625;
color: #fff;
}
.index-order .double-select .double-dropdown {
position: absolute;
left: 10px;
right: 10px;
top: 100px;
background-color: #fff;
z-index: 10;
padding: 20px 50px;
display: none;
}
.index-order .double-select .double-dropdown .dropdown-item {
border: 1px solid #454545;
margin-bottom: 15px;
position: relative;
padding: 8px 130px 8px 15px;
text-align: left;
}
.index-order .double-select .double-dropdown .dropdown-item:after {
content: "";
left: -2px;
right: -2px;
top: -2px;
bottom: -2px;
border: 1px solid transparent;
position: absolute;
transition: 0.25s;
pointer-events: none;
}
.index-order .double-select .double-dropdown .dropdown-item .item-title p {
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 16px;
margin: 0;
}
.index-order .double-select .double-dropdown .dropdown-item .product-count {
position: absolute;
right: 0;
top: 9px;
bottom: 9px;
border-left: 1px solid #454545;
width: 120px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.index-order .double-select .double-dropdown .dropdown-item .product-count .amount-control {
width: 30px;
height: 30px;
display: block;
vertical-align: top;
text-align: center;
color: #111;
font-weight: normal;
font-size: 18px;
margin: 0 3px;
outline: 0;
border: 0;
padding: 0;
}
.index-order .double-select .double-dropdown .dropdown-item .product-count .amount-control:focus {
border: 1px solid #7f00ff;
}
.index-order .double-select .double-dropdown .dropdown-item .product-count .decrease-btn,
.index-order .double-select .double-dropdown .dropdown-item .product-count .increase-btn {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: top;
background-color: #fff;
position: relative;
padding: 0;
border: 0;
cursor: pointer;
}
.index-order .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:before,
.index-order .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:after,
.index-order .double-select .double-dropdown .dropdown-item .product-count .increase-btn:before,
.index-order .double-select .double-dropdown .dropdown-item .product-count .increase-btn:after {
content: '';
position: absolute;
background-color: #9a9a9a;
}
.index-order .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:before,
.index-order .double-select .double-dropdown .dropdown-item .product-count .increase-btn:before {
width: 14px;
height: 2px;
top: 13px;
left: 7px;
}
.index-order .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:after,
.index-order .double-select .double-dropdown .dropdown-item .product-count .increase-btn:after {
width: 2px;
height: 14px;
top: 7px;
left: 13px;
}
.index-order .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:hover:before,
.index-order .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:hover:after,
.index-order .double-select .double-dropdown .dropdown-item .product-count .increase-btn:hover:before,
.index-order .double-select .double-dropdown .dropdown-item .product-count .increase-btn:hover:after {
background-color: #004a4a;
}
.index-order .double-select .double-dropdown .dropdown-item .product-count .decrease-btn:after {
display: none;
}
.index-order .double-select .double-dropdown .dropdown-item.is-focus {
border: 1px solid #7f00ff;
}
.index-order .double-select .double-dropdown .dropdown-item.is-focus:after {
border: 1px solid #7f00ff;
}
.index-order .double-select .double-dropdown .dropdown-item.is-active {
border: 1px solid #7f00ff;
}
.index-order .double-select .double-dropdown .dropdown-item.is-active:after {
border: 1px solid #7f00ff;
}
.index-order.double-select .double-dropdown .dropdown-item.is-active .product-count .amount-control {
color: #7f00ff;
}
.index-order .double-select .double-dropdown .dropdown-item.is-active .product-count .increase-btn:after,
.index-order .double-select .double-dropdown .dropdown-item.is-active .product-count .increase-btn:before,
.index-order .double-select .double-dropdown .dropdown-item.is-active .product-count .decrease-btn:after,
.index-order .double-select .double-dropdown .dropdown-item.is-active .product-count .decrease-btn:before {
background-color: #7f00ff;
}
.index-order .input-container {
margin-bottom: 40px;
padding-left: 30px;
}
.index-order .input-container .h3 {
font-size: 34px;
font-family: Georgia;
margin: 0 0 30px;
font-weight: bold;
color: #3A2625;
}
.index-order .input-container .form-col {
width: 570px;
position: relative;
padding-bottom: 30px;
}
.index-order .input-container .form-col label.error {
position: absolute;
left: 0;
bottom: 10px;
font-size: 12px;
color: #dc002b;
}
.index-order .input-container .form-col.is-completed .translate-label {
font-size: 12px;
color: #999;
top: -10px;
}
.index-order .input-container .form-col.is-completed .translate-label span {
color: #999;
}
.index-order .input-container .form-col textarea {
height: 50px;
resize: vertical;
padding-top: 13px;
}
.index-order .input-container .translate-input {
width: 100%;
border: 0;
border: 1px solid transparent;
border-bottom: 1px solid #3A2625;
color: #3A2625;
outline: 0;
border-radius: 0;
height: 50px;
font-size: 16px;
background-color: transparent;
}
.index-order .input-container .translate-input.error {
border-bottom: 1px solid #dc002b;
}
.index-order .input-container .translate-input:focus {
box-shadow: none;
}
.index-order .input-container .translate-label {
position: absolute;
left: 0;
right: 0;
top: 14px;
font-size: 16px;
color: #3A2625;
transition: 0.25s;
pointer-events: none;
}
.index-order .input-container .translate-label span {
color: #7f00ff;
}
.index-order .input-container .default-button {
margin-top: 30px;
width: 100%;
font-size: 16px;
background-color: #3A2625;
color: #EBDDCB;
}
.index-order .input-container .default-button:hover {
background-color: #111;
}
.datepicker {
width: 600px;
font-size: 16px;
border-radius: 0;
font-family: "Roboto", sans-serif;
color: #111;
}
.datepicker--day-name {
font-weight: 500;
font-size: 17px;
color: #3A2625;
}
.datepicker--nav {
padding: 10px 5px;
}
.datepicker--content {
padding: 10px 8px;
}
.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
display: none;
}
.datepicker--day-name {
padding: 0 0 5px;
}
.datepicker--cell {
border-radius: 0;
}
.datepicker--cell.-current- {
color: #111;
font-weight: 500;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade-,
.datepicker--cell.-selected-.-current-,
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-focus- {
background-color: #ffc08e;
color: #212121;
}
.reviews-section {
background-color: #fff;
padding: 80px 0 60px;
color: #242424;
}
.reviews-section h2 {
font-weight: 700;
text-align: center;
font-size: 42px;
margin: 0 0 40px;
font-family: Georgia;
}
.review-slider .item {
outline: 0;
margin: 0 18px;
}
.review-slider .slick-arrow {
width: 40px;
height: 40px;
background-color: #fff;
border: 1px solid #ffc08e;
border-radius: 50%;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
outline: 0;
cursor: pointer;
z-index: 10;
bottom: -60px;
position: absolute;
transition: 0.25s;
top: calc(50% - 20px);
padding-top: 5px;
}
.review-slider .slick-arrow:hover {
background-color: #ffc08e;
}
.review-slider .slick-arrow.prev-arrow {
left: -55px;
}
.review-slider .slick-arrow.next-arrow {
right: -55px;
}
.review-slider .slick-arrow svg {
width: 17px;
fill: #262626;
}
.review-slider .review-img {
height: 320px;
margin-bottom: 5px;
border-radius: 3px;
overflow: hidden;
}
.review-slider .review-img picture {
display: flex;
width: 100%;
height: 100%;
}
.review-slider .review-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: translate3d(0, 0, 1px);
}
.review-slider .review-name {
font-size: 20px;
text-align: center;
font-weight: 700;
margin-bottom: 10px;
}
.review-slider .full-star {
font-size: 0;
white-space: nowrap;
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
overflow: hidden;
background: url(../img/full-star.png) no-repeat center;
background-size: contain;
}
.review-slider .half-star {
font-size: 0;
white-space: nowrap;
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
overflow: hidden;
background: url(../img/half-star.png) no-repeat center;
background-size: contain;
}
.review-slider .empty-star {
font-size: 0;
white-space: nowrap;
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
overflow: hidden;
position: relative;
background: url(../img/empty-star.png) no-repeat center;
background-size: contain;
}
.review-slider .stars-block {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin-bottom: 15px;
cursor: pointer;
}
.datepickers-container {
z-index: 100000;
}
.blocker {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 1000;
padding: 10px;
background: rgba(0, 0, 0, 0.5);
text-align: center;
}
.blocker:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.05em;
}
.blocker.behind {
background-color: transparent;
}
.modal {
display: none;
vertical-align: middle;
position: relative;
z-index: 2;
}
.modal a.close-modal {
position: absolute;
top: 10px;
right: 10px;
display: block;
width: 16px;
height: 16px;
text-indent: -9999px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../img/icons/close-icon.svg);
}
.modal-content hr {
display: block;
width: 100%;
border: 0;
border-top: 2px solid #6AB831;
}
.modal-content .close {
position: absolute;
right: 10px;
top: 7px;
opacity: 1;
outline: 0;
}
.modal-content .close img {
width: 15px;
}
.modal-content .modal-header {
display: flex;
justify-content: center;
border: 0;
padding: 25px 35px 10px;
flex-wrap: wrap;
}
.modal-content .modal-body {
padding: 50px 200px 50px;
}
@media (max-width: 1799px) {
.type-three-container .text-container p {
font-size: 14px;
}
.index-menu,
.index-rooms {
padding: 60px 0 20px;
}
.index-order .left-col {
padding-right: 0;
}
.start-slider .item .title {
font-size: 55px
}
.event-page .index-menu .slider-type-three .item,
.event-page .index-rooms .slider-type-three .item,
.index-page .container .slider-type-three .item {
height: 450px;
}
.event-page .type-three-container .nav-container,
.index-page .type-three-container .nav-container {
/* top: calc(100% - 90px);*/
}
.index-order .input-container {
width: 100%;
}
.index-order .input-container .form-col {
width: 100%;
}
.index-order .input-container .h3 {
font-size: 28px;
}
.index-order .select-container {
height: 80px;
padding-top: 15px;
}
.index-order .select-container:before {
left: -5px;
top: -5px;
right: 5px;
bottom: 5px;
}
.index-order .select-container:after {
left: 5px;
top: 5px;
right: -5px;
bottom: -5px;
}
.index-order .select-container label {
font-size: 11px;
}
.index-order .select-container .select-button {
font-size: 18px;
}
.index-order .select-container .select-button:after {
bottom: 8px;
}
.index-order .select-container .select-dropdown {
top: 74px;
right: 5px;
left: 5px;
}
.index-order .date-select {
height: 80px;
padding-top: 2px;
}
.index-order .date-select:before {
left: -5px;
top: -5px;
right: 5px;
bottom: 5px;
}
.index-order .date-select:after {
left: 5px;
top: 5px;
right: -5px;
bottom: -5px;
}
.index-order .date-select label {
font-size: 11px;
padding-top: 15px;
}
.index-order .date-select input {
font-size: 18px;
}
.index-order .date-select i {
bottom: 12px;
}
.index-order .date-select .datepicker-container {
top: 65px !important;
}
.index-order .double-select {
height: 80px;
padding-top: 28px;
}
.index-order .double-select label {
padding-top: 18px;
font-size: 11px;
}
.index-order .double-select:before {
left: -5px;
top: -5px;
right: 5px;
bottom: 5px;
}
.index-order .double-select:after {
left: 5px;
top: 5px;
right: -5px;
bottom: -5px;
}
.index-order .double-select .double-btn {
font-size: 18px;
}
.reserv-popup .double-select i {
bottom: 11px;
}
.index-order .double-select .double-dropdown {
top: 75px;
left: 5px;
right: 5px;
width: auto;
}
.index-order .double-select .double-dropdown .dropdown-item .item-title p {
font-size: 14px;
}
.index-slider .item.slick-current .container>h3,
.index-slider .item.slick-current .slide-title {
font-size: 42px;
}
.index-slider .text-block ul a {
font-size: 14px;
}
.menu-page .filter-controls button,
.menu-page .filter-controls a {
font-size: 16px;
padding: 0 8px;
}
.menu-page .filter-controls button span,
.menu-page .filter-controls a span {
padding: 8px 5px;
}
}
@media(max-width: 1536px) {
.index-page h2,
.index-page .h2 {
font-size: 36px;
}
.index-services {
padding: 50px 0;
}
.index-menu,
.index-rooms {
padding: 50px 0;
}
.event-page .type-three-container .col-md-6,
.index-page .type-three-container .col-md-6 {
min-height: 450px;
}
.event-page .type-three-container .nav-container,
.index-page .type-three-container .nav-container {
/* top: calc(100% - 15px);*/
}
.event-page .type-three-container .nav-container,
.index-page .type-three-container .nav-container {}
.index-page .slider-type-one .item .col-md-6 {
height: auto;
}
.event-page #nav-tabs a,
.index-page #nav-tabs a,
.about-page #nav-tabs a {
font-size: 18px;
}
.event-page .index-rooms .slider-type-three .sm-img,
.event-page .index-menu .slider-type-three .sm-img {
width: 550px;
height: 350px;
}
.event-page .type-three-container h3,
.index-page .type-three-container h3 {
font-size: 24px;
}
.card-header .h3,
.card-header h3 {
font-size: 18px;
}
.slider-navigation {
top: 420px;
}
}
@media (max-width: 1440px) {
.index-order .date-select,
.index-order .double-select,
.index-order .select-container {
width: 450px;
}
.datepicker {
width: 450px;
font-size: 14px;
}
.index-order .left-col {
padding-right: 30px;
}
.datepicker--day-name {
font-size: 15px;
}
.datepicker--nav {
padding: 5px;
}
.start-slider .item .title {
font-size: 42px;
}
.index-order .input-container .h3 {
font-size: 22px;
}
.review-slider .review-img {
height: 300px;
}
.review-slider .review-name {
font-size: 18px;
}
.review-slider {
padding: 0 25px;
}
.review-slider .item {
margin: 0 12px;
}
.review-slider .slick-arrow.next-arrow {
right: -15px;
}
.review-slider .slick-arrow.prev-arrow {
left: -15px;
}
.menu-page .filter-controls button,
.menu-page .filter-controls a {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.index-order .date-select,
.index-order .double-select,
.index-order .select-container {
width: 350px;
}
.index-order .h3-name {
padding-left: 0;
font-size: 24px;
}
.datepicker {
width: 350px;
}
.event-page #nav-tabs a,
.index-page #nav-tabs a,
.about-page #nav-tabs a {
font-size: 16px;
}
.index-order .left-col {
padding-right: 65px;
}
.index-order .input-container {
padding-left: 0;
}
.index-order .input-container .form-col {
width: 100%;
}
.index-order .input-container .h3 {
font-size: 22px;
margin-bottom: 20px;
}
.index-order .select-container {
height: 80px;
padding-top: 15px;
margin-bottom: 30px;
}
.index-order .select-container:before {
left: -3px;
top: -3px;
right: 3px;
bottom: 3px;
}
.index-order .select-container:after {
left: 3px;
top: 3px;
right: -3px;
bottom: -3px;
}
.index-order .select-container label {
font-size: 11px;
}
.index-order .select-container .select-button {
font-size: 16px;
}
.index-order .select-container .select-button:after {
bottom: 8px;
}
.index-order .select-container .select-dropdown {
top: 65px;
right: 5px;
left: 5px;
}
.index-order .date-select {
height: 80px;
padding-top: 4px;
margin-bottom: 30px;
}
.index-order .date-select:before {
left: -3px;
top: -3px;
right: 3px;
bottom: 3px;
}
.index-order .date-select:after {
left: 3px;
top: 3px;
right: -3px;
bottom: -3px;
}
.index-order .date-select label {
font-size: 11px;
padding-top: 15px;
}
.index-order .date-select input {
font-size: 16px;
}
.index-order .date-select i {
bottom: 12px;
}
.index-order .date-select .datepicker-container {
top: 65px !important;
}
.index-order .double-select {
height: 80px;
padding-top: 32px;
margin-bottom: 30px;
}
.index-order .double-select label {
padding-top: 18px;
font-size: 11px;
}
.index-order .double-select:before {
left: -3px;
top: -3px;
right: 3px;
bottom: 3px;
}
.index-order .double-select:after {
left: 3px;
top: 3px;
right: -3px;
bottom: -3px;
}
.index-order .double-select .double-btn {
font-size: 16px;
}
.index-order .double-select i {
bottom: 11px;
}
.index-order .double-select .double-dropdown {
top: 75px;
left: 5px;
right: 5px;
width: auto;
}
.card-header .h3,
.card-header h3 {
font-size: 16px;
}
.card-body {
font-size: 14px;
}
.card-header:before {
width: 14px;
height: 14px;
top: calc(50% - 7px);
}
.index-page h2,
.index-page .h2 {
font-size: 32px;
}
.achievement-slider .h4 {
font-size: 18px;
}
.index-slider .item.slick-current .container>h3,
.index-slider .item.slick-current .slide-title {
font-size: 32px;
}
.menu-page .filter-controls {
display: block;
margin: 0 0 15px;
text-align: center;
}
.menu-page .filter-controls button,
.menu-page .filter-controls a {
font-size: 14px;
padding: 0 10px;
display: inline-block;
vertical-align: top;
margin: 0 0 5px;
}
.menu-page .filter-controls button:after,
.menu-page .filter-controls a:after {
display: none;
}
.review-slider .review-img {
height: 260px;
}
.review-slider .review-name {
font-size: 16px;
}
}
@media (max-width: 991px) {
.datepicker {
width: 320px;
}
.index-order .date-select,
.index-order .double-select,
.index-order .select-container {
width: 320px;
}
.index-order .left-col {
padding-right: 0;
}
.index-order .input-container .h3 {
font-size: 18px;
}
.index-order .double-select .double-dropdown {
padding: 20px 30px;
}
.event-page .index-rooms .slider-type-three .sm-img,
.event-page .index-menu .slider-type-three .sm-img,
.index-page .slider-type-three .sm-img,
.chef-page .slider-type-three .sm-img {
width: 100%;
right: 0;
height: 250px;
}
.event-page .type-three-container .nav-container,
.index-page .type-three-container .nav-container {
/* left: auto;
right: 0;*/
}
.index-page h2,
.event-page h2,
.event-page .index-rooms h2,
.index-page .h2 {
font-size: 26px;
}
.event-page #nav-tabs a,
.index-page #nav-tabs a,
.about-page #nav-tabs a {
font-size: 14px;
}
.event-page .type-three-container h3,
.index-page .type-three-container h3 {
font-size: 20px;
}
.index-slider .item .text-block p {
margin-bottom: 10px;
}
.index-slider .item.slick-current .container>h3,
.index-slider .item.slick-current .slide-title {
top: 360px;
left: -5px;
}
.reviews-section {
padding: 50px 0;
}
}
@media (max-width: 767px) {
.index-order .date-select,
.index-order .double-select,
.index-order .select-container {
width: 440px;
margin: 0 auto 30px;
}
.index-order .h3-name {
text-align: center;
margin-bottom: 25px;
width: 100%;
}
.datepicker {
width: 440px;
}
.index-order .input-container {
margin-bottom: 30px;
width: 440px;
margin: 0 auto;
}
.index-order .input-container .h3 {
text-align: center;
margin-bottom: 15px;
}
.index-order .input-container .form-col {
padding-bottom: 25px;
}
.index-order .input-container .form-col.is-completed .translate-label {
font-size: 11px;
}
.index-order .input-container .translate-label {
font-size: 12px;
top: 11px;
}
.index-order .input-container .translate-input {
height: 36px;
}
.index-order .input-container .default-button {
width: 100%;
display: block;
margin: 10px auto 0;
}
.index-order .fancybox-close-small {
padding: 0;
width: 30px;
height: 30px;
}
.index-order .input-container .h3 {
font-size: 18px;
}
.event-page .index-menu .slider-type-three .item,
.event-page .index-rooms .slider-type-three .item,
.index-page .container .slider-type-three .item {
height: auto;
padding: 0;
}
.event-page .type-three-container .col-md-6,
.index-page .type-three-container .col-md-6 {
min-height: auto;
}
.event-page .index-rooms .slider-type-three .sm-img,
.event-page .index-menu .slider-type-three .sm-img,
.index-page .slider-type-three .sm-img,
.chef-page .slider-type-three .sm-img {
position: static;
}
.index-page h2,
.event-page h2,
.event-page .index-rooms h2 .index-page .h2 {
font-size: 22px;
margin-bottom: 25px;
}
.index-page .type-three-container-all .slider-type-three,
.event-page .type-three-container-all .slider-type-three {
margin-top: 20px;
}
.index-about {
padding: 50px 0 50px;
}
.event-page .type-three-container h3,
.index-page .type-three-container h3 {
font-size: 18px;
}
.card-header .h3,
.card-header h3 {
font-size: 14px;
}
.card-header {
padding: 16px 45px 16px 16px;
}
.card-body {
font-size: 13px;
padding: 10px;
}
.index-page .type-three-container {
margin-bottom: 45px;
}
.index-slider .item .text-block {
left: 0;
right: auto;
top: -50px;
}
.index-slider .item.slick-current .container>h3,
.index-slider .item.slick-current .slide-title {
font-size: 28px;
}
.index-about,
.index-menu,
.index-rooms {
background-image: none;
}
.type-three-container .text-container h1,
.type-three-container .text-container .h2 h1 {
font-size: 32px;
}
}
@media (max-width: 575px) {
.index-order .date-select,
.index-order .double-select,
.index-order .select-container {
width: 380px;
}
.index-order .input-container {
width: 380px;
}
.datepicker {
width: 380px;
}
.index-slider .item.slick-current .container>h3,
.index-slider .item.slick-current .slide-title {
font-size: 18px;
top: -74px;
left: 5px;
}
.index-slider .item .text-block {
left: auto;
right: 0;
top: -35px;
}
.index-services .container h2 {
margin-bottom: 40px;
}
.review-slider .review-img {
height: 325px;
}
.type-three-container .text-container h1,
.type-three-container .text-container .h2 h1 {
font-size: 28px;
}
.event-page .main {
padding-top: 70px;
}
}
@media (max-width: 479px) {
.index-order .date-select,
.index-order .double-select,
.index-order .select-container {
width: 270px;
}
.datepicker {
width: 270px;
}
.main-footer .social-container {
margin-bottom: 15px;
}
.main-footer .clearfix {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column-reverse;
}
.main-footer .clearfix .text {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.index-order .input-container .h3 {
font-size: 16px;
margin-bottom: 10px;
}
.index-order .input-container .default-button {
padding: 10px;
width: 100%;
}
.index-order .select-container {
height: 50px;
padding-top: 7px;
margin-bottom: 20px;
}
.index-order .select-container:before {
left: -2px;
top: -2px;
right: 2px;
bottom: 2px;
}
.index-order .select-container:after {
left: 2px;
top: 2px;
right: -2px;
bottom: -2px;
}
.index-order .select-container label {
font-size: 9px;
}
.index-order .select-container .select-button {
font-size: 12px;
}
.index-order .select-container .select-button:after {
bottom: 20px;
}
.index-order.select-container .select-dropdown {
top: 65px;
right: 5px;
left: 5px;
}
.index-order .date-select {
height: 50px;
padding-top: 0;
margin-bottom: 20px;
}
.index-order .date-select:before {
left: -2px;
top: -2px;
right: 2px;
bottom: 2px;
}
.index-order .date-select:after {
left: 2px;
top: 2px;
right: -2px;
bottom: -2px;
}
.index-order .date-select label {
font-size: 9px;
padding-top: 7px;
}
.index-order .date-select input {
font-size: 12px;
height: 46px;
}
.index-order .date-select i {
bottom: 4px;
}
.index-order .input-container {
width: 270px;
}
.index-order .double-select {
height: 50px;
padding-top: 20px;
margin-bottom: 20px;
}
.index-order .double-select label {
padding-top: 8px;
font-size: 9px;
}
.index-order .double-select:before {
left: -2px;
top: -2px;
right: 2px;
bottom: 2px;
}
.index-order .double-select:after {
left: 2px;
top: 2px;
right: -2px;
bottom: -2px;
}
.index-order .double-select .double-btn {
font-size: 12px;
}
.index-order .double-select i {
bottom: 4px;
}
.index-order .double-select .double-dropdown {
top: 48px;
left: 2px;
right: 2px;
width: auto;
padding: 15px;
}
.index-order .double-select .double-dropdown .dropdown-item {
padding: 8px 100px 8px 15px;
}
.index-order .double-select .double-dropdown .dropdown-item .product-count {
padding-top: 2px;
width: 90px;
}
.index-order .double-select .double-dropdown .dropdown-item .product-count .amount-control {
width: 20px;
}
.type-three-container-all .slider-type-three .sm-img {
width: 100%;
height: 210px;
margin-bottom: 25px;
}
.type-three-container-all .type-three-container .text-container {
padding-right: 0;
}
.type-three-container-all .slider-type-three .item {
outline: 0;
padding-right: 0px;
}
.reserv-popup .double-select i {
bottom: 4px;
}
.review-slider .review-img {
height: 290px;
}
}
@media(max-width: 420px) {
.review-slider .review-img {
height: 260px;
}
}
@media(max-width: 375px) {
.review-slider .review-img {
height: 230px;
}
}
.gallery-page .type-three-container .col-md-6 {
flex-direction: column;
}
.gallery-page .slider-type-three .item {
padding-right: 50px;
}
.gallery-page .type-three-container .nav-container {
left: calc(50% + 0px);
padding-top: 0;
min-height: 82px;
height: auto;
}
.gallery-page .type-three-container .nav-container .slick-arrow.prev-arrow {
left: 20px;
}
.gallery-page .type-three-container .nav-container .slick-arrow.next-arrow {
right: 20px;
}
.gallery-page .type-three-container .nav-container .slick-dots {
padding: 0 60px;
display: flex;
flex-wrap: wrap;
height: 100%;
align-content: center;
justify-content: center;
align-items: center;
min-height: 82px;
}
.gallery-page h1 {
font-size: 42px;
font-family: Georgia;
font-weight: bold;
margin: 0 0 30px;
}
.gallery-page .title-box h3 {
font-size: 28px;
font-family: Georgia;
font-weight: bold;
margin: -40px 0 80px;
}
@media(max-width: 1536px) {
.gallery-page .slider-type-three .item {
padding-right: 0;
padding-bottom: 0;
}
.gallery-page .slider-type-three .lg-img {
margin: 0 auto;
}
.gallery-page .title-box h3 {
font-size: 24px;
margin-left: 30px;
}
}
@media(max-width: 1199px) {
.gallery-page .type-three-container {
margin-bottom: 150px;
}
.gallery-page h1 {
font-size: 36px;
}
.gallery-page .type-three-container .nav-container {
left: 20%;
width: 280px;
}
.gallery-page .type-three-container .slider-type-three .item {
padding-bottom: 0;
}
}
@media(max-width: 991px) {
.gallery-page .title-box h3 {
font-size: 18px;
}
.gallery-page .type-three-container .nav-container {
left: 10px;
}
.gallery-page h1 {
font-size: 32px;
}
}
@media(max-width: 767px) {
.gallery-page h1 {
font-size: 28px;
}
}
@media(max-width: 479px) {
.gallery-page .type-three-container .slider-type-three .lg-img {
height: 260px;
}
.gallery-page .type-three-container .nav-container {
top: 100%;
}
}
.slider-type-one .item a,
.slider-type-two .item a,
.slider-type-three .lg-img a,
.slider-type-three .sm-img a {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.slider-type-one .item,
.slider-type-two .item,
.slider-type-three .lg-img {
position: relative;
}
.slider-type-three .lg-img {
display: flex;
align-items: center;
}
.slider-type-one .item img,
.slider-type-two .item img,
.slider-type-three .lg-img img,
.slider-type-three .sm-img img {
display: block;
width: auto !important;
height: 100%;
max-width: none;
object-fit: contain !important;
max-height: 100% !important;
margin: 0 auto;
}
.slider-type-one picture,
.slider-type-two picture,
.slider-type-three picture {
width: 100%;
height: 100%;
display: flex;
}
.shelter-btn {
position: absolute;
bottom: 47px;
right: 50px;
color: #fff;
text-decoration: none;
display: flex;
align-items: center;
}
.shelter-btn img {
margin-right: 8px;
}
.h3-name {
font-size: 28px;
font-weight: 700;
margin: 0 0 20px;
font-family: Georgia;
}
.shelter-popup {
width: 600px;
padding: 50px 50px 80px;
background-color: #004a4a;
background-image: url(../img/leaf-to-right.png);
background-repeat: no-repeat;
background-position: bottom 15px right 30px;
background-size: 120px;
overflow: visible;
color: #fff;
text-align: left;
position: relative;
}
.contact-popup {
width: 600px;
padding: 50px 50px 40px;
background-color: #3A2625;
background-image: url(../img/leaf-to-right.png);
background-repeat: no-repeat;
background-position: bottom 15px right 30px;
background-size: 120px;
overflow: visible;
color: #fff;
text-align: left;
position: relative;
font-size: 18px;
}
.contact-popup .social-container {
display: flex;
align-items: center;
}
.contact-popup .social-container a {
margin-right: 5px;
}
.contact-popup .social-container svg {
fill: #EBDDCB;
width: 28px;
height: 28px;
}
.shelter-popup .h3 {
font-size: 28px;
font-family: Georgia;
margin: 0 0 30px;
font-weight: bold;
color: #ffc08e;
text-align: center;
}
.contact-popup .h3 {
font-size: 22px;
font-family: Georgia;
margin: 0 0 10px;
font-weight: bold;
color: #fff;
}
.contact-popup a {
color: #EBDDCB;
text-decoration: none;
}
.contact-popup a:hover {
text-decoration: underline;
color: #ffc08e;
}
.contact-popup .phone-item {
margin-bottom: 25px;
}
.contact-popup .phone-item .link-item {
margin-top: -8px;
}
.contact-popup .phone-item span {
font-size: 13px;
text-transform: uppercase;
color: #fff;
}
.contact-popup .phone-item .link-item {
padding-left: 0;
}
.contact-popup .link-item {
position: relative;
padding-left: 32px;
margin: 0 0 25px;
}
.contact-popup .message-item .link-item {
display: inline-flex;
margin-right: 15px;
}
.contact-popup .link-item p {
margin-top: 0;
}
.contact-popup .link-item img {
position: absolute;
left: 0;
top: 0;
width: 24px;
height: auto;
}
.contact-popup .link-item svg {
fill: #EBDDCB;
width: 28px;
height: 28px;
position: absolute;
left: 0;
top: -2px;
height: auto;
}
.shelter-popup p {
font-size: 16px;
margin: 0 0 20px;
}
.contact-popup .close-modal,
.shelter-popup .close-modal {
background-image: none!important;
z-index: 10;
right: 15px!important;
top: 15px!important;
}
.contact-popup .close-modal img,
.shelter-popup .close-modal img {
display: block;
max-width: 30px;
}
@media(max-width: 767px) {
.shelter-btn {
bottom: 20px;
right: 20px;
font-size: 13px;
}
.shelter-btn img {
display: block;
width: 30px;
}
#contacts-modal,
.contact-popup {
width: 100%;
}
.contact-popup {
padding: 50px 30px 30px;
background-size: 70px;
}
.shelter-popup {
width: 100%;
padding: 50px 20px 60px;
}
.shelter-popup p {
font-size: 14px;
}
.shelter-popup .h3 {
font-size: 22px;
}
}
/* ===== Blog styles =====*/
.blog-page .main {
padding-top: 230px;
padding-bottom: 80px;
background-image: url(../img/leaf-to-bottom.png), url(../img/leaf-to-left.png), url(../img/leaf-to-right.png);
background-position: center left, top 240px right, bottom 50px right 50px;
background-repeat: no-repeat;
background-size: 180px, 170px, 180px;
color: #fff;
}
.blog-page .nav_menu a {
color: #EBDDCB;
}
.blog-page .title-group h1,
.blog-page .title-group .h1 {
font-size: 72px;
color: #fff;
font-family: Georgia;
font-weight: bold;
margin: 0;
text-transform: uppercase;
text-align: center;
}
.title-group {
margin: 0 0 50px;
}
.blog-page .main .row {
margin-left: -20px;
margin-right: -20px;
}
.blog-page .col-sm-6.col-lg-4 {
margin-bottom: 80px;
padding-left: 20px;
padding-right: 20px;
}
.news-item {
min-height: 100%;
}
.news-item .item-img {
height: 350px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: 0.25s;
margin-bottom: 10px;
position: relative;
border: 1px solid #FFC08E;
overflow: hidden;
}
.news-item .item-img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
}
.news-item .item-img picture {
display: flex;
width: 100%;
height: 100%;
}
.news-item .item-img img {
object-fit: cover;
width: 100%;
height: auto;
transition: 2s;
}
.news-item .item-img a {
display: block;
width: 100%;
height: 100%;
outline: 0;
}
.news-item .item-img:hover img{
transform: scale(1.1);
}
.news-item .item-title {
font-size: 24px;
font-family: Georgia;
font-weight: bold;
margin-bottom: 15px;
color: #fff;
line-height: 1.3;
}
.news-item .item-title a {
text-decoration: none;
color: inherit;
}
.news-item .item-title:hover {
text-decoration: underline;
color: #FFC08E;
}
.news-item .item-date {
color: #FFC08E;
font-size: 13px;
margin-bottom: 10px;
}
.news-item .item-text {
margin: 0 0 15px;
color: #fff;
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-item .detail-link {
text-align: right;
}
.news-item .detail-link a {
display: inline-block;
position: relative;
padding-right: 18px;
text-decoration: none;
font-size: 16px;
color: #fff;
font-family: Georgia;
font-weight: bold;
color: #FFC08E;
}
.news-item .detail-link a:after {
content: '';
width: 14px;
height: 14px;
background: url(../img/icons/sm-arrow-right.svg) no-repeat center;
background-size: 14px;
position: absolute;
right: 0;
top: calc(50% - 7px);
transition: 0.25s;
}
.news-item .detail-link a:hover {
text-decoration: underline;
color: #fff;
}
.news-item .detail-link a:hover:after {
right: -5px;
}
.load-more {
width: 540px;
border: 2px solid #ffc08e;
display: block;
text-align: center;
outline: none;
text-decoration: none;
transition: 0.25s;
padding: 12px 10px;
color: #fff;
font-size: 24px;
background-color: #262527;
margin: 0 auto;
font-family: Georgia;
font-weight: bold;
cursor: pointer;
}
.load-more:hover {
color: #262527;
text-decoration: none;
background-color: #ffc08e;
}
@media(max-width: 1799px) {
.blog-page .main {
padding-top: 200px;
}
.blog-page .title-group h1,
.blog-page .title-group .h1 {
font-size: 60px;
}
.news-item .item-img {
height: 260px;
}
.news-item .item-date {
font-size: 11px;
margin-bottom: 5px;
}
.news-item .item-title {
font-size: 20px;
}
.news-item .item-text {
font-size: 13px;
}
.news-item .detail-link a {
font-size: 14px;
}
}
@media(max-width: 1536px) {
.blog-page .main {
padding-top: 150px;
background-size: 120px, 120px, 120px;
}
.blog-page .title-group h1,
.blog-page .title-group .h1 {
font-size: 55px;
}
.load-more {
width: 385px;
font-size: 20px;
}
}
@media(max-width: 1440px) {
.blog-page .title-group h1,
.blog-page .title-group .h1 {
font-size: 45px;
}
}
@media(max-width: 1199px) {
.blog-page .main {
padding-top: 130px;
}
.blog-page .title-group {
margin-bottom: 30px;
}
.blog-page .title-group h1,
.blog-page .title-group .h1 {
font-size: 36px;
}
.blog-page .main .row {
margin-left: -15px;
margin-right: -15px;
}
.blog-page .col-sm-6.col-lg-4 {
padding-right: 15px;
padding-left: 15px;
}
.news-item .item-img {
height: 200px;
}
.news-item .item-title {
font-size: 17px;
margin-bottom: 10px;
}
.news-item .item-text {
font-size: 12px;
}
}
@media(max-width: 991px) {
.blog-page .main {
background-image: none;
}
.blog-page .title-group h1,
.blog-page .title-group .h1 {
font-size: 32px;
}
.load-more {
width: 100%;
}
}
@media(max-width: 767px) {
.blog-page .main {
padding-top: 100px;
}
.blog-page .title-group h1,
.blog-page .title-group .h1 {
font-size: 28px;
}
.blog-page .title-group {
margin-bottom: 20px;
}
.news-item .item-img {
height: 160px;
}
.blog-page .col-sm-6.col-lg-4 {
margin-bottom: 50px;
}
.news-item .item-title {
font-size: 16px;
}
}
@media(max-width: 575px) {
.news-item {
width: 400px;
margin: 0 auto;
}
.news-item .item-img {
height: 240px;
}
}
@media(max-width: 479px) {
.blog-page .main {
padding-top: 60px;
}
.blog-page .title-group h1,
.blog-page .title-group .h1 {
font-size: 24px;
}
.news-item {
width: 360px;
}
.news-item .item-img {
height: 220px;
}
}
@media(max-width: 400px) {
.news-item {
width: 100%;
}
}
/* ===== Article page ===== */
.article-page #wrapper {
overflow: visible;
}
.article-col {
padding-right: 50px;
padding-top: 40px;
margin-bottom: 120px;
}
.article-date {
color: #FFC08E;
font-size: 13px;
margin-bottom: 10px;
text-align: right;
display: block;
}
.article-col img {
display: block;
max-width: 100%;
}
.article-col .align-vertical {
margin: 0 0 15px;
}
.article-col .align-left {
margin: 5px 15px 5px 0;
}
.article-col .align-right {
margin: 12px 0 5px 15px;
}
.article-col ul,
.article-col ol {
padding-left: 20px;
display: inline-block;
vertical-align: top;
margin: 0 0 10px;
}
.article-col ul li,
.article-col ol li {
margin-bottom: 5px;
}
.article-col ul li::marker,
.article-col ol li::marker {
color: #FFC08E;
font-weight: 600;
}
.article-col b,
.article-col strong {
font-weight: 700;
}
.article-col iframe {
max-width: 100%;
margin: 15px 0;
}
.article-col a {
color: #FFC08E;
}
.article-col a:hover {
text-decoration: none;
}
.article-col .h1,
.article-col h1 {
font-size: 42px;
font-weight: 600;
margin: 0 0 10px;
line-height: 1.2;
font-family: Georgia;
font-weight: bold;
}
.article-col .h2,
.article-col h2 {
font-size: 30px;
font-weight: 500;
margin: 20px 0 5px;
}
.article-col .h3,
.article-col h3 {
font-size: 24px;
font-weight: 600;
margin: 20px 0 5px;
}
.article-col .h4,
.article-col h4 {
font-size: 18px;
margin: 15px 0 5px;
font-weight: 600;
}
.article-col .h5,
.article-col h5 {
font-size: 14px;
margin: 10px 0 5px;
font-weight: 600;
}
.article-col .h6,
.article-col h6 {
font-size: 12px;
margin: 15px 0 5px;
font-weight: 600;
}
.article-aside {
padding: 45px 0 50px 80px;
position: sticky;
top: 100px;
}
.article-aside .h3,
.article-aside h3 {
color: #FFC08E;
font-size: 36px;
font-family: Georgia;
font-weight: 700;
margin-bottom: 20px;
}
.aside-nav {
margin-bottom: 50px;
}
.aside-nav div {
margin-bottom: 20px;
position: relative;
padding-left: 20px;
}
.aside-nav div:before {
content: '';
width: 4px;
height: 4px;
position: absolute;
left: 0;
top: calc(50% - 2px);
background-color: #FFC08E;
}
.aside-nav a {
color: #fff;
text-decoration: none;
font-size: 22px;
transition: 0.25s;
}
.aside-nav a:hover {
text-decoration: underline;
color: #FFC08E;
}
.article-aside .default-button {
width: 400px;
color: #EBDDCB;
font-size: 22px;
font-family: Georgia;
font-style: normal;
font-weight: 700;
background-color: #281B1A;
}
.article-aside .default-button:hover {
background-color: #111;
}
.last-news h2,
.last-news .h2 {
color: #FFC08E;
font-size: 42px;
font-family: Georgia;
font-weight: 700;
margin-bottom: 40px;
}
@media(max-width: 1799px) {
.article-aside {
padding-left: 50px;
}
.aside-nav a {
font-size: 18px;
}
.article-aside .default-button {
width: 100%;
font-size: 18px;
}
}
@media(max-width: 1536px) {
.article-col {
padding-right: 15px;
}
.article-col .h1,
.article-col h1 {
font-size: 32px;
}
.article-col .h2, .article-col h2 {
font-size: 28px;
}
.article-col .h3,
.article-col h3 {
font-size: 20px;
}
.article-aside .h3, .article-aside h3 {
font-size: 28px;
}
.article-date {
font-size: 11px;
}
.article-aside {
padding-top: 40px;
}
.aside-nav a {
font-size: 16px;
}
.last-news h2, .last-news .h2 {
font-size: 32px;
margin-bottom: 30px;
}
}
@media(max-width: 1199px) {
.article-col .h1,
.article-col h1 {
font-size: 30px;
}
.article-col .h2,
.article-col h2 {
font-size: 24px;
}
.article-col .h3,
.article-col h3 {
font-size: 18px;
}
.article-col .h4,
.article-col h4 {
font-size: 16px;
}
.article-page .nav_menu {
display: flex;
}
.article-page .nav_menu a,
.article-page .nav_menu span {
white-space: nowrap;
margin-right: 3px;
}
.article-page .active_index_2 {
white-space: nowrap;
max-width: 400px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
@media(max-width: 991px) {
.article-col {
margin-bottom: 80px;
}
.article-aside {
padding: 0;
position: static;
margin: 0 0 80px;
}
.last-news h2, .last-news .h2 {
font-size: 28px;
margin-bottom: 25px;
}
.article-page .nav_menu {
font-size: 11px;
}
}
@media(max-width: 767px) {
.article-col .h1,
.article-col h1 {
font-size: 24px;
}
.article-col .h2,
.article-col h2 {
font-size: 20px;
}
.article-col .h3,
.article-col h3 {
font-size: 16px;
}
.article-col .h4,
.article-col h4 {
font-size: 14px;
}
.article-col .h5,
.article-col h5 {
font-size: 12px;
}
.article-col .h6,
.article-col h6 {
font-size: 10px;
}
.article-col img {
float: none!important;
margin: 0 auto 10px!important;
}
.article-aside .h3, .article-aside h3 {
text-align: center;
font-size: 24px;
}
.last-news h2, .last-news .h2 {
text-align: center;
font-size: 24px;
}
}
/*Fancybox lib styles*/
body.compensate-for-scrollbar {overflow: hidden;}.fancybox-active {height: auto;}.fancybox-is-hidden {left: -9999px;margin: 0;position: absolute !important;top: -9999px;visibility: hidden;}.fancybox-container {-webkit-backface-visibility: hidden;height: 100%;left: 0;outline: none;position: fixed;-webkit-tap-highlight-color: transparent;top: 0;-ms-touch-action: manipulation;touch-action: manipulation;transform: translateZ(0);width: 100%;z-index: 99992;}.fancybox-container * {box-sizing: border-box;}.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {bottom: 0;left: 0;position: absolute;right: 0;top: 0;}.fancybox-outer {-webkit-overflow-scrolling: touch;overflow-y: auto;}.fancybox-bg {background: rgb(30, 30, 30);opacity: 0;transition-duration: inherit;transition-property: opacity;transition-timing-function: cubic-bezier(.47, 0, .74, .71);}.fancybox-is-open .fancybox-bg {opacity: .9;transition-timing-function: cubic-bezier(.22, .61, .36, 1);}.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {direction: ltr;opacity: 0;position: absolute;transition: opacity .25s ease, visibility 0s ease .25s;visibility: hidden;z-index: 99997;}.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {opacity: 1;transition: opacity .25s ease 0s, visibility 0s ease 0s;visibility: visible;}.fancybox-infobar {color: #ccc;font-size: 13px;-webkit-font-smoothing: subpixel-antialiased;height: 44px;left: 0;line-height: 44px;min-width: 44px;mix-blend-mode: difference;padding: 0 10px;pointer-events: none;top: 0;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.fancybox-toolbar {right: 0;top: 0;}.fancybox-stage {direction: ltr;overflow: visible;transform: translateZ(0);z-index: 99994;}.fancybox-is-open .fancybox-stage {overflow: hidden;}.fancybox-slide {-webkit-backface-visibility: hidden;display: none;height: 100%;left: 0;outline: none;overflow: auto;-webkit-overflow-scrolling: touch;padding: 44px;position: absolute;text-align: center;top: 0;transition-property: transform, opacity;white-space: normal;width: 100%;z-index: 99994;}.fancybox-slide::before {content: '';display: inline-block;font-size: 0;height: 100%;vertical-align: middle;width: 0;}.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {display: block;}.fancybox-slide--image {overflow: hidden;padding: 44px 0;}.fancybox-slide--image::before {display: none;}.fancybox-slide--html {padding: 6px;}.fancybox-content {background: #fff;display: inline-block;margin: 0;max-width: 100%;overflow: auto;-webkit-overflow-scrolling: touch;padding: 44px;position: relative;text-align: left;vertical-align: middle;}.fancybox-slide--image .fancybox-content {animation-timing-function: cubic-bezier(.5, 0, .14, 1);-webkit-backface-visibility: hidden;background: transparent;background-repeat: no-repeat;background-size: 100% 100%;left: 0;max-width: none;overflow: visible;padding: 0;position: absolute;top: 0;-ms-transform-origin: top left;transform-origin: top left;transition-property: transform, opacity;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index: 99995;}.fancybox-can-zoomOut .fancybox-content {cursor: zoom-out;}.fancybox-can-zoomIn .fancybox-content {cursor: zoom-in;}.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content {cursor: -webkit-grab;cursor: grab;}.fancybox-is-grabbing .fancybox-content {cursor: -webkit-grabbing;cursor: grabbing;}.fancybox-container [data-selectable='true'] {cursor: text;}.fancybox-image, .fancybox-spaceball {background: transparent;border: 0;height: 100%;left: 0;margin: 0;max-height: none;max-width: none;padding: 0;position: absolute;top: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 100%;}.fancybox-spaceball {z-index: 1;}.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content {height: 100%;overflow: visible;padding: 0;width: 100%;}.fancybox-slide--video .fancybox-content {background: #000;}.fancybox-slide--map .fancybox-content {background: #e5e3df;}.fancybox-slide--iframe .fancybox-content {background: #fff;}.fancybox-video, .fancybox-iframe {background: transparent;border: 0;display: block;height: 100%;margin: 0;overflow: hidden;padding: 0;width: 100%;}.fancybox-iframe {left: 0;position: absolute;top: 0;}.fancybox-error {background: #fff;cursor: default;max-width: 400px;padding: 40px;width: 100%;}.fancybox-error p {color: #444;font-size: 16px;line-height: 20px;margin: 0;padding: 0;}.fancybox-button {background: rgba(30, 30, 30, .6);border: 0;border-radius: 0;box-shadow: none;cursor: pointer;display: inline-block;height: 44px;margin: 0;padding: 10px;position: relative;transition: color .2s;vertical-align: top;visibility: inherit;width: 44px;}.fancybox-button, .fancybox-button:visited, .fancybox-button:link {color: #ccc;}.fancybox-button:hover {color: #fff;}.fancybox-button:focus {outline: none;}.fancybox-button.fancybox-focus {outline: 1px dotted;}.fancybox-button[disabled], .fancybox-button[disabled]:hover {color: #888;cursor: default;outline: none;}.fancybox-button div {height: 100%;}.fancybox-button svg {display: block;height: 100%;overflow: visible;position: relative;width: 100%;}.fancybox-button svg path {fill: currentColor;stroke-width: 0;}.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) {display: none;}.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) {display: none;}.fancybox-progress {background: #ff5268;height: 2px;left: 0;position: absolute;right: 0;top: 0;-ms-transform: scaleX(0);transform: scaleX(0);-ms-transform-origin: 0;transform-origin: 0;transition-property: transform;transition-timing-function: linear;z-index: 99998;}.fancybox-close-small {background: transparent;border: 0;border-radius: 0;color: #ccc;cursor: pointer;opacity: .8;padding: 8px;position: absolute;right: -12px;top: -44px;z-index: 401;}.fancybox-close-small:hover {color: #fff;opacity: 1;}.fancybox-slide--html .fancybox-close-small {color: currentColor;padding: 10px;right: 0;top: 0;}.fancybox-slide--image.fancybox-is-scaling .fancybox-content {overflow: hidden;}.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {display: none;}.fancybox-navigation .fancybox-button {background-clip: content-box;height: 100px;opacity: 0;position: absolute;top: calc(50% - 50px);width: 70px;}.fancybox-navigation .fancybox-button div {padding: 7px;}.fancybox-navigation .fancybox-button--arrow_left {left: 0;left: env(safe-area-inset-left);padding: 31px 26px 31px 6px;}.fancybox-navigation .fancybox-button--arrow_right {padding: 31px 6px 31px 26px;right: 0;right: env(safe-area-inset-right);}.fancybox-caption {background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);bottom: 0;color: #eee;font-size: 14px;font-weight: 400;left: 0;line-height: 1.5;padding: 75px 44px 25px 44px;pointer-events: none;right: 0;text-align: center;z-index: 99996;}@supports (padding: max(0px)) {.fancybox-caption {padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));}}.fancybox-caption--separate {margin-top: -50px;}.fancybox-caption__body {max-height: 50vh;overflow: auto;pointer-events: all;}.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {color: #ccc;text-decoration: none;}.fancybox-caption a:hover {color: #fff;text-decoration: underline;}.fancybox-loading {animation: fancybox-rotate 1s linear infinite;background: transparent;border: 4px solid #888;border-bottom-color: #fff;border-radius: 50%;height: 50px;left: 50%;margin: -25px 0 0 -25px;opacity: .7;padding: 0;position: absolute;top: 50%;width: 50px;z-index: 99999;}@keyframes fancybox-rotate {100% {transform: rotate(360deg);}}.fancybox-animated {transition-timing-function: cubic-bezier(0, 0, .25, 1);}.fancybox-fx-slide.fancybox-slide--previous {opacity: 0;transform: translate3d(-100%, 0, 0);}.fancybox-fx-slide.fancybox-slide--next {opacity: 0;transform: translate3d(100%, 0, 0);}.fancybox-fx-slide.fancybox-slide--current {opacity: 1;transform: translate3d(0, 0, 0);}.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {opacity: 0;transition-timing-function: cubic-bezier(.19, 1, .22, 1);}.fancybox-fx-fade.fancybox-slide--current {opacity: 1;}.fancybox-fx-zoom-in-out.fancybox-slide--previous {opacity: 0;transform: scale3d(1.5, 1.5, 1.5);}.fancybox-fx-zoom-in-out.fancybox-slide--next {opacity: 0;transform: scale3d(.5, .5, .5);}.fancybox-fx-zoom-in-out.fancybox-slide--current {opacity: 1;transform: scale3d(1, 1, 1);}.fancybox-fx-rotate.fancybox-slide--previous {opacity: 0;-ms-transform: rotate(-360deg);transform: rotate(-360deg);}.fancybox-fx-rotate.fancybox-slide--next {opacity: 0;-ms-transform: rotate(360deg);transform: rotate(360deg);}.fancybox-fx-rotate.fancybox-slide--current {opacity: 1;-ms-transform: rotate(0deg);transform: rotate(0deg);}.fancybox-fx-circular.fancybox-slide--previous {opacity: 0;transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);}.fancybox-fx-circular.fancybox-slide--next {opacity: 0;transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);}.fancybox-fx-circular.fancybox-slide--current {opacity: 1;transform: scale3d(1, 1, 1) translate3d(0, 0, 0);}.fancybox-fx-tube.fancybox-slide--previous {transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);}.fancybox-fx-tube.fancybox-slide--next {transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);}.fancybox-fx-tube.fancybox-slide--current {transform: translate3d(0, 0, 0) scale(1);}@media all and (max-height: 576px) {.fancybox-slide {padding-left: 6px;padding-right: 6px;}.fancybox-slide--image {padding: 6px 0;}.fancybox-close-small {right: -6px;}.fancybox-slide--image .fancybox-close-small {background: #4e4e4e;color: #f2f4f6;height: 36px;opacity: 1;padding: 6px;right: 0;top: 0;width: 36px;}.fancybox-caption {padding-left: 12px;padding-right: 12px;}@supports (padding: max(0px)) {.fancybox-caption {padding-left: max(12px, env(safe-area-inset-left));padding-right: max(12px, env(safe-area-inset-right));}}}.fancybox-share {background: #f4f4f4;border-radius: 3px;max-width: 90%;padding: 30px;text-align: center;}.fancybox-share h1 {color: #222;font-size: 35px;font-weight: 700;margin: 0 0 20px 0;}.fancybox-share p {margin: 0;padding: 0;}.fancybox-share__button {border: 0;border-radius: 3px;display: inline-block;font-size: 14px;font-weight: 700;line-height: 40px;margin: 0 5px 10px 5px;min-width: 130px;padding: 0 15px;text-decoration: none;transition: all .2s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap;}.fancybox-share__button:visited, .fancybox-share__button:link {color: #fff;}.fancybox-share__button:hover {text-decoration: none;}.fancybox-share__button--fb {background: #3b5998;}.fancybox-share__button--fb:hover {background: #344e86;}.fancybox-share__button--pt {background: #bd081d;}.fancybox-share__button--pt:hover {background: #aa0719;}.fancybox-share__button--tw {background: #1da1f2;}.fancybox-share__button--tw:hover {background: #0d95e8;}.fancybox-share__button svg {height: 25px;margin-right: 7px;position: relative;top: -1px;vertical-align: middle;width: 25px;}.fancybox-share__button svg path {fill: #fff;}.fancybox-share__input {background: transparent;border: 0;border-bottom: 1px solid #d7d7d7;border-radius: 0;color: #5d5b5b;font-size: 14px;margin: 10px 0 0 0;outline: none;padding: 10px 15px;width: 100%;}.fancybox-thumbs {background: #ddd;bottom: 0;display: none;margin: 0;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;padding: 2px 2px 4px 2px;position: absolute;right: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);top: 0;width: 212px;z-index: 99995;}.fancybox-thumbs-x {overflow-x: auto;overflow-y: hidden;}.fancybox-show-thumbs .fancybox-thumbs {display: block;}.fancybox-show-thumbs .fancybox-inner {right: 212px;}.fancybox-thumbs__list {font-size: 0;height: 100%;list-style: none;margin: 0;overflow-x: hidden;overflow-y: auto;padding: 0;position: absolute;position: relative;white-space: nowrap;width: 100%;}.fancybox-thumbs-x .fancybox-thumbs__list {overflow: hidden;}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {width: 7px;}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {background: #fff;border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {background: #2a2a2a;border-radius: 10px;}.fancybox-thumbs__list a {-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: rgba(0, 0, 0, .1);background-position: center center;background-repeat: no-repeat;background-size: cover;cursor: pointer;float: left;height: 75px;margin: 2px;max-height: calc(100% - 8px);max-width: calc(50% - 4px);outline: none;overflow: hidden;padding: 0;position: relative;-webkit-tap-highlight-color: transparent;width: 100px;}.fancybox-thumbs__list a::before {border: 6px solid #ff5268;bottom: 0;content: '';left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: all .2s cubic-bezier(.25, .46, .45, .94);z-index: 99991;}.fancybox-thumbs__list a:focus::before {opacity: .5;}.fancybox-thumbs__list a.fancybox-thumbs-active::before {opacity: 1;}@media all and (max-width: 576px) {.fancybox-thumbs {width: 110px;}.fancybox-show-thumbs .fancybox-inner {right: 110px;}.fancybox-thumbs__list a {max-width: calc(100% - 10px);}}