/*
css reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0px;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
a.galleryhref:link {
color: #444753;
background-color: transparent;
text-decoration: none;
}
a.galleryhref:visited {
color: #444753;
background-color: transparent;
text-decoration: none;
}
a.galleryhref:hover {
color: #444753;
background-color: transparent;
text-decoration: underline;
}
#top-back {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-color: #3d4145;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
css
*/
*, body, html {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: normal;
}
body, html {margin: 0;text-align: center;font-size: 19px;color: #444753;line-height: 1.5;background: #fff;font-style: normal;font-weight: 300;}
strong, b {font-family: "Roboto", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
.bodyios {
cursor:pointer
}
header, section, footer, main {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pad_container {
width: 100%;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* max-width: 1920px; */
padding: 0 40px;
display: block;
height: 100%;
}
.espa {
position: fixed;
bottom: 70px;
left: 20px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
overflow: hidden;
font-size: 28px;
line-height: 16px;
z-index: 999999999999999;
}
.espa:hover {
box-shadow: 2px 2px 11px rgba(0,0,0,0.7);
line-height: 16px;
}
.espa img {
display: inline-block;
max-width: 300px;
border: 0px;
}
.units {
color: #3d4145;
font-size: 1.13em;
margin-top: -18px;
margin-left: 26px;
}
.facilitiessub {
color: #636842;
font-size: 1.16em;
margin-top: -7px;
margin-left: 9px;
margin-bottom: 17px;
}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
width: 25px;
height: 14px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
cursor: pointer;
float: left;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
display: block;
position: absolute;
height: 2px;
width: 20px;
background: var(--swap_color);
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
top: 0px;
}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
top: 6px;
/* width: 70%; */
background: var(--swap_color);
}
#nav-icon3 span:nth-child(4) {
top: 12px;
/* width: 40%; */
background: var(--swap_color);
}
.hasScrolled #nav-icon3 span:nth-child(2), .hasScrolled #nav-icon3 span:nth-child(3) {
/* top: 10px; */
/* width: 80%; */
}
.hasScrolled #nav-icon3 span:nth-child(4) {
/* top: 20px; */
/* width: 60%; */
}
.hasScrolled #nav-icon3 {
/* width: 36px; */
/* height: 26px; */
}
#nav-icon3.open_menu span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
#nav-icon3.open_menu span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
}
#nav-icon3.open_menu span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #fff;
}
.hasScrolled #nav-icon3.open_menu span:nth-child(2) {
background: #3d4145;
}
.hasScrolled #nav-icon3.open_menu span:nth-child(3) {
background: #3d4145;
}
#nav-icon3.open_menu span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
.top_header {
background: rgb(255 255 255 / 0%);
padding: 0px 0;
position: fixed;
left: 0;
top: 0;
height: 90px;
z-index: 99999;
transition: all .8s cubic-bezier(.5,0,0,1) 0s;
}
.header_grid {
margin: 0 auto;
align-items: center;
justify-items: flex-start;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
height: 100%;
display: flex;
justify-content: space-around;
}
.header_grid_left {
display: flex;
justify-content: flex-start;
align-items: center;
flex-flow: row wrap;
position: relative;
width: 100%;
height: 100%;
gap: 16px;
}
.lang_cont {
float: left;
position: relative;
margin: 0;
line-height: 1;
}
.collapsible {
position: relative;
float: left;
padding: 0;
cursor: pointer;
color: var(--swap_color);
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
font-weight: 550;
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 14px;
}
.lang_list {
padding: 0;
background-color: #3d4145;
max-height: 0;
overflow: hidden;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
position: absolute;
left: 0;
top: 20px;
text-align: left;
font-size: 15px;
display: flex;
flex-direction: column;
gap: 0;
padding: 0;
}
.lang_list a {
/* float: left; */
/* width: 100%; */
color: #fff;
text-decoration: none;
margin: 0 16px;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lang_list li:first-child a {
margin: 16px 16px 0 16px;
}
.lang_list li:last-child a {
margin: 16px;
}
.lang_list a:hover {
/* background: #fff; */
color: #ffffff;
}
.map_cont {
font-size: 0;
float: left;
margin: 0;
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
.header_grid_center {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
position: relative;
width: 100%;
height: 100%;
}
.logo {
display: block;
max-width: 270px;
height: auto;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
width: 100%;
padding: 0;
margin: 0;
}
.share_cont {
float: left;
line-height: 20px;
height: 20px;
margin: 0 0 0 20px;
cursor: pointer;
position: relative;
}
.share_cont img {
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
.share_cont img:hover {
opacity: 0.7;
}
.share_cont_icons {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 8px;
display: grid;
margin: 0 auto;
grid-auto-rows: 1fr 1fr 1fr;
align-items: center;
justify-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 8px;
background: #3d4145;
max-height: 0;
overflow: hidden;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
position: absolute;
left: 0;
top: 22px;
z-index: 9;
}
.share_cont_icons a {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
padding: 8px 6px 8px 0;
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
.share_cont_icons a:last-child {
padding: 8px 0 8px 0;
}
.share_cont_icons a:hover {
opacity: 0.7;
}
.share_cont_icons a img {
display: block;
}
.header_grid_right {
display: flex;
justify-content: flex-end;
align-items: center;
flex-flow: row wrap;
position: relative;
width: 100%;
height: 100%;
}
.book_direct_link {
display: flex;
padding: 8px 12px 8px 12px;
color: var(--swap_color);
text-decoration: none;
line-height: 1;
position: relative;
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
align-items: center;
gap: 8px;
border: 0px solid var(--swap_color);
font-size: 14px;
font-weight: 550;
}
.hasScrolled .book_direct_link:hover {
color: #3d4145;
/* background-color: #3d4145; */
/* border-color: #3d4145; */
}
.hasScrolled .book_direct_link:hover path, .hasScrolled .book_direct_link:hover rect {
fill: #3d4145;
}
.book_direct_link:hover {
/* color: #3d4145; */
/* background-color: #fff; */
/* border-color: #fff; */
}
.book_direct_link:hover path, .book_direct_link:hover rect {
fill: #ffffff;
}
.rus .book_direct_link {
font-size: 0.9em;
}
body, html {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.slider_section {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 100%;
/* border-bottom: 40px solid #fff; */
/* border-left: 40px solid #fff; */
/* border-right: 40px solid #fff; */
}
.slider_cont {
float: left;
width: 100%;
height: 100%;
}
.slick-slide {
background-size: cover;
background-position: center;
}
.blick-slide {
background-size: cover;
background-position: center;
}
.scroll_down {
position: absolute;
bottom: 20px;
left: 50%;
margin: 0 0 0 -20px;
cursor: pointer;
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
-webkit-animation: bounce .4s infinite alternate;
-moz-animation: bounce .4s infinite alternate;
animation: bounce .4s infinite alternate;
}
@-webkit-keyframes bounce {
to { -webkit-transform: scale(1.1); }
}
@-moz-keyframes bounce {
to { -moz-transform: scale(1.1); }
}
@keyframes bounce {
to { transform: scale(1.1); }
}
.scroll_down:hover {
opacity: 0.7;
}
.main_section {
position: absolute;
width: 100%;
top: 100%;
}
.hasScrolled .top_header {
padding: 0px 0;
height: 90px;
background: rgb(255 255 255);
}
.hasScrolled .logo {
max-width: 117px;
padding: 0;
height: auto;
margin: 0;
}
.overview_article_grid {
grid-template-columns: 1fr 1px 1fr;
grid-gap: 40px;
display: grid;
text-align: left;
padding: 40px 0 80px 0;
}
.subheading {
color: #3d4145;
font-size: 2.4em;
margin: 0 0 20px 0;
float: left;
width: 100%;
font-weight: 250;
}
.subheadingindent {
color: #3d4145;
font-size: 1.4em;
margin: 0 0 10px 0;
float: left;
width: 100%;
font-weight: 250;
}
.article_cont p {
margin: 0 0 14px 0;
line-height: 1.8;
}
.article_cont h1 {
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-size: 3em;
margin: 0 0 14px 0;
color: #3d4145;
}
.general_fac_cont ul, .new_article_txt ul {
text-align: left;
list-style: none;
padding: 0 0 0 26px;
margin: 0 0 40px 0;
clear: both;
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
gap: 40px;
}
.general_fac_cont ul li, .new_article_txt ul li, .popup_content_grey ul li {
position: relative;
padding: 3px 0 9px 0;
text-align: left;
line-height: 1.5;
}
.general_fac_cont ul li:before, .new_article_txt ul li:before, .popup_content_grey ul li:before {
content: '';
display: block;
width: 3px;
height: 2px;
background-color: #55595e;
position: absolute;
left: -18px;
top: 16px;
}
.vert_line {
background: #d7d7d7;
}
.gallery_section, .contact_section {
background: #f3f3f3;
padding: 50px 0 80px 0;
}
.gallery_cont {
width: 100%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 40px;
margin: 30px 0 0 0;
}
.gallery_cont img {
width: 100%;
height: auto;
}
.gallery_cont .blick-list {
margin: 0 -12px;
}
.gallery_cont .blick-slide {
margin: 0 12px;
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
.gallery_cont .blick-slide:hover {
opacity: 0.7;
}
.gallery_cont .subheading {
margin: 0 0 40px 0;
}
.gallery_cont .blick-prev, .gallery_cont .blick-next {
width: 40px;
height: 100%;
background: #3d4145;
}
.gallery_cont .blick-prev {
left: 0;
}
.gallery_cont .blick-next {
right: 0;
}
.gallery_cont .blick-prev:hover, .gallery_cont .blick-next:hover {
background: #3d4145!important;
}
.gallery_cont .blick-prev:focus, .gallery_cont .blick-next:focus {
background: #3d4145;
}
.gallery_cont .blick-prev:before, .gallery_cont .blick-next:before {
width: 13px;
height: 35px;
margin: 0 auto;
}
.lg-outer .lg-img-wrap, .lg-outer .lg-item {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
.accommodation_section {
padding: 100px 0 100px 0;
}
.accommodation_section .subheading {
text-align: center;
}
.accommodation_grid {
float: left;
width: 100%;
margin: 40px 0 0 0;
display: flex;
flex-direction: column;
}
.accommodation_container_img {
position: relative;
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
.accommodation_container_img:hover {
opacity: 1.00;
}
.room_img {
width: 100%;
display: block;
height: auto;
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
.swiper-slide-active .room_img:hover {
opacity: 0.7;
}
.enlarge {
position: absolute;
top: 20px;
right: 20px;
}
.accommodation_content_grid {
background: #f3f3f3;
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
grid-template-columns: 1fr 180px;
grid-gap: 40px;
display: grid;
text-align: left;
padding: 24px 30px 30px 30px;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.5em;
}
.accommodation_content h2 {
font-size: 1.24em;
margin: 0;
line-height: 1.2;
font-weight: 350;
color: #3d4145;
grid-column: span 2;
}
.accommodation_persons {
position: relative;
padding: 0 0 0 36px;
margin: 0;
grid-column: span 1;
display: inline-flex;
justify-content: flex-end;
}
.accommodation_persons:before {
background-image: url(images/persons.svg);
content: '';
position: absolute;
top: 3px;
left: 0;
width: 25px;
height: 17px;
background-repeat: no-repeat;
background-position: left;
}
.accommodation_space {
position: relative;
padding: 0 0 0 36px;
grid-column: span 1;
display: inline-flex;
justify-content: flex-start;
}
.accommodation_space:before {
background-image: url(images/space.svg);
content: '';
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: left;
}
.rates_per_night_txt {
font-weight: 500;
float: left;
}
.accomm_prices {
font-weight: 500;
float: left;
margin: 0;
}
.rates_per_night_form {
float: left;
width: 100%;
margin: 10px 0 0 0;
}
.select-css {
display: block;
font-size: 16px;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
color: #000;
line-height: 1.3;
padding: 6px 10px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid #000;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url(images/form_down.svg);
background-repeat: no-repeat, repeat;
background-position: right 0.7em top 50%, 0 0;
background-size: .65em auto, 100%;
cursor: pointer;
}
.select-css::-ms-expand {
display: none;
}
.select-css:hover {
border-color: #888;
}
.select-css:focus {
border-color: #aaa;
color: #222;
outline: none;
}
.select-css option {
font-weight: 300;
}
.accommodation_right .book_direct_link {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 18px 0 0 0;
background-color: #3d4145;
color: #fff;
font-size: 16px;
padding: 8px 42px 8px 10px;
border: 1px solid #3d4145;
background-position: center right 10px;
line-height: 1.2;
}
.accommodation_right .book_direct_link:after {
background-image: url(images/book-direct-accomm.svg);
}
.accommodation_right .book_direct_link:hover {
color: #fff;
background-color: #a2a2a2;
border: 1px solid #a2a2a2;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: center;
z-index: 1045;
}
.white-popup {
position: relative;
background: #FFF;
padding: 40px;
width: 100%;
max-width: 1000px;
margin: 0 auto;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
}
.flexholder {
position: relative;
float: left;
width: 100%;
-webkit-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
margin: 0;
}
.white-popup_inside {
float: left;
width: 100%;
overflow: hidden;
position: relative;
}
.popup_content {
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 3px 0;
text-align: left;
float: left;
margin: 30px 0 0 0;
}
.popup_content h3 {
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-size: 1.18em;
margin: 0;
text-align: left;
color: #3d4145;
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
}
.mfp-inline-holder .mfp-content .popup_content p {
font-size: 1em;
color: #3d4145;
line-height: 1.7;
}
.popup_content_grey {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 10px 0 20px 0;
}
.popup_content_grey ul {
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
float: left;
width: 100%;
margin: 10px 0 0 0;
padding: 0 0 0 26px;
gap: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.popup-bottom {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 100%;
margin: 0;
padding: 0 0 1px 0;
}
.popup-bottom .mfp-close {
display: inline-flex;
padding: 0;
color: #3d4145;
text-decoration: none;
line-height: 1;
position: relative;
-webkit-transition: 0.1sease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1sease-out;
align-items: center;
gap: 12px;
border: none;
font-size: 19px;
font-weight: 400;
width: auto;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
justify-content: center;
font-family: "Roboto", sans-serif;
float: right;
}
.popup-bottom .mfp-close span {
display: block;
}
.popup-bottom .mfp-close:after {
display: none;
}
body .mfp-iframe-holder .mfp-close {
width: 12px;
height: 12px;
background-image: url('data:image/svg+xml,')!important;
padding: 0;
line-height: 1;
cursor: pointer;
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
font-size: 0;
border: none;
top: 10px;
right: 10px;
background-color: #fff!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
body .mfp-iframe-holder .mfp-close:hover {
opacity: 0.7;
}
body .mfp-iframe-scaler iframe {
background: #fff;
border: 16px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.white-popup .mfp-close:hover {
background-color: #fff !important;
color: #3d4145 !important;
}
.white-popup .mfp-close:hover path {
fill: #fff;
}
.mfp-close-btn-in .white-popup .popup_mfp_close {
position: absolute;
top: 12px;
right: 12px;
width: 12px;
height: 12px;
background-image: url('data:image/svg+xml,')!important;
padding: 0;
line-height: 1;
cursor: pointer;
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
background-color: initial !important;
outline: none;
}
.mfp-close-btn-in .popup_mfp_close:hover {
opacity: 0.7;
}
.top_menu_container_inside {
position: fixed;
left: -36%;
width: 36%;
bottom: 0;
margin: 0;
overflow: auto;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
background: #3d4145;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 999999;
height: 100%;
z-index: 999;
}
.hasScrolled .top_menu_container_inside {
height: calc(100% - 90px);
}
.open_respmenu .top_menu_container_inside {
left: 0;
}
.top_menu_bottom_relative {
position: relative;
left: 0;
top: 0;
height: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.top_menu_bottom {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: table;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.nav_menu {
display: table-cell;
vertical-align: middle;
margin: 0;
float: none;
}
.nav_menu ul {
display: inline-block;
}
.nav_menu li {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-moz-transition-property: transform,opacity;
-o-transition-property: transform,opacity;
-webkit-transition-property: transform,opacity;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
-o-transition-property: opacity,-o-transform;
-moz-transition-property: transform,opacity,-moz-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform,-moz-transform,-o-transform;
-moz-transition-duration: .3s,.5s;
-o-transition-duration: .3s,.5s;
-webkit-transition-duration: .3s,.5s;
transition-duration: .3s,.5s;
text-align: left;
}
.nav_menu li a {
text-decoration: none;
color: #fff;
font-size: 36px;
margin: 6px 0;
display: inline-block;
position: relative;
}
.nav_menu li a:after, .lang_list a:after {
content: '';
position: absolute;
width: 0;
height: 1px;
display: block;
margin-top: 0px;
right: 0;
background: #fff;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.nav_menu li a:hover:after, .lang_list a:hover:after {
width: 100%;
left: 0;
}
a[href^="tel:"]:after, .conmap a:after, .footer_menu li a:after, .footer_bottom p a:after, .new_contact_left_col a:after, .submit_form:after {
background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(33.33%, #fff), color-stop(0, transparent), color-stop(66.66%, transparent), color-stop(0, #fff), to(#fff)) 100%;
background: -webkit-linear-gradient(left, #fff, #fff 33.33%, transparent 0, transparent 66.66%, #fff 0, #fff) 100%;
background: linear-gradient(90deg, #fff, #fff 33.33%, transparent 0, transparent 66.66%, #fff 0, #fff) 100%;
background-size: 300% 3px;
bottom: -2px;
content: "";
display: block;
height: 0.1pt;
left: 0;
pointer-events: none;
position: absolute;
-webkit-transition: background-position .5s;
transition: background-position .5s;
width: 100%;
padding: 0 0 1px 0;
}
a[href^="tel:"]:hover:after, .conmap a:hover:after, .footer_menu li a:hover:after, .footer_bottom p a:hover:after, .new_contact_left_col a:hover:after, .submit_form:hover:after {
background-position: 0;
}
.top_header a[href^="tel:"]:hover:after, .top_header a[href^="tel:"]:after {
display: none;
}
.open_respmenu .nav_menu li {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.nav_menu ul li:nth-child(1) {
-moz-transition-delay: 50ms,50ms;
-o-transition-delay: 50ms,50ms;
-webkit-transition-delay: 50ms,50ms;
transition-delay: 50ms,50ms;
}
.nav_menu ul li:nth-child(2) {
-moz-transition-delay: .1s,.1s;
-o-transition-delay: .1s,.1s;
-webkit-transition-delay: .1s,.1s;
transition-delay: .1s,.1s;
}
.nav_menu ul li:nth-child(3) {
-moz-transition-delay: .15s,.15s;
-o-transition-delay: .15s,.15s;
-webkit-transition-delay: .15s,.15s;
transition-delay: .15s,.15s;
}
.nav_menu ul li:nth-child(4) {
-moz-transition-delay: .2s,.2s;
-o-transition-delay: .2s,.2s;
-webkit-transition-delay: .2s,.2s;
transition-delay: .2s,.2s;
}
.nav_menu ul li:nth-child(5) {
-moz-transition-delay: .25s,.25s;
-o-transition-delay: .25s,.25s;
-webkit-transition-delay: .25s,.25s;
transition-delay: .25s,.25s;
}
.nav_menu ul li:nth-child(6) {
-moz-transition-delay: .3s,.3s;
-o-transition-delay: .3s,.3s;
-webkit-transition-delay: .3s,.3s;
transition-delay: .3s,.3s;
}
.nav_menu ul li:nth-child(7) {
-moz-transition-delay: .35s,.35s;
-o-transition-delay: .35s,.35s;
-webkit-transition-delay: .35s,.35s;
transition-delay: .35s,.35s;
}
.nav_menu ul li:nth-child(8) {
-moz-transition-delay: .4s,.4s;
-o-transition-delay: .4s,.4s;
-webkit-transition-delay: .4s,.4s;
transition-delay: .4s,.4s;
}
.nav_menu ul li:nth-child(9) {
-moz-transition-delay: .45s,.45s;
-o-transition-delay: .45s,.45s;
-webkit-transition-delay: .45s,.45s;
transition-delay: .45s,.45s;
}
.contact_grid {
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
display: grid;
}
.info {
background-image: url('data:image/svg+xml,');
background-size: 18px 18px;
}
.telephone {
background-image: url('data:image/svg+xml,');
background-size: 18px 18px;
}
.mobile {
background-image: url('data:image/svg+xml,');
background-size: 18px 18px;
}
.email {
background-image: url('data:image/svg+xml,');
background-size: 18px 18px;
}
.conmap {
background-image: url('data:image/svg+xml,');
background-size: 18px 18px;
}
a[href^="tel:"], .conmap a, .footer_menu li a, .footer_bottom p a, .new_contact_left_col a {
text-decoration: none;
color: #ffffff;
position: relative;
}
.new_contact_left {
float: left;
width: 100%;
display: flex;
justify-content: flex-start;
gap: 120px;
}
.new_contact_left ul a {
color: #ffffff;
font-size: 16px;
text-align: left;
text-decoration: none;
}
.contact_icons {
float: left;
width: 100%;
text-align: left;
background-repeat: no-repeat;
background-position: left 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 28px;
margin: 0;
color: #ffffff;
font-size: 16px;
}
.new_contact_left_col_menu p {
float: left;
width: 100%;
text-align: left;
margin: 0;
color: #ffffff;
font-size: 16px;
}
a[href^="tel:"]:hover, a:hover, .conmap a:hover, .footer_menu li a:hover, .footer_bottom p a:hover, .new_contact_left_col a:hover {
color: #fff;
}
.new_contact_left_col, .new_contact_right {
display: flex;
flex-direction: column;
gap: 20px;
}
.inputContainer { position: relative; float: left;}
.formError {
position: absolute;
display: block;
z-index: 1;
cursor: pointer;
}
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none}
.formError .formErrorContent {
position: relative;
z-index: 1;
color: #ff5e5e;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-size: 12px;
padding: 0 0 0 20px;
margin: -11px 0 0 0;
text-align: left;
line-height: 1.4;
}
.greenPopup .formErrorContent { background: #33be40;}
.blackPopup .formErrorContent { background: #393939; color: #fff;}
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative; z-index: 5006;}
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px;}
.formError .formErrorArrow div {font-size: 0px;height: 1px;background: #ffffff;margin: 0 auto;line-height: 0;font-size: 0;display: block;}
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.greenPopup .formErrorArrow div { background: #33be40;}
.blackPopup .formErrorArrow div { background: #393939; color: #fff;}
.formError .formErrorArrow .line10 { width: 15px; border: none;}
.formError .formErrorArrow .line9 { width: 13px; border: none;}
.formError .formErrorArrow .line8 { width: 11px;}
.formError .formErrorArrow .line7 { width: 9px;}
.formError .formErrorArrow .line6 { width: 7px;}
.formError .formErrorArrow .line5 { width: 5px;}
.formError .formErrorArrow .line4 { width: 3px;}
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd;}
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd;}
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd;}
/* styles for formatting form */
div.xmp-form fieldset { margin-bottom: 10px; }
div.xmp-form legend { padding: 0 2px; font-weight: 500; _margin: 0 -7px; /* IE Win */ }
div.xmp-form label { display:block; float:left; width: 120px;text-align: left; margin-right: 5px; }
div.xmp-form fieldset ol { margin: 0; padding: 0; }
div.xmp-form fieldset li { list-style: none; padding: 5px; margin: 0; }
div.xmp-form fieldset fieldset { border: none; margin: 3px 0 0; }
div.xmp-form fieldset fieldset legend { padding: 0 0 5px; font-weight: 300; }
div.xmp-form fieldset fieldset label { display: block; width: auto; }
div.xmp-form em { font-weight: 500; font-style: normal; color: #f00; }
div.xmp-form label { width: 120px; } /* Width of labels */
div.xmp-form fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */
div.xmp-form { width: 390px; font-size: 1.1em; color: #333; }
div.xmp-form legend { padding-left: 0; }
div.xmp-form legend, div.xmp-form label { color: #333; }
div.xmp-form fieldset { border: none; border-top: 1px solid #6FA4D8; background: url([[Portal:HomeDirectory]]Images/xmpform-fieldset.gif) left bottom repeat-x; }
div.xmp-form fieldset fieldset { background: none; }
div.xmp-form fieldset li { padding: 5px 10px 7px; background: url([[Portal:HomeDirectory]]Images/xmpform-divider.gif) left bottom repeat-x; }
/* DNNdev list styles */
#navcontainer {margin-top:8px; border:1px solid #C0C0C0; background-color:#fff8F0; padding:12px; width:750px;}
#navlist {list-style: none; padding: 0; margin: 0; }
#navlist li {display: inline; padding: 0; margin: 0; }
#navlist li:before {content: "| "; }
#navlist li:first-child:before {content: ""; }
* html #navlist li {border-left: 1px solid black; padding: 0 0.4em 0 0.4em; margin: 0 0.4em 0 -0.4em;}
* html #navlist { height: 1%; }
* html #navlist li {display: block; float: left;}
* html #navlist li:first-child { border-left: 0; }
.xmp-HotelContact {
padding: 0!important;
margin: 0;
float: left;
width: 100%;
}
.xmp-HotelContact .xmp-form-row, .xmp-HotelContact .email-tel-country-cont .xmp-form-row, .xmp-HotelContact .email-tel-country-cont .xmp-form-row+.xmp-form-row {
margin: 0;
width: 100%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.xmp-HotelContact .persons-cont .xmp-form-row {
width: 50%;
}
.xmp-HotelContact .persons-cont .xmp-form-row input {
width: 47px!important;
display: inline-block;
float: none;
vertical-align: baseline;
text-align: left;
}
.xmp-HotelContact .xmp-form-row+.xmp-form-row {
width: 50%;
}
.persons-cont {
text-align: left;
float: left;
width: 100%;
}
.email-tel-country-cont {
float: left;
width: 50%;
}
.xmp-HotelContact .persons-cont label.xmp-form-label {
float: none;
display: inline-block;
text-align: left;
margin-right: 6px;
margin-left: 0;
font-size: 15px;
line-height: 16px;
color: #ebebeb;
font-weight: 300;
width: auto;
}
.xmp-HotelContact label.xmp-form-label, .xmp-HotelContact span.xmp-form-label{ display:block; float:left; width: 120px;text-align: left; margin-right: 5px; }
.xmp-HotelContact .xmp-button { margin-right: 5px; }
.xmp-HotelContact label.xmp-form-label, .xmp-HotelContact span.xmp-form-label {
display: block;
float: left;
width: 168px;
text-align: left;
margin-right: 5px;
font-size: 16px;
line-height: 32px;
color: #43535b;
font-weight: 500;
}
.xmp-form-row select {
display: block;
font-size: 16px;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
color: #ebebeb;
line-height: 1;
padding: 0 0 10px 0px;
width: 100%!important;
max-width: 100%;
box-sizing: border-box;
margin: 0 0 20px 0!important;
border-bottom: 1px solid #ebebeb;
border-top: none;
border-right: none;
border-left: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat, repeat;
background-position: right top 50%, 0 0;
background-size: .65em auto, 100%;
cursor: pointer;
background-color: #3d4145;
outline: none;
}
.xmp-form-row input.hasDatepicker {
background-image: url('data:image/svg+xml,');
cursor: pointer;
background-size: 19px 22px;
background-repeat: no-repeat;
background-position: center right;
}
.xmp-form-row input {
float: left;
background-color: #3d4145;
margin: 0 0 20px 0;
font-size: 16px;
padding: 0;
line-height: 38px;
height: 38px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%!important;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
color: #ffffff;
border-bottom: 1px solid #ebebeb;
border-top: none;
border-right: none;
border-left: none;
outline: none;
}
.xmp-form-row textarea {
float: left;
background-color: #3d4145;
line-height: 14px;
font-size: 15px;
margin: 0;
height: 162px!important;
padding: 10px;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%!important;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
color: #ffffff;
border-bottom: 1px solid #ebebeb;
outline: none;
border-right: 1px solid #ebebeb;
}
.xmp-form-row input[type="submit"] {
display: inline-block;
line-height: 17px;
padding: 0;
margin: 14px 0 0 0;
float: left;
border: none;;
height: 32px;
font-size: 15px;
outline: none;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
background: #5b5349;
color: #fff;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
outline: none;
}
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.xmp-form-row input[type="submit"]:hover {
text-decoration: none;
font-weight: 500;
background: #3d4145;
}
.send-btn-container {
position: relative;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ebebeb;
}
::-moz-placeholder { /* Firefox 19+ */
color: #ebebeb;
}
:-ms-input-placeholder { /* IE 10+ */
color: #ebebeb;
}
:-moz-placeholder { /* Firefox 18- */
color: #ebebeb;
}
input::-moz-placeholder {
color: #ebebeb;
}
input:-moz-placeholder {
color: #ebebeb;
}
input[placeholder] { color: #ffffff; }
::-moz-placeholder { color: #ebebeb; } /* firefox 19+ */
input:-moz-placeholder { color: #ffffff; }
::-moz-placeholder {
opacity: 1;
}
select::-ms-expand {
display: none;
}
#txtError {
font-weight: bold!important;
color: white!important;
background-color: #F00;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
line-height: 28px;
font-size: 15px;
padding: 0 10px;
margin: 10px 0 0 0;
border-radius: 4px;
border: 4px solid #fff;
box-shadow: 1px 1px 4px #B9B9B9;
-moz-box-shadow: 1px 1px 4px #B9B9B9;
-webkit-box-shadow: 1px 1px 4px #B9B9B9;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color='#B9B9B9')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color='#B9B9B9');
float: right;
}
.mfp-arrow:active {
margin-top: 0;
}
.formError .formErrorArrowBottom {
top: 0;
left: -10px;
}
.contact-message .xmp-form-row input, .contact-message .xmp-form-row select {
margin: 0 0 38px 0;
}
.contact-message .xmp-form-row textarea {
height: 200px;
width: 400px;
margin: 0 0 24px 0;
height: 158px!important;
}
.form-success {
position: fixed;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(0, 0, 0, 0.72);
left: 0;
top: 0;
cursor:pointer;
}
.form-success h3 {
position: fixed;
top: 50%;
left: 50%;
width: 300px;
margin: -60px 0 0 -175px;
}
.form-success.success-static {
position: static;
background: none;
cursor: default;
width: auto;
height: inherit;
}
.form-success.success-static h3 {
position: static;
width: auto;
margin: 0;
}
.left_form {
padding: 0 20px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.right_form {
padding: 0 0 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.xmp-HotelContact .xmp-form-row.textarea_form {
width: 50%;
padding: 0 0 0 20px;
}
.submit_form {
width: auto;
float: right;
position: relative;
}
.submit_form input {
position: static;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-size: 1em;
font-weight: 600;
float: left;
width: 100%;
height: auto;
color: #fff;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 20px 0 0 0;
background: none;
position: relative;
line-height: 1;
}
.whatsapp {
position: fixed;
bottom: 10px;
left: 7px;
height: 50px;
width: 50px;
border-radius: 50%;
overflow: hidden;
box-shadow: 10px 10px 16px rgba(0,0,0,0.2);
font-size: 28px;
text-align: center;
line-height: 50px;
color: white;
z-index: 999;
background-color: #3d4145;
animation-name: example;
animation-duration: 7s;
}
@keyframes example {
from {background-color: #47C756;}
to {background-color: #3d4145;}
}
.whatsapp:hover {
box-shadow: 2px 2px 11px rgba(0,0,0,0.7);
}
.whatsapp img {
display: inline-block;
}
.viber {
position: fixed;
bottom: 10px;
left: 64px;
height: 50px;
width: 50px;
border-radius: 50%;
overflow: hidden;
box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
font-size: 28px;
text-align: center;
line-height: 50px;
color: white;
z-index: 999;
background: #7360f2;
}
.viber:hover {
box-shadow: 2px 2px 11px rgba(0,0,0,0.7);
}
.viber img {
display: inline-block;
}
.footer_top {
padding: 50px 0;
}
.foot_line {
width: 1px;
height: 100px;
background: #d7d7d7;
display: inline-block;
margin: 0 0 30px 0;
}
.foot_logo {
float: left;
width: 100%;
}
.foot_logo img {
max-width: 280px;
height: auto;
display: block;
margin: 0 auto;
width: 100%;
}
.footer_top .pad_container {
display: inline-block;
}
.foot_menu_cont {
float: left;
width: 100%;
margin: 80px 0;
}
.footer_menu {
display: inline-block;
}
.footer_menu nav {
padding: 0 0 12px 0;
border-bottom: 1px solid #000;
margin: 0 0 12px 0;
display: inline-block;
}
.footer_menu li {
float: left;
margin: 0 40px 0 0;
}
.footer_menu li:last-child {
margin: 0;
}
.footer_menu_bottom {
display: block;
margin: 0 auto;
}
.gnto {
float: left;
color: #ffffff;
}
.footer_menu_bottom_social {
float: right;
}
.footer_menu_bottom_social a {
float: left;
margin: 0 0 0 14px;
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
.footer_menu_bottom_social a:hover {
opacity: 0.45;
}
.footer_menu_bottom_social a:first-child {
margin: 0;
}
.footer_bottom {
float: left;
width: 100%;
background: #3d4145;
padding: 50px 0;
}
.footer_bottom img {
display: block;
margin: 0 auto;
}
.footer_bottom p {
float: left;
width: 100%;
font-size: 14px;
margin: 14px 0 0 0;
color: #fff;
}
.footer_bottom p a {
color: #fff;
}
.footer_bottom p a:hover {
color: #5b5348;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: center;
z-index: 1045;
}
#bookdirecttext {
padding: 40px 40px;
text-align: left;
max-width: 400px;
margin: 40px auto;
position: relative;
background-color: #FFFFFF;
font-family: arial;
line-height: 20px;
font-size: 14px;
border-radius: 4px;
border: 4px solid #5c5349;
}
.mfp-inline-holder .mfp-content p {
text-align: left;
font-size: 15px;
line-height: 22px;
color: #5c5349;
margin: 0 0 0 0;
}
#bookdirecttext p a {
display: inline-block;
position: static;
width: auto;
text-align: left;
font-size: 16px;
line-height: 22px;
color: #1da5da;
margin: 0 0 0 0;
padding: 0;
font-weight: bold;
text-decoration: underline;
height: auto;
}
#bookdirecttext p a:hover, #bookdirecttext p a:focus {
background-color: #f3f3f3!important;
color: #5c5349!important;
}
.mfp-inline-holder .mfp-content #bookdirecttext button.mfp-close {
margin-right: -20px;
margin-top: -20px;
border-radius: 25px;
line-height: 31px;
font-size: 21px;
padding: 0 0 0px 0;
background: #5c5349;
border: solid 3px #f3f3f3;
color: #f3f3f3!important;
}
#privacypolicygeneral {
background: white;
padding: 20px 30px;
text-align: left;
max-width: 768px;
margin: 40px auto;
position: relative;
color: white !important;
background-color: #0A7700;
font-family: arial;
line-height: 20px;
font-size: 14px;
border-radius: 4px;
border: 4px solid #fff;
}
.mfp-inline-holder .mfp-content button.mfp-close {
background: #000000;
margin-right: -20px;
margin-top: -20px;
color: #fff!important;
border-radius: 25px;
line-height: 31px;
font-size: 21px;
padding: 0 0 0px 0;
}
#cookiepolicy {
background: white;
padding: 20px 30px;
text-align: left;
max-width: 768px;
margin: 40px auto;
position: relative;
color: white !important;
background-color: #0A7700;
font-family: arial;
line-height: 20px;
font-size: 14px;
border-radius: 4px;
border: 4px solid #fff;
}
.cookie-message a {
text-decoration: none;
margin: 5px 0 0 0;
display: inline-block;
}
.desklogo {
display: none;
}
body .modalmsg-close {
line-height: 1;
}
body .modalmsgh2 {
font-size: 20px;
}
body .modalmsgp {
font-size: 20px;
}
.accommodation_content_grid {
grid-gap: 20px;
padding: 24px 14px 30px 14px;
}
.slider_section .slick-slide img {
display: none;
}
body .modalmsg {
background-color: rgb(0 0 0 / 80%);
}
body .modalmsg-content {
background: rgb(255 255 255 / 78%);
}
body .modalmsg-span {
font-size: 17px;
}
.lg-outer .lg-toolbar {
background-color: transparent;
z-index: 1080;
}
.espa_banner {
float: left;
margin: 14px 0 0 0;
}
.article_cont .book_direct_link2 {
position: static;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-size: 1em;
font-weight: 500;
float: left;
height: auto;
background-color: #3d4145;
color: #fff;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
text-decoration: none;
margin: 20px 0 0 0;
}
.article_cont .book_direct_link2:hover {
background-color: #a2a2a2;
}
.fullscreen_single_section:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
transition: all .8s cubic-bezier(.5,0,0,1) 0s;
}
.hasScrolled .fullscreen_single_section:after {
background: rgb(0 0 0 / 0%);
}
.full_logo {
position: fixed;
width: 100%;
height: auto;
max-width: 800px;
top: 130px;
left: 48%;
transform: translate(-50%, 0);
transition: all .8s cubic-bezier(.5,0,0,1) 0s;
z-index: 0;
}
.hasScrolled .full_logo {
max-width: 312px;
top: 9px;
z-index: 99999999;
}
.full_logo path, .full_logo polygon, .full_logo rect {
transition: all .8s cubic-bezier(.5,0,0,1) 0s;
}
.hasScrolled .full_logo path, .hasScrolled .full_logo polygon, .hasScrolled .full_logo rect {
fill: #3d4145;
}
.hasScrolled .full_logo path.second_color {
fill: #af956a;
}
.hasScrolled .full_logo path.third_color {
fill: #3d4145;
}
:root {
--swap_color: #fff;
--swap_color_invert: #3d4145;
}
:root.hasScrolled {
--swap_color: #3d4145;
--swap_color_invert: #fff;
}
a[href^="tel:"].header_tel {
display: flex;
}
.new_article {
float: left;
width: 100%;
margin: 100px 0;
}
.new_article_flex {
float: left;
width: 100%;
display: flex;
flex-direction: row;
/* align-items: center; */
gap: 70px;
text-align: left;
line-height: 1.8;
}
.new_article .pad_container, .new_gallery .pad_container, .new_contact .pad_container {
max-width: 1680px;
display: flex;
flex-direction: column;
gap: 100px;
}
.new_article_img, .new_article_txt {
flex-basis: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.new_article_img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.new_article_flex:nth-child(even) {
flex-direction: row-reverse;
}
.lg-backdrop {
z-index: 99999999;
}
.lg-outer {
z-index: 999999999;
}
#lightgallery {
float: left;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 50px;
}
#lightgallery a {
}
#lightgallery a img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
transform: scale(1);
transition: .4s;
display: block;
object-position: center;
}
#lightgallery a img:hover {
transform: scale(0.92);
}
.new_gallery .pad_container, .new_contact .pad_container {
gap: 20px;
text-align: center;
}
.new_gallery .pad_container .subheading {
text-align: center;
}
#lightgallery .col-12:nth-child(n+5) {
display: none;
}
.col-12 {
position: relative;
display: flex;
padding: 0 0 130% 0;
}
.more {
display: inline-flex;
padding: 0;
color: #3d4145;
text-decoration: none;
line-height: 1;
position: relative;
-webkit-transition: 0.1s ease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1s ease-out;
align-items: center;
gap: 8px;
font-size: 19px;
font-weight: 300;
justify-content: center;
margin: 20px auto 0 auto;
cursor: pointer;
background: #fff;
position: relative;
}
.more span, .popup-bottom .mfp-close span {
position: relative;
}
.more span:after, .popup-bottom .mfp-close span:after {
background: -webkit-gradient(linear, left top, right top, color-stop(0, #3d4145), color-stop(33.33%, #3d4145), color-stop(0, transparent), color-stop(66.66%, transparent), color-stop(0, #3d4145), to(#3d4145)) 100%;
background: -webkit-linear-gradient(left, #3d4145, #3d4145 33.33%, transparent 0, transparent 66.66%, #3d4145 0, #3d4145) 100%;
background: linear-gradient(90deg, #3d4145, #3d4145 33.33%, transparent 0, transparent 66.66%, #3d4145 0, #3d4145) 100%;
background-size: 300% 3px;
bottom: -2px;
content: "";
display: block;
height: 1pt;
left: 0;
pointer-events: none;
position: absolute;
-webkit-transition: background-position .5s;
transition: background-position .5s;
width: 100%;
}
.more span:hover:after, .popup-bottom .mfp-close span:hover:after {
background-position: 0;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border: 4px solid #999;
}
.lg-outer .lg-thumb-item {
border: none;
border-radius: 0;
}
.swiper {
float: left;
width: 100%;
}
.swiper-slide {
opacity: 0.5;
transition: opacity 0.5s;
display: flex;
flex-direction: column;
gap: 20px;
width: 470px;
}
.swiper-slide.swiper-slide-active {
opacity: 1;
}
.swiper-button-next {
position: absolute;
top: 50%;
left: calc(50% - -350px);
outline: none;
cursor: pointer;
margin: -50px 0 0 0;
z-index: 2;
}
.swiper-button-prev {
position: absolute;
top: 50%;
left: calc(50% - 350px);
outline: none;
cursor: pointer;
margin: -50px 0 0 0;
z-index: 2;
}
.accommodation_content {
float: left;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px 20px;
}
.new_gallery {
margin: 0px 0 0 0;
}
.swiper-pagination {
background-color: transparent;
margin: 50px auto 0 auto;
padding: 0px;
display: flex;
flex-direction: row;
border-radius: 100px;
overflow: hidden;
justify-content: center;
}
.swiper-pagination-bullet {
-webkit-box-align: center;
align-items: center;
background: transparent;
border-top: 2px solid #ccc;
cursor: pointer;
display: inline-flex;
height: 1px;
-webkit-box-pack: center;
justify-content: center;
padding: 0 0 13px 0;
width: 5.33333rem;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
border-top: 2px solid #000;
}
.mfp-bg {
z-index: 9999999999999;
}
.mfp-wrap {
z-index: 99999999999999;
}
.flex-direction-nav a.flex-next:before {
content: '';
background-image: url('data:image/svg+xml,');
}
.flex-direction-nav a:before {
background-image: url('data:image/svg+xml,');
content: '';
width: 17px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
}
.new_contact {
background: #3d4145;
margin: 80px 0 0 0;
}
.new_contact_grid {
float: left;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin: 100px 0;
}
.subheading_contact, .new_contact_left_col .subheading_contact, .new_contact_right .subheading_contact {
text-align: left;
color: #cacaca;
font-weight: 300;
line-height: 1.5;
font-size: 19px;
text-transform: uppercase;
}
.new_contact_grid_bottom {
float: left;
width: 100%;
display: flex;
flex-direction: column;
gap: 40px;
margin: 0 0 60px 0;
}
.new_contact_grid_bottom p {
text-align: left;
color: #fff;
font-size: 16px;
display: flex;
gap: 5px;
align-items: flex-start;
justify-content: center;
}
.new_contact_grid_bottom p img {
margin: 2px 0px -4px 0;
}
.logo_white {
background-image: url('data:image/svg+xml,');
display: inline-flex;
margin: 0 auto;
justify-content: center;
padding: 0 0 13% 0;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.new_contact_left_col_menu_mob {
display: none;
}
.lg-actions .lg-next, .lg-actions .lg-prev, .lg-sub-html, .lg-toolbar {
background-color: initial;
}
.square {
width: 200px;
height: 200px;
background: teal;
border-radius: 8px;
opacity: 0;
transform: scale(1.2);
}
.popup_content {
padding: 0 0 1px 0;
}
.new_article_video {
position: relative;
overflow: hidden;
padding: 0 0 66% 0;
}
.new_article_video video {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
width: 200%;
}
.img01 {
background-image: url(images/img01.jpg);
background-size: cover;
background-position: center;
padding: 0 0 55% 0;
}
.img02 {
background-image: url(images/img02.jpg);
background-size: cover;
background-position: center;
padding: 0 0 55% 0;
}
@media (prefers-reduced-motion: no-preference) {
.square {
transition: opacity 3.5s ease, transform 3.5s ease;
}
}
.square-transition {
opacity: 1;
transform: none;
}
@media (orientation: landscape) {
.fullscreen_single_section {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image:url(images/full-screen-bg623.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
}
@media (orientation: portrait) {
.fullscreen_single_section {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image:url(images/full-screen-bg-mobile-portrait623.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
}
@media (max-width:1920px){
.new_article .pad_container, .new_gallery .pad_container, .new_contact .pad_container {
max-width: 92%;
display: flex;
flex-direction: column;
/* gap: 100px; */
}
}
@media (max-width:1500px){
body, html {
font-size: 15px;
}
.accommodation_content_grid {
grid-template-columns: 1fr;
}
.pad_container {
padding: 0 20px;
}
.slider_section {
border-bottom: 20px solid #fff;
border-left: 20px solid #fff;
border-right: 20px solid #fff;
}
.accommodation_grid {
grid-gap: 20px;
}
.gallery_cont .blick-slide {
margin: 0 10px;
}
.gallery_cont .blick-list {
margin: 0 -10px;
}
.gallery_cont {
padding: 0 30px;
}
.gallery_cont .blick-prev, .gallery_cont .blick-next {
width: 30px;
}
.nav_menu li a {
font-size: 23px;
}
}
@media (max-width:1200px){
.logo {
max-width: 224px;
padding: 0;
height: auto;
margin: 0 auto;
}
.accommodation_content h2 {
font-size: 1.13em;
}
.top_header {
/* height: 106px; */
/* padding: 10px 0; */
}
.slider_section {
height: calc(100% - 106px);
}
.top_menu_container_inside {
/* height: calc(100% - 106px); */
}
.article_cont h1 {
color: #3d4145;
font-size: 3em;
margin: 0 0 14px 0;
float: left;
width: 100%;
text-align: left;
}
.footer_menu ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.footer_menu li {
float: none;
margin: 0 0 10px 0;
text-align: left;
}
.footer_menu li:nth-child(n+5) {
text-align: right;
}
.footer_menu {
width: 100%;
}
.footer_menu nav {
width: 100%;
margin: 0 0 22px 0;
}
.modalmsg-content {
width: 90%;
}
body .modalmsgp {
font-size: 17px;
}
.white-popup {
padding: 40px 14px;
}
.nav_menu li a {
font-size: 24px;
}
#lightgallery {
gap: 30px;
}
.new_contact_left {
gap: 60px;
flex-direction: column;
}
.new_contact_grid {
grid-template-columns: 1fr 600px;
}
}
@media (max-width:1100px){
.accommodation_grid {
grid-template-columns: 1fr 1fr;
}
.new_article_flex {
gap: 40px;
}
}
@media (max-width:1000px){
.contact_grid {
display: block;
float: left;
width: 100%;
}
.contact_left {
float: left;
width: 100%;
margin: 0 0 40px 0;
}
.contact_left+.contact_left {
margin: 0;
}
.subheading {
font-size: 2.33em;
}
.article_cont h1 {
color: #5c5349;
font-size: 2.33em;
margin: 0 0 14px 0;
float: left;
width: 100%;
text-align: left;
}
.accommodation_grid {
margin: 20px 0 0 0;
}
.gallery_cont {
margin: 10px 0 0 0;
}
.flexholder {
width: 100%;
}
.popup_content {
padding: 0;
position: static;
float: left;
width: 100%;
margin: 20px 0 0 0;
padding: 0 0 1px 0;
}
.popup-bottom {
position: static;
padding: 0 0 1px 0;
width: 100%;
margin: 0;
float: left;
}
.popup_content_grey ul {
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
}
}
@media (max-width:1025px){
.map_cont, .share_cont, .book_direct_link:after {
/* display: none; */
}
.header_grid {
grid-template-columns: 126px 1fr 126px;
}
.book_direct_link {
display: flex;
padding: 0;
color: #fff;
text-decoration: none;
line-height: 1;
position: relative;
-webkit-transition: 0.1sease-out;
-moz-transition: 0.1s ease-out;
-o-transition: 0.1s ease-out;
transition: 0.1sease-out;
font-size: 0;
width: 21px;
height: 24px;
border: none;
gap: 0;
}
.book_direct_link:hover, .hasScrolled .book_direct_link:hover {
color: #3d4145;
background-color: initial;
border-color: initial;
}
.book_direct_link:hover path, .book_direct_link:hover rect {
fill: #ffffff;
}
.hasScrolled .book_direct_link:hover path, .hasScrolled .book_direct_link:hover rect {
fill: #3d4145;
}
.top_header {
height: 90px;
}
.slider_section {
height: calc(100% - 86px);
}
.top_menu_container_inside {
/* height: calc(100% - 86px); */
}
.slider_section {
position: static;
float: left;
margin: 86px 0 0 0;
border: none;
height: auto;
}
.slider_section .slick-slide img {
display: block;
width: 100%;
height: auto;
}
.main_section {
/* position: static; */
top: 100%;
}
.scroll_down {
display: none;
}
.slider_section .slick-prev:before, .slider_section .slick-next:before, .slider_section .slick-prev, .slider_section .slick-next {
width: 15px;
height: 32px;
}
.slider_section .slick-next {
right: 12px;
}
.slider_section .slick-prev {
left: 12px;
}
.overview_article_grid {
display: block;
float: left;
width: 100%;
}
.vert_line {
display: none;
}
.article_cont {
float: left;
width: 100%;
margin: 0 0 40px 0;
}
.general_fac_cont {
float: left;
width: 100%;
}
.subheading {
font-size: 1.4em;
text-align: center;
}
.units {
color: #3d4145;
font-size: 1em;
margin-top: -15px;
margin-left: 0px;
text-align: center;
}
.facilitiessub {
color: #B6AE94;
font-size: 1em;
margin-top: 5px;
margin-left: 9px;
text-align: left;
}
.article_cont h1 {
color: #3d4145;
font-size: 1.8em;
margin: 0 0 14px 0;
float: left;
width: 100%;
text-align: left;
}
.nav_menu li a {
font-size: 32px;
}
.top_menu_container_inside {
left: -100%;
width: 100%;
}
.open_respmenu {
overflow: hidden;
}
.logo {
max-width: 196px;
height: auto;
/* margin: 3px auto; */
}
.fullscreen_single_section {
/* position: static; */
/* height: 0; */
/* padding: 0 0 66% 0; */
height: 100%;
}
.fullscreen_single_section:after {
/* height: 100%; */
/* padding: 0 0 66% 0; */
}
body, html {
/* height: auto; */
}
.full_logo {
max-width: 67%;
}
#lightgallery {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
}
@media (max-width:960px){
.swiper-pagination {
margin: 30px auto 0 auto;
width: 80%;
}
.swiper-button-prev, .swiper-button-next {
display: none;
}
.new_contact_grid {
display: flex;
flex-direction: column;
}
.new_contact_left {
flex-direction: row;
gap: 80px;
}
.hasScrolled .full_logo {
max-width: 204px;
top: 5px;
z-index: 99999999;
}
.hasScrolled .full_logo path {
/* fill: #3d4145; */
}
.hasScrolled .top_header {
height: 60px;
}
.hasScrolled .top_menu_container_inside {
height: calc(100% - 60px);
}
}
@media (max-width:900px){
.new_article_flex, .new_article_flex:nth-child(even) {
flex-direction: column;
}
.new_article .pad_container {
gap: 40px;
}
.new_article {
margin: 40px 0;
}
.img01, .img02 {
padding: 0 0 111% 0;
}
}
@media (max-width:720px){
.accommodation_section {
padding: 50px 0 50px 0;
}
.nav_menu li a {
font-size: 28px;
}
.full_logo {
max-width: 73%;
top: 91px;
}
.header_grid {
justify-items: flex-start;
padding: 0;
display: flex;
flex-direction: row-reverse;
gap: 20px;
}
.header_grid_left {
display: flex;
align-items: center;
flex-flow: initial;
position: relative;
gap: 20px;
flex-direction: row-reverse;
justify-content: flex-start;
flex-basis: 0;
}
.header_grid_right {
display: flex;
justify-content: flex-end;
align-items: center;
flex-flow: initial;
}
.hasScrolled .full_logo {
transform: initial;
left: 20px;
}
.new_contact_grid {
margin: 50px 0;
}
.logo_white {
padding: 0 0 68% 0;
}
}
@media (max-width:650px){
.header_grid {
/* display: block; */
/* float: left; */
/* width: 100%; */
}
.header_grid_left {
/* float: right; */
/* width: auto; */
/* display: block; */
/* margin: 22px 0 0 0; */
}
.header_grid_center {
float: left;
width: auto;
}
.header_grid_right {
/* display: none; */
}
#nav-icon3 {
width: 20px;
}
.lang_cont {
/* margin: 13px 0 0 0; */
}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3), #nav-icon3 span:nth-child(4) {
width: 100%;
}
.hasScrolled #nav-icon3 {
/* margin: 5px 0 0 20px; */
}
.hasScrolled .lang_cont {
/* margin: 8px 0 0 0; */
}
.pad_container {
padding: 0 12px;
}
.right_form {
padding: 0;
}
.left_form {
padding: 0;
}
.nav_menu li a {
font-size: 24px;
}
.popup_content_grey ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.hasScrolled .full_logo {
left: 10px;
}
.top_header {
height: 60px;
}
.fullscreen_single_section:after, .fullscreen_single_section {
/* padding: 0 0 86% 0; */
}
.header_grid_left, .header_grid {
gap: 14px;
}
.lang_list {
left: -40px;
top: 30px;
}
#lightgallery {
gap: 12px;
}
.new_contact_left {
gap: 60px;
flex-direction: column;
}
.xmp-HotelContact .xmp-form-row+.xmp-form-row, .email-tel-country-cont {
width: 100%;
}
.xmp-HotelContact .xmp-form-row.textarea_form {
width: 100%;
padding: 0;
}
.new_contact_left_col_menu {
display: none;
}
.new_contact_left_col_menu.new_contact_left_col_menu_mob {
display: flex;
}
}
@media (max-width:580px){
.desklogo {
float: left;
width: 100%;
border-bottom: 1px solid #3d4145;
padding: 0 0 6px 0;
margin: 0 0 12px 0;
display: block;
}
.desklogo .logo {
display: block;
margin: 6px auto;
max-width: 236px;
padding: 0;
height: auto;
}
.header_grid_center {
display: none;
}
.header_grid_left {
/* float: left; */
/* margin: 0; */
}
#nav-icon3 {
/* float: left; */
/* margin: 6px 20px 0 0; */
}
.lang_cont {
/* margin: 8px 0px 0px -9px; */
}
.header_grid_right {
/* float: right; */
/* display: block; */
/* width: auto; */
/* height: auto; */
}
.top_header {
/* height: 170px; */
/* padding: 6px 0; */
}
.hasScrolled .top_menu_container_inside {
height: calc(100% - 52px);
}
.book_direct_link {
/* position: relative; */
/* width: auto; */
/* font-size: 15px; */
/* height: auto; */
/* padding: 9px 40px 9px 14px; */
/* background-position: center right 10px; */
/* background-size: 19px 21px; */
}
.hasScrolled .desklogo {
display: none;
}
.slider_section {
margin: 162px 0 0 0;
}
.hasScrolled #nav-icon3 {
/* margin: 7px 20px 0 0; */
}
.hasScrolled .lang_cont {
/* margin: 10px 0 0 0; */
}
.hasScrolled .header_grid_right {
margin: 2px 0 0 0;
}
.espa {
position: fixed;
bottom: 30px;
left: 20px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
overflow: hidden;
font-size: 28px;
z-index: 999999999999999;
}
.espa:hover {
box-shadow: 2px 2px 11px rgba(0,0,0,0.7);
}
.espa img {
display: inline-block;
max-width: 150px;
border: 0px;
}
.general_fac_cont ul, .new_article_txt ul {
columns: initial;
-webkit-columns: initial;
-moz-columns: initial;
}
}
@media (max-width:480px){
.xmp-HotelContact .xmp-form-row+.xmp-form-row {
width: 100%;
padding: 0;
}
.full_logo {
max-width: 89%;
top: 75px;
}
.email-tel-country-cont.left_form {
width: 100%;
padding: 0;
}
.xmp-HotelContact .xmp-form-row.textarea_form {
width: 100%;
padding: 0;
margin: 0 0 24px 0;
}
.xmp-HotelContact .persons-cont .xmp-form-row {
width: 100%;
padding: 0;
}
.xmp-HotelContact .persons-cont label.xmp-form-label {
width: 170px;
margin-left: 0;
}
.nav_menu li a {
font-size: 22px;
}
}
@media (max-width:450px){
.hasScrolled .full_logo {
left: 10px;
max-width: 162px;
top: 12px;
}
}
@media (max-width:400px){
.footer_menu ul {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
display: block;
float: left;
width: 100%;
}
.footer_menu li, .footer_menu li:nth-child(n+5) {
text-align: center;
}
.footer_menu nav {
padding: 0 0 22px 0;
}
.gnto {
float: left;
width: 100%;
}
.footer_menu_bottom_social {
width: 100%;
text-align: center;
margin: 20px 0 0 0;
}
.foot_menu_cont {
margin: 50px 0 30px 0;
}
.footer_menu_bottom_social a, .footer_menu_bottom_social a:first-child {
margin: 0 10px;
display: inline-block;
float: none;
}
.popup_content_grey ul {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.espa_banner {
float: none;
margin: 24px auto 6px auto;
}
}
@media (max-width:334px){
.book_direct_link {
background-position: center;
background-size: 19px 21px;
font-size: 0;
/* width: 26px; */
/* height: 24px; */
padding: 0;
}
.header_grid_left, .header_grid {
gap: 10px;
}
}