@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
font-family: 'Encode Sans Expanded', sans-serif;
font-size:1vw;
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: 'Montserrat', sans-serif;
    ;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'Montserrat', sans-serif;
    ;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #f0484e
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #525252
}

.ui-widget-content a {
    color: #525252
}

.ui-widget-header {
    border: 1px solid #dfdfdf;
    background: #dfdfdf;
    color: #6b6b6b;
    font-weight: bold
}

.ui-widget-header a {
    color: #6b6b6b
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #f0484e;
    background: #f0484e;
    font-weight: normal;
    color: #fff
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #fff;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #ee2020;
    background: #ee2020;
    font-weight: normal;
    color: #fff
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #fff;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #ee2020;
    background: #ee2020;
    font-weight: normal;
    color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #ee2020;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #8b8b8b;
    background: #8b8b8b;
    color: #fff
}

.ui-state-checked {
    border: 1px solid #8b8b8b;
    background: #8b8b8b
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #fff
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_525252_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_6b6b6b_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    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 {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
-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 {
font-family: 'Encode Sans Expanded', sans-serif;
top: 0;
left: 0;
margin-left: auto;
margin-right: auto;
}

.slick-track:after,
.slick-track:before {
display: table;
content: ''
}

.slick-track:after {
    clear: both
}

.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-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    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-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .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--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    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;
    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-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .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-iframe,
.fancybox-video {
    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:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    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--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(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(0deg, 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%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    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: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.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: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    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: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    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: scaleX(1) translateZ(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: translateZ(0) scale(1)
}

@media (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
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: 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: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .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 (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(../images/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}


.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

/*! jQuery UI - v1.12.1 - 2017-01-04
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=&bgImgOpacityHighlight=&bgImgOpacityActive=&bgImgOpacityHover=&bgImgOpacityDefault=&bgImgOpacityContent=&bgImgOpacityHeader=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23777620&fcHighlight=%23777620&borderColorHighlight=%23049fdf&bgTextureHighlight=flat&bgColorHighlight=%236fd3fc&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%23049fdf&bgTextureActive=flat&bgColorActive=%23049fdf&iconColorHover=%23555555&fcHover=%232b2b2b&borderColorHover=%23049fdf&bgTextureHover=flat&bgColorHover=%23ededed&iconColorDefault=%23777777&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgTextureDefault=flat&bgColorDefault=%23f6f6f6&iconColorContent=%23444444&fcContent=%23333333&borderColorContent=%23dddddd&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23049fdf&fcHeader=%23ffffff&borderColorHeader=%23ffffff&bgTextureHeader=flat&bgColorHeader=%23000000&cornerRadius=0&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .1em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #fff;
    background: #000;
    color: #fff;
    font-weight: bold
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #049fdf;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #049fdf;
    background: #049fdf;
    font-weight: normal;
    color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #049fdf;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #049fdf;
    background: #6fd3fc;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #049fdf;
    background: #6fd3fc
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_049fdf_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

/** START Header - blank **/

header a {
    text-decoration: none
}

.mobile-menu-icon,
#main-menu li {
    text-transform: uppercase
}

#main-menu li {
    font-size: .95em
}

#main-menu li a,
.mobile-menu-close,
.mobile-menu-icon {}

#main-menu .active a,
#main-menu li a:hover,
.mobile-menu-icon:hover,
.mobile-menu-close:hover {}

#branding {
    width: 50%;
    height: 50px;
    padding-top: 0;
    margin-left: 0
}

.logo {
    width: 100%;
    height: 100%
}

.logo img {
    width: auto;
    height: 100%
}

.mobile-menu-icon {
    position: absolute;
    top: 16px;
    right: 20px
}

.mobile-menu-close {
    position: absolute;
    top: 20px;
    right: 20px
}

#main-menu nav {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    text-align: center;
    overflow: scroll;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

#main-menu nav.open {
    pointer-events: auto;
    opacity: 1
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

#main-menu nav ul {
    margin: 76px 0 0 0
}

#main-menu li {
    text-align: center
}

@media (min-width:550px) {
    .mobile-menu-icon {
        right: 0
    }
}

@media (min-width:750px) {
    .header-wrapper.container {
        width: 100%
    }
    #branding {
        margin-left: 0
    }
    .mobile-menu-icon {
        right: 0
    }
}

@media (min-width:1000px) {
    #branding {
        margin-right: 0;
        float: left;
        width: 165px;
        margin-left: 0;
        margin-top: 4px;
        height: 50px
    }
    .mobile-menu-icon,
    .mobile-menu-close {
        display: none
    }
    #main-menu {
        float: right;
        margin-top: 0;
        height: 50px;
        margin-right: 0;
        width: calc(100% - 165px)
    }
    #main-menu nav {
        height: auto;
        background: transparent;
        position: relative;
        left: 0;
        top: 0;
        overflow: hidden;
        text-align: right;
        pointer-events: auto;
        opacity: 1
    }
    #main-menu nav ul {
        margin: 0;
        text-align: right
    }
    #main-menu li {
        display: inline-block;
        margin-left: 25px;
        margin-top: 21px
    }
    #main-menu li.privacy-policy,
    #main-menu li.terms-conditions,
    #main-menu li.sitemap {
        display: none
    }
    #main-menu li.first {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    #branding {
        margin-right: 0;
        float: left;
        width: 225px;
        margin-left: 10px;
        margin-top: 4px;
        height: 80px
    }
    #main-menu {
        height: 71px;
        width: calc(100% - 235px)
    }
    #main-menu li {
        margin-left: 37px;
        margin-top: 33px
    }
}

/** END Header - blank **/

/** START Tabs Horizontal **/

.tabs-default .first-phrase,
.tabs-default .second-phrase {
    display: block
}

.tabs-default h2 .first-phrase {
    font-size: .85em
}

.tabs-default .title-wrapper li {
    position: relative;
    cursor: pointer
}

.tabs-default>.xList-intro {
    text-align: center;
    margin-bottom: 25px
}

.tabs-default .title-wrapper ul:after {
    content: '';
    display: block;
    clear: both
}

.tabs-default .title-wrapper ul {
    list-style-type: none;
    text-align: center;
    margin: 15px auto;
    position: relative;
    padding: 0 30px;
    z-index: 1;
    webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.tabs-default.tabs-first-level>.xList-intro .title-wrapper ul,
.tabs-default.tabs-second-level .title-wrapper .select-box-wrapper,
.tabs-default.tabs-second-level .intro-wrapper h2,
.tabs-default span.hide,
.tabs-default.tabs-first-level>.xList-intro .arrows-wrapper {
    display: none
}

.tabs-default .select-box-wrapper select {
    padding-right: 26px;
    text-overflow: ellipsis;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.tabs-default .select-box-wrapper {
    position: relative
}

.tabs-default .select-box-wrapper:after {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    margin-top: -0.75rem;
    pointer-events: none;
    font: normal normal normal 16px/1 FontAwesome
}

.tabs-default .select-box-wrapper:after {
    content: "\f0d7"
}

.tabs-default .title-wrapper li {
    margin: 0;
    text-align: center
}

.tabs-default .title-wrapper li:first-child {
    margin-left: 0
}

.tabs-default>ul.xList-items {
    list-style-type: none;
    margin: 20px 0 0
}

.tabs-default>.xList-items>li {
    height: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    margin: 0;
    webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
}

.tabs-default>.xList-items>li.active {
    height: auto;
    visibility: visible;
    overflow: visible;
    opacity: 1
}

.tabs-default .title-wrapper {
    width: 100%;
    padding: 0 5%;
    margin: 0 auto;
    box-sizing: border-box
}

.tabs-default .title-wrapper .slick-slide {
    width: auto;
    display: inline-block;
    float: none;
    text-align: center;
    vertical-align: middle;
    margin-left: 0
}

.tabs-default .arrows-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tabs-default .arrows-wrapper .slick-arrow {
    pointer-events: auto;
    cursor: pointer;
    margin: 0
}

.tabs-default .arrows-wrapper .slick-arrow.slick-disabled {
    opacity: 0.6;
    pointer-events: none
}

.tabs-default .pager-nav {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tabs-default .pager-nav.slick-disabled {
    opacity: 0.6;
    cursor: default
}

.tabs-default .pager-nav.nav-prev {
    left: 0
}

.tabs-default .pager-nav.nav-next {
    right: 0
}

.tabs-default .pager-nav:before {
    content: "";
    width: 12px;
    height: 12px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-top: none;
    top: 50%;
    display: block
}

.tabs-default .pager-nav.nav-prev:before {
    left: calc(50% + 2px);
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.tabs-default .pager-nav.nav-next:before {
    left: calc(50% - 2px);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.tabs-default .title-wrapper li,
.tabs-default .title-wrapper li.active {
    padding: 10px;
    box-sizing: border-box
}

.tabs-default .title-wrapper li.active,
.tabs-default.tabs-second-level .title-wrapper ul {
    opacity: 1
}

.tabs-default>.xList-intro,
.tabs-default>ul.xList-items {
    margin: 0
}

.tabs-default .title-wrapper ul {
    margin: 5px auto 0
}

.tabs-default>ul.xList-items {
    margin-top: 30px
}

.xList.tabs-default.tabs-second-level {
    margin-top: -30px
}

.tabs-second-level>.xList-intro .title-wrapper li {
    border: none
}

.tabs-second-level>.xList-intro .title-wrapper li span {
    position: relative;
    display: inline-block;
    padding: 0 8px 4px
}

.tabs-second-level>.xList-intro .title-wrapper li.active span {
    border-bottom-style: none;
    border-bottom-width: 1px
}

.tabs-second-level>.xList-intro .title-wrapper li.active span:after {
    content: "";
    width: 100%;
    display: block;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: absolute;
    left: 0;
    bottom: 0
}

@media (min-width:750px) {
    .tabs-default.tabs-first-level>.xList-intro .select-box-wrapper {
        display: none
    }
    .tabs-default.tabs-first-level>.xList-intro .title-wrapper ul,
    .tabs-default.tabs-first-level>.xList-intro .arrows-wrapper {
        display: block
    }
    .tabs-default .title-wrapper ul {
        border: 0;
        padding: 0 60px;
        margin-bottom: 0;
        cursor: default
    }
    .tabs-default .title-wrapper .slick-slide {
        margin-left: 3px;
        margin-right: 3px
    }
    .tabs-default .title-wrapper ul:before {
        display: none
    }
    .tabs-horizontal .title-wrapper .slick-list {
        margin-left: -8px
    }
    .tabs-horizontal .title-wrapper li {
        margin: 0;
        border-width: 1px;
        border-style: solid
    }
    .tabs-horizontal .tabs-second-level .title-wrapper li {
        border: none
    }
    .tabs-default .title-wrapper li,
    .tabs-default .title-wrapper li.active {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        overflow: visible;
        width: auto
    }
    .tabs-default .title-wrapper li.active {
        pointer-events: none
    }
    .tabs-first-level>.xList-intro .title-wrapper:after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        display: block;
        z-index: 0;
        border-bottom-style: solid;
        border-bottom-width: 1px
    }
}

/** END Tabs Horizontal **/

/** START Tabs Horizontal-L **/

@media (min-width:1000px) {
    .tabs-default.align-l .title-wrapper ul {
        text-align: left
    }
}

/** END Tabs Horizontal-L **/

/** START Hotel List - The Park Hotels **/

.hotel-list:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.hotel-list {
    padding-top: 10px;
    overflow: hidden;
    max-height: 50px;
    position: relative;
    -ms-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.hotel-list ul ul {
    font-size: 100%;
    margin: 0
}

footer.five-col {
    padding-top: 18px
}

.hotel-list:after {
    content: '';
    width: calc(100% - 40px);
    height: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0
}

.hotel-list h2 {
    padding-top: 13px;
    padding-bottom: 13px;
    margin: 0 auto;
    letter-spacing: .03em;
    position: relative
}

.hotel-list h2:after,
.hotel-list h2:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: auto;
    transition: transform 0.25s ease-out;
    display: block
}

.hotel-list h2:after {
    top: 50%;
    right: 30px;
    width: 16px;
    height: 2px;
    margin-top: -1px
}

.hotel-list h2:before {
    top: 0;
    right: 37px;
    width: 2px;
    height: 16px;
    margin-left: -1px
}

.hotel-list.active-column h2:after {
    transform: rotate(180deg)
}

.hotel-list.active-column h2:before {
    transform: rotate(90deg)
}

.hotel-list>.last-column {
    margin-left: 0
}

.hotel-list .tabs-default.align-l>.xList-intro {
    position: relative;
    max-width: 100%
}

.hotel-list .tabs-default>.xList-items>.xList-item>h3 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-transform: uppercase;
    padding: 5px 0 2px 0;
    margin-bottom: 23px;
    margin-top: 13px
}

.hotel-list .tabs-default>.xList-items>.xList-item .xList-items>.xList-item {
    width: 49%;
    display: inline-block;
    vertical-align: top
}

.hotel-list .tabs-default .xList-items>.xList-items>li {
    display: inline-block;
    vertical-align: top
}

.hotel-list .first-column .image-only {
    padding: 0;
    display: inline-block;
    margin: 30px auto
}

.hotel-list>.columns:first-child {
    text-align: center
}

.hotel-list>.columns:first-child>h2 {
    text-align: left
}

.hotel-list .tabs-default>.xList-items {
    text-transform: uppercase;
    width: 90%;
    margin: 0 auto
}

.hotel-list .tabs-default>.xList-items h3,
.hotel-list .tabs-default>.xList-items .read-more {
    font-family: inherit;
    color: inherit
}

.hotel-list .tabs-default>.xList-items>.xList-item h3:first-child+.xList li {
    display: block;
    width: 100%
}

.hotel-list .tabs-default>.xList-items>.xList-item h3:first-child+.xList {
    max-height: 0;
    overflow: hidden;
    padding-left: 15px;
    font-size: 91%;
    -ms-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.hotel-list .tabs-default>.xList-items>.xList-item>h3 {
    position: relative
}

.hotel-list .has-sub-menu h3>* {
    cursor: pointer
}

.hotel-list .has-sub-menu h3 span {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
    position: relative
}

.hotel-list .has-sub-menu h3 span:after,
.hotel-list .has-sub-menu h3 span:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: auto;
    transition: transform 0.25s ease-out
}

.hotel-list .has-sub-menu h3 span:after {
    top: 50%;
    right: 0;
    width: 13px;
    height: 1px;
    margin-top: -1px
}

.hotel-list .has-sub-menu h3 span:before {
    top: 0;
    right: 6px;
    width: 1px;
    height: 12px;
    margin-left: -1px
}

.hotel-list .has-sub-menu.active h3 span:after {
    transform: rotate(180deg);
    margin-top: 0
}

.hotel-list .has-sub-menu.active h3 span:before {
    transform: rotate(90deg)
}

.read-more.no-link {
    pointer-events: none
}

.hotel-list .tabs-default>.xList-intro .title-wrapper {
    padding: 0
}

.hotel-list .tabs-first-level>.xList-intro .title-wrapper li {
    box-sizing: border-box;
    margin-bottom: -1px;
    display: flex !important;
    text-align: center;
    border: none
}

.hotel-list .tabs-first-level>.xList-intro .title-wrapper li.active {
    box-sizing: border-box;
    border: none
}

.hotel-list .tabs-default .select-box-wrapper {
    position: relative;
    margin: 0 auto 15px;
    width: 90%
}

.hotel-list .slick-track {
    display: flex
}

.hotel-list .slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    margin: 0
}

.hotel-list .slick-track .slick-slide>div {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: stretch;
    align-content: center
}

@media (max-width:750px) {
    .hotel-list>.three.columns,
    .hotel-list>.nine.columns {
        width: 100%;
        margin-left: 0
    }
}

@media (min-width:750px) {
    .hotel-list h2 {
        padding-top: 11px;
        padding-bottom: 8px
    }
    .hotel-list {
        max-height: 100% !important;
        padding-bottom: 9px
    }
    .hotel-list:before {
        display: none
    }
    .hotel-list>.last-column {
        width: 78%
    }
    .hotel-list h2:after,
    .hotel-list h2:before,
    .hotel-list:after {
        display: none
    }
    .hotel-list .tabs-horizontal .title-wrapper li:first-child {
        margin-left: 0
    }
    .hotel-list .tabs-default>.xList-items {
        width: 100%;
        margin-left: 0
    }
    .hotel-list .tabs-default>.xList-items>.xList-item .xList-items>.xList-item {
        width: 23%;
        margin-right: 1%;
        margin-bottom: 7px
    }
    .hotel-list .tabs-default.align-l>.xList-intro {
        width: 100%;
        text-align: left;
        margin-bottom: 25px
    }
    .hotel-list .tabs-horizontal .title-wrapper li {
        margin: 0 0 0 3px;
        width: 155px;
        text-align: center;
        opacity: 1;
        text-transform: uppercase;
        white-space: normal;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        line-height: 1
    }
    .hotel-list .tabs-first-level>.xList-intro .title-wrapper li:after {
        content: '';
        width: 2px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0
    }
    .hotel-list .tabs-horizontal .title-wrapper li,
    .hotel-list .tabs-horizontal .title-wrapper li.active {
        padding: 10px 20px 11px
    }
    .hotel-list .tabs-first-level>.xList-intro .title-wrapper li.active {
        border: none
    }
    .hotel-list .tabs-default .title-wrapper ul {
        text-align: left;
        display: flex;
        align-items: stretch;
        padding: 0
    }
    .hotel-list .tabs-default .title-wrapper ul:after {
        content: '';
        width: 100%;
        height: 1px;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .hotel-list .tabs-default .title-wrapper ul:after {
        content: '';
        width: 150%;
        height: 1px;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        left: -50%
    }
    footer.five-col {
        padding-top: 25px
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .hotel-list .tabs-default .title-wrapper ul:after {
        bottom: -1px
    }
}

@media (min-width:1000px) {
    .hotel-list h2 {
        padding-top: 9px;
        padding-bottom: 12px
    }
    .hotel-list .tabs-horizontal .title-wrapper li,
    .hotel-list .tabs-horizontal .title-wrapper li.active {
        width: 25%;
        padding: 16px 20px 15px
    }
    .hotel-list .tabs-default>.xList-items {
        width: 90%
    }
    .hotel-list .tabs-default.align-l>.xList-intro {
        margin-bottom: 31px
    }
}

@media (min-width:1200px) {
    .hotel-list .tabs-default>.xList-items {
        width: 80%
    }
    .hotel-list .tabs-horizontal .title-wrapper li {
        width: 22%
    }
    .hotel-list .tabs-default .slick-track {
        margin-left: 0
    }
}

/** END Hotel List - The Park Hotels **/

/** START Main Block - blank **/

.main-block {
    margin-top: 40px
}

@media (min-width:1000px) {
    .main-block {
        margin-top: 100px
    }
}

/** END Main Block - blank **/

/** START Fullpage Row - Blank **/

.fullpage-row {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

/** END Fullpage Row - Blank **/

/** START Rotator With Hover and Click Animations **/

.rotator-with-hover-click-animations .whole-slider-wrapper {
    position: relative;
    height: auto;
    width: 100%;
    overflow: hidden
}

.rotator-with-hover-click-animations .whole-slider-wrapper:after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both
}

.rotator-with-hover-click-animations .whole-slider-wrapper:before,
.rotator-with-hover-click-animations .content-wrapper {
    width: 100%
}

.rotator-with-hover-click-animations .content-wrapper {
    height: auto;
    position: relative;
    z-index: 1
}

.rotator-with-hover-click-animations .content-wrapper h1,
.rotator-with-hover-click-animations .content-wrapper h2 {
    margin: 25px 10px;
    text-align: center
}

.rotator-with-hover-click-animations .content-wrapper h1 br,
.rotator-with-hover-click-animations .content-wrapper h2 br {
    display: none
}

.rotator-with-hover-click-animations .panel-wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow-x: hidden
}

.rotator-with-hover-click-animations .panel-wrap-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    width: calc(100vw * 7);
    height: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    overflow: hidden
}

.rotator-with-hover-click-animations .item {
    height: auto;
    flex: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.rotator-with-hover-click-animations .item:after {
    width: 100%;
    opacity: 1
}

.rotator-with-hover-click-animations .inner-background {
    opacity: 1;
    padding-top: 40vh;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    display: block
}

.rotator-with-hover-click-animations .background-image-holder {
    display: none
}

.rotator-with-hover-click-animations .intro-wrapper {
    width: 100%;
    height: auto;
    pointer-events: auto
}

.rotator-with-hover-click-animations .intro-content {
    position: relative;
    z-index: 1;
    padding: 20px;
    display: none
}

.rotator-with-hover-click-animations .full-width-content {
    padding: 27px
}

.rotator-with-hover-click-animations .scrollTo {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    cursor: pointer;
    opacity: 1;
    position: relative;
    -ms-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

.rotator-with-hover-click-animations .scrollTo:after,
.rotator-with-hover-click-animations .scrollTo:before {
    content: '';
    border-style: solid;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    -webkit-animation: flickerAnimation 1.5s infinite;
    -moz-animation: flickerAnimation 1.5s infinite;
    -o-animation: flickerAnimation 1.5s infinite;
    animation: flickerAnimation 1.5s infinite
}

.rotator-with-hover-click-animations .scrollTo:after {
    top: 5px
}

.rotator-with-hover-click-animations .content-wrapper.use-scroll {
    width: 100%;
    float: none;
    margin-top: 21px;
    margin-bottom: 15px
}

.scrollTo.disabled,
.mCS_no_scrollbar+.scrollTo {
    opacity: 0;
    pointer-events: none
}

.rotator-with-hover-click-animations .mCS_no_scrollbar+.scrollTo {
    display: none
}

.rotator-with-hover-click-animations .intro-content-inner {
    transform-origin: 0 0;
    width: 100%;
    max-width: 120px;
    margin: auto
}

.rotator-with-hover-click-animations .intro-content-inner h3 {
    max-height: 85px;
    overflow: hidden;
    line-height: 1.1;
    margin-bottom: 0
}

.rotator-with-hover-click-animations .no-margin-bottom {
    margin-bottom: 0
}

.rotator-with-hover-click-animations .close-icon {
    display: block;
    opacity: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 35px;
    right: 78px;
    pointer-events: none;
    z-index: 1
}

.rotator-with-hover-click-animations .menu-wrapper-close:before,
.rotator-with-hover-click-animations .menu-wrapper-close:after {
    position: absolute;
    left: 20px;
    content: ' ';
    height: 29px;
    width: 1px;
    top: 5px
}

.rotator-with-hover-click-animations .menu-wrapper-close:before {
    transform: rotate(45deg)
}

.rotator-with-hover-click-animations .menu-wrapper-close:after {
    transform: rotate(-45deg)
}

.rotator-with-hover-click-animations .clicked .item {
    border: none
}

.rotator-with-hover-click-animations .item.active {
    pointer-events: none;
    cursor: default
}

.rotator-with-hover-click-animations .item.active:after {
    opacity: 0
}

.rotator-with-hover-click-animations .item.active .inner-background {
    opacity: 1
}

.rotator-with-hover-click-animations .active-full-width .active .close-icon {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1)
}

.rotator-with-hover-click-animations .clicked .slider-navigation,
.rotator-with-hover-click-animations .clicked .slider-navigation.disabled,
.rotator-with-hover-click-animations .clicked .arrows-wrapper .slider-navigation.disabled {
    opacity: 0
}

.rotator-with-hover-click-animations .arrows-wrapper .slider-navigation.disabled {
    opacity: 0.6;
    cursor: default
}

.rotator-with-hover-click-animations .arrows-wrapper {
    position: absolute;
    top: calc(40vh - 22px);
    left: 0;
    width: 100%;
    pointer-events: none;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    margin: 0
}

.rotator-with-hover-click-animations .arrows-wrapper .slick-arrow {
    width: 42px;
    height: 42px;
    pointer-events: auto;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0
}

.rotator-with-hover-click-animations .arrows-wrapper .nav-left {
    float: left
}

.rotator-with-hover-click-animations .arrows-wrapper .nav-right {
    float: right
}

.rotator-with-hover-click-animations .slick-arrow.slider-navigation.noEvents {
    pointer-events: none
}

.rotator-with-hover-click-animations .whole-slider-wrapper>img.background-image {
    display: none
}

@media(min-width:750px) {
    .rotator-with-hover-click-animations .item:first-child {
        border-left-style: solid;
        border-left-width: 1px
    }
    .rotator-with-hover-click-animations .item {
        border-right-style: solid;
        border-right-width: 1px
    }
    .rotator-with-hover-click-animations .whole-slider-wrapper {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }
    .rotator-with-hover-click-animations .arrow-wrapper {
        top: auto;
        bottom: 0;
        transform: translateY(0)
    }
    .rotator-with-hover-click-animations .whole-slider-wrapper:before,
    .rotator-with-hover-click-animations .item:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }
    .rotator-with-hover-click-animations .content-wrapper {
        float: left
    }
    .rotator-with-hover-click-animations .content-wrapper h1,
    .rotator-with-hover-click-animations .content-wrapper h2 {
        padding: 0 27px;
        margin: 53px auto 0;
        text-align: left
    }
    .rotator-with-hover-click-animations .content-wrapper h1 br,
    .rotator-with-hover-click-animations .content-wrapper h2 br {
        display: block
    }
    .rotator-with-hover-click-animations .intro-content-inner p {
        margin-bottom: 0;
        margin-top: 10px
    }
    .rotator-with-hover-click-animations .panel-wrap {
        float: left;
        position: unset;
        overflow: visible
    }
    .rotator-with-hover-click-animations .panel-wrap-inner {
        height: 100%;
        overflow: visible
    }
    .rotator-with-hover-click-animations .item {
        height: 570px;
        flex: 1;
        cursor: pointer
    }
    .rotator-with-hover-click-animations .inner-background {
        height: 100%;
        padding: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0
    }
    .rotator-with-hover-click-animations .intro-wrapper {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
    .rotator-with-hover-click-animations .intro-content {
        display: flex;
        align-content: stretch;
        min-height: 145px
    }
    .rotator-with-hover-click-animations .full-width-content {
        display: none;
        width: 40%;
        padding: 35px 40px 20px;
        position: absolute;
        top: 50%;
        right: 78px;
        transform: translateY(-50%);
        max-height: 60%
    }
    .rotator-with-hover-click-animations .use-scroll .mCSB_container>*:last-child {
        margin-bottom: 0
    }
    .rotator-with-hover-click-animations .arrows-wrapper {
        top: auto;
        bottom: 0;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(min-width:750px) and (max-width:1199px) {
    .rotator-with-hover-click-animations .whole-slider-wrapper:before {
        width: 100vw;
        height: 100%
    }
    .rotator-with-hover-click-animations .content-wrapper {
        width: 24vw;
        height: 100%
    }
    .rotator-with-hover-click-animations .panel-wrap {
        display: block;
        width: 76vw;
        height: 100%;
        float: left;
        position: relative;
        overflow: hidden
    }
    .rotator-with-hover-click-animations .panel-wrap-inner {
        height: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .rotator-with-hover-click-animations .item:after,
    .rotator-with-hover-click-animations .active-full-width.whole-slider-wrapper:before {
        display: none
    }
    .rotator-with-hover-click-animations .clicked .panel-wrap {
        overflow: visible
    }
    .rotator-with-hover-click-animations .clicked .panel-wrap-inner {
        -webkit-transform: translateX(0) !important
    }
    .rotator-with-hover-click-animations .clicked .item {
        border-width: 0
    }
    .rotator-with-hover-click-animations .clicked .item:after {
        opacity: 0
    }
    .rotator-with-hover-click-animations .item.active {
        flex: 100%
    }
    .rotator-with-hover-click-animations .item.active .inner-background {
        left: calc(-24vw - 5px)
    }
    .rotator-with-hover-click-animations .active .intro-wrapper {
        width: 76vw
    }
}

@media(min-width:750px) and (max-width:999px) {
    .rotator-with-hover-click-animations .content-wrapper {
        width: 32vw
    }
    .rotator-with-hover-click-animations .panel-wrap {
        width: 68vw
    }
    .rotator-with-hover-click-animations .item.active .inner-background {
        left: calc(-32vw - 5px)
    }
}

@media(min-width:1200px) {
    .rotator-with-hover-click-animations .whole-slider-wrapper {
        min-height: 100vh;
        height: 100%
    }
    .fp-section .rotator-with-hover-click-animations .whole-slider-wrapper {
        min-height: 100%
    }
    .rotator-with-hover-click-animations .whole-slider-wrapper:before,
    .rotator-with-hover-click-animations .content-wrapper {
        width: 17.5%;
        height: 100%
    }
    .rotator-with-hover-click-animations .panel-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        width: 82.5%;
        height: 100%;
        float: left
    }
    .rotator-with-hover-click-animations .item {
        flex: 1;
        height: 100vh
    }
    .rotator-with-hover-click-animations .scroll-content-wrapper {
        height: 39vh
    }
    .rotator-with-hover-click-animations .full-width-content,
    .rotator-with-hover-click-animations .close-icon {
        right: 35px
    }
    .rotator-with-hover-click-animations .full-width-content {
        width: 26%;
        padding: 32px 40px 30px
    }
    .content-with-hover-panel .rotator-with-hover-click-animations .full-width-content {
        width: 39%
    }
    .rotator-with-hover-click-animations .item:hover {
        flex: 1.5
    }
    .rotator-with-hover-click-animations .item:hover .inner-background {
        opacity: 1
    }
    .rotator-with-hover-click-animations .item:hover:after {
        opacity: 0
    }
    .rotator-with-hover-click-animations .item.active {
        flex: 100%
    }
    .rotator-with-hover-click-animations .item.zoom-out .intro-content-inner {
        transform: scale(0.85);
        width: calc(100% / 0.85);
        max-width: auto !important;
        max-height: 147px;
        overflow: hidden
    }
}

@media(min-width:1200px) and (max-width:1279px) {
    .rotator-with-hover-click-animations .full-width-content {
        width: 38%
    }
}

.rotator-with-hover-click-animations .item,
.rotator-with-hover-click-animations .close-icon,
.rotator-with-hover-click-animations .intro-content-inner,
.rotator-with-hover-click-animations .item:after,
.rotator-with-hover-click-animations .item .inner-background,
.rotator-with-hover-click-animations .panel-wrap-inner,
.rotator-with-hover-click-animations .slider-navigation {
    -ms-transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    transition: all 0.7s linear
}

.rotator-with-hover-click-animations .item.active .inner-background {
    -webkit-animation: expand-animation 0.7s;
    animation: expand-animation 0.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.rotator-with-hover-click-animations .item.normal .inner-background {
    -webkit-animation: retract-animation 0.7s;
    animation: retract-animation 0.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes expand-animation {
    0% {
        border-radius: 0
    }
    10% {
        border-radius: 10% 20% 70% 20%
    }
    50% {
        border-radius: 5% 10% 50% 10%
    }
    100% {
        border-radius: 0
    }
}

@keyframes expand-animation {
    0% {
        border-radius: 0
    }
    10% {
        border-radius: 10% 20% 70% 20%
    }
    50% {
        border-radius: 5% 10% 50% 10%
    }
    100% {
        border-radius: 0
    }
}

@-webkit-keyframes retract-animation {
    0% {
        border-radius: 0
    }
    10% {
        border-radius: 5% 10% 50% 10%
    }
    50% {
        border-radius: 10% 20% 70% 20%
    }
    100% {
        border-radius: 0
    }
}

@keyframes retract-animation {
    0% {
        border-radius: 0
    }
    10% {
        border-radius: 5% 10% 50% 10%
    }
    50% {
        border-radius: 10% 20% 70% 20%
    }
    100% {
        border-radius: 0
    }
}

@keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

/** END Rotator With Hover and Click Animations **/

/** START Main Row - blank **/

.main-row {
    margin-bottom: 40px
}

@media (min-width:1000px) {
    .main-row {
        margin-bottom: 100px
    }
}

/** END Main Row - blank **/

/** START Main Row with secondary background - blank **/

.main-row.secondary-background {
    padding: 40px 0
}

@media(min-width:1000px) {
    .main-row.secondary-background {
        padding: 60px 0
    }
}

/** END Main Row with secondary background - blank **/

/** START Copyright Bar - blank **/

.bottom-bar {
    margin-top: 25px;
    border-top: 1px solid #575859;
    padding-top: 20px;
    padding-bottom: 15px
}

footer .container.copyright-bar {
    font-size: .7em;
    padding-top: 0
}

.copyright-bar p {
    text-align: center
}

@media (min-width:750px) {
    footer .container.copyright-bar {
        font-size: .7em;
        padding: 0 20px 20px
    }
    .copyright-bar p {
        margin: 0;
        width: 50%;
        float: left;
        text-align: left
    }
    .copyright-bar p.designed-by {
        text-align: right
    }
}

@media (min-width:1000px) {
    footer .container.copyright-bar {
        font-size: .72em;
        width: 90%;
        padding: 0
    }
    .copyright-bar p {
        letter-spacing: .1px
    }
}

/** END Copyright Bar - blank **/

/** START Contact Details with icons - blank **/

footer .contact-detail {
    font-style: normal;
    margin-bottom: 5px;
    margin-left: 0;
    padding-left: 25px
}

.contact-details .contact-detail:before {
    margin-left: -25px;
    position: absolute;
    font-family: FontAwesome
}

/** END Contact Details with icons - blank **/

/** START xMenu vertical with Heading **/

nav.menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

nav.menu ul li {
    margin: 10px 0
}

nav.menu ul li a {
    display: block;
    text-decoration: none
}

/** END xMenu vertical with Heading **/

/** START Social Media - Original Bg Colors No Label **/

.no-content {
    display: none !important
}

.social-media.noLabel {
    text-align: center;
    margin-bottom: 30px
}

.social-media a {
    text-decoration: none
}

.social-media h3 {
    display: block
}

.social-media .social-media-wrapper {
    display: block;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
    margin: 0 auto
}

.social-media .social-media-wrapper li {
    display: inline-block;
    margin: 3px 5px
}

.social-media .sm-item a,
.social-media .sm-item a .fa {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.social-media .sm-item .fa {
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    text-align: center
}

.social-media.originalBg .sm-item .fa-facebook,
.social-media.originalBg .sm-item .facebook:hover .fa-facebook {
    background-color: #3b5998
}

.originalIcon.social-media.noBg .sm-item .fa-facebook:before {
    color: #3b5998
}

.social-media.originalBg .sm-item .fa-twitter,
.social-media.originalBg .sm-item .twitter:hover .fa-twitter {
    background-color: #00aced
}

.originalIcon.social-media.noBg .sm-item .fa-twitter:before {
    color: #00aced
}

.social-media.originalBg .sm-item .fa-google-plus,
.social-media.originalBg .sm-item .google-plus:hover .fa-google-plus {
    background-color: #dd4b39
}

.originalIcon.social-media.noBg .sm-item .fa-google-plus:before {
    color: #dd4b39
}

.social-media.originalBg .sm-item .fa-youtube-play,
.social-media.originalBg .sm-item .fa-youtube,
.social-media.originalBg .sm-item .youtube-play:hover .fa-youtube-play,
.social-media.originalBg .sm-item .youtube:hover .fa-youtube {
    background-color: #b00
}

.originalIcon.social-media.noBg .sm-item .fa-youtube-play:before,
.originalIcon.social-media.noBg .sm-item .fa-youtube:before {
    color: #b00
}

.social-media.originalBg .sm-item .fa-tripadvisor,
.social-media.originalBg .sm-item .tripadvisor:hover .fa-tripadvisor {
    background-color: #00a680
}

.originalIcon.social-media.noBg .sm-item .fa-tripadvisor:before {
    color: #00a680
}

.social-media.originalBg .sm-item .fa-instagram,
.social-media.originalBg .sm-item .instagram:hover .fa-instagram {
    background-color: #517fa4
}

.originalIcon.social-media.noBg .sm-item .fa-instagram:before {
    color: #517fa4
}

.social-media.originalBg .sm-item .fa-linkedin,
.social-media.originalBg .sm-item .linkedin:hover .fa-linkedin {
    background-color: #0077b5
}

.originalIcon.social-media.noBg .sm-item .fa-linkedin:before {
    color: #0077b5
}

.social-media.originalBg .sm-item .fa-pinterest-p,
.social-media.originalBg .sm-item .fa-pinterest,
.social-media.originalBg .sm-item .pinterest-p:hover .fa-pinterest-p,
.social-media.originalBg .sm-item .pinterest:hover .fa-pinterest {
    background-color: #cb2027
}

.originalIcon.social-media.noBg .sm-item .fa-pinterest-p:before,
.originalIcon.social-media.noBg .sm-item .fa-pinterest:before {
    color: #cb2027
}

.social-media .sm-item .fa:before {
    line-height: 36px;
    color: #fff
}

.social-media.noLabel .sm-label,
.social-media.showLabel .sm-label {
    display: none
}

.flatIcon.noBg .sm-item .fa,
.originalIcon.noBg .sm-item .fa {
    background-color: transparent
}

.social-media.noBg .sm-item .fa:before {
    color: #a4a4a4;
    font-size: 23px
}

.social-media.showLabel .social-media-wrapper li {
    margin: 3px 2.5%
}

@media (min-width:750px) {
    .social-media h3 {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px
    }
}

@media (min-width:1024px) {
    .social-media.showLabel .sm-label {
        display: inline-block;
        margin-left: 10px;
        font-size: 13px
    }
    footer .social-media .sm-label {
        font-size: 10px;
        margin-left: 5px
    }
    .social-media.showLabel .social-media-wrapper li {
        margin: 3px 20px 3px 0
    }
    .columns.six .social-media.showLabel .social-media-wrapper li {
        margin: 3px 15px 3px 0;
        width: 28%
    }
    .columns.six .social-media.showLabel .social-media-wrapper {
        text-align: left
    }
    .columns.four .social-media.showLabel .social-media-wrapper li {
        margin: 3px 10px 3px 0;
        width: 44%
    }
    .columns.four .social-media.showLabel .social-media-wrapper {
        text-align: left
    }
    .columns.three .social-media.showLabel .sm-label {
        display: none
    }
}

@media (min-width:1200px) {
    .social-media.showLabel .sm-label {
        display: inline-block;
        font-size: .8em;
        letter-spacing: .2px;
        margin-left: 12px
    }
    .social-media.noLabel .sm-label {
        display: none
    }
    .social-media.showLabel .social-media-wrapper li {
        margin: 3px 20px 3px 0
    }
    .columns.three .social-media.showLabel .social-media-wrapper li,
    .columns.four .social-media.showLabel .social-media-wrapper li {
        margin: 3px 8px 3px 0;
        width: 46%
    }
    .columns.five .social-media.showLabel .social-media-wrapper li,
    .columns.six .social-media.showLabel .social-media-wrapper li {
        margin: 3px 15px 3px 0;
        width: 20%
    }
    .columns.two .social-media.showLabel .social-media-wrapper,
    .columns.three .social-media.showLabel .social-media-wrapper,
    .columns.four .social-media.showLabel .social-media-wrapper,
    .columns.five .social-media.showLabel .social-media-wrapper,
    .columns.six .social-media.showLabel .social-media-wrapper {
        text-align: left
    }
    .columns.four .social-media.showLabel .social-media-wrapper {
        text-align: left
    }
    .columns.three .social-media.showLabel .sm-label {
        display: inline-block
    }
}

/** END Social Media - Original Bg Colors No Label **/

/** START Image / Logo - with Link **/

.image-only {
    text-align: center;
    position: relative
}

.image-only img {
    width: auto;
    max-width: 100%
}

.image-only.wrap-with-link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/** END Image / Logo - with Link **/

/** START Newsletter - blank **/

.newsletter-sign-up input[type="submit"] {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.newsletter-sign-up form {
    margin-bottom: 0
}

.newsletter-sign-up input,
.newsletter-sign-up input:focus {
    box-sizing: border-box;
    border-radius: 0;
    border: none;
    font-weight: 400;
    height: 32px;
    line-height: 34px
}

.newsletter-sign-up input.email[type="email"] {
    padding: 0 12px;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 32px
}

.newsletter-sign-up #from_email-error {
    font-size: .82em;
    font-weight: 400
}

@media (min-width:750px) {
    .newsletter-sign-up input.email[type="email"] {
        margin-bottom: 0;
        float: left;
        width: 74%;
        margin-right: 1%
    }
    .newsletter-sign-up input[type="submit"] {
        width: 25%;
        float: left
    }
}

@media (min-width:1000px) {
    .newsletter-sign-up input.email[type="email"] {
        margin-bottom: 12px;
        float: left;
        width: 100%;
        margin-right: 0;
        font-size: .87em
    }
    .newsletter-sign-up input[type="submit"] {
        width: 100%;
        font-size: .87em
    }
}

@media (min-width:1200px) {
    .newsletter-sign-up input[type="submit"] {
        width: 53%;
        font-size: .82em;
        width: 106px;
        box-sizing: border-box;
        padding: 0;
        float: right
    }
}

/** END Newsletter - blank **/

/** START Newsletter-CMS - blank **/

.newsletter-sign-up button {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.newsletter-sign-up form {
    margin-bottom: 0
}

.newsletter-sign-up input.form-control,
.newsletter-sign-up input.form-control:focus {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0;
    border: none;
    font-weight: 400;
    height: 36px;
    line-height: 36px
}

.newsletter-sign-up .field-from_email input.form-control {
    padding: 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 36px
}

.newsletter-sign-up #from_email-error {
    font-size: .82em;
    font-weight: 400
}

footer .cms-form-holder.error>p.response-message,
footer .cms-form-holder.success>p.response-message {
    margin-bottom: 15px
}

@media (min-width:750px) {
    footer .newsletter-sign-up .field-from_email {
        margin-bottom: 0;
        float: left;
        width: 75%
    }
    footer .newsletter-sign-up .fb-button {
        width: 25%;
        float: left;
        margin: 0
    }
    footer .newsletter-sign-up .fb-button button {
        margin: 0;
        min-width: 50px
    }
    .newsletter-sign-up .field-from_email input.form-control,
    .newsletter-sign-up .field-from_email input.form-control:focus,
    footer .newsletter-sign-up .fb-button button {
        height: 33px
    }
}

@media (min-width:1000px) {
    footer .newsletter-sign-up input.email[type="email"] {
        margin-bottom: 12px;
        float: left;
        width: 100%;
        margin-right: 0;
        font-size: .87em
    }
    footer .newsletter-sign-up button {
        width: 100%;
        font-size: .87em
    }
}

@media (min-width:1200px) {
    .newsletter-sign-up button {
        width: 53%;
        font-size: .82em;
        width: 106px;
        box-sizing: border-box;
        float: right
    }
    footer .container .newsletter-sign-up form {
        margin: 15px 0 10px 0;
        padding-bottom: 11px
    }
}

/** END Newsletter-CMS - blank **/

/** START Footer - The Park Hotel **/

footer {
    padding: 25px 0
}

footer .columns .columns,
footer .container>.columns.last-column,
footer .newsletter-sign-up form {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

footer .columns .columns {
    max-height: 40px;
    overflow: hidden;
    margin-top: 18px;
    padding-bottom: 10px;
    -ms-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

footer .columns:first-child .columns:first-child {
    margin-top: 0
}

footer h3 {
    letter-spacing: .03em;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 15px
}

footer .container>.columns.last-column {
    margin-top: 30px;
    text-align: center;
    padding-bottom: 18px
}

footer .newsletter-sign-up form {
    margin-bottom: 10px;
    padding-bottom: 15px;
    position: relative
}

footer h3:after,
footer h3:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: transform 0.25s ease-out
}

footer h3:before {
    top: 0;
    right: 17px;
    width: 2px;
    height: 16px;
    margin-left: -1px
}

footer h3:after {
    top: 50%;
    right: 10px;
    width: 16px;
    height: 2px;
    margin-top: -1px
}

footer .active-column h3:before {
    transform: rotate(90deg)
}

footer .active-column h3:after {
    transform: rotate(180deg)
}

footer .newsletter-sign-up h3:after,
footer .social-media h3:after,
footer .newsletter-sign-up h3:before,
footer .social-media h3:before {
    display: none
}

.newsletter-sign-up form .btn {
    font-weight: normal
}

footer .contact-detail {
    position: relative
}

.contact-tel-only {
    display: block;
    padding: 10px 0
}

footer .social-media .social-media-wrapper li {
    margin: 3px 4px
}

footer .social-media.noLabel {
    margin-bottom: 0
}

footer .bottom-bar {
    margin-top: 0;
    border-top: none;
    padding-bottom: 0
}

footer .contact-tel-only .contact-detail {
    padding-left: 0
}

footer .menu-vertical ul li {
    text-align: center
}

footer .image-only {
    margin: 6px 0 0;
    display: inline-block
}

footer .image-only img {
    display: block
}

footer .three.last-column .menu-vertical li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}

footer .three.last-column .menu-vertical {
    border-top-width: 1px;
    border-top-style: solid;
    margin-top: 20px;
    padding-top: 18px
}

footer .newsletter-sign-up form .email {
    width: 100%
}

footer .newsletter-sign-up form input {
    border-radius: 0
}

@media (max-width:750px) {
    footer .three.columns,
    footer .four.columns,
    footer .five.columns,
    footer .six.columns {
        width: 100%;
        margin-left: 0
    }
}

@media (min-width:750px) {
    footer .columns .columns,
    footer .container>.columns.last-column,
    footer .newsletter-sign-up form {
        border: none
    }
    footer h3 {
        margin-bottom: 9px
    }
    footer h3:after,
    footer h3:before {
        display: none
    }
    footer .columns .columns {
        max-height: 100% !important
    }
    footer .three.last-column .menu-vertical {
        display: none
    }
    footer .columns .columns,
    footer .container>.columns.last-column {
        margin-top: 0
    }
    footer .container>.columns.last-column {
        text-align: left;
        margin-top: 7px;
        width: 48%;
        margin-left: 37.5%;
        padding-bottom: 33px
    }
    footer .menu-vertical ul li {
        text-align: left
    }
    footer .newsletter-sign-up form .email {
        vertical-align: middle
    }
    footer input[type="submit"] {
        margin-left: -4px;
        vertical-align: middle;
        width: 90px;
        padding: 0 10px
    }
    footer label.error {
        position: absolute;
        display: block;
        width: 100%;
        left: 0;
        bottom: 0;
        text-align: left;
        margin: 0
    }
    footer .social-media h3 {
        display: none
    }
    footer .social-media .social-media-wrapper {
        text-align: left;
        margin: 0 auto 0 -4px
    }
    footer nav.menu ul li {
        margin: 0 0 3px 0
    }
    footer address p {
        line-height: 1.15;
        margin-bottom: 3px
    }
    footer .contact-detail {
        margin-bottom: 1px
    }
    footer .contact-tel-only .contact-label {
        display: block;
        letter-spacing: .06em;
        margin-bottom: -1px
    }
    footer .contact-tel-only span {
        padding: 0
    }
    footer .contact-tel-only {
        margin-top: 7px;
        display: block
    }
    footer .newsletter-sign-up input.email[type="email"] {
        width: 75%;
        margin-right: 0;
        padding-top: 2px
    }
    .newsletter-sign-up input[type="submit"] {
        width: 25%
    }
    .newsletter-sign-up form:after {
        content: '.';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }
}

@media (min-width:750px) and (max-width:999px) {
    footer .container>.columns.five {
        width: 24%
    }
    footer .container>.columns.five>.first-column {
        width: 100%
    }
    footer .container>.columns.five>.last-column {
        width: 37%;
        position: absolute;
        left: 0;
        bottom: 0;
        margin-left: 0;
        padding-bottom: 0
    }
    footer .container>.columns.four {
        width: 72%
    }
    footer label.error {
        bottom: -5px
    }
    footer label.error {
        bottom: 0
    }
}

@media (min-width:1000px) and (max-width:1199px) {
    footer .container>.columns.five {
        width: 55%
    }
    footer .container>.columns.four {
        width: 41%
    }
    footer .container>.columns.three {
        width: 100%;
        text-align: center;
        margin-left: 0;
        padding-bottom: 34px
    }
    footer .newsletter-sign-up form .email {
        width: 50%
    }
    footer .social-media .social-media-wrapper {
        text-align: center
    }
}

@media (min-width:1200px) {
    footer.five-col {
        padding-top: 25px
    }
    footer .social-media .social-media-wrapper {
        text-align: left
    }
    footer .newsletter-sign-up form .email {
        width: calc(100% - 90px)
    }
    footer .social-media .social-media-wrapper li {
        margin: 3px 2px
    }
    footer .newsletter-sign-up form {
        margin: 15px 0 7px 0;
        padding-bottom: 0
    }
    footer .contact-tel-only {
        padding: 2px 0 10px 0
    }
    footer .container.copyright-bar {
        font-size: .75em
    }
    footer label.error {
        bottom: -5px;
        text-align: left
    }
    footer .container>.columns.last-column {
        margin-top: 0;
        width: 26%;
        margin-left: 0;
        padding-bottom: 0
    }
}

/** END Footer - The Park Hotel **/

/** START xBox E **/

.xbox .image-wrapper {
    margin-bottom: 20px
}

.xbox h2 span {
    display: block
}

.xbox .first-phrase {
    font-size: .85em
}

/** END xBox tA Styles **/

/** START xBox Style 5 **/

.xbox.xbox-style-5 {
    min-height: 280px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: stretch;
    position: relative;
    flex-flow: row wrap;
    position: relative
}

.xbox.xbox-style-5 .image-wrapper {
    background-size: cover;
    background-position: center center;
    height: 200px;
    width: 100%;
    margin-bottom: 0
}

.xbox.xbox-style-5 .image-wrapper img {
    display: none
}

.xbox.xbox-style-5 .flex-container {
    padding: 0;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
    min-height: 240px
}

.xbox.xbox-style-5 .flex-items {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 30px 30px 15px;
    box-sizing: border-box
}

.xbox.xbox-style-5 .read-more.link {
    text-align: center;
    margin-bottom: 0
}

@media (min-width:750px) {
    .xbox.xbox-style-5 {
        min-height: 200px
    }
    .xbox.xbox-style-5 .flex-container {
        padding: 0;
        min-height: 100px
    }
    .xbox.xbox-style-5 .image-wrapper {
        height: 250px
    }
}

@media (min-width:1000px) {
    .xbox.xbox-style-5 {
        min-height: 560px
    }
    .xbox.xbox-style-5 .image-wrapper {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0
    }
    .xbox.xbox-style-5 .flex-container {
        width: 40%;
        min-height: 440px;
        padding: 20px 0;
        margin-left: 10%
    }
    .xbox.xbox-style-5 .flex-items {
        padding: 60px 60px 25px
    }
    .xbox.xbox-style-5 .read-more.link {
        text-align: right
    }
}

@media (min-width:1200px) {
    .no-touchevents .xbox.xbox-style-5 .image-wrapper {
        left: 0
    }
    .xbox.xbox-style-5 .flex-container {
        padding: 82px 0;
        min-height: 396px
    }
    .xbox.xbox-style-5 .flex-container {
        width: 30%
    }
}

/** END xBox Style 5 **/

/** START xBox I-5 - Offer **/

.xbox-type-i.xbox-style-5 .flex-container {
    margin-left: 0;
    z-index: 1
}

.xbox-type-i.xbox-style-5 .flex-items {
    padding: 25px;
    text-align: left
}

.xbox-type-i .content-wrapper {
    max-height: 45px;
    overflow: hidden;
    margin-bottom: 0;
}

.xbox-type-i.xbox-style-5 .read-more.link {
    text-align: left;
    margin-bottom: 0
}

.xbox-type-i.xbox-style-5 .flex-items h3 {
    text-align: center
}

.xbox-type-i.xbox-style-5 .flex-items .book-now {
    text-align: right
}

.use-border {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box
}

.xbox-type-i .item-img {
    margin: 10px auto 20px;
    max-width: 270px
}

.item-offer-titles {
    padding: 15px 15px 10px 20px
}

.item-offer-titles span {
    display: block;
    line-height: 0.9;
    text-transform: uppercase;
    font-weight: normal
}

.offer-titles-heading {
    color: #10666f;
    font-size: 3em
}

.offer-titles-subheading {
    color: #6b2270;
    font-size: 1.85em;
    margin-top: -2px
}

.offer-titles-content {
    color: #8c31a3;
    font-size: 3.4em;
    margin-top: 2px;
    letter-spacing: .025em
}

.xbox.xbox-style-15 .item-offer-titles .offer-titles-content {
    margin-top: 3px
}

.item-selector.cms-form {
    display: none
}

.xbox-type-i.xbox-style-5 .flex-items h3 {
	font-family: 'Encode Sans Expanded', sans-serif;
}

@media (min-width:750px) {
    .xbox-type-i.xbox-style-5 .flex-items h3 {
        margin-bottom:10px;
		font-family: 'Encode Sans Expanded', sans-serif;
		font-size:18px;
		font-weight:600;
		color:#000;
		line-height:1.3em!important;
		text-align:left!important;
    }

}
@media (min-width:1000px) {
    .xbox-type-i.xbox-style-5 .flex-container {
        max-width: 320px;
        min-width: 320px
    }
}

@media (max-height:586px) and (min-width:1200px) {
    .xbox-type-i.xbox-style-5 .flex-container {
        padding: 25px 0
    }
}

/** END xBox I-5 - Offer **/

/** START Main visual single video or slider **/

.main-visual .hidden,
.main-visual .slider-wrapper,
.main-visual.image-slider .video-wrapper,
.main-visual .slider-wrapper img,
.main-visual-pager-wrapper {
    display: none
}

.main-visual.image-slider .slider-wrapper,
.main-visual-slogan-wrapper span {
    display: block
}

.main-visual {
    position: relative;
    width: 100%;
    height: 56.25vw
}

.main-visual .video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.main-visual .video-wrapper .hero-video {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    ;
    object-fit: cover;
    border: 0
}

.main-visual .slider-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

.main-visual .slider-wrapper .slider-item {
    background-size: cover;
    width: 100%;
    height: 56.25vw;
    ;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    position: relative
}

.main-visual .slider-wrapper .slider-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/component_images/mv-overlay.png);
    z-index: 1
}

.main-visual-slogan-wrapper {
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-left-width: 1px;
    border-left-style: solid;
    z-index: 2;
    width: calc(100% - 40px);
    margin: auto
}

.slogan {
    font-size: 2.5em;
    padding-left: 12px;
    margin: 0;
    line-height: 1
}

.main-visual-slogan-wrapper .slogan-line-one {
    font-size: 70%
}

.main-visual-arrow-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slider-navigation {
    width: 20px;
    height: 40px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.main-visual:hover .slider-navigation {
    opacity: 1
}

.slider-navigation.nav-left {
    float: left;
    margin-left: 20px
}

.slider-navigation.nav-right {
    float: right;
    margin-right: 20px
}

.main-visual-arrow-wrapper .slider-navigation span {
    position: absolute;
    left: 50%;
    height: 59%;
    width: 1px;
    display: block;
    height: 59%;
    position: absolute;
    left: 50%
}

.nav-left .line-one {
    transform: rotate(45deg);
    top: 0
}

.nav-left .line-two {
    transform: rotate(-45deg);
    bottom: 0
}

.nav-right .line-one {
    transform: rotate(-45deg);
    top: 0
}

.nav-right .line-two {
    transform: rotate(45deg);
    bottom: 0
}

@media(min-width:750px) {
    .slider-navigation {
        width: 30px;
        height: 50px
    }
}

@media(min-width:1000px) {
    .main-visual,
    .main-visual .slick-list,
    .main-visual .slider-wrapper .slider-item {
        height: 100vh
    }
}

@media(min-width:1200px) {
    .main-visual-slogan-wrapper {
        bottom: 40px;
        left: 40px;
        width: calc(100% - 80px)
    }
    .slider-navigation {
        width: 50px;
        height: 76px
    }
    .main-visual .slider-navigation {
        opacity: 0
    }
    .main-visual:hover .slider-navigation {
        opacity: 1
    }
    .slider-navigation.nav-left {
        margin-left: 40px
    }
    .slider-navigation.nav-right {
        margin-right: 40px
    }
}

/** END Main visual single video or slider **/

/** START Main Content Block H1- L **/

.first-phrase {
    display: block;
    font-size: .85em
}

.main-content-block.main-content-block-l {
    text-align: left
}

ul li,
ol li {
    text-align: left
}

.no-content {
    display: none
}

@media (min-width:1000px) {
    .main-content-block {
        max-width: 80%;
        margin: 20px auto
    }
}

/** END Main Content Block H1- L **/

/** START Main Content Block H1-C **/

.main-content-block.main-content-block-c {
    text-align: center
}

@media (min-width:1000px) {
    .main-content-block-c {
        max-width: 745px;
        margin: 20px auto
    }
}

/** END Main Content Block H1-C **/

/** START Simple Rotator - Type A **/

.xList.simple-rotator-with-pager .no-content {
    display: none
}

.simple-rotator-with-pager .rotatorElement {
    position: relative
}

.simple-rotator-with-pager {
    margin-bottom: 50px;
    position: relative
}

.simple-rotator-with-pager ul {
    list-style-type: none;
    margin: 0
}

.simple-rotator-with-pager .xbox {
    margin-bottom: 45px
}

.simple-rotator-with-pager ul .xbox.style-1 {
    margin: 0 1px
}

.pager-navigation {
    text-align: center
}

.simple-rotator-with-pager .slick-slide {
    width: 100%
}

.hideArrows .pager-nav,
.hidePager .pager-list,
.pager-count,
.slickNumber {
    display: none
}

.simple-rotator-with-pager .slick-disabled {
    opacity: 0.7;
    cursor: default
}

.nav-arrow-group {
    height: 0;
    width: 100%
}

.slick-active.slick-current .rotatorThumbs {
    cursor: default
}

.rotatorThumbs {
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    width: 100%
}

.simple-rotator-with-pager .arrows-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.simple-rotator-with-pager .pager-wrapper {
    text-align: center
}

/** END Simple Rotator - Type A **/

/** START Rotator With Hover and Click Animations + Content panal + Logo Rotator **/

.content-with-hover-panel:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.content-with-hover-panel .columns {
    margin: 0
}

.content-with-hover-panel .first-column .image-only img {
    margin: 0 auto 7px
}

.content-with-hover-panel .main-content-block {
    margin: 0 auto;
    width: 72%
}

.content-with-hover-panel .simple-rotator-with-pager .xList-items {
    margin: 42px auto 0;
    width: 68%
}

.content-with-hover-panel .columns {
    width: 100%;
    height: 100%
}

.content-with-hover-panel .simple-rotator-with-pager {
    margin-bottom: 0
}

.content-with-hover-panel .simple-rotator-with-pager .next {
    float: right;
    margin-right: 10px
}

.content-with-hover-panel .simple-rotator-with-pager .prev {
    float: left;
    margin-left: 10px
}

@media (min-width:750px) {
    .content-with-hover-panel .simple-rotator-with-pager .xList-items {
        width: 58%
    }
    .content-with-hover-panel .simple-rotator-with-pager .rotatorElement {
        width: 60%;
        margin: 0 auto
    }
}

@media (min-width:1200px) {
    .content-with-hover-panel {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-content: stretch;
        flex-flow: wrap
    }
    .content-with-hover-panel .four.columns {
        width: 30.6666666667%;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-content: center;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .content-with-hover-panel .four.columns>.row {
        width: 100%
    }
    .content-with-hover-panel .eight.columns {
        width: 69.3333333333%
    }
    .content-with-hover-panel .simple-rotator-with-pager .xList-items {
        width: 58%
    }
    .content-with-hover-panel .simple-rotator-with-pager .rotatorElement {
        width: 100%
    }
    .content-with-hover-panel .rotator-with-hover-click-animations .whole-slider-wrapper:before,
    .content-with-hover-panel .whole-slider-wrapper>.content-wrapper {
        width: 25%
    }
    .content-with-hover-panel .rotator-with-hover-click-animations .panel-wrap {
        width: 75%
    }
    .content-with-hover-panel .rotator-with-hover-click-animations {
        height: 100%
    }
}

/** END Rotator With Hover and Click Animations + Content panal + Logo Rotator **/

/** START Tabs Horizontal-R **/

@media (min-width:1000px) {
    .tabs-default.align-r .title-wrapper ul {
        text-align: right
    }
}

/** END Tabs Horizontal-R **/

/** START Rotator A-1 **/

.rotator-A {
    position: relative
}

.rotator-A .xList-items {
    margin-bottom: 0
}

.rotator-A span.hide {
    display: none !important
}

.rotator-A .main-slider,
.rotator-A .main-slider .slick-list,
.rotator-A .main-slider .slick-track {
    height: 100%
}

.rotator-A .main-slider .slick-slide {
    height: auto
}

.pager-slider {
    position: absolute;
    top: 160px;
    left: 0;
    width: 100%;
    height: 40px
}

.pager-slider .slick-slide {
    height: 40px;
    display: flex;
    align-items: center;
    float: left
}

.pager-slider .slick-slide>div {
    width: 100%
}

.pager-slider .pager-nav {
    position: absolute;
    top: 9px;
    z-index: 2;
    width: 20px;
    height: 20px
}

.pager-slider .pager-nav.nav-prev {
    left: 15px
}

.pager-slider .pager-nav.nav-next {
    right: 15px
}

.pager-slider .pager-nav:before {
    content: "";
    width: 20px;
    height: 20px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-top: none;
    top: 0;
    left: 0;
    display: block
}

.pager-slider .pager-nav.nav-prev:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.pager-slider .pager-nav.nav-next:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pager-slider .slick-list.draggable {
    width: calc(100% - 90px);
    margin: 0 auto;
    padding: 0 !important;
    transform: translateY(40%)
}

.pager-title {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 1.2
}

.slick-active:not(.slick-current) .pager-title {
    cursor: pointer
}

@media (min-width:750px) {
    .rotator-A .slick-slide .xList-item {
        margin-bottom: 0;
        display: block !important
    }
    .pager-slider .slick-list.draggable {
        transform: translateY(0)
    }
    .pager-slider {
        top: auto;
        bottom: 20px;
        height: 40px;
        background: none !important
    }
    .rotator-A-1 .pager-slider .slick-slide>div {
        width: 100%;
        padding: 0 40px
    }
    .rotator-A-1 .pager-title {
        text-align: left;
        font-size: 14px;
        border: 1px solid;
        padding: 12px 10px 10px;
        position: relative;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        box-sizing: border-box;
        -webkit-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease
    }
    .rotator-A-1 .pager-title:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        position: absolute;
        top: 15px;
        right: 12px;
        border: 1px solid;
        border-top: none;
        border-left: none;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .rotator-A-1 .pager-title:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: width 0.5s ease;
        -ms-transition: width 0.5s ease;
        transition: width 0.5s ease
    }
    .rotator-A-1 .slick-current .pager-title:before {
        width: 100%
    }
}

@media (min-width:1000px) {
    .rotator-A-1 .pager-slider .slick-slide>div {
        padding: 0 25px
    }
}

@media (min-width:1200px) {
    .rotator-A-1 .pager-slider .slick-slide>div {
        padding: 0 20px
    }
}

/** END Rotator A-1 **/

/** START xBox Rooms B-2 **/

.xbox.slider-with-intro {
    display: block
}

.slider-with-intro .image-wrapper-with-slider {
    width: 100%;
    float: left;
    position: relative;
    min-height: 50px;
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover
}

.slider-with-intro .image-wrapper-with-slider li {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.slider-with-intro .item-image img {
    display: none
}

.slider-with-intro .images-xList {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.slider-with-intro .arrows-wrapper {
    display: none
}

.slider-with-intro .pager-wrapper {
    position: absolute;
    bottom: -1px;
    right: 4%;
    border-radius: 5px 5px 0 0;
    z-index: 1
}

.slider-with-intro .pager-wrapper ul {
    margin: 0;
    border-radius: 8px 8px 0 0;
    padding: 0 20px;
    line-height: 34px;
    height: 25px
}

.slider-with-intro .pager-wrapper ul li {
    display: inline-block;
    border-radius: 50%;
    margin: 0 5px;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    width: 4px;
    height: 4px
}

.slider-with-intro .pager-wrapper .slick-active {
    border-width: 4px;
    border-style: solid;
    width: 0;
    height: 0;
    cursor: default
}

.slider-with-intro .images-xList .xList-items,
.slider-with-intro .images-xList .xList-item {
    width: 100%;
    min-height: 50vh;
    height: 50vh;
    margin: 0
}

.slider-with-intro .xList-items {
    position: relative
}

.slider-with-intro .image-wrapper-with-slider.image-wrapper {
    margin-bottom: 0
}

.slider-with-intro .room-features-wrapper {
    text-align: center;
    margin-top: 30px
}

.slider-with-intro .hours-wrapper {
    margin: 30px auto
}

.slider-with-intro .room-feature {
    text-align: center;
    display: inline-table;
    width: 23.5%;
    box-sizing: border-box;
    margin-bottom: 20px
}

.slider-with-intro .room-feature img {
    width: auto;
    margin: 0 auto
}

.slider-with-intro .flex-container {
    width: 100%;
    float: left;
    border: 1px solid;
    border-top: none;
    padding: 25px;
    box-sizing: border-box;
    min-height: 250px;
    height: auto
}

.slider-with-intro .flex-container {
    text-align: left;
    width: 100%;
    margin: 0 auto
}

.slider-with-intro .content-wrapper {
    width: 100%
}

.slider-with-intro .flex-container h3 {
    margin: 0 0 30px 0;
    letter-spacing: .1px
}

.slider-with-intro .flex-container p {
    margin-bottom: 10px
}

.slider-with-intro .item-intro {
    height: auto;
    overflow: hidden
}

.slider-with-intro .content-wrapper p.link a {
    text-decoration: none;
    text-transform: uppercase
}

.slider-with-intro .btns-wrapper {
    text-align: center;
    margin-top: 5px
}

.slider-with-intro .btns-wrapper>*,
.slider-with-intro .best-rate-wrapper>* {
    display: inline-block;
    vertical-align: middle
}

.slider-with-intro .best-rate-label>span,
.slider-with-intro .rates-wrapper>span,
.slider-with-intro .reservations-heading {
    display: block;
    text-align: left;
    line-height: 1
}

.slider-with-intro .rates-wrapper>span.rates-price,
.slider-with-intro .rates-wrapper>span.rates-night {
    display: inline-block
}

.slider-with-intro .no-price .rates-wrapper {
    display: none
}

.best-rate-icon {
    width: 30px;
    height: 30px;
    background: url('../images/component_images/best_rate_icon.svg') no-repeat center center
}

.slider-with-intro .btns-wrapper>* {
    margin-right: 15px
}

.slider-with-intro .btns-wrapper>*:last-child {
    margin-right: 0
}

.slider-with-intro .content-wrapper p.read-more {
    text-align: right
}

.slider-with-intro .hours-wrapper .open-time {
    margin-right: 35px
}

.slider-with-intro .hours-wrapper .open-time:last-child {
    margin-right: 0
}

.slider-with-intro .reservations-outer>p {
    width: 49.5%;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.slider-with-intro .reservations-outer p.book-now {
    text-align: right
}

.slider-with-intro .reservations-outer .reservations-wrapper {
    margin: 0
}

.slider-with-intro .reservations-heading {
    margin-bottom: 8px
}

@media (min-width:750px) {
    .slider-with-intro .content-wrapper h3 {
        margin: 0 0 10px 0
    }
    .slider-with-intro .amenities-wrapper {
        margin: 35px auto 0
    }
    .slider-with-intro .hours-wrapper {
        margin: 30px auto
    }
    .slider-with-intro .btns-wrapper>* {
        margin-right: 30px
    }
    .slider-with-intro .btns-wrapper p {
        margin-bottom: 0
    }
    .slider-with-intro .reservations-outer .reservations-wrapper {
        margin: 0
    }
    .slider-with-intro .room-feature {
        width: 15%
    }
}

@media (min-width:1000px) {
    .xbox.slider-with-intro,
    .slider-with-intro .content-container {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .slider-with-intro .image-wrapper-with-slider {
        width: 50%;
        min-height: 435px;
        height: 68vh
    }
    .slider-with-intro .images-xList .xList-items,
    .slider-with-intro .images-xList .xList-item {
        width: 100%;
        min-height: 435px;
        height: 68vh
    }
    .slider-with-intro .pager-wrapper {
        bottom: 0;
        right: 14px
    }
    .slider-with-intro .flex-items {
        width: calc(100% - 100px);
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        margin: auto
    }
    .slider-with-intro .flex-container {
        width: 50%;
        border-width: 1px;
        border-style: solid;
        border-left: none;
        position: relative;
        height: 62vh;
        min-height: 405px
    }
    .slider-with-intro .item-intro {
        max-height: 75px
    }
    .slider-with-intro .btns-wrapper {
        text-align: right
    }
    .slider-with-intro .content-wrapper h3 {
        margin: 0 0 30px 0
    }
    .slider-with-intro .amenities-wrapper {
        margin: 50px auto 0
    }
    .slider-with-intro .hours-wrapper {
        margin: 50px auto
    }
    .slider-with-intro .room-feature {
        width: 24%
    }
    .slider-with-intro .btns-wrapper>* {
        margin-right: 20px
    }
}

@media (min-width:1200px) {
    .slider-with-intro .image-wrapper-with-slider {
        width: 60%
    }
    .slider-with-intro .rate-wrapper {
        bottom: 54px;
        right: 25px
    }
    .slider-with-intro .content-wrapper,
    .slider-with-intro .amenities-wrapper,
    .slider-with-intro .hours-wrapper,
    .slider-with-intro .btns-wrapper {
        width: 85%;
        margin: 0 auto
    }
    .slider-with-intro .amenities-wrapper {
        margin: 25px auto
    }
    .slider-with-intro .hours-wrapper {
        margin: 5px auto 25px
    }
    .slider-with-intro .content-wrapper h3 {
        margin: 0 0 11px 0;
        max-height: 65px;
        overflow: hidden
    }
    .slider-with-intro .item-intro {
        height: 75px
    }
    .slider-with-intro .amenities-item {
        width: 24%
    }
    .slider-with-intro .links-wrapper {
        text-align: right
    }
    .slider-with-intro .item-intro {
        max-height: 65px
    }
    .slider-with-intro .btns-wrapper>* {
        margin-right: 30px
    }
}

@media (max-width:749px) {
    .slider-with-intro .btns-wrapper p {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

/** END xBox Rooms B-2 **/

/** START Item Slider **/

.rotator-A {
    padding-top: 42px
}

.rotator-A .pager-slider {
    position: absolute;
    top: 0
}

.rotator-A .pager-slider .slick-slide>div {
    line-height: 1
}

.rotator-A .pager-title {
    padding-bottom: 3px;
    font-size: inherit
}

.xList-items .xList-items {
    margin: 0
}

@media (min-width:750px) {
    .rotator-A .pager-slider .slick-slide>div {
        padding: 0 15px
    }
    .rotator-A {
        padding-top: 80px
    }
    .pager-slider {
        height: 65px
    }
    .rotator-A .pager-title {
        border: none;
        padding: 8px 0;
        text-align: center;
        text-transform: initial;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .rotator-A .pager-title:after {
        display: none
    }
    .rotator-A .pager-slider .slick-slide {
        position: relative;
        height: auto
    }
    .rotator-A .pager-slider .slick-slide:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        border-top-width: 8px;
        border-top-style: solid;
        border-bottom: none;
        transform: rotate(0deg);
        position: absolute;
        bottom: -30px;
        right: 0;
        left: 0;
        margin: auto;
        top: auto;
        display: block;
        -ms-transition: bottom 1.5s ease-in-out 0s;
        -webkit-transition: bottom 1.5s ease-in-out 0s;
        -moz-transition: bottom 1.5s ease-in-out 0s;
        -o-transition: bottom 1.5s ease-in-out 0s;
        transition: bottom 1.5s ease-in-out 0s
    }
    .rotator-A .pager-slider .slick-slide.slick-current:after {
        bottom: 0
    }
    .rotator-A .pager-slider .slick-slide>div {
        border-right-width: 1px;
        border-right-style: solid;
        box-sizing: border-box
    }
    .rotator-A .pager-slider .slick-slide.slick-active:last-child>div,
    .rotator-A .pager-slider .slick-slide.slick-current+.slick-slide+.slick-slide>div {
        border-right-width: 0
    }
    .rotator-A .pager-slider .slick-track {
        height: 50px
    }
}

@media (min-width:1000px) {
    .rotator-A {
        padding-top: 0
    }
    .rotator-A .pager-slider {
        position: relative;
        top: auto;
        bottom: auto
    }
    .rotator-A .pager-slider .slick-slide.slick-current:after {
        top: 0;
        bottom: auto
    }
    .rotator-A .pager-slider .slick-slide:after {
        bottom: auto;
        top: -10px;
        transform: rotate(180deg);
        -ms-transition: top 1.5s ease-in-out 0s;
        -webkit-transition: top 1.5s ease-in-out 0s;
        -moz-transition: top 1.5s ease-in-out 0s;
        -o-transition: top 1.5s ease-in-out 0s;
        transition: top 1.5s ease-in-out 0s
    }
    .rotator-A .pager-slider .pager-nav {
        top: 56px
    }
    .rotator-A .pager-slider {
        height: auto;
        padding-top: 18px
    }
    .rotator-A .pager-slider .slick-track {
        height: auto
    }
    .rotator-A .pager-slider .slick-slide {
        padding-top: 10px
    }
    .rotator-A .pager-slider .slick-slide.slick-current+.slick-slide+.slick-slide>div {
        border-right-width: 1px
    }
}

/** END Item Slider **/

/** START xList - blank(only-list) **/

ul.xList-items {
    list-style: none
}

/** END xList - blank(only-list) **/

/** START xList - Grid List **/

.xlist-type-j .xList-items .xList-item {
    width: 100%;
    min-height: 200px;
    text-align: center
}

.xList.xlist-type-j {
    position: relative;
    z-index: 1;
    box-sizing: border-box
}

.xList.xlist-type-j .image-wrapper img,
.xList.xlist-type-j .inner-container {
    margin: 0 auto
}

.xList.xlist-type-j .inner-container {
    max-width: 90%
}

.xlist-type-j .pager-navigation {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    pointer-events: none;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
    top: 50%
}

@media(min-width:550px) {
    .xlist-type-j .slick-slider .slick-slide {
        margin: 0 15px;
        display: inline-block;
        vertical-align: middle;
        float: none
    }
}

@media(min-width:750px) {
    .xlist-type-j .xList-items .xList-item {
        width: 100%;
        box-sizing: border-box;
        margin-left: 4%;
        margin-bottom: 8%
    }
    .xlist-type-j .xList-items .xList-item:first-child {
        margin-left: 0
    }
    .xlist-type-j .xList-items {
        clear: both;
        display: flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        justify-content: center
    }
    .xlist-type-j .image-grid-listing-col {
        width: 24%;
        height: auto;
        margin: 1%
    }
    .xlist-type-j .image-grid-listing-col .xList-item:last-child {
        margin-bottom: 0
    }
    .xlist-type-j .image-grid-listing-col .xList-item .xbox-typeJ {
        text-align: center
    }
    .xlist-type-j .xList-items.slick-apply {
        flex: none;
        display: block
    }
    .xlist-type-j .xList-items.slick-apply.slick-slider {
        padding: 0 50px;
        overflow: hidden
    }
    .xlist-type-j .xList-items .image-grid-listing-col .xList-item {
        margin-left: 0
    }
}

/** END xList - Grid List **/

/** START Grid List - 6 Items **/

.set-index {
    z-index: 9999
}

.hidden {
    display: none
}

@media(min-width:750px) {
    .xbox.xbox-style-13 {
        width: 100%;
        height: auto;
        cursor: pointer;
        position: relative
    }
    .xbox.xbox-style-13 .info-popup-box {
        position: absolute;
        z-index: 1;
        top: 50%;
        width: 258px;
        max-height: 292px;
        border-width: 1px;
        padding: 45px 15px 25px;
        box-sizing: border-box;
        right: -70%;
        border-style: solid;
        transform: translateY(-50%);
        opacity: 0;
        transition: opacity 0.8s ease-in-out, right 0.8s ease-in-out;
        pointer-events: none;
        cursor: default
    }
    .xbox.xbox-style-13 .info-popup-box.show-tooltip {
        opacity: 1;
        right: -200px;
        pointer-events: auto
    }
    .xbox.xbox-style-13 .info-popup-box.show-popup {
        display: block
    }
    .xbox.xbox-style-13 .info-popup-box .popup-close {
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 4;
        cursor: pointer
    }
    .xbox.xbox-style-13 .info-popup-box .popup-close:before,
    .xbox.xbox-style-13 .info-popup-box .popup-close:after {
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        top: 50%;
        left: 0;
        margin-top: -1px
    }
    .xbox.xbox-style-13 .info-popup-box .popup-close:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .xbox.xbox-style-13 .info-popup-box .popup-close:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .xbox.xbox-style-13 .info-popup-box .popup-box-cnt-wrapper {
        overflow: hidden;
        max-height: 195px;
        width: 78%;
        margin: 0 auto 15px
    }
    .xbox.xbox-style-13 .content-wrapper.info-popup-box .link-wrapper {
        text-align: right
    }
    .xbox.xbox-style-13 .info-popup-box .box-arrow {
        display: block;
        width: 21px;
        height: 21px;
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%)
    }
    .xbox.xbox-style-13 .info-popup-box .box-arrow:after,
    .xbox.xbox-style-13 .info-popup-box .box-arrow:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 0;
        height: 0
    }
    .xbox.xbox-style-13 .info-popup-box .box-arrow:after {
        top: 0;
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        border-right-width: 15px;
        border-right-style: solid
    }
    .xbox.xbox-style-13 .info-popup-box .box-arrow:before {
        top: -1px;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right-width: 16px;
        border-right-style: solid;
        left: -2px
    }
    .xbox.xbox-style-13 .info-popup-box.arrow-left-popup {
        right: 0;
        left: -90%;
        transition: opacity 0.8s ease-in-out, left 0.8s ease-in-out
    }
    .xbox.xbox-style-13 .info-popup-box.arrow-left-popup.show-tooltip {
        left: -245px
    }
    .xbox.xbox-style-13 .info-popup-box.arrow-left-popup .box-arrow {
        transform: translateY(-50%) rotate(180deg);
        right: -14px;
        left: auto
    }
}

@media(min-width:1200px) {
    .xbox.xbox-style-13 .info-popup-box.arrow-left-popup.show-tooltip {
        left: -450px
    }
}

/** END Grid List - 6 Items **/

/** START main content with H1 in main visual **/

@media (min-width:750px) {
    .xbox-wrapper {
        width: 40%;
        height: auto;
        position: absolute;
        bottom: 37px;
        left: 9%;
        box-sizing: border-box;
        padding: 0 30px 50px;
        z-index: 2
    }
    .xbox-title {
        margin-top: 25px
    }
    .xbox-content {
        max-height: 82px;
        overflow: hidden
    }
}

@media (min-width:1000px) {
    .xbox-wrapper {
        width: 35%;
        padding: 0 45px 94px
    }
    .xbox-title {
        margin-top: 45px
    }
    .main-visual-pager-wrapper {
        bottom: 66px;
        left: calc(9% + 45px);
        width: calc(35% - 90px)
    }
}

@media (min-width:1200px) {
    .xbox-wrapper {
        width: 27.5%;
        left: 7%;
        padding: 0 47px 96px
    }
}

@media (max-width:749px) {
    .xbox-wrapper {
        width: 100%;
        height: auto;
        position: relative;
        bottom: auto;
        top: 0;
        left: 0;
        box-sizing: border-box;
        z-index: 2;
        padding: 1px 20px 40px
    }
}

/** END main content with H1 in main visual **/

/** START Row with bg image - blank **/

.row.background-image .row-bg-image {
    display: none
}

.row.background-image {
    background-size: cover;
    background-position: center;
    padding: 40px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

@media(min-width:1000px) {
    .row.background-image {
        padding: 60px 0
    }
}

/** END Row with bg image - blank **/

/** START Main Content Block H2 - L **/

.main-content-block.main-content-block-l {
    text-align: left
}

.main-content-block-l h2 {
    text-align: left
}

h2 .first-phrase {
    display: block;
    font-size: .85em
}

ul li,
ol li {
    text-align: left
}

@media (min-width:1000px) {
    .main-content-block-l {
        max-width: 80%;
        margin: 20px auto
    }
}

/** END Main Content Block H2 - L **/

/** START Main Content Block H2 - C **/

.main-content-block.main-content-block-c {
    text-align: center
}

.main-content-block-c h2 {
    text-align: center
}

@media (min-width:1000px) {
    .main-content-block-c {
        max-width: 745px;
        margin: 20px auto
    }
}

/** END Main Content Block H2 - C **/

/** START xList Grid Two Col (list only) **/

.xList.grid-list>.xList-items {
    text-align: center;
    margin: 0 auto;
    width: 100%
}

.xList.grid-list>.xList-items>.xList-item {
    display: inline-block;
    margin-bottom: 4%;
    width: 100%;
    vertical-align: top
}

@media(min-width:750px) {
    .xList.grid-list.two-col>.xList-items>.xList-item {
        width: calc((96% - 5px) / 2)
    }
    .xList.grid-list.two-col>.xList-items>.xList-item:nth-child(2n) {
        margin-left: 4%
    }
    .xList.grid-list.three-col>.xList-items>.xList-item,
    .xList.grid-list.four-col>.xList-items>.xList-item {
        width: calc((92% - 9px) / 3)
    }
    .xList.grid-list.three-col>.xList-items>.xList-item:nth-child(3n-1),
    .xList.grid-list.three-col>.xList-items>.xList-item:nth-child(3n),
    .xList.grid-list.four-col>.xList-items>.xList-item:nth-child(3n-1),
    .xList.grid-list.four-col>.xList-items>.xList-item:nth-child(3n) {
        margin-left: 4%
    }
}

@media(min-width:1000px) {
    .xList.grid-list.four-col>.xList-items>.xList-item {
        width: calc((88% - 14px) / 4)
    }
    .xList.grid-list.four-col>.xList-items>.xList-item:nth-child(3n-1),
    .xList.grid-list.four-col>.xList-items>.xList-item:nth-child(3n) {
        margin-left: 0
    }
    .xList.grid-list.four-col>.xList-items>.xList-item:nth-child(4n),
    .xList.grid-list.four-col>.xList-items>.xList-item:nth-child(4n-1),
    .xList.grid-list.four-col>.xList-items>.xList-item:nth-child(4n-2) {
        margin-left: 4%
    }
}

/** END xList Grid Two Col (list only) **/

/** START Primary Button **/

.primary-button {
    padding: 10px
}

.button-wrapper {
    width: 175px;
    margin: 0 auto;
    text-align: center
}

/** END Primary Button **/

/** START Row with primary background - blank **/

.main-row.primary-background {
    padding: 40px 0
}

@media(min-width:1000px) {
    .main-row.primary-background {
        padding: 60px 0
    }
}

/** END Row with primary background - blank **/

/** START xBox Attraction A-1 **/

.attraction-style-1 .detail-wrapper:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.attraction-style-1 {
    text-align: center;
    padding: 20px 10px
}

.slick-slide .attraction-style-1 img {
    margin: 0 auto
}

.simple-rotator-with-pager .xbox.attraction-style-1 {
    margin-bottom: 0
}

.attraction-style-1 .intro-wrapper {
    overflow: hidden;
    margin-bottom: 14px
}

.attraction-style-1 .detail-wrapper,
.attraction-style-1 .link-wrapper {
    text-align: left;
    margin: -4px auto 11px
}

.attraction-style-1 .detail-wrapper>p {
    display: inline-block;
    max-width: calc(60% - 4px);
    padding: 5px 10px 5px 42px;
    box-sizing: border-box;
    position: relative;
    width: auto;
    float: left;
    margin: 0
}

.attraction-style-1 .detail-wrapper>p:after {
    content: '\e964';
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    font-family: 'icomoon';
    font-size: 33px
}

.attraction-style-1 .detail-wrapper span {
    display: block;
    line-height: 1.45
}

.attraction-style-1 .detail-wrapper>p:nth-child(2) {
    max-width: calc(35%);
    width: auto;
    float: right
}

.attraction-style-1 .detail-wrapper>p:nth-child(2):after {
    content: '\e96f'
}

.attraction-style-1 .link-wrapper>p {
    display: inline-block;
    width: calc(49.4%);
    box-sizing: border-box
}

.attraction-style-1 .link-wrapper>p:nth-child(2) {
    text-align: right
}

@media (min-width:750px) {
    .attraction-style-1 {
        padding: 10px
    }
    .attraction-style-1 .intro-wrapper {
        max-height: 112px
    }
}

@media (min-width:1000px) {
    .attraction-style-1 {
        padding: 30px
    }
}

@media (min-width:1200px) {
    .attraction-style-1 {
        padding: 40px
    }
}

/** END xBox Attraction A-1 **/

/** START Main Content Block H2 - H3 - L **/

.main-content-block.main-content-block-l,
.main-content-block-l h2,
.main-content-block-l h3 {
    text-align: left
}

ul li,
ol li {
    text-align: left
}

@media (min-width:1000px) {
    .main-content-block-l {
        max-width: 80%;
        margin: 20px auto
    }
}

/** END Main Content Block H2 - H3 - L **/

/** START Main Content Block H2 - H3 - C **/

.main-content-block.main-content-block-c,
.main-content-block-c h2,
.main-content-block-c h3 {
    text-align: center
}

@media (min-width:1000px) {
    .main-content-block {
        max-width: 745px;
        margin: 20px auto
    }
}

/** END Main Content Block H2 - H3 - C **/

/** START xBox 3-column Detail **/

.scrollTo {
    display: block;
    width: 20px;
    height: 20px;
    margin: 10px auto;
    cursor: pointer;
    opacity: 1;
    position: relative;
    -ms-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

.scrollTo {
    margin: 15px auto
}

.scrollTo:after,
.scrollTo:before {
    content: '';
    border-style: solid;

    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    -webkit-animation: flickerAnimation 1.5s infinite;
    -moz-animation: flickerAnimation 1.5s infinite;
    -o-animation: flickerAnimation 1.5s infinite;
    animation: flickerAnimation 1.5s infinite
}

.scrollTo:after {
    top: 5px
}

.scrollTo.disabled {
    opacity: 0;
    pointer-events: none
}

@keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.xbox.xbox-type-K {
    width: 100%;
    height: auto;
    position: relative
}

.xbox.xbox-type-K>.image-wrapper {
    position: relative;
    width: 100%;
    height: 56.25vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0;
    z-index: 0
}

.xbox.xbox-type-K>.image-wrapper img {
    display: none
}

.xbox.xbox-type-K .xbox-container {
    position: relative;
    z-index: 1
}

.xbox.xbox-type-K .intro-container,
.xbox.xbox-type-K .detail-container .detail-col {
    width: calc(100% - 40px);
    padding: 20px;
    position: relative
}

.xbox.xbox-type-K .intro-container .link-wrapper {
    text-align: left;
    margin-bottom: 16px
}

.xbox.xbox-type-K .btns-wrapper {
    margin-bottom: 0;
    text-align: left
}

.xbox.xbox-type-K .btns-wrapper p {
    margin-bottom: 0
}

.xbox.xbox-type-K .btns-wrapper .btn.book-now {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.xbox.xbox-type-K .btns-wrapper>* {
    display: inline-block;
    vertical-align: middle
}

.xbox.xbox-type-K .bottom-link p,
.xbox.xbox-type-K .more-content {
    margin: 0
}

.xbox.xbox-type-K .intro-container .primary-link {
    pointer-events: none;
    visibility: hidden
}

.xbox.xbox-type-K .detail-col .detail-col-inner,
.xbox.xbox-type-K .gallery-wrapper .detail-col-inner,
.xbox.xbox-type-K .detail-col .detail-col-inner .detail-title {
    display: none
}

.xbox.xbox-type-K .detail-container .accordion-title,
.xbox.xbox-type-K .gallery-wrapper .accordion-title {
    position: relative;
    padding-right: 25px
}

.xbox.xbox-type-K .detail-container .accordion-title:after,
.xbox.xbox-type-K .gallery-wrapper .accordion-title:after {
    content: '';
    border-style: solid;
    border-width: 0 1px 1px 0;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    right: 3px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.xbox.xbox-type-K .detail-container .accordion-title.active:after,
.xbox.xbox-type-K .gallery-wrapper .accordion-title.active:after {
    top: 10px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.xbox.xbox-type-K .gallery-wrapper {
    width: calc(100% - 40px);
    padding: 20px
}

.xbox.xbox-type-K .gallery-wrapper .detail-col-inner {
    width: calc(100% + 80px);
    left: -20px;
    position: relative
}

@media (min-width:750px) {
    .xbox.xbox-type-K .intro-container,
    .xbox.xbox-type-K .detail-container .detail-col,
    .xbox.xbox-type-K .gallery-wrapper {
        width: calc(100% - 50px);
        padding: 25px
    }
    .xbox.xbox-type-K .icons-list .image-wrapper {
        margin-bottom: 6px
    }
    .xbox.xbox-type-K .gallery-wrapper .detail-col-inner {
        left: -40px
    }
}

@media (min-width:1000px) {
    .xbox.xbox-type-K {
        height: 56.25vw
    }
    .xbox.xbox-type-K .xbox-container {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-flow: row wrap;
        height: 100%
    }
    .xbox.xbox-type-K {
        overflow: hidden
    }
    .xbox.xbox-type-K>.image-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }
    .xbox.xbox-type-K .intro-container {
        width: calc(40% - 50px);
        padding: 55px 25px 30px
    }
    .xbox xbox-type-K.has-transition .intro-container,
    .xbox.xbox-type-K.has-transition .detail-container,
    .xbox.xbox-type-K.has-transition .gallery-wrapper,
    .xbox.xbox-type-K.has-transition .detail-col .item-icon>p,
    .xbox.xbox-type-K.has-transition .detail-col .amenities-image-wrapper>.facilities-title {
        -webkit-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
        transition: all 0.7s ease
    }
    .xbox.xbox-type-K .detail-container .detail-title,
    .xbox.xbox-type-K .gallery-wrapper .detail-title,
    .xbox.xbox-type-K .gallery-wrapper {
        padding: 0
    }
    .xbox.xbox-type-K .gallery-wrapper .detail-title,
    .xbox.xbox-type-K .detail-container .accordion-title {
        display: none
    }
    .xbox.xbox-type-K .detail-col .detail-col-inner,
    .xbox.xbox-type-K .gallery-wrapper .detail-col-inner,
    .xbox.xbox-type-K .detail-col .detail-col-inner .detail-title {
        display: block
    }
    .xbox.xbox-type-K .intro-container .link-wrapper {
        text-align: right;
        margin: 25px auto 35px
    }
    .xbox.xbox-type-K .bottom-link {
        position: absolute;
        right: 25px;
        bottom: 30px;
        text-align: right
    }
    .xbox.xbox-type-K .intro-container .primary-link {
        pointer-events: auto;
        visibility: visible;
        text-align: right;
        display: inline-block
    }
    .xbox.xbox-type-K .btn-wrapper {
        text-align: left
    }
    .xbox.xbox-type-K .detail-container {
        width: 60%;
        height: 100%;
        -ms-transform: translateX(20px);
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-flow: row wrap
    }
    .xbox.xbox-type-K .detail-container .last-col .detail-title {
        text-align: left
    }
    .xbox.xbox-type-K .gallery-wrapper {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        -ms-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    .xbox.xbox-type-K .gallery-wrapper .detail-col-inner {
        width: 100%;
        left: 0
    }
    .xbox.xbox-type-K.active-gallery .gallery-wrapper {
        z-index: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .xbox.xbox-type-K.active-gallery {
        height: 56.25vw;
        overflow: hidden
    }
    .xbox.xbox-type-K.active-gallery .intro-container,
    .xbox.xbox-type-K.active-gallery .detail-container,
    .xbox.xbox-type-K .detail-container,
    .xbox.xbox-type-K .gallery-wrapper,
    .xbox.xbox-type-K.show-more-content .primary-link.more-content,
    .xbox.xbox-type-K.active-gallery.show-more-content .detail-container {
        opacity: 0
    }
    .xbox.xbox-type-K.show-more-content .detail-container,
    .xbox.xbox-type-K.active-gallery .gallery-wrapper {
        opacity: 1
    }
    .xbox.xbox-type-K.show-more-content .detail-container {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .xbox.xbox-type-K.show-more-content .primary-link.more-content {
        pointer-events: none
    }
    .xbox.xbox-type-K .detail-container .detail-col,
    .xbox.xbox-type-K .detail-container .last-col {
        width: 57%;
        height: 100%;
        box-sizing: border-box;
        left: auto;
        padding: 55px 25px 30px
    }
    .xbox.xbox-type-K .detail-container .last-col {
        width: 43%
    }
    .xbox.xbox-type-K .detail-container .last-col .content-wrapper {
        column-count: auto
    }
    .xbox.xbox-type-K .close-button {
        position: absolute;
        width: 32px;
        height: 32px;
        top: 15px;
        right: 15px;
        cursor: pointer;
        z-index: 1
    }
    .xbox.xbox-type-K .close-button:before,
    .xbox.xbox-type-K .close-button:after {
        position: absolute;
        left: 50%;
        content: ' ';
        height: 20px;
        width: 1px;
        top: 50%;
        margin-top: -10px
    }
    .xbox.xbox-type-K .close-button:before {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .xbox.xbox-type-K .close-button:after {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .xbox.xbox-type-K .widget-wrapper {
        height: 200px
    }
    .xbox.xbox-type-K .first-col .scrollTo {
        margin: 20px auto
    }
}

@media (min-width:1200px) {
    .xbox.xbox-type-K,
    .xbox.xbox-type-K.active-gallery {
        height: 100vh
    }
    .xbox.xbox-type-K .intro-container {
        width: calc(40% - 60px)
    }
    .xbox.xbox-type-K .intro-container,
    .xbox.xbox-type-K .detail-container .detail-col {
        padding: 30px
    }
    .xbox.xbox-type-K .primary-link {
        cursor: pointer;
        text-align: right
    }
    .xbox.xbox-type-K .bottom-link {
        right: 48px;
        bottom: 48px
    }
    .xbox.xbox-type-K .scrolling-content {
        overflow: hidden
    }
    .xbox.xbox-type-K .detail-col .mouse-over>p {
        opacity: 1;
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .xbox.xbox-type-K .detail-col .item-icon>p:before {
        position: absolute;
        top: -6px;
        left: 50%;
        content: '';
        transform: translateX(-50%);
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 5px solid #ccc
    }
}

.xbox-gallery .gallery-list,
.xbox-gallery .gallery-item .image-wrapper {
    height: 100vh
}

.xbox-gallery {
    overflow: hidden;
    max-width: 100vw;
    width: 100%;
    position: relative
}

.xbox-gallery ul.gallery-item-list {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%
}

.xbox-gallery ul.gallery-item-list:after {
    content: '';
    width: 100%;
    min-height: 42px;
    display: block;
    left: 0;
    bottom: 0;
    position: absolute
}

.xbox-gallery .gallery-list .xList-item {
    position: relative;
    margin: 0;
    overflow: hidden
}

.xbox-gallery .arrows-wrapper {
    top: 50%;
    position: absolute;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.xbox-gallery .arrows-wrapper .slick-arrow {
    margin: 0
}

.xbox-gallery .slide-counter {
    min-width: 55px;
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid;
    padding-right: 20px
}

.xbox-gallery .slider-pagination {
    position: absolute;
    left: 27px;
    bottom: 10px;
    font-size: 1.2em;
    line-height: 1.4;
    width: 70%
}

.xbox-gallery .image-caption {
    position: absolute;
    bottom: 0;
    left: 120px
}

.xbox-gallery .slider-caption {
    display: inline-block;
    margin-left: 16px;
    font-size: .9em;
    line-height: 1.5;
    vertical-align: middle;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.xbox-gallery .gallery-list {
    position: relative;
    margin: 0;
    width: 100%
}

.xbox-gallery .gallery-cat-wrapper {
    position: absolute;
    right: 0;
    bottom: 11px;
    width: 26%;
    text-align: right
}

.xbox-gallery .gallery-label {
    cursor: pointer;
    margin: 0 55px 0 0;
    position: relative;
    display: inline-block
}

.xbox-gallery .gallery-label:after {
    content: "";
    width: 0;
    height: 2px;
    display: block;
    left: 0;
    top: -13px;
    position: absolute
}

.xbox-gallery .gallery-label.active:after {
    width: 100%
}

.xbox-gallery .gallery-label.active {
    cursor: default;
    pointer-events: none
}

.xbox-gallery .gallery-list>.xList-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.xbox-gallery .gallery-list>.xList-item.active {
    position: relative;
    z-index: 0
}

.xbox-gallery .gallery-item .image-wrapper {
    padding: 0;
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
    margin: 0
}

.xbox-gallery .slick-slide .gallery-item .image-wrapper.video-item {
    padding: 0
}

.xbox-gallery .gallery-item .image-wrapper .mobile-iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 42px)
}

.xbox-gallery .gallery-item .image-wrapper.video-item {
    background: none !important
}

.xbox-gallery .gallery-cat-wrapper span {
    display: inline-block;
    vertical-align: middle
}

.xbox-gallery .gallery-cat-wrapper .fullscreen {
    margin-right: 15px;
    cursor: pointer;
    font-size: 25px
}

.fullscreen-mode .xbox-gallery {
    position: relative
}

.close-fullscreen {
    position: absolute;
    width: 38px;
    height: 38px;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.close-fullscreen:before,
.close-fullscreen:after {
    position: absolute;
    left: 18px;
    content: ' ';
    height: 20px;
    width: 2px;
    top: 9px
}

.close-fullscreen:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close-fullscreen:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.xbox-gallery .slider-caption,
.close-fullscreen,
.xbox-gallery .gallery-list>.xList-item {
    opacity: 0
}

.xbox-gallery .slider-caption.loaded,
.fullscreen-mode .close-fullscreen,
.xbox-gallery .gallery-list>.xList-item.active {
    opacity: 1
}

.xbox-gallery .gallery-list>.xList-item,
.close-fullscreen,
.xbox-gallery .gallery-label:after,
.xbox-gallery .slider-caption {
    -ms-transition: all .8s ease-in-out 0s;
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s
}

.no-fullscreen .fullscreen-mode,
.xbox-gallery .gallery-item img,
.xbox-gallery .video-src,
.fullscreen-mode .fullscreen,
.xbox-gallery .gallery-list .slick-dots,
.xbox-gallery .image-caption {
    display: none !important
}

@media (max-width:1200px) {
    .xbox-gallery .gallery-list,
    .xbox-gallery .gallery-item .image-wrapper {
        height: 56.25vw
    }
    .xbox-gallery .slider-pagination {
        width: 60%
    }
    .xbox-gallery .gallery-label {
        margin: 0 35px 0 0
    }
    .xbox-gallery .gallery-cat-wrapper {
        width: 30%
    }
    .xbox-gallery .gallery-cat-wrapper .fullscreen {
        display: none
    }
}

@media (max-width:1023px) {
    .xbox-gallery .slider-pagination {
        width: 55%
    }
    .xbox-gallery .gallery-cat-wrapper {
        width: 40%
    }
}

@media (max-width:767px) {
    .xbox-gallery .gallery-list,
    .xbox-gallery .gallery-item .image-wrapper {
        height: calc(56.25vw + 48px);
        width: 100%
    }
    .xbox-gallery .slider-pagination {
        width: 86%;
        left: 10px
    }
    .xbox-gallery .slide-counter {
        padding-right: 10px
    }
    .xbox-gallery .slider-caption {
        margin-left: 9px;
        max-width: 77%
    }
    .xbox-gallery .gallery-cat-wrapper {
        width: 100%
    }
    .xbox-gallery .gallery-label,
    .xbox-gallery .gallery-cat-wrapper .fullscreen {
        margin: 0 15px
    }
    .xbox-gallery .gallery-cat-wrapper {
        width: 100%;
        bottom: 48px;
        background: rgba(0, 0, 0, 0.8);
        padding: 9px 10px;
        position: relative;
        margin-top: 48px;
        text-align: center
    }
    .xbox-gallery .gallery-cat-wrapper .fullscreen {
        position: absolute;
        bottom: 55px;
        right: 7px;
        margin: 0
    }
    .xbox-gallery .gallery-label:after {
        top: -10px
    }
}

/** END xBox 3-column Detail **/

/** START Rotator C-1 **/

.rotator-C {
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: stretch;
    flex-flow: column-reverse
}

.rotator-C .xList-items {
    margin: 0
}

.rotator-C .mainSlider,
.rotator-C .mainSlider .slick-list,
.rotator-C .mainSlider .slick-track {
    height: 100%
}

.rotator-C .mainSlider .slick-slide {
    height: auto
}

.rotator-C .pagerSlider .slick-slide>div {
    width: 100%
}

.rotator-C .pagerSlider .pager-nav.nav-prev {
    left: 15px
}

.rotator-C .pagerSlider .pager-nav.nav-next {
    right: 15px
}

.rotator-C .pagerSlider .pager-nav:before {
    content: "";
    width: 20px;
    height: 20px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-top: none;
    top: 0;
    left: 0;
    display: block
}

.rotator-C .pagerSlider .pager-nav.nav-prev:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.rotator-C .pagerSlider .pager-nav.nav-next:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.rotator-C .pagerSlider {
    padding: 50px 38px
}

.rotator-C .pager-title {
    text-align: center;
    text-transform: none;
    letter-spacing: 1.5px;
    font-size: inherit;
    line-height: 1.2
}

.rotator-C .slick-active:not(.slick-current) .pager-title {
    cursor: pointer
}

.rotator-C .item-slider {
    float: right;
    width: 100%
}

.rotator-C .pager-navigation {
    float: left;
    width: 100%;
    padding: 30px 0;
    box-sizing: border-box
}

.rotator-C .pager-navigation .slick-track {
    position: relative
}

.rotator-C .pagerSlider {
    position: relative;
    padding: 60px 29px;
    display: none
}

.rotator-C .pager-navigation .slick-slide {
    position: relative;
    cursor: pointer
}

.slick-arrow.slick-disabled,
.rotator-C .pager-navigation .slick-slide.slick-current {
    cursor: default;
    pointer-events: none
}

.slick-arrow.slick-disabled {
    opacity: 0.5
}

.rotator-C .pager-navigation {
    text-align: right
}

.rotator-C .pager-navigation .slick-arrow,
.rotator-C .pager-count {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
	color:#FFF;
}

.rotator-C .pager-count {
    min-width: 45px
}

.rotator-C .pager-navigation .slick-arrow {
    margin: 0
}

.arrows-wrapper.hide,
.rotator-C .item-selector {
    display: none
}

.rotator-C .item-selector {
    max-width: 90%;
    margin: 25px auto 10px
}

.rotator-C .slick-list.flex-item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center
}

.tabs-default .rotator-C .mainSlider .slick-slide {
    float: left
}

.rotator-C .arrows-wrapper,
.tabs-default .rotator-C .arrows-wrapper {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.rotator-C .pager-navigation {
    padding: 0
}

@media (min-width:750px) {
    .rotator-C .slick-slide .xList-item {
        margin-bottom: 0
    }
    .rotator-C {
        flex-flow: row-reverse
    }
    .rotator-C .pager-title {
        text-align: left
    }
    .rotator-C .pagerSlider {
        padding: 60px 29px;
        display: block
    }
    .rotator-C .item-slider {
        width: 67.5%;
        flex-grow: 0;
        flex-shrink: 0
    }
    .rotator-C .pager-navigation {
        width: 32.5%;
        padding: 30px 0;
        text-align: center
    }
    .rotator-C .pager-navigation .slick-arrow {
        display: inline-block;
        vertical-align: middle
    }
    .rotator-C .pager-navigation .slick-arrow.nav-next {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .rotator-C .pager-navigation .slick-arrow.nav-prev {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .rotator-C .pager-navigation .pagerSlider:before {
        width: 2px;
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: 39px;
        background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #a6a5a9 25%, #a6a5a9 75%, rgba(255, 255, 255, 0) 100%);
        background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #a6a5a9 25%, #a6a5a9 75%, rgba(255, 255, 255, 0) 100%);
        background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #a6a5a9 25%, #a6a5a9 75%, rgba(255, 255, 255, 0) 100%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(25, #a6a5a9), color-stop(75, #a6a5a9), color-stop(100, rgba(255, 255, 255, 0)));
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #a6a5a9 25%, #a6a5a9 75%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0, #a6a5a9 25%, #a6a5a9 75%, rgba(255, 255, 255, 0) 100%)
    }
    .rotator-C .pager-navigation .slick-slide:before {
        content: '';
        position: absolute;
        left: 0;
        border-width: 5px;
        border-style: solid;
        width:1.3vw;
        height:1.3vw;
        border-radius: 50%;
        top: 0;
        bottom: 0;
        background: #fff;
        margin: auto;
        opacity: 0;
        -ms-transition: all .8s ease-in-out 0s;
        -webkit-transition: all .8s ease-in-out 0s;
        -moz-transition: all .8s ease-in-out 0s;
        -o-transition: all .8s ease-in-out 0s;
        transition: all .8s ease-in-out 0s
    }
    .rotator-C .pager-navigation .slick-slide.slick-current:before {
        opacity: 1
    }
    .rotator-C .pager-navigation .slick-slide {
        padding-left: 30px;
        margin-bottom: 17px
    }
    .rotator-C .pager-count {
        display: none
    }
    .rotator-C .pager-navigation {
        text-align: center
    }
}

@media (min-width:1000px) {
    .rotator-C .item-slider {
        width: 72%
    }
    .rotator-C .pager-navigation {
        width: 28%
    }
}

@media (min-width:1200px) {
    .rotator-C .item-slider {
        width: 80%
    }
    .rotator-C .pager-navigation {
        width: 20%;
        padding: 30px 0;
        box-sizing: border-box
    }
}

/** END Rotator C-1 **/

/** START xMenu - Horizontal **/

nav.menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

nav.menu-horizontal ul li {
    margin: 0 10px;
    float: left
}

nav.menu ul li a {
    display: block;
    padding: 5px;
    text-decoration: none
}

/** END xMenu - Horizontal **/

/** START Offer Listing Style-1 **/

.xbox.xbox-style-15 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.xbox.xbox-style-15 .image-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    width: 100%;
    height: 56.25vw;
    margin-bottom: 0
}

.xbox.xbox-style-15 .image-wrapper>img {
    display: none
}

.xbox.xbox-style-15 .image-wrapper .image-content {
    text-align: center;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    opacity: 0;
    pointer-events: auto;
    width: 100%;
    padding: 18px 10px 15px;
    box-sizing: border-box;
    -webkit-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out
}

.xbox.xbox-style-15 .image-wrapper .expand-wrapper {
    opacity: 1;
    font-size: 90%
}

.xbox-type-L.xbox-style-15 .has-scroll .use-scroll {
    margin-bottom: 15px
}

.xbox-style-15 .no-scroll .scrollTo {
    display: none
}

.xbox-type-L.xbox-style-15 .content-wrapper {
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
    max-height: none;
    height: auto;
    margin-top: 0;
    text-align: center
}

.xbox-style-15 .item-img {
    display: none
}

.xbox.xbox-style-15.visible-button .content-wrapper {
    margin-bottom: 0
}

.xbox.xbox-style-15.visible-button .btns-wrapper {
    margin-top: 22px;
    text-align: center
}

.xbox.xbox-style-15 .book-now {
    margin-bottom: 0
}

.xbox.xbox-style-15 .flex-container {
    position: relative;
    top: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 0;
    opacity: 1;
    -webkit-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out
}

.xbox.xbox-style-15 .flex-items {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    margin: 0 auto;
    box-sizing: border-box;
    height: 100%;
    padding: 20px;
    position: relative
}

.xbox.xbox-style-15 .flex-container .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    z-index: 1;
    cursor: pointer;
    display: none
}

.xbox.xbox-style-15 .close-button:before,
.xbox.xbox-style-15 .close-button:after {
    position: absolute;
    left: 50%;
    content: ' ';
    height: 20px;
    width: 1px;
    top: 50%;
    margin-top: -10px
}

.xbox.xbox-style-15 .close-button:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.xbox.xbox-style-15 .close-button:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.xbox.xbox-style-15.clicked-element .image-content {
    bottom: -50%;
    opacity: 0;
    pointer-events: none
}

.xbox.xbox-style-15 .image-wrapper .image-content:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid rgba(40, 67, 77, 0.8);
    position: absolute;
    left: 50%;
    top: -15px;
    transform: translateX(-50%)
}

.xbox.xbox-style-15 .image-wrapper .image-content {
    display: none;
    cursor: pointer
}

.xbox.xbox-style-15.clicked-element .flex-container {
    top: 0;
    opacity: 1;
    pointer-events: auto
}

.xbox.xbox-style-15 .item-offer-titles span {
    max-width: 260px;
    margin: 0 auto
}

.xbox.xbox-style-15 .item-img img {
    margin: 0 auto;
    display: block
}

.xbox.xbox-style-15 .item-title {
    margin-top: 10px;
    line-height: 1.2
}

.xbox.xbox-style-15 .expand-wrapper {
    text-transform: uppercase;
    position: relative;
    padding-right: 15px
}

.xbox.xbox-style-15 .expand-wrapper:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    -webkit-transform: rotate(-45deg) translateY(50%);
    -moz-transform: rotate(-45deg) translateY(50%);
    -ms-transform: rotate(-45deg) translateY(50%);
    -o-transform: rotate(-45deg) translateY(50%);
    transform: rotate(-45deg) translateY(50%)
}

.xbox-style-15 .scrollTo {
    display: none
}

.xbox.xbox-style-15 .inner-title {
    margin-bottom: 7px
}

@media (min-width:750px) {
    .xbox.xbox-style-15 {
        height: 422px
    }
    .xbox.xbox-style-15 .image-wrapper {
        height: 100%
    }
    .xbox.xbox-style-15 .image-wrapper .image-content {
        display: block;
        opacity: 1
    }
    .xbox.xbox-style-15 .content-wrapper {
        max-height: 100%
    }
    .xbox.xbox-style-15 .flex-container {
        position: absolute;
        top: 100%;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        padding: 0;
        opacity: 0
    }
    .xbox.xbox-style-15 .flex-container .close-button,
    .xbox-style-15 .item-img {
        display: block
    }
    .xbox-type-L.xbox-style-15 .content-wrapper,
    .xbox.xbox-style-15.visible-button .btns-wrapper {
        text-align: left
    }
    .xbox.xbox-style-15 .item-offer-titles {
        font-size: 85%
    }
    .xbox.xbox-style-15 .item-offer-titles span {
        max-width: 175px
    }
    .xbox-style-15 .scrollTo {
        display: block
    }
}

@media (min-width:1000px) {
    .xbox.xbox-style-15 .item-offer-titles {
        font-size: 87%
    }
    .xbox.xbox-style-15 .item-offer-titles span {
        max-width: 200px
    }
}

@media (min-width:1200px) {
    .xbox.xbox-style-15:hover .image-content {
        bottom: -50%;
        opacity: 0;
        pointer-events: none
    }
    .xbox.xbox-style-15:hover .flex-container {
        top: 0;
        opacity: 1;
        pointer-events: auto
    }
    .xbox.xbox-style-15 .inner-title {
        pointer-events: none
    }
    .xbox.xbox-style-15 .flex-container .close-button,
    .xbox.xbox-style-15 .image-wrapper .expand-wrapper {
        display: none
    }
    .xbox.xbox-style-15 .item-offer-titles {
        font-size: 100%
    }
    .xbox.xbox-style-15 .item-offer-titles span {
        max-width: 240px
    }
    .xbox.xbox-style-15 .inner-title {
        margin-bottom: 0
    }
}

/** END Offer Listing Style-1 **/

/** START Main Content Block H1- L with logo **/

.main-content-with-logo .logo-wrapper {
    display: none;
    margin-bottom: 15px
}

/** END Main Content Block H1- L with logo **/

/** START Main Content - Readmore toggle **/

.animateMaxHeight {
    -ms-transition: max-height .8s ease-in-out 0s;
    -webkit-transition: max-height .8s ease-in-out 0s;
    -moz-transition: max-height .8s ease-in-out 0s;
    -o-transition: max-height .8s ease-in-out 0s;
    transition: max-height .8s ease-in-out 0s
}

.hide,
.readless,
.readActive .readmore {
    display: none
}

.readActive .readless {
    display: inline-block
}

.introContent,
.readmoreContents {
    overflow: hidden
}

/** END Main Content - Readmore toggle **/

/** START Sub Row - blank **/

.sub-row {
    margin-bottom: 25px
}

@media (min-width:1000px) {
    .sub-row {
        margin-bottom: 75px
    }
}

/** END Sub Row - blank **/

/** START xList - Accordion Group **/

.ui-accordion .ui-accordion-header.accordion-header {
    padding: 10px 50px 9px 20px;
    position: relative;
    margin-top: 15px;
    font-size: 1.2em
}

.accordion-header::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    line-height: 1;
    pointer-events: none
}

.accordion-header.ui-accordion-header-active:after {
    content: ""
}

.ui-accordion .ui-accordion-content.accordion-content {
    padding: 20px 20px 15px
}

.accordion-content *:first-child {
    margin-top: 0
}

/** END xList - Accordion Group **/

/** START xBox A **/

.xbox .image-wrapper {
    margin-bottom: 20px
}

.xbox.xbox-typeA .image-wrapper {
    background-size: cover;
    background-position: center center;
    height: 0;
    padding-top: 56.25%;
    width: 100%;
    margin-bottom: 0
}

.xbox.xbox-typeA .image-wrapper img {
    display: none
}

.xbox h3 span {
    display: block
}

@media (min-width:750px) {
    .xbox.xbox-typeA .image-wrapper {
        padding-top: 50%
    }
}

/** END xBox A **/

/** START xBox - Testimonial **/

.testimonials-typeA h3 {
    font-size: 1.4em;
    margin-bottom: 8px
}

.testimonials-typeA h4 {
    font-size: 1em;
    font-style: italic;
    letter-spacing: .01em
}

.testimonials-typeA p,
.testimonials-typeA li {
    font-size: .95em
}

.testimonials-typeA {
    padding: 30px 40px 10px
}

.testimonials-typeA .content-wrapper {
    max-height: 155px;
    overflow: hidden;
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .testimonials-typeA .content-wrapper {
        max-height: 110px;
        min-height: 110px
    }
}

/** END xBox - Testimonial **/

/** START XList Masonry - A-1 **/

ul.xList-items {
    list-style: none
}

.xList-masonry .xList-item {
    width: 100%
}

.xList-masonry .testimonials-typeA .content-wrapper {
    max-height: 5000px
}

.xList-masonry .xList-item:not(.defaultVisible) {
    display: none;
    opacity: 0;
    -ms-transition: opacity 0.8s ease-in-out 0s !important;
    -webkit-transition: opacity 0.8s ease-in-out 0s !important;
    -moz-transition: opacity 0.8s ease-in-out 0s !important;
    -o-transition: opacity 0.8s ease-in-out 0s !important;
    transition: opacity 0.8s ease-in-out 0s !important
}

.load-more-wrapper .hide-default,
.load-more-wrapper.hide {
    display: none
}

.show-all .hide-default {
    display: inline-block !important
}

.xList-masonry .xList-item.visible {
    display: block
}

.xList-masonry .xList-item.transitions {
    opacity: 1
}

.load-more-wrapper {
    text-align: center;
    margin: 35px auto
}

.load-more-wrapper .secondary-button {
    cursor: pointer
}

@media(min-width:767px) {
    .xList-masonry .xList-item {
        width: calc(50% - 25px);
        margin: 30px 0 0 0
    }
    .xList-masonry .xList-items {
        margin-left: 20px
    }
}

@media(min-width:1200px) {
    .xList-masonry .xList-item {
        width: calc(33% - 25px)
    }
    .xList-masonry .xList-items {
        margin-left: 30px
    }
}

/** END XList Masonry - A-1 **/

/** START Social Share - Flat Bg Colors No Label **/

.no-content {
    display: none !important
}

.social-share.noLabel {
    text-align: center;
    margin-bottom: 30px
}

.social-share a {
    text-decoration: none
}

.social-share h3 {
    display: block
}

.share-label {
    line-height: 2
}

.social-share .social-share-wrapper {
    display: block;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
    margin: 0 auto
}

.social-share .social-share-wrapper li {
    display: inline-block;
    margin: 3px 5px
}

.social-share .sm-item a,
.social-share .sm-item a .fa {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.social-share .sm-item .fa {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    position: relative;
    text-align: center
}

.social-share.originalBg .sm-item .fa-facebook,
.social-share.originalBg .sm-item .facebook:hover .fa-facebook {
    background-color: #3b5998
}

.originalIcon.share-share.noBg .sm-item .fa-facebook:before {
    color: #3b5998
}

.social-share.originalBg .sm-item .fa-twitter,
.social-share.originalBg .sm-item .twitter:hover .fa-twitter {
    background-color: #00aced
}

.originalIcon.social-share.noBg .sm-item .fa-twitter:before {
    color: #00aced
}

.social-share.originalBg .sm-item .fa-google-plus,
.social-share.originalBg .sm-item .google-plus:hover .fa-google-plus {
    background-color: #dd4b39
}

.originalIcon.social-share.noBg .sm-item .fa-google-plus:before {
    color: #dd4b39
}

.social-share.originalBg .sm-item .fa-youtube-play,
.social-share.originalBg .sm-item .fa-youtube,
.social-share.originalBg .sm-item .youtube-play:hover .fa-youtube-play,
.social-share.originalBg .sm-item .youtube:hover .fa-youtube {
    background-color: #b00
}

.originalIcon.social-share.noBg .sm-item .fa-youtube-play:before,
.originalIcon.social-share.noBg .sm-item .fa-youtube:before {
    color: #b00
}

.social-share.originalBg .sm-item .fa-tripadvisor,
.social-share.originalBg .sm-item .tripadvisor:hover .fa-tripadvisor {
    background-color: #00a680
}

.originalIcon.social-share.noBg .sm-item .fa-tripadvisor:before {
    color: #00a680
}

.social-share.originalBg .sm-item .fa-instagram,
.social-share.originalBg .sm-item .instagram:hover .fa-instagram {
    background-color: #517fa4
}

.originalIcon.social-share.noBg .sm-item .fa-instagram:before {
    color: #517fa4
}

.social-share.originalBg .sm-item .fa-linkedin,
.social-share.originalBg .sm-item .linkedin:hover .fa-linkedin {
    background-color: #0077b5
}

.originalIcon.social-share.noBg .sm-item .fa-linkedin:before {
    color: #0077b5
}

.social-share.originalBg .sm-item .fa-pinterest-p,
.social-share.originalBg .sm-item .fa-pinterest,
.social-share.originalBg .sm-item .pinterest-p:hover .fa-pinterest-p,
.social-share.originalBg .sm-item .pinterest:hover .fa-pinterest {
    background-color: #cb2027
}

.originalIcon.social-share.noBg .sm-item .fa-pinterest-p:before,
.originalIcon.social-share.noBg .sm-item .fa-pinterest:before {
    color: #cb2027
}

.social-share .sm-item .fa:before {
    line-height: 26px;
    font-size: 12px
}

.social-share.noLabel .sm-label,
.social-share.showLabel .sm-label {
    display: none
}

.flatIcon.noBg .sm-item .fa,
.originalIcon.noBg .sm-item .fa {
    background-color: transparent
}

.social-share.noBg .sm-item .fa:before {
    font-size: 23px
}

.social-share.showLabel .social-share-wrapper li {
    margin: 3px 2.5%
}

@media (min-width:750px) {
    .social-share h3 {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px
    }
}

@media (min-width:1024px) {
    .social-share.showLabel .sm-label {
        display: inline-block;
        margin-left: 10px;
        font-size: 13px
    }
    footer .social-share .sm-label {
        font-size: 10px;
        margin-left: 5px
    }
    .social-share.showLabel .social-share-wrapper li {
        margin: 3px 20px 3px 0
    }
    .columns.six .social-share.showLabel .social-share-wrapper li {
        margin: 3px 15px 3px 0;
        width: 28%
    }
    .columns.six .social-share.showLabel .social-share-wrapper {
        text-align: left
    }
    .columns.four .social-share.showLabel .social-share-wrapper li {
        margin: 3px 10px 3px 0;
        width: 44%
    }
    .columns.four .social-share.showLabel .social-share-wrapper {
        text-align: left
    }
    .columns.three .social-share.showLabel .sm-label {
        display: none
    }
}

@media (min-width:1200px) {
    .social-share.showLabel .sm-label {
        display: inline-block;
        font-size: .8em;
        letter-spacing: .2px;
        margin-left: 12px
    }
    .social-share.noLabel .sm-label {
        display: none
    }
    .social-share.showLabel .social-share-wrapper li {
        margin: 3px 20px 3px 0
    }
    .columns.three .social-share.showLabel .social-share-wrapper li,
    .columns.four .social-share.showLabel .social-share-wrapper li {
        margin: 3px 8px 3px 0;
        width: 46%
    }
    .columns.five .social-share.showLabel .social-share-wrapper li,
    .columns.six .social-share.showLabel .social-share-wrapper li {
        margin: 3px 15px 3px 0;
        width: 20%
    }
    .columns.two .social-share.showLabel .social-share-wrapper,
    .columns.three .social-share.showLabel .social-share-wrapper,
    .columns.four .social-share.showLabel .social-share-wrapper,
    .columns.five .social-share.showLabel .social-share-wrapper,
    .columns.six .social-share.showLabel .social-share-wrapper {
        text-align: left
    }
    .columns.four .social-share.showLabel .social-share-wrapper {
        text-align: left
    }
    .columns.three .social-share.showLabel .sm-label {
        display: inline-block
    }
}

/** END Social Share - Flat Bg Colors No Label **/

/** START Google Map - Get Directions + Categories - R **/

.map-wrapper:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.map-wrapper {
    display: flex
}

#map {
    height: 100%;
    min-height: 500px;
    width: 100%;
    position: relative;
    -webkit-box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.75);
    box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.75)
}

#map:before,
.marker-image:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #9b9999;
    width: 28px;
    height: 28px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: -1
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.map-wrapper,
.map-contents-wrapper,
.map-category-wrapper {
    position: relative;
    height: 100%
}

.no-content,
.sectionHeading {
    display: none
}

.map-wrapper .columns {
    margin: 0
}

.map-wrapper .three.columns {
    width: 26%
}

.map-content-wrapper {
    padding: 32px 40px
}

.hotelInfo>*:last-child p {
    margin-bottom: 0
}

.hotelInfo>*:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.map-wrapper .hotelInfo a {
    text-decoration: none
}

.hotelInfo>div {
    position: relative
}

.hotelInfo>.hotel-info-content {
    padding-left: 30px
}

.hotelInfo>.hotel-info-content p {
    margin-bottom: 12px;
    line-height: 1.5
}

.info-content p,
.info-content li {
    line-height: 1.5;
    letter-spacing: .01em
}

.hotelInfo>.hotel-info-content:before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 30px;
    height: 20px;
    display: block;
    pointer-events: none;
    content: "\f041";
    font-family: FontAwesome;
    font-size: 1.3em;
    line-height: 0.5
}

.hotelInfo .address:before {
    line-height: 0.8
}

.hotelInfo .telephone:before {
    content: "\f098";
    font-size: 1em
}

.hotelInfo .other-info:before {
    content: "\f024";
    font-size: 14px
}

.get-directions .get-from-heading {
    margin: 15px 20px 14px 0;
    letter-spacing: .01em
}

.hotelInfo .fax:before {
    content: "\f1ac";
    font-size: .9em
}

.hotelInfo .email:before {
    content: "\f0e0";
    font-size: .9em;
    line-height: 0.9
}

.go-direction {
    cursor: pointer
}

.google-map-content ul {
    display: none
}

.get-directions:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.get-directions>* {
    display: inline-block;
    vertical-align: middle
}

.direction-box label {
    font-weight: normal;
    letter-spacing: .1em;
    margin: 10px 0 3px
}

.adp-directions {
    width: 100%
}

.directionDetails {
    padding: 0 10px
}

.direction-box input {
    border-radius: 0;
    width: calc(100% + 20px)
}

.map-content-wrapper.columns #route-mode {
    margin: 15px 0 10px 0
}

#route-mode {
    list-style: none;
    margin: 0
}

#route-mode>li {
    display: inline-block;
    vertical-align: middle
}

#route-mode>li:first-child {
    margin-left: 0
}

.direction-mode {
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 0;
    position: relative;
    margin: 0;
    background: #000
}

.direction-mode:before {
    position: absolute;
    left: 10px;
    top: 0;
    display: block;
    pointer-events: none;
    content: "";
    background: url('../images/component_images/transport-mode.png') no-repeat -1px 7px;
    width: 20px;
    height: 36px
}

.direction-mode.active {
    cursor: default;
    pointer-events: none;
    opacity: 0.7
}

.direction-mode.transit:before {
    background-position: -27px 7px
}

.direction-mode.walking:before {
    background-position: -50px 7px
}

.map-content-wrapper .get-directions .go-direction {
    float: right;
    font-weight: normal;
    margin: 18px 0 0
}

.visibleRouteTo {
    position: absolute;
    left: 1px;
    bottom: 0;
    width: calc(100% - 2px);
    display: flex;
    height: calc(100% - 2px);
    top: 0;
    margin: auto;
    padding: 0 8px 0 12px;
    background: gray;
    cursor: default;
    align-content: center;
    align-items: center;
    box-sizing: border-box
}

.get-directions .input-wrapper {
    position: relative
}

.get-directions .input-wrapper:before {
    position: absolute;
    left: -25px;
    top: 2px;
    display: block;
    pointer-events: none;
    content: "\f041";
    font-family: FontAwesome;
    font-size: 21px
}

.get-direction-to .input-wrapper:before {
    content: "\f024";
    font-size: 17px;
    top: 5px
}

.direction-box {
    padding-left: 25px;
    position: relative;
    text-align: left
}

.columns .direction-box {
    width: calc(100% - 25px);
    margin-right: 0
}

.get-directions .input-wrapper input,
.go-direction,
#route-mode>li,
.get-directions>*,
.get-directions .go-direction {
    margin: 0
}

.get-directions>*,
#route-mode {
    margin: 0 20px 0 0
}

.get-direction-to:before {
    content: '';
    position: absolute;
    display: block;
    left: 2px;
    bottom: 31px;
    height: 65%;
    width: 13px;
    background: url('../images/component_images/from-to.png') repeat-y 1px 0
}

.inner-map-wrapper {
    position: relative
}

.zoom-controls {
    position: absolute;
    bottom: 20px;
    right: 15px;
    z-index: 1
}

.zoom-controls .zoom-button {
    display: block;
    height: 35px;
    margin: auto auto 6px;
    width: 35px;
    cursor: pointer;
    display: block;
    position: relative
}

.zoom-controls .zoom-button:before,
.zoom-controls .zoom-button.zoom-in:after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 2px;
    display: block;
    pointer-events: none;
    content: '';
    margin-top: -1px;
    margin-left: -10px
}

.zoom-controls .zoom-button.zoom-in:after {
    transform: rotate(90deg)
}

.infoBox {
    background: #fff;
    color: #000;
    transform: translateY(-50%) !important
}

.marker-image {
    position: relative
}

.infoBox img {
    width: auto;
    z-index: 1
}

.infoBox:after {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #fff;
    content: "";
    display: block;
    height: 0;
    right: -15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    z-index: -1
}

.marker-intro {
    padding: 20px 28px 10px
}

.marker-image {
    width: 100%;
    height: 173px
}

.useUppercase {
    text-transform: uppercase
}

.no-textDecoration a {
    text-decoration: none
}

.distanceSection {
    background: #9b9b9b;
    color: #fff;
    padding: 13px 28px;
    letter-spacing: 1px
}

.distanceSection span {
    width: 50%;
    text-align: right;
    display: inline-block;
    float: right
}

.marker-title {
    margin: 0;
    font-weight: normal;
    letter-spacing: .1em
}

.markerCon p {
    margin: 10px 0 15px
}

.marker-intro.no-contents {
    display: none
}

.cont-inner {
    overflow: hidden;
    max-height: 100px
}

.cont-inner p {
    line-height: 1.5
}

.map-categories {
    text-align: left;
    padding: 20px 0 0;
    position: absolute;
    bottom: 15px;
    max-width: 70%
}

.contentLeft .map-categories {
    left: 26.5%
}

.categories-inner,
.categories-inner .fb-checkbox {
    display: inline-block;
    vertical-align: middle
}

.categories-inner .fb-checkbox {
    margin: 0 15px 0;
    position: relative;
    text-transform: uppercase;
    letter-spacing: .08em
}

.map-categories .form-group {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 15px;
    position: relative
}

.map-categories .form-group input,
.map-categories .form-group label,
.map-categories .form-group {
    cursor: pointer
}

.map-categories input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    margin: 0;
    left: 0;
    top: 0
}

.map-categories .form-group label {
    padding: 0 0 0 8px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    line-height: 1.1
}

.map-categories .form-group .fb-checkbox-helper {
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid;
    z-index: -1;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.map-categories .form-group input:checked~.fb-checkbox-helper:after {
    content: "\2713";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 2em;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.category-mobile,
.map-contents-wrapper.noGetDirections .get-directions,
.map-contents-wrapper.noCategories .map-categories.non-mobile,
.map-contents-wrapper.noCategories .category-mobile,
.map-contents-wrapper.contentOnMap .map-categories.non-mobile,
.map-contents-wrapper.contentOnMap .category-mobile,
.map-contents-wrapper.contentOnMap .get-directions {
    display: none
}

.map-contents-wrapper.contentLeft .map-wrapper {
    flex-flow: row-reverse
}

.map-contents-wrapper.contentOnMap .map-wrapper {
    display: block
}

.map-contents-wrapper.contentOnMap .map-wrapper .columns {
    width: 100%
}

.map-contents-wrapper.contentOnMap .map-content-wrapper {
    max-width: 400px;
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    top: 50%;
    transform: translateY(-50%);
    left: 5%
}

.map-content-wrapper .map-title {
    position: absolute;
    top: 0;
    left: auto
}

@media(min-width:750px) {
    .container .map-wrapper .hotelInfo {
        left: 5%
    }
    .hotelInfo .address:before {
        line-height: 1
    }
}

@media(min-width:1000px) {
    .map-wrapper {
        padding-top: 0 !important
    }
    .map-content-wrapper .map-title {
        position: relative;
        top: auto;
        left: auto
    }
}

@media(min-width:1200px) {
    .hotelInfo .address:before {
        line-height: 0.5
    }
}

@media (max-width:1200px) {
    .direction-box input {
        width: calc(100% + 20px)
    }
    .get-from-heading {
        font-size: 1.5em
    }
    .map-content-wrapper {
        padding: 25px
    }
}

@media (max-width:1000px) {
    .map-wrapper,
    .map-contents-wrapper.contentLeft .map-wrapper {
        flex-flow: column
    }
    .map-wrapper .columns {
        width: 100%
    }
    .map-wrapper .three.columns {
        width: 100%;
        display: flex
    }
    .map-wrapper .three.columns>div {
        padding: 0 50px 0 0;
        width: 50%
    }
    .map-wrapper .three.columns .get-directions {
        padding-right: 0
    }
    .info-content>h2:first-child {
        display: none
    }
    .sectionHeading {
        display: block
    }
    .get-directions .get-from-heading,
    .map-content-wrapper.columns #route-mode {
        margin-top: 0
    }
    .get-from-heading {
        margin: 0 auto
    }
    #route-mode {
        display: block;
        margin: 15px auto
    }
    #route-mode>li {
        margin: 0 5px
    }
    .get-direction-to::before {
        height: 70%;
        bottom: 33px
    }
    .direction-box {
        margin: 0 20px 10px 0
    }
    .map-categories .categories-heading {
        display: block
    }
    .map-categories {
        max-width: 93%;
        top: 420px;
        bottom: auto
    }
    .map-contents-wrapper.contentLeft .map-categories {
        left: 0
    }
    .map-contents-wrapper.noGetDirections .three.columns>div {
        padding: 0;
        width: 100%
    }
    .map-contents-wrapper.contentOnMap .map-content-wrapper {
        max-width: 325px
    }
    .map-contents-wrapper.contentOnMap .map-heading {
        display: none
    }
    .map-contents-wrapper.contentOnMap .info-content>h2:first-child {
        display: block
    }
    .map-contents-wrapper .sectionHeading {
        padding: 0 20px
    }
}

@media (max-width:767px) {
    .get-directions>*,
    #route-mode {
        display: block;
        margin: 0 0 20px 0
    }
    .map-wrapper .three.columns {
        flex-flow: column;
        padding-top: 0
    }
    .map-wrapper .three.columns>div {
        padding: 0;
        width: 100%
    }
    #map {
        min-height: 450px
    }
    .get-direction-from .input-wrapper input {
        width: 100%
    }
    .map-content-wrapper.columns #route-mode {
        margin: 15px 0 10px 0
    }
    .get-direction-to:before {
        height: 81%
    }
    .get-directions .go-direction {
        display: inline-block;
        margin: 15px auto
    }
    .map-categories.non-mobile {
        display: none
    }
    .category-mobile,
    .map-wrapper {
        display: block
    }
    .zoom-controls {
        top: 350px;
        right: 10px;
        bottom: auto
    }
    .category-mobile .map-categories {
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        max-width: 100%
    }
    .categories-inner .fb-checkbox {
        margin: 0 15px 15px
    }
    .get-directions {
        text-align: center
    }
    .columns .direction-box {
        width: calc(100% - 25px)
    }
    .map-contents-wrapper.noCategories .three.columns {
        padding-top: 25px
    }
    .map-contents-wrapper.contentOnMap .map-content-wrapper {
        max-width: 100%;
        position: relative;
        background: transparent;
        top: auto;
        transform: translateY(0);
        left: auto
    }
}

/** END Google Map - Get Directions + Categories - R **/

/** START Row with bg image - blank **/

.row.background-image.style-1 .row-bg-image {
    display: none
}

.row.background-image.style-1 {
    background-size: cover;
    background-position: center;
    padding: 40px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

@media(min-width:1000px) {
    .row.background-image.style-1 {
        padding: 60px 0
    }
}

/** END Row with bg image - blank **/

/** START Image Only - blank **/

.image-only {
    text-align: center
}

.hidden {
    display: none
}

.image-only img {
    width: auto;
    max-width: 100%;
    margin: auto
}

.image-only.image-wrapper.background {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 0;
    width: 100%;
    padding-top: 56.25%
}

/** END Image Only - blank **/

/** START xBox A **/

.xbox-typeA .image-wrapper {
    background-size: cover;
    background-position: center center;
    height: 0;
    padding-top: 56.25%;
    width: 100%;
    margin-bottom: 20px
}

.xbox-typeA .image-wrapper img {
    display: none
}

@media (min-width:750px) {
    .xbox-typeA .image-wrapper {
        padding-top: 42.5%
    }
}

/** END xBox A **/

/** START xBox Style 3 **/

.xbox-style-3 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    flex-flow: row wrap
}

.xbox-style-3 .flex-container {
    padding: 20px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: left
}

.xbox-style-3 .image-wrapper,
.xbox-style-3 .flex-items {
    width: 100%;
    margin-bottom: 0
}

.xbox-style-3 .flex-container .flex-items {
    max-width: 100%
}

@media (min-width:750px) {
    .xbox-style-3 .flex-container {
        padding: 5%
    }
}

@media (min-width:1000px) {
    .xbox-style-3 {
        flex-flow: row
    }
    .xbox-style-3 .flex-container,
    .container .primary-background .xbox-style-3 .flex-container,
    .container .secondary-background .xbox-style-3 .flex-container {
        padding: 0 5%;
        width: 40%
    }
    .container .xbox-style-3 .flex-container {
        padding: 0 0 0 5%;
        width: 45%
    }
    .xbox-style-3 .image-wrapper {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        width: 80%;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width:1200px) {
    .xbox-style-3 .content-wrapper {
        max-height: 160px;
        overflow: hidden;
        margin-bottom: 19px
    }
}

/** END xBox Style 3 **/

/** START xBox Style 5-R **/

@media (min-width:750px) {
    .xbox.xbox-style-5.xbox-style-5-r {
        flex-flow: row-reverse wrap
    }
}

@media (min-width:1000px) {
    .xbox.xbox-style-5.xbox-style-5-r .flex-container {
        margin-left: 0;
        margin-right: 10%
    }
}

/** END xBox Style 5-R **/

/** START Odd-Even xList - Blank **/

.odd-even-xlist .xList-item {
    margin-bottom: 0
}

.odd-even-xlist .xList-item.right .xbox {
    flex-flow: row-reverse
}

.container .odd-even-xlist .xList-item.right .xbox .flex-container {
    padding: 0 5% 0 0
}

/** END Odd-Even xList - Blank **/

/** START xBox Style 11 **/

.xbox.xbox-style-11 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    flex-flow: row wrap
}

.xbox.xbox-style-11 .image-wrapper {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 220px
}

.xbox.xbox-style-11 .image-wrapper img {
    display: none
}

.xbox.xbox-style-11 .flex-container {
    padding: 7%;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: left
}

.xbox.xbox-style-11 .image-wrapper,
.xbox.xbox-style-11 .flex-items {
    width: 100%;
    margin-bottom: 0
}

.xbox.xbox-style-11 .flex-container .flex-items {
    max-width: 100%
}

@media (min-width:750px) {
    .xbox.xbox-style-11 .image-wrapper {
        height: 300px
    }
}

@media (min-width:1000px) {
    .xbox.xbox-style-11 {
        flex-flow: row
    }
    .xbox.xbox-style-11 .image-wrapper {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 340px;
        width: 50%;
        margin: 0
    }
    .xbox.xbox-style-11 .flex-container {
        padding: 4%;
        width: 42%;
        position: relative;
        flex-flow: row wrap;
        max-height: 100%
    }
}

@media (min-width:1200px) {
    .xbox.xbox-style-11 .image-wrapper {
        height: 400px
    }
}

/** END xBox Style 11 **/

/** START Scroll **/

.scrollTo {
    display: block;
    width: 20px;
    height: 20px;
    margin: 10px auto 0;
    cursor: pointer;
    opacity: 1;
    position: relative;
    -ms-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

.scrollTo:after,
.scrollTo:before {
    content: '';
    border-style: solid;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    -webkit-animation: flickerAnimation 1.5s infinite;
    -moz-animation: flickerAnimation 1.5s infinite;
    -o-animation: flickerAnimation 1.5s infinite;
    animation: flickerAnimation 1.5s infinite
}

.scrollTo:after {
    top: 5px
}

.scrollTo.disabled,
.no-scroll .scrollTo {
    opacity: 0;
    pointer-events: none
}

.mCS_destroyed {
    height: auto !important
}

.mCS_destroyed+.scrollTo {
    display: none
}

@keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

/** END Scroll **/

/** START xBox C-11 **/

.xbox.xbox-style-11.xbox-typeC .image-wrapper {
    margin-bottom: 0 !important
}

@media (min-width:750px) {
    .xbox.xbox-style-11.xbox-typeC .flex-container .flex-items .content-wrapper {
        max-height: 250px;
        overflow: hidden
    }
}

/** END xBox C-11 **/

/** START Iframe Video Block **/

.iframe-wrapper {
    position: relative;
    height: auto
}

.iframe-wrapper .iframe-inner-wrapper {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    height: 0
}

.iframe-wrapper .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.iframe-wrapper .noCover .image-wrapper {
    pointer-events: none
}

.iframe-wrapper.hero-video .noCover .image-wrapper {
    pointer-events: auto
}

.iframe-wrapper .cover-image {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.iframe-wrapper .noCover .cover-image {
    opacity: 0
}

.iframe-wrapper.hero-video .noCover .cover-image {
    pointer-events: none;
    cursor: default
}

.iframe-wrapper .image-wrapper img,
.iframe-wrapper .video-source {
    display: none
}

.iframe-wrapper .buttons {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center
}

.iframe-wrapper .buttons,
.iframe-wrapper .buttons span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.iframe-wrapper.hero-video .buttons,
.iframe-wrapper .isPlaying .buttons,
.iframe-wrapper span.hero-video {
    display: none
}

.iframe-wrapper .buttons span {
    font-size: 40px;
    cursor: pointer;
    pointer-events: auto;
    padding: 4px 0 0 8px
}

.iframe-wrapper .buttons .play {
    display: block
}

.iframe-wrapper .buttons .pause {
    display: none
}

.iframe-wrapper .video-iframe,
.iframe-wrapper .video-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    border: 0;
    outline: 0
}

/** END Iframe Video Block **/

/** START xList - Accordion Group **/

.ui-accordion .ui-accordion-header.accordion-header {
    padding: 10px 50px 9px 20px;
    position: relative;
    margin-top: 15px;
    font-size: 1.2em
}

.accordion-header::after {
    content: "\f107";
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    font-family: FontAwesome;
    font-size: 1.5em;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: none
}

.accordion-header.ui-accordion-header-active::after {
    content: "\f106"
}

.ui-accordion .ui-accordion-content.accordion-content {
    padding: 20px 20px 15px
}

.accordion-content *:first-child {
    margin-top: 0
}

/** END xList - Accordion Group **/

/** START Main Content Block H1- L **/

.main-content-block.main-content-block-l {
    text-align: left
}

.main-content-block-l ul li,
.main-content-block-l ol li {
    text-align: left
}

@media (min-width:1000px) {
    .main-content-block {
        max-width: 80%;
        margin: 20px auto
    }
}

/** END Main Content Block H1- L **/

.sub-menu-visible .header-type-p:after,
header .our-hotels-list li ul {
    background: transparent
}

.header-type-p:after {
    background: #000;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.20) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.20) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.20) 0, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000', GradientType=0)
}

.header-with-animated-visual:after {
    background: rgba(0, 0, 0, 0.86)
}

.header-fixed #branding svg path,
.header-fixed #branding svg polygon,
.header-fixed #branding svg path.group-logo-section,
.header-fixed #branding svg polygon.group-logo-section,
.sub-menu-visible #branding svg path,
.sub-menu-visible #branding svg polygon {
    fill: #000
}

#branding svg path,
#branding svg polygon {
    -webkit-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
    fill: #fff
}

#branding svg path.group-logo-section,
#branding svg polygon.group-logo-section {
    fill: #C3986B
}

.loading-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    visibility: hidden
}

.loading-popup.show {
    z-index: 9999;
    visibility: visible
}

.loading-popup>.loading-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: width 1.5s ease-in-out, height 1.5s ease-in-out;
    -moz-transition: width 1.5s ease-in-out, height 1.5s ease-in-out;
    -o-transition: width 1.5s ease-in-out, height 1.5s ease-in-out;
    -ms-transition: width 1.5s ease-in-out, height 1.5s ease-in-out;
    transition: width 0.8s ease-in-out 1s, height 0.8s ease-in-out 1s
}

.loading-popup.show>.loading-overlay {
    width: 100vw;
    height: 100vh
}

.loading-popup.show>.loading-overlay.show-overlay {
    width: 0;
    height: 0
}

.loading-popup>.container {
    width: 80vw;
    background: #fff;
    padding: 10px 10px 5px 10px;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
    opacity: 0
}

.loading-popup .simple-rotator-with-pager,
.loading-popup .simple-rotator-with-pager li,
.loading-popup .simple-rotator-with-pager .xbox {
    margin-bottom: 0
}

.loading-popup .xbox.xbox-typeA .image-wrapper {
    padding-top: 82.25%
}

.loading-popup .xbox-style-3 .content-wrapper {
    height: 100%;
    max-height: 17vw;
    overflow: hidden;
    margin-bottom: 20px
}

.loading-popup .simple-rotator-with-pager .arrows-wrapper {
    top: calc(41% - 60px)
}

.loading-popup>.container .container {
    padding: 0 20px 10px;
    width: 100%;
    box-sizing: border-box
}

.loading-popup .button-wrapper {
    width: 100%;
    text-align: left;
    margin-top: 15px
}

.loading-popup>.container.show-content {
    opacity: 1
}

.loading-popup>.container .container h2 {
    margin: 10px auto
}

.loading-popup .container .xbox-style-3 .flex-container .flex-items {
    width: 100%
}

.clear-fix:after,
.fb-captcha:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.header-type-p {
    position: fixed;
    top: 0;
    z-index: 200;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    left: 0
}

.container-fluid {
    padding: 0
}

#branding {
    position: absolute;
    top: 49px;
    width: 125px;
    left: 20px;
    opacity: 1;
    display: inline-block;
    padding-bottom: 10px
}

.window-scrolled #branding {
    opacity: 0;
    visibility: hidden
}

.row.background-image .row-bg-image {
    display: none
}

.full-height-menu,
.our-hotels-submenu {
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: -webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition: -webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    will-change: transform, opacity
}

#main-menu-top-bar,
#main-menu,
#media-icons,
#menu-btn,
#booking-area {
    display: none
}

#mobile-menu-bar {
    display: flex;
    width: 100%;
    position: relative
}

#mobile-menu-bar .mobile-menu-bar-item {
    width: 100%;
    height: auto;
    text-align: center;
    line-height: 37px;
    border-right-style: solid;
    border-width: 0 1px 0 0;
    position: relative
}

#mobile-menu-bar .mobile-menu-bar-item.lang-switch-mobile-wrapper {
    display: none
}

#mobile-menu-bar .mobile-burger-icon-wrapper {
    border: none
}

.mobile-buger-icon {
    width: 16px;
    height: 20px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    transform: translateY(50%);
    cursor: pointer
}

#menu-btn {
    position: relative;
    width: 38px;
    height: 25px;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.header-fixed #menu-btn {
    width: 20px;
    height: 16px
}

.menu-burger-icon .menu-line {
    display: block;
    width: 100%;
    height: 2px;
    margin-bottom: 5px;
    position: absolute;
    left: 0
}

.menu-burger-icon .menu-line.line-one {
    top: 1px
}

.header-fixed .menu-burger-icon .menu-line.line-one {
    top: 0
}

.menu-burger-icon .menu-line.line-two {
    top: 11px;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease 0.3s;
    -moz-transition: opacity 0.1s ease 0.3s;
    -o-transition: opacity 0.1s ease 0.3s;
    -ms-transition: opacity 0.1s ease 0.3s;
    transition: opacity 0.1s ease 0.3s
}

.header-fixed .menu-burger-icon .menu-line.line-two {
    top: 7px
}

.menu-burger-icon .menu-line.line-three {
    top: 21px
}

.header-fixed .menu-burger-icon .menu-line.line-three {
    top: 14px
}

.mobile-buger-icon.menu-burger-icon .menu-line.line-two {
    top: 7px
}

.mobile-buger-icon.menu-burger-icon .menu-line.line-three {
    top: 13px
}

body.menu-open {
    height: 100%;
    overflow: hidden
}

.menu-open-btn .menu-line.line-one,
.menu-open-btn .menu-line.line-three {
    -webkit-transition: -webkit-transform 0.3s ease, top 0.3s ease 0.4s;
    -moz-transition: -webkit-transform 0.3s ease, top 0.3s ease 0.4s;
    -o-transition: -webkit-transform 0.3s ease, top 0.3s ease 0.4s;
    -ms-transition: -ms-transform 0.3s ease, top 0.3s ease 0.4s;
    transition: transform 0.3s ease, top 0.3s ease 0.4s
}

.menu-burger-icon .menu-line.line-one,
.menu-burger-iconn .menu-line.line-three {
    -webkit-transition: top 0.3s ease, transform 0.3s ease 0.4s;
    -moz-transition: top 0.3s ease, transform 0.3s ease 0.4s;
    -o-transition: top 0.3s ease, transform 0.3s ease 0.4s;
    -ms-transition: top 0.3s ease, -ms-transform 0.3s ease 0.4s;
    transition: top 0.3s ease, transform 0.3s ease 0.4s
}

.menu-close-btn .menu-line.line-one {
    top: 9px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-close-btn .menu-line.line-two {
    opacity: 0
}

.menu-close-btn .menu-line.line-three,
.menu-close-btn .mobile-buger-icon.menu-burger-icon .menu-line.line-three {
    top: 9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.language-switch ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    overflow: hidden;
    max-height: 0;
    height: auto;
    -webkit-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    -ms-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease
}

.language-switch ul li {
    margin-bottom: 0;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.language-switch ul li a {
    width: 100%;
    display: block
}

.language-switch {
    display: block;
    height: 37px;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    text-transform: uppercase
}

.hide.language-switcher {
    display: none
}

.language-switch .selected-lang:after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 4px;
    top: 3px;
    line-height: 1;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    transform: rotate(135deg)
}

.selected-lang {
    position: relative;
    box-sizing: border-box;
    padding-right: 20px
}

.language-switch .selected-lang {
    width: 100%;
    height: auto
}

.language-switch.switch-open .selected-lang:after {
    top: 6px;
    transform: rotate(-45deg)
}

.language-switch.switch-open ul {
    max-height: 100vh
}

.language-switch ul li.active-lang {
    display: none
}

.mobile-header-link {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 18px
}

#branding .logo svg {
    width: 57px;
    height: auto;
    -ms-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s
}

#header-booking {
    position: relative;
    -ms-transition: width .8s ease 0s;
    -webkit-transition: width .8s ease 0s;
    -moz-transition: width .8s ease 0s;
    -o-transition: width .8s ease 0s;
    transition: width .8s ease 0s;
    width: 0;
    height: 0;
    overflow: hidden
}

.header-media-icon.icon-360:before,
.header-media-icon.icon-play:before {
    position: relative;
    display: block;
    line-height: 45px;
    text-align: center
}

.header-media-icon.icon-360:before {
    font-size: 2.5em
}

.header-media-icon.icon-play:before {
    font-size: 3.5em
}

.header-button.secondary-link {
    border: 1px solid;
    padding: 5px 10px;
    box-sizing: border-box;
    display: inline;
    text-transform: initial
}

.fixed-visual-section {
    position: fixed;
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out
}

.main-visual .slider-wrapper {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    pointer-events: auto
}

.video-visible .fixed-visual-section,
.virtual-visible .fixed-visual-section {
    opacity: 1;
    height: 100vh
}

.main-video .video-wrapper,
.main-video .virtual-wrapper {
    width: 100%;
    height: 0;
    padding-top: 56.25vw;
    overflow: hidden;
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    position: absolute;
    left: 0;
    top: 50%;
    display: none;
    margin-top: -28.12vw
}

.main-video .video-wrapper,
.main-video .virtual-wrapper {
    display: block
}

.video-visible .main-video .video-wrapper,
.virtual-visible .main-video .virtual-wrapper {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.main-visual .slider-wrapper,
.main-visual .main-visual-pager-wrapper {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.video-visible .main-visual .slider-wrapper,
.video-visible .main-visual .main-visual-arrow-wrapper,
.video-visible .main-visual .main-visual-pager-wrapper {
    opacity: 0;
    pointer-events: none
}

.main-video .play-btn {
    display: none
}

.video-visible .main-video .vdo-close-btn,
.virtual-visible .main-video .virtual-close {
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer
}

.main-video .play-btn:after,
.media-wrapper {
    display: none
}

.main-video .play-btn.icon-close:before {
    width: 100%;
    font-size: 2em;
    pointer-events: auto
}

.video-visible,
.virtual-visible {
    height: 100%;
    overflow: hidden
}

.video-visible .video-section,
.virtual-visible .virtual-section {
    display: block;
    position: relative;
    height: 100%;
    width: 100%
}

.main-video .media-wrapper iframe {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    ;
    border: 0
}

header.header-type-p .container-fluid,
header.header-type-p .container-fluid {
    transform: translateY(0);
    -webkit-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out
}

.video-visible header.header-type-p .container-fluid,
.virtual-visible header.header-type-p .container-fluid {
    transform: translateY(-500%)
}

.video-visible header #booking-area,
.virtual-visible header #booking-area {
    opacity: 0
}

.virtual-visible .main-visual-arrow-wrapper,
.video-visible .main-visual-arrow-wrapper,
.virtual-visible .main-visual-pager-wrapper,
.video-visible .main-visual-pager-wrapper {
    opacity: 0
}

.video-visible .main-visual .slider-wrapper,
.virtual-visible .main-visual .slider-wrapper {
    opacity: 1;
    visibility: visible;
    display: block
}

.main-visual .slider-wrapper .slider-item:before,
.main-visual .slider-wrapper .slider-item:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 50%;
    background-image: none;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.20) 0, rgba(0, 0, 0, 0.10) 30%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.20) 0, rgba(0, 0, 0, 0.10) 30%, rgba(0, 0, 0, 0) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.20) 0, rgba(0, 0, 0, 0.10) 30%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000', GradientType=0)
}

.main-visual .slider-wrapper .slider-item:after {
    top: auto;
    bottom: 0;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.20) 0, rgba(0, 0, 0, 0.10) 30%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.20) 0, rgba(0, 0, 0, 0.10) 30%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.20) 0, rgba(0, 0, 0, 0.10) 30%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000', GradientType=0)
}

.media-close {
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 35px;
    right: 35px;
    z-index: 1
}

.media-close:before,
.media-close:after {
    position: absolute;
    left: 20px;
    content: ' ';
    height: 29px;
    width: 1px;
    top: 5px
}

.media-close:before {
    transform: rotate(45deg)
}

.media-close:after {
    transform: rotate(-45deg)
}

.full-height-menu,
.our-hotels-submenu {
    overflow: hidden;
    -ms-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease-out 0s;
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: translateX(200%)
}

.our-hotels-submenu {
    top: 104px;
    min-height: calc(100vh - 104px)
}

.header-fixed .our-hotels-submenu {
    top: 45px;
    min-height: calc(100vh - 45px)
}

.menu-visible .full-height-menu,
.our-hotels-menu-visible .our-hotels-submenu {
    max-height: 100vh
}

.background-image.main-menu-wrapper {
    padding: 0;
    max-height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    perspective: 1000px;
    background-size: auto;
    background-repeat: repeat;
    box-sizing: border-box;
    background-image: none !important
}

.main-menu-wrapper>.row {
    margin: 0 auto;
    width: 100%;
    padding: 30px 28px 65px;
    max-width: 1220px;
    position: relative;
    height: 100vh;
    box-sizing: border-box
}

.main-menu-wrapper>.row>.row {
    position: relative
}

.main-menu-wrapper>.row>.row:nth-child(2) {
    margin: 0 auto;
    width: calc(100% - 28px);
    height: calc(100% - 250px);
    position: absolute;
    top: 140px;
    left: 28px
}

.main-menu-wrapper .large-height {
    overflow-y: scroll
}

.main-menu-wrapper nav.menu ul li {
    margin: 0 0 9px;
    display: inline-block;
    width: 100%;
    overflow: hidden
}

.main-menu-wrapper nav.menu ul li.top_hidden a,
.full-height-menu .content-wrapper.top_hidden,
.full-height-menu h3.top_hidden {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.has_transition {
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.main-menu-wrapper .row .columns:nth-child(2) nav.menu ul li {
    margin: 0 0 16px
}

.main-menu-wrapper nav.menu ul li:last-child,
.main-menu-wrapper .row .columns:nth-child(2) nav.menu ul li:last-child {
    margin-bottom: 9px
}

.main-menu-wrapper>.row>.row:nth-child(2) .columns .content-wrapper a {
    margin-bottom: 5px;
    display: inline-block
}

.main-menu-wrapper .row .columns>h3 {
    margin: 6px 0 7px
}

.main-menu-wrapper nav.menu ul li a {
    display: inline-block;
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transform: translateY(0);
    opacity: 1
}

.full-height-menu .content-wrapper,
.full-height-menu h3 {
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transform: translateY(0);
    opacity: 1
}

.main-menu-wrapper .row .row:first-child .image-only {
    width: 100px;
    margin-bottom: 54px;
    opacity: 0;
    transform: translateY(100px);
    -webkit-transition: opacity 0.8s ease-in-out 0.8s, transform 0.8s ease-in-out 0.4s;
    -ms-transition: opacity 0.8s ease-in-out 0.8s, transform 0.8s ease-in-out 0.4s;
    transition: opacity 0.8s ease-in-out 0.8s, transform 0.8s ease-in-out 0.4s
}

.menu-open .main-menu-wrapper .row .row:first-child .image-only {
    opacity: 1;
    transform: translateY(0)
}

.main-menu-wrapper>.row>.row:nth-child(2) .columns {
    text-transform: uppercase
}

.main-menu-wrapper>.row>.row>.columns>*:first-child {
    margin-top: 0
}

.main-menu-wrapper .row .columns nav.menu ul ul {
    text-transform: none;
    margin-top: 22px;
    background: transparent
}

.main-menu-wrapper .row .columns nav.menu ul ul li {
    margin-bottom: 1px
}

.main-menu-wrapper .row .columns nav.menu ul ul li a {
    text-transform: none
}

.menu-wrapper-close {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    cursor: pointer;
    transform: scale(0);
    opacity: 0;
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    will-change: transform, opacity
}

.menu-wrapper-close.use-scale-animate {
    transform: scale(1);
    opacity: 1
}

.menu-wrapper-close:before,
.menu-wrapper-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 43px;
    width: 1px;
    top: -6px
}

.menu-wrapper-close:before {
    transform: rotate(45deg)
}

.menu-wrapper-close:after {
    transform: rotate(-45deg)
}

.show-menu {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%)
}

#main-menu li.disable,
.main-menu-wrapper nav.menu ul li.disable,
.logout-link {
    display: none
}

.main-visual-with-video {
    overflow: hidden;
    margin-top: 37px;
    height: 100%;
    width: 100%
}

.main-visual.main-visual-with-video,
.main-visual.main-visual-with-video .slick-list,
.main-visual.main-visual-with-video .slider-wrapper .slider-item {
    height: 66.25vw
}

.main-visual-with-video .slider-wrapper .slider-item {
    padding-left: 0;
    display: block !important
}

.main-visual-with-video .slider-wrapper .slider-item:before {
    border: none
}

.main-visual-with-video .play-btn,
.main-visual-with-video .iframe-wrapper.hero-video .buttons>span,
.fixed-visual-section .iframe-wrapper .buttons>span {
    display: none
}

.main-visual-with-video .iframe-wrapper.hero-video .buttons,
.main-visual-with-video .iframe-wrapper .buttons,
.fixed-visual-section .iframe-wrapper .buttons {
    display: block;
    background: none;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    top: 0;
    left: 0;
    max-height: 100vh
}

.main-visual-with-video .iframe-wrapper.hero-video .buttons>span,
.main-visual-with-video .iframe-wrapper .buttons>span,
.fixed-visual-section .iframe-wrapper .buttons>span {
    position: fixed;
    bottom: 50px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.5);
    top: auto;
    left: auto;
    transform: translate(0, 0);
    padding: 0;
    border-radius: 50%
}

.fixed-visual-section .iframe-wrapper .buttons>span {
    bottom: 115px
}

.main-visual-with-video .iframe-wrapper.hero-video .isPlaying .buttons .mute,
.fixed-visual-section .iframe-wrapper .isPlaying .buttons .mute {
    position: fixed;
    display: block;
    right: 85px
}

.main-visual-with-video .iframe-wrapper .buttons .mute,
.fixed-visual-section .iframe-wrapper .buttons .mute {
    right: 150px
}

.main-visual-with-video .iframe-wrapper .isPlaying .buttons .pause,
.fixed-visual-section .iframe-wrapper .buttons .pause {
    right: 85px
}

.html5-video .iframe-wrapper .buttons .play,
.html5-video .iframe-wrapper .buttons .pause,
.html5-video .iframe-wrapper .buttons .mute {
    width: 80px;
    height: 80px;
    padding: 0
}

.iframe-wrapper .buttons .play,
.main-visual-with-video .iframe-wrapper .buttons .play {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 80px;
    height: 80px
}

.iframe-wrapper .buttons>span {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none
}

.iframe-wrapper .buttons .play:before {
    content: "\ea04";
    transform: translateX(56%);
    width: 40px;
    display: block
}

.iframe-wrapper .buttons .pause:before {
    content: "\ebf7"
}

.iframe-wrapper .buttons .mute:before {
    content: "\ebfb"
}

.iframe-wrapper .buttons .muted:before {
    content: "\ebf9"
}

.iframe-wrapper .buttons .close:before {
    content: "\e94e"
}

.iframe-wrapper .buttons .play {
    line-height: 80px
}

.iframe-wrapper .buttons .close,
.iframe-wrapper .buttons .mute,
.iframe-wrapper .buttons .pause {
    line-height: 50px;
    font-size: 25px
}

.iframe-wrapper .buttons .close,
.main-visual-with-video .iframe-wrapper .buttons .close {
    right: 20px
}

.iframe-wrapper .buttons .close,
.iframe-wrapper .buttons .pause,
.iframe-wrapper .buttons .mute,
body .iframe-inner-wrapper.isPlaying .buttons .play,
.main-visual-with-video .video-section.youtube .buttons,
.main-visual-with-video .video-section.vimeo .buttons {
    display: none
}

.iframe-inner-wrapper.isPlaying .buttons .close,
.iframe-inner-wrapper.isPlaying .buttons .pause,
.iframe-inner-wrapper.isPlaying .buttons .mute {
    display: block
}

.iframe-inner-wrapper.no-cover .cover-image {
    background: none !important
}

.main-visual-with-video .main-visual-pager-wrapper {
    display: none;
    position: absolute;
    bottom: 20px
}

.main-visual-with-video .slick-dots li {
    display: inline-block;
    border-radius: 50%;
    margin: 0 7px;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    width: 8px;
    height: 8px
}

.main-visual-with-video .slick-dots .slick-active {
    border-width: 7px;
    width: 0;
    height: 0;
    cursor: default
}

.main-visual-with-video .slider-navigation {
    width: 34px;
    height: 56px;
    cursor: pointer
}

.main-visual-with-video .main-visual-arrow-wrapper .slider-navigation span {
    position: absolute;
    left: 50%;
    width: 2px;
    display: block;
    height: 25px;
    position: absolute;
    left: calc(50% - 3px)
}

.main-visual-with-video .main-visual-arrow-wrapper .slider-navigation.nav-right span {
    left: auto;
    right: calc(50% - 3px)
}

.main-visual-with-video .slider-navigation .line-one {
    top: 7px
}

.main-visual-with-video .slider-navigation .line-two {
    bottom: 7px
}

.main-visual.main-visual-with-video .slider-wrapper {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    pointer-events: auto
}

.main-visual.main-visual-with-video .slider-wrapper,
.main-visual.main-visual-with-video .main-visual-pager-wrapper {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.main-visual-with-video .main-visual-slogan-wrapper {
    bottom: 15px;
    left: 0;
    width: 90%;
    border: none;
    padding: 0;
    right: 0;
    overflow: hidden
}

.has-srolldown.main-visual-with-video .main-visual-slogan-wrapper {
    bottom: 125px
}

.main-visual-with-video .slogan,
.main-visual-with-video .slide-description-wrapper {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
    overflow: hidden;
    -webkit-transition: all 0.8s ease-in-out 0.8s;
    -ms-transition: all 0.8s ease-in-out 0.8s;
    transition: all 0.8s ease-in-out 0.8s
}

.main-visual-with-video .slogan {
    font-size: 1.2em;
    line-height: 1.2
}

.main-visual-with-video .slogan sup {
    top: -0.6em;
    font-size: .6em;
    margin-left: 5px
}

.main-visual-with-video .slogan>*,
.main-visual-with-video .slide-description-wrapper>* {
    -webkit-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

.main-visual-with-video .slogan>*,
.main-visual-with-video .slick-active.slick-current .hide-contents .slogan>*,
.video-visible .main-visual-with-video .slick-current.slick-active .slogan>*,
.virtual-visible .main-visual-with-video .slick-current.slick-active .slogan>* {
    transform: translateX(500%)
}

.main-visual-with-video .slide-description-wrapper .slogan-content,
.main-visual-with-video .slick-current .hide-contents .slide-description-wrapper .slogan-content,
.video-visible .main-visual-with-video .slick-current .slide-description-wrapper .slogan-content,
.virtual-visible .main-visual-with-video .slick-current .slide-description-wrapper .slogan-content {
    transform: translateX(-500%)
}

.main-visual-with-video .slide-description-wrapper .primary-link,
.main-visual-with-video .slick-current .hide-contents .slide-description-wrapper .primary-link,
.video-visible .main-visual-with-video .slick-current .slide-description-wrapper .primary-link,
.virtual-visible .main-visual-with-video .slick-current .slide-description-wrapper .primary-link {
    transform: translateX(150%)
}

.main-visual-with-video .slick-current.slick-active .slogan>*,
.main-visual-with-video .slick-current.slick-active .slide-description-wrapper>* {
    transform: translateX(0)
}

.main-visual-with-video .slide-description-wrapper .primary-link {
    transition-delay: 1.5s;
    transition-duration: 0.5s
}

.main-visual-with-video .slide-description-wrapper .primary-link.hide {
    display: none
}

.main-visual-with-video .main-visual-slogan-wrapper .slogan-line-one {
    font-size: 100%
}

.main-visual-with-video .main-visual-slogan-wrapper .slogan-line-two {
    padding-right: 10px
}

.slogan-line-two:after,
.slogan-line-two:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    transform: rotate(45deg);
    margin-left: 5px;
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    margin: 6px auto
}

.slogan-line-two:before {
    right: -4px;
    top: 2px;
    margin: 4px auto
}

.main-visual-with-video .slide-description-wrapper .slogan-content {
    display: none
}

.main-visual-slogan-wrapper .slogan span {
    display: inline-block;
    text-transform: uppercase;
    position: relative
}

.main-visual-with-video .main-visual-pager-wrapper ul {
    margin-bottom: 0
}

.main-visual-with-video .slide-description-wrapper {
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 100%
}

.main-visual-with-video .slide-description-wrapper a {
    width: 100%;
    display: block;
    text-indent: -9999px;
    height: 100%
}

#main-menu li.has-submenu ul {
    min-width: 300px;
    width: 150px;
    margin: 0 auto;
    height: auto;
    overflow: visible;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    left: 50%;
    top: 52px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 8px 0;
    position: absolute
}

#main-menu li ul {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

#main-menu li.has-submenu.sub-menu-open ul {
    top: 31px;
    opacity: 1;
    pointer-events: auto;
    border-top: none
}

.header-fixed #main-menu li.has-submenu.sub-menu-open ul {
    top: 18px
}

#main-menu .has-submenu li {
    margin: 10px 0;
    display: block
}

#main-menu .sub-menu-arrow {
    display: inline-block;
    width: 6px;
    height: 5px;
    background: transparent;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-top-color: transparent;
    border-right-color: transparent;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: -4px;
    margin-left: 5px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease
}

#main-menu .sub-menu-arrow {
    margin-left: 10px;
    margin-right: 3px;
    top: -5px
}

#main-menu .sub-menu-open .sub-menu-arrow {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 3px
}

.our-hotels-list .columns {
    position: relative
}

.our-hotels-submenu>.last-column {
    margin-left: 0
}

.our-hotels-submenu>.three.columns {
    width: 24%
}

.our-hotels-submenu>.nine.columns {
    width: 76%
}

.our-hotels-list>.three.columns {
    width: 30%
}

.our-hotels-submenu .content-panel-heading {
    padding-left: 30%
}

.our-hotels-list>.nine.columns {
    width: 66%
}

.our-hotels-submenu>.last-column .simple-rotator-with-pager {
    width: 170px;
    margin: 58px auto;
    height: 41.5vh
}

.our-hotels-list .image-only .item-title {
    width: 100%;
    display: block;
    text-align: left;
    margin: 8px auto 13px;
    font-size: 1.05em
}

.our-hotels-list .image-only .hotel-rate {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: left;
    font-size: 1em
}

.our-hotels-list .image-only .hotel-rate .best-rate {
    font-size: 1.1em
}

.our-hotels-list .image-only img {
    width: 100%;
    height: auto
}

.our-hotels-list .last-column .slick-slide .xList-item>.image-only {
    margin-right: 25px;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.our-hotels-list>.last-column:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: -6%;
    top: 0
}

.our-hotels-list>.last-column .rotatorElement>.xList-items {
    padding-bottom: 26px
}

.our-hotels-list>.last-column .rotatorElement>.nav-arrow-group {
    right: 27px;
    left: auto;
    width: 76px;
    top: 100%;
    margin-top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.our-hotels-list>.last-column .rotatorElement>.nav-arrow-group .slick-arrow {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 7px;
    cursor: pointer
}

.our-hotels-list>.last-column .rotatorElement>.nav-arrow-group .slick-arrow span {
    width: 1px;
    height: 6px;
    top: 6px;
    left: calc(50% - 1px)
}

.our-hotels-list>.last-column .rotatorElement>.nav-arrow-group .slick-arrow span.line-two {
    top: 4px
}

.our-hotels-list .cat-items {
    padding: 0 35px 45px
}

.our-hotels-list .cat-item {
    padding: 8px 0;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-bottom: 4px;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.our-hotels-list .cat-item.active {
    pointer-events: none
}

#main-menu li.sub-menu-open>.sub-menu-arrow {
    cursor: default
}

.our-hotels-list .cat-item span {
    position: relative;
    display: block;
    cursor: pointer
}

.our-hotels-list .cat-item.active span {
    cursor: default;
    pointer-events: none
}

.our-hotels-list .cat-item.active span:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    margin: auto
}

.our-hotels-submenu>.last-column .simple-rotator-with-pager>.rotatorElement,
.our-hotels-submenu>.last-column .simple-rotator-with-pager>.rotatorElement .xList-items,
.our-hotels-submenu>.last-column .simple-rotator-with-pager>.rotatorElement .slick-list,
.our-hotels-submenu>.last-column .simple-rotator-with-pager>.rotatorElement .slick-track,
.our-hotels-submenu>.last-column .simple-rotator-with-pager>.rotatorElement .slick-slide {
    height: 100%
}

.our-hotels-submenu .simple-rotator-with-pager .pager-wrapper {
    margin: 10px auto
}

.scroll-top-wrapper {
    display: none;
    align-content: center;
    align-items: center;
    cursor: pointer;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 47px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -2px
}

.scroll-top-wrapper span {
    display: inline-block;
    vertical-align: middle
}

.header-fixed .scroll-up-wrapper {
    -webkit-animation: opacityAnimation 2s infinite;
    -moz-animation: opacityAnimation 2s infinite;
    -o-animation: opacityAnimation 2s infinite;
    animation: opacityAnimation 2s infinite;
    display: block
}

.scroll-up-wrapper {
    position: fixed;
    bottom: 30px;
    right: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    z-index: 999;
    display: none
}

.scroll-up-icon-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: block
}

.scroll-up-wrapper .scroll-icon-animator {
    width: 14px;
    height: 14px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    margin: -4px auto auto
}

@keyframes opacityAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes opacityAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes opacityAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes opacityAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
    100% {
        opacity: 1
    }
}

.scroll-top-wrapper .scroll-top-icon-wrapper {
    margin: 0 10px;
    width: 20px;
    height: 40px;
    cursor: pointer
}

.scroll-top-wrapper .scroll-top-txt-wrapper {
    display: none
}

.scroll-top-wrapper .scroll-icon-animator {
    display: block;
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: #fff;
    transform: rotate(-45deg);
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 1;
    animation-name: scroll-btn;
    animation-duration: 2s;
    animation-iteration-count: infinite
}

.scroll-top-wrapper:after,
.scroll-top-wrapper:before {
    content: "";
    display: block;
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: #fff;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 1;
    transform: rotate(-45deg);
    animation-name: scroll-btn;
    animation-duration: 2s;
    animation-iteration-count: infinite
}

.scroll-top-wrapper .scroll-icon-animator {
    animation-delay: 0s
}

.scroll-top-wrapper:after {
    animation-delay: .6s
}

.scroll-top-wrapper:before {
    animation-delay: 1.2s
}

@keyframes scroll-btn {
    0% {
        opacity: 0;
        top: 0
    }
    30% {
        opacity: 1
    }
    100% {
        opacity: 0;
        top: 30px
    }
}

.content-panel {
    height: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
}

.content-panel.active {
    height: auto;
    visibility: visible;
    overflow: visible;
    opacity: 1
}

.tab-menu-content .content-wrapper a {
    text-transform: inherit
}

.float-l {
    float: left
}

.float-r {
    float: right
}

.reservation-panel {
    display: flex;
    align-items: stretch;
    min-height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    -ms-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease-out 0s;
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: translateX(200%)
}

.active-reservation-panel .reservation-panel {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
    height: 100%
}

.reservation-panel>div {
    display: inline-block;
    vertical-align: top
}

.reservation-panel .left-panel,
.reservation-panel .right-panel {
    width: 20.5vw
}

.center-panel {
    width: 59vw
}

.booking-benefits {
    width: 10vw;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 0.4vw
}

.booking-benefits p {
    margin: 5px auto 24px;
    font-size: 1em
}

.direct-booking-title {
    font-weight: bold;
    padding: 0 5px 30px;
    display: block;
    line-height: 1;
    font-size: 1.05em
}

.tab-menu-content {
    width: 45vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.5vw;
    height: 100%
}

.content-panel {
    padding: 0 20px;
    margin-left: 75px
}

.content-panel-heading {
    text-align: center;
    display: block;
    margin: 34px auto 5px auto;
    font-size: 2.3em;
    letter-spacing: .05em
}

.content-panel-heading sup {
    top: -1em;
    font-size: .4em
}

.reservation-panel .content-panel-heading {
    margin: 47px auto 32px auto;
    font-size: 2.5em
}

.reservation-panel .booking-branding {
    width: 180px;
    height: 75px;
    padding: 34px 47px 28px
}

.reservation-panel .booking-branding img {
    width: 100%;
    height: auto
}

.reservation-panel .left-menu {
    text-transform: uppercase
}

.reservation-panel .left-menu ul,
.reservation-panel .bottom-menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.reservation-panel .left-menu ul li {
    padding: 12px 53px 15px;
    position: relative;
    z-index: 0;
    cursor: pointer;
    margin: 0;
    text-transform: none
}

.reservation-panel .left-menu ul li.active {
    cursor: default
}

.reservation-panel .left-menu ul li:before {
    content: '';
    width: 0;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -ms-transition: all .8s ease-in-out 0s;
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s
}

.reservation-panel .left-menu ul li.active:before {
    width: 100%
}

.left-panel .bottom-menu {
    margin: 26px 25px
}

.left-panel .bottom-menu>h3 {
    border-bottom: 1px solid;
    margin: 0 auto 16px;
    padding: 0 0 4px
}

.reservation-panel .bottom-menu ul {
    margin: 10px 29px
}

.reservation-panel .bottom-menu ul li {
    margin-bottom: 7px;
    cursor: pointer
}

.reservation-panel .bottom-menu ul li.active {
    cursor: default
}

.bookingmask-wrapper select,
.bookingmask-wrapper input,
.bookingmaskWrapper select,
.bookingmaskWrapper input,
#ui-datepicker-div select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    background: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.bookingmask-wrapper select {
    padding: 5px 13px 11px 0;
    border-bottom: 1px solid #999;
    cursor: pointer;
    font-size: 2.65em;
    font-weight: normal;
    letter-spacing: .06em;
    height: auto;
    margin-bottom: 0;
    text-indent: -2px
}

header .cms-form-holder select {
    text-indent: -2px
}

.bookingmask-wrapper .hotels-selector select {
    font-size: 1.3em;
    line-height: 1.05
}

.bookingmask-wrapper .choose .field-label {
    margin-bottom: 0
}

.bookingmask-wrapper .date-input-wrapper,
.bookingmask-wrapper .choose-wrapper,
.bookingmask-wrapper .promotion-codes {
    margin: 0 auto;
    width: 83%
}

.bookingmask-wrapper .date-selector {
    display: inline-block;
    vertical-align: middle;
    width: 42%;
    position: relative;
    margin: 0 0 45px
}

#availability-checker-panel .bookingmask-wrapper .date-selector input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer
}

.reservation-form .input-wrapper {
    display: block;
    font-size: 1.6em;
    margin: 12px 0 0;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid;
    padding-bottom: 11px;
    cursor: pointer;
    border-color: #999
}

.bookingmask-wrapper #reservation-form .input-wrapper>span {
    display: inline-block
}

.bookingmask-wrapper .choose-wrapper {
    text-align: center
}

.bookingmask-wrapper .choose {
    width: 18%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 16px 0
}

#availability-checker-panel .additional-wrapper .adults-selector,
#availability-checker-panel .additional-wrapper .children-selector {
    width: 35%
}

.bookingmask-wrapper .choose-wrapper .choose:nth-child(2) {
    display: inline-block;
    vertical-align: middle
}

.bookingmask-wrapper .choose.booking-blocks {
    position: relative;
    text-align: left
}

.bookingmask-wrapper .hotels-selector {
    width: 50%;
    margin: 0 auto 39px;
    display: block
}

.bookingmask-wrapper .choose.booking-blocks:after,
.bookingmask-wrapper .date-selector.booking-blocks .input-wrapper:after {
    content: '';
    position: absolute;
    right: 3px;
    bottom: 29px;
    width: 6px;
    height: 6px;
    margin: auto;
    border-width: 1px 1px 0 0;
    border-style: solid;
    transform: rotate(135deg);
    pointer-events: none
}

.booking-menu-contents select:focus {
    border-color: #999
}

.bookingmask-wrapper .date-selector.booking-blocks .input-wrapper:after {
    bottom: 25px
}

.bookingmask-wrapper .hotels-selector.booking-blocks:after {
    bottom: 22px
}

header .cms-form-holder .cms-form .fb-select-inner:after {
    top: 13px;
    right: 3px;
    width: 6px;
    height: 6px
}

header .cms-form-holder .fb-date-inner:after {
    right: 1px
}

header .cms-form-holder .fb-use-uppercase,
header .cms-form-holder a {
    text-transform: none
}

header .cms-form-holder .form-group {
    margin-top: 10px
}

header .cms-form-holder .form-group:nth-of-type(1) {
    margin-top: 0
}

body header .cms-form-holder .fb-header.form-group>h3 {
    font-weight: bold;
    font-size: 1.2em
}

.bookingmask-wrapper .field-label {
    font-weight: bold
}

.bookingmask-wrapper .input-block {
    width: 42.5%;
    display: inline-block;
    vertical-align: middle;
    margin: 22px 0 5px 0
}

.bookingmask-wrapper input[type="text"]:focus,
.bookingmask-wrapper input[type="email"]:focus {
    border: none
}

.bookingmask-wrapper input[type="text"],
.bookingmask-wrapper input[type="email"],
.bookingmask-wrapper input[type="text"]:focus,
.bookingmask-wrapper input[type="email"]:focus,
header .cms-form-holder .cms-form .form-control {
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: .01em;
    height: 38px;
    border-width: 0 0 1px 0;
    border-style: solid;
    padding-left: 0;
    border-color: #999
}

header .cms-form-holder .form-group.fb-privacyfield {
    font-size: 1.1em
}

.bookingmask-wrapper .button-section {
    margin: 0 auto;
    text-align: center
}

.bookingmask-wrapper .button-section>* {
    display: inline-block;
    vertical-align: middle
}

.bookingmask-wrapper .booking-btn,
header .cms-form-holder .cms-form .primary-button {
    border: none;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    min-height: 38px;
    line-height: 1;
    cursor: pointer;
    padding: 19px 15px 17px;
    margin: 10px 4px;
    white-space: normal
}

.bookingmask-wrapper .booking-btn.secondary-button {
    width: 175px;
    font-size: .9em;
    letter-spacing: 0
}

.bookingmask-wrapper .booking-btn.primary-button,
header .cms-form-holder .cms-form .primary-button {
    width: 145px;
    font-size: .9em;
    letter-spacing: 0
}

.bookingmask-wrapper .booking-btn.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: default
}

.bookingmask-wrapper .best-rate {
    padding: 11px 0 7px 48px;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    word-wrap: break-word;
    margin-bottom: 0;
    max-width: 135px;
    line-height: 1;
    margin: 0
}

.bookingmask-wrapper .best-rate:before {
    content: '';
    background: url(../images/component_images/best_rate_icon.svg) no-repeat;
    background-size: cover;
    width: 45px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

p.member-signin {
    margin: 3px;
    text-align: center;
    text-transform: none;
    font-size: 1.1em;
    letter-spacing: .02em
}

p.member-signin a,
header .booking-menu-contents .content-panel a {
    text-decoration: underline;
    text-transform: none
}

.reservation-panel .right-panel {
    padding: 86px 50px;
    box-sizing: border-box;
    position: relative
}

.reservation-wrapper-close {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 32px;
    right: 30px;
    cursor: pointer
}

.reservation-wrapper-close:before,
.reservation-wrapper-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 43px;
    width: 1px;
    top: -6px
}

.reservation-wrapper-close:before {
    transform: rotate(45deg)
}

.reservation-wrapper-close:after {
    transform: rotate(-45deg)
}

.right-panel>span {
    display: block
}

.right-panel .offers-from {
    font-weight: bold;
    font-size: 1.1em;
    letter-spacing: .05em
}

.ui-datepicker-header a {
    cursor: pointer
}

.ui-datepicker-header a.ui-state-disabled {
    cursor: default
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center
}

#ui-datepicker-div {
    z-index: 9999 !important
}

.booking-btn:hover {
    opacity: 1
}

.modify-details .booking-blocks {
    width: 100%;
    margin-bottom: 20px
}

.offer-rotator-reservation {
    width: 100%;
    margin: 15px 0 0;
    overflow: hidden;
    position: relative;
    height: 100%
}

.offer-rotator-reservation .xList-items {
    height: 95%;
    max-height: 503px
}

.offer-rotator-reservation>.xList-items>li {
    display: none
}

.offer-rotator-reservation>.xList-items>li.active {
    display: block
}

.offer-rotator-reservation>.xList-items>li.active,
.offer-rotator-reservation>.xList-items>li.active>.xList,
.offer-rotator-reservation>.xList-items>li.active>.xList .slick-list,
.offer-rotator-reservation>.xList-items>li.active>.xList .slick-list .slick-track,
.offer-rotator-reservation>.xList-items>li.active>.xList .slick-list .slick-slide>div,
.offer-rotator-reservation>.xList-items>li.active>.xList .slick-list .slick-slide>div>li {
    height: 100%
}

.offer-rotator-reservation .slick-dots {
    margin: 15px auto
}

.offer-rotator-reservation .image-only {
    overflow: hidden;
    position: relative;
    height: 100%
}

.offer-rotator-item {
    position: relative;
    height: 100%
}

.offer-rotator-item .image-content {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.offer-rotator-item .image-content span {
    display: block;
    padding: 22px 16px 0;
    text-align: left;
    line-height: 1
}

.offer-rotator-item .image-content span.image-heading {
    font-size: 40px
}

.offer-rotator-item .image-content span.image-sub-heading {
    margin-top: -23px;
    font-size: 17px;
    margin-left: 3px
}

.offer-rotator-item .button-wrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 18px;
    left: 0
}

.offer-rotator-item .wrap-with-link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.offer-rotator-item .secondary-button {
    padding: 6px 14px 5px;
    border: none;
    font-size: 1.1em
}

.offer-rotator-item .offer-rotator-bg {
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.offer-rotator-item .offer-rotator-bg .image-only {
    height: 100%;
    width: 100%
}

.offer-rotator-item .offer-rotator-bg img {
    display: none
}

#availability-checker {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    -ms-transition: all .4s ease-in-out;
    -webkit-transition: max-height .4s ease-in-out;
    -moz-transition: max-height .4s ease-in-out;
    -o-transition: max-height .4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.active-reservation-panel #availability-checker {
    opacity: 0
}

#availability-checker .bookingmaskWrapper {
    position: relative
}

#availability-checker .best-rate-bm {
    text-align: center;
    margin: 15px auto 0
}

#availability-checker .best-rate-bm .starting-from {
    font-size: 80%
}

#availability-checker .best-rate-bm .best-rate {
    font-size: 130%
}

#datepicker {
    max-height: 0;
    overflow: hidden;
    -ms-transition: all .4s ease-in-out;
    -webkit-transition: max-height .4s ease-in-out;
    -moz-transition: max-height .4s ease-in-out;
    -o-transition: max-height .4s ease-in-out;
    transition: all 0.4s ease-in-out
}

#datepicker .ui-widget-content,
#datepicker .ui-widget-header {
    background: transparent;
    border: 0
}

#datepicker .ui-state-default,
#datepicker .ui-widget-content .ui-state-default,
#datepicker .ui-widget-header .ui-state-default,
#datepicker .ui-button,
html #datepicker .ui-button.ui-state-disabled:hover,
html #datepicker .ui-button.ui-state-disabled:active {
    border: 0;
    background: transparent
}

#datepicker .ui-datepicker-title {
    margin: 0
}

#availability-checker .choose.booking-blocks select {
    font-size: .9em;
    height: 29px
}

#availability-checker .choose.booking-blocks.error-booking select#hotels-selector {
    font-weight: bold
}

#availability-checker .rooms-adults-children-wrapper {
    width: 85%;
    margin: 0 auto
}

#availability-checker .rooms-adults-children-wrapper .rooms-selector {
    width: 47.5%;
    float: none;
    margin: 0
}

#availability-checker .rooms-adults-children-wrapper .adults-children-wrapper .choose {
    width: 47.5%
}

#availability-checker .adults-children-wrapper {
    margin: 7px auto
}

.additional-wrapper .adults-children-wrapper.enable-sb {
    display: block
}

.additional-wrapper .adults-children-wrapper {
    display: none
}

.additional-wrapper .adults-children-wrapper {
    max-height: 88px;
    overflow: hidden
}

#availability-checker .datepicker-choose.booking-blocks,
#ui-datepicker-div .datepicker-choose.booking-blocks {
    position: relative;
    width: 27%;
    margin: 0 19px;
    display: inline-block
}

#availability-checker .datepicker-choose.booking-blocks:first-child,
#ui-datepicker-div .datepicker-choose.booking-blocks:first-child {
    width: 26%
}

#availability-checker .datepicker-choose.booking-blocks select,
#ui-datepicker-div .datepicker-choose.booking-blocks select {
    width: 100%;
    text-transform: uppercase
}

#ui-datepicker-div .datepicker-choose.booking-blocks {
    width: 32%;
    margin: 0 10px
}

#ui-datepicker-div .datepicker-choose.booking-blocks:first-child {
    width: 30%
}

.active-picker #datepicker {
    margin: 0;
    max-height: 250px;
    padding-bottom: 5px
}

#datepicker .ui-widget.ui-widget-content {
    width: 100%;
    padding: 0;
    border: none
}

#datepicker .ui-datepicker table {
    width: 100%
}

#datepicker .ui-datepicker-header,
#ui-datepicker-div .ui-datepicker-header {
    font-size: .8em
}

#datepicker .ui-datepicker-prev span,
#datepicker .ui-datepicker-next span {
    text-indent: -99em;
    text-align: left
}

#datepicker .ui-datepicker td span,
#datepicker .ui-datepicker td a {
    padding: .15em;
    text-align: center
}

#datepicker table,
#datepicker tbody,
#datepicker tr,
#datepicker th,
#datepicker td {
    border: 0
}

#availability-checker .bookingmaskWrapper form {
    position: relative;
    overflow: hidden;
    width: 240px;
    padding: 7px 0 30px 0;
    max-height: 0;
    font-size: 1.2em;
    -ms-transition: all .8s ease-in-out 0s;
    -webkit-transition: max-height .8s ease-in-out 0s;
    -moz-transition: max-height .8s ease-in-out 0s;
    -o-transition: max-height .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s
}

#availability-checker.active form {
    padding: 7px 0 38px;
    max-height: 550px
}

.rooms-adults-children-wrapper {
    -ms-transition: max-height .8s ease-in-out 0s;
    -webkit-transition: max-height .8s ease-in-out 0s;
    -moz-transition: max-height .8s ease-in-out 0s;
    -o-transition: max-height .8s ease-in-out 0s;
    transition: max-height .8s ease-in-out 0s;
    overflow: hidden;
    position: relative
}

#availability-checker .rooms-adults-children-wrapper {
    max-height: 500px
}

#availability-checker .rooms-adults-children-wrapper,
#availability-checker .rooms-adults-children-wrapper.room-one {
    max-height: 72px
}

#availability-checker .rooms-adults-children-wrapper.room-two {
    max-height: 108px
}

#availability-checker .rooms-adults-children-wrapper.room-three {
    max-height: 144px
}

#availability-checker .rooms-adults-children-wrapper.room-four {
    max-height: 180px
}

#availability-checker .rooms-adults-children-wrapper.room-five {
    max-height: 216px
}

#availability-checker .rooms-adults-children-wrapper.picker-show {
    max-height: 37px !important;
    padding-top: 10px
}

#availability-checker-panel .additional-wrapper {
    position: absolute;
    width: 69%;
    height: 105px;
    top: 0;
    right: -16px;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box;
    margin-top: -15px;
    -ms-transition: all .8s ease-in-out 0s;
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s
}

.additional-wrapper.active {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}

#availability-checker-panel .room-two .additional-wrapper.active {
    height: 196px
}

#availability-checker-panel .room-three .additional-wrapper.active {
    height: 282px
}

#availability-checker-panel .room-four .additional-wrapper.active {
    height: 370px;
    top: -91px
}

#availability-checker-panel .room-five .additional-wrapper.active {
    height: 460px;
    top: -176px
}

#availability-checker.active .button-overlay-span,
#availability-checker .button-overlay-span.hide {
    display: none
}

#availability-checker .button-overlay-span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer
}

#availability-checker.active.active-picker form {
    max-height: 550px
}

#availability-checker .date-selector {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 12px);
    position: relative;
    text-align: center;
    margin: 15px 4px 13px
}

#availability-checker .input-date {
    font-size: 1.65em;
    line-height: 1.2
}

.bookingmaskWrapper .input-month-year,
.bookingmaskWrapper .input-text {
    font-size: .5em;
    line-height: 1.1
}

.bookingmaskWrapper .input-month-year {
    text-transform: uppercase
}

#availability-checker .input-wrapper {
    border-bottom: 0;
    padding-bottom: 0;
    position: relative;
    font-size: 1.6em;
    margin: 3px 0 0
}

.bookingmaskWrapper select,
.mobile-booking select,
.bookingmaskWrapper input {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    background: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto
}

#availability-checker .date-selector.dateout:before {
    content: "";
    width: 1px;
    height: 85%;
    position: absolute;
    top: 8px;
    bottom: 0;
    left: -6px;
    margin: auto
}

#reservation-form .adults-selector select option,
#reservation-form .children-selector select option,
#reservation-form .rooms-selector select option {
    font-size: .4em
}

#reservation-form .hotels-selector select option {
    font-size: .8em
}

#reservation-form .promotion-codes input.disabled {
    pointer-events: none;
    opacity: 0.5
}

.promotion-codes input {
    font-size: 1.1em
}

.bookingmaskWrapper .input-text {
    text-transform: none
}

.bookingmaskWrapper select,
#ui-datepicker-div select {
    padding: 5px 4px 5px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    cursor: pointer;
    pointer-events: none;
    height: auto;
    margin-bottom: 0
}

.booking-mask.active select,
#ui-datepicker-div select {
    pointer-events: auto
}

#ui-datepicker-div .ui-datepicker-title select {
    max-width: 49%
}

#ui-datepicker-div .ui-datepicker-title .datepicker-choose select {
    max-width: 100%
}

.date-selector {
    display: inline-block;
    vertical-align: middle;
    width: 48.5%;
    position: relative
}

.reservation-form .date-selector input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    cursor: pointer
}

.reservation-form .input-wrapper>span {
    display: block
}

.choose.booking-blocks {
    position: relative
}

#availability-checker .choose.booking-blocks:after,
#availability-checker .datepicker-choose.booking-blocks:after,
#ui-datepicker-div .datepicker-choose.booking-blocks:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top-width: 3px;
    border-top-style: solid;
    margin: auto;
    pointer-events: none
}

.mobile-booking .hotels-selector:after {
    content: '';
    position: absolute;
    right: 13px;
    top: -4px;
    bottom: 0;
    width: 7px;
    height: 7px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: auto;
    pointer-events: none;
    transform: rotate(135deg)
}

#availability-checker .choose {
    width: 85%;
    margin: 0 auto;
    display: block
}

#availability-checker .booking-btn {
    border: none;
    display: block;
    width: 100%;
    text-transform: uppercase;
    min-height: 38px;
    line-height: 35px;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
    margin: 0;
    padding: 0
}

#availability-checker .booking-blocks input.visible {
    background: transparent;
    font-size: .9em;
    width: 85%;
    margin: 4px auto 0;
    display: block;
    padding: 0;
    height: 30px;
    border-width: 0 0 1px 0;
    border-style: solid
}

#availability-checker .booking-code-selector .code-value {
    max-height: 0;
    margin-bottom: 15px;
    overflow: hidden;
    -ms-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

#availability-checker .booking-code-selector.visible-input .code-value {
    max-height: 90px
}

#availability-checker .booking-btn.disabled {
    cursor: default;
    pointer-events: none
}

.booking-mask-toggle,
.popup-toggle {
    width: 24px;
    height: 37px;
    display: block;
    position: absolute;
    right: -24px;
    top: 0;
    cursor: pointer
}

.booking-mask-toggle:before,
.booking-mask-toggle:after,
.popup-toggle:before,
.popup-toggle:after {
    content: '';
    width: 1px;
    display: block;
    position: absolute;
    top: 15px;
    height: 7px;
    -ms-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

.booking-mask-toggle:before,
.popup-toggle:before {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 9px
}

.booking-mask-toggle:after,
.popup-toggle:after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 14px
}

#availability-checker.active .booking-mask-toggle:before,
#availability-checker.active .booking-mask-toggle:after,
.popup-toggle:before,
.popup-toggle:after {
    left: 12px;
    height: 11px;
    top: 12px
}

#availability-checker.active .booking-btn.disabled {
    pointer-events: inherit;
    cursor: pointer
}

.adults-children-expander.hide {
    opacity: 0;
    pointer-events: none
}

.adults-children-expander {
    position: absolute;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -10px;
    right: -45px;
    top: 50%;
    cursor: pointer;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out
}

.adults-children-expander:after,
.adults-children-expander:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: transform 0.25s ease-out
}

.adults-children-expander:before {
    top: 0;
    right: 6px;
    width: 1px;
    height: 12px;
    margin-left: -1px
}

.adults-children-expander:after {
    top: 50%;
    right: 0;
    width: 13px;
    height: 1px;
    margin-top: -1px
}

.adults-children-expander.active:before {
    transform: rotate(90deg)
}

.adults-children-expander.active:after {
    transform: rotate(180deg);
    margin-top: 0
}

.rooms-adults-children-wrapper.choose-wrapper {
    overflow: visible
}

.content-panel .use-scroll {
    max-height: 65vh;
    position: relative
}

.scrollTo {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    cursor: pointer;
    opacity: 1;
    position: relative;
    -ms-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

.scrollTo:after,
.scrollTo:before {
    content: '';
    border-style: solid;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    -webkit-animation: flickerAnimation 1.5s infinite;
    -moz-animation: flickerAnimation 1.5s infinite;
    -o-animation: flickerAnimation 1.5s infinite;
    animation: flickerAnimation 1.5s infinite
}

.scrollTo:after {
    top: 5px
}

@keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.scrollTo.disabled {
    opacity: 0;
    pointer-events: none
}

.main-block .breadcrumb-wrapper {
    height: auto;
    z-index: 1
}

.breadcrumb-wrapper+.row {
    padding-top: 30px
}

.main-block .breadcrumb-wrapper+.fullheight-wrapper>.row:first-child {
    padding-top: 50px
}

.breadcrumb-wrapper .breadcrumb-nav {
    position: absolute;
    left: 15px;
    top: 15px
}

.breadcrumb-wrapper span {
    margin: 0 12px 0 9px;
    width: 10px;
    display: inline-block;
    height: 100%;
    position: relative
}

.breadcrumb-wrapper span:after,
.breadcrumb-wrapper span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    transform: rotate(45deg);
    position: absolute;
    right: -1px;
    top: 50%;
    bottom: 0;
    margin: -7px auto 0
}

.breadcrumb-wrapper span:before {
    right: 3px
}

.booking-menu-contents .cms-form-holder .boxContainer:nth-of-type(3) .form-group:not(.fb-header) {
    width: 47.2%;
    margin-right: 0
}

header .booking-menu-contents .cms-form-holder .form-group.field-title,
header .cms-form-holder .boxContainer .form-group.field-title,
header .two-field-form.small-first-field .cms-form-holder .form-group.field-title {
    margin-right: 50%;
    width: 47.2%
}

.booking-menu-contents .cms-form-holder .boxContainer .form-group.fb-privacyfield {
    width: 100%
}

.booking-menu-contents .cms-form-holder .boxContainer:nth-of-type(3) .form-group.field-flexible_dates,
.booking-menu-contents .cms-form-holder .boxContainer:nth-of-type(3) .form-group.field-comments,
.booking-menu-contents .two-field-form .cms-form-holder .form-group.fb-privacyfield,
.booking-menu-contents .two-field-form.small-first-field .cms-form-holder .form-group.fb-privacyfield {
    width: 100%;
    margin-right: 0
}

.booking-menu-contents .two-field-form .cms-form-holder .form-group.fb-captcha,
.booking-menu-contents .two-field-form.small-first-field .cms-form-holder .form-group.fb-captcha {
    float: right;
    margin-top: 20px
}

.booking-menu-contents .two-field-form .cms-form-holder .boxContainer:nth-of-type(3) .form-group:nth-of-type(2n+1) {
    margin-right: 4%
}

.booking-menu-contents .cms-form-holder .boxContainer:nth-of-type(3) .form-group.field-preferred_function_set_up {
    margin-right: 0
}

.booking-menu-contents .fb-inner input.hasDatepicker {
    padding-right: 38px
}

.form-scroll-wrapper {
    max-height: calc(65vh)
}

.booking-menu-contents .cms-form-holder {
    padding: 0
}

header .cms-form-holder .boxContainer:nth-of-type(1),
header .cms-form-holder .boxContainer {
    float: none
}

header .cms-form-holder .boxContainer:nth-of-type(2) {
    margin-top: 20px
}

_:-webkit-any-link,
:root header .booking-menu-contents select {
    text-indent: 0
}

.main-visual-with-video .slide-description-wrapper.no-content,
.main-visual-with-video .slogan.no-content {
    display: none !important
}

@media (min-width:550px) {
    .main-menu-wrapper>.row>.row:nth-child(2) .columns:first-child {
        width: 19.5%
    }
    .main-menu-wrapper>.row>.row:nth-child(2) .columns:nth-child(2) {
        width: 24.5%
    }
}

@media(min-width:750px) {
    .loading-popup>.container {
        width: 540px
    }
    .loading-popup>.container .container {
        padding: 5px 55px 25px
    }
    .loading-popup .button-wrapper {
        margin-top: 25px
    }
    .loading-popup>.container .container h2 {
        margin: 20px auto
    }
    .window-scrolled #branding {
        opacity: 1;
        visibility: visible
    }
    .main-visual-with-video {
        margin-top: 0
    }
    .main-visual.main-visual-with-video,
    .main-visual.main-visual-with-video .slick-list,
    .main-visual.main-visual-with-video .slider-wrapper .slider-item {
        height: 60vh
    }
    .main-visual-with-video .slider-navigation {
        height: 54px;
        margin: 0;
        opacity: 1
    }
    .main-visual-with-video .main-visual-arrow-wrapper .slider-navigation span {
        height: 24px
    }
    .main-visual-with-video .slogan,
    .main-visual-with-video .slide-description-wrapper {
        padding-right: 2%;
        width: 45%
    }
    .main-visual-slogan-wrapper .slogan span,
    .main-visual-with-video .slide-description-wrapper .slogan-content {
        display: block
    }
    .slogan-line-two:after,
    .slogan-line-two:before {
        display: none
    }
    .main-visual-with-video .slide-description-wrapper a {
        width: auto;
        display: inline-block;
        text-indent: 1px;
        height: auto
    }
    .main-visual-arrow-wrapper {
        height: 0;
        margin-top: 0;
        transform: translateY(0);
        top: auto;
        bottom: 51px;
        width: 148px;
        left: 10px
    }
    .main-visual-with-video .main-visual-slogan-wrapper {
        bottom: 40px;
        width: 80%;
        min-width: 650px;
        display: flex;
        align-content: center;
        align-items: stretch
    }
    .main-visual-with-video .slide-description-wrapper {
        margin-top: 15px
    }
    .main-visual-with-video .slide-description-wrapper .desc {
        display: none
    }
    .main-visual-with-video .main-visual-slogan-wrapper .slogan-line-two {
        padding-right: 0
    }
    .main-visual-with-video .main-visual-pager-wrapper {
        display: inline-block;
        bottom: 12px;
        left: 40px;
        width: auto
    }
    .main-visual-with-video .slogan,
    .main-visual-with-video .slide-description-wrapper {
        width: calc(50% - 4px);
        display: inline-block;
        vertical-align: middle;
        padding: 14px 10px 6px;
        margin: 0;
        position: relative;
        box-sizing: border-box
    }
    .main-visual-slogan-wrapper:before {
        content: "";
        width: 1px;
        height: 0;
        position: absolute;
        left: calc(50% - 4px);
        top: 0
    }
    .video-visible .main-visual-with-video .slick-active .main-visual-slogan-wrapper:before,
    .virtual-visible .main-visual-with-video .slick-active .main-visual-slogan-wrapper:before,
    .main-visual-with-video .slick-active .hide-contents .main-visual-slogan-wrapper:before,
    .main-visual-with-video li.hide-contents .main-visual-slogan-wrapper:before {
        height: 0
    }
    .main-visual-with-video .slick-active .main-visual-slogan-wrapper:before {
        height: 100%;
        -webkit-transition: height 0.4s ease-in-out 0.6s;
        -moz-transition: height 0.4s ease-in-out 0.6s;
        transition: height 0.4s ease-in-out 0.6s
    }
    .main-visual-with-video .slide-description-wrapper {
        line-height: 1.3;
        text-align: right;
        padding-left: 20px;
        display: flex;
        align-content: flex-end;
        align-items: center;
        flex-flow: row wrap;
        justify-content: end;
        display: block !important
    }
    .main-visual-with-video .slide-description-wrapper .slogan-content {
        text-align: left;
        font-size: 1.4em;
        margin-bottom: 7px
    }
    .main-visual-with-video .slogan {
        text-align: center;
        padding-left: 2vw;
        font-size: 2.35em;
        line-height: 1.1;
        padding: 17px 10px 6px;
        display: block !important
    }
    .main-visual-with-video .slogan sup {
        top: -1.3em;
        margin-left: 5px;
        font-size: .4em
    }
    .breadcrumb-wrapper .breadcrumb-nav {
        left: 0
    }
    .main-block .breadcrumb-wrapper+.fullheight-wrapper>.row:first-child {
        padding-top: 0
    }
    #mobile-menu-bar {
        display: none
    }
    .header-type-p {
        width: 100%;
        position: fixed;
        z-index: 100;
        box-sizing: border-box;
        -webkit-transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        -moz-transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        background: transparent
    }
    #main-menu {
        display: none
    }
    #main-menu-top-bar {
        display: block
    }
    #main-menu-top-bar {
        width: 75%;
        height: auto;
        float: right;
        margin: 18px 0 0;
        display: flex;
        justify-content: flex-end;
        -webkit-transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
        -moz-transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
        transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1)
    }
    #main-menu-top-bar .top-bar-item {
        width: auto;
        height: 27px;
        margin: 0 0 0 11px;
        line-height: 27px;
        position: relative;
        z-index: 100
    }
    #main-menu-top-bar .call-us.top-bar-item {
        margin-left: 19px
    }
    #menu-block-wrapper {
        height: auto;
        width: calc(100% - 155px);
        float: right;
        display: flex;
        justify-content: flex-end
    }
    .header-fixed #menu-block-wrapper {
        width: calc(100% - 118px);
        -webkit-transition: all 800ms ease-in-out 0ms;
        -o-transition: all 800ms ease-in-out 0ms;
        transition: all 800ms ease-in-out 0ms
    }
    .full-height-menu,
    .our-hotels-submenu {
        -webkit-transition: all .3s cubic-bezier(0.4, 0, 1, 1) 0s;
        -moz-transition: all .3s cubic-bezier(0.4, 0, 1, 1) 0s;
        transition: all .3s cubic-bezier(0.4, 0, 1, 1) 0s;
        width: 100%;
        box-sizing: border-box;
        z-index: 300;
        transform: translateX(0%)
    }
    .main-menu-wrapper>.row {
        width: 96%;
        max-width: 1280px;
        height: auto;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
        -webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        -moz-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 700ms cubic-bezier(0.190, 1.000, 0.220, 1.000)
    }
    .main-menu-wrapper>.row>.row:nth-child(2) {
        margin: 0 auto;
        width: 98.5%;
        margin: 0 auto;
        overflow-y: visible;
        height: 100%;
        position: relative;
        top: auto;
        left: auto
    }
    .row-bg-image {
        display: none
    }
    .full-height-menu.show-menu .main-menu-wrapper>.row,
    .our-hotels-submenu.show-menu>.row {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    .main-menu-right-area-wrapper {
        height: auto;
        background: transparent;
        float: right;
        display: flex;
        overflow: hidden;
        position: relative;
        z-index: 1;
        align-content: center;
        align-items: center
    }
    #main-menu nav>ul li.has-submenu.sub-menu-open:before {
        content: "";
        display: block;
        position: absolute;
        left: -10px;
        top: -10px;
        width: calc(100% + 20px);
        height: 68px;
        z-index: -1
    }
    .header-fixed #main-menu nav>ul li.has-submenu.sub-menu-open:before {
        height: 55px
    }
    #main-menu nav>ul li.has-submenu.sub-menu-open ul:before {
        content: "";
        display: block;
        position: absolute;
        left: 25%;
        width: calc(45%);
        height: 67px;
        z-index: -1;
        top: -57px
    }
    #main-menu {
        height: auto;
        margin-right: 19px;
        min-height: 47px;
        -webkit-transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        -moz-transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1)
    }
    #media-icons,
    #menu-btn {
        display: inline-block
    }
    #media-icons {
        width: auto;
        background: transparent;
        margin: 0 12px 0 0;
        -ms-transition: width .8s ease 0s;
        -webkit-transition: width .8s ease 0s;
        -moz-transition: width .8s ease 0s;
        -o-transition: width .8s ease 0s;
        transition: width .8s ease 0s;
        overflow: hidden;
        height: 58px
    }
    #media-icons.one-media-icon {
        width: auto
    }
    #media-icons.no-media-icons {
        width: 0
    }
    #media-icons.no-video-icon #video-play {
        width: 0
    }
    #media-icons .hide-icon {
        display: none
    }
    #header-booking {
        height: auto
    }
    #header-booking.no-media-icons {
        margin-right: 12px
    }
    #booking-area {
        display: block;
        position: relative;
        margin-top: 10px;
        height: auto;
        text-align: right;
        opacity: 1;
        -ms-transition: opacity .8s ease 0s;
        -webkit-transition: opacity .8s ease 0s;
        -moz-transition: opacity .8s ease 0s;
        -o-transition: opacity .8s ease 0s;
        transition: opacity .8s ease 0s
    }
    .header-fixed #booking-area {
        opacity: 0;
        visibility: hidden
    }
    #main-menu nav {
        height: 100%;
        margin-top: 0;
        overflow: visible;
        display: flex;
        align-content: stretch;
        align-items: center;
        justify-content: flex-end
    }
    #main-menu li {
        margin-top: 3px;
        position: relative;
        margin-bottom: 0
    }
    .main-menu-right-area-wrapper>div {
        display: inline-block;
        vertical-align: middle
    }
    #main-menu-top-bar .toll-free {
        margin: 0 0 auto 14px
    }
    .header-type-p .container-fluid,
    .breadcrumb-wrapper {
        position: relative;
        z-index: 2;
        height: 100%;
        width: calc(100% - 50px)
    }
    .header-type-p:after {
        width: 100%;
        height: 125px;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        content: '';
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        -moz-transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1)
    }
    header .contact-tel-only {
        padding: 0
    }
    .header-with-animated-visual:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 99;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        -moz-transition: opacity 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        transition: opacity 0.4s cubic-bezier(0.39, 0.58, 0.57, 1)
    }
    .body-pespective.header-with-animated-visual:after {
        opacity: 1
    }
    #branding .logo svg {
        width: 72px
    }
    #branding {
        position: relative;
        margin-top: 26px;
        margin-left: 0;
        height: auto;
        top: auto;
        left: auto;
        -webkit-transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
        -moz-transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
        transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
        width: auto;
        float: left
    }
    .xbox.empt-content {
        max-width: 700px;
        margin: 100px auto;
        text-align: center
    }
    .header-media-icon {
        cursor: pointer;
        width: 46px;
        height: 46px;
        overflow: hidden;
        margin: 10px 3px 0;
        -webkit-transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        -moz-transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        position: relative;
        display: none
    }
    .header-media-icon.show-icon {
        display: block;
        float: left
    }
    .header-media-icon:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #virtual-play:before {
        font-size: 2.5em
    }
    #video-play:before {
        font-size: 16px
    }
    .header-fixed .header-type-p {
        height: 70px
    }
    .header-fixed .header-type-p #menu-block-wrapper {
        margin-top: 0;
        height: 100%
    }
    .header-fixed .header-type-p:after {
        opacity: 0;
        top: -250px
    }
    .header-fixed .header-type-p #main-menu-top-bar {
        opacity: 0;
        margin: 0 0 0;
        height: 0
    }
    .header-fixed .header-type-p #media-icons {
        width: 0
    }
    .header-fixed .header-type-p #branding {
        height: 60px;
        margin-top: 6px;
        width: auto
    }
    .header-fixed .header-type-p #header-booking {
        width: 145px
    }
    .header-fixed .header-type-p #branding .logo svg {
        width: 68px;
        margin-top: 3px
    }
    #main-menu-top-bar .top-bar-item .bold-text {
        font-weight: 900
    }
    .reservation-panel .booking-branding>.image-only {
        width: 65px
    }
}

@media (min-width:1000px) {
    .loading-popup>.container {
        width: 868px
    }
    .loading-popup .xbox.xbox-typeA .image-wrapper {
        padding-top: 51.5%
    }
    .loading-popup .container .xbox-style-3 .flex-container {
        padding: 0 2% 0 5%;
        width: 37%;
        box-sizing: border-box
    }
    .loading-popup .simple-rotator-with-pager .arrows-wrapper {
        top: 50%;
        right: 37%
    }
    .loading-popup .xbox-style-3 .content-wrapper {
        height: 100%;
        max-height: 20vw
    }
    .loading-popup .xbox-style-3 .flex-items>h3 {
        font-size: 2em
    }
    #branding .logo svg {
        width: 90px
    }
    .main-visual.main-visual-with-video,
    .main-visual.main-visual-with-video .slick-list,
    .main-visual.main-visual-with-video .slider-wrapper .slider-item {
        height: 100vh
    }
    .main-visual-with-video .main-visual-slogan-wrapper {
        width: 63%
    }
    .fp-section .main-visual-with-video .main-visual-slogan-wrapper {
        width: 62%
    }
    .main-visual-with-video .slogan {
        padding: 17px 10px 6px 30px
    }
    #menu-block-wrapper {
        width: calc(100% - 175px)
    }
    .main-visual.main-visual-with-video.image-slider.has-video .video-wrapper,
    .main-visual.main-visual-with-video.image-slider.has-video .virtual-wrapper {
        transform: translateY(-10vw)
    }
    .our-hotels-list .cat-items {
        padding: 0 45px 45px
    }
    .our-hotels-submenu>.three.columns {
        width: 20%
    }
    .our-hotels-submenu .content-panel-heading {
        padding-left: 20%
    }
    .our-hotels-submenu>.nine.columns {
        width: 80%
    }
    .our-hotels-list>.three.columns {
        width: 25%
    }
    .our-hotels-list>.nine.columns {
        width: 71%
    }
    .our-hotels-list .last-column .slick-slide .xList-item>.image-only {
        margin-right: 35px
    }
    .our-hotels-submenu>.last-column .simple-rotator-with-pager {
        height: 53.5vh
    }
    .content-panel .use-scroll {
        max-height: calc(75vh - 40px)
    }
    .offer-rotator-item .button-wrapper {
        width: 100%;
        left: 0
    }
    .booking-menu-contents .cms-form-holder .boxContainer:nth-of-type(1),
    .booking-menu-contents .cms-form-holder .boxContainer:nth-of-type(4) {
        width: 100%
    }
    .booking-menu-contents .cms-form-holder .boxContainer:nth-of-type(2),
    .booking-menu-contents .cms-form-holder .boxContainer:nth-of-type(4) {
        margin-left: 0
    }
    .form-scroll-wrapper {
        max-height: calc(80vh)
    }
    .main-video .video-wrapper,
    .main-video .virtual-wrapper {
        margin-top: 0;
        top: 0
    }
    .media-close {
        top: calc(56.25vw + 20px);
        right: 20px
    }
}

@media (min-width:1200px) {
    .main-visual-with-video .main-visual-slogan-wrapper {
        width: 41%
    }
    .fp-section .main-visual-with-video .main-visual-slogan-wrapper {
        width: 40%
    }
    .main-visual-with-video .slogan {
        padding: 17px 15px 6px 32px
    }
    .main-visual-slogan-wrapper::before {
        left: calc(50% - 4px)
    }
    #menu-block-wrapper {
        width: calc(100% - 235px)
    }
    .header-fixed #menu-block-wrapper {
        width: calc(100% - 175px)
    }
    #branding {
        padding-bottom: 0
    }
    #booking-area {
        margin-top: 0
    }
    #main-menu {
        display: block;
        width: auto
    }
    #main-menu li {
        margin-left: 25px
    }
    #branding .logo svg {
        width: 112px;
        height: 80px;
        -webkit-transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
        -moz-transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
        transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1)
    }
    .header-fixed #branding .logo svg {
        height: 60px
    }
    .header-fixed .header-type-p #branding .logo svg {
        width: 75px;
        height: 60px;
        margin-top: 0
    }
    .main-visual.main-visual-with-video,
    .main-visual.main-visual-with-video .slick-list,
    .main-visual.main-visual-with-video .slider-wrapper .slider-item {
        height: 100vh
    }
    header {
        -webkit-transition: top 0.4s ease, background 0.4s ease;
        -ms-transition: top 0.4s ease, background 0.4s ease;
        transition: top 0.4s ease, background 0.4s ease
    }
    .main-visual-with-video .slide-description-wrapper .desc:not(.no-content) {
        display: block
    }
    .main-visual.main-visual-with-video .slide-description-wrapper .desc {
        max-height: 60px;
        overflow: hidden;
        margin-bottom: 0
    }
    .main-visual.main-visual-with-video.image-slider.has-video .video-wrapper,
    .main-visual.main-visual-with-video.image-slider.has-video .virtual-wrapper {
        transform: translateY(0)
    }
    #main-menu li.has-submenu.sub-menu-open ul {
        top: 56px
    }
    .header-fixed #main-menu li.has-submenu.sub-menu-open ul {
        top: 43px
    }
    .our-hotels-submenu>.three.columns {
        width: 240px
    }
    .our-hotels-submenu .content-panel-heading {
        padding-left: 240px
    }
    .our-hotels-submenu>.nine.columns {
        width: calc(100% - 240px)
    }
    .our-hotels-list>.three.columns {
        width: 200px
    }
    .our-hotels-list>.nine.columns {
        width: calc(96% - 200px)
    }
    .our-hotels-list>.last-column:before {
        left: -5%
    }
    .our-hotels-submenu>.last-column .simple-rotator-with-pager {
        height: 69.5vh
    }
    .our-hotels-submenu {
        top: 111px;
        min-height: calc(100vh - 111px)
    }
    .header-fixed .our-hotels-submenu {
        top: 70px;
        min-height: calc(100vh - 70px)
    }
    .offer-rotator-item .button-wrapper {
        width: 100%;
        left: 0
    }
    .offer-rotator-reservation .xList-items>li,
    .offer-rotator-reservation .xList-items li .xList,
    .offer-rotator-reservation .xList-items li .slick-list,
    .offer-rotator-reservation .xList-items li .slick-track,
    .offer-rotator-reservation .xList-items li .slick-slide>div,
    .offer-rotator-reservation .xList-items li .slick-slide>div>.xList-item {
        height: 100%
    }
    .bookingmask-wrapper .choose:not(.hotels-selector) {
        width: 19.8%
    }
    #availability-checker-panel .additional-wrapper .adults-selector,
    #availability-checker-panel .additional-wrapper .children-selector {
        width: 35%
    }
    .reservation-panel .left-menu ul li:hover:before {
        width: 100%
    }
    .our-hotels-list .cat-item.active:hover {
        opacity: 1
    }
    .our-hotels-list .cat-item:hover,
    .our-hotels-list .last-column .slick-slide .xList-item>.image-only:hover {
        opacity: 0.6
    }
    .offer-rotator-reservation .xList-items {
        max-height: 600px
    }
    .media-close {
        bottom: 60px;
        right: 30px;
        top: auto
    }
    .virtual-visible .media-close {
        bottom: auto;
        right: 30px;
        top: 30px
    }
    .breadcrumb-wrapper.pos-abs .breadcrumb-nav {
        left: 0;
        right: 0;
        width: calc(100% - 50px);
        margin: 0 auto
    }
    header .reservation-panel .booking-menu-contents .two-field-form .cms-form-holder .form-group {
        margin-right: 4%
    }
    header .reservation-panel .booking-menu-contents .two-field-form .cms-form-holder .form-group:nth-of-type(2n+2) {
        margin-right: 0
    }
    header .reservation-panel .two-field-form.small-first-field .cms-form-holder .form-group.field-title {
        margin-right: 52%
    }
    .promotion-codes input {
        font-size: 1.1em
    }
    .main-video .virtual-wrapper,
    .main-video .iframe-wrapper .iframe-inner-wrapper {
        width: 100%;
        height: 56.25vw;
        padding-top: 0;
        max-height: 100vh
    }
    .main-visual-with-video .main-visual-pager-wrapper {
        left: 82px;
        bottom: 23px
    }
    .main-visual-arrow-wrapper {
        left: 47px;
        bottom: 63px
    }
    .reservation-panel .booking-branding>.image-only {
        width: 86px
    }
}

@media (min-width:1365px) {
    #main-menu li {
        margin-left: 23px
    }
}

@media (min-width:1200px) and (max-height:600px) {
    #availability-checker .date-selector {
        margin: 5px 5px 8px
    }
    #availability-checker .input-date {
        font-size: 1.3em
    }
    .active-picker #datepicker {
        font-size: .9em
    }
    .reservation-panel .content-panel-heading {
        margin: 28px auto
    }
    .bookingmask-wrapper .input-wrapper {
        font-size: 1.4em
    }
    .bookingmask-wrapper .hotels-selector select {
        font-size: 1.2em;
        line-height: 1.1
    }
    .bookingmask-wrapper select {
        font-size: 1.5em
    }
    .bookingmask-wrapper .date-selector {
        margin: 0 0 40px
    }
    .bookingmask-wrapper .input-block {
        margin: 20px 0 0 0
    }
    .reservation-panel .booking-branding {
        padding: 25px 47px 20px
    }
    .reservation-panel .left-menu ul li {
        padding: 15px 54px 13px
    }
    .button-section {
        margin: 15px auto
    }
    .bookingmask-wrapper .hotels-selector.booking-blocks::after {
        bottom: 18px
    }
    .bookingmask-wrapper .choose.booking-blocks:after,
    .bookingmask-wrapper .date-selector.booking-blocks .input-wrapper:after {
        bottom: 20px
    }
    .our-hotels-list>.nine.columns {
        width: calc(96% - 200px)
    }
    .our-hotels-submenu .content-panel-heading {
        padding-left: 200px
    }
    .our-hotels-submenu>.last-column .simple-rotator-with-pager {
        height: 58.5vh
    }
    #reservation-form .adults-selector select option,
    #reservation-form .children-selector select option,
    #reservation-form .rooms-selector select option {
        font-size: .7em
    }
    #availability-checker-panel .additional-wrapper {
        height: 90px;
        right: -15px;
        margin-top: -15px
    }
    #availability-checker-panel .room-two .additional-wrapper.active {
        height: 170px
    }
    #availability-checker-panel .room-three .additional-wrapper.active {
        height: 245px
    }
    #availability-checker-panel .room-four .additional-wrapper.active {
        height: 320px;
        top: -77px
    }
    #availability-checker-panel .room-five .additional-wrapper.active {
        height: 395px;
        top: -153px
    }
    .our-hotels-list>.last-column .rotatorElement>.xList-items {
        padding-bottom: 10px
    }
}

@media (min-width:1600px) {
    .bookingmask-wrapper .choose:not(.hotels-selector) {
        width: 19.8%
    }
}

@media (max-width:1200px) {
    .main-visual.main-visual-with-video,
    .main-visual.main-visual-with-video .slick-list,
    .main-visual.main-visual-with-video .slider-wrapper .slider-item {
        height: 93vh
    }
    .main-visual.has-video-visual,
    .main-visual.has-video-visual .slick-list,
    .main-visual.has-video-visual .slider-wrapper .slider-item {
        max-height: 56.25vw
    }
    .reservation-panel .booking-branding {
        width: 150px;
        height: 62px;
        padding: 25px 30px
    }
    .content-panel {
        margin-left: 0
    }
    .reservation-panel .left-menu ul li {
        padding: 18px 25px 16px
    }
    .left-panel .bottom-menu {
        margin: 26px 15px
    }
    .reservation-panel .bottom-menu ul {
        margin: 10px
    }
    .bookingmask-wrapper .hotels-selector {
        width: 60%
    }
    .bookingmask-wrapper .choose:not(.hotels-selector) {
        width: 22%
    }
    .bookingmask-wrapper .booking-btn.secondary-button {
        width: 160px
    }
    .bookingmask-wrapper .booking-btn.primary-button {
        width: 130px
    }
    .bookingmask-wrapper .best-rate {
        padding: 7px 0 7px 35px;
        max-width: 120px
    }
    .bookingmask-wrapper .best-rate:before {
        width: 35px;
        height: 30px;
        top: 50%;
        background-size: 30px auto;
        bottom: 50%;
        margin: auto
    }
    .reservation-wrapper-close {
        top: 20px;
        right: 20px
    }
    .reservation-panel .right-panel {
        padding: 70px 20px;
        box-sizing: border-box;
        position: relative
    }
    .breadcrumb-wrapper .breadcrumb-nav {
        position: relative;
        left: auto;
        top: auto;
        padding-top: 15px
    }
    .breadcrumb-wrapper.pos-abs .breadcrumb-nav {
        position: absolute;
        left: 25px
    }
    .scroll-up-wrapper {
        bottom: 60px;
        right: 37px
    }
}

@media (max-width:1000px) {
    .main-visual.main-visual-with-video,
    .main-visual.main-visual-with-video .slick-list,
    .main-visual.main-visual-with-video .slider-wrapper .slider-item {
        height: 63vh
    }
    .main-visual.has-video-visual .slider-wrapper .slider-item .img-wrapper {
        height: 0
    }
    .reservation-panel .booking-branding {
        width: 120px;
        height: 50px;
        padding: 25px 18px
    }
    .content-panel {
        margin-left: 0
    }
    .reservation-panel .left-menu ul li {
        padding: 18px 25px 16px
    }
    .left-panel .bottom-menu {
        margin: 26px 15px
    }
    .reservation-panel .bottom-menu ul {
        margin: 10px
    }
    .center-panel {
        width: 52vw
    }
    .reservation-panel .left-panel,
    .reservation-panel .right-panel {
        width: 25.5vw
    }
    .tab-menu-content {
        width: 52vw;
        margin-right: 0;
        height: auto
    }
    .bookingmask-wrapper .input-block {
        width: 42%
    }
    .bookingmask-wrapper .booking-btn.secondary-button {
        width: 180px
    }
    .bookingmask-wrapper .booking-btn.primary-button {
        width: 155px
    }
    .bookingmask-wrapper .best-rate {
        padding: 7px 0 7px 35px;
        max-width: 120px;
        display: block;
        margin: 0 auto
    }
    .bookingmask-wrapper .best-rate:before {
        width: 35px;
        height: 30px;
        top: 50%;
        background-size: 30px auto;
        bottom: 50%;
        margin: auto
    }
    .reservation-wrapper-close {
        top: 20px;
        right: 20px
    }
    .reservation-panel .right-panel {
        padding: 70px 20px;
        box-sizing: border-box;
        position: relative
    }
    .booking-benefits {
        margin: 50px 10px;
        width: calc(100% - 20px)
    }
    .booking-benefits .benefit-wrapper>li {
        display: inline-block;
        vertical-align: top;
        width: 21%;
        margin: 0 5px 5px
    }
    .bookingmask-wrapper .hotels-selector select {
        font-size: 1.15em
    }
    .bookingmask-wrapper input[type="text"] {
        font-size: 1.1em
    }
    .main-menu-wrapper>.row>.row:nth-child(2) .columns,
    .main-menu-wrapper>.row>.row:nth-child(2) .columns:nth-child(1),
    .main-menu-wrapper>.row>.row:nth-child(2) .columns:nth-child(2) {
        width: calc(48% - 2px);
        display: inline-block;
        vertical-align: top;
        float: none
    }
    .main-menu-wrapper>.row>.row:nth-child(2) .columns:nth-child(3) {
        margin-left: 0
    }
    .main-menu-wrapper .row .row:first-child .image-only {
        margin-bottom: 30px
    }
    .main-menu-wrapper>.row {
        padding-bottom: 10px
    }
    .main-visual .scroll-top-wrapper {
        display: none
    }
    .main-container .main-visual .xbox-wrapper {
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
        box-sizing: border-box;
        min-height: 190px
    }
    .main-container .main-visual .xbox-wrapper .xbox-inner-wrapper {
        text-align: center;
        margin: 0 auto;
        width: 75%
    }
    .img-wrapper {
        overflow: hidden;
        height: 56.25vw
    }
    .main-container .main-visual-with-video .xbox-wrapper {
        opacity: 1
    }
    .main-container .main-visual-with-video .xbox-wrapper .xbox-inner-wrapper>:not(.primary-button) {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .breadcrumb-wrapper {
        padding-bottom: 20px
    }
    .main-video .iframe-wrapper .iframe-inner-wrapper {
        transform: translateY(50%)
    }
    .scroll-up-wrapper {
        bottom: 85px;
        right: 20px
    }
}

@media (max-width:750px) {
    .main-visual.main-visual-with-video,
    .main-visual.main-visual-with-video .slick-list,
    .main-visual.main-visual-with-video .slider-wrapper .slider-item {
        height: 43.5vh
    }
    .main-container .main-visual-arrow-wrapper {
        top: calc(63vh/2 - 28px);
        height: 0
    }
    .main-container .main-visual.has-video-visual .main-visual-arrow-wrapper {
        top: calc(56.25vw/2 - 28px)
    }
    .main-block .breadcrumb-wrapper+.fullheight-wrapper>.row:first-child {
        padding-top: 0
    }
    .breadcrumb-wrapper {
        padding-bottom: 0
    }
    .breadcrumb-wrapper .breadcrumb-nav {
        padding-top: 19px
    }
    .main-menu-wrapper .row .columns:nth-child(2) nav.menu ul li {
        margin: 0 0 10px
    }
    .loading-popup .xbox-style-3 .content-wrapper {
        max-height: 60px;
        height: 60px
    }
    .main-visual-with-video .iframe-wrapper.hero-video .buttons>span,
    .main-visual-with-video .iframe-wrapper .buttons>span,
    .fixed-visual-section .iframe-wrapper .buttons>span {
        bottom: 10px;
        right: 30px;
        width: 30px;
        height: 30px
    }
    .iframe-wrapper .buttons .play,
    .main-visual-with-video .iframe-wrapper .buttons .play {
        width: 50px;
        height: 50px
    }
    .iframe-wrapper .buttons .play {
        line-height: 50px;
        font-size: 20px
    }
    .iframe-wrapper .buttons .mute,
    .iframe-wrapper .buttons .pause,
    .iframe-wrapper .buttons .close {
        line-height: 30px;
        font-size: 25px;
        font-size: 15px
    }
    .iframe-wrapper .buttons .play:before {
        width: 25px
    }
    .main-visual-with-video .iframe-wrapper .buttons .mute,
    .fixed-visual-section .iframe-wrapper .buttons .mute {
        right: 100px
    }
    .main-visual-with-video .iframe-wrapper .isPlaying .buttons .pause,
    .fixed-visual-section .iframe-wrapper .buttons .pause {
        right: 60px
    }
    .scroll-up-wrapper {
        bottom: 50px;
        right: 5px;
        width: 30px;
        height: 30px
    }
    .scroll-up-wrapper .scroll-icon-animator {
        width: 10px;
        height: 10px
    }
    .main-container .main-visual .main-visual-arrow-wrapper {
        display: none
    }
    .main-visual.main-visual-with-video .main-visual-pager-wrapper {
        width: 100%;
        text-align: center;
        display: block
    }
    .main-visual-with-video .main-visual-pager-wrapper {
        display: inline-block;
        bottom: 0
    }
    .main-visual.main-visual-with-video {
        padding-bottom: 30px
    }
    .main-visual.main-visual-with-video .slick-dots li {
        border-color: #000;
        color: #000
    }
    .main-visual.main-visual-with-video .slick-dots li.slick-active {
        background-color: #000;
        border-color: #000;
        color: #000
    }
}

#main-menu a {
    font-weight: 600;
    font-size: 1.16em;
    letter-spacing: .1em
}

.header-fixed #main-menu a {
    font-weight: 300
}

#main-menu-top-bar .top-bar-item {
    white-space: nowrap
}

#main-menu-top-bar .top-bar-item:not(.language-switcher):not(.call-us) {
    font-size: 1.2em
}

/**---{START - THEME BUILDER VARIABLES - DO NOT EDIT THIS SECTION MANUALLY | (active-5c63b98a30eec)}---**/

:root {
    /** Header **/
    --header-background: rgba(255, 255, 255, 0);
    --header-fixed-background: rgba(255, 255, 255, 1);
    --header-top-bar-background: rgba(255, 255, 255, 0);
    --header-top-bar-color: #f7f7f7;
    --menu-open-background: rgba(255, 255, 255, 1);
    --menu-open-color: #000;
    --header-link-color: #fff;
    --header-link-hover-color: #fff;
    /** Main Visual **/
    --main-visual-color: #fff;
    --main-visual-pager-background-color: transparent;
    --main-visual-pager-border-color: #fff;
    --main-visual-pager-color: #fff;
    --main-visual-pager-active-border-color: #fff;
    --main-visual-pager-active-color: transparent;
    --main-visual-arrow-border-color: transparent;
    --main-visual-arrow-background-color: transparent;
    --main-visual-arrow-color: #fff;
    /** Text Color **/
    --text-color: #525252;
    --heading-color: #000;
    --sub-heading-color: #000;
    /** Link Color **/
    --default-link-color: #c3986b;
    --primary-link-color: #525252;
    --secondary-link-color: #525252;
    --secondary-link-border-color: #333;
    /** Button Color **/
    --primary-button-color: #fff;
    --primary-button-background: rgba(240, 72, 78, 1);
    --primary-button-hover-color: #fff;
    --primary-button-hover-background: rgba(237, 31, 31, 1);
    --secondary-button-color: #000;
    --secondary-button-background: transparent;
    --secondary-button-border-color: #858585;
    --secondary-button-hover-color: #fff;
    --secondary-button-hover-background: rgba(133, 133, 133, 1);
    --secondary-button-hover-border-color: #858585;
    /** Borders **/
    --border-color: #333;
    /** Backgrounds **/
    --body-background: rgba(240, 241, 240, 1);
    --primary-background: rgba(240, 241, 240, 1);
    --secondary-background: rgba(207, 206, 211, 1);
    --primary-overlay: rgba(40, 67, 77, 0.8);
    /** Form **/
    --label-color: #4d4d4d;
    --icon-color: #4d4d4d;
    --field-color: #4d4d4d;
    --field-border-color: #cbcbcb;
    --field-background: rgba(255, 255, 255, 1);
    /** jQuery UI **/
    --ui-state-default-color: #f7f7f7;
    --ui-state-default-background-color: #707378;
    --ui-state-default-border-color: #707378;
    --ui-accordion-content-background-color: transparent;
    --ui-state-active-color: #fff;
    --ui-state-active-background-color: rgba(112, 115, 120, 1);
    --ui-state-active-border-color: #707378;
    --ui-state-highlight-color: #fff;
    --ui-state-highlight-background-color: rgba(240, 72, 78, 1);
    --ui-state-highlight-border-color: transparent;
    --ui-datepicker-table-border-color: #707378;
    --ui-datepicker-background-color: #707378;
    /** Pagers / Arrows **/
    --pager-color: #898989;
    --pager-background-color: transparent;
    --pager-border-color: #898989;
    --pager-active-color: #898989;
    --pager-active-background-color: rgba(137, 137, 137, 1);
    --pager-active-border-color: #898989;
    --arrow-color: #fff;
    --arrow-background-color: rgba(0, 0, 0, 1);
    --arrow-border-color: transparent;
    /** Custom Scrollers **/
    --drag-bar-color: #fff;
    --drag-bar-background-color: #fff;
    --scoller-arrow-color: #fff;
    /** Pop-up / Infobox **/
    --pop-up-color: #000;
    --pop-up-background-color: #fff;
    --pop-up-border-color: #cfcfcf;
    --fancybox-color: #fff;
    --fancybox-background-color: #000;
    --fancybox-highlighter: transparent;
    /** Primary Color Options **/
    --primary-bg-text-color: #fff;
    --primary-bg-heading-color: #fff;
    --primary-bg-subheading-color: #fff;
    --primary-bg-link-color: #fff;
    --primary-bg-button-color: #fff;
    --primary-bg-overlay-color: #fff;
    --primary-bg-border-color: #fff;
    --primary-bg-background-color: #fff;
    --primary-bg-icon-color: #525252;
    /** Secondary Color Options **/
    --secondary-bg-text-color: #4d4d4d;
    --secondary-bg-heading-color: #000;
    --secondary-bg-subheading-color: #000;
    --secondary-bg-link-color: #4d4d4d;
    --secondary-bg-button-color: #fff;
    --secondary-bg-overlay-color: rgba(222, 222, 222, 0.75);
    --secondary-bg-border-color: #b3b4b3;
    --secondary-bg-background-color: transparent;
    --secondary-bg-icon-color: #4d4d4d;
    /** Overlay Color Options **/
    --overlay-text-color: #e4e4e4;
    --overlay-icon-color: #000;
    /** Footer **/
    --footer-background: rgba(225, 226, 226, 1);
    --footer-color: #4d4d4d;
    --footer-heading-color: #323232;
    --footer-link-color: #4d4d4d;
    --footer-link-hover-color: #000;
    --footer-sm-color: #fff;
    --footer-sm-background-color: rgba(50, 50, 50, 1);
    --footer-input-background: rgba(255, 255, 255, 1);
    --footer-input-border: transparent;
    --footer-button-color: #fff;
    --footer-button-background: rgba(88, 112, 119, 1);
    --footer-button-border-color: transparent;
    --footer-button-hover-background: transparent;
    --footer-bottom-bar-background: rgba(255, 255, 255, 0);
    --footer-border-color: transparent
}

/**---{END - THEME BUILDER VARIABLES - DO NOT EDIT THIS SECTION MANUALLY}---**/

body {
}

/*******************************/

/*******************************/

header {
    background: var(--header-background)
}

header .top-bar {
    background: var(--header-top-bar-background)
}

header .top-bar,
header .top-bar a,
header .top-bar a:hover {
    color: var(--header-top-bar-color)
}

#menu-btn .menu-line,
.menu-btn .menu-line {
    background-color: var(--header-link-color)
}

.more-menu-wrapper {
    background-color: var(--menu-open-background)
}

header a,
header a:hover {
    color: var(--header-link-color)
}

header .active:not(.sub-menu-active)>a,
header .sub-menu-active>a {
    color: var(--header-link-hover-color)
}

.sub-menu-arrow {
    border-left-color: var(--header-link-color);
    border-bottom-color: var(--header-link-color)
}

.sub-menu-active .sub-menu-arrow {
    border-left-color: var(--header-link-hover-color);
    border-bottom-color: var(--header-link-hover-color)
}

header .active a:after {
    background-color: var(--header-link-hover-color)
}

header li ul {
    background-color: var(--header-fixed-background)
}

@media(max-width:1199px) {
    header {
        background-color: var(--header-fixed-background)
    }
}

@media(min-width:1200px) {
    .header-fixed header {
        background-color: var(--header-fixed-background)
    }
}

/*******************************/

/*******************************/

/*******************************/

/*******************************/

.main-visual {
    color: var(--main-visual-color)
}

.main-visual a {
    color: var(--primary-link-hover-color)
}

.main-visual .slick-dots li {
    border-color: var(--main-visual-pager-border-color);
    background-color: var(--main-visual-pager-background-color);
    color: var(--main-visual-pager-color)
}

.main-visual .slick-dots li.slick-active {
    border-color: var(--main-visual-pager-active-border-color);
    background-color: var(--main-visual-pager-active-border-color);
    color: var(--main-visual-pager-active-color)
}

.main-visual .slick-arrow {
    border-color: var(--main-visual-arrow-border-color);
    background-color: var(--main-visual-arrow-background-color);
    color: var(--main-visual-arrow-color)
}

.main-visual .slick-arrow span {
    background-color: var(--main-visual-arrow-color)
}

/*******************************/

/*******************************/

/*******************************/

/*******************************/

h1,
h2,
h3 {
    color: var(--heading-color)
}

h4,
h5,
h6 {
    color: var(--sub-heading-color)
}

.first-phrase {
    color: var(--sub-heading-color)
}

.second-phrase {
    color: var(--heading-color)
}

/************** overlay version *************/

.primary-overlay,
.primary-overlay h1,
.primary-overlay h2,
.primary-overlay h3,
.primary-overlay h4,
.primary-overlay h5,
.primary-overlay h6,
.primary-overlay .first-phrase,
.primary-overlay .second-phrase {
    color: var(--overlay-text-color)
}

/*********** end of overlay version *********/

/************** primary version *************/

.primary-background,
.primary-background .primary-overlay {
    color: var(--primary-bg-text-color)
}

.primary-background h1,
.primary-background h2,
.primary-background h3,
.primary-background .primary-overlay h1,
.primary-background .primary-overlay h2,
.primary-background .primary-overlay h3,
.primary-background .second-phrase,
.primary-background .primary-overlay .second-phrase {
    color: var(--primary-bg-heading-color)
}

.primary-background h4,
.primary-background h5,
.primary-background h6,
.primary-background .primary-overlay h4,
.primary-background .primary-overlay h5,
.primary-background .primary-overlay h6,
.primary-background .first-phrase,
.primary-background .primary-overlay .first-phrase {
    color: var(--primary-bg-subheading-color)
}

/*********** end of primary version **********/

/************** secondary version *************/

.secondary-background,
.secondary-background .primary-overlay {
    color: var(--secondary-bg-text-color)
}

.secondary-background h1,
.secondary-background h2,
.secondary-background h3,
.secondary-background .primary-overlay h1,
.secondary-background .primary-overlay h2,
.secondary-background .primary-overlay h3,
.secondary-background .second-phrase,
.secondary-background .primary-overlay .second-phrase {
    color:#FFF;
}

.secondary-background h4,
.secondary-background h5,
.secondary-background h6,
.secondary-background .primary-overlay h4,
.secondary-background .primary-overlay h5,
.secondary-background .primary-overlay h6,
.secondary-background .first-phrase,
.secondary-background .primary-overlay .first-phrase {
    color: var(--secondary-bg-subheading-color)
}

/********** end of secondary version **********/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

a,
.ui-widget-content a,
a:hover,
.ui-widget-content a:hover {
    color: var(--default-link-color)
}

.primary-link,
.primary-link:hover {
    color: var(--primary-link-color)
}

.secondary-link,
.secondary-link:hover {
    color: var(--secondary-link-color);
    border-color: var(--secondary-link-border-color)
}

/************** overlay version *************/

.primary-overlay a:not(.primary-button),
.primary-overlay .ui-widget-content a,
.primary-overlay a:not(.primary-button):hover,
.primary-overlay .ui-widget-content a:hover,
.primary-overlay .primary-link,
.primary-overlay .primary-link:hover,
.primary-overlay .secondary-link,
.primary-overlay .secondary-link:hover {
    color: var(--overlay-text-color);
    border-color: var(--overlay-text-color)
}

/*********** end of overlay version *********/

/************** primary version *************/

.primary-background a:not(.primary-button),
.primary-background .ui-widget-content a,
.primary-background a:not(.primary-button):hover,
.primary-background .ui-widget-content a:hover,
.primary-background .primary-link,
.primary-background .primary-link:hover,
.primary-background .secondary-link,
.primary-background .secondary-link:hover,
.primary-background .primary-overlay a:not(.primary-button),
.primary-background.primary-overlay .ui-widget-content a,
.primary-background .primary-overlay a:not(.primary-button):hover,
.primary-background .primary-overlay .ui-widget-content a:hover,
.primary-background .primary-overlay .primary-link,
.primary-background .primary-overlay .primary-link:hover,
.primary-background .primary-overlay .secondary-link,
.primary-background .primary-overlay .secondary-link:hover {
    color: var(--primary-bg-link-color);
    border-color: var(--primary-bg-link-color)
}

/*********** end of primary version **********/

/************** secondary version *************/

.secondary-background a:not(.primary-button),
.secondary-background .ui-widget-content a,
.secondary-background a:not(.primary-button):hover,
.secondary-background .ui-widget-content a:hover,
.secondary-background .primary-link,
.secondary-background .primary-link:hover,
.secondary-background .secondary-link,
.secondary-background .secondary-link:hover,
.secondary-background .primary-overlay a:not(.primary-button),
.secondary-background .primary-overlay .ui-widget-content a,
.secondary-background .primary-overlay a:not(.primary-button):hover,
.secondary-background .primary-overlay .ui-widget-content a:hover,
.secondary-background .primary-overlay .primary-link,
.secondary-background .primary-overlay .primary-link:hover,
.secondary-background .primary-overlay .secondary-link,
.secondary-background .primary-overlay .secondary-link:hover {
    color: var(--secondary-bg-link-color);
    border-color: var(--secondary-bg-link-color)
}

/********** end of secondary version **********/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

.primary-button,
.primary-button:hover,
.primary-button:focus {
    color: #FFF;
	text-decoration:none;
}

.primary-button {
    background:#DEB138;
	color: #FFF;
	text-decoration:none;
}

.secondary-button,
.secondary-button:hover,
.secondary-button:focus {
    color: #000;
}

.secondary-button {
    background:#000000;
    border-color:#000000;
}

/************** overlay version *************/

.primary-overlay .secondary-button {
    background: transparent;
    border-color: var(--overlay-text-color)
}

.primary-overlay .secondary-button,
.primary-overlay .secondary-button:hover {
    color: var(--overlay-text-color)
}

/*********** end of overlay version *********/

/************** primary version *************/

.primary-background .secondary-button,
.primary-background .secondary-button:hover,
.primary-background .primary-overlay .secondary-button,
.primary-background .primary-overlay .secondary-button:hover {
    color: var(--primary-bg-button-color)
}

.primary-background .secondary-button,
.primary-background .primary-overlay .secondary-button {
    background: transparent;
    border-color: var(--primary-bg-button-color)
}

/*********** end of primary version *********/

/************** secondary version *************/

.secondary-background .secondary-button,
.secondary-background .secondary-button:hover,
.secondary-background .primary-overlay .secondary-button,
.secondary-background .primary-overlay .secondary-button:hover {
    color: var(--secondary-bg-button-color)
}

.secondary-background .secondary-button,
.secondary-background .primary-overlay .secondary-button {
    background: transparent;
    border-color: var(--secondary-bg-button-color)
}

/********** end of secondary version **********/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

.primary-background,
.xbox-style-10 .flex-container.primary-background:before {
    background: #2c2826;
}

.secondary-background,
x.xbox-style-10 .flex-container.secondary-background:before {
    background:#180A0A;
}

/*******************************/

/*******************************/

/*******************************/

/*******************************/

.primary-overlay {
    background:#000;
}

/************** primary version *************/

.primary-background .primary-overlay {
    background: #000;
}

/*********** end of primary version *********/

/************** secondary version *************/

.secondary-background .primary-overlay {
    background: #000;
}

/********** end of secondary version **********/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

table,
tbody,
tr,
th,
td,
.border,
.use-border {
    border-color: var(--border-color)
}

/************** overlay version *************/

.primary-overlay table,
.primary-overlay tbody,
.primary-overlay tr,
.primary-overlay th,
.primary-overlay td,
.primary-overlay .border,
.primary-overlay .use-border {
    border-color: var(--overlay-text-color)
}

.primary-overlay .use-border:after {
    background-color: var(--overlay-text-color)
}

/*********** end of overlay version **********/

/************** primary version *************/

.primary-background table,
.primary-background tbody,
.primary-background tr,
.primary-background th,
.primary-background td,
.primary-background .border,
.primary-background .use-border,
.primary-background .primary-overlay table,
.primary-background .primary-overlay tbody,
.primary-background .primary-overlay tr,
.primary-background .primary-overlay th,
.primary-background .primary-overlay td,
.primary-background .primary-overlay .border,
.primary-background .primary-overlay .use-border,
.primary-background .use-border:after,
.primary-background .primary-overlay .use-border:after {
    border-color: var(--primary-bg-border-color)
}

/*********** end of primary version *********/

/************** secondary version *************/

.secondary-background table,
.secondary-background tbody,
.secondary-background tr,
.secondary-background th,
.secondary-background td,
.secondary-background .border,
.secondary-background .use-border,
.secondary-background .primary-overlay table,
.secondary-background .primary-overlay tbody,
.secondary-background .primary-overlay tr,
.secondary-background .primary-overlay th,
.secondary-background .primary-overlay td,
.secondary-background .primary-overlay .border,
.secondary-background .primary-overlay .use-border,
.secondary-background .use-border:after,
.secondary-background .primary-overlay .use-border:after {
    border-color: var(--secondary-background-text-color)
}

/********** end of secondary version **********/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

.fb-text-label,
label {
    color: var(--label-color)
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select,
.fb-file .file-button,
.fb-file .file-button {
    color: var(--field-color);
    border-color: var(--field-border-color);
    background: var(--field-background)
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: var(--field-border-color)
}

.fb-inner:after,
.main-container .fa,
.file-button span {
    color: var(--icon-color)
}

.fb-radio-helper.fa,
.fb-checkbox-helper.fa {
    color: var(--field-border-color)
}

.form-control::-webkit-input-placeholder {
    color: var(--field-color)
}

.form-control::-moz-placeholder {
    color: var(--field-color)
}

.form-control:-ms-input-placeholder {
    color: var(--field-color)
}

.form-control:-moz-placeholder {
    color: var(--field-color)
}

.primary-background .loyalty-sign .form-control::-webkit-input-placeholder {
    color: var(--field-color)
}

.primary-background .loyalty-sign .form-control::-moz-placeholder {
    color: var(--field-color)
}

.primary-background .loyalty-sign .form-control:-ms-input-placeholder {
    color: var(--field-color)
}

.primary-background .loyalty-sign .form-control:-moz-placeholder {
    color: var(--field-color)
}

.form-control.error,
.form-control.files.error+.file-button,
.captcha-error .captcha-forms {
    border-color: #f00
}

label.error,
.primary-background label.error,
.secondary-background label.error,
.required-asterisk,
.error+.fb-helper,
.fb-checkbox-helper.fa.error-check,
.error-mzg {
    color: #f00
}

.error-mzg.error,
.cms-form-holder.error>p.response-message {
    background: #ffcdd2;
    color: #d50000;
    border-color: #d50000
}

.error-mzg.success,
.cms-form-holder.success>p.response-message {
    background: #c8e6c9;
    color: #087f23;
    border-color: #087f23
}

.cms-form-holder.error>p>.close-msg:after,
.cms-form-holder.error>p>.close-msg:before {
    background: #d50000
}

.cms-form-holder.success>p>.close-msg:after,
.cms-form-holder.success>p>.close-msg:before {
    background: #087f23
}

.primary-background .loyalty-sign .form-control {
    color: var(--field-color)
}

/************** overlay version *************/

.primary-overlay .fb-text-label,
.primary-overlay label {
    color: var(--overlay-text-color)
}

.primary-overlay select,
.primary-overlay input,
.primary-overlay textarea,
.primary-overlay .fb-file .file-button {
    color: var(--overlay-icon-color)
}

.primary-overlay input[type="email"]:focus,
.primary-overlay input[type="number"]:focus,
.primary-overlay input[type="search"]:focus,
.primary-overlay input[type="text"]:focus,
.primary-overlay input[type="tel"]:focus,
.primary-overlay input[type="url"]:focus,
.primary-overlay input[type="password"]:focus,
.primary-overlay textarea:focus,
.primary-overlay select:focus {
    border-color: var(--overlay-text-color)
}

.primary-overlay .fb-inner:after,
.primary-overlay .fa,
.primary-overlay .file-button span {
    color: var(--overlay-icon-color)
}

.primary-overlay .fb-radio-helper.fa,
.primary-overlay .fb-checkbox-helper.fa {
    color: var(--overlay-text-color)
}

.primary-overlay .form-control::-webkit-input-placeholder {
    color: var(--overlay-icon-color)
}

.primary-overlay .form-control::-moz-placeholder {
    color: var(--overlay-icon-color)
}

.primary-overlay .form-control:-ms-input-placeholder {
    color: var(--overlay-icon-color)
}

.primary-overlay .form-control:-moz-placeholder {
    color: var(--overlay-icon-color)
}

/*********** end of overlay version **********/

/************** primary version *************/

.primary-background .fb-text-label,
.primary-background label,
.primary-background .primary-overlay .fb-text-label,
.primary-background .primary-overlay label {
    color: var(--primary-bg-text-color)
}

.primary-background select,
.primary-background input,
.primary-background textarea,
.primary-background .fb-file .file-button,
.primary-background .primary-overlay select,
.primary-background .primary-overlay input,
.primary-background .primary-overlay textarea,
.primary-background .primary-overlay .fb-file .file-button {
    color: var(--primary-bg-icon-color);
    border-color: var(--primary-bg-background-color);
    background: var(--primary-bg-background-color)
}

.primary-background input[type="email"]:focus,
.primary-background input[type="number"]:focus,
.primary-background input[type="search"]:focus,
.primary-background input[type="text"]:focus,
.primary-background input[type="tel"]:focus,
.primary-background input[type="url"]:focus,
.primary-background input[type="password"]:focus,
.primary-background textarea:focus,
.primary-background select:focus,
.primary-background .primary-overlay input[type="email"]:focus,
.primary-background .primary-overlay input[type="number"]:focus,
.primary-background .primary-overlay input[type="search"]:focus,
.primary-background .primary-overlay input[type="text"]:focus,
.primary-background .primary-overlay input[type="tel"]:focus,
.primary-background .primary-overlay input[type="url"]:focus,
.primary-background .primary-overlay input[type="password"]:focus,
.primary-background .primary-overlay textarea:focus,
.primary-background .primary-overlay select:focus {
    border-color: var(--primary-bg-border-color)
}

.primary-background .fb-inner:after,
.primary-background .fa,
.primary-background .file-button span,
.primary-background .primary-overlay .fb-inner:after,
.primary-background .primary-overlay .fa,
.primary-background .primary-overlay .file-button span {
    color: var(--primary-bg-icon-color)
}

.primary-background .fb-radio-helper.fa,
.primary-background .fb-checkbox-helper.fa,
.primary-background .primary-overlay .fb-radio-helper.fa,
.primary-background .primary-overlay .fb-checkbox-helper.fa {
    color: var(--primary-bg-text-color)
}

.primary-background .form-control::-webkit-input-placeholder {
    color: var(--primary-bg-icon-color)
}

.primary-background .form-control::-moz-placeholder {
    color: var(--primary-bg-icon-color)
}

.primary-background .form-control:-ms-input-placeholder {
    color: var(--primary-bg-icon-color)
}

.primary-background .form-control:-moz-placeholder {
    color: var(--primary-bg-icon-color)
}

.primary-background .primary-overlay .form-control::-webkit-input-placeholder {
    color: var(--primary-bg-icon-color)
}

.primary-background .primary-overlay .form-control::-moz-placeholder {
    color: var(--primary-bg-icon-color)
}

.primary-background .primary-overlay .form-control:-ms-input-placeholder {
    color: var(--primary-bg-icon-color)
}

.primary-background .primary-overlay .form-control:-moz-placeholder {
    color: var(--primary-bg-icon-color)
}

/*********** end of primary version *********/

/************** secondary version *************/

.secondary-background .fb-text-label,
.secondary-background label,
.secondary-background .primary-overlay .fb-text-label,
.secondary-background .primary-overlay label {
    color: var(--secondary-bg-text-color)
}

.secondary-background select,
.secondary-background input,
.secondary-background textarea,
.secondary-background .fb-file .file-button,
.secondary-background .primary-overlay select,
.secondary-background .primary-overlay input,
.secondary-background .primary-overlay textarea,
.secondary-background .primary-overlay .fb-file .file-button {
    color: var(--secondary-bg-icon-color);
    border-color: var(--secondary-bg-border-color);
    background: var(--secondary-bg-background-color)
}

.secondary-background input[type="email"]:focus,
.secondary-background input[type="number"]:focus,
.secondary-background input[type="search"]:focus,
.secondary-background input[type="text"]:focus,
.secondary-background input[type="tel"]:focus,
.secondary-background input[type="url"]:focus,
.secondary-background input[type="password"]:focus,
.secondary-background textarea:focus,
.secondary-background select:focus .secondary-background .primary-overlay input[type="email"]:focus,
.secondary-background .primary-overlay input[type="number"]:focus,
.secondary-background .primary-overlay input[type="search"]:focus,
.secondary-background .primary-overlay input[type="text"]:focus,
.secondary-background .primary-overlay input[type="tel"]:focus,
.secondary-background .primary-overlay input[type="url"]:focus,
.secondary-background .primary-overlay input[type="password"]:focus,
.secondary-background .primary-overlay textarea:focus,
.secondary-background .primary-overlay select:focus {
    border-color: var(--secondary-bg-border-color)
}

.secondary-background .fb-inner:after,
.secondary-background .fa,
.secondary-background .file-button span,
.secondary-background .primary-overlay .fb-inner:after,
.secondary-background .primary-overlay .fa,
.secondary-background .primary-overlay .file-button span {
    color: var(--secondary-bg-icon-color)
}

.secondary-background .fb-radio-helper.fa,
.secondary-background .fb-checkbox-helper.fa,
.secondary-background .primary-overlay .fb-radio-helper.fa,
.secondary-background .primary-overlay .fb-checkbox-helper.fa {
    color: var(--secondary-bg-text-color)
}

.secondary-background .form-control::-webkit-input-placeholder {
    color: var(--secondary-bg-icon-color)
}

.secondary-background .form-control::-moz-placeholder {
    color: var(--secondary-bg-icon-color)
}

.secondary-background .form-control:-ms-input-placeholder {
    color: var(--secondary-bg-icon-color)
}

.secondary-background .form-control:-moz-placeholder {
    color: var(--secondary-bg-icon-color)
}

.secondary-background .primary-overlay .form-control::-webkit-input-placeholder {
    color: var(--secondary-bg-icon-color)
}

.secondary-background .primary-overlay .form-control::-moz-placeholder {
    color: var(--secondary-bg-icon-color)
}

.secondary-background .primary-overlay .form-control:-ms-input-placeholder {
    color: var(--secondary-bg-icon-color)
}

.secondary-background .primary-overlay .form-control:-moz-placeholder {
    color: var(--secondary-bg-icon-color)
}

/********** end of secondary version **********/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

.ui-widget-content {
    color: var(--text-color);
    background-color: var(--ui-datepicker-background-color)

}

.ui-state-default,
.ui-widget-content .ui-state-default,
.tabs-default .title-wrapper li {
    color: var(--ui-state-default-color);
    background-color: var(--ui-state-default-background-color);
    border-color: var(--ui-state-default-border-color)
}

.tabs-default .title-wrapper li a,
.tabs-second-level li a {
    color: var(--ui-state-default-color)
}

.tabs-default .title-wrapper:after {
    border-bottom-color: var(--ui-state-active-border-color)
}

.ui-widget-content.ui-accordion-content {
    background-color: var(--ui-accordion-content-background-color)
}

.ui-state-active,
.ui-state-hover,
.ui-widget-header,
.ui-widget-content .ui-state-hover,
.ui-widget-content .ui-state-active,
.tabs-default .title-wrapper li.active,
.tabs-default .title-wrapper li:hover {
    color: var(--ui-state-active-color);
    background-color: var(--ui-state-active-background-color);
    border-color: var(--ui-state-active-border-color)
}

.tabs-default .title-wrapper li.active a,
.tabs-second-level li.active a {
    color: var(--ui-state-active-color)
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: var(--ui-state-highlight-color);
    background-color: var(--ui-state-highlight-background-color);
    border-color: var(--ui-state-highlight-border-color)
}

.ui-widget.ui-widget-content,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td {
    border-color: var(--ui-datepicker-table-border-color)
}

.ui-datepicker th {
    color: var(--ui-state-active-color)
}

/************** overlay version *************/

.primary-overlay .ui-widget-content {
    color: var(--overlay-text-color);
    background-color: transparent
}

.primary-overlay .ui-state-default,
.primary-overlay .ui-widget-content .ui-state-default,
.primary-overlay .tabs-default .title-wrapper li {
    color: var(--overlay-text-color);
    background-color: transparent;
    border-color: var(--overlay-icon-color)
}

.primary-overlay .tabs-default .title-wrapper li a,
.primary-overlay .tabs-second-level li a {
    color: var(--overlay-text-color)
}

.primary-overlay .tabs-default .title-wrapper:after {
    border-bottom-color: var(--overlay-icon-color)
}

.primary-overlay .ui-widget-content.ui-accordion-content {
    background-color: transparent
}

.primary-overlay .ui-state-active,
.primary-overlay .ui-state-hover,
.primary-overlay .ui-widget-header,
.primary-overlay .ui-widget-content .ui-state-hover,
.primary-overlay .ui-widget-content .ui-state-active,
.primary-overlay .tabs-default .title-wrapper li.active,
.primary-overlay .tabs-default .title-wrapper li:hover {
    color: var(--overlay-text-color);
    background-color: transparent;
    border-color: var(--overlay-text-color)
}

.primary-overlay .tabs-default .title-wrapper li.active a,
.primary-overlay .tabs-second-level li.active a {
    color: var(--overlay-text-color)
}

.primary-overlay .ui-state-highlight,
.primary-overlay .ui-widget-content .ui-state-highlight,
.primary-overlay .ui-widget-header .ui-state-highlight {
    color: var(--overlay-text-color);
    background-color: transparent;
    border-color: var(--overlay-icon-color)
}

.primary-overlay .ui-widget.ui-widget-content,
.primary-overlay .ui-datepicker table,
.primary-overlay .ui-datepicker tr,
.primary-overlay .ui-datepicker td {
    border-color: var(--overlay-icon-color)
}

.primary-overlay .ui-datepicker th {
    color: var(--overlay-text-color)
}

/*********** end of overlay version **********/

/************** primary version *************/

.primary-background .ui-widget-content,
.primary-background .primary-overlay .ui-widget-content {
    color: var(--primary-bg-text-color);
    background-color: transparent
}

.primary-background .ui-state-default,
.primary-background .ui-widget-content .ui-state-default,
.primary-background .tabs-default .title-wrapper li,
.primary-background .primary-overlay .ui-state-default,
.primary-background .primary-overlay .ui-widget-content .ui-state-default,
.primary-background .primary-overlay .tabs-default .title-wrapper li {
    color: var(--primary-bg-text-color);
    background-color: var(--primary-bg-background-color);
    border-color: var(--primary-bg-background-color)
}

.primary-background .tabs-default .title-wrapper li a,
.primary-background .tabs-second-level li a,
.primary-background .primary-overlay .tabs-default .title-wrapper li a,
.primary-background .primary-overlay .tabs-second-level li a {
    color: var(--primary-bg-text-color)
}

.primary-background .tabs-default .title-wrapper:after,
.primary-background .primary-overlay .tabs-default .title-wrapper:after {
    border-bottom-color: var(--primary-bg-overlay-color)
}

.primary-background .ui-widget-content.ui-accordion-content,
.primary-background .primary-overlay .ui-widget-content.ui-accordion-content {
    background-color: transparent
}

.primary-background .ui-state-active,
.primary-background .ui-state-hover,
.primary-background .ui-widget-header,
.primary-background .ui-widget-content .ui-state-hover,
.primary-background .ui-widget-content .ui-state-active,
.primary-background .primary-overlay .ui-state-active,
.primary-background .primary-overlay .ui-state-hover,
.primary-background .primary-overlay .ui-widget-header,
.primary-background .primary-overlay .ui-widget-content .ui-state-hover,
.primary-background .primary-overlay .ui-widget-content .ui-state-active,
.primary-background .tabs-default .title-wrapper li.active,
.primary-background .primary-overlay .tabs-default .title-wrapper li.active,
.primary-background .tabs-default .title-wrapper li:hover,
.primary-background .primary-overlay .tabs-default .title-wrapper li:hover {
    color: var(--primary-bg-text-color);
    background-color: var(--primary-bg-overlay-color);
    border-color: var(--primary-bg-overlay-color)
}

.primary-background .tabs-default .title-wrapper li.active a,
.primary-background .tabs-second-level li.active a,
.primary-background .primary-overlay .tabs-default .title-wrapper li.active a,
.primary-background .primary-overlay .tabs-second-level li.active a {
    color: var(--primary-bg-text-color)
}

.primary-background .ui-state-highlight,
.primary-background .ui-widget-content .ui-state-highlight,
.primary-background .ui-widget-header .ui-state-highlight,
.primary-background .primary-overlay .ui-state-highlight,
.primary-background .primary-overlay .ui-widget-content .ui-state-highlight,
.primary-background .primary-overlay .ui-widget-header .ui-state-highlight {
    color: var(--primary-bg-text-color);
    background-color: var(--primary-bg-background-color);
    border-color: var(--primary-bg-border-color)
}

.primary-background .ui-widget.ui-widget-content,
.primary-background .ui-datepicker table,
.primary-background .ui-datepicker tr,
.primary-background .ui-datepicker td,
.primary-background .primary-overlay .ui-widget.ui-widget-content,
.primary-background .primary-overlay .ui-datepicker table,
.primary-background .primary-overlay .ui-datepicker tr,
.primary-background .primary-overlay .ui-datepicker td {
    border-color: var(--primary-bg-border-color)
}

.primary-background .ui-datepicker th,
.primary-background .primary-overlay .ui-datepicker th {
    color: var(--primary-bg-text-color)
}

/*********** end of primary version *********/

/************** secondary version *************/

.secondary-background .ui-widget-content,
.secondary-background .primary-overlay .ui-widget-content {
    color: var(--secondary-bg-text-color);
    background-color: transparent
}

.secondary-background .ui-state-default,
.secondary-background .ui-widget-content .ui-state-default,
.secondary-background .tabs-default .title-wrapper li,
.secondary-background .primary-overlay .ui-state-default,
.secondary-background .primary-overlay .ui-widget-content .ui-state-default,
.secondary-background .primary-overlay .tabs-default .title-wrapper li {
    color: var(--secondary-bg-text-color);
    background-color: var(--secondary-bg-background-color);
    border-color: var(--secondary-bg-background-color)
}

.primary-background .tabs-default .title-wrapper li a,
.primary-background .tabs-second-level li a,
.primary-background .primary-overlay .tabs-default .title-wrapper li a,
.primary-background .primary-overlay .tabs-second-level li a {
    color: var(--secondary-bg-text-color)
}

.secondary-background .tabs-default .title-wrapper:after,
.secondary-background .primary-overlay .tabs-default .title-wrapper:after {
    border-bottom-color: var(--secondary-bg-overlay-color)
}

.secondary-background .ui-widget-content.ui-accordion-content,
.secondary-background .primary-overlay .ui-widget-content.ui-accordion-content {
    background-color: transparent
}

.secondary-background .ui-state-active,
.secondary-background .ui-state-hover,
.secondary-background .ui-widget-header,
.secondary-background .ui-widget-content .ui-state-hover,
.secondary-background .ui-widget-content .ui-state-active,
.secondary-background .primary-overlay .ui-state-active,
.secondary-background .primary-overlay .ui-state-hover,
.secondary-background .primary-overlay .ui-widget-header,
.secondary-background .primary-overlay .ui-widget-content .ui-state-hover,
.secondary-background .primary-overlay .ui-widget-content .ui-state-active,
.secondary-background .tabs-default .title-wrapper li.active,
.secondary-background .primary-overlay .tabs-default .title-wrapper li.active,
.secondary-background .tabs-default .title-wrapper li:hover,
.secondary-background .primary-overlay .tabs-default .title-wrapper li:hover {
    color: var(--secondary-bg-text-color);
    background-color: var(--secondary-bg-overlay-color);
    border-color: var(--secondary-bg-overlay-color)
}

.secondary-background .tabs-default .title-wrapper li.active a,
.secondary-background .tabs-second-level li.active a,
.secondary-background .primary-overlay .tabs-default .title-wrapper li.active a,
.secondary-background .primary-overlay .tabs-second-level li.active a {
    color: var(--secondary-bg-text-color)
}

.secondary-background .ui-state-highlight,
.secondary-background .ui-widget-content .ui-state-highlight,
.secondary-background .ui-widget-header .ui-state-highlight,
.secondary-background .primary-overlay .ui-state-highlight,
.secondary-background .primary-overlay .ui-widget-content .ui-state-highlight,
.secondary-background .primary-overlay .ui-widget-header .ui-state-highlight {
    color: var(--secondary-bg-text-color);
    background-color: var(--secondary-bg-background-color);
    border-color: var(--secondary-bg-border-color)
}

.secondary-background .ui-widget.ui-widget-content,
.secondary-background .ui-datepicker table,
.secondary-background .ui-datepicker tr,
.secondary-background .ui-datepicker td,
.secondary-background .primary-overlay .ui-widget.ui-widget-content,
.secondary-background .primary-overlay .ui-datepicker table,
.secondary-background .primary-overlay .ui-datepicker tr,
.secondary-background .primary-overlay .ui-datepicker td {
    border-color: var(--secondary-bg-border-color)
}

.secondary-background .ui-datepicker th,
.secondary-background .primary-overlay .ui-datepicker th {
    color: var(--secondary-bg-text-color)
}

/*********** end of secondary version *********/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

.slick-dots li,
.pagination li a {
    border-color: var(--pager-border-color);
    background-color: var(--pager-background-color);
    color: var(--pager-color)
}

.slick-dots li.slick-active,
.pagination li a.active {
    border-color: var(--pager-active-border-color);
    background-color: var(--pager-active-background-color);
    color: var(--pager-active-color)
}

.pager-nav,
.close-button {
    color: var(--arrow-color);
    background-color: var(--arrow-background-color);
    border-color: var(--arrow-border-color)
}

.slick-arrow,
.arrows-wrapper>.slick-arrow,
.arrows-wrapper>.prev,
.arrows-wrapper>.next {
    background-color: var(--arrow-background-color);
    border-color: var(--arrow-border-color)
}

.slick-arrow>span,
.arrows-wrapper>.slick-arrow>span,
.arrows-wrapper>.prev>span,
.arrows-wrapper>.next>span,
.slick-arrow:after,
.arrows-wrapper>.slick-arrow:after,
.arrows-wrapper>.prev:after,
.arrows-wrapper>.next:after {
    background-color: var(--arrow-color)
}

.close-button:before,
.close-button:after {
    background-color: var(--arrow-color)
}

/************** overlay version *************/

.primary-overlay .slick-dots li,
.primary-overlay .pagination li a {
    border-color: var(--overlay-text-color);
    background-color: transparent;
    color: var(--overlay-text-color)
}

.primary-overlay .slick-dots li.slick-active,
.primary-overlay .pagination li a.active {
    border-color: var(--overlay-text-color);
    background-color: var(--overlay-icon-color);
    color: var(--overlay-text-color)
}

.primary-overlay .pager-nav,
.primary-overlay .close-button {
    color: var(--overlay-text-color);
    background-color: transparent;
    border-color: var(--overlay-text-color)
}

.primary-overlay .slick-arrow,
.primary-overlay .arrows-wrapper>.slick-arrow,
.primary-overlay .arrows-wrapper>.prev,
.primary-overlay .arrows-wrapper>.next {
    background-color: transparent;
    border-color: var(--overlay-text-color)
}

.primary-overlay .slick-arrow>span,
.primary-overlay .arrows-wrapper>.slick-arrow>span,
.primary-overlay .arrows-wrapper>.prev>span,
.primary-overlay .arrows-wrapper>.next>span,
.primary-overlay .slick-arrow:after,
.primary-overlay .arrows-wrapper>.slick-arrow:after,
.primary-overlay .arrows-wrapper>.prev:after,
.primary-overlay .arrows-wrapper>.next:after {
    background-color: var(--overlay-text-color)
}

.primary-overlay .close-button:before,
.primary-overlay .close-button:after {
    background-color: var(--overlay-text-color)
}

/*********** end of overlay version **********/

/************** primary version *************/

.primary-background .slick-dots li,
.primary-background .pagination li a,
.primary-background .primary-overlay .slick-dots li,
.primary-background .primary-overlay .pagination li a {
    border-color: var(--primary-bg-text-color);
    background-color: transparent;
    color: var(--primary-bg-text-color)
}

.primary-background .slick-dots li.slick-active,
.primary-background .pagination li a.active,
.primary-background .primary-overlay .slick-dots li.slick-active,
.primary-background .primary-overlay .pagination li a.active {
    border-color: var(--primary-bg-text-color);
    background-color: var(--primary-bg-text-color);
    color: var(--primary-bg-text-color)
}

.primary-background .pager-nav,
.primary-background .close-button,
.primary-background .primary-overlay .pager-nav,
.primary-background .primary-overlay .close-button {
    color: var(--primary-bg-text-color);
    background-color: transparent;
    border-color: var(--primary-bg-text-color)
}

.primary-background .slick-arrow,
.primary-background .arrows-wrapper>.slick-arrow,
.primary-background .arrows-wrapper>.prev,
.primary-background .arrows-wrapper>.next,
.primary-background .primary-overlay .slick-arrow,
.primary-background .primary-overlay .arrows-wrapper>.slick-arrow,
.primary-background .primary-overlay .arrows-wrapper>.prev,
.primary-background .primary-overlay arrows-wrapper>.next {
    background-color: var(--primary-bg-background-color);
    border-color: var(--primary-bg-background-color)
}

.primary-background .slick-arrow>span,
.primary-background .arrows-wrapper>.slick-arrow>span,
.primary-background .arrows-wrapper>.prev>span,
.primary-background .arrows-wrapper>.next>span,
.primary-background .primary-overlay .slick-arrow>span,
.primary-background .primary-overlay .arrows-wrapper>.slick-arrow>span,
.primary-background .primary-overlay .arrows-wrapper>.prev>span,
.primary-background .primary-overlay .arrows-wrapper>.next>span,
.primary-background .slick-arrow:after,
.primary-background .arrows-wrapper>.slick-arrow:after,
.primary-background .arrows-wrapper>.prev:after,
.primary-background .arrows-wrapper>.next:after,
.primary-background .primary-overlay .slick-arrow:after,
.primary-background .primary-overlay .arrows-wrapper>.slick-arrow:after,
.primary-background .primary-overlay .arrows-wrapper>.prev:after,
.primary-background .primary-overlay .arrows-wrapper>.next:after {
    background-color: var(--primary-bg-icon-color)
}

.primary-background .close-button:before,
.primary-background .close-button:after,
.primary-background .primary-overlay .close-button:before,
.primary-background .primary-overlay .close-button:after {
    background-color: var(--primary-bg-text-color)
}

/*********** end of primary version *********/

/************** secondary version *************/

.secondary-background .slick-dots li,
.secondary-background .pagination li a,
.secondary-background .primary-overlay .slick-dots li,
.secondary-background .primary-overlay .pagination li a {
    border-color: var(--secondary-bg-text-color);
    background-color: transparent;
    color: var(--secondary-bg-text-color)
}

.secondary-background .slick-dots li.slick-active,
.secondary-background .pagination li a.active,
.secondary-background .primary-overlay .slick-dots li.slick-active,
.secondary-background .primary-overlay .pagination li a.active {
    border-color: var(--secondary-bg-background-color);
    background-color: var(--secondary-bg-background-color);
    color: var(--secondary-bg-background-color)
}

.secondary-background .pager-nav,
.secondary-background .close-button,
.secondary-background .primary-overlay .pager-nav,
.secondary-background .primary-overlay .close-button {
    color: var(--secondary-bg-text-color);
    background-color: transparent;
    border-color: var(--secondary-bg-text-color)
}

.secondary-background .slick-arrow,
.secondary-background .arrows-wrapper>.slick-arrow,
.secondary-background .arrows-wrapper>.prev,
.secondary-background .arrows-wrapper>.next,
.secondary-background .primary-overlay .slick-arrow,
.secondary-background .primary-overlay .arrows-wrapper>.slick-arrow,
.secondary-background .primary-overlay .arrows-wrapper>.prev,
.secondary-background .primary-overlay .arrows-wrapper>.next {
    background-color: var(--secondary-bg-background-color);
    border-color: var(--secondary-bg-background-color)
}

.secondary-background .slick-arrow>span,
.secondary-background .arrows-wrapper>.slick-arrow>span,
.secondary-background .arrows-wrapper>.secondary-background .prev>span,
.secondary-background .arrows-wrapper>.secondary-background .next>span,
.secondary-background .primary-overlay .slick-arrow>span,
.secondary-background .primary-overlay .arrows-wrapper>.slick-arrow>span,
.secondary-background .primary-overlay .arrows-wrapper>.prev>span,
.secondary-background .primary-overlay .arrows-wrapper>.next>span,
.secondary-background .slick-arrow:after,
.secondary-background .arrows-wrapper>.slick-arrow:after,
.secondary-background .arrows-wrapper>.prev:after,
.secondary-background .arrows-wrapper>.next:after,
.secondary-background .primary-overlay .slick-arrow:after,
.secondary-background .primary-overlay .arrows-wrapper>.slick-arrow:after,
.secondary-background .primary-overlay .arrows-wrapper>.prev:after,
.secondary-background .primary-overlay .arrows-wrapper>.next:after {
    background-color: var(--secondary-bg-icon-color)
}

.secondary-background .close-button:before,
.secondary-background .close-button:after,
.secondary-background .primary-overlay .close-button:before,
.secondary-background .primary-overlay .close-button:after {
    background-color: var(--secondary-bg-text-color)
}

/*********** end of secondary version *********/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

.fancybox-container,
.fancybox-container .fancybox-caption,
.fancybox-container .fancybox-infobar,
.fancybox-container .fancybox-button svg {
    color: var(--fancybox-color)
}

.fancybox-container .fancybox-button span {
    background-color: var(--fancybox-color)
}

.fancybox-container .fancybox-bg,
.fancybox-container .fancybox-thumbs,
.fancybox-button.fancybox-button--thumbs {
    background: var(--fancybox-background-color)
}

.popup-box,
.info-box {
    background-color: var(--pop-up-background-color);
    border-color: var(--pop-up-border-color)
}

.popup-box *,
.info-box * {
    color: var(--pop-up-color)
}

/*******************************/

/*******************************/

/*******************************/

/*******************************/

.sm-item .fa,
.direction-mode {
    color: var(--body-background);
    background-color: var(--text-color)
}

.fa.fa-share-alt {
    color: var(--text-color)
}

/***************** overlay version ****************/

.primary-overlay .sm-item .fa,
.primary-overlay .direction-mode {
    color: var(--primary-overlay);
    background-color: var(--overlay-text-color)
}

.primary-overlay .fa.fa-share-alt {
    color: var(--overlay-text-color)
}

/************** end of overlay version *************/

/************** primary version ************/

.primary-background .sm-item .fa,
.primary-background .direction-mode {
    color: var(--primary-background);
    background-color: var(--primary-bg-text-color)
}

.primary-background .fa.fa-share-alt {
    color: var(--primary-bg-text-color)
}

/*********** end of primary version *********/

/************** secondary version *************/

.secondary-background .sm-item .fa,
.secondary-background .direction-mode {
    color: var(--secondary-background);
    background-color: var(--secondary-bg-text-color)
}

.secondary-background .fa.fa-share-alt {
    color: var(--secondary-bg-text-color)
}

/*********** end of secondary version *********/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

.infoBox {
    color: var(--primary-bg-text-color);
    background-color: var(--primary-background)
}

.infoBox:after {
    border-left-color: var(--primary-background)
}

.zoom-button {
    background-color: var(--primary-background)
}

.zoom-button:before,
.zoom-button:after {
    background-color: var(--primary-bg-text-color)
}

.distanceSection {
    color: var(--primary-background);
    background-color: var(--primary-bg-text-color)
}

.visibleRouteTo {
    background-color: var(--primary-overlay)
}

/************** primary version ************/

.primary-background .infoBox {
    color: var(--primary-bg-text-color);
    background-color: var(--primary-bg-background-color)
}

.primary-background .infoBox:after {
    border-left-color: var(--primary-bg-background-color)
}

.primary-background .distanceSection {
    color: var(--primary-bg-text-color);
    background-color: var(--primary-background)
}

.primary-background .visibleRouteTo {
    background-color: var(--primary-bg-overlay-color)
}

/*********** end of primary version *********/

/************** secondary version *************/

.secondary-background .infoBox {
    color: var(--secondary-bg-text-color);
    background-color: var(--secondary-bg-background-color)
}

.secondary-background .infoBox:after {
    border-left-color: var(--secondary-bg-background-color)
}

.secondary-background .distanceSection {
    color: var(--secondary-bg-text-color);
    background-color: var(--secondary-background)
}

.secondary-background .visibleRouteTo {
    background-color: var(--secondary-bg-overlay-color)
}

/*********** end of secondary version *********/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

footer {
    background: var(--footer-background)
}

footer,
footer a,
footer a:hover,
footer p {
    color: var(--footer-color)
}

footer h3 {
    color: var(--footer-heading-color)
}

footer .sm-item .fa {
    color: var(--footer-sm-color);
    background: var(--footer-sm-background-color)
}

footer input.email[type="email"] {
    color: var(--footer-color);
    background: var(--footer-input-background);
    border-color: var(--footer-input-border)
}

footer .newsletter-sign-up input::-webkit-input-placeholder {
    color: var(--footer-color)
}

footer .newsletter-sign-up input::-moz-placeholder {
    color: var(--footer-color)
}

footer .newsletter-sign-up input:-ms-input-placeholder {
    color: var(--footer-color)
}

footer .newsletter-sign-up input:-moz-placeholder {
    color: var(--footer-color)
}

footer .newsletter-sign-up input[type="submit"],
footer .newsletter-sign-up .button {
    color: var(--footer-button-color);
    background: var(--footer-button-background);
    border-color: var(--footer-button-border-color)
}

footer .bottom-bar {
    background: var(--footer-bottom-bar-background);
    border-color: var(--footer-border-color)
}

footer .bottom-bar,
footer .bottom-bar a {
    color: var(--footer-color)
}

/*******************************/

/*******************************/

/*******************************/

/*******************************/

@media(min-width:1200px) {
    a,
    .primary-link,
    header .top-bar a,
    .secondary-link,
    .primary-button,
    .button,
    button,
    input[type="submit"],
    input[type="button"],
    .secondary-button,
    input[type="reset"] {
        opacity: 1;
        -webkit-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease
    }
    .primary-link:hover,
    header .top-bar a:hover,
    .secondary-link:hover,
    .sm-item a:hover .fa,
    .content-wrapper a:hover,
    .ui-widget-content a:hover,
    .flex-container a:hover {
        opacity: 0.8
    }
    footer a:hover,
    footer .active a {
        opacity: 1;
        color: var(--footer-link-hover-color)
    }
    footer .sm-item a:hover .fa {
        opacity: 1;
        background-color: var(--footer-link-hover-color)
    }
    .primary-button:hover,
    .button:hover,
    button:hover,
    input[type="submit"]:hover,
    input[type="button"]:hover,
    .button:focus,
    button:focus,
    input[type="submit"]:focus,
    input[type="button"]:focus {
        color: var(--primary-button-hover-color);
        background-color: var(--primary-button-hover-background)
    }
    .secondary-button:hover,
    input[type="reset"]:hover,
    input[type="reset"]:focus {
        color: var(--secondary-button-hover-color);
        background-color: var(--secondary-button-hover-background);
        border-color: var(--secondary-button-hover-border-color)
    }
    .primary-background .secondary-button:hover,
    .primary-background input[type="reset"]:hover,
    .primary-background input[type="reset"]:focus {
        color: var(--primary-background);
        background-color: var(--primary-bg-button-color);
        border-color: var(--primary-bg-button-color)
    }
    .secondary-background .secondary-button:hover,
    .secondary-background input[type="reset"]:hover,
    .secondary-background input[type="reset"]:focus {
        color: var(--secondary-background);
        background-color: var(--secondary-bg-button-color);
        border-color: var(--secondary-bg-button-color)
    }
    a:hover,
    .ui-widget-content a:hover {
        color: var(--primary-link-color)
    }
    header a:hover,
    header .sub-menu-open>a {
        color: var(--header-link-hover-color);
        opacity: 1
    }
    .sub-menu-open .sub-menu-arrow {
        border-left-color: var(--header-link-hover-color);
        border-bottom-color: var(--header-link-hover-color)
    }
    #main-menu a:hover:after {
        background-color: var(--header-link-hover-color)
    }
    footer .news-letter input[type="submit"]:hover {
        background-color: var(--footer-button-hover-background);
        border-color: var(--footer-button-hover-background)
    }
    .main-visual .slick-dots li:hover {
        border-color: var(--main-visual-pager-active-border-color);
        background-color: var(--main-visual-pager-active-border-color);
        color: var(--main-visual-pager-active-color)
    }
    .slick-dots li:hover,
    .pagination li a:hover {
        border-color: var(--pager-active-border-color);
        background-color: var(--pager-active-background-color);
        color: var(--pager-active-color)
    }
    /************** overlay version *************/
    .primary-overlay .slick-dots li:hover,
    .primary-overlay .pagination li a:hover {
        border-color: var(--overlay-text-color);
        background-color: var(--overlay-icon-color);
        color: var(--overlay-text-color)
    }
    /********** end of overlay version **********/
    /************** primary version *************/
    .primary-background a:not(.primary-button):hover,
    .primary-background .ui-widget-content a:hover,
    .primary-overlay a:not(.primary-button):hover,
    .primary-overlay .ui-widget-content a:hover {
        opacity: 0.8
    }
    .primary-background .slick-dots li:hover,
    .primary-background .pagination li a:hover,
    .primary-background .primary-overlay .slick-dots li:hover,
    .primary-background .primary-overlay .pagination li a:hover {
        border-color: var(--primary-bg-text-color);
        background-color: var(--primary-bg-text-color);
        color: var(--primary-bg-text-color)
    }
    /********** end of primary version **********/
    /************** secondary version *************/
    .secondary-background .slick-dots li:hover,
    .secondary-background .pagination li a:hover,
    .secondary-background .primary-overlay .slick-dots li:hover,
    .secondary-background .primary-overlay .pagination li a:hover {
        border-color: var(--secondary-bg-background-color);
        background-color: var(--secondary-bg-background-color);
        color: var(--secondary-bg-background-color)
    }
    /********** end of secondary version **********/
}

/*******************************/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

.call-btn,
.email-btn,
.content-wrapper ul li:after,
.sub-content-wrapper ul li:after,
.bottom-content-wrapper ul li:after,
.xbox.xbox-style-15 .primary-overlay h1,
.xbox.xbox-style-15 .primary-overlay h2,
.xbox.xbox-style-15 .primary-overlay h3,
.xbox.xbox-style-15 .primary-overlay h4,
.xbox.xbox-style-15 .primary-overlay h5,
.xbox.xbox-style-15 .primary-overlay h6,
.address-block-wrapper a,
.xbox.xbox-style-15 .link-wrapper .primary-link a,
.xbox.xbox-style-15 .contact-detail a {
    color: inherit
}

.hotel-list .tabs-default,
.hotel-list .has-sub-menu h3 span:after,
.hotel-list .has-sub-menu h3 span:before {
    color: #898989
}

.hotel-list .tabs-first-level>.xList-intro .title-wrapper li.active span,
.hotel-list .align-l.tabs-first-level>.xList-intro .title-wrapper li:hover,
.our-hotels-list .image-only .hotel-rate,
.booking-blocks.button-section button,
.offer-rotator-item .secondary-button,
#availability-checker .bookingmaskWrapper,
#availability-checker .hotels-selector,
#availability-checker select,
#availability-checker input,
#datepicker .dp-highlight a,
#datepicker .dp-highlight-active a,
#datepicker .ui-state-highlight,
#main-menu-top-bar,
.header-media-icon:before,
.header-button.secondary-link,
.offer-rotator-item .image-content span,
.rotator-with-hover-click-animations h1,
.rotator-with-hover-click-animations h2,
#ui-datepicker-div .ui-icon:before,
#ui-datepicker-div.ui-widget-content a:hover,
.rotator-C .pager-navigation .slick-slide:before,
.submenu-with-simple-rotator .rotator-C .pager-navigation .slick-slide.slick-current,
.xbox-gallery .slider-pagination,
.xbox-gallery ul.gallery-item-list:after,
.xbox-gallery .gallery-cat-wrapper,
.mobile-booking select,
.mobile-booking .hotels-selector:after,
.login-wrapper a,
.profile-navigation nav.menu-horizontal li.active a,
#ui-datepicker-div .datepicker-choose.booking-blocks select,
.transaction-headings label,
.mobile-booking .choose span,
#redeem-pop-up h4,
.gallery-wrapper .video-item a:before,
.xbox.xbox-typeA .image-wrapper.video-item>a:before,
.fancybox-content .fancy-caption,
.fancybox-content .fancy-caption h3,
.forms-datepicker .ui-state-highlight,
.contact-form-details,
.contact-form-details h5,
.primary-overlay select,
.primary-overlay .sm-item .fa,
.primary-overlay .best-rate-label,
.membership-color,
.level-color,
.main-visual a,
.main-visual-with-video a,
.main-visual-with-video a:hover,
.use-white-font,
.use-white-font .breadcrumb-nav a,
.use-white-font a,
body .primary-background .cms-form .fa-refresh,
.black-background h2,
.main-visual-with-video .slogan,
.gallery-caption-download a,
.gallery-caption-download,
.ui-widget-content a.ui-datepicker-prev,
.ui-widget-content a.ui-datepicker-next {
    color: #fff
}

.content-panel-heading,
.our-hotels-list .image-only .item-title,
.our-hotels-list .cat-item,
.bookingmask-wrapper select,
.bookingmask-wrapper .field-label,
.bookingmask-wrapper #reservation-form .input-wrapper>span,
.reservation-panel .left-menu ul li,
.reservation-panel .bottom-menu ul li.active,
.bookingmask-wrapper input,
.reservation-panel .bottom-menu ul li:hover,
.booking-offers .offers-from,
.booking-offers .offers-hotel,
.language-switch ul li a,
header .full-height-menu a,
.header-fixed header .active:not(.sub-menu-active)>a,
header .full-height-menu .active>a,
.sub-menu-visible header,
.sub-menu-visible header #main-menu-top-bar,
.sub-menu-visible header a:not(.primary-button),
.sub-menu-visible .header-media-icon:before,
header.header-fixed nav a,
.header-fixed header nav a,
.rotator-C .pager-navigation .slick-slide.slick-current,
.secondary-background .tabs-default .title-wrapper li.active,
.tabs-default .title-wrapper li.active,
.rotator-C .slick-active:not(.slick-current) .pager-title:hover,
.member-signin a:hover,
.rotator-A-1 .slick-current .pager-title,
.get-directions .input-wrapper:before,
.rotator-with-hover-click-animations .content-wrapper h1,
.rotator-with-hover-click-animations .content-wrapper h2,
.attraction-style-1 .detail-heading,
.capacity-list-item.visible-view,
.main-content-nav.menu-horizontal li.active a,
.ui-accordion .ui-accordion-header.accordion-header,
.terms-menu-inner>span.active,
.terms-menu-inner>span:hover,
.transaction-label,
.transaction-description .toggle-btn,
.xbox.xbox-style-15 .content-wrapper h3,
.xbox.xbox-style-15 .image-content h3,
.offer-filter-checkbox .fb-helper,
.offer-filter-checkbox .fb-cr input:checked~label,
.offer-filter-checkbox .fb-cr input:checked~.fb-checkbox-helper:after,
.reservation-list-option>span.active,
#availability-checker select option,
.ui-datepicker select option,
.seperate-checkbox .fb-cr input:checked~.fb-checkbox-helper:after,
.seperate-checkbox .fb-helper::after,
.address-block-wrapper .additional-options>a,
.sub-menu-visible .header-media-icon,
.sub-menu-visible header .call-us a,
.xbox.xbox-style-15 .link-wrapper .primary-link,
#dis-dur-wrapper .distance-detail,
#dis-dur-wrapper .duration-detail,
footer .designed-by a:hover,
.room-selection-wrapper .room-item span,
.compare-rooms-wrapper .room-selection-wrapper .room-item.active,
.level-text,
header .cms-form-holder .cms-form .form-control,
header .cms-form-holder .cms-form label:not(.error),
body .cms-form .fa-refresh,
.xbox.xbox-typeA .info-wrapper .openeing-heading,
.use-black-font {
    color: #000
}

.booking-blocks p.best-rate,
.best-rate-label {
    color: #937f3a
}

.xbox.xbox-style-15 .content-wrapper,
.xbox.xbox-style-15 .image-content,
.expand-hide-wrapper {
    color: #383838
}

#availability-checker .best-rate-bm .starting-from,
.bookingmaskWrapper .input-text {
    color: #bbb
}

.use-white-font .breadcrumb-nav a.active {
    color: #fbfbfb
}

#availability-checker .error-booking select {
    color: #f00
}

.secondary-background .tabs-default .title-wrapper li,
.tabs-default .title-wrapper li,
.main-content-nav.menu-horizontal li a {
    color: #787878
}

.hotel-list .align-l.tabs-first-level>.xList-intro .title-wrapper li,
.profile-navigation nav.menu-horizontal li a {
    color: #6b6b6b
}

.member-signin,
.member-signin a,
.breadcrumb-nav a,
breadcrumb-nav {
    color: #555
}

header .booking-menu-contents .content-wrapper a,
header .booking-menu-contents .content-panel a,
header .booking-menu-contents .content-wrapper a:hover,
header .booking-menu-contents .content-panel a:hover {
    color: #c3986b
}

.tabs-default .title-wrapper li:hover,
.main-content-nav.menu-horizontal li a:hover,
.compare-rooms-wrapper .room-selection-wrapper .room-item {
    color: #4d4d4d
}

.hotelInfo {
    color: #404040
}

.breadcrumb-nav a.active {
    color: #111
}

.capacity-list-item {
    color: #747474
}

footer .copyright-bar p,
.contact-tel-only a,
footer .designed-by a {
    color: #7d7d7d
}

.slider-with-intro .room-features-wrapper {
    color: #888
}

.compare-item .best-rate-label {
    color: #575757
}

.compare-item .content-wrapper .content-inner-wrapper>h4 {
    color: #444343
}

.expand-outer span {
    color: #343434
}

#field_time_reserve-a-table option:not(:first-child):disabled {
    color: #c0c0c0
}

.fb-cr input:checked~.fb-checkbox-helper:after {
    color: var(--icon-color)
}

.link-color {
    color: var(--default-link-color)
}

.offer-grid-list .primary-overlay select,
.primary-overlay select option {
    color: var(--overlay-icon-color)
}

.bookingmask-wrapper input::-webkit-input-placeholder,
header .cms-form-holder .cms-form .form-control::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

.bookingmask-wrapper input::-moz-placeholder,
header .cms-form-holder .cms-form .form-control::-moz-placeholder {
    color: #000;
    opacity: 1
}

.bookingmask-wrapper input:-ms-input-placeholder,
header .cms-form-holder .cms-form .form-control:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.bookingmask-wrapper input:-moz-placeholder,
header .cms-form-holder .cms-form .form-control:-moz-placeholder {
    color: #000;
    opacity: 1
}

.form-control::-webkit-input-placeholder {
    opacity: 1
}

.form-control::-moz-placeholder {
    opacity: 1
}

.form-control:-ms-input-placeholder {
    opacity: 1
}

.form-control:-moz-placeholder {
    opacity: 1
}

#availability-checker .booking-blocks input.visible::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

#availability-checker .booking-blocks input.visible::-moz-input-placeholder {
    color: #fff;
    opacity: 1
}

#availability-checker .booking-blocks input.visible:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

#availability-checker .booking-blocks input.visible::-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

#availability-checker .booking-blocks input.visible::placeholder {
    color: #fff;
    opacity: 1
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--field-background) inset !important;
    -webkit-text-fill-color: var(--field-color) !important
}

.cms-form-holder h4 {
    color: var(--label-color)
}

.required-icon {
    color: #fe0000
}

.current .booking-tense {
    color: #008000
}

.cancel .booking-tense {
    color: #f00
}

.fa-share-alt:before,
.share-label {
    color: #323232
}

.primary-overlay .fb-inner:after,
.primary-overlay .fa,
.primary-overlay .file-button span {
    color: inherit
}

.career-details h5 {
    color: var(--text-color)
}

.tabs-default .title-wrapper ul:after,
.hotel-list .tabs-default>.xList-items>.xList-item>h3,
.profile-navigation {
    border-bottom-color: #dfdfdf
}

.bookingmaskWrapper select:focus,
.xbox.xbox-style-15 .image-wrapper .image-content:after,
.terms-menu-inner>span {
    border-bottom-color: #fff
}

.sub-menu-visible .sub-menu-arrow,
.header-fixed .sub-menu-arrow {
    border-left-color: #000;
    border-bottom-color: #000
}

.secondary-background .tabs-default .title-wrapper li:hover,
.tabs-default .title-wrapper li,
.tabs-default .title-wrapper li:hover {
    border-color: transparent
}

#ui-datepicker-div.ui-widget-content a:hover {
    border-color: #f0484e
}

.rooms-selector .room-types {
    border-color: #c8c8c8
}

.secondary-link:hover {
    border-color: inherit
}

.xbox.xbox-style-13 .info-popup-box .box-arrow:before {
    border-right-color: var(--pop-up-border-color)
}

.xbox.xbox-style-13 .info-popup-box .box-arrow:after {
    border-right-color: var(--pop-up-background-color)
}

.inner-map-wrapper {
    border-color: #babbba
}

.main-container .ui-accordion .ui-accordion-header.accordion-header {
    border-bottom-color: #d5d5d5
}

.rotator-with-hover-click-animations .item {
    border-right-color: #737373
}

.reserve-row-item:before,
.reservation-dates>div,
.booking-tense {
    border-color: #c7c9cb
}

.slider-with-intro .flex-container,
.slider-with-intro .image-wrapper-with-slider:after {
    border-color: #b4b4b4
}

.secondary-background .primary-overlay .use-border {
    border-color: #b3b4b3
}

.rotator-C .pager-navigation .slick-slide:before,
.terms-menu-inner>span:after,
.transaction-description .toggle-btn:after,
.seperate-checkbox .fb-helper {
    border-color: #000
}

.submenu-with-simple-rotator .rotator-C .pager-navigation .slick-slide:before,
.profile-navigation nav.menu:after {
    border-color: #fff
}

.xbox.xbox-style-15 .primary-overlay .use-border {
    border-color: #9a9998
}

.sign-in-column {
    border-color: #e1e1e1
}

.ui-accordion .accordion-header:after {
    border-color: #717171
}

.transaction-row {
    border-color: #c3986b
}

.offer-grid-list .primary-overlay select,
.offer-grid-list .primary-overlay select:focus {
    border-color: #a2a2a2
}

.xList-masonry .xList-item {
    border-color: #e3e3e3
}

.rotator-A .pager-slider .slick-slide.slick-current:after {
    border-top-color: #b9b9b9
}

#availability-checker .choose select,
#availability-checker input {
    border-bottom-color: #969698
}

.compare-rooms-wrapper .content-inner-wrapper h4 {
    border-top-color: #ddd
}

.rooms-selector .room-types:after {
    border-color: #525252
}

.membership-details>div {
    border-color: #a2a2a2
}

.language-switch ul {
    background: rgba(211, 211, 211, 1)
}

.hotel-list .tabs-default,
.hotel-list .tabs-default.align-l .xList-intro,
.menu-wrapper-close.use-scale-animate,
.secondary-background .tabs-default .title-wrapper li.active,
.secondary-background .tabs-default .title-wrapper li:hover,
.reservation-wrapper-close,
.tabs-default .title-wrapper li,
.tabs-default .title-wrapper li.active,
.tabs-default .title-wrapper li:hover,
.xbox.xbox-style-13 .info-popup-box .popup-close,
.info-popup-box,
.xbox.xbox-type-K .detail-col .close-button,
.ui-accordion .ui-accordion-header.accordion-header,
.offer-hotel-selector select,
header li.xList-item ul.xList-items,
.seperate-checkbox .fb-checkbox-helper,
.fancybox-button--close {
    background: none
}

.hotel-list .has-sub-menu h3 span:after,
.hotel-list .has-sub-menu h3 span:before {
    background: #898989
}

.hotel-list h2:after,
.hotel-list h2:before,
footer h3:after,
footer h3:before {
    background-color: #7f7f7f
}

#datepicker .dp-highlight-active,
#ui-datepicker-div.ui-widget-content a:hover {
    background: #f0484e
}

#datepicker .dp-highlight {
    background: #8b8b8b
}

.our-hotels-list>.last-column:before {
    background: #d1d1d1
}

.our-hotels-list .image-only .hotel-rate,
.booking-mask-toggle,
.media-wrapper {
    background: rgba(0, 0, 0, 0.8)
}

.header-media-icon {
    background: rgba(0, 0, 0, 0.55)
}

#datepicker,
.rotator-with-hover-click-animations .item .inner-background:after {
    background: rgba(0, 0, 0, 0.5)
}

#availability-checker .bookingmaskWrapper {
    background: rgba(52, 52, 52, 0.82)
}

.xbox.xbox-type-K .primary-overlay,
.hover-visible.primary-overlay {
    background: rgba(97, 105, 95, 0.9)
}

.xbox.xbox-type-K .secondary-background {
    background: rgba(227, 228, 226, 1)
}

.mobile-booking select,
.mobile-booking .choose span {
    background: #587178
}

.primary-button:before {
    background-color: var(--primary-button-hover-background)
}

.primary-link:before {
    background-color: inherit
}

.secondary-button:before,
.secondary-button:focus,
.secondary-link:before {
    background-color: #858585
}

#reservation-form .booking-btn.primary-button:before {
    background: #1b5d70
}

#reservation-form .booking-btn.secondary-button:before {
    background: #2c2c2c
}

.visibleRouteTo {
    background: #d4d5d4
}

.info-popup-box .close-button:before,
.info-popup-box .close-button:after {
    background: #757575
}

.floor-chart-wrapper .columns.nine {
    background-color: #bebebe
}

.forms-datepicker .ui-datepicker-current-day a.ui-state-active {
    color: var(--ui-state-highlight-color);
    background-color: var(--ui-state-highlight-background-color);
    border-color: var(--ui-state-highlight-border-color)
}

.forms-datepicker .ui-state-highlight {
    background-color: transparent;
    border-color: transparent
}

.fb-checkbox-helper,
.fb-radio-helper {
    background: var(--field-background)
}

.scroll-up-wrapper {
    background: #000;
    border-color: #000
}

.scroll-icon-animator,
.scroll-icon-animator:after {
    border-color: #fff
}

.header-fixed header,
.booking-mask-toggle.close-button:before,
.booking-mask-toggle.close-button:after,
.main-menu-wrapper>.row,
.sub-menu-visible header,
.our-hotels-list .arrows-wrapper .slick-arrow span,
.reservation-panel,
.reservation-panel .left-menu ul li:before,
.hotel-list,
.rotator-with-hover-click-animations .close-icon,
.secondary-background .slick-arrow>span,
.xbox-gallery .gallery-label.active:after,
.xbox.xbox-type-K .close-button,
.close-fullscreen,
.hotel-list .tabs-first-level>.xList-intro .title-wrapper li:after,
.offer-grid-list .primary-overlay,
.transaction-row,
footer .mobile-booking,
.pop-up-mesg-inner,
.reservations-list-wrapper li,
#availability-checker-panel .additional-wrapper,
.grid-list .xbox.xbox-typeA,
.xList-masonry .xbox.xbox-typeA,
.detail-column .detail-description,
.address-block-wrapper,
.marker-logo,
.overlay-direction-wrapper,
.compare-rooms-wrapper,
.primary-background .arrows-wrapper>.slick-arrow>span,
.primary-background .arrows-wrapper>.prev>span,
.primary-background .arrows-wrapper>.next>span {
    background: #fff
}

.secondary-background .arrows-wrapper>.slick-arrow>span {
    background-color: #fff
}

.hotel-list .tabs-first-level>.xList-intro .title-wrapper li:before,
.profile-navigation nav li:before,
.transaction-headings,
#redeem-pop-up h4 {
    background: #a2a2a2
}

.booking-blocks.button-section button.primary-button,
header .cms-form-holder .cms-form .primary-button {
    background: #587077
}

.booking-blocks.button-section button.secondary-button {
    background: #525252
}

.offer-rotator-item .secondary-button {
    background: #929c22
}

#main-menu li.has-submenu ul,
#main-menu nav>ul li.has-submenu.sub-menu-open:before,
.our-hotels-submenu {
    background-color: #f1f1f1
}

.header-fixed #menu-btn .menu-line,
.sub-menu-visible #menu-btn .menu-line,
.reservation-wrapper-close:before,
.reservation-wrapper-close:after,
.zoom-button,
.submenu-with-simple-rotator .rotator-C .pager-navigation .slick-slide:before,
.secondary-background .slick-arrow,
.xbox-gallery .videos.active ul.gallery-item-list:after,
.xbox-gallery .smart.active ul.gallery-item-list:after,
.xbox.xbox-style-15 .close-button:before,
.xbox.xbox-style-15 .close-button:after,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.reservation-list-option>span:after,
.adults-children-expander:after,
.adults-children-expander:before,
.fancybox-navigation>a,
.residence-wrapper .pager-slider .pager-nav,
.xbox-gallery ul.gallery-item-list,
.black-background {
    background: #000
}

.menu-wrapper-close:before,
.menu-wrapper-close:after,
.reservation-wrapper-close:before,
.reservation-wrapper-close:after {
    background: #a4a4a4
}

.xbox.xbox-type-K .close-button:before,
.xbox.xbox-type-K .close-button:after,
.close-fullscreen:before,
.close-fullscreen:after {
    background: #7a7a7a
}

.secondary-background .arrows-wrapper>.slick-arrow {
    background-color: #000
}

.our-hotels-list .arrows-wrapper .slick-arrow {
    background: #848484
}

.reservation-panel .left-panel,
.reservation-panel .right-panel {
    background: #e5e5e5
}

.rotator-with-hover-click-animations .close-icon:before,
.rotator-with-hover-click-animations .close-icon:after {
    background: #6a6a6a
}

.rotator-A .pager-slider .slick-slide>div,
.slider-with-intro .pager-wrapper ul.slick-dots,
.dining-style-1 .pager-wrapper ul.slick-dots {
    background: #FFF;
}

.submenu-with-simple-rotator,
.dark-background {
    background: #8c9b94
}

.submenu-with-simple-rotator .item-slider,
.contact-form-details {
    background: #dedede
}

.xbox-gallery ul.gallery-item-list:after,
.gallery-wrapper .video-item a:not(.download-img):before,
.xbox.xbox-typeA .image-wrapper.video-item>a:before,
.fancy-caption {
    background: rgba(0, 0, 0, 0.7)
}

.main-visual-slogan-wrapper:before {
    background: rgba(255, 255, 255, 0.37)
}

.facebook-login-wrapper a {
    background: #3b5a9a
}

.gmail-login-wrapper a {
    background: #e05449
}

.twitter-login-wrapper a {
    background: #3d9cd6
}

.profile-navigation li,
.reservation-grid-list {
    background: #dfdfdf
}

.terms-menu-inner {
    background: #e3e4e2
}

.booking-tense {
    background: #f2f3f3
}

.GOLD,
.level1 {
    background: #bf8700
}

.PLATINUM,
.level2 {
    background: #6f6f6f
}

.BLACK,
.level3 {
    background: #000
}

.tier-progress-bar .level-color.GOLD:after,
.tier-progress-bar .level-color.level1:after {
    border-color: transparent transparent transparent #bf8700
}

.tier-progress-bar .level-color.PLATINUM:after,
.tier-progress-bar .level-color.level2:after {
    border-color: transparent transparent transparent #6f6f6f
}

.tier-progress-bar .level-color.BLACK:after,
.tier-progress-bar .level-color.level3:after {
    border-color: transparent transparent transparent #000
}

.social-share .sm-item .fa {
    background-color: #323232
}

.transaction-row .transaction-row-item:nth-of-type(-n+4):after,
#availability-checker .date-selector.dateout:before {
    background: #c6c6c6
}

.fb-cr input:checked~.fb-radio-helper:after {
    background: var(--icon-color)
}

.secondary-background .slick-dots li.slick-active,
.secondary-background .pagination li a.active,
.secondary-background .primary-overlay .slick-dots li.slick-active,
.secondary-background .primary-overlay .pagination li a.active {
    border-color: var(--secondary-bg-text-color);
    background-color: var(--secondary-bg-text-color)
}

.header-fixed header {
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.75)
}

.sub-menu-visible .header-media-icon,
.sub-menu-visible header .call-us a {
    background: rgba(211, 211, 211, 1);
    border-color: rgba(211, 211, 211, 1)
}

#ui-datepicker-div .ui-datepicker-current-day a {
    color: var(--ui-state-highlight-color);
    background-color: var(--ui-state-highlight-background-color);
    border-color: var(--ui-state-highlight-border-color)
}

.loading-view:after,
.pop-up-messages,
.xbox.xbox-style-15 .image-wrapper,
body.results-loading:after {
    background-color: rgba(0, 0, 0, 0.54)
}

.loading-view:before,
body.results-loading:before {
    border-color: rgba(255, 255, 255, 0.24);
    border-top-color: #fff
}

.xbox.xbox-style-15 .image-wrapper:before,
.gal-main-wrapper .gallery-item a:after {
    border-color: rgba(0, 0, 0, 0.3);
    border-top-color: #000
}

.primary-background .slick-arrow,
.primary-background .arrows-wrapper>.slick-arrow,
.primary-background .arrows-wrapper>.prev,
.primary-background .arrows-wrapper>.next {
    background-color: var(--arrow-background-color);
    border-color: var(--arrow-border-color)
}

.main-content-block .content-wrapper ul li:after {
    color: #EF494D
}

.gal-main-wrapper .filteredElement .gallery-item:before {
    -moz-box-shadow: inset 0 0 10px #000;
    -webkit-box-shadow: inset 0 0 10px #000;
    box-shadow: inset 0 0 10px #000
}

.gal-main-wrapper .filteredElement .gallery-item:after,
.treatment-row .xbox.xbox-typeA .image-wrapper:after {
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.75) 00%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.75) 00%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.75) 10%, rgba(0, 0, 0, 0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000', GradientType=0)
}

.fancybox-thumbs__list a:before {
    background: rgba(255, 255, 255, 0.65)
}

.background-image.main-menu-wrapper {
    background-color: rgba(255, 255, 255, 0.9)
}

.xList-masonry .xList-item {
    box-shadow: 0 3px 10px #e3e3e3
}

.contact-map .infoBox {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.75)
}

.secondary-button:focus {
    background-color: transparent
}

.secondary-button:focus:before {
    background-color: #858585
}

.offer-grid-list .primary-overlay,
.specific-primary-overlay {
    background: rgba(222, 222, 222, 0.85)
}

.overlay-direction-wrapper .search,
.overlay-direction-wrapper .search:hover,
.overlay-direction-wrapper .search:focus {
    background: #fff;
    color: #555
}

.submenu-with-simple-rotator .simple-rotator-with-pager .has-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current .has-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-slide:not(.slick-cloned):first-child .has-scroll .mCustomScrollbar:after {
    background: -moz-linear-gradient(to bottom, rgba(222, 222, 222, 0) 0, rgba(222, 222, 222, 0.95) 75%, rgba(222, 222, 222, 0.95) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(222, 222, 222, 0) 0, rgba(222, 222, 222, 0.95) 75%, rgba(222, 222, 222, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(222, 222, 222, 0) 0, rgba(222, 222, 222, 0.95) 75%, rgba(222, 222, 222, 0.95) 100%)
}

.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current+.slick-slide .has-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-slide .has-scroll .mCustomScrollbar:after {
    background: -moz-linear-gradient(to bottom, rgba(234, 234, 234, 0) 0, rgba(234, 234, 234, 0.95) 75%, rgba(234, 234, 234, 0.95) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(234, 234, 234, 0) 0, rgba(234, 234, 234, 0.95) 75%, rgba(234, 234, 234, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(234, 234, 234, 0) 0, rgba(234, 234, 234, 0.95) 75%, rgba(234, 234, 234, 0.95) 100%)
}

.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current+.slick-slide+.slick-slide .has-scroll .mCustomScrollbar:after {
    background: -moz-linear-gradient(to bottom, rgba(241, 241, 241, 0) 0, rgba(241, 241, 241, 0.95) 75%, rgba(241, 241, 241, 0.95) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(241, 241, 241, 0) 0, rgba(241, 241, 241, 0.95) 75%, rgba(241, 241, 241, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(241, 241, 241, 0) 0, rgba(241, 241, 241, 0.95) 75%, rgba(241, 241, 241, 0.95) 100%)
}

@media (min-width:750px) {
    .hotel-list .tabs-horizontal .title-wrapper li.active {
        background: #a2a2a2
    }
    .hotel-list .tabs-horizontal .title-wrapper li {
        background: #dfdfdf
    }
    .hotel-list .tabs-default .title-wrapper ul:after {
        background: #dfdfdf
    }
    .rotator-with-hover-click-animations .content-wrapper h1,
    .rotator-with-hover-click-animations .content-wrapper h2 {
        color: #fff
    }
    .submenu-with-simple-rotator .simple-rotator-with-pager,
    .submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current,
    .submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-slide:not(.slick-cloned):first-child {
        background: #dedede
    }
    .submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current+.slick-slide,
    .submenu-with-simple-rotator .simple-rotator-with-pager .slick-slide {
        background: #eaeaea
    }
    .submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current+.slick-slide+.slick-slide {
        background: #f1f1f1
    }
    .info-popup-box {
        background: var(--pop-up-background-color)
    }
    .xbox.xbox-style-15 .image-wrapper .image-content:after {
        border-bottom-color: rgba(222, 222, 222, 0.85)
    }
    .training-program-slider .slick-active+.slick-active .use-background:before {
        background: #000
    }
    .dining-more-options-wrapper .training-program-slider .slick-active+.slick-active .use-background:after,
    .dining-more-options-wrapper .training-program-slider .slick-active+.slick-active .use-background:before {
        background: #fff
    }
}

@media (min-width:1000px) {
    .training-program-slider .slick-active+.slick-active .use-background:after,
    .training-program-slider .slick-active+.slick-active .use-background:before {
        background: #000
    }
    .main-row {
        margin-bottom: 70px
    }
}

@media (min-width:1200px) {
    #main-menu-top-bar a:hover,
    header .main-menu-wrapper nav.menu ul li a:hover {
        opacity: 0.5
    }
    .loyalty-body.view-my-transactions .terms-trans-link .forgot-pw:first-child a {
        color: var(--primary-link-color)
    }
    #main-menu-top-bar .call-us a:hover,
    .hotel-list .tabs-default>.xList-items .read-more:hover,
    .reservation-list-option>span:hover {
        color: #000
    }
    .profile-navigation nav.menu-horizontal li:hover a {
        color: #fff
    }
    .secondary-link:hover {
        border-color: #858585
    }
    body .main-container a.secondary-button:hover {
        opacity: 1
    }
    footer .sm-item.facebook a:hover .fa {
        background: #3b5998
    }
    footer .sm-item.twitter a:hover .fa {
        background: #00aced
    }
    footer .sm-item.flickr a:hover .fa {
        background: #0062DC
    }
    footer .sm-item.youtube a:hover .fa {
        background: #b00
    }
    footer .sm-item.instagram a:hover .fa {
        background: #517fa4
    }
    footer .sm-item.pinterest a:hover .fa {
        background: #cb2027
    }
    footer .sm-item.linkedin a:hover .fa {
        background: #0077b5
    }
    .transaction-row-wrapper .transaction-row:nth-of-type(2n) {
        background: #dfdfdf
    }
    .transaction-row-wrapper .transaction-row {
        background: #d7d7d7
    }
}

@media (max-width:1200px) {
    .use-landscape-black {
        color: #000
    }
    .dining-side-accordion-wrapper .accordion-inner {
        background: rgba(227, 228, 226, 1)
    }
    .dining-side-accordion-wrapper .accordion-block .accordion-header:after {
        border-color: #000
    }
}

@media (max-width:1000px) {
    .use-portrait-black {
        color: #000
    }
    .xbox.xbox-type-K .gallery-wrapper {
        background: rgba(227, 228, 226, 1)
    }
    .xbox.xbox-type-K .detail-container .detail-col:before,
    .xbox.xbox-type-K .gallery-wrapper:before {
        background: #fff
    }
    .rooms-selector-options {
        background: #e4e4e4
    }
    .residence-wrapper {
        border-top-color: #fff
    }
    .no-portrait-bg {
        background-color: transparent
    }
    .rotator-C .item-slider {
        background: var(--secondary-bg-overlay-color)
    }
    .secondary-background .rotator-C .item-slider .primary-overlay {
        background: transparent
    }
}

@media (max-width:750px) {
    header,
    .header-fixed header,
    .hotel-list .tabs-first-level>.xList-intro .title-wrapper li.active span:after {
        background: rgba(0, 0, 0, 1)
    }
    .menu-burger-icon .menu-line,
    .loyalty-body .content-block-wrapper,
    .loyalty-body .content-block-wrapper:before,
    .odd-even-xlist .xbox-style-11 .flex-container {
        background: #fff
    }
    footer,
    .row.hotel-list {
        background: #e2e2e2;
        color: #767676
    }
    .mobile-menu-bar-item {
        color: #fff
    }
    footer .columns .columns,
    footer .three.last-column .menu-vertical,
    footer .container>.columns.last-column,
    .hotel-list:after,
    .hotel-list .tabs-default>.xList-items>.xList-item>h3 {
        border-color: #d5d5d5
    }
    .hotel-list .align-l.tabs-first-level>.xList-intro .title-wrapper li {
        border-color: #c4c4c4
    }
    footer .container h3,
    .hotel-list .tabs-default>.xList-items,
    .hotel-list .align-l.tabs-first-level>.xList-intro .title-wrapper li,
    .hotel-list .tabs-first-level>.xList-intro .title-wrapper li.active span,
    .hotel-list .align-l.tabs-first-level>.xList-intro .title-wrapper li:hover,
    .use-mobile-black {
        color: #000
    }
    .no-mobile-bg {
        background-color: transparent
    }
    .contact-detail-wrapper .xList-item {
        box-shadow: 0 3px 10px #e3e3e3
    }
    .change-bg-color-mobile .item-slider,
    .simple-rotator-with-pager .xbox.attraction-style-1 {
        background: #FFF;
    }
}

/*** Dining Detail ***/

@media (min-width:1200px) {
    .dining-more-options-wrapper h2 {
        background-color: rgba(0, 0, 0, .42);
        color: #fff
    }
}

/*** Dining Detail ***/

.residence-wrapper .rotator-A-1 .pager-slider {
    background: rgba(0, 0, 0, 1)
}

.residence-wrapper .rotator-A .pager-slider .slick-slide>div {
    background: transparent
}

.residence-wrapper .rotator-A .pager-slider .pager-title {
    color: #fff
}

@media (min-width:750px) {
    .residence-wrapper .rotator-A .pager-slider .pager-title {
        color: #fff
    }
    .residence-wrapper .rotator-A .pager-slider .slick-current .pager-title {
        color: #000;
        background: rgba(255, 255, 255, 0.6)
    }
    .residence-wrapper .rotator-A .pager-slider .pager-title {
        border-top-color: rgba(255, 255, 255, 0.6)
    }
    .residence-wrapper .section-title {
        background: rgba(0, 0, 0, 0.6);
        color: #fff
    }
    .residence-wrapper .section-title span {
        color: #fff
    }
    .dining-offers-events-section .first-column {
        background-color: #e3e4e2
    }
    .dining-offers-events-section .last-column {
        background-color: #f1f1f1
    }
}

.secondary-background .offers-block .primary-overlay,
.offer-grid-list .primary-overlay {
    background: rgba(525E75, 525E75, 525E75, 0.8)
}

/*** Download Terms and Conditions ***/

#download-terms-wrapper {
    color: #000
}

#download-terms-wrapper button {
    background-color: rgba(237, 31, 31, 1)
}

/*** Download Terms and Conditions ***/

/*******************************/

/*******************************/

/*******************************/

/*******************************/

/** THEME CSS **/

/** COMMOM CSS **/

/** FONT CSS **/

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25em;
    line-height: 1.5
}

h1,
h2 {
font-family: 'Trajan Pro Regular';
font-weight:550;
    margin: 20px auto 20px;
	color: #180A0A;
}

.fullpage-row h1,
.fullpage-row h2 {
    margin: 25px auto 2.7vh
}

h3,
h4,
h5,
h6 {
    font-family: 'Noto Serif', serif;
    letter-spacing: .15em
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0;
    text-transform: initial
}

h1 {
    font-size: 1.7em;
    line-height: 1.3
}

h2 {
    font-size: 1.6em
}

h3 {
    font-size: 1.5em;
    line-height: 1.45;
    margin-bottom: 15px;
    letter-spacing: normal
}

h4 {
    font-size: 1.3em
}

h5 {
    font-size: 1.4em
}

h6 {
    font-size: 1em
}

.first-phrase,
h2 .first-phrase {
    font-size: 1em
}

p,
li,
label {
font-family: 'Lato', sans-serif;
  font-size: 15px;
}

li p {
    font-size:16px;
	color:#000;
}

li li {
    font-size: 100%
}

.ui-accordion .ui-accordion-header.accordion-header {
    font-size: 1.1em;
    letter-spacing: .15em;
    font-weight: 300
}

.main-visual .xbox-wrapper h1,
.main-visual .xbox-wrapper h2 {
    font-size: 1.8em
}

.rotator-with-hover-click-animations h1,
.content-with-hover-panel h1 {
    font-size: 2.55em
}

.rotator-with-hover-click-animations h2,
.content-with-hover-panel h2 {
    font-size: 2.15em
}

/** FONT CSS END **/

/** TEXT CSS **/

.primary-button,
.secondary-button,
.primary-link,
.content-wrapper a.primary-link,
.secondary-link,
header a,
.mobile-booking select,
.login-wrapper,
.use-uppercase,
.fb-use-uppercase {
  
}

.primary-button,
.secondary-button,
.align-center,
.fb-align-center {
    text-align: center
}

.align-right,
.fb-align-right {
    text-align: right
}

.align-left,
.fb-align-left {
    text-align: left
}

.fb-use-uppercase label.error {
    text-transform: none
}

a {
    text-decoration: none
}

.use-underline {
    text-decoration:none;
}

/** TEXT CSS END **/

/** LINK AND BUTTON CSS **/

.primary-link:after {
    content: '\f105';
    font-family: FontAwesome;
    padding-left: 10px;
    cursor: pointer
}

.secondary-link,
.secondary-button {
    padding: 5px 15px 4px;
    border-style: solid;
    border-width: 2px;
    height: auto;
    line-height: inherit;
    border-radius: 0;
    font-weight: normal;
    display: inline-block;
    position: relative;
    min-width: 88px;
    text-align: center
}

.primary-button {
    padding: 7px 15px 6px;
    border-width: 0;
    height: auto;
    line-height: inherit;
    border-radius: 0;
    font-weight: normal;
    display: inline-block;
    min-width: 90px;
    position: relative;
    text-align: center
}

@media (min-width:750px) {
    header .primary-button {
        padding: 6px 25px
    }
}

button:focus,
a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    outline: none !important
}

/** LINK AND BUTTON CSS END **/

/** BORDER CSS **/

table,
tbody,
tr,
th,
td {
    border-width: 1px;
    border-style: solid
}

/** BORDER CSS END **/

.content-wrapper ul,
.sub-content-wrapper ul,
.bottom-content-wrapper ul {
    list-style-type: none
}

.content-wrapper ul li,
.sub-content-wrapper ul li,
.bottom-content-wrapper ul li {
    padding-left: 1.5em;
    position: relative
}

.content-wrapper ul li:after,
.sub-content-wrapper ul li:after,
.bottom-content-wrapper ul li:after {
    content: ' \25C6';
    display: block;
    position: absolute;
    top: 1px;
    left: 2px;
    font-size: .9em
}

ul.xList-items ul,
ul.xList-items ol {
    margin-left: 0
}

.ui-accordion .ui-accordion-header.accordion-header {
    outline: none
}

.ui-widget-content.ui-accordion-content {
    border-width: 0
}

.primary-background .ui-accordion .ui-accordion-header.accordion-header,
.secondary-background .ui-accordion .ui-accordion-header.accordion-header,
.primary-overlay .ui-accordion .ui-accordion-header.accordion-header {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

footer ul {
    list-style-type: none
}

.arrows-wrapper>div.slick-arrow,
.pager-slider>div.slick-arrow {
    width: 40px;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    cursor: pointer
}

.arrows-wrapper>div.slick-arrow>span,
.fancybox-navigation>a>span {
    display: block;
    width: 1px;
    height: 50%;
    position: relative;
    left: 50%;
    cursor: pointer
}

.fancybox-navigation>a>span {
    height: 15px
}

.arrows-wrapper>div>.disabled,
.pager-wrapper ul li.slick-active {
    cursor: default;
    opacity: 0.6
}

.nav-left .line-one,
.nav-right .line-two,
.fancybox-button--arrow_left>.line-one,
.fancybox-button--arrow_right>.line-two {
    transform: rotate(45deg)
}

.nav-left .line-two,
.nav-right .line-one,
.fancybox-button--arrow_left>.line-two,
.fancybox-button--arrow_right>.line-one {
    transform: rotate(-45deg)
}

.nav-left .line-one,
.nav-right .line-one {
    top: 3px
}

.nav-left .line-two,
.nav-right .line-two {
    bottom: 3px
}

.fancybox-button--arrow_left>.line-one,
.fancybox-button--arrow_right>.line-one {
    top: 9px
}

.fancybox-button--arrow_left>.line-two,
.fancybox-button--arrow_right>.line-two {
    bottom: -5px
}

.fancybox-content .fancybox-navigation .fancybox-button--arrow_left {
    margin-top: 50px
}

.fancybox-content .fancybox-navigation .fancybox-button--arrow_right {
    margin-top: -94px
}

.fancybox-button--close:before {
    transform: rotate(45deg)
}

.fancybox-button--close:after {
    transform: rotate(-45deg)
}

.fancybox-button--close:before,
.fancybox-button--close:after {
    position: absolute;
    left: 50%;
    content: ' ';
    height: 33px;
    width: 1px;
    top: 4px
}

.fancybox-button--close {
    position: absolute;
    top: 18px;
    right: 78px
}

.pager-wrapper ul li {
    display: inline-block;
    border-radius: 50%;
    margin: 0 5px;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    width: 6px;
    height: 6px
}

.pager-wrapper ul.slick-dots {
    text-align: center;
    background: none
}

.pager-wrapper ul li.slick-active {
    opacity: 1
}

input,
.cms-form .form-control {
    margin-bottom: 10px
}

.main-container .cms-form .form-control,
.tabs-default .select-box-wrapper select {
    text-transform: uppercase
}

.newsletter-sign-up .field-from_email input.form-control,
.main-container .cms-form .form-control.captcha-forms {
    text-transform: inherit
}

.content-wrapper ul li,
.sub-content-wrapper ul li {
    margin-bottom: 5px
}

label {
    margin-bottom: 5px
}

table caption,
table:not(.ui-datepicker-calendar) th,
table:not(.ui-datepicker-calendar) td,
th:first-child,
td:first-child,
th:last-child,
td:last-child {
    padding: 12px 10px
}

.first-phrase,
.second-phrase {
    display: block
}

#main-menu .active>a,
footer nav .active>a,
.full-height-menu .active>a,
.full-height-menu li.our-hotels>a {
    cursor: default;
    pointer-events: none
}

.has-submenu>a {
    cursor: pointer
}

.active-clickable .active>a,
.active-clickable #main-menu .active>a {
    pointer-events: auto;
    cursor: pointer
}

/** LAYOUT CSS END **/

/***************************/

/***************************/

.cms-form-holder {
    padding: 24px 0
}

footer .cms-form-holder {
    padding: 0
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select,
.form-control {
    height: 36px;
    margin-bottom: 20px;
    width: 100%;
    border-radius: 0
}

textarea,
textarea.form-control {
    resize: vertical;
    height: 120px
}

.fb-inner input,
.fb-inner select {
    padding-right: 26px;
    text-overflow: ellipsis
}

.fb-inner select {
    padding-right: 35px
}

.fb-select-inner select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

select::-ms-expand {
    display: none
}

.fb-inner {
    position: relative
}

.fb-inner:after {
    position: absolute;
    right: 18px;
    top: calc(50% - 10px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    pointer-events: none;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px
}

.fb-inner:after {
    top: 18px
}

.fb-select-inner:after {
    content: "";
    width: 10px;
    height: 10px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg)
}

.fb-date-inner:after {
    content: "\e92d"
}

.radio label,
.checkbox label {
    display: inline-block;
    padding: 8px 0 0 8px;
    line-height: 1.3;
    vertical-align: top;
    font-weight: 400;
    margin-bottom: 0
}

.radio label.error,
.checkbox label.error {
    padding: 0
}

#privacyfield-error {
    margin-top: 10px
}

.fb-cr {
    position: relative
}

.fb-cr input {
    width: 30px;
    height: 30px;
    cursor: pointer;
    opacity: 0
}

footer .newsletter-sign-up form .checkbox input:focus {
    height: 20px
}

footer .newsletter-sign-up .fb-helper {
    height: 18px;
    width: 18px
}

footer .newsletter-sign-up .fb-cr input {
    width: 20px;
    height: 20px
}

footer .newsletter-sign-up .checkbox label {
    padding: 1px 0 0 2px
}

.fb-helper {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    pointer-events: none;
    font-size: 24px
}

.fb-checkbox-helper,
.fb-radio-helper {
    border-width: 1px;
    border-style: solid
}

.fb-checkbox-helper:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: calc(50% - 1px);
    width: 4px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.fb-radio-helper {
    border-radius: 50%
}

.fb-radio-helper:after {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 6px);
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.fb-cr input:checked~.fb-checkbox-helper:after {
    border-width: 0 2px 2px 0;
    border-style: solid
}

.fb-cr input:checked~.fb-radio-helper:after {}

.fb-file input {
    width: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.fb-file .file-button {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    padding: 5px 16px;
    box-sizing: border-box;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 1.5rem;
    border-radius: 0;
    width: 100%;
    position: relative;
    text-transform: uppercase
}

.fb-file .file-button span {
    max-width: 95%;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    margin-left: -4px
}

.fa-upload {
    font-family: 'icomoon'
}

.fa-upload:before {
    content: "\eb9c";
    font-size: 17px
}

.fb-file-helper {
    margin-right: 8px
}

.fa-upload {
    float: right;
    margin-top: 4px;
    margin-right: 0
}

.fb-button {
    margin-top: 16px
}

button[disabled=disabled],
button:disabled {
    pointer-events: none
}

footer button[disabled=disabled],
footer button:disabled {
    opacity: 0.3
}

label.error {
    margin-bottom: 16px;
    line-height: 1;
    font-size: .9em;
    font-weight: normal;
    text-align: left
}

.required-asterisk {
    font-weight: normal;
    color: inherit
}

.init-dp {
    cursor: pointer
}

form.cms-form .disabled {
    opacity: 0.6;
    cursor: default;
    pointer-events: none
}

@media (max-width:750px) {
    .fb-captcha {
        margin-top: 20px
    }
}

.ui-datepicker td:last-child,
.ui-datepicker td:first-child,
.ui-datepicker th:last-child,
.ui-datepicker th:first-child {
    padding: 1px
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 50%;
    border: 1px solid transparent;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ui-datepicker .ui-datepicker-next {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    background-image: none;
    border-radius: 100%;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before {
    content: '';
    position: absolute;
    width: 35%;
    height: 35%;
    left: 5px;
    top: 4px;
    border-top-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-left-style: solid
}

.ui-datepicker .ui-datepicker-prev span:before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ui-datepicker .ui-datepicker-next span:before {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 3px
}

.checkbox-group label.error {
    display: block;
    padding-left: 0
}

.scrollTo,
.rotator-with-hover-click-animations .scrollTo,
.xbox-style-15 .scrollTo {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    cursor: pointer;
    opacity: 1;
    position: relative;
    -ms-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.scrollTo-wrapper {
    margin: 15px auto;
    width: 100%;
    text-align: center;
    display: block
}

.scrollTo-wrapper.disabled {
    display: none
}

.scrollTo:after,
.scrollTo:before {
    content: '';
    border-style: solid;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    -webkit-animation: flickerAnimation 2s infinite;
    -moz-animation: flickerAnimation 2s infinite;
    -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite
}

.scrollTo:after {
    top: 5px
}

.scrollUp {
    transform: rotate(180deg) translateY(-3px)
}

.scrollTo.disabled {
    opacity: 0.3;
    pointer-events: none
}

@keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.show-mCustomScrollbar-scroll .mCS-autoHide>.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

/***************************/

/***************************/

.pos-rel {
    position: relative
}

.pos-abs {
    position: absolute
}

.main-block.fullpage-wrapper {
    transition: all 0.8s ease-in-out !important
}

footer .tabs-default,
.hotel-list .tabs-default .title-wrapper ul,
footer h3,
.rotator-with-hover-click-animations .intro-content-inner>h3,
.full-height-menu .menu>ul>li>a,
.main-menu-wrapper .row .columns>h3,
.bottom-menu>h3,
.cms-form-holder h4,
header .cms-form-holder .fb-header.form-group>h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300
}

footer,
.rotator-C .pager-title,
.rotator-A-1 .pager-title,
.primary-link,
.main-visual-with-video .slide-description-wrapper,
.our-hotels-list .image-only .item-title,
.our-hotels-list .image-only .hotel-rate,
.breadcrumb-wrapper,
.loyalty-corporate .image-only p,
.attraction-style-1 .detail-heading,
.offer-filter-checkbox .checkbox label,
.seperate-checkbox label,
.xbox-type-K .intro-container .bottom-contents>h4,
.career-details h5,
.amenities-image-wrapper>span:nth-child(2),
.compare-item .content-wrapper .content-inner-wrapper>h4,
.sub-section-title.payment-title {
    font-family: 'Questrial', sans-serif
}

.tabs-default .title-wrapper ul,
.item-offer-titles,
.main-visual-with-video .slogan,
.content-panel-heading,
.loyalty-corporate>.row .content-wrapper,
.main-content-nav,
.residence-wrapper .rotator-A .pager-slider .pager-title,
.dining-image-only .dining-image-desc p {
    font-family: 'Noto Serif', serif
}

.ui-widget {
    font-family: inherit
}

.hotel-list .tabs-default>.xList-items h3,
.main-menu-wrapper .row .columns>h3,
.breadcrumb-wrapper,
.cms-form-holder h4,
.floor-chart-wrapper select {
    text-transform: uppercase
}

.primary-button,
.secondary-button,
.loyalty-corporate .button-wrapper>a {
    font-size: .85em
}

.breadcrumb-wrapper {
    font-size: .95em
}

header .primary-button,
.mobile-booking-button button {
    font-size: 1.05em
}

.cms-form-holder .field-flexible_dates .checkbox label,
.cms-form-holder h4 {
    font-size: 1.1em
}

footer h3,
.reservation-panel .bottom-menu ul,
footer,
.hotel-list .tabs-default>.xList-items h3,
.hotel-list .tabs-default.tabs-first-level>.xList-intro .title-wrapper ul,
.floor-chart-wrapper select {
    font-size: 1.1em
}

footer h3 {
    font-size: 1.2em
}

footer .contact-tel-only .contact-label {
    font-size: 1.06em
}

.main-menu-wrapper .row .columns nav.menu ul ul,
.bookingmask-wrapper .field-label {
    font-size: 1.2em
}

.reservation-panel .left-menu ul li {
    font-size: 1.35em
}

.left-panel .bottom-menu>h3,
.rotator-A .pager-title,
.loyalty-corporate>.row .content-wrapper {
    font-size: 1.3em
}

.loyalty-corporate .image-only p,
.xbox.xbox-type-K .specification-value {
    font-size: 1.3em
}

.rotator-with-hover-click-animations .intro-content-inner>h3 {
    font-size: 1.25em
}

.full-height-menu .menu>ul>li>a,
.main-menu-wrapper .row .columns>h3,
.fb-header>h3 {
    font-size: 1.5em
}

.floor-chart-wrapper h2,
.xbox.xbox-style-15 .inner-title,
.xbox-type-j h3 {
    font-size: 1.6em
}

.hotel-list>.columns:first-child>h2 {
    font-size: 2em
}

.main-content-nav {
    font-size: 2em
}

.amenities-image-wrapper>span:first-child {
    font-size: 2.5em;
    display: block;
    position: relative;
    z-index: 2;
    line-height: 1
}

.loyalty-corporate h2,
.footer-member-login h2 {
    font-size: 2.5em;
    line-height: 1.2
}

#hotels-selector {
    font-size: .85em
}

.footer-member-login h2 {
    letter-spacing: -0.02em;
    line-height: 1.25;
    font-size: 2.6em;
    margin-bottom: 14px
}

.hotel-list .tabs-default.tabs-first-level>.xList-intro .title-wrapper ul {
    letter-spacing: .05em
}

.main-menu-wrapper nav.menu ul li {
    letter-spacing: .03em;
    font-size: 1em
}

.rotator-A .pager-title {
    letter-spacing: normal
}

.loyalty-corporate .image-only p {
    line-height: 1.2
}

.loyalty-corporate,
.profile-navigation nav.menu ul {
    text-align: center
}

.cms-form-holder .field-flexible_dates .checkbox label,
.cms-form-holder h4,
.floor-chart-wrapper select {
    font-weight: lighter
}

.only-desktop,
.no-mobile,
.no-mobile-portrait {
    display: none
}

.only-mobile-portrait {
    display: block
}

table.only-mobile-portrait {
    display: table
}

#reservation-form .button-section .secondary-button {
    display: none
}

.TA_linkingWidgetRedesign ul li {
    text-align: center
}

.widget-wrapper .wrapperLink {
    cursor: default !important
}

.widget-wrapper .wrapperLink>div {
    cursor: pointer
}

.pager-slider .pager-nav {
    top: 20px
}

.pager-slider>div.slick-arrow {
    position: absolute
}

.pager-slider .pager-nav.nav-prev {
    left: 0
}

.pager-slider .pager-nav.nav-next {
    right: 0
}

.tabs-default .pager-nav.nav-next:before {
    left: calc(50% - 15px)
}

.tabs-default .pager-nav.nav-prev:before {
    left: calc(50% - 5px)
}

.tabs-default .pager-nav:before {
    top: 50%;
    margin-top: -10px
}

.tabs-default>.xList-intro {
    margin: -1px 0 0 0
}

.rotator-with-hover-click-animations .intro-content-inner>h3 {
    line-height: 1.15
}

.main-content-nav {
    margin: 0 auto 17px
}

.main-content-nav ul {
    text-align: center
}

.main-content-nav.menu-horizontal li {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.main-content-nav.menu-horizontal li a {
    margin: 0 5px;
    padding: 0
}

.main-content-nav.menu-horizontal li.active a {
    pointer-events: none;
    border-bottom: 1px solid
}

nav.menu ul li a {
    position: relative
}

.amenities-wrapper {
    text-align: center;
    max-height: 85px;
    overflow: hidden
}

.amenities-wrapper>div {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 52px) / 4);
    margin: 5px;
    max-width: 80px;
    position: relative
}

.room-features-wrapper.amenities-wrapper>div {
    max-width: 100%;
    text-align: center
}

.amenities-wrapper.no-amenitites-title>div {
    margin: 10px 5px;
    height: 40px
}

.xbox.xbox-style-15 .link-wrapper {
    text-align: right
}

.xbox.xbox-style-15 .link-wrapper .primary-link {
    display: inline-block
}

.amenities-image-wrapper>span:nth-child(2) {
    line-height: 1.2;
    font-size: .9em;
    display: block;
    margin-top: 5px
}

.no-amenitites-title .amenities-image-wrapper>span:nth-child(2) {
    display: none
}

.flex-align-top .xbox.xbox-style-15 .flex-items {
    align-items: flex-start;
    align-content: flex-start
}

footer h3 {
    font-weight: normal
}

.full-height-menu .menu>ul>li>a,
.bottom-menu>h3 {
    font-weight: bold
}

.full-height-menu .columns:nth-child(3) .menu>ul>li>a,
.full-height-menu .columns:nth-child(4) .menu>ul>li>a {}

.bookingmask-wrapper select,
.xbox-type-i.xbox-style-5 .flex-items h3 {
    line-height: 1
}

.xbox-type-i.xbox-style-5 .flex-items h3 {
}

.cms-form-holder>p {
    margin: 0;
    padding: 0;
    position: relative
}

header .cms-form-holder>p {
    width: 100%
}

footer .cms-form-holder>p>.close-msg {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer
}

footer .cms-form-holder>p>.close-msg:after,
footer .cms-form-holder>p>.close-msg:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px
}

footer .cms-form-holder.error>p.response-message,
footer .cms-form-holder.success>p.response-message {
    padding: 5px 35px 5px 10px
}

.cms-form-holder>p>.close-msg:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cms-form-holder>p>.close-msg:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cms-form-holder.error>p.response-message,
.cms-form-holder.success>p.response-message,
.error-mzg.show {
    margin: 0;
    padding: 10px 35px 10px 15px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid
}

.cms-form-holder.error>p.response-message li {
    list-style: none;
    margin-bottom: 0
}

.error-mzg.show {
    margin-bottom: 10px;
    margin-top: 15px
}

.cms-form-holder.error>p.response-message,
.cms-form-holder.success>p.response-message {
    margin: 10px 0 25px
}

.cms-form-holder {
    position: relative;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

#field_time_reserve-a-table option:disabled {
    display: none
}

#field_time_reserve-a-table option:first-child {
    display: block
}

body.results-loading:after {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    z-index: 999;
    left: 0
}

body.results-loading:before {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    z-index: 1000;
    border-width: 3px 2px 2px 2px;
    border-style: solid;
    border-radius: 100%;
    animation: spin 1s infinite linear;
    content: ''
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.hotel-list .brand-logos .image-only {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out
}

.hotel-list .brand-logos .image-only.active {
    display: inline-block;
    opacity: 1
}

#main-menu li a {
    display: inline-block
}

.main-block,
.fp-section .tabs-default>ul.xList-items,
.redeem-title {
    margin-top: 0
}

.main-content-block.main-content-block-c .content-wrapper {
    margin-top: 27px
}

.main-content-block.full-width-block h1 {
    text-align: center
}

#main-menu a {
    position: relative
}

#main-menu a:after,
.full-height-menu li>a:after {
    content: "";
    border-bottom: 1px solid;
    position: absolute;
    bottom: -5px;
    width: 0;
    left: 50%;
    transition: all .3s ease-out 0s
}

.full-height-menu li>a:after {
    bottom: 0
}

#main-menu li.active>a:after,
.full-height-menu li.active>a:after,
#main-menu li.sub-menu-open a:after {
    width: 100%;
    left: 0
}

#main-menu li.our-hotels a:after,
#main-menu li.our-hotels.sub-menu-open a:after {
    width: 0
}

#main-menu li.sub-menu-open>a,
#main-menu li.sub-menu-open {
    cursor: default
}

.main-visual .xbox-wrapper {
    width: 25%;
    left: 15.5%;
    padding: 34px 39px 33px;
    bottom: 137px;
    min-width: 300px
}

.main-visual .xbox-wrapper h1,
.main-visual .xbox-wrapper h2 {
    margin-top: 0;
    margin-bottom: 20px
}

.xbox-content {
    max-height: 185px;
    margin-top: 20px;
    line-height: 1.55
}

.main-visual-with-video .xbox-wrapper,
.main-visual-with-video .xbox-wrapper .xbox-inner-wrapper>* {
    -webkit-transition: all 0.8s ease-in-out 0.8s;
    -ms-transition: all 0.8s ease-in-out 0.8s;
    transition: all 0.8s ease-in-out 0.8s
}

.main-visual-with-video .xbox-wrapper,
.main-visual-with-video .xbox-wrapper .xbox-inner-wrapper>* {
    opacity: 0
}

.main-visual-with-video .slick-active .xbox-wrapper,
.main-visual-with-video .slick-active .xbox-wrapper .xbox-inner-wrapper>* {
    opacity: 1
}

.main-visual-with-video .xbox-wrapper .xbox-inner-wrapper>*:not(.primary-button) {
    -webkit-transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out 0.9s;
    -ms-transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out 0.9s;
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out 0.9s;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX
}

.main-visual-with-video .slick-active .xbox-wrapper .xbox-inner-wrapper>* {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.main-visual-with-video .xbox-link-wrapper {
    text-align: right;
    margin: 20px 0
}

.main-visual-with-video .slider-item .contact-detail {
    position: relative;
    padding-left: 22px;
    margin-bottom: 7px
}

.main-visual-with-video .slider-item .contact-detail>span {
    position: absolute;
    left: 0;
    top: 4px
}

.main-visual-with-video .slider-item .secondary-button {
    margin-top: 10px
}

.main-visual-with-video .contact-detail .icon-i-116-time-bold {
    font-weight: bold
}

.main-visual-with-video .contact-detail .icon-i-158-e-mail-2-fill:before {
    font-size: 15px
}

.primary-button:before,
.secondary-button:before,
.secondary-link:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    transition: width .3s cubic-bezier(.16, .54, .61, 1);
    z-index: 1
}

body .primary-button:hover,
body .primary-link:hover,
body .secondary-link:hover,
#main-menu-top-bar a.secondary-link:hover {
    opacity: 1
}

.primary-button>span,
.secondary-button>span,
.secondary-link>span {
    z-index: 1;
    position: relative
}

.primary-link,
.breadcrumb-nav a {
    position: relative
}

.primary-link:before,
.breadcrumb-nav a:not(.active):before {
    content: "";
    position: absolute;
    left: 51%;
    right: 51%;
    bottom: -1px;
    height: 0;
    border-bottom: 1px solid;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.primary-link:focus:before {
    border-width: 0
}

.primary-link:focus:hover:before {
    border-bottom-width: 1px
}

#ui-datepicker-div.ui-widget-content a:hover {
    opacity: 1
}

.get-direction-to:before {
    height: 69%;
    bottom: 34px
}

footer.five-col {
    position: relative
}

footer.five-col:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-image: url('../images/site-specific/group-footer-bg.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover
}

footer nav.menu ul li a,
header nav.menu ul li a {
    padding: 0
}

.hotel-list .tabs-first-level.align-l>.xList-intro .title-wrapper li.active span,
.hotel-list .tabs-first-level>.xList-intro .title-wrapper:after,
.mobile-booking select {
    border: none
}

.hotel-list .tabs-default>.xList-intro {
    top: 0
}

.fp-section .hotel-list {
    padding-top: 0
}

.fp-section .hotel-list h2,
.fp-section .hotel-list .tabs-default.tabs-first-level>.xList-intro .title-wrapper ul {
    margin: 0 auto
}

.sub-row {
    position: relative
}

footer .container .newsletter-sign-up form {
    padding-bottom: 60px
}

footer label.error {
    position: relative
}

footer .form-newsletter .fb-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: auto
}

footer .form-newsletter .fb-privacyfield {
    text-align: left
}

.breadcrumb-nav a br {
    display: none
}

.content-with-hover-panel .simple-rotator-with-pager {
    margin-bottom: 30px
}

.loyalty-corporate .image-only img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto
}

.loyalty-corporate .button-wrapper>a,
.footer-member-login .button-wrapper>a {
    min-width: 66px;
    padding: 8px 15px 7px
}

.loyalty-corporate .button-wrapper>a.secondary-button,
.footer-member-login .button-wrapper>a.secondary-button {
    min-width: 63px;
    border-width: 1px
}

.loyalty-corporate .button-wrapper,
.footer-member-login .button-wrapper {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 13px 15px
}

.footer-member-login .button-wrapper:first-of-type {
    margin-left: 0
}

.loyalty-corporate .image-only p {
    margin: 21px auto 0
}

.loyalty-corporate .grid-list {
    margin: 20px auto 0
}

.absolute-bottom-pager .pager-wrapper {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px
}

.member-login-wrapper .footer-member-login.background-image {
    padding: 40px 0 60px
}

.tabs-default {
    position: relative
}

.tabs-default>ul.xList-items {
    margin-top: 0
}

.tabs-default>.xList-intro .title-wrapper {
    padding: 0;
    width: 90%;
    margin: 25px auto 0
}

.tabs-default .title-wrapper .no-items {
    opacity: 0;
    pointer-events: none;
    display: none
}

.rotator-C .pager-navigation .arrows-wrapper {
    margin: 1px auto
}

.rotator-C .pager-navigation .arrows-wrapper .slick-arrow.tempory-disabled {
    pointer-events: none;
    cursor: default
}

.rotator-C.auto-height .pager-navigation .arrows-wrapper .slick-arrow.tempory-disabled {
    pointer-events: inherit;
    cursor: pointer
}

.rotator-C .pager-navigation .slick-track {
font-family: 'cera_prolight'!important;
font-size:1vw!important;
transition-delay: 550ms !important;
transition-duration: 500ms !important
}

.rotator-C .pager-navigation .slick-slide {
    border-width: 0
}

.tabs-default .title-wrapper li.active {
    opacity: 1
}

.tabs-first-level>.xList-intro .title-wrapper:after {
    display: none
}

.align-l.tabs-first-level>.xList-intro .title-wrapper li {
    text-align: left
}

.align-r.tabs-first-level>.xList-intro .title-wrapper li {
    text-align: right
}

.tabs-first-level>.xList-intro .title-wrapper li.active {
    border: none
}

.align-l.tabs-first-level>.xList-intro .title-wrapper li.active span {
font-family: 'Trajan Pro Regular';
font-size:1.2vw;
color:#FFF;
font-weight:400;
border-bottom-width:1px;
border-bottom-style: solid;
}

.tabs-default.tabs-first-level>.xList-intro .title-wrapper ul {
    font-size: 1.8em;
    box-sizing: border-box;
    text-align: left
}

.tabs-default .select-box-wrapper:after,
.fb-select-inner:after {
    content: '';
    top: 10px;
    right: 20px;
    margin-top: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg)
}

.offer-titles-heading {
    font-size: 3.3em
}

.offer-titles-subheading {
    margin-top: -2px;
    margin-bottom: -7px;
    font-size: 1.85em
}

.offer-titles-content {
    font-size: 3.3em
}

.xbox.xbox-style-15 .item-offer-titles span {
    line-height: 0.9;
    max-width: 235px
}

.title-rotators .pager-nav {
    background: none
}

.xbox-type-i .content-wrapper {
    max-height: 86px
}

a.disabled {
    pointer-events: none;
    opacity: 0.5
}

.rotator-C .mainSlider .slick-slide>div,
.rotator-C .mainSlider .slick-slide>div .xList-item,
.rotator-C .mainSlider .slick-slide>div .xbox.xbox-style-5,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-slide,
.fp-section .loyalty-rotator .rotatorElement>ul .slick-list {
    height: 100% !important
}

.align-r.tabs-first-level .title-wrapper .slick-track {
    margin-right: 0;
    text-align: right
}

.tabs-first-level>.xList-intro .title-wrapper li.active {
    width: 100% !important
}

.tabs-horizontal.align-r>.xList-intro .title-wrapper .slick-track .slick-slide {
    width: auto !important;
    margin: 0 0 0 29px
}

.xbox.xbox-style-5 {
    overflow: hidden
}

.floated-main-content {
    margin-top: 60px
}

.cms-form-holder .fb-header.form-group,
.mobile-booking select {
    margin-bottom: 0
}

.cms-form-holder .fb-header.form-group>h3,
.cms-form-holder .form-group {
    margin-bottom: 10px
}

.cms-form-holder .checkbox label,
.cms-form-holder .radio label {
    max-width: calc(100% - 50px)
}

.cms-form-holder .boxContainer .fb-header,
.cms-form-holder .fb-paragraph {
    width: 100%
}

.hide-third-element .cms-form-holder .boxContainer:nth-of-type(3) {
    max-height: 0;
    overflow: hidden;
    -ms-transition: max-height .4s ease-in-out 0s;
    -webkit-transition: max-height .4s ease-in-out 0s;
    -moz-transition: max-height .4s ease-in-out 0s;
    -o-transition: max-height .4s ease-in-out 0s;
    transition: max-height .4s ease-in-out 0s
}

.hide-third-element .cms-form-holder .boxContainer.visible {
    max-height: 500px
}

.cms-form-holder .boxContainer .form-group.fb-button {
    width: 100%;
    margin-right: 0;
    text-align: right
}

.cms-form-holder .field-flexible_dates .checkbox label {
    margin-top: -1px
}

.cms-form-holder .fb-accordion-header {
    margin-top: 8px;
    float: left
}

.cms-form-holder h4 {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.cms-form-holder .fb-accordion-header>h4:after {
    content: "";
    width: 10px;
    height: 10px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    display: inline-block;
    transform: rotate(135deg);
    margin-left: 15px;
    vertical-align: text-top;
    position: relative;
    right: 0;
    top: 0
}

.visible-active.fb-accordion-header>h4:after {
    transform: rotate(-45deg);
    vertical-align: text-bottom
}

#route-mode,
.map-categories {
    display: none
}

.map-content-wrapper .get-directions .go-direction {
    font-size: 1em;
    letter-spacing: normal
}

.map-wrapper .map-content-wrapper {
    margin-top: 25px
}

.inner-map-wrapper {
    border-width: 1px;
    border-style: solid
}

.content-wrapper.info-popup-box .link-wrapper {
    text-transform: uppercase
}

.xbox-type-j h3 {
    position: relative
}

.info-popup-box {
    width: 80%;
    margin: 0 auto 30px
}

.rotator-C .slick-active .xbox-type-K .intro-container.scrolling-parent>*.disabled {
    opacity: 0
}

.rotator-C .flex-items>*,
.rotator-C .xbox-type-K .intro-container.scrolling-parent>*,
.rotator-C .xbox-type-K .detail-col-inner>* {
    opacity: 0;
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity .35s, transform .35s;
    -moz-transition: opacity .35s, transform .35s;
    -o-transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s
}

.xbox-style-15 .item-img,
.xbox-style-15 .item-title,
.xbox-style-15 .item-title+*,
.xbox-style-15 .btns-wrapper {
    -webkit-transition: opacity .35s, transform .35s;
    -moz-transition: opacity .35s, transform .35s;
    -o-transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s
}

.rotator-C .slick-active .flex-items>*,
.rotator-C .slick-active .xbox-type-K .intro-container.scrolling-parent>*,
.rotator-C .slick-active .xbox-type-K.show-more-content .detail-col-inner>*,
.rotator-C .slick-active .xbox-type-K.active-gallery .xbox-gallery,
.rotator-C .slick-active .xbox-type-K .accordion-title.active+.detail-col-inner>*,
.rotator-C .slick-active .xbox-type-K .accordion-title.active+.close-button+.detail-col-inner>*,
.xbox-style-15.clicked-element .item-img,
.xbox-style-15.clicked-element .item-title,
.xbox-style-15.clicked-element .item-title+*,
.xbox-style-15.clicked-element .btns-wrapper {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.rotator-C .flex-items>*:first-child,
.rotator-C .xbox-type-K .intro-container.scrolling-parent>*:first-child,
.rotator-C .xbox-type-K .detail-col-inner>*:first-child {
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.rotator-C .flex-items>*:nth-child(2),
.rotator-C .xbox-type-K .intro-container.scrolling-parent>*:nth-child(2),
.rotator-C .xbox-type-K .detail-col-inner>*:nth-child(2) {
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.rotator-C .flex-items>*:nth-child(3),
.rotator-C .xbox-type-K .intro-container.scrolling-parent>*:nth-child(3),
.rotator-C .xbox-type-K .detail-col-inner>*:nth-child(3) {
    -moz-transition-delay: .65s;
    -o-transition-delay: .65s;
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.rotator-C .flex-items>*:nth-child(4),
.rotator-C .xbox-type-K .intro-container.scrolling-parent>*:nth-child(4),
.rotator-C .xbox-type-K .detail-col-inner>*:nth-child(4) {
    -moz-transition-delay: .7s;
    -o-transition-delay: .7s;
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.rotator-C .flex-items>*:nth-child(5),
.rotator-C .xbox-type-K .intro-container.scrolling-parent>*:nth-child(5),
.rotator-C .xbox-type-K .detail-col-inner>*:nth-child(5),
.xbox-style-15 .item-img {
    -moz-transition-delay: .75s;
    -o-transition-delay: .75s;
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.rotator-C .flex-items>*:nth-child(6),
.rotator-C .xbox-type-K .intro-container.scrolling-parent>*:nth-child(6),
.rotator-C .xbox-type-K .detail-col-inner>*:nth-child(6),
.xbox-style-15 .item-title {
    -moz-transition-delay: .8s;
    -o-transition-delay: .8s;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.rotator-C .flex-items>*:nth-child(7),
.rotator-C .xbox-type-K .intro-container.scrolling-parent>*:nth-child(7),
.rotator-C .xbox-type-K .detail-col-inner>*:nth-child(7),
.xbox-style-15 .item-title+* {
    -moz-transition-delay: .85s;
    -o-transition-delay: .85s;
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

.rotator-C .flex-items>*:nth-child(8),
.rotator-C .xbox-type-K .intro-container.scrolling-parent>*:nth-child(8),
.rotator-C .xbox-type-K .detail-col-inner>*:nth-child(8),
.xbox-style-15 .btns-wrapper {
    -moz-transition-delay: .9s;
    -o-transition-delay: .9s;
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.tabs-default>.xList-items>li {
    overflow: hidden;
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
    -o-transition: opacity .8s;
    transition: opacity .8s
}

.tabs-default>.xList-items>li>.rotator-A,
.tabs-default>.xList-items>li>.map-contents-wrapper {
    opacity: 0;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity .8s, transform 1s;
    -moz-transition: opacity .8s, transform 1s;
    -o-transition: opacity .8s, transform 1s;
    transition: opacity .8s, transform 1s
}

.tabs-default>.xList-items>li.active>.rotator-A,
.tabs-default>.xList-items>li.active>.map-contents-wrapper {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.rotator-A .pager-slider .slick-slide>div,
.hotel-list .tabs-first-level>.xList-intro .title-wrapper li>span,
.profile-navigation nav li a {
    z-index: 1
}

.xlist-type-j .xList-items .xList-item>.xbox-type-j>.image-wrapper,
.xlist-type-j .xList-items .xList-item>.xbox-type-j>h3 {
    transform: translateX(-100%);
    opacity: 0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.active .xlist-type-j .xList-items .xList-item>.xbox-type-j>.image-wrapper,
.active .xlist-type-j .xList-items .xList-item>.xbox-type-j>h3 {
    transform: translateX(0);
    opacity: 1
}

.xlist-type-j .image-grid-listing-col:nth-child(2) .xList-item>.xbox-type-j>.image-wrapper,
.xlist-type-j .image-grid-listing-col:nth-child(2) .xList-item>.xbox-type-j>h3 {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms
}

.xlist-type-j .image-grid-listing-col:nth-child(3) .xList-item>.xbox-type-j>.image-wrapper,
.xlist-type-j .image-grid-listing-col:nth-child(3) .xList-item>.xbox-type-j>h3 {
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms
}

.xlist-type-j .image-grid-listing-col:nth-child(4) .xList-item>.xbox-type-j>.image-wrapper,
.xlist-type-j .image-grid-listing-col:nth-child(4) .xList-item>.xbox-type-j>h3 {
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms
}

.hotel-list .tabs-first-level>.xList-intro .title-wrapper li:before,
.profile-navigation nav li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hotel-list .tabs-first-level>.xList-intro .title-wrapper li:hover:before,
.hotel-list .tabs-first-level>.xList-intro .title-wrapper li:focus::before,
.hotel-list .tabs-first-level>.xList-intro .title-wrapper li.active:before,
.profile-navigation nav li.active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fp-section .tabs-default,
.fp-section .tabs-default.align-l>ul.xList-items,
.fp-section .tabs-default>.xList-items>li.active,
.fp-section .tabs-default>.xList-items>li>.rotator-C,
.fp-section .xbox-type-i.xbox-style-5 .flex-container,
.fp-section .loyalty-rotator,
.fp-section .loyalty-rotator .rotatorElement,
.fp-section .loyalty-rotator .rotatorElement>ul,
.fp-section .loyalty-rotator .rotatorElement>ul .slick-list,
.fp-section .loyalty-rotator .rotatorElement>ul .slick-track,
.fp-section .loyalty-rotator .rotatorElement>ul .slick-slide,
.fp-section .loyalty-rotator .rotatorElement>ul .slick-slide>div,
.fp-section .loyalty-rotator .rotatorElement>ul .slick-slide>div .xList-item,
.fullheight-wrapper,
.fullheight-wrapper>.row,
.rotator-C .item-slider,
.submenu-with-simple-rotator,
.submenu-with-simple-rotator .rotator-C,
.submenu-with-simple-rotator .rotator-C .item-slider,
.submenu-with-simple-rotator .simple-rotator-with-pager .rotatorElement,
.submenu-with-simple-rotator .xList-items,
.submenu-with-simple-rotator .mainSlider .slick-slide,
.full-height-rotator .rotatorElement,
.full-height-rotator .rotatorElement>ul,
.full-height-rotator .rotatorElement>ul .slick-list,
.full-height-rotator .rotatorElement>ul .slick-track,
.full-height-rotator .rotatorElement>ul .slick-slide,
.full-height-rotator .rotatorElement>ul .slick-slide>div,
.full-height-rotator .rotatorElement>ul .slick-slide>div .xList-item,
.floor-chart-wrapper>.columns,
.floor-chart-wrapper>.columns>div,
.floor-chart-wrapper>.columns>div>ul,
.floor-chart-wrapper>.columns>div>ul>li,
.floor-chart-wrapper>.columns>div>ul>li>.image-wrapper {
}

.full-height-rotator {
    min-height: 56.25%
}

.full-height-rotator.only-bg-rotator .row.background-image {
    padding: 56.25% 0 0 0
}

.fp-section .xbox-type-i.xbox-style-5 .flex-container {
    box-sizing: border-box
}

.tabs-default.tabs-horizontal.align-r {
    width: 100%
}

.pager-slider .slick-list.draggable {
    transform: translateY(0)
}

.loyalty-corporate .xList.grid-list>.xList-items>.xList-item {
    width: 49%
}

.fullpage-row>.simple-rotator-with-pager {
    margin-bottom: 0
}

.readmore-toggle {
    margin-top: 10px;
    margin-bottom: 20px
}

.readmore-toggle .toggle-btn {
    position: relative;
    text-transform: uppercase;
    font-size: .8em;
    cursor: pointer
}

.toggle-btn.readmore {
    padding-bottom: 10px
}

.toggle-btn.readless {
    padding-top: 10px
}

.readmore-toggle .toggle-btn:after {
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: rotate(135deg);
    margin: auto
}

.readmore-toggle .toggle-btn.readless:after {
    bottom: auto;
    top: 0;
    transform: rotate(-45deg)
}

.submenu-with-simple-rotator .rotator-C>.pager-navigation .arrows-wrapper {
    display: none
}

.submenu-with-simple-rotator .rotator-C>.pager-navigation .item-selector {
    display: block
}

.submenu-with-simple-rotator .simple-rotator-with-pager .nav-arrow-group {
    width: 89px;
    position: absolute;
    bottom: 63px;
    right: 16px;
    top: auto;
    left: auto
}

.submenu-with-simple-rotator .simple-rotator-with-pager .nav-arrow-group .slick-arrow {
    margin: 0;
    display: inline-block
}

.submenu-with-simple-rotator .simple-rotator-with-pager .slick-arrow.nav-left {
    margin-right: 5px
}

.submenu-with-simple-rotator .simple-rotator-with-pager .xbox.attraction-style-1 {
    max-height: calc(100% - 45px);
    box-sizing: border-box;
    width: 100%
}

.submenu-with-simple-rotator .simple-rotator-with-pager {
    margin-bottom: 0;
    height: 100%
}

.submenu-with-simple-rotator .rotator-C .simple-rotator-with-pager .rotatorElement .xList-item {
    padding-bottom: 25px
}

.accordion-title {
    margin-bottom: 0
}

.align-vertical-columns>.columns:first-child {
    padding: 0 20px 30px
}

.xlist-type-j .pager-navigation,
.tabs-default .arrows-wrapper,
.content-with-hover-panel .simple-rotator-with-pager .arrows-wrapper,
.simple-rotator-with-pager .arrows-wrapper,
.xbox-gallery .arrows-wrapper {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 0;
    left: auto;
    width: 40px
}

.simple-rotator-with-pager .arrows-wrapper .nav-left,
.xlist-type-j .arrows-wrapper .nav-left,
.xbox-gallery .arrows-wrapper .nav-left {
    float: right;
    margin-top: 45px
}

.simple-rotator-with-pager .arrows-wrapper .nav-right,
.xlist-type-j .arrows-wrapper .nav-right,
.xbox-gallery .arrows-wrapper .nav-right {
    float: left;
    margin-top: -85px
}

.content-with-hover-panel .simple-rotator-with-pager .arrows-wrapper,
.rotator-C .pager-navigation .arrows-wrapper {
    width: 100%
}

.content-with-hover-panel .simple-rotator-with-pager .arrows-wrapper .nav-left,
.content-with-hover-panel .simple-rotator-with-pager .arrows-wrapper .nav-right {
    margin-top: 0
}

.content-with-hover-panel .simple-rotator-with-pager .arrows-wrapper .nav-left,
.submenu-with-simple-rotator .simple-rotator-with-pager .arrows-wrapper .nav-left,
.our-hotels-list .simple-rotator-with-pager .arrows-wrapper .nav-left {
    float: left
}

.content-with-hover-panel .simple-rotator-with-pager .arrows-wrapper .nav-right,
.submenu-with-simple-rotator .simple-rotator-with-pager .arrows-wrapper .nav-right,
.our-hotels-list .simple-rotator-with-pager .arrows-wrapper .nav-right {
    float: right
}

.xbox.xbox-type-K .detail-col .detail-col-inner,
.xbox.xbox-type-K .gallery-wrapper .detail-col-inner {
    margin-top: 15px
}

.spa-slider .xbox-type-K .btns-wrapper p {
    margin-bottom: 0;
    margin-top: 18px
}

.banquet-hall-list .intro-container .content-wrapper {
    margin-bottom: 25px
}

.xbox-gallery ul.gallery-item-list:after {
    min-height: 42px
}

.floated-main-content {
    max-height: none;
    overflow: hidden;
    z-index: 1;
    position: relative
}

.floated-main-content.no-max-height {
    max-height: 100%
}

.no-scroll .scrollTo {
    display: none
}

.rotator-C .slick-active .xbox-type-K.show-more-content .detail-col-inner>.disabled {
    opacity: 0
}

.block-logo {
    margin-bottom: 15px
}

.info-wrapper>p {
    margin-bottom: 20px
}

.info-wrapper p>span {
    display: inline-block;
    vertical-align: middle;
    min-width: 30px;
    max-width: calc(100% - 55px)
}

.more-info-wrapper .icon {
    margin-right: 11px
}

.icon {
    font-size: 1.8em;
    margin-right: 21px
}

.banquet-hall-list .intro-container .icon,
.banquet-hall-list .intro-container .i-info {
    display: inline-block;
    vertical-align: middle
}

.banquet-hall-list .intro-container .i-info {
    width: calc(100% - 50px)
}

.rotator-C-1.auto-height .mainSlider>.slick-list>.slick-track>.slick-slide.slick-current {
    max-height: none;
    width: 100%
}

.rotator-C-1.auto-height .mainSlider>.slick-list>.slick-track>.slick-slide:not(.slick-current) {
    max-height: 0 !important
}

.mCS_no_scrollbar+.scrollTo,
.mCS_no_scrollbar+.scrollTo-wrapper {
    display: none
}

.openeing-heading,
.location-info {
    width: calc(100% - 45px)
}

.openeing-info {
    margin-left: 45px;
    margin-top: 10px;
    width: calc(50% - 37px);
    display: inline-block;
    vertical-align: top
}

.openeing-info:nth-child(2n) {
    margin-left: 25px
}

.dining-style-1 .openeing-info:nth-child(2n) {
    margin-left: 0
}

.dining-style-1 .dining-seven-days {
    padding-left: 0;
    display: none
}

.dining-style-1 .open-hours-wrapper.more-info-wrapper {
    max-height: 60px;
    overflow: hidden
}

.dining-style-1 .openeing-info {
    margin-top: 0
}

.info-wrapper p>span.location-info {
    vertical-align: top
}

.sub-section-title {
    font-size: 1.1em;
    font-weight: bold
}

.feature-title {
    padding-bottom: 5px;
    border-bottom: 1px solid
}

.feature-content {
    column-count: 2;
    column-gap: 15px
}

.sub-section-title.payment-title {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: 20px;
    font-weight: normal
}

.payment-content {
    margin-top: 20px;
    display: inline-block;
    vertical-align: middle
}

.slick-slide img.visa-image {
    width: 39px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

.slick-slide img.master-image {
    width: 43px;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.view-map-link-wrapper,
.download-links-wrapper {
    text-align: right;
    margin-bottom: 20px
}

.download-links-wrapper .icon {
    font-size: 1.8em;
    margin-right: 5px
}

.primary-link.download-link:after {
    display: none
}

.primary-link.download-link {
    display: inline-block;
    vertical-align: middle
}

.download-links-wrapper .icon {
    display: none
}

.download-links-wrapper.show-icon .icon {
    display: inline-block;
    vertical-align: middle
}

.mCS_no_scrollbar+.scrollTo,
.mCS_no_scrollbar_y+.scrollTo {
    display: none;
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.abs-h2 {
    text-align: center;
    margin-top: 56px !important;
    z-index: 1
}

.abs-h2.vacancy-heading {
    margin-top: 30px !important
}

.xbox.xbox-type-K .info-item,
.xbox.xbox-type-K .arrangement-item,
.xbox.xbox-type-K .specification-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 7%;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 26px;
    max-width: 30%
}

.xbox.xbox-type-K .info-item-heading {
    font-size: .85em
}

.xbox.xbox-type-K .arrangement-item {
    margin-right: 13px;
    min-width: calc(32% - 13px);
    max-width: calc(33% - 13px)
}

.xbox.xbox-type-K .specification-value {
    display: block
}

.xbox.xbox-type-K .info-item:nth-child(4n),
.xbox.xbox-type-K .arrangement-item:nth-of-type(3n),
.xbox.xbox-type-K .specification-item:nth-of-type(3n) {
    margin-right: 0
}

.xbox.xbox-type-K .specification-item {
    text-align: left;
    margin-right: 20px;
    margin-bottom: 30px
}

.xbox.xbox-type-K .specification-item-heading,
.xbox.xbox-type-K .arrangement-item {
    font-size: .85em
}

.xbox.xbox-type-K .info-icon,
.xbox.xbox-type-K .arrangement-icon {
    display: block;
    font-size: 40px
}

.xbox-type-K .intro-container .bottom-contents>h4 {
    font-size: 1.4em;
    margin-bottom: 0
}

.xbox-type-K .intro-container .content-wrapper ul {
    margin-left: 0
}

.info-item,
.arrangement-icon,
.specification-item {
    text-align: center;
    line-height: 1.3
}

.align-vertical-columns .simple-rotator-with-pager {
    margin-bottom: 0
}

.xbox.xbox-type-K .btns-wrapper p {
    margin-bottom: 10px
}

.xbox.xbox-type-K .accordion-title br,
.floor-plan-button,
.amenities-image-wrapper img,
.cat-soundatthepark {
    display: none
}

.xbox.xbox-type-K .btns-wrapper .btn.book-now:last-child {
    margin-right: 0
}

.floor-chart-wrapper h2 {
    margin-top: 60px;
    margin-bottom: 19px
}

.floor-chart-wrapper select {
    height: 49px;
    padding-top: 9px;
    padding-right: 39px
}

.floor-chart-wrapper .fb-select-inner:after {
    top: 17px
}

.capacity-list-item {
    display: block;
    margin-bottom: 12px;
    cursor: pointer
}

.capacity-list-item.visible-view,
.profile-navigation nav.menu-horizontal li.active a {
    cursor: default;
    pointer-events: none
}

.capa-icon {
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    opacity: 0.8
}

.capa-text {
    position: relative;
    padding-right: 15px;
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 75px)
}

.visible-view .capa-text:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.visible-view .capa-icon {
    opacity: 1
}

.floor-plan-list>li,
.floor-plan-list>li .image-wrapper {
    display: none
}

.floor-plan-list>li {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
    position: relative;
    min-height: 56.25vw
}

.floor-plan-list {
    position: relative
}

.floor-plan-list:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #9b9999;
    width: 28px;
    height: 28px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.offer-grid-list>ul>li .image-wrapper {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.offer-grid-list>ul>li.come-in .image-wrapper {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.xList-offers-filter-item .offer-hotel-selector {
    max-width: 345px
}

.item-offer-titles {
    margin-right: 1px
}

.ui-accordion .ui-accordion-header.accordion-header {
    padding: 10px 20px 5px 0;
    font-size: .95em;
    letter-spacing: normal;
    font-weight: normal
}

.ui-accordion .ui-accordion-content.accordion-content {
    padding: 10px 0 15px
}

.ui-accordion .ui-accordion-content.accordion-content h6 {
    margin: 20px 0 10px
}

.ui-accordion .ui-accordion-content.accordion-content .content-wrapper>h6:first-child {
    margin-top: 0
}

.ui-accordion .ui-accordion-header.accordion-header {
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-top: 0;
    margin-bottom: 15px
}

.ui-accordion .accordion-header:after {
    width: 7px;
    height: 7px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    right: 10px;
    transform: rotate(135deg);
    margin-top: -3px
}

.dining-side-accordion-wrapper .ui-accordion .accordion-header:after {
    content: ''
}

.ui-accordion .accordion-header.ui-accordion-header-active:after,
.ui-accordion .accordion-header.ui-state-active:after {
    transform: rotate(-45deg);
    margin-top: 0
}

table p {
    margin-bottom: 0
}

.xbox.xbox-style-15 .flex-items,
.xbox-type-L.xbox-style-15 .content-wrapper {
    width: 100%
}

.offer-grid-list>ul>li.come-in .image-wrapper:before {
    visibility: hidden
}

.offer-grid-list {
    margin-bottom: 50px
}

.events-grid-list {
    margin-bottom: 1%
}

.event-banner .event-static-banner {
    width: 100%;
    height: auto
}

.events-grid-list ul.xList-items,
.offer-grid-list ul.xList-items {
    text-align: center
}

.ui-accordion-header-icon,
footer .google-store-link {
    display: none
}

.fp-section .loyalty-rotator .rotatorElement>ul .slick-slide>div>.xList-item {
    display: block !important
}

.fullpage-row {
    position: relative
}

.loading-view {
    min-height: 300px;
    position: static;
    pointer-events: none
}

.loading-view:before,
.xbox.xbox-style-15 .image-wrapper:before {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    z-index: 1000;
    border-width: 3px 2px 2px 2px;
    border-style: solid;
    border-radius: 100%;
    animation: spin 1s infinite linear;
    content: ''
}

.loading-view:after {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    content: '';
    display: block
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.xbox.xbox-style-15 .image-wrapper:before {
    z-index: -1;
    position: absolute;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px
}

.pop-up-messages.show-popup {
    display: flex;
    opacity: 1;
    height: 100%
}

.pop-up-messages {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    align-items: center;
    z-index: -1;
    height: 0;
    overflow: hidden;
    opacity: 0;
    z-index: 100;
    -ms-transition: opacity 1.5s ease-in-out 1.5s;
    -webkit-transition: opacity 1.5s ease-in-out 1.5s;
    -moz-transition: opacity 1.5s ease-in-out 1.5s;
    -o-transition: opacity 1.5s ease-in-out 1.5s;
    transition: opacity 1.5s ease-in-out 1.5s
}

.pop-up-mesg-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    padding: 15px 10px 5px;
    box-sizing: border-box;
    text-align: center
}

.selector-span {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    padding: 6px 25px 6px 10px;
    box-sizing: border-box;
    line-height: 1.8;
    text-transform: uppercase
}

.selector-span.multi-line {
    line-height: 1
}

.mobile-booking select {
    opacity: 0;
    cursor: pointer
}

.mobile-booking select+span {
    text-transform: uppercase
}

#redeem-pop-up h4 {
    width: 100%;
    padding: 8px 5px 5px;
    box-sizing: border-box
}

#redeem-pop-up .request-view {
    padding: 0
}

.pop-up-mesg-inner .popup-inner-wrapper {
    width: 85%
}

#redeem-pop-up .popup-inner-wrapper {
    text-align: left
}

#redeem-pop-up .redeem-title {
    margin-top: 0;
    margin-bottom: 5px
}

.cms-form-holder .redeem-message {
    margin-bottom: 0
}

#redeem-pop-up .fb-button {
    margin-bottom: 10px
}

#redeem-pop-up .fb-button button {
    width: 100%
}

.offer-points {
    font-size: 1.1em
}

.disable-mode textarea,
.disable-mode #field_redeem {
    pointer-events: none;
    opacity: 0.5
}

.seperate-checkbox>.checkbox {
    display: inline-block;
    vertical-align: middle
}

.seperate-checkbox input,
.seperate-checkbox .fb-helper {
    margin-bottom: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle
}

.seperate-checkbox .fb-checkbox-helper {
    border-width: 0
}

.seperate-checkbox .checkbox label {
    padding-top: 0;
    padding-left: 18px;
    cursor: pointer;
    font-size: 1.3em;
    max-width: calc(100% - 28px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.seperate-checkbox .press-category-filter .checkbox label {
    padding-left: 8px
}

.seperate-checkbox>.checkbox:first-child {
    margin-left: 0
}

.seperate-checkbox>.checkbox {
    margin-right: 35px;
    cursor: pointer;
    margin-bottom: 15px
}

.seperate-checkbox .fb-helper:after {
    font-family: 'icomoon';
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e943";
    font-size: .8em;
    font-weight: bold;
    transform: rotate(0deg);
    top: 0;
    left: 0
}

.seperate-checkbox .fb-cr input:checked~.fb-checkbox-helper:after {
    border: 0;
    content: "\e940"
}

h3.no-result {
    text-align: center;
    margin-top: 60px
}

.main-content-block ul,
.main-content-block ol {
    margin: 20px 0 20px 15px
}

.grid-list {
    margin: 13px auto 25px
}

.grid-list .xbox.xbox-typeA .image-wrapper {
    padding-top: 66.25%
}

.grid-list .xbox.xbox-typeA .flex-container,
.xList-masonry .xbox.xbox-typeA .flex-container {
    padding: 28px 29px
}

.load-more-items .xList-item:nth-child(n+7) {
    display: none;
    opacity: 0;
    -ms-transition: opacity 0.8s ease-in-out 0s !important;
    -webkit-transition: opacity 0.8s ease-in-out 0s !important;
    -moz-transition: opacity 0.8s ease-in-out 0s !important;
    -o-transition: opacity 0.8s ease-in-out 0s !important;
    transition: opacity 0.8s ease-in-out 0s !important;
    display: none
}

.load-more-wrapper .hide-default,
.load-more-wrapper.hide,
.load-more-items.grid-list>.xList-items>.xList-item:nth-child(n+7) {
    display: none
}

.load-more-items .xList-item {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.load-more-items .xList-item.visible,
.load-more-items.grid-list>.xList-items>.xList-item.visible {
    display: inline-block
}

.load-more-items .xList-item.transitions,
.load-more-items.grid-list>.xList-items>.xList-item.transitions {
    opacity: 1
}

.load-more-items .xList-item.come-in,
.load-more-items .xList-item.already-visible {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.load-more-wrapper {
    text-align: center;
    margin: 35px auto 50px
}

.load-more-wrapper .secondary-button {
    cursor: pointer
}

.show-all .hide-default {
    display: inline-block !important
}

.xbox.xbox-typeA .date .icon {
    font-size: 12px;
    margin-right: 7px
}

.xbox.xbox-typeA .flex-items>*:last-child {
    margin-bottom: 0
}

.xbox.xbox-typeA .date {
    margin-bottom: 7px
}

.gal-main-wrapper .gallery-item {
    display: none
}

.gallery-filter-wrapper {
    margin: 5px auto 29px
}

.gal-main-wrapper .gallery-item.filtered-item {
    display: inline-block;
    float: none
}

.gal-main-wrapper .no-results {
    text-align: center;
    margin: 75px auto
}

.xbox.xbox-typeA .link-wrapper {
    text-align: right;
    margin-top: 13px
}

.xList-masonry {
    margin-bottom: 50px
}

.xList-masonry .xbox.xbox-typeA .download-links-wrapper {
    margin-top: 18px
}

.xList-masonry.filtered-item .xList-item {
    transform: scale(0);
    height: 0;
    margin: 0
}

.xList-masonry.filtered-item .xList-item.filtered-item {
    transform: scale(1);
    height: auto;
    margin-bottom: 30px
}

.xbox.xbox-typeA .image-wrapper {
    position: relative
}

.xbox.xbox-typeA .image-wrapper>h3 {
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    padding: 0 15px;
    box-sizing: border-box;
    z-index: 1
}

.xbox.xbox-typeA .info-wrapper .openeing-info {
    margin-left: 40px;
    width: 100%;
    margin-top: -7px
}

.xbox.xbox-typeA .info-wrapper>p {
    margin-bottom: 10px
}

.treatment-row .xbox.xbox-typeA .image-wrapper {
    padding-top: 55%
}

.treatment-row .xbox.xbox-typeA .btns-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column
}

.treatment-row .xbox.xbox-typeA .btns-wrapper>.reservations-wrapper {
    width: 100%
}

.treatment-row .xbox.xbox-typeA .btns-wrapper>.book-now {
    width: 100%
}

.treatment-row .xbox.xbox-typeA .image-wrapper:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.treatment-row .xbox.xbox-typeA .flex-container {
    padding: 25px 40px 0;
    width: calc(100% - 80px)
}

.xbox.xbox-typeA .image-wrapper.video-item>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.treatment-row .simple-rotator-with-pager .xbox {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 0;
    height: 100%
}

.treatment-row .rotatorElement>ul {
    padding-bottom: 44px
}

.offer-grid-list .primary-overlay select {
    margin-bottom: 0
}

.filteredElement {
    width: 100% !important;
    position: relative;
    margin-bottom: 80px
}

.gal-main-wrapper {
    min-height: 50vh;
    opacity: 1
}

.gal-main-wrapper.filter-loading {
    opacity: 0
}

.gal-main-wrapper .gallery-item {
    width: 100%;
    margin: 1px;
    float: left;
    height: 556px;
    background-size: cover;
    background-repeat: no-repeat
}

.gal-main-wrapper .video-item a:not(.download-img):after {
    content: '';
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px
}

.gal-main-wrapper .gallery-item img {
    display: none
}

.gal-main-wrapper .gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.gal-main-wrapper .gallery-item:before,
.gal-main-wrapper .filteredElement .gallery-item::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.main-container .gal-main-wrapper .filteredElement .gallery-item::after {
    z-index: 0;
    pointer-events: none
}

.gal-main-wrapper .gallery-item a:not(.download-img):after {
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    border-width: 3px 2px 2px 2px;
    border-style: solid;
    border-radius: 100%;
    animation: spin 1s infinite linear;
    content: '';
    z-index: -1;
    position: absolute
}

.gal-main-wrapper .gallery-item {
    width: 100%;
    margin: 1px;
    float: left;
    height: 56.25vw;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center
}

.gal-main-wrapper .video-item a:not(.download-img):before,
.xbox.xbox-typeA .image-wrapper.video-item>a:not(.download-img):before {
    content: "\ea02";
    width: 75px;
    height: 75px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -37px 0 0 -37px;
    font-family: icomoon;
    display: flex;
    align-content: center;
    justify-content: center;
    line-height: 3.6;
    font-size: 21px;
    font-weight: bold
}

.gallery-caption-download {
    width: 100%;
    bottom: 0;
    padding: 20px 25px;
    box-sizing: border-box;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.gallery-caption {
    max-width: 90%;
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    z-index: 1;
    line-height: 1.1
}

.gal-main-wrapper .gallery-item a.download-img,
.gal-main-wrapper .gallery-item .download-img {
    display: inline-block;
    vertical-align: bottom;
    max-width: 10%;
    z-index: 1;
    font-size: 1.5em;
    cursor: pointer
}

.fancybox-caption {
    margin-left: auto;
    margin-right: auto
}

.float-l {
    float: left
}

.float-r {
    float: right
}

.fancybox-thumbs {
    width: 100%;
    top: auto
}

.fancy-slider.fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 185px
}

.fancy-slider .fancybox-button--thumbs {
    position: fixed;
    right: 85px;
    bottom: 0;
    border-radius: 5px 5px 0 0;
    height: 30px;
    padding: 6px;
    width: 30px
}

.fancy-slider.fancybox-show-thumbs .fancybox-button--thumbs {
    bottom: 185px;
    right: 85px;
    border-radius: 5px 5px 0 0;
    height: 30px;
    padding: 6px;
    width: 30px
}

.fancy-slider .fancybox-thumbs-x,
.fancy-slider .fancybox-button--thumbs,
.gal-main-wrapper {
    -webkit-transition: all .8s ease-in-out 0.4s;
    -moz-transition: all .8s ease-in-out 0.4s;
    -o-transition: all .8s ease-in-out 0.4s;
    transition: all .8s ease-in-out 0.4s
}

.gal-main-wrapper {
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}

.fancy-slider.fancybox-show-thumbs .fancybox-thumbs-x {
    bottom: 0
}

.fancy-slider .fancybox-thumbs-x {
    display: block;
    bottom: -185px;
    height: 185px;
    padding: 2px
}

.fancybox-thumbs__list a {
    height: 155px;
    max-height: calc(100% - 30px);
    width: 178px;
    margin: 15px 7px
}

.fancy-slider .fancybox-slide--image {
    padding: 70px 0 40px
}

.fancybox-content .fancy-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    display: none
}

.fancybox-content .fancy-caption:first-of-type {
    display: block
}

.fancybox-content .fancy-caption h3 {
    margin-bottom: 0;
    line-height: 1;
    margin-top: 0
}

.fancybox-inner>.fancybox-caption {
    display: none
}

.fancy-caption .float-r {
    display: flex;
    align-items: center;
    padding: 8px 15px 7px
}

.fancybox-content .fancybox-navigation {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 44px
}

.fancybox-content .fancybox-navigation>* {
    padding: 0;
    position: relative;
    width: 44px;
    height: 44px;
    margin: 2px 0;
    opacity: 0;
    transition: all 1s ease-in-out
}

.fancybox-content.loaded .fancybox-navigation>* {
    opacity: 1
}

.fancybox-thumbs__list a:before {
    border: 0
}

.fancy-price .start-from {
    display: block;
    font-size: .9em
}

.fancy-price>* {
    line-height: 1.2
}

.fancy-price .pernight {
    font-size: .8em
}

.fancy-price .price {
    font-size: 1.3em
}

.fancy-caption .fancy-link {
    margin-left: 16px
}

.fancy-caption .fancy-link a {
    display: block;
    padding-left: 12px;
    padding-right: 12px
}

.fancy-caption>div {
    display: block;
    padding: 14px 15px 12px
}

.fancy-caption .float-l {
    margin-right: 5%;
    width: 100%
}

.fancy-caption .float-l h3 {
    font-size: 1.2em;
    letter-spacing: 1px
}

.press-category-filter .form-group {
    margin-right: 3vw
}

.press-category-filter .form-group:last-child {
    margin-right: 0
}

.press-category-filter {
    display: flex;
    vertical-align: middle;
    text-align: left;
    flex-wrap: wrap;
    justify-content: normal;
    align-items: flex-start;
    margin: 28px auto
}

.press-category-filter .form-group {
    margin-right: 3vw;
    width: calc(49% - 3vw);
    margin-bottom: 5px
}

.press-category-filter .form-group:nth-child(2n) {
    margin-right: 0
}

div.no-results {
    text-align: center;
    min-height: 15vh;
    padding-top: 30px
}

.detail-column.no-column-margin>.columns {
    width: 50%;
    margin: 0;
    height: 100%;
    display: flex
}

.detail-column.no-column-margin .image-wrapper-with-slider {
    width: 100%;
    margin: 25px auto;
    overflow: hidden;
    float: none;
    height: 56.25vh;
    max-height: 56.25vh
}

.detail-column .slider-with-intro .images-xList .xList-item {
    height: 56.25vh
}

.detail-column .slider-with-intro {
    align-items: center
}

.detail-column .slider-with-intro .images-xList .xList-items {
    height: 100%
}

.slider-with-intro .arrows-wrapper .slick-arrow.nav-left {
    margin-top: 44px
}

.slider-with-intro .arrows-wrapper .slick-arrow.nav-right {
    margin-top: -84px
}

.slider-with-intro .arrows-wrapper {
    margin-top: -24px;
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    width: 40px;
    z-index: 1
}

.detail-column .slider-with-intro .arrows-wrapper {
    display: block
}

.detail-content-container {
    width: 80%;
    margin: 0 auto 50px;
    height: 100%
}

.use-scroll {
    height: 100%
}

.detail-column .date {
    margin-top: -12px;
    margin-bottom: 20px
}

.detail-column .date>span {
    font-size: 13px;
    margin-right: 10px
}

.social-share .social-share-wrapper {
    text-align: left
}

.social-share .social-share-wrapper li {
    padding-left: 0;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 3px
}

.social-share .social-share-wrapper li:after {
    display: none
}

.social-share .sm-item .fa {
    width: 34px;
    height: 34px
}

.social-share .sm-item .fa:before {
    font-size: 15px;
    line-height: 34px
}

.fa-share-alt:before {
    font-size: 16px;
    line-height: 34px
}

.detail-column .download-links-wrapper {
    margin-top: 20px
}

.address-block-wrapper {
    padding: 52px 52px 63px 52px;
    position: relative;
    box-sizing: border-box
}

.address-block-wrapper img {
    width: 69px;
    height: auto;
    margin-bottom: 21px
}

.address-block-wrapper h3 {
    font-size: 1.45em;
    margin-bottom: 10px
}

.address-block-wrapper a {
    word-break: break-all
}

.address-block-wrapper .contact-detail {
    margin-bottom: 6px
}

.contact-form-details .contact-detail {
    font-size: 1.12em
}

.contact-detail {
    position: relative;
    padding-left: 22px;
    font-style: initial;
    margin-bottom: 8px
}

.contact-detail [class^="icon-"] {
    position: absolute;
    left: 0;
    top: 4px
}

.address-block-wrapper .contact-detail {
    padding-left: 25px
}

.address-block-wrapper .additional-options {
    position: absolute;
    right: 15px;
    bottom: 13px
}

.address-block-wrapper .additional-options>a {
    margin-left: 15px;
    cursor: pointer
}

.address-block-wrapper .additional-options>a>span {
    font-size: 18px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 9px
}

.contact-detail>.sep:last-child {
    display: none
}

.marker-logo {
    position: absolute;
    top: 5px;
    left: 5px;
    box-sizing: border-box;
    width: 84px;
    height: 65px;
    padding: 11px 15px
}

.marker-logo img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.markerCon .link-wrapper {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between
}

.markerCon .link-wrapper .secondary-button,
.markerCon .link-wrapper .primary-button {
    padding: 9px 8px 7px;
    font-size: 1.15em;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-container .no-padding-top {
    padding-top: 0
}

.contact-map #map {
    height: calc(100vh - 70px)
}

.contact-map .inner-map-wrapper {
    border-width: 0
}

.contact-map .map-wrapper {
    display: block
}

.contact-map .infoBox:after {
    right: 0;
    top: auto;
    transform: translateY(-50%) rotate(90deg);
    bottom: -39px;
    left: 0;
    margin: auto
}

.print-font {
    font-size: .6em
}

.contact-detail-wrapper {
    padding-top: 20px;
    margin-bottom: 0
}

.contact-form-details>.first-column {
    box-sizing: border-box;
    padding: 20px
}

.contact-form-details .contact-details:nth-child(2) {
    padding-top: 25px
}

.corporate-contact-column {
    width: 90%;
    margin: 35px auto 0
}

.flex-column-center {
    display: flex;
    flex-flow: column;
    justify-content: center
}

.use-background>img {
    display: none
}

.use-background {
    padding: 49.25%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 13px
}

.image-only .use-background+p {
    font-size: 1.1em;
    padding: 0 20px 5px
}

.training-program-slider .slick-slide.slick-active .use-background {
    position: relative
}

.training-program-slider .slick-slide .use-background {
    overflow: hidden;
    position: relative
}

.training-program-slider .slick-active+.slick-active .use-background:after,
.training-program-slider .slick-active+.slick-active .use-background:before {
    width: 5px;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.training-program-slider .slick-active .use-background:after,
.training-program-slider .slick-active .use-background:beofre,
.training-program-slider .slick-active+.slick-active+.slick-active .use-background:after,
.training-program-slider .slick-active+.slick-active+.slick-active .use-background:beofre {
    display: none
}

.detail-wrapper .image-wrapper-with-slider,
.detail-wrapper .detail-content-container,
.detail-wrapper.no-image .detail-description {
    width: 100%
}

.detail-wrapper .detail-content-container {
    margin-bottom: 0
}

.career-details {
    margin-bottom: 25px
}

.career-details h5 {
    font-size: 1.3em;
    padding: 19px 0 18px 53px;
    margin-bottom: 0;
    position: relative
}

.career-details h5:before {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 40px;
    content: '\eb9e';
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0;
    margin-top: -9px
}

.detail-wrapper .detail-content-container {
    max-height: 100%
}

#recaptcha>div,
.recaptcha>div {
    margin: 0 auto
}

#recap-responce-error {
    text-align: center
}

.fb-captcha>.captcha-section {
    margin-right: 0
}

.captcha-section>* {
    display: inline-block;
    vertical-align: bottom
}

.captcha-section>.captcha-change {
    font-size: 1.7em;
    margin: 0 0 -5px 5px
}

.captcha-section {
    margin-bottom: 10px
}

span.fleld-info,
span.file-info {
    text-transform: uppercase;
    font-size: .8em;
    margin-top: -13px;
    display: block;
    margin-bottom: 7px
}

.change-child-width>.columns.six {
    width: 47%;
    margin: 0 2%;
    height: 100%;
    display: flex;
    align-items: center
}

.change-child-width>.columns:nth-child(2) {
    margin-left: 0
}

.change-child-width>.columns.twelve {
    width: 96%;
    margin: 0 2%
}

.xbox.xbox.use-full-height .link-wrapper {
    text-align: center
}

.loyalty-sign>div {
    display: inline-block;
    vertical-align: top;
    margin: 0
}

.loyalty-sign>div:last-child {
    margin-left: -4px
}

.loyalty-sign>div:first-child {
    width: 238px
}

.loyalty-sign>div .primary-button {
    min-height: 36px
}

.loyalty-sign .cms-form-holder {
    padding-top: 6px
}

.change-margin-width,
.change-margin-width+div.image-wrapper {
    margin: 0 auto 30px auto;
    width: 100%
}

.change-margin-width+div.image-wrapper {
    margin-top: 0
}

.remove-default-column.rotator-with-hover-click-animations .panel-wrap {
    width: 100%
}

.remove-default-coverimage.rotator-with-hover-click-animations .whole-slider-wrapper {
    background-image: none !important
}

.remove-default-coverimage.rotator-with-hover-click-animations .item .inner-background {
    opacity: 1
}

.rotator-with-hover-click-animations .item .inner-background:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.remove-default-column.rotator-with-hover-click-animations .intro-content-inner h3 {
    height: auto;
    text-align: center
}

.remove-default-column.rotator-with-hover-click-animations .intro-content-inner {
    max-width: 100%
}

.fullheight-wrapper>div,
.rotator-with-hover-click-animations {
    height: 100%
}

.hover-visible {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    -webkit-transition: all .8s ease-in-out 0.4s;
    -moz-transition: all .8s ease-in-out 0.4s;
    -o-transition: all .8s ease-in-out 0.4s;
    transition: all .8s ease-in-out 0.4s
}

.hover-hidden-element.clicked .hover-visible,
.hover-hidden-element.active .hover-visible {
    bottom: 0
}

.hover-hidden-element>p {
    margin-bottom: 0
}

.hover-inner {
    position: relative;
    width: 75%;
    margin: 0 auto;
    text-align: left;
    max-height: 85%
}

.hover-visible .primary-link {
    position: relative;
    display: inline-block
}

.image-only.wrap-with-link .hover-visible .primary-link a {
    position: relative
}

.hover-visible .hover-inner p {
    max-height: 315px;
    overflow: hidden
}

.absolute-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hidden-overflow {
    overflow: hidden;
    height: 100%;
    width: 100%;
    max-height: 100vh
}

.form-group {
    position: relative
}

.show-selectbox-filter-all>.xList-intro>.title-wrapper>ul,
.show-selectbox-filter-all>.xList-intro>.title-wrapper>.arrows-wrapper {
    display: none !important
}

.show-selectbox-filter-all>.xList-intro>.title-wrapper>.select-box-wrapper {
    display: block
}

.show-selectbox-filter-all>.xList-intro>.title-wrapper {
    width: 90%;
    margin-top: 0
}

.show-selectbox-filter-all>.xList-items .rotator-C .pagerSlider {
    margin-top: 135px
}

.careers-slider p.date .icon {
    font-size: 1.1em;
    margin-right: 6px
}

.check-in-to-possibility-form {
    max-width: 900px
}

.hotel-details-contact .float-wrapper>h5 {
    margin: 20px 0 10px
}

.hotel-details-contact .address {
    padding-left: 0
}

.hotel-details-contact .secondary-button {
    margin-top: 20px;
    margin-bottom: 20px
}

.download-links-wrapper.align-left {
    text-align: left
}

.visual-map .map-wrapper {
    display: block
}

.visual-map .inner-map-wrapper {
    border: none
}

.visual-map #map {
    height: 50vh
}

.visual-map .map-wrapper .get-directions {
    margin: 0 auto
}

.float-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

#dis-dur-wrapper {
    width: 100%;
    margin: 20px auto 7px;
    padding-left: 25px
}

#dis-dur-wrapper>p {
    display: inline-block;
    max-width: calc(58% - 4px);
    padding: 5px 10px 5px 42px;
    box-sizing: border-box;
    position: relative;
    min-width: 40%;
    margin: 0;
    text-align: left;
    vertical-align: top
}

#dis-dur-wrapper span {
    display: block;
    line-height: 1.35
}

#dis-dur-wrapper>p:after {
    content: '\e964';
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    font-family: 'icomoon';
    font-size: 33px
}

#dis-dur-wrapper>.duration-wrapper:after {
    content: '\e96f'
}

.overlay-direction-wrapper .get-from-heading {
    margin: 0 20px 17px 0;
    font-size: 1.5em
}

.overlay-direction-wrapper .search {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 100%;
    min-width: 0;
    padding: 0
}

.overlay-direction-wrapper .search:after {
    content: '\ead5';
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    font-family: 'icomoon';
    font-size: 18px;
    line-height: 36px
}

.overlay-direction-wrapper .get-direction-from {
    margin-bottom: 36px
}

.overlay-direction-wrapper .get-direction-to:before {
    bottom: 34px;
    height: 100%
}

.overlay-direction-wrapper #routeFrom {
    padding-right: 45px
}

.fullheight-wrapper {
    position: relative
}

.fullheight-wrapper .floor-plan-button {
    height: auto
}

.xbox.xbox-type-K .detail-col .detail-col-inner .arrangement-wrapper .detail-title {
    display: block
}

.slider-with-intro .image-wrapper-with-slider li {
    background-position: center center
}

.xbox-type-K .detail-col-inner p {
    margin-bottom: 7px
}

.xbox.xbox-type-K .scrolling-content .content-wrapper>*:last-child {
    margin-bottom: 0
}

.detail-container .detail-col-inner .amenities-wrapper.features-wrapper {
    max-height: 100%;
    overflow: visible
}

.slider-with-intro .image-wrapper-with-slider {
    position: relative
}

.slider-with-intro .image-wrapper-with-slider:after {
    position: absolute;
    content: '';
    width: 95%;
    height: calc(92% - 6px);
    border-width: 1px 1px 1px 1px;
    left: 2.5%;
    top: calc(4% + 2px);
    border-style: solid
}

.detail-column .slider-with-intro .image-wrapper-with-slider:after,
.detail-wrapper .slider-with-intro .image-wrapper-with-slider:after {
    border-width: 0
}

.slider-with-intro .flex-container>.read-more {
    position: absolute;
    bottom: 0;
    right: 15px
}

.tabs-default .hotelInfo>.hotel-info-content {
    padding-left: 20px
}

.dining-offers-section-wrapper .dining-events .use-background {
    background-size: contain;
    background-position: bottom
}

.dining-seven-days {
    letter-spacing: .07em
}

.attraction-style-1 .detail-wrapper span {
    line-height: 1.2
}

.attraction-style-1 .intro-wrapper {
    margin-bottom: 20px
}

.attraction-style-1 .detail-wrapper>p:after {
    font-size: 30px
}

.attraction-style-1 .detail-wrapper>p {
    padding: 5px 8px 5px 38px;
    max-width: calc(65% - 4px)
}

.attraction-style-1 .detail-wrapper .distance-wrapper {
    padding-left: 0
}

.attraction-style-1 .detail-wrapper .distance-wrapper:after {
    display: none
}

.submenu-with-simple-rotator .attraction-style-1 .detail-wrapper>p:nth-child(2) {
    max-width: calc(35%);
    padding-right: 0
}

.attraction-style-1 .detail-wrapper,
.attraction-style-1 .link-wrapper {
    margin: -4px auto 15px
}

.xbox.xbox-type-K .intro-container .link-wrapper.no-link {
    margin-bottom: 25px
}

.check-in-to-possibility-form .form-group h2 {
    margin-top: 0
}

.check-in-to-possibility-form .cms-form-holder,
.check-in-to-possibility-form form {
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.expand-outer {
    display: none
}

.xbox.xbox-type-K .intro-container .show-all-resolution .primary-link {
    pointer-events: initial;
    visibility: visible;
    text-align: right;
    margin-top: 20px
}

.expand-hide-wrapper {
    width: 100%;
    text-align: center;
    margin: -10px auto 20px
}

.visible-content .expand-hide-wrapper {
    margin: -20px auto 30px
}

.expand-hide-wrapper>span:nth-child(2),
.change-mobile-behaviour.visible-content .expand-hide-wrapper>span:first-child {
    display: none
}

.expand-hide-wrapper>span {
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .8em;
    padding-right: 20px;
    cursor: pointer
}

.expand-hide-wrapper>span:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    -webkit-transform: rotate(-45deg) translateY(50%);
    -moz-transform: rotate(-45deg) translateY(50%);
    -ms-transform: rotate(-45deg) translateY(50%);
    -o-transform: rotate(-45deg) translateY(50%);
    transform: rotate(-45deg) translateY(50%)
}

.expand-hide-wrapper>.expand-con:after {
    -webkit-transform: rotate(135deg) translateY(50%);
    -moz-transform: rotate(135deg) translateY(50%);
    -ms-transform: rotate(135deg) translateY(50%);
    -o-transform: rotate(135deg) translateY(50%);
    transform: rotate(135deg) translateY(50%)
}

.change-mobile-behaviour.visible-content .expand-hide-wrapper>span:nth-child(2) {
    display: inline-block
}

.change-mobile-behaviour .flex-items .content-wrapper {
    -webkit-transition: all .8s ease-in-out 0;
    -moz-transition: all .8s ease-in-out 0;
    -o-transition: all .8s ease-in-out 0;
    transition: all .8s ease-in-out 0;
    position: relative
}

.intro-container .aura-spa-contact>p:last-child {
    margin-bottom: 30px
}

.aura-spa-contact .icon {
    font-size: 1.5em;
    margin-right: 5px
}

.intro-container .aura-spa-contact .openeing-info {
    margin-left: 40px;
    margin-top: 0;
    width: calc(100% - 40px);
    margin-bottom: 10px
}

.gallery-type-large.xbox-gallery {
    height: 100%;
    margin-bottom: 30px
}

.gallery-type-large.xbox-gallery .gallery-cat-wrapper {
    bottom: 0;
    margin-top: 0
}

.gallery-type-large.xbox-gallery .arrows-wrapper {
    margin-top: 0;
    height: auto
}

.gallery-type-large.xbox-gallery .iframe-wrapper .video-iframe {
    display: block
}

.image-wrapper-with-slider .slick-slide.slick-current {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.image-wrapper-with-slider .slick-slide {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transition: opacity 800ms linear 0s, -webkit-transform 1.2s ease-in-out !important;
    -ms-transition: opacity 800ms linear 0s, -ms-transform 1.2s ease-in-out !important;
    transition: opacity 800ms linear 0s, transform 1.2s ease-in-out !important
}

.odd-even-xlist .xbox-style-11 .info-wrapper p>span {
    width: 100%
}

.odd-even-xlist .xbox-style-11 .info-wrapper p>span.icon {
    width: 30px;
    margin-right: 11px
}

.odd-even-xlist .xbox-style-11 .info-wrapper .openeing-heading br {
    display: none
}

.container .odd-even-xlist .xList-item.right .xbox .flex-container {
    padding: 7%;
    box-sizing: border-box
}

.container .xList-item .xbox.xbox-style-11 .flex-container {
    box-sizing: border-box
}

.odd-even-xlist .xList-item {
    margin-bottom: 25px
}

.odd-even-xlist .xList-item.right .xbox {
    flex-flow: column
}

.xbox-style-11 .info-wrapper p>span.openeing-info {
    margin-top: 5px
}

.cms-form-holder.captcha-error .response-message {
    display: none
}

.black-background {
    width: calc(32.444444% * 3);
    margin: 0 auto 33px 1%;
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
    min-height: 275px
}

.black-background.flex-wrap {
    flex-flow: row-reverse
}

.black-background .seperator-title {
    width: 43%;
    padding: 63px 100px 73px;
    font-size: 1.45em;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.black-background .black-bg-image {
    width: 57%;
    background: url('../images/component_images/black-bg-image.png')
}

.offer-events-grid .offer-grid-list {
    margin-bottom: 0
}

.main-container .black-background h2 {
    margin: 0 auto;
    line-height: 1.4em
}

body .cms-form-holder form div.fb-full-width-field {
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.check-height .slick-list {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.dark-background>.use-white-font {
    padding-top: 25px;
    margin-bottom: 0
}

.row.background-image.no-padding {
    padding: 0
}

.row.background-image.flex-top-child {
    align-items: stretch
}

.row.background-image.no-child-margin>.columns {
    margin-right: 3px;
    margin-left: 0
}

.info-wrapper>.inquiries-text {
    margin-bottom: 10px;
    font-size: 1.1em
}

.time-slots {
    margin: 14px 0
}

.time-slots+.info-wrapper .btns-wrapper {
    margin: 27px 0
}

.time-slots>p {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid;
    margin-right: 12px;
    padding-right: 12px
}

.time-slots>p:last-child {
    margin-right: 0;
    padding-right: 0;
    border-width: 0
}

.submenu-with-simple-rotator .simple-rotator-with-pager .has-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current .has-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-slide:not(.slick-cloned):first-child .has-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current+.slick-slide .has-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-slide .has-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current+.slick-slide+.slick-slide .has-scroll .mCustomScrollbar:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    pointer-events: none;
    -ms-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.submenu-with-simple-rotator .simple-rotator-with-pager .has-scroll.show-mCustomScrollbar-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current .has-scroll.show-mCustomScrollbar-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-slide:not(.slick-cloned):first-child .has-scroll.show-mCustomScrollbar-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current+.slick-slide .has-scroll.show-mCustomScrollbar-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-slide .has-scroll.show-mCustomScrollbar-scroll .mCustomScrollbar:after,
.submenu-with-simple-rotator .simple-rotator-with-pager .slick-track>.slick-current+.slick-slide+.slick-slide .has-scroll.show-mCustomScrollbar-scroll .mCustomScrollbar:after {
    height: 0
}

.xbox-style-15 .social-share.noLabel {
    margin-bottom: 15px
}

.xbox-style-15 .promotion-img {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.xbox-type-K .xbox-gallery .iframe-wrapper .video-iframe {
    display: block
}

.gallery-category-filter .form-group.hide-name {
    display: none
}

@media (max-width:1200px) {
    .rotator-C-1.auto-height {
        display: block;
        padding-top: 60px
    }
    .rotator-C .item-slider {
        float: left
    }
    .rotator-C.auto-height .item-slider {
        width: 100%
    }
    .rotator-C.auto-height .pager-navigation {
        float: left;
        display: block
    }
    .rotator-C.auto-height .pagerSlider {
        display: none
    }
    .rotator-C.auto-height .item-selector.cms-form {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0 auto
    }
    .rotator-C.auto-height .pager-navigation .arrows-wrapper {
        position: relative
    }
    .rotator-C.auto-height .item-selector.cms-form.add-top-margin {
        margin-top: 14px
    }
}

@media(min-width:750px) and (max-width:1199px) {
    .remove-default-column.rotator-with-hover-click-animations .active .intro-wrapper {
        width: 100vw
    }
    .remove-default-column.rotator-with-hover-click-animations .close-icon,
    .remove-default-column.rotator-with-hover-click-animations .full-width-content {
        right: 40px
    }
    .remove-default-column.rotator-with-hover-click-animations .item.active .inner-background {
        left: 0 !important;
        width: 100% !important
    }
    .main-container .fullpage-row .main-content-block h1 {
        margin-top: 30px
    }
    .main-container .fullpage-row .floated-main-content h1 {
        margin-top: 0
    }
    .use-martginTop-ipad {
        margin-top: 25px
    }
    .mainSlider.use-adaptiveHeight .slick-slide {
        height: 100% !important
    }
}

@media (min-width:750px) {
    .only-mobile {
        display: none
    }
    .no-mobile {
        display: block
    }
    table.no-mobile {
        display: table
    }
    h1 {
       font-family: 'Trajan Pro Regular';
    background: url(../images/kolka-deep.png) no-repeat center 100%;
    font-size: 38px;
		text-align:center;
    padding-bottom: 56px;
	color: #180A0A;    
	text-transform: capitalize;
    }
    h2 {
      font-family: 'Trajan Pro Regular';
    font-size: 1.5vw;
    display: block;
    margin-bottom: 20px;
    margin-top: 5px;
    font-weight: 600;
    color: #180A0A;
    text-transform: capitalize;
	text-align:center;
}
  




    .hbg {
        background: url(../images/kolka-deep.png) no-repeat center 100%;
        font-size: 2.5vw;
        padding-bottom: 50px;
    }



  
    h3 {
        font-size: 1.65em
    }
    h4 {
        font-size: 1.6em
    }
    h5 {
        font-size: 1.4em
    }
    h6 {
        font-size: 1.2em
    }
    .tabs-default>.xList-intro {
        margin: 25px 0
    }
    .hotel-list .tabs-default .title-wrapper ul::after {
        bottom: -1px
    }
    .hotel-list>.columns:first-child>h2 {
        padding-top: 6px
    }
    .hotel-list .tabs-default.align-l>.xList-intro {
        top: 0;
        margin-top: 0
    }
    .hotel-list .align-l.tabs-first-level>.xList-intro .title-wrapper li {
        text-align: center
    }
    .tabs-default.align-l>.xList-intro {
        width: 32.5%;
        position: absolute;
        left: 0;
        top: 38px;
        z-index: 1
    }
    .tabs-default>.xList-intro .title-wrapper {
        width: 100%;
        margin-top: 0
    }
    .fullpage-row:not(.footer-container) .tabs-default>.xList-intro .title-wrapper {
        font-size: .9em
    }
    .show-selectbox-filter-all>.xList-intro>.title-wrapper {
        width: 80%;
        margin-top: 40px
    }
    .tabs-default .title-wrapper ul {
        padding: 0 40px
    }
    .row.hotel-list {
        padding-top: 37px
    }
    .hotel-list .tabs-default.tabs-first-level>.xList-intro .title-wrapper ul {
        margin-top: 0
    }
    .rotator-C .pagerSlider {
        padding: 70px 29px;
        margin-top: 100px
    }
    .rotator-C .pager-navigation .slick-slide {
	font-family: 'Encode Sans Expanded', sans-serif;
        margin-bottom: 24px;
        padding-left: 37px;
		font-size:14px;
    }
    .tabs-default .rotator-C>.pager-navigation .slick-arrow {
        display: inline-block;
        vertical-align: middle;
        transform: rotate(90deg)
    }
    .rotator-C .pager-title {
        font-size:14px;
        letter-spacing: 0;
		color:#FFF;
		font-weight:400;
		font-family: 'Encode Sans Expanded', sans-serif;
    }
	.rotator-C .pager-title:hover {
		color: #999999!important;
    }
    .xbox-type-j h3:after {
        position: absolute;
        margin-left: 10px;
        bottom: 0;
        content: '\f105';
        font-family: FontAwesome
    }
    #map,
    .contact-map #map {
        min-height: 450px;
        height: 75vh
    }
    .map-wrapper .map-content-wrapper {
        margin-top: 0
    }
    .map-wrapper .hotelInfo {
        margin-top: 10px
    }
    .submenu-with-simple-rotator .rotator-C>.pager-navigation .item-selector,
    .submenu-with-simple-rotator .rotator-C>.pager-navigation .arrows-wrapper.hide {
        display: none
    }
    .submenu-with-simple-rotator .rotator-C>.pager-navigation .arrows-wrapper {
        display: block
    }
    .submenu-with-simple-rotator .attraction-style-1 .detail-wrapper>p:nth-child(2) {
        max-width: calc(41.5%)
    }
    .submenu-with-simple-rotator .attraction-style-1 .link-wrapper>p {
        width: 49%
    }
    .submenu-with-simple-rotator .simple-rotator-with-pager .xbox.attraction-style-1 {
        margin-bottom: 0;
        max-height: 100%
    }
    .submenu-with-simple-rotator .rotator-C .simple-rotator-with-pager .rotatorElement .xList-item {
        padding-bottom: 35px
    }
    .submenu-with-simple-rotator .rotator-C .mainSlider .slick-slide {
        height: 100%;
        display: block
    }
    .rotator-A .pager-slider .slick-slide.slick-current:after {
        bottom: -8px
    }
    .rotator-A .pager-slider .slick-slide:after {
        bottom: 0
    }
    .rotator-A .pager-slider .slick-slide>div {
        z-index: 1
    }
    .align-l.tabs-first-level>.xList-intro .title-wrapper li {
        text-align: center
    }
    .tabs-default .title-wrapper li,
    .tabs-default .title-wrapper li.active {
        padding: 10px 1px
    }
    .main-container .loyalty-corporate>.row {
        max-width: 750px;
        margin: 0 auto
    }
    .main-container .loyalty-corporate .xList.grid-list>.xList-items>.xList-item {
        width: calc((88% - 12px) / 4);
        margin-left: 4%
    }
    .loyalty-corporate .xList.grid-list>.xList-items>.xList-item:first-child {
        margin-left: 0
    }
    .submenu-with-simple-rotator .rotator-C .mainSlider .slick-slide>div .xList-item {
        display: block !important
    }
    .align-vertical-columns {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: stretch;
        flex-flow: row wrap
    }
    .align-vertical-columns>.columns:first-child {
        padding: 30px 20px 30px;
        display: flex;
        align-items: center
    }
    footer.five-col:before {
        width: 320px;
        height: 100%;
        max-height: 275px
    }
    footer .container .newsletter-sign-up form {
        padding-bottom: 0
    }
    footer .container>.columns.five>.last-column {
        bottom: 50px;
        min-height: 162px
    }
    footer .form-newsletter .form-group {
        position: relative
    }
    .newsletter-sign-up .field-from_email input.form-control {
        margin-bottom: 0
    }
    footer .form-newsletter .fb-privacyfield .fb-cr {
        padding-bottom: 15px
    }
    footer .form-newsletter .fb-button {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 0
    }
    footer .form-newsletter .fb-privacyfield {
        float: left;
        margin-top: 10px;
        margin-bottom: 0;
        width: 100%
    }
    footer label.error {
        position: absolute;
        left: 0;
        bottom: 0
    }
    .full-height-rotator {
        margin-bottom: 0;
        min-height: 50vw;
        height: 100%
    }
    .cms-form-holder .boxContainer .form-group:not(.fb-header) {
        width: 48%;
        margin-right: 4%;
        display: inline-block;
        vertical-align: top
    }
    .cms-form-holder .boxContainer:nth-of-type(1) .form-group:not(.fb-header) {
        width: 48%;
        margin-right: 4%
    }
    .cms-form-holder .boxContainer:nth-of-type(3) .form-group:not(.fb-header) {
        width: 30.666666%;
        margin-right: 4%
    }
    .cms-form-holder .boxContainer:nth-of-type(1) .form-group:nth-child(2n+2),
    .cms-form-holder .boxContainer:nth-of-type(4) .form-group:nth-child(3n),
    .cms-form-holder .boxContainer:nth-of-type(3) .form-group:nth-child(3n+1) {
        margin-right: 0
    }
    .cms-form-holder .boxContainer:nth-of-type(1) .form-group.field-title {
        margin-right: 80%;
        width: 25%
    }
    .container .cms-form-holder .boxContainer .form-group.field-comments {
        margin-right: 0;
        width: 100%
    }
    .cms-form-holder form .form-group.fb-full-width-field,
    .cms-form-holder form .boxContainer:nth-of-type(n) .form-group.fb-full-width-field {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
    .container .cms-form-holder .boxContainer .form-group.field-comments textarea {
        height: 110px
    }
    .cms-form-holder .boxContainer:last-child .form-group.fb-button {
        width: 100%;
        margin-right: 0
    }
    .cms-form-holder .boxContainer .form-group.fb-privacyfield {
        width: calc(95% - 305px)
    }
    .cms-form-holder .boxContainer .form-group.fb-captcha {
        width: 305px
    }
    .fb-captcha>div {
        float: right;
        margin-right: -2px
    }
    .default-cms-form .cms-form-holder .fb-header.form-group,
    .default-cms-form .cms-form-holder .fb-button.form-group {
        width: 100%;
        margin-right: 0
    }
    .default-cms-form .cms-form-holder .form-group {
        width: calc(48% - 2px);
        margin-right: 4%;
        display: inline-block;
        vertical-align: top
    }
    .default-cms-form .cms-form-holder .form-group.fb-no-portrait-margin {
        margin-right: 0
    }
    .fb-flex-option-list .more-child-emelemnts {
        display: flex;
        flex-wrap: wrap
    }
    .fb-flex-option-list .more-child-emelemnts>div {
        width: 48%;
        margin-right: 4%
    }
    .fb-flex-option-list .more-child-emelemnts>div:nth-of-type(2n) {
        margin-right: 0
    }
    .rotator-C.auto-height .pager-navigation {
        width: 100%;
        padding: 0
    }
    .rotator-C.auto-height .pager-navigation .arrows-wrapper {
        text-align: right;
        display: block
    }
    .rotator-C.auto-height .pager-count {
        display: inline-block
    }
    .feature-content {
        column-count: 3
    }
    .main-visual .slider-wrapper .xbox-content img {
        display: block;
        margin-bottom: 10px
    }
    .capa-icon {
        font-size: 40px;
        margin-right: 20px
    }
    .capacity-list-item {
        margin-bottom: 20px
    }
    .offer-grid-list ul li.xList-item {
        width: 48%;
        display: inline-block;
        margin: 1%
    }
    .offer-grid-list ul li.xList-item:nth-child(3n) {
        width: 98%
    }
    .events-grid-list ul li.xList-item:nth-child(3n) {
        width: 48%
    }
    .xbox-style-15 .item-img,
    .xbox-style-15 .item-title,
    .xbox-style-15 .item-title+*,
    .xbox-style-15 .btns-wrapper {
        opacity: 0;
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    .main-container .ui-accordion .ui-accordion-header.accordion-header {
        font-size: 1.6em;
        cursor: pointer
    }
    .floated-main-content {
        margin-top: 20px
    }
    .main-content-block.full-width-block {
        max-width: 80%;
        margin: 0 auto
    }
    .main-content-block ul,
    .main-content-block ol {
        margin: 25px 0 25px 35px
    }
    .load-more-wrapper {
        margin: 50px auto 60px
    }
    .magazine-items+.load-more-wrapper {
        margin: 10px auto 65px
    }
    .gallery-filter-wrapper {
        display: flex;
        align-content: center;
        justify-content: space-between
    }
    .gallery-filter-wrapper.no-select-filter {
        justify-content: right
    }
    .gallery-filter-wrapper.no-select-filter .gallery-category-filter {
        margin-left: 0
    }
    .gallery-category-filter .form-group {
        margin-right: 2vw;
        min-width: 40%
    }
    .gallery-category-filter .form-group:last-child {
        margin-right: 0
    }
    .gallery-brand-filter {
        min-width: 211px;
        max-width: 211px;
        width: 17.5%;
        display: inline-block;
        vertical-align: middle
    }
    .gallery-brand-filter select {
        margin-bottom: 0
    }
    .gallery-category-filter {
        display: flex;
        vertical-align: middle;
        margin-left: 52px;
        text-align: left;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center
    }
    .gal-main-wrapper .gallery-item {
        height: 200px;
        margin-right: 2%;
        margin-bottom: 2%
    }
    .gal-main-wrapper .gallery-item .filtered-item {
        display: inline-block
    }
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(7n-5) {
        width: calc(98% - calc(96% /3 + 1px))
    }
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(7n-3),
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(7n-4) {
        width: calc(98% /2 - 1px)
    }
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(7n),
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(7n-1),
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(7n-2),
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(7n-6) {
        width: calc(96% /3 - 1px)
    }
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(7n),
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(7n-3),
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(7n-5) {
        margin-right: 0
    }
    .seperate-checkbox .press-category-filter .checkbox label {
        padding-left: 16px
    }
    .press-category-filter {
        margin: 28px auto 0
    }
    .press-category-filter .form-group,
    .press-category-filter .form-group:nth-child(2n) {
        margin-right: 3vw;
        width: auto
    }
    .press-category-filter .form-group:last-child {
        margin-right: 0
    }
    .seperate-checkbox .press-category-filter .checkbox label {
        max-width: 78px;
        white-space: normal
    }
    .xbox.xbox-style-15 .flex-items {
        padding: 30px 20px 20px
    }
    .detail-column.no-column-margin>.columns {
        width: 100%
    }
    .detail-column.no-column-margin .image-wrapper-with-slider {
        margin: 50px auto 25px
    }
    .contact-detail-wrapper {
        padding-top: 48px
    }
    .contact-form-details {
        display: flex;
        flex-flow: column
    }
    .contact-form-details>.columns {
        width: 100%
    }
    .contact-form-details>.first-column {
        padding: 40px
    }
    .xList.grid-list.contact-detail-wrapper>.xList-items>.xList-item {
        width: calc((92% - 9px) / 2);
        margin-left: 4%
    }
    .xList.grid-list.contact-detail-wrapper>.xList-items>.xList-item:first-child,
    .xList.grid-list.contact-detail-wrapper>.xList-items>.xList-item:nth-child(2n+1) {
        margin-left: 0
    }
    .address-block-wrapper {
        padding: 25px 25px 50px 25px
    }
    .contact-form-details>.first-column .contact-details {
        width: 46%;
        float: left
    }
    .contact-form-details .contact-details:nth-child(2) {
        padding-top: 0;
        margin-left: 8%
    }
    .contact-form-details>.last-column {
        margin-left: 0
    }
    .two-field-form .cms-form-holder .form-group:not(.fb-header) {
        display: inline-block;
        vertical-align: top
    }
    .two-field-form .cms-form-holder .form-group:not(.fb-header),
    .two-field-form.small-first-field .cms-form-holder .form-group:not(.fb-header) {
        width: calc(48% - 2px);
        margin-right: 4%
    }
    .two-field-form .cms-form-holder .form-group:nth-of-type(2n+2),
    .two-field-form.small-first-field .cms-form-holder .form-group:nth-of-type(2n+1) {
        margin-right: 0
    }
    .two-field-form.has-form-title .cms-form-holder .form-group:nth-of-type(2n+2),
    .two-field-form.small-first-field.has-form-title .cms-form-holder .form-group:nth-of-type(2n+1) {
        margin-right: 4%
    }
    .two-field-form.small-first-field.has-form-title .cms-form-holder .form-group:nth-of-type(2n+2) {
        margin-right: 0
    }
    .two-field-form.small-first-field .cms-form-holder .form-group.field-title,
    .two-field-form.small-first-field.has-form-title .cms-form-holder .form-group.field-title {
        margin-right: 80%;
        width: 20%
    }
    .two-field-form .cms-form-holder .boxContainer .fb-header,
    .two-field-form .cms-form-holder .form-group.fb-paragraph,
    .two-field-form .cms-form-holder .form-group.field-comments,
    .two-field-form .cms-form-holder .form-group.field-message,
    .two-field-form .cms-form-holder .form-group.field-submit,
    .two-field-form.small-first-field .cms-form-holder .form-group.field-comments,
    .two-field-form.small-first-field .cms-form-holder .form-group.field-message,
    .two-field-form.small-first-field .cms-form-holder .form-group.field-submit {
        margin-right: 0;
        width: 100%
    }
    .two-field-form .cms-form-holder .form-group.fb-privacyfield {
        width: calc(96% - 314px);
        margin-right: 4%
    }
    .two-field-form .cms-form-holder .form-group.fb-captcha {
        width: 310px;
        margin-right: 0
    }
    #recap-responce-error {
        text-align: right;
        margin-top: 8px;
        float: right;
        width: 100%
    }
    .offer-grid-list .xbox.xbox-style-15 {
        height: 0;
        padding-top: 111%
    }
    .offer-grid-list ul li.xList-item:nth-child(3n) .xbox.xbox-style-15 {
        padding-top: 35%
    }
    .offer-grid-list ul li.xList-item:nth-child(3n) .xbox.xbox-style-15 .image-wrapper .three-box-image {
        display: none
    }
    .offer-grid-list .xbox.xbox-style-15 .image-wrapper .three-box-image,
    .offer-grid-list:not(.events-grid-list) ul li.xList-item:nth-child(3n) .xbox.xbox-style-15 .image-wrapper .one-box-image {
        display: block
    }
    .events-grid-list .xbox.xbox-style-15,
    .offer-grid-list.events-grid-list ul li.xList-item:nth-child(3n) .xbox.xbox-style-15 {
        height: 0;
        padding-top: 141.25%
    }
    .events-grid-list .xbox.xbox-style-15 .image-wrapper,
    .offer-grid-list .xbox.xbox-style-15 .image-wrapper {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
    .event-banner .event-static-banner {
        width: calc(97.5% - 1px)
    }
    .xbox.use-full-height .flex-items {
        padding: 30px
    }
    .xbox.use-full-height .flex-items .content-wrapper {
        text-align: center
    }
    .show-content .xbox.xbox-style-15 .flex-container {
        top: 0;
        opacity: 1;
        pointer-events: auto
    }
    .show-content .xbox-style-15 .item-img,
    .show-content .xbox-style-15 .item-title,
    .show-content .xbox-style-15 .item-title+*,
    .show-content .xbox-style-15 .btns-wrapper {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .show-content .xbox.xbox-style-15 .image-content {
        bottom: -50%;
        opacity: 0;
        pointer-events: none
    }
    .show-content .xbox.xbox-style-15 .flex-container .close-button {
        display: none
    }
    .bottom-intro.rotator-with-hover-click-animations .intro-content {
        min-height: 55px;
        position: absolute;
        width: calc(100% - 40px);
        left: 0;
        bottom: 0
    }
    .show-selectbox-filter-all>.xList-intro>.title-wrapper {
        width: 80%
    }
    .hotel-list>.columns:first-child>h2 {
        font-size: 2.25em
    }
    .xbox.xbox-style-15 .content-wrapper {
        max-height: 92%;
        height: 100%;
        overflow: visible
    }
    .fullpage-row .contact-form-details h1 {
        margin-top: 0
    }
    .float-wrapper {
        display: inline-block;
        vertical-align: top;
        width: 49%
    }
    .xbox.xbox-style-13 .info-popup-box .popup-box-cnt-wrapper {
        max-height: 194px
    }
    .rotator-with-hover-click-animations .intro-content-inner {
        max-width: 150px;
        text-align: center
    }
    .no-left-margin {
        margin-left: 0
    }
    .three.add-additional-width {
        width: 26%
    }
    .four.add-additional-width {
        width: 34.6666666667%
    }
    .rotator-C .light-color-pager-border.pager-navigation .pagerSlider:before {
        background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #fff 25%, #fff 75%, rgba(255, 255, 255, 0) 100%);
        background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #fff 25%, #fff 75%, rgba(255, 255, 255, 0) 100%);
        background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #fff 25%, #fff 75%, rgba(255, 255, 255, 0) 100%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(25, #fff), color-stop(75, #fff), color-stop(100, rgba(255, 255, 255, 0)));
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #fff 25%, #fff 75%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0, #fff 25%, #fff 75%, rgba(255, 255, 255, 0) 100%);
        opacity: 0.3
    }
    .rotator-with-hover-click-animations.remove-default-column .item:first-child {
        border-left-width: 0
    }
    .xList.grid-list.three-col>.magazine-items>.xList-item {
        width: calc((96% - 4px) / 2)
    }
    .xList.grid-list.three-col>.magazine-items>.xList-item:nth-child(3n),
    .xList.grid-list.three-col>.magazine-items>.xList-item:nth-child(2n+1) {
        margin-left: 0
    }
    .xList.grid-list.three-col>.magazine-items>.xList-item:nth-child(2n),
    .xList.grid-list.three-col>.magazine-items>.xList-item:nth-child(6n) {
        margin-left: 4%
    }
    .grid-list .magazine-items .xbox.xbox-typeA .image-wrapper {
        padding-top: 102%
    }
    .xList-masonry .xList-item {
        width: calc(50% - 15px)
    }
    .xList-masonry .xList-items {
        margin-left: 0
    }
    .xList.xlist-type-j,
    .xlist-type-j .xList-items {
        height: 100%
    }
    .xbox.xbox-style-11.xbox-typeC .flex-container .flex-items .content-wrapper {
        max-height: 100%
    }
    .gallery-type-large.xbox-gallery .gallery-cat-wrapper {
        bottom: 10px
    }
    .xList-items .xbox.xbox-style-11 .image-wrapper {
        height: 49vw
    }
    .container .xList-item .xbox.xbox-style-11 .flex-container,
    .container .odd-even-xlist .xList-item.right .xbox .flex-container {
        padding: 19px 47px
    }
    .xbox.xbox-style-11 .image-wrapper {
        height: 375px
    }
    .xbox-style-11 .info-wrapper p>span.openeing-info {
        margin-top: -5px
    }
    .odd-even-xlist .xList-item {
        margin-bottom: 0
    }
    .xbox-style-11 .info-wrapper>p {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 34px)
    }
    .xbox-style-11 .info-wrapper>p.open-hours-wrapper {
        margin-right: 30px;
        width: 50%
    }
    .xbox-style-11 .secondary-button {
        margin-bottom: 24px
    }
    .treatment-row .xbox.xbox-typeA .flex-container {
        padding: 25px 40px
    }
    .treatment-row .rotatorElement>ul {
        padding-bottom: 0
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .xbox.xbox-style-15.mouse-over .flex-container {
        top: 0;
        opacity: 1;
        pointer-events: auto
    }
    .xbox.xbox-style-15.mouse-over .item-img,
    .xbox.xbox-style-15.mouse-over .item-title,
    .xbox.xbox-style-15.mouse-over .item-title+*,
    .xbox.xbox-style-15.mouse-over .btns-wrapper {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .xbox.xbox-style-15.mouse-over .image-content {
        bottom: -50%;
        opacity: 0;
        pointer-events: none
    }
    .xbox.xbox-style-15.mouse-over .flex-container .close-button {
        display: none
    }
}

@media (min-width:1000px) {
    .no-mobile-portrait {
        display: block
    }
    table.no-mobile-portrait {
        display: table
    }
    .only-mobile-portrait {
        display: none
    }
    .main-visual .xbox-wrapper {
        width: 34%;
        left: 8%
    }
    .tabs-default.align-l>.xList-intro {
        width: 28%
    }
    .rotator-with-hover-click-animations .content-wrapper {
        padding-right: 5px;
        box-sizing: border-box
    }
    .map-wrapper .hotelInfo {
        margin-left: 10%
    }
    .rotator-A .pager-slider .slick-slide.slick-current:after {
        bottom: 35px
    }
    .get-direction-to:before {
        bottom: 27px;
        height: 70%
    }
    .rotator-A .pager-slider .slick-slide:after {
        -ms-transition: bottom 1.5s ease-in-out 0s;
        -webkit-transition: bottom 1.5s ease-in-out 0s;
        -moz-transition: bottom 1.5s ease-in-out 0s;
        -o-transition: bottom 1.5s ease-in-out 0s;
        transition: bottom 1.5s ease-in-out 0s
    }
    .xbox.xbox-style-5 {
        min-height: 500px
    }
    .rotator-A .pager-slider .pager-nav {
        top: 45px
    }
    .align-vertical-columns>.columns.first-column .main-content-block {
        margin-left: 12%;
        margin-bottom: 15px
    }
    .xbox.xbox-type-K .detail-col .detail-col-inner,
    .xbox.xbox-type-K .gallery-wrapper .detail-col-inner {
        margin-top: 0
    }
    .floated-main-content {
        float: left;
        width: 30.666666%;
        margin-right: 4%;
        margin-top: 45px
    }
    .floated-main-content+div {
        margin-top: 20px
    }
    .floated-main-content+.cms-form-holder {
        margin-top: 0
    }
    .one-small-wrapper .cms-form-holder>p,
    .two-small-wrapper .cms-form-holder>p {
        float: left;
        width: 65.3333333%
    }
    .two-small-wrapper .cms-form-holder .boxContainer:nth-of-type(1),
    .one-small-wrapper .cms-form-holder .boxContainer:nth-of-type(1) {
        float: left;
        width: 65.3333333%;
        margin-top: 20px;
        clear: right
    }
    .two-small-wrapper .cms-form-holder .boxContainer:nth-of-type(3),
    .one-small-wrapper .cms-form-holder .boxContainer {
        clear: both
    }
    .two-small-wrapper .cms-form-holder .boxContainer:nth-of-type(2) {
        clear: both;
        margin-left: 34.66666%
    }
    .cms-form-holder .boxContainer:nth-of-type(4) {
        clear: both;
        margin-left: 34.66666%;
        width: 65.3333333%
    }
    .cms-form-holder .boxContainer.visible+.boxContainer,
    .one-small-wrapper .cms-form-holder .boxContainer {
        width: 100%;
        margin-left: 0
    }
    .cms-form-holder .boxContainer .form-group.fb-privacyfield,
    .cms-form-holder .boxContainer:nth-of-type(n) .form-group.fb-privacyfield {
        width: calc(96% - 305px)
    }
    .cms-form-holder .boxContainer .form-group.fb-captcha,
    .cms-form-holder .boxContainer:nth-of-type(n) .form-group.fb-captcha {
        width: 305px
    }
    .cms-form-holder .boxContainer:nth-of-type(1) .form-group:not(.fb-header) {
        width: 47.2%;
        margin-right: 5.6%
    }
    .cms-form-holder .boxContainer:nth-of-type(1) .form-group:nth-child(2n+2) {
        margin-right: 0
    }
    .cms-form-holder .boxContainer:nth-of-type(1) .form-group.field-title {
        margin-right: 80%;
        width: 20%
    }
    .fb-flex-option-list .more-child-emelemnts>div,
    .fb-flex-option-list .more-child-emelemnts>div:nth-of-type(2n) {
        width: 31%;
        margin-right: 3.5%
    }
    .fb-flex-option-list .more-child-emelemnts>div:nth-of-type(3n) {
        margin-right: 0
    }
    .floated-main-content {
        max-height: 325px;
        min-height: 325px
    }
    .floated-main-content.five-field-height {
        min-height: 260px
    }
    .rotator-C.auto-height .item-selector.cms-form {
        width: 50%
    }
    .rotator-C.auto-height .pager-navigation .arrows-wrapper {
        position: absolute;
        top: 0;
        right: 5%;
        width: 25%
    }
    .rotator-C.auto-height .slick-slide .xList-item {
        vertical-align: top
    }
    .rotator-C.auto-height .xbox.xbox-type-K .intro-container {
        box-sizing: border-box;
        height: 100%;
        padding: 30px;
        width: 40%
    }
    .feature-content {
        column-count: 2
    }
    .banquet-hall-list .xbox.xbox-type-K .download-links-wrapper {
        position: absolute;
        right: 25px;
        bottom: 30px;
        text-align: right;
        margin-bottom: 0
    }
    .xbox.xbox-type-K .widget-wrapper {
        height: 180px;
        margin-top: 6px
    }
    .xbox.xbox-type-K .accordion-title br {
        display: block
    }
    .abs-button {
        position: absolute;
        left: 41px;
        bottom: 0;
        width: auto;
        width: 20%
    }
    .xbox.xbox-type-K .info-item,
    .xbox.xbox-type-K .arrangement-item,
    .xbox.xbox-type-K .specification-item {
        max-width: 28%
    }
    .sub-row {
        margin-bottom: 30px
    }
    footer .newsletter-sign-up .field-from_email label.error {
        padding-top: 10px
    }
    footer .form-newsletter .fb-privacyfield .fb-cr,
    footer .newsletter-sign-up .field-from_email {
        padding-bottom: 0
    }
    footer label.error {
        position: relative;
        left: auto;
        bottom: auto
    }
    .press-category-filter {
        justify-content: center
    }
    .press-category-filter .form-group:nth-child(2n) {
        margin-right: 3vw
    }
    .seperate-checkbox .press-category-filter .checkbox label {
        padding-left: 18px
    }
    .press-category-filter .form-group {
        width: auto
    }
    .detail-column.no-column-margin {
        display: flex
    }
    .detail-column.no-column-margin>.columns {
        padding-top: 60px;
        width: 50%
    }
    .detail-column.no-column-margin .image-wrapper-with-slider {
        width: 88%;
        margin: 0 auto;
        height: 40vw;
        max-height: 40vw
    }
    .detail-column .slider-with-intro .images-xList .xList-item {
        height: 40vw
    }
    .detail-content-container h1 {
        margin-top: -7px
    }
    .detail-content-container {
        max-height: 80vh
    }
    .contact-map #map {
        height: calc(100vh - 70px)
    }
    .contact-form-details {
        flex-flow: row;
        align-items: stretch
    }
    .contact-form-details>.first-column .contact-details {
        width: 100%;
        float: none
    }
    .contact-form-details .contact-details:nth-child(2) {
        padding-top: 25px;
        margin-left: 0
    }
    .contact-form-details>.first-column {
        width: 30.6666666667%
    }
    .contact-form-details>.last-column {
        width: 61.333%;
        margin-left: 4%;
        margin-right: 4%;
        display: flex;
        align-items: center
    }
    .two-field-form .cms-form-holder .form-group.fb-privacyfield,
    .two-field-form.small-first-field .cms-form-holder .form-group.fb-privacyfield {
        width: 100%
    }
    .two-field-form .cms-form-holder .form-group.fb-captcha,
    .two-field-form.small-first-field .cms-form-holder .form-group.fb-captcha {
        width: 100%;
        text-align: right
    }
    .corporate-contact-column {
        margin: 20px auto 0
    }
    .careers-form-wrapper {
        width: 65.333333%
    }
    .floated-main-content h1 {
        margin-top: 0
    }
    .full-height-image,
    .full-height-image>img {
        height: 100%
    }
    .full-height-image>img {
        max-width: initial
    }
    .flex-wrapper-from-landscape {
        display: flex;
        width: 100%;
        align-items: stretch;
        height: 100%
    }
    .flex-wrapper-from-landscape>.columns {
        height: auto
    }
    .xbox.xbox-type-K .xbox-container {
        align-items: stretch
    }
    .float-wrapper {
        width: 100%
    }
    .hotel-contact-info.contact-form-details>.first-column {
        padding: 40px 25px
    }
    .overlay-direction-wrapper {
        position: absolute;
        left: 3vw;
        bottom: 3vw
    }
    .visual-map #map {
        height: 100vh
    }
    .breadcrumb-wrapper.no-mobile-portrait .breadcrumb-nav {
        position: absolute
    }
    .fullpage-row .contact-form-details h1 {
        margin-top: 15px;
        margin-bottom: 0
    }
    .gallery-category-filter .form-group {
        min-width: 25%
    }
    .gal-main-wrapper .gallery-item {
        height: 295px
    }
    .xbox-style-3 .flex-container .flex-items {
        width: calc(100% - 155px)
    }
    .xbox.xbox-type-K .intro-container .link-wrapper {
        margin: 11px auto
    }
    .slider-with-intro .btns-wrapper {
        text-align: left
    }
    .dining-style-1 .reservations-outer {
        text-align: right
    }
    .slider-with-intro .content-wrapper,
    .slider-with-intro .amenities-wrapper,
    .slider-with-intro .hours-wrapper,
    .slider-with-intro .btns-wrapper {
        width: 95%
    }
    .slider-with-intro .amenities-wrapper {
        margin: 30px auto
    }
    .slider-with-intro .image-wrapper-with-slider:after {
        width: 98%;
        border-width: 1px 0 1px 1px;
        height: calc(92% - 6px);
        top: calc(4% + 2px)
    }
    .seperate-checkbox .press-category-filter .checkbox label {
        max-width: 145px
    }
    .xbox.xbox-style-11 .image-wrapper {
        height: 0;
        padding-top: 50%;
        position: relative
    }
    .xbox-style-11 .info-wrapper>p.open-hours-wrapper,
    .xbox-style-11 .info-wrapper>p {
        margin-right: 0;
        width: 100%
    }
    .xList-items .xbox.xbox-style-11 .image-wrapper {
        height: 0
    }
    .odd-even-xlist .xList-item .xbox {
        flex-flow: row
    }
    .odd-even-xlist .xList-item.right .xbox {
        flex-flow: row-reverse
    }
    .container .xList-item .xbox.xbox-style-11 .flex-container {
        width: 50%
    }
    .dark-background>.use-white-font {
        padding-top: 0;
        left: 39px;
        margin-top: 34px !important;
        position: absolute
    }
}

@media (min-width:1200px) {
    .gallery-brand-filter {
        margin-bottom: 7px
    }
    .only-desktop {
        display: block
    }
    .no-desktop {
        display: none
    }
    .main-visual .xbox-wrapper {
        width: 24%;
        left: 15.5%
    }
    .main-visual .xbox-content {
        max-height: 183px
    }
    .fullpage-wrapper .fp-section:nth-child(2) .fp-tableCell>*:first-child {
        padding-top: 70px;
        height: calc(100vh - 70px)
    }
    .tabs-default.align-l>.xList-intro {
        width: 20%
    }
    .tabs-default.tabs-first-level>.xList-intro .title-wrapper ul {
        font-size: 2.15em
    }
    .tabs-default .rotator-C .pagerSlider {
        margin-top: 70px
    }
    .rotator-C .pagerSlider {
        margin-top: 100px
    }
    .rotator-C .flex-center .pagerSlider {
        margin-top: 40px;
        margin-bottom: 40px
    }
    .rotator-C .pager-navigation .slick-slide {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        min-height: 35px
    }
    .rotator-C .flex-center {
        display: flex;
        align-items: center;
        position: relative
    }
    .offer-titles-subheading {
        letter-spacing: .1em
    }
    .offer-titles-content {
        font-size: 3.9em
    }
    .rotator-C .mainSlider .slick-slide {
        display: flex;
        flex-flow: column wrap
    }
    .rotator-C .mainSlider .slick-track {
        display: flex;
        align-items: stretch
    }
    .rotator-C.auto-height .pager-count {
        display: none
    }
    .tabs-default .mainSlider.use-adaptiveHeight .slick-slide,
    .mainSlider.use-adaptiveHeight>.slick-list>.slick-track>.slick-slide {
        height: 100% !important
    }
    .rotator-C .mainSlider .slick-slide>div>.xList-item {
        display: block !important
    }
    #main-menu a:hover:after,
    .full-height-menu li>a:hover:after {
        width: 100%;
        left: 0
    }
    .primary-button:hover:before,
    .secondary-button:hover:before,
    .secondary-link:hover:before {
        width: 100%;
        left: 0;
        right: auto
    }
    .primary-link:hover:before,
    .primary-link:focus:before,
    .primary-link:active:before,
    .breadcrumb-nav a:hover:before {
        left: 0;
        right: 0
    }
    footer .newsletter-sign-up input[type="submit"]:hover {
        opacity: 0.7
    }
    footer .newsletter-sign-up .fb-button button {
        line-height: 1.7
    }
    .tabs-default>.xList-intro {
        margin: 0
    }
    .fp-section .tabs-default.align-r>ul.xList-items {
        max-height: calc(100vh - 150px);
        width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto;
        height: calc(100vh - 175px)
    }
    .fp-section .tabs-default.align-r>ul.xList-items .main-slider {
        height: calc(100% - 50px)
    }
    .fp-section .slider-with-intro .flex-container,
    .fp-section .slider-with-intro .image-wrapper-with-slider,
    .fp-section .tabs-default>.xList-items>li>.rotator-A,
    .fp-section .rotator-A .main-slider .slick-slide,
    .fp-section .rotator-A .main-slider .slick-slide>div,
    .fp-section .rotator-A .main-slider .slick-slide>div>.xList-item,
    .fp-section .xList-item .xbox.slider-with-intro,
    .tabs-default #map {
        height: 100%
    }
    .fp-section .slider-with-intro .flex-container {
        height: 92%;
        position: relative
    }
    .fp-section .rotator-A .main-slider .slick-list {
        height: 100% !important
    }
    .fp-section .slider-with-intro .images-xList .xList-items {
        height: 80vh
    }
    .fp-section .align-child-vertically {
        display: flex;
        flex-flow: row;
        align-items: center
    }
    .fp-section .align-child-vertically>* {
        height: 100%;
        margin-bottom: 0
    }
    .slider-with-intro .flex-container {
        min-height: 365px
    }
    .slider-with-intro .image-wrapper-with-slider {
        min-height: 395px
    }
    .xList.xlist-type-j .image-wrapper img {
        max-width: 27vh
    }
    .fp-section .loyalty-rotator .rotatorElement>ul .slick-slide>div .xList-item .row.background-image {
        padding-bottom: 0;
        min-height: 100vh
    }
    .submenu-with-simple-rotator .rotator-C .mainSlider .simple-rotator-with-pager .rotatorElement .xList-item {
        display: flex !important;
        align-content: center;
        align-items: center
    }
    .submenu-with-simple-rotator .rotator-C.flex-top-align .mainSlider .simple-rotator-with-pager .rotatorElement .xList-item {
        align-items: start
    }
    .align-vertical-columns>.columns {
        height: 100%
    }
    .full-height-rotator {
        min-height: 100%
    }
    .full-height-rotator.only-bg-rotator .row.background-image {
        padding-top: calc(100vh - 70px);
        height: 0;
        padding-bottom: 0
    }
    .cms-form-holder .boxContainer .form-group.fb-privacyfield {
        width: calc(96% - 305px)
    }
    .cms-form-holder .boxContainer .form-group.fb-captcha {
        width: 305px
    }
    .rotator-C.auto-height,
    .auto-height .xbox.xbox-type-K,
    .auto-height .xbox.xbox-type-K.active-gallery,
    .auto-height .xbox-gallery .gallery-list {
        height: 100%
    }
    .rotator-C.auto-height>.pager-navigation .arrows-wrapper.hide {
        display: none
    }
    .auto-height .xbox.xbox-type-K,
    .auto-height .xbox.xbox-type-K.active-gallery {
        max-height: 100vh;
        min-height: calc(100vh - 70px)
    }
    .auto-height .xbox-gallery .gallery-item .image-wrapper {
        height: calc(100vh - 70px)
    }
    .rotator-C.auto-height .xbox.xbox-type-K .intro-container {
        padding: 30px
    }
    .abs-h2 {
        position: absolute;
        left: 34px
    }
    .rotator-C .pager-navigation {
        position: relative
    }
    .rotator-C.auto-height>.pager-navigation .arrows-wrapper {
        position: absolute;
        bottom: 15vh;
        bottom: 30px;
        right: 0;
        width: 84px;
        top: auto;
        left: 0;
        display: flex;
        justify-content: space-between
    }
    .rotator-C.auto-height>.pager-navigation .arrows-wrapper.with-buttons-fix {
        bottom: 15vh
    }
    .rotator-C>.pager-navigation .slick-arrow,
    .tabs-default .rotator-C>.pager-navigation .slick-arrow {
        display: inline-block;
        vertical-align: middle;
        transform: rotate(90deg);
        margin: 0 2px
    }
    .rotator-C-1.auto-height .mainSlider>.slick-list>.slick-track>.slick-slide:not(.slick-current) {
        max-height: none !important
    }
    .scrolling-content.mCS_no_scrollbar {
        height: auto !important
    }
    .auto-height .slider-navigation.arrows-wrapper {
        opacity: 1
    }
    .feature-content {
        column-count: 3
    }
    .widget-wrapper {
        height: 200px
    }
    .banquet-hall-list .xbox.xbox-type-K .download-links-wrapper {
        right: 48px;
        bottom: 48px
    }
    .floor-plan-button {
        display: block;
        left: 0;
        bottom: 38px
    }
    .floor-chart-wrapper>.first-column>.container {
        width: 80%
    }
    .xbox.xbox-type-K .info-item,
    .xbox.xbox-type-K .arrangement-item,
    .xbox.xbox-type-K .specification-item {
        max-width: 32%
    }
    .offer-grid-list ul li.xList-item,
    .offer-grid-list ul li.xList-item:nth-child(3n) {
        width: calc(31.3333% - 3px)
    }
    .offer-grid-list ul li.xList-item:nth-child(6n-1),
    .offer-grid-list ul li.xList-item:nth-child(6n-2) {
        width: calc(48% - 2px)
    }
    .offer-grid-list ul li.xList-item:nth-child(6n) {
        width: 98%
    }
    .events-grid-list ul li.xList-item,
    .events-grid-list ul li.xList-item:nth-child(6n-1),
    .events-grid-list ul li.xList-item:nth-child(6n-2),
    .events-grid-list ul li.xList-item:nth-child(6n) {
        width: calc(31.3333% - 3px)
    }
    .offer-grid-list .xbox.xbox-style-15,
    .offer-grid-list ul li.xList-item:nth-child(3n) .xbox.xbox-style-15 {
        padding-top: 111%
    }
    .offer-grid-list ul li.xList-item:nth-child(6n-1) .xbox.xbox-style-15,
    .offer-grid-list ul li.xList-item:nth-child(6n-2) .xbox.xbox-style-15 {
        padding-top: 72%
    }
    .offer-grid-list ul li.xList-item:nth-child(6n) .xbox.xbox-style-15 {
        padding-top: 35%
    }
    .events-grid-list .xbox.xbox-style-15,
    .offer-grid-list.events-grid-list ul li.xList-item:nth-child(3n) .xbox.xbox-style-15,
    .offer-grid-list.events-grid-list ul li.xList-item:nth-child(6n-1) .xbox.xbox-style-15,
    .offer-grid-list.events-grid-list ul li.xList-item:nth-child(6n-2) .xbox.xbox-style-15,
    .offer-grid-list.events-grid-list ul li.xList-item:nth-child(6n) .xbox.xbox-style-15 {
        padding-top: 141.25%
    }
    .offer-grid-list:not(.events-grid-list) ul li.xList-item:nth-child(6n) .xbox.xbox-style-15 .image-wrapper .three-box-image,
    .offer-grid-list:not(.events-grid-list) ul li.xList-item:nth-child(6n-1) .xbox.xbox-style-15 .image-wrapper .three-box-image,
    .offer-grid-list:not(.events-grid-list) ul li.xList-item:nth-child(6n-2) .xbox.xbox-style-15 .image-wrapper .three-box-image,
    .offer-grid-list:not(.events-grid-list) ul li.xList-item:nth-child(6n) .xbox.xbox-style-15 .image-wrapper .one-box-image,
    .offer-grid-list:not(.events-grid-list) ul li.xList-item:nth-child(6n-1) .xbox.xbox-style-15 .image-wrapper .one-box-image,
    .offer-grid-list:not(.events-grid-list) ul li.xList-item:nth-child(6n-2) .xbox.xbox-style-15 .image-wrapper .one-box-image,
    .offer-grid-list:not(.events-grid-list) ul li.xList-item:nth-child(3n) .xbox.xbox-style-15 .image-wrapper .one-box-image {
        display: none
    }
    .offer-grid-list .xbox.xbox-style-15 .image-wrapper .three-box-image,
    .offer-grid-list:not(.events-grid-list) ul li.xList-item:nth-child(6n) .xbox.xbox-style-15 .image-wrapper .one-box-image,
    .offer-grid-list:not(.events-grid-list) ul li.xList-item:nth-child(6n-1) .xbox.xbox-style-15 .image-wrapper .two-box-image,
    .offer-grid-list:not(.events-grid-list) ul li.xList-item:nth-child(6n-2) .xbox.xbox-style-15 .image-wrapper .two-box-image,
    .offer-grid-list ul li.xList-item:nth-child(3n) .xbox.xbox-style-15 .image-wrapper .three-box-image {
        display: block
    }
    .xbox-style-15:hover .item-img,
    .xbox-style-15:hover .item-title,
    .xbox-style-15:hover .item-title+*,
    .xbox-style-15:hover .btns-wrapper {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .profile-navigation nav li:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    .xbox-style-15 .btns-wrapper {
        text-align: right
    }
    .xbox.use-full-height .flex-items {
        padding: 30px 75px
    }
    .attraction-style-1 .intro-wrapper {
        max-height: inherit
    }
    .default-cms-form .cms-form-holder .form-group,
    .default-cms-form .cms-form-holder .form-group.fb-no-portrait-margin {
        width: calc(32% - 3px);
        margin-right: 2%
    }
    .default-cms-form .cms-form-holder .form-group.fb-no-desktop-margin {
        margin-right: 0
    }
    .xbox.xbox-style-15 .flex-items {
        padding: 20px
    }
    .xbox.use-full-height .flex-items {
        padding: 30px 125px
    }
    .detail-column.no-column-margin>.columns {
        padding: 60px 0
    }
    .xList.grid-list.contact-detail-wrapper>.xList-items>.xList-item {
        width: calc((92% - 9px) / 3);
        margin-left: 4%
    }
    .xList.grid-list.contact-detail-wrapper>.xList-items>.xList-item:nth-child(3n-1),
    .xList.grid-list.contact-detail-wrapper>.xList-items>.xList-item:nth-child(3n) {
        margin-left: 4%
    }
    .xList.grid-list.contact-detail-wrapper>.xList-items>.xList-item:first-child,
    .xList.grid-list.contact-detail-wrapper>.xList-items>.xList-item:nth-child(3n+1) {
        margin-left: 0
    }
    .contact-form-details>.first-column {
        padding: 57px 45px 60px 60px
    }
    .corporate-contact-column {
        width: 95%;
        margin: 23px auto 0
    }
    .two-field-form .cms-form-holder .form-group.fb-privacyfield,
    .two-field-form.small-first-field .cms-form-holder .form-group.fb-privacyfield,
    .two-field-form.small-first-field.has-form-title .cms-form-holder .form-group.fb-privacyfield {
        width: calc(96% - 314px);
        margin-right: 4%
    }
    .two-field-form .cms-form-holder .form-group.fb-captcha,
    .two-field-form.small-first-field .cms-form-holder .form-group.fb-captcha,
    .two-field-form.small-first-field.has-form-title .cms-form-holder .form-group.fb-captcha {
        width: 310px;
        margin-right: 0
    }
    .contact-form-details {
        min-height: 100%
    }
    .main-content-nav {
        margin: 22px auto 17px
    }
    .xbox.use-full-height {
        height: calc(100vh - 70px)
    }
    .remove-default-column.rotator-with-hover-click-animations .full-width-content {
        display: none !important
    }
    .change-margin-width,
    .change-margin-width+div.image-wrapper {
        margin: 60px 4% 30px auto;
        width: 80%
    }
    .change-margin-width.main-content-block-l,
    .additional-content-block.full-width {
        margin-right: 0;
        width: 100%
    }
    .remove-default-column.rotator-with-hover-click-animations .item.active .inner-background {
        left: 0
    }
    .additional-content-block {
        min-height: calc(100vh - 160px);
        max-height: calc(100vh - 160px);
        width: 90%;
        margin-right: 0
    }
    .rotator-with-hover-click-animations .item {
        height: 100%
    }
    .possibility-form-wrapper .cms-form-holder {
        width: 95%
    }
    .show-selectbox-filter-all>.xList-intro>.title-wrapper {
        margin-top: 40px
    }
    .map-wrapper .overlay-direction-wrapper.columns {
        width: 25%;
        padding: 25px 30px 35px;
        max-width: 345px;
        min-width: 345px
    }
    .hotel-contact-info.contact-form-details>.first-column {
        padding: 40px
    }
    .gallery-category-filter .form-group {
        min-width: auto;
        margin-bottom: 7px
    }
    .slider-with-intro .item-intro {
        max-height: 110px;
        height: auto
    }
    .xbox.xbox-type-K .detail-col .amenities-wrapper .amenities-feature:first-child .facilities-title,
    .xbox.xbox-type-K .detail-col .mCSB_container .amenities-wrapper .amenities-feature:nth-child(3n+1) .facilities-title,
    .xbox.xbox-type-K .detail-col .amenities-wrapper .amenities-feature:nth-child(4n+1) .facilities-title {
        left: 100%
    }
    .xbox.xbox-type-K .detail-col .mCSB_container .amenities-wrapper .amenities-feature:nth-child(3n) .facilities-title,
    .xbox.xbox-type-K .detail-col .amenities-wrapper .amenities-feature:nth-child(4n) .facilities-title {
        left: -4px
    }
    .xbox.xbox-type-K .bottom-link {
        right: 35px;
        bottom: 34px
    }
    .slider-with-intro .image-wrapper-with-slider:after {
        height: calc(92% - 1px);
        top: 4%
    }
    .xbox.dining-detail-xbox-k .intro-container {
        width: calc(46% - 60px)
    }
    .attraction-style-1 {
        padding: 40px 30px
    }
    .use-full-height.xbox.xbox-style-15 h3.inner-title {
        font-size: 2.1em
    }
    .use-full-height.xbox.xbox-style-15 .content-wrap h3 {
        font-size: 1.8em
    }
    .rotator-with-hover-click-animations .item.zoom-out .intro-content-inner {
        max-height: 142px
    }
    .gallery-filter-wrapper.no-select-filter {
        justify-content: center
    }
    .tabs-default .title-wrapper ul {
        padding: 0 30px
    }
    .xList.grid-list.three-col>.magazine-items>.xList-item {
        width: calc((94% - 4px) / 3);
        margin-bottom: 3%
    }
    .xList.grid-list.three-col>.magazine-items>.xList-item:nth-child(2n),
    .xList.grid-list.three-col>.magazine-items>.xList-item:nth-child(6n),
    .xList.grid-list.three-col>.magazine-items>.xList-item:nth-child(3n),
    .xList.grid-list.three-col>.magazine-items>.xList-item:nth-child(2n+1) {
        margin-left: 3%
    }
    .xList.grid-list.three-col>.magazine-items>.xList-item:nth-child(3n+1) {
        margin-left: 0
    }
    .xList-masonry .xList-item {
        width: calc(33% - 18px)
    }
    .remove-desktop-left-margin {
        margin: 0 0 0 auto
    }
    .slick-slide .attraction-style-1 img {
        max-width: 65%
    }
    .gallery-type-large.xbox-gallery .gallery-list {
        height: 100%
    }
    .gallery-type-large.xbox-gallery .gallery-label {
        margin: 0 40px 0 0
    }
    .mainSlider .xbox.xbox-type-K .xbox-container {
        height: calc(100vh - 70px)
    }
    .container .xList-item .xbox.xbox-style-11 .flex-container,
    .container .odd-even-xlist .xList-item.right .xbox .flex-container {
        padding: 3% 10%
    }
    .treatment-row .simple-rotator-with-pager .xbox {
        max-height: calc(100% - 65px)
    }
    .treatment-row .xbox.xbox-typeA .flex-container {
        height: calc(100vh - (80vw/3 * 0.75 + 60px))
    }
    .treatment-row .xbox.xbox-typeA .flex-items,
    .treatment-row .xbox.xbox-typeA .flex-items .content-wrapper {
        height: 100%
    }
    .gal-main-wrapper .gallery-item {
        height: 375px
    }
}

@media (min-width:1367px) {
    .xbox.xbox-type-K .info-item,
    .xbox.xbox-type-K .arrangement-item,
    .xbox.xbox-type-K .specification-item {
        max-width: 34%
    }
    .map-wrapper .overlay-direction-wrapper.columns {
        width: 26%
    }
    .attraction-style-1 {
        padding: 40px 35px
    }
}

@media (min-width:1200px) and (max-height:600px) {
    .main-visual .xbox-wrapper {
        bottom: 110px
    }
    .xbox-type-i.xbox-style-5 .flex-items .item-offer-titles {
        font-size: 90%
    }
    .fp-section .tabs-default.align-r>ul.xList-items {
        max-height: calc(100vh - 175px)
    }
    .fp-section .slider-with-intro .amenities-wrapper {
        margin: 20px auto 10px
    }
    .fp-section .slider-with-intro .flex-container {
        min-height: 315px
    }
    .slider-with-intro .image-wrapper-with-slider {
        min-height: 280px
    }
    .slider-with-intro .item-intro {
        max-height: 41px
    }
    .slider-with-intro .hours-wrapper {
        margin: 25px auto
    }
    .xList.xlist-type-j .image-wrapper img {
        width: 40%
    }
    .xbox-type-j.xbox-style-13>h3 {
        font-size: 1.5em
    }
    .xbox.xbox-style-13 .info-popup-box {
        padding: 40px 15px 10px
    }
    .xbox.xbox-style-13 .info-popup-box .popup-box-cnt-wrapper {
        max-height: 30vh;
        width: 95%
    }
    #map {
        min-height: 400px;
        height: 100%
    }
    .rotator-C .pagerSlider {
        margin-top: 50px
    }
    .dining-page-setup.rotator-C .pagerSlider {
        margin-top: 85px
    }
    .slick-slide .attraction-style-1 img {
        width: 35%
    }
    .main-menu-wrapper .row .row:first-child .image-only {
        margin-bottom: 30px
    }
    .main-menu-wrapper>.row {
        padding-bottom: 15px
    }
    .tabs-default .rotator-C>.pager-navigation .arrows-wrapper {
        margin-top: -10vh
    }
    .rotator-A-1 .xbox.xbox-style-5 {
        align-items: flex-start
    }
    .xbox-style-3 .flex-container .flex-items {
        width: calc(100% - 100px)
    }
    .rotator-with-hover-click-animations h1,
    .content-with-hover-panel h1 {
        font-size: 2.3em
    }
    h1 {
        line-height: 1.1;
    }
}

@media (max-width:1200px) {
    .no-margin-child {
        margin: 5% auto
    }
    .fullheight-wrapper.no-child-margin>div {
        width: 100%;
        margin: 0
    }
    .possibility-form-wrapper form {
        margin-bottom: 0
    }
    .tabs-default.show-selectbox-filter-all .xList-intro {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        margin-bottom: 0
    }
    .tabs-default.show-selectbox-filter-all>.xList-intro>.title-wrapper {
        margin-top: 0
    }
    .rotator-C.auto-height .pager-navigation .arrows-wrapper {
        display: none
    }
    .tabs-default.align-l>.xList-intro {
        top: 0
    }
    .rotator-C .pagerSlider {
        margin-top: 60px
    }
    .tabs-default .rotator-C .mainSlider .slick-slide {}
    .rotator-C .item-slider {
        height: auto
    }
    .mainSlider.use-adaptiveHeight .slick-slide {}
    .rotator-C .mainSlider .slick-slide>div>.xList-item {
        display: block !important
    }
    .xbox-style-3 .flex-container .flex-items {
        width: calc(100% - 105px)
    }
    .full-height-rotator {
        min-height: 25vw
    }
    .rotator-C-1.banquet-hall-list {
        padding-top: 80px
    }
    .rotator-C-1.banquet-hall-list .item-selector.cms-form.add-top-margin {
        margin-top: 25px
    }
    .floor-chart-wrapper h2 {
        margin-top: 30px
    }
    .floor-chart-wrapper select {
        height: 36px;
        padding-top: 8px;
        padding-right: 39px;
        font-size: 1em
    }
    .floor-chart-wrapper .fb-select-inner:after {
        top: 10px
    }
    #banquet-room-capcity {
        margin-bottom: 20px
    }
    .gallery-filter-wrapper {
        display: block
    }
    .gallery-filter-wrapper .gallery-category-filter {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-left: 0
    }
    .gallery-filter-wrapper .gallery-category-filter .form-group {
        min-width: 10px
    }
    .fullpage-row .main-content-block h1 {
        margin-top: 0
    }
    .gallery-brand-filter {
        margin-bottom: 28px
    }
    .gallery-filter-wrapper .gallery-category-filter .form-group {
        margin-right: 1.5vw;
        margin-bottom: 16px
    }
    .main-content-block {
        margin: 0 auto 20px
    }
    .floated-main-content {
        margin-right: 4%;
        margin-top: 15px
    }
    .floated-main-content+div {
        margin-top: 0
    }
    .cms-form-holder .boxContainer:nth-of-type(1) {
        margin-top: 0
    }
    .corporate-contact-column .form {
        margin-bottom: 0
    }
    .map-wrapper .three.columns {
        width: 33%
    }
    .xList-masonry>ul>li .link-wrapper p {
        margin-bottom: 0
    }
    .detail-column.no-column-margin {
        display: block
    }
    .detail-column.no-column-margin>.columns {
        padding-top: 10px;
        width: 100%;
        padding-bottom: 23px
    }
    .detail-column.no-column-margin .image-wrapper-with-slider {
        width: 95%
    }
    .detail-column.no-column-margin .image-wrapper-with-slider,
    .detail-column .slider-with-intro .images-xList .xList-item {
        height: 56.25vw;
        max-height: 56.25vw
    }
    .detail-column.no-column-margin>.detail-description {
        padding-top: 37px
    }
    .detail-content-container {
        max-height: 100%;
        margin-bottom: 0
    }
    .center-align-below-landscape.main-content-block-l h1,
    .center-align-below-landscape.main-content-block-l h2,
    .center-align-below-landscape.main-content-block-l h3,
    .center-align-below-landscape.main-content-block-l {
        text-align: center
    }
    .center-align-below-landscape h1 br,
    .center-align-below-landscape h2 br {
        display: none
    }
    .main-content-block-l.center-align-below-landscape {
        margin-bottom: 40px
    }
    .show-selectbox-filter-all>.xList-intro>.title-wrapper>.select-box-wrapper {
        font-size: 1.2em;
        width: 62.5%;
        margin: 0 auto
    }
    .expand-outer {
        display: block
    }
    .expand-outer>.expand-wrapper {
        display: none;
        text-transform: uppercase;
        padding-right: 15px;
        font-size: .8em;
        font-weight: bold
    }
    .expand-outer>.expand-wrapper:first-child,
    .clicked .expand-outer>.expand-wrapper:nth-child(2) {
        display: inline-block
    }
    .clicked .expand-outer>.expand-wrapper:first-child {
        display: none
    }
    .hover-hidden-element>p {
        max-width: 85%;
        min-height: 42px
    }
    .expand-outer .expand-wrapper:nth-child(2):after {
        -webkit-transform: rotate(135deg) translateY(50%);
        -moz-transform: rotate(135deg) translateY(50%);
        -ms-transform: rotate(135deg) translateY(50%);
        -o-transform: rotate(135deg) translateY(50%);
        transform: rotate(135deg) translateY(50%)
    }
    .expand-outer .expand-wrapper:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 6px;
        height: 6px;
        border-width: 1px 1px 0 0;
        border-style: solid;
        -webkit-transform: rotate(-45deg) translateY(50%);
        -moz-transform: rotate(-45deg) translateY(50%);
        -ms-transform: rotate(-45deg) translateY(50%);
        -o-transform: rotate(-45deg) translateY(50%);
        transform: rotate(-45deg) translateY(50%)
    }
    .felx-landscape-portrait .slick-track {
        display: flex
    }
    .mainSlider.use-adaptiveHeight .slick-slide .slick-slide {
        height: auto !important
    }
    .address-block-wrapper .additional-options>a.print-button {
        display: none
    }
    .training-program-slider .slick-active+.slick-active .use-background:after,
    .training-program-slider .slick-active+.slick-active .use-background:before {
        width: 0
    }
    header .two-field-form .cms-form-holder .form-group:not(.fb-header),
    header .two-field-form.small-first-field .cms-form-holder .form-group:not(.fb-header),
    .booking-menu-contents .cms-form-holder .boxContainer:nth-of-type(3) .form-group:not(.fb-header),
    .booking-menu-contents .cms-form-holder .boxContainer:nth-of-type(1) .form-group.field-title {
        width: 100%;
        margin-right: 0
    }
    .breadcrumb-wrapper.absolute-landscape {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto
    }
    .black-background .seperator-title {
        padding: 25px 20px 28px;
        font-size: 1.2em
    }
    .black-background .black-bg-image {
        background-size: 73px auto
    }
    .gallery-caption-download {
        padding: 15px
    }
    .gallery-caption {
        font-size: 1.1em
    }
}

@media (max-width:1000px) {
    .detail-wrapper>.columns {
        width: 100%;
        margin-left: 0
    }
    .detail-wrapper .slider-with-intro {
        margin-bottom: 25px
    }
    .loyalty-rotator .row.background-image {
        padding: 48px 0 75px
    }
    .main-visual-with-video .xbox-inner-wrapper h1 br,
    .main-visual-with-video .xbox-inner-wrapper h2 br {
        display: none
    }
    .breadcrumb-wrapper+.row {
        padding-top: 15px
    }
    .breadcrumb-wrapper.pos-abs+.row {
        padding-top: 0
    }
    .main-visual .xbox-wrapper .contact-details {
        text-align: left;
        margin-top: 15px
    }
    .full-width-portrait,
    .columns.full-width-portrait {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .use-top-margin {
        margin-top: 35px
    }
    .xbox.xbox-type-K .info-wrapper .link-wrapper .primary-link {
        pointer-events: initial;
        visibility: visible
    }
    .hotel-list>.columns:first-child>h2 {
        font-size: 1.8em;
        padding-top: 12px
    }
    .xbox-type-i.xbox-style-5 .flex-container {
        width: 100%;
        height: calc(100% - 250px);
        justify-content: flex-start
    }
    .tabs-default.tabs-first-level>.xList-intro .title-wrapper ul {
        font-size: 2.2em;
        margin-top: 0
    }
    .tabs-default>.xList-intro {
        margin: 25px 0 10px
    }
    .rotator-A {
        padding-top: 60px
    }
    .tabs-default .rotator-A .main-slider {
        width: 95%;
        margin: 0 auto
    }
    .slider-with-intro .image-wrapper-with-slider:after {
        width: 95%;
        height: 100%;
        border-width: 1px 1px 0 1px;
        left: 0;
        top: 4%;
        right: 0;
        margin: auto
    }
    .slider-with-intro .image-wrapper-with-slider,
    .slider-with-intro .images-xList .xList-items,
    .slider-with-intro .images-xList .xList-item {
        height: 41.5vh;
        min-height: 41.5vh
    }
    .xbox-style-3 .flex-container {
        width: calc(95% + 2px);
        float: none;
        margin: 0 auto;
        position: relative;
        padding: 5.5% 6.5%
    }
    .slider-with-intro .pager-wrapper {
        right: calc(2% + 4px)
    }
    .xbox-style-3 .flex-container .flex-items {
        width: 100%
    }
    .slider-with-intro .room-features-wrapper {
        text-align: left
    }
    .slider-with-intro .amenities-wrapper>div {
        width: auto;
        margin: 5px 30px 5px 0;
        max-width: 80px
    }
    .slider-with-intro .amenities-image-wrapper>span:first-child {
        font-size: 2em
    }
    .slider-with-intro .btns-wrapper {
        text-align: left;
        margin-top: 28px
    }
    .slider-with-intro .btns-wrapper>* {
        margin-right: 12px
    }
    .tabs-default .title-wrapper ul {
        padding: 0 2.5%
    }
    .tabs-default .inner-map-wrapper {
        width: 94%;
        margin: 0 auto
    }
    .tabs-default .inner-map-wrapper #map {
        height: 44.5vh
    }
    .hotel-list .tabs-default>.xList-items>.xList-item .xList-items>.xList-item {
        width: 31.3333%
    }
    .slider-with-intro .reservations-outer p.book-now {
        text-align: left
    }
    .rotator-C .mainSlider .slick-list {
        height: 100%
    }
    .xbox-type-i .content-wrapper {
        max-height: 100%
    }
    .tabs-default .rotator-C>.pager-navigation .slick-arrow {
        margin: 0 2px
    }
    .main-menu-wrapper>.row>.row:nth-child(2) .columns {
        margin-top: 25px;
        margin-bottom: 10px
    }
    .rotator-C.auto-height .item-selector.cms-form,
    .floor-chart-wrapper .form-group {
        left: 0;
        width: 45.5%;
        margin: auto;
        right: 0
    }
    .tabs-default.show-selectbox-filter-all>.xList-intro>.title-wrapper>.select-box-wrapper {
        width: 57%;
        margin: 0 auto
    }
    .xbox.xbox-type-K .detail-container .detail-col,
    .xbox.xbox-type-K .gallery-wrapper {
        padding: 12px 36px;
        position: relative;
        width: 100%;
        box-sizing: border-box
    }
    .xbox.xbox-type-K .gallery-wrapper .detail-col-inner {
        left: -36px
    }
    .xbox.xbox-type-K .intro-container .bottom-link {
        display: none
    }
    .xbox.xbox-type-K .detail-container .detail-col:before,
    .xbox.xbox-type-K .gallery-wrapper:before {
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        top: 0
    }
    .xbox.xbox-type-K .detail-container .accordion-title,
    .xbox.xbox-type-K .gallery-wrapper .accordion-title {
        padding-right: 64px;
        font-size: 1.5em
    }
    .xbox.xbox-type-K .detail-container .accordion-title:after,
    .xbox.xbox-type-K .gallery-wrapper .accordion-title:after {
        width: 14px;
        height: 14px;
        top: 5px;
        right: 25px
    }
    .xbox.xbox-type-K .widget-wrapper {
        margin-top: 15px
    }
    .xbox.xbox-type-K .info-item,
    .xbox.xbox-type-K .arrangement-item,
    .xbox.xbox-type-K .specification-item {
        margin-right: 4%
    }
    .xbox.xbox-type-K .widget-wrapper>div {
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px
    }
    .rotator-C.auto-height .pager-navigation .arrows-wrapper {
        display: none
    }
    .remove-portrait-flex,
    .floor-chart-wrapper {
        display: block
    }
    .remove-portrait-flex>.columns,
    .floor-chart-wrapper>.columns {
        display: block;
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin: 0
    }
    .main-container .remove-portrait-flex .remove-portrait-padding-top {
        padding-top: 0
    }
    .reduce-portrait-width {
        width: 70%;
        margin: 0 auto
    }
    .floor-chart-wrapper .container>h2 {
        text-align: center;
        font-size: 2.1em;
        margin-bottom: 33px
    }
    .floor-plan-list {
        margin-top: 10px
    }
    .visual-map #map {
        height: 39vh;
        min-height: 400px
    }
    .visual-map .map-wrapper .three.columns>div {
        padding: 7px 0 0 0;
        width: 66%
    }
    .contact-form-details {
        display: flex;
        flex-flow: row
    }
    .contact-form-details>.first-column {
        padding: 35px 42px;
        width: 50%
    }
    .contact-form-details>.last-column {
        margin-left: 0;
        width: 55%
    }
    .contact-form-details .float-wrapper {
        width: 100%
    }
    .hotel-details-contact .float-wrapper>h5 {
        margin: 0 0 10px
    }
    .contact-form-details .two-field-form .cms-form-holder .form-group:not(.fb-header),
    .contact-form-details .two-field-form.small-first-field .cms-form-holder .form-group:not(.fb-header) {
        width: 100%;
        margin-right: 0
    }
    .contact-form-details .two-field-form.small-first-field .cms-form-holder .form-group.field-title {
        width: 50%
    }
    .contact-form-details .corporate-contact-column {
        width: 85%
    }
    .map-wrapper .three.columns {
        width: 100%
    }
    .floated-main-content {
        margin-bottom: 0;
        margin-top: 0
    }
    .cms-form-holder .boxContainer:nth-of-type(3) .form-group:not(.fb-header) {
        width: 48%;
        margin-right: 4%
    }
    .container .cms-form-holder .boxContainer .form-group.field-comments {
        margin-right: 0;
        width: 100%
    }
    .cms-form-holder .boxContainer:nth-of-type(3) .form-group:nth-child(2n+1) {
        margin-right: 0
    }
    .main-visual-with-video .slider-item .contact-detail {
        position: relative;
        padding-left: 0;
        display: inline-block;
        margin: 5px 14px 3px
    }
    .main-visual-with-video .slider-item .contact-detail>span {
        position: relative;
        left: 0;
        top: 0;
        margin-right: 8px
    }
    .main-container .main-visual .xbox-wrapper .xbox-inner-wrapper,
    .main-visual-with-video .slider-item .contact-detail:first-child,
    .main-visual-with-video .slider-item .time {
        width: 100%
    }
    .main-visual .xbox-wrapper .contact-details {
        text-align: center;
        margin-bottom: 9px
    }
    .main-visual-with-video .slider-item .contact-detail br {
        display: none
    }
    .main-visual-with-video .slider-item .contact-detail.email>span {
        display: inline-block;
        vertical-align: middle
    }
    .contact-detail-wrapper {
        padding-top: 24px
    }
    .contact-map #map {
        min-height: 425px;
        height: 40vh
    }
    .contact-form-details>.first-column .contact-details {
        width: 100%;
        float: none;
        margin: 0 0 30px 0
    }
    .detail-column.no-column-margin .image-wrapper-with-slider {
        margin: -10px auto 0
    }
    .detail-column.no-column-margin>.detail-description {
        padding-top: 0
    }
    .main-container .rotator-C.full-width-child-before-portrait>div {
        width: 100%;
        margin: 0
    }
    .full-width-child-before-portrait.rotator-C {
        flex-flow: column-reverse
    }
    .submenu-with-simple-rotator .show-selectbox-before-portrait .pager-navigation .pagerSlider {
        display: none
    }
    .submenu-with-simple-rotator .show-selectbox-before-portrait>.pager-navigation .item-selector {
        display: block;
        width: 46%;
        margin: 52px auto 0
    }
    .attraction-style-1 {
        padding: 40px
    }
    .main-content-block-c.change-margin-width {
        width: 80%;
        margin-bottom: 30px
    }
    .main-container .xbox-type-K .location-info-wrapper+.link-wrapper {
        margin-top: 9px;
        text-align: right
    }
    .black-background {
        width: calc(32.6% * 3)
    }
    .submenu-with-simple-rotator.treatment-row .show-selectbox-before-portrait>.pager-navigation .item-selector {
        margin-top: 0
    }
    .row.background-image.no-inline-bg-mobile-portrait {
        background-image: none !important
    }
    .row.background-image.no-inline-bg-mobile-portrait .row-bg-image,
    .row.background-image.no-inline-bg-mobile-portrait .row-bg-image img {
        display: block
    }
    .row.background-image.no-child-margin>.columns {
        margin-right: 2px;
        width: calc(50% - 2px);
        padding: 10px 20px 15px;
        box-sizing: border-box
    }
    .row.background-image.no-child-margin>.columns:last-child {
        margin-right: 0
    }
    .tabs-default .rotator-C .mainSlider.use-adaptiveHeight .slick-slide {
        height: auto !important
    }
}

@media (max-width:750px) {
    .main-menu-wrapper>.row>.row:nth-child(2) .columns {
        margin-top: 0;
        margin-bottom: 0
    }
    .full-height-menu {
        z-index: 2
    }
    .fullpage-row .main-content-block h1 {
        margin-top: 12px
    }
    .fullpage-row .content-with-hover-panel h1,
    .fullpage-row .content-with-hover-panel h2 {
        margin-top: 25px
    }
    .hotel-list .tabs-default>.xList-items>.xList-item .xList-items>.xList-item {
        width: 32.3333%
    }
    .hotel-list:after {
        visibility: visible
    }
    footer .container h3 {
        font-family: 'Noto Serif', serif
    }
    .full-height-menu .menu>ul>li>a,
    .main-menu-wrapper .row .columns>h3,
    .main-menu-wrapper .row .columns nav.menu ul ul {
        font-size: 1em
    }
    .fb-header>h3 {
        font-size: 1.2em
    }
    .hotel-list>.columns:first-child>h2 {
        font-size: 1.5em
    }
    .loyalty-corporate h2 {
        font-size: 1.8em
    }
    .rotator-with-hover-click-animations h1,
    .content-with-hover-panel h1 {
        font-size: 2em
    }
    .content-with-hover-panel .main-content-block {
        width: 90%
    }
    .full-height-menu .menu>ul>li>a {
        font-weight: normal
    }
    .mobile-booking>div {
        width: 50%
    }
    .mobile-booking-button button {
        width: 100%;
        height: 36px;
        padding: 0;
        margin-bottom: 0;
        line-height: 38px
    }
    .mobile-booking-button button.disabled {
        opacity: 0.4;
        pointer-events: none
    }
    .main-menu-wrapper .row .columns nav.menu ul ul {
        margin-top: 15px
    }
    .main-menu-wrapper>.row>.row:nth-child(2) {
        height: calc(100% - 180px);
        top: 140px
    }
    .menu-wrapper-close:before,
    .menu-wrapper-close:after {
        height: 30px
    }
    .main-menu-wrapper .row .row:first-child .image-only {
        width: 100px;
        margin-bottom: 25px
    }
    footer.five-col {
        padding-top: 0;
        padding-bottom: 50px
    }
    footer .mobile-booking {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 3
    }
    .mobile-booking select {
        height: 36px;
        padding-right: 25px
    }
    .mobile-booking.no-selectbox .hotels-selector {
        display: none
    }
    .mobile-booking.no-selectbox .mobile-booking-button {
        width: 100%
    }
    footer .container h3 {
        text-transform: none;
        font-size: 1.35em
    }
    footer .three.last-column nav {
        font-size: .9em
    }
    .copyright-bar p {
        font-size: 1.1em;
        margin-bottom: 0
    }
    .hotel-list .first-column .image-only {
        display: none
    }
    .hotel-list .tabs-default>.xList-items {
        font-size: 85%
    }
    .hotel-list .tabs-default>.xList-items h3 {
        text-transform: none
    }
    .hotel-list .has-sub-menu h3 span:before {
        right: 4px;
        height: 10px
    }
    .hotel-list .has-sub-menu h3 span:after {
        width: 9px
    }
    .hotel-list .tabs-default .select-box-wrapper {
        display: none
    }
    .hotel-list .tabs-default>.xList-intro .title-wrapper ul {
        display: block;
        padding: 0
    }
    .hotel-list .tabs-first-level>.xList-intro .title-wrapper li:before {
        background: transparent
    }
    .hotel-list .slick-track .slick-slide {
        width: auto !important
    }
    .hotel-list .align-l.tabs-first-level>.xList-intro .title-wrapper li {
        text-align: left;
        padding: 0 4vw 4px 0;
        font-size: .85em;
        text-transform: uppercase;
        margin-bottom: 20px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        width: auto !important;
        display: inline-block !important
    }
    .hotel-list .tabs-first-level>.xList-intro .title-wrapper li span {
        position: relative;
        display: inline
    }
    .hotel-list .tabs-first-level>.xList-intro .title-wrapper li span:after {
        content: "";
        height: 2px;
        width: 0;
        position: absolute;
        bottom: -8px;
        left: 0;
        -webkit-transition: width 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        -moz-transition: width 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
        transition: width 0.4s cubic-bezier(0.39, 0.58, 0.57, 1)
    }
    .hotel-list .tabs-first-level>.xList-intro .title-wrapper li.active span:after {
        width: 100%
    }
    .hotel-list .tabs-default>.xList-items h3 {
        margin-bottom: 8px
    }
    .hotel-list .tabs-default>.xList-items>.xList-item>h3 {
        margin-bottom: 15px;
        margin-top: 6px
    }
    .main-visual .xbox-inner-wrapper>p {
        display: none
    }
    .main-visual-with-video .xbox-inner-wrapper h1,
    .main-visual-with-video .xbox-inner-wrapper h2 {
        font-size: 1.35em;
        line-height: 1.2;
        text-transform: uppercase;
        margin-bottom: 0;
        letter-spacing: .02em
    }
    .main-container .main-visual .xbox-wrapper {
        padding: 20px 10px;
        min-height: 10px
    }
    .main-container .main-visual .xbox-wrapper .xbox-inner-wrapper {
        width: 100%
    }
    footer .container>.columns.four,
    footer .container>.columns.last-column .newsletter-sign-up,
    footer .container>.columns.five>.first-column,
    footer .container .social-media>h3 {
        display: none
    }
    footer .three.last-column .menu-vertical {
        margin-top: 15px;
        padding-top: 13px
    }
    footer .social-media .social-media-wrapper li {
        margin: 3px 3px 3px 2px
    }
    .copyright-bar p {
        text-align: center;
        font-size: 1.1em;
        margin-bottom: 0
    }
    footer .container>.columns.last-column {
        padding-bottom: 10px
    }
    footer .bottom-bar {
        padding-top: 15px
    }
    footer .container>.columns.last-column {
        margin-top: 15px
    }
    .member-login-wrapper .footer-member-login.background-image {
        padding: 33px 0 37px;
        background-position: 43% center;
        background-repeat: no-repeat
    }
    .footer-member-login h2 {
        font-size: 2em;
        margin-bottom: 14px;
        max-width: 75%;
        margin-left: 0;
        margin-top: 0
    }
    .footer-member-login .button-wrapper {
        margin-top: 3px;
        margin-bottom: 3px
    }
    .active-reservation-panel .reservation-panel {
        display: none
    }
    .load-more-items.grid-list>.xList-items>.xList-item>div {
        height: auto !important
    }
    .xList.grid-list>.xList-items>.xList-item {
        margin-bottom: 20px
    }
    .address-block-wrapper {
        padding: 22px
    }
    .address-block-wrapper.active {
        padding-bottom: 50px
    }
    .address-block-wrapper img {
        margin-bottom: 0
    }
    .address-block-wrapper .acc-arrow {
        position: absolute;
        width: 15px;
        height: 15px;
        display: block;
        border-width: 1px 1px 0 0;
        border-style: solid;
        transform: rotate(135deg);
        right: 0;
        top: 15px
    }
    .address-block-wrapper.active .acc-arrow {
        transform: rotate(-45deg);
        top: 25px
    }
    .address-block-wrapper .additional-options {
        opacity: 0
    }
    .address-block-wrapper.active .additional-options {
        opacity: 1
    }
    .address-block-wrapper .contact-details-inner-wrapper {
        max-height: 0;
        overflow: hidden
    }
    .address-block-wrapper.active .contact-details-inner-wrapper {
        max-height: 400px
    }
    .address-block-wrapper.active img {
        margin-bottom: 14px
    }
    .address-block-wrapper .contact-details-inner-wrapper,
    .address-block-wrapper.active .additional-options,
    .address-block-wrapper img {
        -ms-transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s;
        -moz-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        transition: all .4s ease-in-out 0s
    }
    .address-block-wrapper>.contact-details {
        height: auto !important
    }
    .contact-form-details>.first-column .contact-details {
        margin: 0
    }
    .contact-map .zoom-controls {
        bottom: 25px;
        right: 10px;
        top: auto
    }
    .detail-wrapper {
        padding: 0
    }
    .change-margin-width h2 {
        margin-top: 0
    }
    .abs-h2 {
        margin-top: 5px !important
    }
    .gallery-category-filter>.form-ele {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        float: left
    }
    .floated-main-content {
        margin-top: 0
    }
    .offer-grid-list .contact-detail {
        text-align: left
    }
    .detail-wrapper .detail-content-container {
        width: 90%
    }
    .slider-with-intro .reservations-outer .reservations-wrapper {
        text-align: left;
        width: 100%;
        margin-bottom: 15px
    }
    .slider-with-intro .reservations-outer p.book-now {
        text-align: center
    }
    .xbox.xbox-type-K .info-item {
        max-width: 22%;
        margin-right: 6%
    }
    .xbox.xbox-type-K .specification-item {
        max-width: 27%
    }
    .main-visual-with-video .slick-active .xbox-wrapper .xbox-inner-wrapper .primary-button {
        margin-top: 7px
    }
    .fancybox-button--close {
        top: 10px;
        right: 10px
    }
    .fancybox-content .fancy-caption {
        display: none
    }
    .fancy-slider .fancybox-thumbs-x {
        height: 105px
    }
    .fancybox-thumbs__list a {
        height: 80px;
        width: 80px;
        margin: 15px 5px
    }
    .fancy-slider.fancybox-show-thumbs .fancybox-button--thumbs {
        bottom: 105px
    }
    .fancybox-navigation .fancybox-button {
        visibility: visible
    }
    .fancybox-toolbar {
        opacity: 1
    }
    .events-grid-list .xbox.xbox-style-15 .image-wrapper {
        width: 100%;
        height: 0;
        padding-top: 141%
    }
    .xbox.xbox-type-K .detail-container .detail-col,
    .xbox.xbox-type-K .gallery-wrapper,
    .main-container .dining-side-accordion-wrapper .accordion-block .accordion-content {
        padding: 12px
    }
    .xbox.xbox-type-K .detail-container .accordion-title,
    .xbox.xbox-type-K .gallery-wrapper .accordion-title {
        padding-right: 30px;
        font-size: 1.3em
    }
    .main-container .dining-side-accordion-wrapper .accordion-block .accordion-header {
        font-size: 1.25em
    }
    .rotator-C.auto-height .item-selector.cms-form {
        width: 90%
    }
    .tabs-default.show-selectbox-filter-all>.xList-intro>.title-wrapper>.select-box-wrapper {
        width: 100%
    }
    .show-selectbox-filter-all>.xList-intro>.title-wrapper>.select-box-wrapper {
        font-size: 1.05em
    }
    .xbox.xbox-type-K .detail-container .accordion-title:after,
    .xbox.xbox-type-K .gallery-wrapper .accordion-title:after {
        width: 12px;
        height: 12px;
        top: 5px;
        right: 8px
    }
    .xbox.xbox-type-K .gallery-wrapper .detail-col-inner {
        left: -12px
    }
    .offer-grid-list {
        margin-bottom: 50px;
        margin-top: 30px
    }
    .offer-grid-list>.xList-items>li {
        margin-bottom: 23px
    }
    .main-content-block ul,
    .main-content-block ol {
        margin-left: 0
    }
    .banquet-hall-list {
        padding-top: 80px
    }
    .banquet-hall-list .item-selector.cms-form.add-top-margin {
        margin-top: 25px
    }
    .floor-chart-wrapper h2 {
        margin-top: 30px
    }
    .floor-chart-wrapper select {
        height: 36px;
        padding-top: 8px;
        padding-right: 39px;
        font-size: 1em
    }
    .floor-chart-wrapper .fb-select-inner:after {
        top: 10px
    }
    #banquet-room-capcity {
        margin-bottom: 20px
    }
    .reduce-portrait-width {
        width: 100%
    }
    .floor-chart-wrapper .container>h2 {
        font-size: 1.8em;
        margin-top: 10px
    }
    .floor-chart-wrapper .form-group {
        width: 100%
    }
    .gallery-filter-wrapper {
        margin: 5px auto 12px
    }
    .gallery-filter-wrapper .gallery-category-filter .form-group {
        width: 49%;
        font-size: .9em;
        margin-bottom: 20px
    }
    .gallery-filter-wrapper .gallery-category-filter .form-group:nth-child(2n) {
        margin-right: 0
    }
    .seperate-checkbox .checkbox label {
        padding-left: 8px;
        white-space: inherit;
        word-break: break-word
    }
    .gallery-brand-filter {
        margin-bottom: 5px
    }
    .gal-main-wrapper .gallery-item,
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(6n-4),
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(6n-3),
    .gal-main-wrapper .filteredElement .gallery-item:nth-child(6n-2) {
        height: 56.25vw
    }
    .fancy-slider.fancybox-show-thumbs .fancybox-inner {
        bottom: 140px
    }
    .fancy-caption .float-l {
        max-width: 100%;
        margin-right: 0;
        float: none
    }
    .fancy-caption .float-r {
        float: none
    }
    .fancybox-iframe {
        padding-bottom: 0 !important
    }
    .visual-map .map-wrapper .three.columns>div {
        padding: 7px 0 0 0;
        width: 100%
    }
    .contact-form-details {
        display: block
    }
    .visual-map .zoom-controls,
    .address-block-wrapper .additional-options>a.print-button {
        display: none
    }
    #recaptcha>div,
    .recaptcha>div {
        margin-right: -8px
    }
    #recap-responce-error {
        text-align: right
    }
    .contact-form-details .two-field-form.small-first-field .cms-form-holder .form-group.field-title {
        width: 100%
    }
    .corporate-contact-column .cms-form-holder {
        padding-top: 0
    }
    .contact-form-details>.first-column {
        padding: 25px 25px 20px
    }
    .contact-form-details .corporate-contact-column {
        margin: 30px auto 0
    }
    .visual-map.map-contents-wrapper.noCategories .three.columns {
        margin-top: 0
    }
    .cms-form-holder .boxContainer:nth-of-type(3) .form-group:not(.fb-header) {
        width: 100%;
        margin-right: 0
    }
    .main-visual .xbox-wrapper .contact-details {
        text-align: left;
        margin-top: 13px;
        padding: 0 8px
    }
    .main-visual-with-video .slider-item .contact-detail {
        padding-left: 22px;
        margin: 6px auto 8px;
        line-height: 1.3;
        width: 100%
    }
    .main-visual-with-video .slider-item .contact-detail>span {
        position: absolute;
        left: 0;
        top: 1px;
        margin-right: 0
    }
    .breadcrumb-wrapper.pos-abs+.row {
        padding-top: 65px
    }
    .breadcrumb-wrapper.pos-abs .breadcrumb-nav {
        position: relative;
        left: auto
    }
    .rotator-C.auto-height .pager-navigation .arrows-wrapper {
        display: block;
        text-align: center
    }
    .xbox.xbox-style-15 .link-wrapper {
        text-align: center
    }
    .xbox.xbox-style-15 .item-title {
        margin-top: 0;
        line-height: 1.4
    }
    .xList-masonry>ul>li {
        margin-bottom: 25px
    }
    .xList-masonry .xbox.xbox-typeA .download-links-wrapper {
        margin-bottom: 15px
    }
    .xList-masonry .xbox.xbox-typeA .flex-container {
        padding: 28px 29px 7px
    }
    .xList-masonry>ul>li .link-wrapper p {
        margin-bottom: 15px
    }
    .detail-column.no-column-margin>.detail-description {
        padding-top: 15px
    }
    .detail-column.no-column-margin .image-wrapper-with-slider {
        width: 100%
    }
    .detail-column.no-column-margin>.columns {
        padding-bottom: 15px;
        padding-top: 25px
    }
    .detail-column.no-column-margin>.detail-description {
        padding-top: 1px
    }
    .detail-column .slider-with-intro .image-wrapper-with-slider,
    .detail-column .slider-with-intro .images-xList .xList-items,
    .detail-column .slider-with-intro .images-xList .xList-item {
        min-height: 48.5vh
    }
    .training-program-slider.simple-rotator-with-pager .arrows-wrapper {
        margin-top: -24.6%
    }
    .center-align-below-landscape.main-content-block-l h1,
    .center-align-below-landscape.main-content-block-l h2,
    .center-align-below-landscape.main-content-block-l h3,
    .center-align-below-landscape.main-content-block-l {
        text-align: left
    }
    .center-align-below-landscape h1 br,
    .center-align-below-landscape h2 br {
        display: block
    }
    .slider-with-intro .image-wrapper-with-slider.mobile-container,
    .mobile-container {
        width: 90%;
        margin: 0 auto;
        float: none
    }
    .submenu-with-simple-rotator .show-selectbox-before-portrait>.pager-navigation .item-selector {
        width: 100%;
        margin: 30px auto 20px
    }
    .attraction-style-1 {
        padding: 15px 20px
    }
    .tabs-default.align-l>.xList-intro {
        top: 0;
        margin-top: 0;
        padding-top: 10px;
		display:none;
    }
    .rotator-C .pager-navigation .arrows-wrapper .slick-arrow.tempory-disabled {
        pointer-events: auto;
        cursor: pointer
    }
    .xbox-type-i.xbox.xbox-style-5 {
        overflow: hidden;
        display: block
    }
    .xbox-type-i.xbox-style-5 .flex-container {
        height: 100%
    }
    .rotator-C .mainSlider {
        height: auto
    }
    .rotator-C {
        flex-flow: column
    }
    .rotator-C-1.auto-height {
        margin-top: 15px
    }
	.rotator-C .item-slider {
    height: 400px;
}
    .rotator-C .pager-navigation {
        text-align: center;
        margin:10px 0;
    }
    .rotator-C .mainSlider .slick-list {
        height: auto
    }
    .rotator-with-hover-click-animations .arrows-wrapper {
        top: calc(40vh - 21px)
    }
    .tabs-default .rotator-C>.pager-navigation .slick-arrow.nav-right {
        margin-right: 0
    }
    .grid-list .xbox.xbox-typeA .image-wrapper {
        padding-top: 93.25%
    }
    .grid-list .xbox.xbox-typeA .flex-container {
        padding: 22px 20px
    }
    .press-category-filter {
        margin-top: 10px
    }
    .slider-with-intro .pager-wrapper {
        right: calc(2% + 13px)
    }
    .detail-content-container {
        width: 87%
    }
    .no-margin-child.change-child-width,
    .careers-filter-wrapper .title-wrapper .form-control {
        margin-bottom: 0
    }
    .change-mobile-behaviour .image-wrapper {
        background-image: none !important
    }
    .change-mobile-behaviour.xbox.xbox-style-15 .image-wrapper img,
    .change-mobile-behaviour.xbox.xbox-style-15 .image-wrapper .specific-primary-overlay {
        display: block
    }
    .change-mobile-behaviour.xbox.xbox-style-15 .image-wrapper {
        height: auto
    }
    .change-mobile-behaviour.xbox.xbox-style-15 .image-wrapper .specific-primary-overlay {
        position: relative;
        opacity: 1;
        pointer-events: none
    }
    .change-mobile-behaviour.xbox.xbox-style-15 .image-wrapper .image-content:after,
    .change-mobile-behaviour.xbox .image-wrapper .specific-primary-overlay .expand-wrapper {
        display: none
    }
    .change-mobile-behaviour .flex-items .content-wrapper {
        max-height: 175px;
        overflow: hidden;
        margin-bottom: 5px
    }
    .change-mobile-behaviour.visible-content .flex-items .content-wrapper {
        max-height: 100%;
        margin-bottom: 0
    }
    .change-mobile-behaviour .flex-items .content-wrapper:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 75px;
        left: 0;
        bottom: 0;
        background: -moz-linear-gradient(top, rgba(222, 222, 222, 0) 0, rgba(222, 222, 222, 0.95) 100%, rgba(222, 222, 222, 0.65) 100%);
        background: -webkit-linear-gradient(top, rgba(222, 222, 222, 0) 0, rgba(222, 222, 222, 0.95) 100%, rgba(222, 222, 222, 0.65) 100%);
        background: linear-gradient(to bottom, rgba(222, 222, 222, 0) 0, rgba(222, 222, 222, 0.95) 100%, rgba(222, 222, 222, 0.65) 100%);
        -ms-transition: all .2s ease-in-out 0s;
        -webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s
    }
    .change-mobile-behaviour.visible-content .flex-items .content-wrapper:after {
        height: 0
    }
    .slider-with-intro .amenities-wrapper>div {
        width: auto;
        margin: 5px 11px 5px 0;
        max-width: 55px
    }
    .slider-with-intro .amenities-wrapper>div:last-child {
        margin-right: 0
    }
    .dining-style-1 .open-hours-wrapper.more-info-wrapper {
        max-height: 100%
    }
    .xbox-style-3 .flex-container {
        padding-bottom: 45px
    }
    .popup-box-cnt-wrapper {
        margin-bottom: 25px
    }
    .no-navigation>.pager-navigation .arrows-wrapper {
        display: none
    }
    .no-navigation>.pager-navigation {
        margin: 0
    }
    .xbox-type-K .dining-seven-days {
        width: calc(100% - 46px)
    }
    .fullpage-row .hotel-details-contact h1 {
        margin-top: 5px
    }
    .main-content-block-c.change-margin-width {
        width: 100%
    }
    .main-container .cms-form-holder .form-group {
        max-width: calc(100vw - 40px)
    }
    .odd-even-xlist .xbox-style-11 .flex-container {
        text-align: center
    }
    .odd-even-xlist .xbox-style-11 .flex-container .info-wrapper {
        text-align: left
    }
    .odd-even-xlist .xbox-style-11 .info-wrapper .openeing-heading br {
        display: block
    }
    .main-container .black-background {
        min-height: 245px
    }
    .main-container .black-background,
    .main-container .black-background.flex-wrap {
        flex-flow: column;
        margin: 0 auto 33px
    }
    .main-container .black-background>div {
        width: 100%;
        min-height: 94px
    }
    .black-background .black-bg-image {
        background-size: 50px auto
    }
    .dark-background>.use-white-font {
        margin-bottom: 25px
    }
    .row.background-image.no-child-margin>.columns:last-child {
        border-top: 1px solid;
        padding-top: 0
    }
    #page_explore-city .rotator-C .mainSlider .slick-slide>div .xList-item {
        height: auto !important;
        min-height: 300px
    }
}

@media(min-width:320px) and (max-width:415px) {
    .hotel-list .tabs-first-level>.xList-intro .title-wrapper .slick-track .slick-slide li span {
        display: inline-block
    }
    .hotel-list .tabs-first-level>.xList-intro .title-wrapper .slick-track .slick-slide li span:after {
        bottom: -6px
    }
    .hotel-list .tabs-first-level>.xList-intro .title-wrapper li.active span:after {
        width: 85%
    }
}

/*** Hyderabad ***/

/** Eat & Drink **/

.dining-seven-days {
    width: 100%;
    padding-left: 46px;
    box-sizing: border-box
}

.dining-page-setup .icon {
    margin-right: 13px;
    vertical-align: top
}

.dining-rotator-with-hover-section .last-column {
    margin-left: 0;
    width: 69.3333333333%
}

.intro-container .openeing-info {
    margin-left: 46px;
    margin-top: 7px;
    width: calc(50% - 38px)
}

.intro-container .openeing-info:nth-child(2n) {
    margin-left: 24px
}

.intro-container .info-wrapper>p {
    margin-bottom: 19px
}

.intro-container .info-wrapper .link-wrapper {
    margin-top: -9px
}

.intro-container .info-wrapper .open-hours-wrapper {
    margin-bottom: 9px
}

.dining-rotator-with-hover-section .main-content-block {
    margin: 0 auto
}

.dining-rotator-with-hover-section .widget-wrapper {
    height: 77px
}

.default-content-block {
    text-align: center
}

#CDSSCROLLINGRAVE {
    display: inline-block
}

.restaurant-logo {
    margin-bottom: 9px
}

.restaurant-logo+h3 {
    font-size: 1.55em;
    margin-bottom: 18px
}

body .main-container .widEXC {
    margin: 10px 0 !important
}

.dining-ta-widget>div>img {
    display: none
}

.dining-ta-widget>div>div {
    margin: 45px auto !important;
    display: block !important
}

.dining-detail-xbox-k img.visa-image {
    width: 45px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

.dining-detail-xbox-k img.master-image {
    width: 45px;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.dining-detail-xbox-k img.amex-image {
    width: 45px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.dining-detail-xbox-k .sub-section-title.payment-title,
.dining-detail-xbox-k .payment-content {
    margin-top: 0
}

.dining-detail-xbox-k .btns-wrapper {
    margin-top: 24px
}

.dining-detail-xbox-k .icon {
    margin-right: 11px
}

.dining-side-accordion-wrapper .ui-accordion .ui-accordion-content.accordion-content {
    padding-bottom: 0
}

.dining-side-accordion-wrapper .accordion-block {
    margin-bottom: 35px
}

.image-only.wrap-with-link a {
    z-index: 1
}

.dining-side-accordion-wrapper .image-only img {
    margin-bottom: 15px
}

.dining-offers-section-wrapper {
    padding: 0 30px
}

.dining-more-options-wrapper {
    padding: 0
}

.dining-offers-section-wrapper h2 {
    margin-top: 0;
    text-align: center
}

.dining-offers-section-wrapper .use-background {
    padding: 36%
}

.dining-offers-section-wrapper .dining-offers-center .xList-items .slick-slide {
    margin: 0 10px
}

.dining-offers-section-wrapper .dining-events .image-only.wrap-with-link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 66%;
    height: 100%;
    right: 0;
    margin: auto
}

.dining-rotator-with-hover-section .panel-wrap .intro-content-inner {
    text-align: center
}

.dining-more-options-wrapper .slick-active+.slick-active .use-background:after,
.dining-more-options-wrapper .slick-active+.slick-active .use-background:before,
.dining-offers .slick-active+.slick-active .use-background:after,
.dining-offers .slick-active+.slick-active .use-background:before,
.dining-events .slick-active+.slick-active .use-background:after,
.dining-events .slick-active+.slick-active .use-background:before {
    width: 1px
}

.dining-offers-section-wrapper .pager-wrapper ul li {
    border-width: 2px;
    width: 4px;
    height: 4px
}

.dining-image-only .dining-image-desc {
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: auto;
    left: 2px;
    width: 100%;
    padding: 6px 0;
    box-sizing: border-box
}

.dining-image-only .dining-image-desc h3 {
    border-bottom-style: solid;
    border-bottom-width: 0;
    padding-bottom: 16px;
    background: #EAEAEC;
    font-size: 1.3em;
    padding-top: 11px;
    margin-bottom: 1px
}

.dining-image-only .dining-image-desc p {
    margin-bottom: 0;
    padding: 5px;
    background: #EAEAEC;
    font-size: 1.1em
}

.dining-more-options-wrapper .slick-slide .dining-image-desc {
    left: 2px;
    width: 100%;
    padding: 0
}

@media (max-width:999px) {
    .dining-detail-xbox-k .intro-container .link-wrapper .primary-link,
    .dining-detail-xbox-k .intro-container .download-links-wrapper .primary-link {
        visibility: visible
    }
    .xbox.dining-detail-xbox-k .btns-wrapper .btn.book-now {
        margin-right: 40px
    }
}

@media (min-width:1000px) {
    .xbox.dining-detail-xbox-k .xbox-container {
        flex-flow: row-reverse
    }
    .dining-detail-xbox-k .btns-wrapper {
        margin-top: 35px
    }
    .xbox.dining-detail-xbox-k .btns-wrapper p {
        margin-bottom: 35px
    }
    .xbox.dining-detail-xbox-k .bottom-link {
        position: static
    }
    .dining-side-accordion-wrapper {
        height: 100%;
        padding-top: 20px;
        box-sizing: border-box
    }
    .dining-side-accordion-wrapper .accordion-inner {
        overflow: hidden
    }
    .xbox-type-i .content-wrapper {
        max-height:100%!important;
		font-family: 'Encode Sans Expanded', sans-serif;
		font-size:1.2vw;
		color:#000;
    }
    .xbox-type-i.offers-block.cat-Events .content-wrapper {
        max-height: calc(100vh - 250px)
    }
}

@media (min-width:1000px) and (max-width:1199px) {
    .dining-detail-xbox-k {
        margin-bottom: 20px
    }
    .tabs-default .rotator-C .mainSlider .slick-slide,
    .mainSlider.use-adaptiveHeight .slick-slide {
        height: 100% !important
    }
    .treatment-row .mainSlider.use-adaptiveHeight .slick-slide {
        min-height: 78vh
    }
    footer .container>.columns.three {
        width: 40%;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 34px;
        float: none;
        clear: both
    }
}

@media (max-width:1199px) {
    .dining-detail-xbox-k {
        margin-bottom: 0
    }
    .dining-rotator-with-hover-section .default-content-block {
        margin-bottom: 25px
    }
    .dining-section-with-accordion .columns {
        width: 100%;
        margin-left: 0
    }
    .dining-side-accordion-wrapper {
        padding: 0
    }
    .dining-side-accordion-wrapper .accordion-block .accordion-content {
        padding: 12px 36px;
        width: 100%;
        box-sizing: border-box
    }
    .main-container .dining-side-accordion-wrapper .accordion-block .accordion-header {
        font-size: 1.5em;
        padding: 12px 64px 12px 36px;
        border-bottom-width: 0;
        margin-bottom: 0;
        border-top: 1px solid #fff
    }
    .dining-side-accordion-wrapper .accordion-block .accordion-header:after {
        width: 14px;
        height: 14px;
        top: 20px;
        right: 60px
    }
    .dining-side-accordion-wrapper .ui-accordion .ui-accordion-content.accordion-content {
        padding-bottom: 20px
    }
    .dining-side-accordion-wrapper .accordion-block {
        margin-bottom: 0
    }
    .dining-side-accordion-wrapper .accordion-inner {
        margin-bottom: 30px
    }
    .dining-more-options-wrapper .use-background {
        padding: 58.5%
    }
}

@media (max-width:1000px) {
    .dining-more-options-wrapper .use-background {
        padding: 70.5%
    }
}

@media (max-width:750px) {
    .main-container .dining-side-accordion-wrapper .accordion-block .accordion-header {
        font-size: 1.25em;
        padding: 12px
    }
    .dining-side-accordion-wrapper .accordion-block .accordion-header:after {
        width: 12px;
        height: 12px;
        top: 20px;
        right: 22px
    }
    .main-container .dining-side-accordion-wrapper .accordion-block .accordion-content {
        padding: 12px 15px
    }
}

@media (min-width:1200px) {
    .dining-rotator-with-hover-section>.first-column {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .dining-rotator-with-hover-section .main-content-block {
        margin-bottom: 30px
    }
    .dining-rotator-with-hover-section .widget-wrapper {
        margin-bottom: 14px
    }
    .dining-rotator-with-hover-section .additional-content-block {
        margin-left: 0
    }
    .xbox.dining-detail-xbox-k,
    .xbox.dining-detail-xbox-k.active-gallery {
        height: 100%
    }
    .dining-offers-events-section .columns {
        margin-left: 0
    }
    .dining-offers-events-section .last-column {
        width: 34.6666666667%
    }
    .dining-more-options-wrapper {
        position: relative;
        z-index: 1;
        padding: 0
    }
    .dining-more-options-wrapper h2 {
        position: absolute;
        z-index: 1;
        padding: 8px 28px
    }
    .dining-more-options-wrapper .dining-offers-center,
    .dining-more-options-wrapper .simple-rotator-with-pager,
    .dining-more-options-wrapper .rotatorElement,
    .dining-more-options-wrapper .xList-items,
    .dining-more-options-wrapper .slick-list,
    .dining-more-options-wrapper .slick-track,
    .dining-more-options-wrapper .slick-slide,
    .dining-more-options-wrapper div,
    .dining-more-options-wrapper .xList-item {
        height: 100%
    }
    .dining-more-options-wrapper .simple-rotator-with-pager .arrows-wrapper {
        height: auto;
        margin-top: 0;
        transform: translateY(-50%)
    }
    .dining-offers-events-section .dining-offers-section-wrapper {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        box-sizing: border-box
    }
    .dining-offers-section-wrapper .dining-offers-center {
        width: 100%
    }
    .dining-more-options-wrapper .use-background {
        height: auto;
        padding: 66% 50%
    }
    .dining-detail-xbox-k .gallery-wrapper,
    .dining-detail-xbox-k .detail-col-inner,
    .dining-detail-xbox-k .xbox-gallery,
    .dining-detail-xbox-k .gallery-list,
    .dining-detail-xbox-k .xbox-gallery .gallery-list,
    .dining-detail-xbox-k .xbox-gallery .gallery-item .image-wrapper,
    .dining-detail-xbox-k .slick-list,
    .dining-detail-xbox-k .slick-track,
    .dining-detail-xbox-k .slick-track div,
    .dining-detail-xbox-k .xList-item {
        height: 100%
    }
    .dining-detail-xbox-k .xbox-gallery .gallery-cat-wrapper {
        min-width: 328px
    }
    .dining-side-accordion-wrapper .accordion-inner {
        max-height: calc(100vh - 275px)
    }
    .dining-side-accordion-wrapper.no-rotator .accordion-inner {
        max-height: calc(100vh - 100px)
    }
    .dining-side-accordion-wrapper .simple-rotator-with-pager {
        margin-top: 35px
    }
    .accordion-inner .mCustomScrollbar:after,
    .content-panel .mCustomScrollbar:after,
    .additional-content-block .mCustomScrollbar:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 75px;
        left: 0;
        bottom: 0;
        background: -moz-linear-gradient(top, rgba(240, 241, 240, 0) 0, rgba(240, 241, 240, 0.95) 100%, rgba(240, 241, 240, 0.65) 100%);
        background: -webkit-linear-gradient(top, rgba(240, 241, 240, 0) 0, rgba(240, 241, 240, 0.95) 100%, rgba(240, 241, 240, 0.65) 100%);
        background: linear-gradient(to bottom, rgba(240, 241, 240, 0) 0, rgba(240, 241, 240, 0.95) 100%, rgba(240, 241, 240, 0.65) 100%);
        pointer-events: none;
        -ms-transition: all .2s ease-in-out 0s;
        -webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s
    }
    .content-panel .mCustomScrollbar:after {
        background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 100%);
        background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 100%)
    }
    .accordion-inner.show-mCustomScrollbar-scroll .mCustomScrollbar:after,
    .content-panel .show-mCustomScrollbar-scroll .mCustomScrollbar:after,
    .additional-content-block.show-mCustomScrollbar-scroll .mCustomScrollbar:after {
        height: 0
    }
    .primary-overlay .scrollTo,
    .mCSB_scrollTools {
        z-index: 2
    }
    .dining-side-accordion-wrapper>* {
        padding-right: 18%
    }
}

/** Eat & Drink **/

.main-container .rotator-A .pager-slider .slick-slide.slick-active:nth-last-of-type(1)>div {
    border-right-width: 0
}

.residence-wrapper .rotator-A {
    padding-top: 40px
}

.residence-wrapper .section-title {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%
}

.residence-wrapper .pager-slider .pager-nav {
    top: 0
}

.residence-wrapper .pager-slider .pager-nav:before {
    top: 8px
}

.residence-wrapper .pager-slider .pager-nav.nav-prev:before {
    left: 20px
}

.residence-wrapper .rotator-A .pager-slider .pager-title {
    padding-top: 4px
}

.residence-wrapper .rotator-A .pager-slider .slick-slide:after {
    display: none
}

.tabs-with-rooms-xbox .xbox.xbox-type-K .intro-container .amenities-wrapper {
    max-height: 85px;
    overflow: hidden
}

@media (min-width:750px) {
    .residence-wrapper .rotator-A {
        padding-top: 0;
        padding-bottom: 0
    }
    .residence-wrapper .xbox.xbox-style-5 .image-wrapper {
        height: 350px
    }
    .residence-wrapper .rotator-A-1 .pager-slider {
        top: 345px;
        transform: translateY(-100%);
        height: 40px
    }
    .residence-wrapper .rotator-A .pager-slider .slick-track {
        height: 60px
    }
    .residence-wrapper .rotator-A .pager-slider .slick-slide>div {
        border: none
    }
    .residence-wrapper .rotator-A .pager-slider .pager-title {
        padding: 9px 0 11px;
        border-top-width: 1px;
        border-top-style: solid
    }
    .residence-wrapper .rotator-A .pager-slider .slick-current .pager-title {
        border-top-width: 1px;
        border-top-color: transparent
    }
    .residence-wrapper .section-title {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: auto;
        margin: 0;
        padding: 10px 60px
    }
    .dining-offers-events-section>.columns {
        width: 50%;
        margin: 20px auto 60px;
        padding: 30px 0
    }
    .dining-offers-events-section .simple-rotator-with-pager {
        margin-bottom: 0
    }
}

@media (min-width:1000px) {
    .residence-wrapper .xbox.xbox-style-5 .flex-container {
        padding: 5vh 0
    }
    .residence-wrapper .xbox.xbox-style-5 .flex-items {
        padding: 30px 35px 25px;
        text-align: left;
        max-height: 415px;
        margin-bottom: 10vh
    }
    .residence-wrapper .xbox.xbox-style-5 .flex-items .content-wrapper {
        max-height: 350px
    }
    .residence-wrapper .xbox.xbox-style-5 .image-wrapper {
        height: 575px
    }
    .residence-wrapper .rotator-A-1 .pager-slider {
        top: auto;
        position: absolute;
        padding-top: 0;
        bottom: 10px;
        transform: translateY(0)
    }
    .residence-wrapper .rotator-A .pager-slider .slick-slide {
        padding-top: 0
    }
    .rooms-culture-wrapper {
        -webkit-box-shadow: inset 20px -1px 12px 0 rgba(0, 0, 0, 0.75);
        -moz-box-shadow: inset 20px -1px 12px 0 rgba(0, 0, 0, 0.75);
        box-shadow: inset 20px -1px 12px 0 rgba(0, 0, 0, 0.75)
    }
}

@media (min-width:1200px) {
    .residence-wrapper .section-title {
        top: 71px
    }
    .residence-wrapper .rotator-A .main-slider,
    .residence-wrapper .rotator-A .main-slider .slick-slide,
    .residence-wrapper .rotator-A .main-slider .slick-list,
    .residence-wrapper .rotator-A .main-slider .slick-track,
    .residence-wrapper .rotator-A .slick-slide .xList-item,
    .residence-wrapper .xbox.xbox-style-5 .image-wrapper,
    .residence-wrapper .xbox.xbox-style-5 {
        height: calc(100vh - 70px)
    }
    .residence-wrapper .rotator-A-1 .pager-slider {
        top: auto;
        bottom: 15px;
        width: 90%;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 50px
    }
    .residence-wrapper .rotator-A .pager-slider .pager-title {
        padding: 11px 0 13px;
        font-size: 1.5em
    }
    .residence-wrapper .xbox.xbox-style-5.xbox-style-5-r .flex-container {
        margin-left: 0;
        margin-right: 2.5%
    }
    .rooms-culture-wrapper {
        -webkit-box-shadow: inset 0 -1px 12px 0 rgba(0, 0, 0, 0.75);
        -moz-box-shadow: inset 0 -1px 12px 0 rgba(0, 0, 0, 0.75);
        box-shadow: inset 0 -1px 12px 0 rgba(0, 0, 0, 0.75)
    }
    .dining-offers-events-section>.columns {
        margin: 0;
        padding: 0
    }
    .dining-offers-events-section .eight.columns {
        width: 65.3333333333%
    }
    .dining-offers-events-section .last-column {
        width: 34.6666666667%
    }
}

/*** Hyderabad ***/

/*** Download Terms and Conditions ***/

#download-terms-wrapper {
    max-width: calc(100% - 22px);
    padding: 22px
}

#download-terms-wrapper button {
    transition: all 0.5s ease
}

.download-terms-content {
    margin-bottom: 10px
}

#download-terms-wrapper .seperate-checkbox {
    margin-bottom: 30px
}

#download-terms-wrapper .checkbox label {
    text-overflow: unset;
    white-space: normal
}

#download-terms-wrapper label.error {
    font-size: 1em;
    padding-left: 0;
    position: absolute;
    z-index: 1;
    margin-top: 5px
}

#download-terms-wrapper .cms-form {
    margin-bottom: 0
}

@media (min-width:750px) {
    #download-terms-wrapper {
        padding: 42px;
        max-width: 590px
    }
}

@media (min-width:1000px) {
    #download-terms-wrapper {
        max-width: 900px
    }
}

/*** Download Terms and Conditions ***/

/***************************/

/***************************/

/**Coporate Information**/

.corporate-page.container {
    max-width: 990px;
    width: 100%;
    padding: 0
}

.corporate-page.xbox .main-title h1 {
    text-align: center
}

.corporate-page.xbox .image-wrapper,
.corporate-page.xbox .middle-content {
    margin-bottom: 30px;
    display: inline-block
}

.corporate-page.xbox .middle-content h3 {
    margin-bottom: 15px
}

.corporate-page.xbox .middle-content p {
    color: #c3986b;
    margin-bottom: 0;
    font-weight: 600
}

.corporate-page.xbox .middle-content .section-2 {
    margin-top: 20px
}

.corporate-page.xbox .middle-content .section-2 .image-wrapper {
    margin-bottom: 0
}

.corporate-page.xbox .main-content {
    margin-bottom: 30px
}

@media (min-width:750px) {
    .corporate-page.xbox .image-wrapper,
    .corporate-page.xbox .middle-content {
        margin-bottom: 38px
    }
    .corporate-page.xbox .middle-content h3 {
        margin-bottom: 35px
    }
    .corporate-page.xbox .middle-content .section-1 {
        margin-right: 4%;
        padding-right: 20px;
        border-right: #d3d3d3 solid 1px
    }
    .corporate-page.xbox .middle-content .section-2 {
        margin: 0;
        box-sizing: border-box;
        position: relative
    }
    .corporate-page.xbox .middle-content {
        display: flex;
        flex-flow: row wrap;
        align-items: center
    }
}

@media (min-width:1000px) {
    .corporate-page.xbox .middle-content .section-1 {
        padding-right: 35px
    }
}

/**End Coporate Information**/

/**GDS Page**/

.gds-page.main-content-block {
    max-width: 550px
}

.gds-page.address-block-wrapper .acc-arrow {
    cursor: pointer
}

.gds-codes.xList {
    width: 100%;
    margin-top: 10px;
    float: left
}

.gds-codes.xList .xList-item {
    float: left;
    width: 50%;
    box-shadow: none;
    margin-bottom: 20px
}

.gds-codes.xList .xList-item:last-child {
    margin-bottom: 0
}

.gds-codes.xList .xList-item h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: .93em;
    text-transform: uppercase;
    margin: 0
}

.gds-codes.xList .xList-item p {
    font-size: .8em;
    margin: 0
}

.gds-page.address-block-wrapper {
    float: left;
    padding: 30px;
    width: 100%
}

@media (min-width:750px) {
    .gds-page.address-block-wrapper {
        padding: 52px
    }
}

/**End GDS Page**/

/**Our Story Page**/

.history-block.xList {
    background: url(../images/site-specific/history-bg.png) bottom center no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 25px
}

.history-block.xList ul,
.history-block.xList ul li {
    margin: 0
}

.history-block.xList .container {
    z-index: 1
}

.history-block.xList:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(242, 242, 242, 0.28);
    background: -moz-linear-gradient(top, rgba(242, 242, 242, 0) 0, rgba(242, 242, 242, 0.5) 90%, rgba(242, 242, 242, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(242, 242, 242, 0) 0, rgba(242, 242, 242, 0.5) 90%, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(242, 242, 242, 0) 0, rgba(242, 242, 242, 0.5) 90%, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(242, 242, 242, 0) 0, rgba(242, 242, 242, 0.5) 90%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0, rgba(242, 242, 242, 0.5) 90%, rgba(242, 242, 242, 1) 100%)
}

.history-block.xList:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(242, 242, 242, 1);
    background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(100%, rgba(242, 242, 242, 0)));
    background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 0) 100%);
    background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 0) 100%);
    background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 0) 100%);
    background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=0)
}

.history-block.xList .history-group-wrapper {
    position: relative;
    z-index: 1;
    margin-bottom: 30px
}

.history-block.xList .history-items {
    position: relative;
    z-index: 1;
    margin: 0 auto 25px
}

.history-block.xList .arrows-wrapper {
    position: relative;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    z-index: 1
}

.history-block.xList .arrows-wrapper .slick-arrow {
    width: 40px;
    height: 40px;
    background: #000;
    float: left;
    cursor: pointer
}

.history-block.xList .arrows-wrapper .slick-arrow.nav-right {
    float: right
}

.history-block.xList .year-wrapper {
    padding: 26px 0;
    border-top: #c5c5c5 solid 1px;
    width: 100%
}

.history-block.xList .year-wrapper ul {
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
    width: 90%;
    position: relative
}

.history-block.xList .year-wrapper ul .slick-list {
    margin: 0 -20px;
    padding: 0 20px;
    box-sizing: border-box
}

.history-block.xList .year-wrapper ul .slick-track .slick-slide {
    margin: 0 20px
}

.history-block.xList .year-wrapper ul li {
    font-size: 2.4em;
    color: #4d4d4d;
    margin: 0;
    text-align: center;
    line-height: 30px;
    height: 30px;
    transform: scale(0.6);
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.history-block.xList .year-wrapper ul .slick-current li {
    transform: scale(1);
    color: #000;
    cursor: default;
    pointer-events: none
}

.history-block.xList .year-wrapper .slick-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 0;
    background: transparent;
    border: #000 solid 1px;
    z-index: 3;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.history-block.xList .year-wrapper .slick-arrow:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-color: #000;
    border-style: solid;
    top: 50%;
    border-width: 1px 0 0 1px;
    transform: translateY(-50%) rotate(-45deg);
    margin-left: -2px
}

.history-block.xList .year-wrapper .slick-arrow.slick-next {
    left: auto;
    right: 0
}

.history-block.xList .year-wrapper .slick-arrow.slick-next:before {
    border-width: 1px 1px 0 0;
    transform: translateY(-50%) rotate(45deg);
    margin-left: -5px
}

.history-block.xList .history-item-wrapper {
    width: 100%;
    height: auto;
    float: left;
    background: rgba(255, 255, 255, 0.8);
    display: none
}

.history-block.xList .history-group.first-item .history-item-wrapper:nth-child(1) {
    display: inline-block
}

.history-block.xList .history-item-wrapper .item-image {
    position: relative
}

.history-block.xList .history-item-wrapper .item-image img {
    display: block
}

.history-block.xList .history-item-wrapper .item-image .date-wrapper {
    position: absolute;
    top: 10px;
    text-align: center;
    padding: 10px 18px;
    left: 10px;
    background: #000;
    color: #fff
}

.history-block.xList .history-item-wrapper .item-image .date-wrapper .item-date {
    width: 100%;
    display: block;
    font-size: 1.14em;
    line-height: 1.2
}

.history-block.xList .history-item-wrapper .item-image .date-wrapper .item-date.date {
    font-size: 1.7em
}

.history-block.xList .history-item-wrapper .content-wrapper {
    padding: 20px 25px;
    width: 100%;
    box-sizing: border-box
}

.history-block.xList .history-item-wrapper .content-wrapper p,
.history-block.xList .history-item-wrapper .content-wrapper a {
    display: inline
}

.vision-mission.xbox .item-wrapper {
    text-align: center;
    background: #fff;
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.vision-mission.xbox .item-wrapper .image-wrapper,
.vision-mission.xbox .item-wrapper .content {
    width: 100%;
    float: left
}

.vision-mission.xbox .item-wrapper .image-wrapper {
    margin-bottom: 0
}

.vision-mission.xbox .item-wrapper .content {
    padding: 30px;
    box-sizing: border-box
}

.vision-mission.xbox .item-wrapper.vision .content {
    padding: 38px 30px
}

.vision-mission.xbox .item-wrapper.vision .content h3 {
    margin-bottom: 25px
}

.vision-mission.xbox .item-wrapper.vision .content .text-wrapper {
    font-size: 1.68em;
    text-transform: uppercase
}

.vision-mission.xbox .item-wrapper.mission .content .text-wrapper {
    font-size: 1.04em
}

.vision-mission.xbox .item-wrapper .image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    border: 0
}

.our-story-page.menu {
    position: absolute;
    top: -50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    left: 0;
    padding: 15px 20px;
    box-sizing: border-box;
    z-index: 3
}

.our-story-page.menu.menu-fixed {
    position: fixed;
    top: 37px
}

.our-story-page.menu .active-page {
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    display: block;
    position: relative;
    cursor: pointer
}

.our-story-page.menu .active-page:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    right: 0;
    border-color: #fff;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(135deg);
    pointer-events: none
}

.our-story-page.menu ul {
    max-height: 0;
    overflow: hidden;
    margin-top: 15px
}

.our-story-page.menu ul li a {
    padding: 5px 0;
    text-transform: uppercase;
    color: #fff
}

.our-story-page.menu.open-menu {
    height: auto;
    background: rgba(0, 0, 0, 0.9)
}

.our-story-page.menu.open-menu ul {
    max-height: 1000px
}

@media (min-width:750px) {
    .history-block.xList .year-wrapper ul {
        width: 90%
    }
    .history-block.xList .year-wrapper .slick-arrow {
        left: 0
    }
    .history-block.xList .year-wrapper .slick-arrow.slick-next {
        right: 0
    }
    .history-block.xList .arrows-wrapper {
        width: 90%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        height: 40px
    }
    .history-block.xList .arrows-wrapper .slick-arrow {
        position: absolute;
        top: 0;
        right: 0
    }
    .history-block.xList .arrows-wrapper .slick-arrow.nav-left {
        right: 50px
    }
    .history-block.xList .history-items .slick-slide {
        margin: 0 15px
    }
    .history-block.xList .history-items .slick-list {
        margin: 0 -15px
    }
    .vision-mission.xbox .item-wrapper .content {
        padding: 45px 80px
    }
    .history-block.xList .history-item-wrapper {
        width: calc(100% / 2 - 2%);
        margin-left: 2%
    }
    .history-block.xList .history-items .slick-slide .history-item-wrapper {
        margin: 0
    }
    .history-block.xList .history-group.first-item .history-item-wrapper:nth-child(1),
    .history-block.xList .history-group.first-item .history-item-wrapper:nth-child(2) {
        display: inline-block
    }
    .history-block.xList .history-item-wrapper .content-wrapper {
        padding: 34px
    }
    .vision-mission.xbox .item-wrapper.vision .content {
        padding: 128px 30px
    }
    .vision-mission.xbox .item-wrapper.vision .content .text-wrapper {
        max-width: 420px;
        margin: 0 auto;
        font-size: 2em;
        line-height: 1.2
    }
    .our-story-page.menu {
        height: 57px;
        top: -57px;
        padding: 12px 30px 15px
    }
    .our-story-page.menu.menu-fixed {
        top: 70px
    }
    .our-story-page.menu .active-page {
        display: none
    }
    .our-story-page.menu ul {
        max-height: inherit;
        margin: 0;
        height: auto;
        box-sizing: border-box;
        text-align: center
    }
    .our-story-page.menu ul li {
        display: inline-block;
        padding: 0 10px;
        margin: 0 5px;
        cursor: pointer
    }
    .our-story-page.menu ul li.active {
        border: #fff solid 1px
    }
}

@media (min-width:1000px) {
    .vision-mission.xbox .item-wrapper {
        display: flex;
        align-items: stretch;
        flex-flow: row wrap;
        margin-bottom: 0
    }
    .vision-mission.xbox .item-wrapper.mission {
        flex-flow: row-reverse wrap
    }
    .vision-mission.xbox .item-wrapper .image-wrapper,
    .vision-mission.xbox .item-wrapper .content {
        width: 50%
    }
    .vision-mission.xbox .item-wrapper.vision .content {
        padding: 0;
        position: relative
    }
    .vision-mission.xbox .item-wrapper.vision .content .content-inner {
        position: absolute;
        max-width: 330px;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 20px 0
    }
    .vision-mission.xbox .item-wrapper.vision .content .text-wrapper {
        max-width: inherit
    }
    .vision-mission.xbox .item-wrapper.mission .content .text-wrapper {
        max-height: 140px;
        overflow: hidden
    }
    .history-block.xList .history-item-wrapper {
        width: calc(100% / 3 - 2%);
        margin-left: 2%
    }
    .history-block.xList .history-items .slick-slide .history-item-wrapper {
        margin: 0
    }
    .history-block.xList .history-group.first-item .history-item-wrapper:nth-child(1),
    .history-block.xList .history-group.first-item .history-item-wrapper:nth-child(2),
    .history-block.xList .history-group.first-item .history-item-wrapper:nth-child(3) {
        display: inline-block
    }
    .our-story-page.menu ul li {
        display: inline-block;
        padding: 0 20px;
        margin: 0 10px;
        border: rgba(255, 255, 255, 0) solid 1px;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
    .our-story-page.menu ul li:hover {
        border: rgba(255, 255, 255, 1) solid 1px
    }
}

@media (min-width:1200px) {
    .history-block.xList {
        margin-bottom: 65px
    }
    .history-block.xList .arrows-wrapper {
        width: 40px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
    .history-block.xList .arrows-wrapper .slick-arrow.nav-left {
        right: 0;
        top: 50px
    }
    .history-block.xList .history-items {
        margin-bottom: 0
    }
    .history-block.xList .year-wrapper .slick-arrow:before {
        margin-left: 1px
    }
    .history-block.xList .year-wrapper .slick-arrow.slick-next:before {
        margin-left: -6px
    }
    .vision-mission.xbox .item-wrapper .content {
        padding: 0;
        position: relative
    }
    .vision-mission.xbox .item-wrapper .content .content-inner {
        position: absolute;
        max-width: 500px;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .vision-mission.xbox .item-wrapper.mission .content .text-wrapper {
        max-height: 230px
    }
}

/**End Our Story Page**/

.about-award-wrapper {
    margin: 0 auto
}

.dining-offers-events-section .empty-message {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1.2em
}

.hide-block {
    display: none !important
}

.dining-more-options-wrapper .slick-slide .dining-image-desc {
    left: 0;
    border-color: #f8f8fb;
    border-style: solid;
    border-width: 0 1px 0 1px
}

.dining-more-options-wrapper .slick-slide .xList-item {
    overflow: hidden
}

@media (min-width:1200px) {
    .use-scroll.aura-spa-content {
        height: 300px
    }
}

.home-page-offer .item-slider {
    background: none
}

.home-page-offer .empty-message {
    width: 80%;
    display: block;
    margin: 0 auto
}

.hide-line .rotator-C .pager-navigation .pagerSlider:before {
    opacity: 0;
    visibility: hidden
}

@media (min-width:750px) {
    .home-page-offer .empty-message {
        position: absolute;
        width: auto;
        top: 50%;
        padding: 0 30px;
        box-sizing: border-box;
        text-align: center
    }
}

@media (min-width:1000px) {
    .slider-with-intro .reservations-outer>p.reservations-wrapper {
        width: 49%
    }
}

.slider-with-intro .flex-container {
    border: none
}

.slider-with-intro .image-wrapper-with-slider:after {
    display: none
}

.xbox.slider-with-intro {
    position: relative
}

.xbox.slider-with-intro:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 22px);
    height: calc(100% - 20px);
    border: #b4b4b4 solid 1px;
    z-index: 1;
    pointer-events: none
}

@media (min-width:1200px) {
    .xbox.slider-with-intro:before {
        top: 15px;
        left: 15px;
        width: calc(100% - 17px);
        height: calc(100% - 30px)
    }
}

@media (min-width:1600px) {
    .xbox.slider-with-intro:before {
        top: 30px;
        left: 30px;
        width: calc(100% - 32px);
        height: calc(100% - 60px)
    }
}

@media (min-width:1200px) {
    .xbox.xbox-style-13 .info-popup-box {
        max-height: 210px;
        padding: 35px 15px 0
    }
    .xbox.xbox-style-13 .info-popup-box .popup-box-cnt-wrapper {
        max-height: 120px
    }
}

@media (min-width:1600px) {
    .xbox.xbox-style-13 .info-popup-box {
        max-height: 292px;
        padding: 45px 15px 25px
    }
    .xbox.xbox-style-13 .info-popup-box .popup-box-cnt-wrapper {
        max-height: 194px
    }
    .fancy-caption .float-l h3 {
        font-size: 1.65em
    }
}

.gallery-type-large.xbox-gallery ul.gallery-item-list:after {
    display: none
}

.gallery-type-large.xbox-gallery.show-pagination ul.gallery-item-list:after {
    display: block
}

@media (min-width:1000px) and (max-width:1199px) {
    .rotator-with-hover-click-animations .item.active .inner-background {
        width: 100vw;
        left: -24vw
    }
}

@media (min-width:750px) and (max-width:999px) {
    .rotator-with-hover-click-animations .item.active .inner-background {
        left: -32vw;
        width: 100vw
    }
}

footer .contact-details .contact-detail.email {
    line-height: 1.2
}

footer .contact-details .contact-detail.email a.email-btn {
    word-break: break-word
}

.row.offer-events-grid {
    opacity: 0
}

.row.offer-events-grid.show-offers {
    opacity: 1
}

.offer-events-grid .empty-message {
    font-size: 1.2em;
    width: 100%;
    max-width: 980px;
    margin: 30px auto;
    text-align: center;
    display: block;
    padding: 0 20px;
    box-sizing: border-box
}

.submenu-with-simple-rotator .simple-rotator-with-pager .nav-arrow-group {
    top: 20%;
    width: 40px;
    right: 0
}

.submenu-with-simple-rotator .simple-rotator-with-pager .nav-arrow-group .slick-arrow.nav-left,
.submenu-with-simple-rotator .simple-rotator-with-pager .nav-arrow-group .slick-arrow.nav-right {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0
}

.submenu-with-simple-rotator .simple-rotator-with-pager .nav-arrow-group .slick-arrow.nav-left {
    top: 45px
}

@media (max-width:750px) {
    .attraction-style-1 .content-wrapper {
        padding-bottom: 30px
    }
}

.xbox-style-11 .info-wrapper>p.open-hours-wrapper,
.xbox-style-11 .info-wrapper>p.reservations-wrapper {
    display: none
}

.xbox-style-11 .info-wrapper>p.open-hours-wrapper.show-content,
.xbox-style-11 .info-wrapper>p.reservations-wrapper.show-content {
    display: inline-block
}

.offers-block .link-selector .form-control,
.offers-block .link-selector .single-hotel,
.xbox.xbox-style-15 .image-wrapper .image-content.show-hotel-name .applicable-hotel-name {
    text-transform: capitalize
}

.flex-container.hide-hotels .link-selector .form-control,
.flex-container.hide-hotels .link-selector:after {
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0
}

.flex-container.hide-hotels .link-selector .single-hotel h6 {
    margin-bottom: 5px
}

@media (min-width:750px) {
    .xbox.xbox-style-15 .image-wrapper .image-content.show-hotel-name .expand-wrapper {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%)
    }
    .xbox.xbox-style-15 .image-wrapper .image-content.show-hotel-name .applicable-hotel-name {
        width: 100%;
        display: block;
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .xbox.xbox-style-15 .image-wrapper .image-content.show-hotel-name .applicable-hotel-name {
        width: 100%;
        display: block;
        margin-bottom: 0
    }
}

@media (min-width:1000px) {
    .xbox.xbox-type-K .gallery-wrapper,
    .xbox.xbox-type-K.active-gallery .gallery-wrapper,
    .rotator-C .slick-active .xbox-type-K.active-gallery .xbox-gallery,
    .rotator-C .xbox-type-K .gallery-wrapper .detail-col-inner>* {
        transform: inherit
    }
    .rotator-C .xbox-type-K .gallery-wrapper .detail-col-inner>*,
    .rotator-C .xbox-type-K .gallery-wrapper .xbox-gallery .gallery-list>.xList-item {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
    .rotator-C .xbox-type-K .gallery-wrapper .detail-col-inner>:first-child {
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }
}

.slick-slide {
    outline: none
}

.loyalty-rotator .open-bm {
    display: none
}

.booking-cancel-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 101;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.booking-cancel-wrapper.show {
    opacity: 1;
    pointer-events: auto
}

.booking-cancel-wrapper form {
    width: 600px;
    height: 450px;
    padding: 50px 100px;
    background: #fff;
    position: absolute;
    top: calc(50% - 225px);
    left: calc(50% - 300px);
    margin-bottom: 0;
    box-sizing: border-box
}

.booking-cancel-wrapper.bookingmask-wrapper .hotels-selector {
    width: 100%
}

.cancel-booking-close {
    position: absolute;
    top: calc(50% - 210px);
    right: calc(50% - 280px);
    z-index: 2;
    line-height: 1;
    cursor: pointer
}

.cancel-booking-close:before {
    font-size: 1.7em;
    line-height: 1
}

.cancel-booking {
    text-align: right;
    padding: 0 20px;
    margin-bottom: 10px
}

.cancel-booking-open {
    display: inline-block;
    font-size: .8em;
    color: #fff;
    font-weight: normal;
    cursor: pointer;
    text-decoration: underline
}

@media (min-width:750px) {
    .loyalty-rotator .open-bm {
        display: inline-block
    }
}

.site-map-wrapper {
    margin: 50px auto 0
}

.site-map-wrapper>.columns .xList-items,
.site-map-wrapper>.columns .xList-items>.xList-item {
    margin-bottom: 0
}

.site-map-menu-header {
    margin-top: 30px
}

.site-map-menu-header a {
    color: #000
}

.site-map-wrapper .sitemap {
    display: none
}

.site-map-wrapper>.columns.first-column .xList-items>.xList-item:first-child .site-map-menu-header {
    margin-top: 0
}

.site-map-wrapper nav {
    display: inline-block
}

.site-map-wrapper nav ul li {
    margin: 0 0 10px 0
}

.site-map-wrapper>.columns .xList-items>.xList-item:nth-child(3) .menu-vertical ul li.privacy-policy,
.site-map-wrapper>.columns .xList-items>.xList-item:nth-child(3) .menu-vertical ul li.terms-conditions,
.site-map-wrapper>.columns .xList-items>.xList-item:nth-child(2) .menu-vertical ul li.living-magazine {
    display: none
}

@media (min-width:750px) {
    .site-map-menu-header {
        margin-top: 50px
    }
    .site-map-wrapper>.columns .xList-items>.xList-item:first-child .site-map-menu-header {
        margin-top: 0
    }
}

@media (min-width:1000px) {
    .site-map-wrapper {
        max-width: 80%
    }
}

.copyright-bar p.designed-by {
    display: none
}

footer .container>.columns.five>.last-column h3,
footer .container>.columns.five>.last-column .app-store-link {
    display: none
}

footer .container>.columns.five>.last-column {
    border: none
}

footer .social-media .social-media-wrapper {
    margin-left: 0;
    text-align: left
}

@media (min-width:750px) {
    footer .container>.columns.five>.last-column .social-media {
        margin-top: 45px
    }
    footer .container>.columns.five>.last-column .social-media h3 {
        display: block;
        text-align: left
    }
}

@media (min-width:1000px) {
    footer .container>.columns.five>.last-column .social-media {
        margin-top: 0
    }
}

.cookie-section {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    color: #525252;
    display: none;
    padding: 15px 20px 15px;
    box-sizing: border-box;
    z-index: 4
}

.cookie-section .cookie-wrapper {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center
}

.cookie-section .cookie-wrapper>div {
    width: auto;
    display: inline-block
}

.cookie-section .cookie-wrapper h5 {
    color: #525252;
    margin-bottom: 10px
}

.cookie-section .cookie-wrapper a.primary-link {
    color: #f0484e;
    margin: 0 30px 0 5px
}

.cookie-section .cookie-wrapper a.primary-link:hover {
    color: #f0484e
}

@media (min-width:750px) {
    .cookie-section {
        padding: 15px 0 10px
    }
    .cookie-section .cookie-wrapper {
        width: 90%
    }
}

.top-bar-plain-txt.top-bar-item.important-notice {
    font-weight: 600
}

@media (min-width:768px) {
    .top-bar-plain-txt.top-bar-item.important-notice {
        border: 1px solid #fff;
        padding: 0 10px;
        border-radius: 5px
    }
}

@media (max-width:1000px) {
    #main-menu-top-bar .top-bar-item:not(.language-switcher):not(.call-us) {
        font-size: .85em
    }
}

/**** Theme ****/

/*** About Us Section ***/

/** Awards **/

.about-awards-filter-wrapper:before {
    background-color: #d9d9d9
}

.about-award-image {
    background-color: #fff
}

.award-icon svg {
    fill: #6f6f6f
}

/** Awards **/

/*** About Us Section ***/

/**** Theme ****/

/**** Other ****/

/*** About Us Section ***/

/** Awards **/

.about-awards-filter-wrapper {
    position: relative;
    z-index: 1;
    padding-bottom: 29px
}

.about-awards-filter-container {
    max-width: 320px;
    margin: 0 auto
}

.about-awards-filter-container:after {
    clear: both;
    content: "";
    display: block
}

.about-awards-filter-wrapper:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 1px;
    bottom: 0
}

.about-awards-filter-wrapper .about-year-filter {
    margin-bottom: 25px
}

.about-awards-filter-wrapper .form-control {
    margin-bottom: 0
}

@media (min-width:750px) {
    .about-awards-filter-wrapper {
        padding-bottom: 37px
    }
    .about-awards-filter-wrapper .about-year-filter {
        margin-bottom: 0
    }
    .about-awards-filter-container {
        max-width: 586px;
        margin: 0 auto
    }
}

.about-award-wrapper {
    text-align: center;
    overflow: hidden;
    max-width: 280px
}

.about-us-content-block {
    margin-bottom: 35px
}

.about-award-container {
    margin: 0 auto
}

.about-award-item {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    opacity: 1;
    height: auto;
    transition: width 300ms ease, height 300ms ease, margin-left 300ms ease, opacity 300ms ease 300ms;
    margin-bottom: 40px
}

.awards-content-no .awards-content-text {
    max-width: 615px;
    margin: 0 auto
}

.about-award-image {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 18px
}

.about-award-image-container {
    padding-top: 100%
}

.about-award-image img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.about-award-title {
    margin-bottom: 0
}

.about-award-wrapper .about-award-container .about-award-item-fadeout,
.offer-grid-list ul li.xList-offers-filter-item.about-award-item-fadeout {
    opacity: 0;
    width: 0;
    height: 0;
    transition: opacity 300ms, width 300ms ease 300ms, height 300ms ease 300ms, margin-left 300ms ease 300ms;
    margin: 0
}

.no-results.awards-content-no {
    opacity: 0;
    height: 0;
    transition: all .5s ease-in-out;
    min-height: 0;
    padding-top: 0
}

.awards-content-no.awards-content-no-active {
    opacity: 1;
    height: 89px;
    padding-top: 30px
}

.award-icon {
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 15px
}

.award-icon svg {
    width: 50px
}

@media (min-width:550px) {
    .about-award-wrapper {
        max-width: 550px;
        margin: 0 auto
    }
    .about-award-container {
        margin-left: -4%
    }
    .about-award-item {
        width: 48%;
        margin-left: 2%;
        margin-bottom: 55px
    }
}

@media (min-width:750px) {
    .about-award-wrapper {
        max-width: 750px
    }
    .about-award-wrapper,
    .about-us-content-block {
        margin-bottom: 44px
    }
    .about-award-wrapper .about-award-item {
        width: 29.33%;
        margin-left: 4%
    }
    .about-award-image {
        margin-bottom: 26px
    }
}

@media (min-width:750px) and (max-width:1199px) {
    .about-award-image img {
        width: 65%;
        max-width: 183px
    }
    .award-icon {
        top: 10px;
        left: 15px
    }
    .award-icon svg {
        width: 42px
    }
}

@media (min-width:1200px) {
    .about-us-content-block {
        margin-bottom: 35px
    }
    .about-award-wrapper {
        max-width: 1200px
    }
    .about-award-wrapper .about-award-item {
        width: 21%
    }
    .award-icon svg {
        width: 45px
    }
}

/** Awards **/

/*** About Us Section ***/

/** Main Visual **/

.main-visual .iframe-wrapper {
    z-index: 2
}

.main-visual .iframe-wrapper .iframe-inner-wrapper {
    padding-top: 56%
}

/** Main Visual **/

/*** Offers Page ***/

.offers-filter-wrapper .about-hotel-filter {
    margin: 0 auto;
    float: none
}

.xList-offers-filter-item {
    transition: width 300ms ease, height 300ms ease, margin-left 300ms ease, opacity 300ms ease 300ms
}

.offer-events-grid .awards-content-no.awards-content-no-active {

    padding-top: 0;
    height: 156px
}

/*** Offers Page ***/

/**** Other ****/

html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: hidden;
    position: relative
}

.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0 !important
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0)
}

#fp-nav.right {
    right: 17px
}

#fp-nav.left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important
}

.fp-slidesNav.bottom {
    bottom: 17px
}

.fp-slidesNav.top {
    top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

.fp-slidesNav ul li {
    display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important
}

.fp-tableCell {
    height: 100% !important;
    overflow: hidden
}

.fullpage-row .row.background-image,
.fullpage-row .image-content-equalwidth {
    height: 100%;
    box-sizing: border-box
}

.fullpage-row li.xList-item,
.fullpage-row ul.xList-items,
.fullpage-row .fp-tableCell .simple-rotator-with-pager,
.fullpage-row .fp-tableCell>.row.background-image {
    margin-bottom: 0
}

.fullpage-row .fp-tableCell>.row.background-image {
    padding: 0
}

.fullpage-row .fp-tableCell>.simple-rotator-with-pager .pager-navigation {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%
}

#fp-nav.left {
    left: 10px
}

#fp-nav ul li a span {
    background: #fff
}

.fp-scroller {
    min-height: 100%
}

.breadcrumb-wrapper+.row {
    padding-top: 0
}

.fp-auto-height .inner-footer {
    height: auto !important;
    padding-top: 70px !important
}

@media (max-width:1199px) {
    .fp-section.fullpage-row.fp-table,
    .fp-slide.fp-table,
    .fp-section.fullpage-row.fp-table .fp-tableCell,
    .fp-slide.fp-table .fp-tableCell {
        height: auto !important
    }
    .fullpage-row .fp-tableCell>.row.background-image {
        padding: 60px 0
    }
    .breadcrumb-wrapper {
        padding-bottom: 10px
    }
}

@media (max-width:1000px) {
    .breadcrumb-wrapper+.row {
        padding-top: 15px
    }
    .breadcrumb-wrapper {
        padding-bottom: 0
    }
}

@media (max-width:750px) {
    .fullpage-row .fp-tableCell>.row.background-image {
        padding: 30px 0
    }
    footer .container .columns {
        width: 100%
    }
    .align-vertical-columns .simple-rotator-with-pager {
        margin-top: 0
    }
	li p {
    font-size:16px;
	color:#FFF;
}
}

@media (min-width:750px) and (max-width:999px) {
    .fullpage-row .fp-tableCell>.simple-rotator-with-pager .pager-navigation {
        width: 76%
    }
	.home-page-offer .item-slider {
    background: #f5f5f5;
}
}

@media (min-width:1000px) and (max-width:1200px) {
    .fullpage-row .fp-tableCell>.simple-rotator-with-pager .pager-navigation {
        width: 80%
    }
}

@media (min-width:1200px) {
    .fullpage-row .fp-tableCell>.simple-rotator-with-pager .pager-navigation {
        width: 88%
    }
}

.fullpage-row {
    height: auto
}