/*
  Client: Santalahti
  Last modified:  07/05/2018
  Developer: Edream Management
*/

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,700&subset=cyrillic&font-display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i&subset=cyrillic&font-display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Prata&subset=cyrillic&font-display=swap');*/

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-display:swap;
  font-style: italic;
  font-weight: 400;
  src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-display:swap;
  font-style: italic;
  font-weight: 400;
  src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-display:swap;
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-display:swap;
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-display:swap;
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-display:swap;
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-display:swap;
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-display:swap;
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-display:swap;
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-display:swap;
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic */
@font-face {
  font-family: 'Prata';
  font-display:swap;
  font-style: normal;
  font-weight: 400;
  src: local('Prata Regular'), local('Prata-Regular'), url(https://fonts.gstatic.com/s/prata/v9/6xKhdSpbNNCT-sWLCm7JLQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Prata';
  font-display:swap;
  font-style: normal;
  font-weight: 400;
  src: local('Prata Regular'), local('Prata-Regular'), url(https://fonts.gstatic.com/s/prata/v9/6xKhdSpbNNCT-sWPCm4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html { font-size: 10px; }
html, body { height: 100%; }

body {
  background: #fff;
  font-family: 'Montserrat', serif;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #51585d;
  margin: 0;
  padding: 0;
}
body.subpage { padding-top:9rem }

a{
  color: #3470a0;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover, a:focus { color: #000; }

h1, h2, h3, h4, h5, h6 { color: #3470a0;font-weight: 700;text-rendering: optimizeLegibility;text-transform: uppercase; }
h1, h2, h3 { font-weight: normal;text-rendering: optimizeLegibility; }

h1 { font-size: 3.5rem;line-height: 1.6;font-family: 'Prata', serif;letter-spacing: 2px; }
h2 { font-size: 2.8rem;line-height: 1.3;font-family: 'Prata', serif;letter-spacing: 2px; }
h3 { font-size: 2.2rem;line-height: 1.6; }
h4 { font-size: 1.7rem; }
h5 { font-size: 1.5rem; }
p { margin: 1.5rem 0; }

ul { margin:1.5rem 0; }
li { position:relative;margin:.5rem 0;padding:0 0 0 4rem;line-height: 1.3; }
li:before { content: '';width: 13px;height: 1px; background: url(../img/ristkulik.svg) 0 0 no-repeat;/*background: #51585d;*/position: absolute;top: 11px;left: 0; }

::-webkit-scrollbar
{
    width: 12px;
}

::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3); */
    /*border-radius: 10px;*/
    background-color:rgba(52, 112, 160,0.1);
}

::-webkit-scrollbar-thumb
{
    /*border-radius: 10px;*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
    background-color:rgba(52, 112, 160,.4);
}

div.css-181229s { background:linear-gradient(80deg, rgb(52, 112, 160), rgb(52, 112, 160))!important; }
div.css-rzfv98 .wrapper { background-image:linear-gradient(80deg, rgb(52, 112, 160), rgb(52, 112, 160))!important; }
div.chat-application { max-height:500px!important; }

/* --------------------------
  GENERAL
-------------------------- */

/* Grid */
.container { padding-right: 20px;padding-left: 20px;margin-right: auto;margin-left: auto; }
.container:before, .container:after { display: table;content: " "; }
.container:after { clear: both; }

.row { margin-right: -20px;margin-left: -20px; }
.row:before, .row:after { display: table;content: " "; }
.row:after { clear: both; }

[class*="cols_"] { min-height: 1px;padding-left: 20px;padding-right: 20px;position: relative; }
.cols_100 { width:100%; }

.js .animate-this, .js .animate-intro { opacity: 0; }
.oldie .animate-this, .oldie .animate-intro .no-cssanimations .animate-this, .no-cssanimations .animate-intro { opacity: 1; }


.btn, button.btn {
  position: relative;
  background-color: transparent;
  border: 1px solid #2d72a3;
  color: #3470a0;
  display: inline-block;
  outline: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 1.3rem 4rem;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:hover, button.btn:hover { border: 1px solid #2d72a3;background-color: #2d72a3;color:#fff;text-decoration: none; }

.btn.nobutton { padding: 1.5rem 1rem;border:0; }
.btn.nobutton:hover { border: 0;color: #000;background-color: transparent; }

.btn + .btn { margin:1rem }
.btn .icon { font-size:3rem;line-height: 1;vertical-align: middle;margin-right: 1rem; }

.pull-right { float: right }
.pull-left { float: left }
.small { font-size: 1rem }
.text-center { text-align: center; }

.margintop50 { margin-top: 5rem }
/*
.form-group { margin:1.5rem 0; }
.form-control {
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  height:4.4rem;
  line-height: 1.4;
  color: inherit;
  background-color: #f5f5f5;
  background-clip: padding-box;
  border: 1px solid #f5f5f5;
  border-radius: .25rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: 'Montserrat', arial, sans-serif;
}
.form-control:focus { background-color:#cedcec;border:1px solid #cedcec; }
textarea.form-control { height:14rem }*/

.btn,
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
    position: relative;
  background-color: transparent;
  border: 1px solid #2d72a3;
  color: #3470a0;
  display: inline-block;
  outline: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 1.3rem 4rem !important;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover { background-color: #2d72a3;color: #fff;text-decoration: none; }

.gform_wrapper form li, .gform_wrapper li
{
    padding: 8px!important;
    background:none!important;
}
.gform_wrapper form li:before, .gform_wrapper li:before
{
  content:none!important;
}
.form-group { margin:1.5rem 0; }
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.form-control,
.gform_wrapper textarea {
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  height:4.4rem;
  line-height: 1.4;
  color: inherit;
  background-color: #f5f5f5;
  background-clip: padding-box;
  border: 1px solid #f5f5f5;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: 'Montserrat', arial, sans-serif;
}
.form-control:focus,
.gform_wrapper textarea:focus,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus
{ background-color:#cedcec;border:1px solid #cedcec; }
textarea.form-control { height:14rem }

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]
{margin:0!important;}

.gform_wrapper .gsection_title
{
  font-family: 'Montserrat', arial, sans-serif;
}

/* Mobile links */
.mobile_links { position: fixed;bottom: 0;left: 0;right:0;z-index: 999;text-align: center;display: none; }
.mobile_links li { flex-basis: 25%;opacity: .9; margin: 0; padding: 0;}
.mobile_links li:before {content:none;}
.mobile_links a { padding: 10px;min-height: 30px;color: #fff;font-size: 28px;font-weight: normal;line-height: 12px;background-color: #3470a0;text-align: center; height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }
.mobile_links a:hover { background-color: #000;color: #3470a0; }
.mobile_links span { font-size: 10px;text-transform: uppercase; }
.mobile_links .icon { display: block;line-height: 1; margin-bottom: 10px;}
.mobile_links .booking_trigger2, .mobile_links .booking_trigger3 {background-color:#ffc941; color:#000}


/* Submenu */
.subnav_container { position: relative;text-align: center;z-index:11; }
.subnav_container .subnav ul { margin:0;padding:0;border-top:2px solid #f0f3f7; }
.subnav_container .subnav li { position: relative;display:inline-block;margin:0;padding:0 1rem;text-transform: uppercase;font-size: 1.5rem;font-weight: 500; }
.subnav_container .subnav a { display: block;padding:2rem 0;border-bottom:2px solid #fff; }
.subnav_container .subnav li.active a, .subnav_container .subnav a:hover { color:#000;border-bottom:2px solid #000; }
.subnav_container .subnav li:before {content:none;}

/* Submenu mobile */
.mobile_subnav { position: relative;width:100%;display: none;border-top:2px solid #f0f3f7; }
.mobile_subnav ul { position: relative; }
.mobile_subnav ul li { display:block;margin: 0;padding: 0;position: relative; }
.mobile_subnav ul li:before{content:none;}
.mobile_subnav ul a {
  display: block;
  width: 100%;
  padding: 2rem;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}
.mobile_subnav ul a.active { color:#fff;background-color: #3470a0; }
.mobile_subnav ul li ul {
  background: #eee;
  display:none;
  float: left;
  left: 0;
  /*opacity: 0;*/
  /*position: absolute;*/
  top: 100%;
  /*visibility: hidden;*/
  z-index: 1;
  width:100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
  box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
  margin:0 0 20px 0;
}

/*.mobile_subnav ul li:hover ul { opacity: 1;visibility: visible; }*/
.mobile_subnav ul li.active ul { display:block;}
.mobile_subnav ul li ul a { padding: 1rem;display: block;font-size: 1.5rem;background:transparent;color: #3470a0; }
.mobile_subnav ul li ul a:hover { background: #3470a0;color: #fff; }
.mobile_subnav ul a.active i:before {  content: "\f3d8"; }

.lg-close .lg-icon { background:#b20000!important; color:#fff!important; }


/* --------------------------
  HEADER
-------------------------- */

.header_container { position: absolute;top: 0;left:0;right: 0;padding: 3rem;background:transparent;z-index:99;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.header_container.smaller, .subpage .header_container { position: fixed;padding: 2rem;box-shadow:0 0 3rem rgba(0,0,0,.2);background:#3470a0; }

.header_container .logo { width: 189px;height: 129px;margin:30px auto 0;display: block;text-indent: -9000px;background-image: url('../img/logo.png');background-size: 100% auto;background-position: 0 0;background-repeat: no-repeat; }
.header_container .logo:hover { transform: scale(.95); }
.header_container.smaller .logo, .subpage .header_container .logo { width: 50px;height: 50px;margin:0 auto;background-image: url('../img/logo-sign-white.png'); }

/* Lang */
.language { position: absolute;left: 0;top: 80px;background: #555;width: 90px;height: 90px; }
.smaller .language, .subpage .language { top: 0; }

.language ul { position: relative; margin:0;}
.language ul li { display:block;margin: 0;padding: 0;position: relative; }
.language ul li:before { content:none; }
.language ul a {
  /* background-image: url('../img/arrow_down_white.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 24px) 50%;
  background-size: 10px 6px; */
  display: block;
  width: 100%;
  font-size: 14px;
  /* padding: 3rem; */
  padding: 36px 23px;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
  color:#fff;
}
.language ul a:hover, .language ul a:active { color:#000;background-color: #ffc941; }
.language ul li ul {
  background: #ffc941;
  box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
  float: left;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  visibility: hidden;
  z-index: 1;
  width:100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}

.language ul li:hover ul, .language ul li:active ul { opacity: 1;visibility: visible; }
.language ul li ul a { padding: 1rem;display: block;font-size: 1.35rem;font-weight: 700;background:transparent;color: #fff; }
.language ul li ul a:hover { background: #555;color: #ffc941; }

.languages {

  position: absolute;
  left:24px;
  top:80px;
  background-color:transparent;
  /* padding: 5px; */
}
.languages ul { padding: 0;margin:0}
.languages ul li { display:inline-block; padding: 0; margin:0; text-align:center;}
.languages ul li:before { content:none; }
.languages ul li a { color: white; padding: 33px 10px 33px; display:inline-block; width:71px; font-weight: 500 }
.languages ul li a:hover {background-color:#3470a0;}

.smaller .languages,
.subpage .languages { top: 0; }
/* Header social */
/* .header_social { font-size: 3.5rem;position: absolute;top: 95px;left: 130px; } */
.header_social { font-size: 3.5rem;position: absolute;top: 95px;left: 175px; }
.smaller .header_social, .subpage .header_social { top: 20px; }
.header_social ul { margin:0; }
.header_social li { padding-left: 0;display: inline-block;margin-right: 1.5rem; }
.header_social li:before { content:none; }
.header_social li a { color:#fff; }
.header_social li a:hover { color:#ffc941; }

/* Top triggers */
.nav_trigger, .booking_trigger, .booking_trigger4 { position: absolute;top: 80px;right: 0;display: block;width: 90px;height: 90px;padding:2rem 0 0;background: #3470a0;color: #fff;text-align: center;text-transform: uppercase; }
.smaller .nav_trigger, .smaller .booking_trigger, .subpage .nav_trigger, .subpage .booking_trigger, .subpage .booking_trigger4, .smaller .booking_trigger4 { top:0 }
.nav_trigger span, .booking_trigger span, .booking_trigger4 span { display: block;font-size: 11px;font-weight: 700; }
.nav_trigger .icon, .booking_trigger .icon, .booking_trigger4 .icon { font-size: 30px;line-height: 1;height:36px;display: block; }
.booking_trigger, .booking_trigger4 { right: 90px;background: #ffc941; }
.booking_trigger .icon, .booking_trigger4 .icon { font-size: 28px; }

/* Top triggers 2 */

.nav-trigger {
  position: absolute;top: 80px;right: 0;display: block;
  display: flex;
  flex-direction: row;
  margin:0;
}
.nav-trigger li {
  margin:0; padding: 0;
}
.nav-trigger li:before {
  display:none;
}
.nav-trigger .menu{
  background: #3470a0;
}
.nav-trigger .book{
  background: #ffc941;
  color:black!important;
  /* background: #000; */
}
/* .nav-trigger .book:hover{
  background: #ffc941;
  color: #fff!important;
} */
.nav-trigger .menu, .nav-trigger .book { 
  display:block;width: 90px;height: 90px;padding:2rem 0 0;color: #fff;text-align: center;text-transform: uppercase;
}

.nav-trigger .menu:hover, 
.nav-trigger .menu:focus, 
.nav-trigger .book:hover, 
.nav-trigger .book:focus {
  color: #000;
}

.nav-trigger .menu span, .nav-trigger .book span { display: block;font-size: 11px;font-weight: 700; }
.nav-trigger .menu .icon, .nav-trigger .book .icon { font-size: 30px;line-height: 1;height:36px;display: block; }

.nav-trigger ul { display: none; margin:0;padding:0}
.nav-trigger ul li { position: relative;}
.nav-trigger li ul { background: #3470a0; position: absolute; top: auto; left: 0; width:180px;}
.nav-trigger li a.book + ul { background: #ffc941;}
.nav-trigger li:hover ul,
.nav-trigger li.drowpdown-menu-opened ul {
  display: block;
}
.nav-trigger li li a {
  display:block;
  padding:10px 10px 0;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.nav-trigger li li a:last-child {
  padding-bottom: 10px;
}

.nav-trigger li li a:hover {
  color:white;
}

.smaller .nav-trigger,
.subpage .nav-trigger {
  margin:0;
  top: 0;
}

/* --------------------------
  INTRO
--------------------------*/

.intro-wrap { position: relative;height: 100vh;padding:25px; }
.subpage .intro-wrap { height: 250px;padding: 0; }

.intro {
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 2;
  text-align: center;
  box-shadow: 0 0 25px rgba(0,0,0,.3);
}

.intro-inner { display: flex;display: -ms-flex;-ms-flex-direction: row;flex-direction: row;-ms-align-items: center;align-items: center;background: rgba(4, 25, 56, 0.3);height: 100%; }
.intro-inner h2 { margin:1.5rem 0;line-height: 1.4;color:#fff;font-size: 6rem; }
.intro-inner div { flex:1;-ms-flex:1;padding:1.5rem 10rem; }
.intro-left { text-align: right; }
.intro-right { text-align: left;border-left:1px solid rgba(255, 255, 255, 0.5); }

.intro-inner a { color: #ffc941;display: block; }
.intro-inner a:hover { color: #fff; }
.intro-left li { position: relative;font-size: 2.6rem;font-weight: 500;text-transform: uppercase;padding-right:4rem;margin:2rem 0;line-height: 1.4 }
.intro-left li:after { font-family: "Ionicons";content: "\f3d1";font-size:4rem;font-weight: normal;line-height: 1;position: absolute;top:50%;right:0;transform: translate(0,-50%);color: #ffc941; }
.intro-left li:before {content:none;}

/* Scroll down */
.scrolldown { position: absolute;bottom: 55px;left: calc(50% - 13px);width:28px;height:25px; }
.scrolldown img { -webkit-animation: animate-it 3s ease infinite;animation: animate-it 3s ease infinite; }

@-webkit-keyframes animate-it {
  0%, 60%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-5px);
  }
  40% {
    -webkit-transform: translateY(20px);
  }
}
@keyframes animate-it {
  0%, 60%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-5px);
  }
  40% {
    -webkit-transform: translateY(20px);
  }
}




/* --------------------------
  NAVIGATION
--------------------------*/
/*
.overlay_menu {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  display:-webkit-flex;
  display:-ms-flex;
  -ms-flex-direction: row;flex-direction: row;flex-wrap:wrap;-ms-flex-wrap:wrap;
  transform: translateY(-100%);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;
}
.overlay_menu.active { transform: translateY(0);opacity: 1;background: #fff;z-index: 9999; }

.menu_close { position: absolute;top:20px;right:20px;font-size: 4rem;line-height: 1;padding:1rem;z-index:9; }

.menu_block { background: #fff;display: flex;display: -ms-flex;justify-content: flex-start;align-items: flex-end;-ms-justify-content: center;-ms-align-items: flex-end;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;transition: all 0.6s ease-in; }
.menu_block.menu_first { background: #3470a0;flex:2; }
.menu_block.menu_second { background: #ffc941;flex:1; }
.menu_block.menu_third { background: #fff;flex:1; }

.no-cssgrid .menu_block { flex:1;-ms-flex:1;width:33%;-ms-flex-preferred-size: 25%; }
.no-cssgrid .active .menu_block.menu_first { flex:2;-ms-flex:2;width:50%;-ms-flex-preferred-size: 50%; }

.mainmenu, .sidemenu { width: 100%;padding:5rem; }

.menu_block li { font-size: 1.8rem;margin: 0;padding: 0;font-weight: 500; position: static }
.menu_block.menu_first li { font-size: 2rem;text-transform: uppercase;font-family: 'Prata', serif;line-height: 2;color:#aaa; }
.menu_block.menu_first li:before{content:none;}
.menu_block.menu_first .sub-menu li { font-size: 1.8rem;text-transform: none;font-family: 'Montserrat', sans-serif; }
.menu_block.menu_first .sub-menu li:before {content:none;}

.menu_block.menu_first .sub-menu { padding: 0;height: 0;opacity:0;position: absolute;bottom:6rem;left: calc(50% + 5rem);width: 20%;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;-webkit-transition: opacity 0.3s ease-in-out;-ms-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out; }
.menu_block.menu_first .active .sub-menu { opacity:1; height:auto;}

.menu_block a { display: block; }
.menu_first a { color:#fff; }
.menu_first a:hover, .menu_first .active a { color:#000; }
.menu_first .active .sub-menu a { color:#fff; }
.menu_first .active .sub-menu a:hover, .menu_first .active .sub-menu .active a { color:#000; }

.menu_first .trigger_submenu::after { content:'+';position:absolute;left: 2rem; }
.menu_first .active .trigger_submenu::after { content:'-'; }

.menu-extra {
    display: block;
    color: #000;
    position: absolute;
    z-index: 1000;
    font-size: 0.85rem;
    font-weight: bold;
    margin: 0;
    white-space: nowrap;
}
.menu-extra-topleft { top: 2rem;left: 2rem; }
.menu-extra-vert, .menu-extra-vert-mirror { -webkit-writing-mode: vertical-rl;writing-mode: vertical-rl; }
.menu-extra-vert-mirror { transform: rotate(180deg); }
.menu-extra-bottomright { bottom: 2rem;right: 2rem; }

.menu_social { position: absolute;top: 2.5rem;right:70px;z-index: 9; }
.menu_social a { display: inline-block;margin-right: 1.5rem;font-size: 3.5rem; }
.menu_social .icon { line-height: 1 } */

/* --------------------------
    MOBILE NAV
-------------------------- */

.nav_overlay { background-color:#fff; position: fixed;width: 0;top: 0;bottom:0;right:-500px;/*padding:30px 40px 50px 120px;*/opacity:0;z-index: 9999;overflow: auto;box-shadow: 0 0 35px rgba(0,0,0,.2);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease; }
.nav_overlay.active { width: 500px;right:0;opacity:1; }

.overlay_close { position: absolute;right: 20px;top: 6px;font-size: 50px;line-height: 1;z-index:3; }
.menu_close { position: absolute;top:5px;right:20px;font-size: 4rem;line-height: 1;padding:1rem;z-index:9;color:#fff; }

.nav_overlay ul.mobilenav { list-style: none;position: relative;margin:0;padding:25px; background: #3470a0; }
.nav_overlay ul.mobilenav li { display: block;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: relative;text-transform: uppercase;font-size:18px;/*font-family: 'Oswald', arial, sans-serif;*/ margin: 0; padding: .5rem 0 0 4rem; }
.nav_overlay ul.mobilenav li a { padding: 5px;text-decoration: none;display: block; color:#fff; }
.nav_overlay ul.mobilenav li a:hover, .nav_overlay ul.mobilenav li.active a,
.nav_overlay ul.mobilenav li.current_page_item a { color: #000; }
.nav_overlay ul.mobilenav li:before { content:none; }

.nav_overlay ul.mobilenav.btm_nav li { font-size: 13px; }
.nav_overlay ul.mobilenav.btm_nav .icon { font-size: 20px;line-height: 1;vertical-align: middle;margin-right: 5px;width: 25px;display: inline-block; }

.nav_overlay ul.mobilenav.btm_nav.lang_nav { text-align: center;padding:15px 0; border-bottom:1px solid #3470a0; background-color:#fff;}
.nav_overlay ul.mobilenav.btm_nav.lang_nav li { display: inline-block; padding:0; }
.nav_overlay ul.mobilenav.btm_nav.lang_nav li a { padding:10px; color:#3470a0; }

.nav_overlay ul.mobilenav.btm_nav.last { background-color:#fff; }
.nav_overlay ul.mobilenav.btm_nav.last li a {color:#3470a0;}

.nav_overlay h5 { padding: 30px 0 0 45px;margin:0;color:#888;font-size:10px;text-transform: uppercase;text-align: center; }

.nav_overlay ul.mobilenav .sub-menu { display: none; }
.nav_overlay ul.mobilenav .sub-menu li { font-size:15px; }
/*.nav_overlay ul.mobilenav li.menu-item-has-children { padding-left: 20px; }*/
.nav_overlay ul.mobilenav li.current-menu-parent .sub-menu {
    display: block;
}
.nav_overlay ul.mobilenav li.current-menu-item.menu-item-has-children .sub-menu {
    display: block;
}

.nav_overlay ul.mobilenav .menu-item-has-children span,
.nav_overlay ul.mobilenav .current-menu-parent span {
    position: absolute;
    top: 4px;
    left: 14px;
    color: #fff;
    font-size: 33px;
    line-height: 1;
    /*font-family: 'Oswald', sans-serif;*/
    cursor: pointer;
}

.nav_overlay .social-medias
{
  padding-left: 72px;
}
.nav_overlay .social-medias a i
{
  font-size:35px;
  margin-right:10px;
}
li.anchor_trigger a[href*="#"]
{
  color:white!important;
}
/* --------------------------
  BOOKING
--------------------------*/

.booking { position: fixed;z-index: 1001;left: 0;right: 0;top: 0;bottom:0;overflow:auto;background-color: #fff;transform: translateY(-100%);opacity:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.booking.active { transform: translateY(0);opacity:1;background-color: #3470a0;color:#fff; }

.booking-content { position: relative;padding:4rem;display: flex;display: -ms-flex;-ms-align-items: center;align-items: center;justify-content: center;-ms-justify-content: center;-ms-flex-direction: column;flex-direction: column; }
.withbg { padding: 2rem;margin:1rem 0;background: #156090;display: flex;display: -ms-flex;-ms-align-items: center;align-items: center;justify-content: center;-ms-justify-content: center;-ms-flex-direction: column;flex-direction: column; }
.booking-row { padding: 1rem 2rem;display: flex;display: -ms-flex;-ms-flex-direction: row;flex-direction: row;-ms-align-items: center;align-items: center;    flex-wrap: wrap;
  justify-content: center; }
.booking-row-left, .booking-row-right { display: flex;display: -ms-flex;-ms-flex-direction: row;flex-direction: row;-ms-align-items: center;align-items: center; }

.booking-block { padding: 0 3rem;display: flex;display: -ms-flex;-ms-align-items: center;align-items: center; }
.booking-block.dateblock { text-align:center; }

.btmrow .booking-block { padding: 0 1rem; }

.type strong { vertical-align: middle;display: inline-block;margin-left:1rem;font-weight: 400; }
.booking-block span, .booking-block input, .booking-block .persons_qty { position: relative; top:2px;}
.booking-block .persons_qty { padding:2rem 0 }
.booking-block.dateblock input,
.ed-booking-widget .date-block input,
.ed-booking-widget .persons_qty input { font-size:7rem;background: transparent;border: 0;cursor:pointer;border-bottom: 2px solid rgba(255, 255, 255, 0.28);font-weight: 300;max-width:120px;text-align: center;color:#ffc941; }
.booking-block.dateblock input:hover { border-color: #fff; }

.booking-block input.radio:checked + strong{
  color: #ffc941;
}

.booking-block.persons input { font-size:4rem;background: transparent;border: 0;width: 50px;text-align: center;margin-right: 0;color:#ffc941;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.booking-block span { font-size: 1.4rem;margin-left:.5rem;display: block; }
.booking-block.persons span { margin-left:0 }
.booking-block input#campaigncode {color:#156090;}

.qty_less, .qty_more { position: absolute;top:20px;right:-15px;font-size:24px;line-height:20px;width:16px;height:20px;z-index:9;cursor: pointer;text-align: center;color: #eee; }
.qty_less { top:auto;bottom:15px; }
.qty_less:hover, .qty_more:hover { color: #000; }
.qty_less .icon, .qty_more .icon { line-height: 1 }

.booking_close { position: absolute;right: 0;top:0;padding:3rem;font-size: 50px;line-height: 1;text-align: center;display: block;z-index: 9;color:#fff; }
.booking_close:hover { color:#000; }

.booking h2, .booking h3, .booking p { margin:1rem 0;color:#fff;text-align: center; }
.booking h2 { margin:2rem 0 0; }
.booking h2 + p { margin:0 0 1rem; }

.booking p .btn { margin:1rem 0; }
.booking .btn, .booking .btn_dark { border: 1px solid #fff;background-color: transparent;color: #fff; }
.booking .btn_dark,
.ed-booking-block.buttons .btn_dark { border: 1px solid #ffc941;background-color: #ffc941;color: #fff;font-weight: 700; }
.booking .btn.nobutton { border: 0;text-decoration: underline; }
.booking .btn:hover, .booking .btn_dark:hover, .booking .btn.nobutton:hover { border: 1px solid #fff;background-color: #fff;color: #3470a0; }
.booking .btn.nobutton:hover { border: 0;text-decoration: none; }

.booking p a { color:#fff; }
.booking p a:hover { color:#000; }

/* Booking Small Widget */

.ed-booking-widget { 
  background-color: #156090;
  padding: 1.4rem;
  color:#fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.ed-booking-widget .date-block input, .ed-booking-widget .persons_qty input {
  font-size: 5.5rem;
}

.ed-booking-widget.checkoutDisabled {
  flex-wrap:nowrap
}

.ed-booking-widget .date-wrapper,
.ed-booking-widget .person-wrapper,
.ed-booking-widget .button-wrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}

.ed-booking-widget.checkoutDisabled .date-wrapper{
  flex-basis: 25%;
}

.ed-booking-widget.checkoutDisabled .person-wrapper {
  flex-basis: 50%;
}

.ed-booking-widget span:not(.checkout-month,.checkin-month) {
  margin-top: 20px;
}
/* .ed-booking-widget span.checkin-month,
.ed-booking-widget span.checkout-month {
  position: absolute;
  right: 0;
} */

.ed-booking-widget .ed-booking-block { 
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  flex-grow: 1;
}

.ed-booking-widget .ed-booking-block .date-block { 
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ed-booking-widget .persons_qty {
  position: relative;
}
.ed-booking-widget .qty_less { 
  bottom: -10px;
}
.ed-booking-widget .qty_more {
  top: 0;
}

.ed-booking-widget .qty_less,
.ed-booking-widget .qty_more {
  font-size: 45px;
  right:-37px;
  width: auto;
  height: auto;
}

.ed-booking-widget .ed-booking-block.buttons {
  margin-left: 20px;
  flex-shrink: 1;
  justify-content: space-between;
  align-items: stretch;
  color: #000;
}

.ed-booking-widget .ed-booking-block.buttons .btn_dark {
    width: 100%;
}

.ed-booking-widget .ed-booking-block.persons,
.ed-booking-widget .ed-booking-block.children {
  margin-right: 40px;
}

@media screen and (max-width: 1000px) {
  .ed-booking-widget.checkoutDisabled { flex-wrap:wrap }
  .ed-booking-widget .date-wrapper,
  .ed-booking-widget .person-wrapper {
    flex-basis: 50%;
  }
  .ed-booking-widget .button-wrapper {
    margin-top: 20px;
    flex-basis: 100%;
  }
  .ed-booking-widget .ed-booking-block.buttons {
    margin-left: 0;
    flex-direction: row;
  }
  .ed-booking-widget .ed-booking-block.buttons .campaign,
  .ed-booking-widget .ed-booking-block.buttons .button { width: 100%;}
  .ed-booking-widget .ed-booking-block.buttons .campaign {
    margin-right: 10px;
  }
  .ed-booking-widget .ed-booking-block.buttons .button .btn { padding: 1.1rem 1rem!important}
}

@media screen and (max-width: 770px) { 
  .ed-booking-widget {
    max-width: 500px;
    margin: 0 auto;
  }
  .ed-booking-widget .date-block input, .ed-booking-widget .persons_qty input {
    max-width:100px;
  }
  .ed-booking-widget .qty_less, .ed-booking-widget .qty_more { font-size: 30px;
    right: -25px;
  }
  .ed-booking-widget span { margin: 10px 0 20px;}
  .ed-booking-widget .button-wrapper { margin-top: 10px;}
}
@media screen and (max-width: 450px) { 
  .ed-booking-widget .ed-booking-block.buttons {
    flex-direction: column;
  }
  .ed-booking-widget span { margin: 10px 0 10px;}
}
@media screen and (max-width: 350px) { 
  .ed-booking-widget { padding: 1rem; }
  .ed-booking-widget .date-block input, .ed-booking-widget .persons_qty input { 
    font-size: 4rem;
    max-width: 60px;
  }
  .ed-booking-widget span { margin: 5px 0 10px; font-size: 10px;}
  .ed-booking-block.children { margin-right: 20px!important;}
  /*.ed-booking-widget .date-block input,
  .ed-booking-widget .persons_qty input {
    font-size: 4rem;
    max-width: 90px;
  }*/
  
  /* .ed-booking-widget .date-wrapper, .ed-booking-widget .person-wrapper, .ed-booking-widget .button-wrapper,
  .ed-booking-widget.checkoutDisabled .date-wrapper {
    flex-direction: column;
    flex-basis: 100%;
  } */
}

/* --------------------------
  HOME BLOCKS
--------------------------*/

.content-block { position: relative;z-index: 9;margin:2rem 0; }
.search-block {margin: 9rem 0;}

.content-block.first { margin:25px 0; }
.content-block.border-block { padding: 7rem;border: 3px solid #f0f3f7; }
.content-block.text-block { padding: 3rem 15%;margin: 0; }
.content-block.title-block { padding: 5rem 0;margin: 0;text-align: center; }

.content-block.title-block h1 { padding: 0 10rem;margin: 0; }
.search-block ul li {margin-top:20px;}
.search-block ul li:before{ top: 17px;}

.middle-big-title { text-align: center; }
.middle-big-title h3 { position: relative;padding:5rem 0 0; }
.middle-big-title h3:before { content:'';width:40px;height:1px;background:#a9bbca;position:absolute;top:2.5rem;left:50%;transform: translate(-50%,0); }
.middle-big-title p { position: relative;padding:1rem 0; }
.middle-big-title p:last-child {margin-bottom:0; padding-bottom:0;}

.middle-big-title.left { text-align: left; }
.middle-big-title.left h3:before { left:0;transform:none; }

.block-title { position: relative;padding:40px 0 0 110px;margin:0 0 25px;font-size: 1.75rem;letter-spacing: 2px;text-transform: uppercase;color:#545454; }
.block-title:before { content:'';width:90px;height:1px;background:#ccc;position:absolute;top:48px;left:0; }

.btn-after { margin: 25px 90px; }

.amenities { text-align: center;margin:2rem 0; }
.amenities li { display: inline-block;padding:15px;font-size: 3rem;color:#82909a; }
.amenities li:before { content:none; }
.amenities li span { display: block;font-size:1.25rem;text-transform: uppercase; }

.flex-box { width:100%;display: flex;display:-webkit-flex;display:-ms-flex;-ms-flex-direction: row;flex-direction: row;flex-wrap:wrap;-ms-flex-wrap:wrap; }
.flex-box + .flex-box { margin-top:25px }
.flex-box + .flex-box.accommodation_boxes { margin-top:1px }

.flex-box.features { padding:0 4rem; }

.flex-box-box {
  position: relative;
  background-color: #fff;
  min-height: 550px;
  min-height:55vh;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  -webkit-flex: 1;-ms-flex: 1;flex: 1;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  justify-content: center;
  -ms-justify-content: center;
  border-right: 1px solid #fff;
}
.flex-box-box.overlay:before
{
  position: absolute;
  width: 100%; 
  height: 100%; 
  background-color: rgba(0,0,0,0.4); 
  content:'';
  left:0;top:0;
  z-index: 1;
}
.flex-box-box img
{
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit:cover;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    top:0;
    left:0;
}
.flex-box-box:last-child { border: 0 }
.bigbox .flex-box-box { overflow: hidden;box-shadow: 0 0 25px rgba(0,0,0,.2);margin:0 90px;min-height:70vh; }
.hastext { background:transparent;padding: 0 25px; }
.textaside .flex-box-box { max-width: 50%;border:0; }
.features .flex-box-box { max-width: 33%;background:transparent;border:0;padding:5rem;-ms-flex-preferred-size:33%;min-height:auto; }
.features .flex-box-box:nth-child(2) { background:#f0f3f7; }
.accommodation_boxes .flex-box-box { min-height:40vh; }

.flex-box-content { width:100%;height: 100%;padding:0 5rem;justify-content: center;-ms-justify-content: center;display: flex;display:-webkit-flex;display:-ms-flex;align-items: center;-ms-align-items: center;color:#fff; z-index: 100000; position: relative;}
.bigbox .flex-box-content { /*height: calc(100% - 60px);*/height: 65vh;padding:0 7rem 60px 50%;background:rgba(56, 49, 49, 0.23);justify-content: flex-end;align-items: flex-start;flex-wrap: wrap;flex-direction: column;color:#fff;-ms-justify-content: flex-end;-ms-align-items: flex-start;-ms-flex-wrap: wrap;-ms-flex-direction: column; }
.textaside .hastext .flex-box-content { padding:3rem 7rem;background:transparent;color:inherit;align-items: flex-start;flex-wrap: wrap;flex-direction: column;-ms-align-items: flex-start;-ms-flex-wrap: wrap;-ms-flex-direction: column;border:1px solid #d4e0ea; }
.hasoffers .flex-box-content { background-color: #ecf1f4; }
.features .flex-box-content { color:inherit;background:transparent;padding: 0;flex-direction: column;justify-content: flex-start;align-items: flex-start;-ms-flex-direction: column;-ms-justify-content: flex-start;-ms-align-items: flex-start; }

.flex-box-content h2 { position: relative;color:#fff;font-size: 3.5rem;flex:1;-ms-flex:1;text-align: right;border-right:1px solid rgba(255, 255, 255, 0.5);padding:3rem 3.5rem 3rem 3rem; }
.flex-box-content h2 em { font-size:1.75rem;font-family: 'Montserrat', sans-serif;font-weight: 500;font-style: normal; }
.flex-box-content h2 a { color:#fff }
.flex-box-content h2 a:hover { color:#ffc941 }
.flex-box-content ul { padding:3rem 3rem 3rem 5rem;flex:1;-ms-flex:1; margin:0;}
.flex-box-content ul li { position: relative;font-size: 1.8rem;margin:.7rem 0;font-weight: 500; padding:0;}
.flex-box-content ul li:before{content:none;}
.flex-box-content ul.special li a:after { font-family: "Ionicons";content: "\f3d1";font-size:15px;font-weight: normal;line-height: 1;position: absolute;top:50%;right:-15px;transform: translate(0,-50%);color: #ffc941; }
.flex-box-content ul.special li a:hover:after { color:#fff; }
.flex-box-content ul a { display: inline-block;color:#ffc941;font-weight: 500; position: relative; text-transform: uppercase;}
.flex-box-content ul a:hover { color:#fff }
.flex-box-content .btn { margin:2rem 0; }
.flex-box-content p { width: 100%; margin:0.5rem 0; }

.bigbox .flex-box-content h2 { flex:none;-ms-flex:none;text-align: left;border:0;padding:3rem 0;color:#fff; }
.bigbox .flex-box-content h2:before { content: '';width: 60px;height: 1px;background: #fff;position: absolute;bottom: 40%;left: -85px; }
.bigbox .flex-box-content .btn { margin:2rem 0;color:#ffc941 }
.bigbox .flex-box-content .btn:hover {color:#fff;}

.textaside .hastext .flex-box-content h2 { color:#3470a0;text-align: left;border:0;padding:3rem 0;flex:none;-ms-flex:none; }
.textaside .hastext .flex-box-content h2 em { color:#51585d; }
.textaside .hastext .flex-box-content ul { padding:0.5rem 0; flex:none;}
.textaside .hastext .flex-box-content ul li { font-size: 1.6rem;padding-left: 4rem; }
.textaside .hastext .flex-box-content ul li:before { content: '';width: 1.3rem;height: 1px;background: #51585d;position: absolute;top: 11px;left: 0; }
.textaside .hastext .flex-box-content ul a { color:#3470a0 }
.textaside .hastext .flex-box-content ul a:hover { color:#000 }

.twobuttons { display: flex;display:-webkit-flex;display:-ms-flex;-ms-flex-direction: row;flex-direction: row;width: 100%; }
.flex-box-content .twobuttons .btn { margin-right:1rem }

.features .flex-box-content p { padding:2rem 0; margin:0; }

.features .flex-box-content ul { padding:2rem 0;flex:none;-ms-flex:none;width:100%; }
.features .flex-box-content ul li { font-size: 1.7rem;padding-left: 4rem;font-weight: 400; }
.features .flex-box-content ul li:before { content: '';width: 13px;height: 1px; background: url(../img/ristkulik.svg) 0 0 no-repeat;/*background: #51585d;*/position: absolute;top: 11px;left: 0; }.features .flex-box-content ul a { color:#3470a0; font-weight:400;}
.features .flex-box-content ul a:hover { color:#000 }

.textaside .hastext .flex-box-content .amenities { text-align: center;margin:1rem 0;width:100%; }
.textaside .hastext .flex-box-content .amenities li { display: inline-block;padding:15px;font-size: 3rem;color:#82909a; }
.textaside .hastext .flex-box-content .amenities li:before { content: none;width: 0;height: 0; }

.textaside .hastext .amenities li span { display: block;font-size:1.25rem;text-transform: uppercase; }

.arrow-down { position: absolute;left:calc(50% - 13px);bottom:90px;z-index: 9;width:26px; }


/* SLAIDER */
.swiper-container { width: 100%;height: 100%; }
.swiper-wrapper { height:auto;flex-direction: row;-ms-flex-direction: row; }
.swiper-slide {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.bigslider .swiper-wrapper { height:100%; }

.bigslider .swiper-button-next { right:auto;left:10rem;top:auto;bottom:6rem; }
.bigslider .swiper-button-prev { left:6rem;top:auto;bottom:6rem; }

.bigslider .swiper-pagination-bullets
{
    bottom: 10px;
    left: 0;
    width: 100%;
}

.bigslider .swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 4px;
    opacity:.5;
    width: 12px;
    height: 12px;
}
.bigslider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background: #fff;
}
.bigslider .controls,
.home-grid-wrapper .controls{
  position:absolute;
  display:flex;
  justify-content: center;
  align-items: center;
  width: 100%;height:100%;
  z-index:100001;
}
.home-grid-wrapper .controls{
  top:0;left:0; width:60%; height:100%;
}
.bigslider .controls .play,
.home-grid-wrapper .controls .play {
  border-radius:100px;
  border:3px solid white;
  text-indent:-9999px;
  width:150px;height:150px;
  position: relative;
  cursor: pointer;
}
.bigslider .controls .play:before,
.home-grid-wrapper .controls .play:before
{
  position: absolute;
  top:35px;left:45px;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 40px 80px;
  border-color: transparent transparent transparent #fff;
}

.swiper-lightgallery .swiper-button-next,
.swiper-lightgallery .swiper-button-prev,
.bigslider .swiper-button-next,
.bigslider .swiper-button-prev {
    background-image: url(../img/arrow_right.svg);
    background-size:27px auto;
}
.swiper-lightgallery .swiper-button-prev,
.bigslider .swiper-button-prev { transform: rotate(180deg); }

.swiper-lightgallery { height:85vh; z-index:-1; position:absolute; top:0; left:0; opacity:0; 
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.swiper-lightgallery .swiper-wrapper { height:100%; }

.swiper-lightgallery.swiper-slider-active{ z-index:20; opacity:1; position:relative;}

/* Home Swiper slider */
.top_slider_content { text-align:center;color:#fff;background: #000; position: relative;}
.top_slider_content .swiper-container { width: 100%;height: 100vh; }
.top_slider_content .swiper-wrapper {height:100%;}
.top_slider_content .swiper-slide {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      background-size:cover;background-position:center;background-repeat:no-repeat;
}

.top_slider_content .swiper-slide img
{
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    -o-object-fit: cover;
    width: 100%; 
    max-width: 1000%; 
    min-height: 100%; 
    min-width: 100%; 
    /*min-width: 100vw; */
}
.top_slider_content .swiper-slide .gradient {
    height: 100%;
    align-items: center;
    display: flex;
    background: rgba(0,0,0,.3);
    width:100%;
    padding:0 15%;
}
.top_slider_content .swiper-slide .gradient .slider_content {
    width: 100%;
}
.top_slider_content .intro
{
  background:none;
  position:absolute;
}

.swiper-button-close{
  position:absolute;
  z-index:5;
  top:0; right:0;
  cursor:pointer;
}

.swiper-button-close i
{
  padding:0 20px;
  color:#fff;
  font-size:3.5rem;
}

/* Offers slider */
.offers .swiper-container { max-width: 65%; }
.offers .swiper-slide { flex-wrap: wrap;align-items: flex-start;align-content: flex-start;-ms-flex-wrap: wrap;-ms-align-items: flex-start;-ms-align-content: flex-start;background-color: #d4e0ea;height:auto;transition: all 0.4s ease; }

.offers .swiper-slide a { display: block;flex: 1;-ms-flex: 1; }
.offers .swiper-slide img { transition: all 0.4s ease; width:100%; }
.offers .swiper-slide img:hover { filter: grayscale(100%); }
.offers .swiper-slide h3 { position: absolute;top:2rem;left:3rem;z-index: 3;color:#fff;font-weight: 700;font-size: 1.5rem; }
.offers .offers-content { padding: 2rem 3rem 3rem;/*border: 3px solid #e8eef3;*/ }
.offers .offers-content h2 { margin: 1.5rem 0;font-size: 1.8rem; }
.offers .offers-content p { margin: 1.5rem 0;font-size: 1.5rem; }
.offers .offers-content .btn { margin-top:1rem;font-size:1.35rem;/*flex: 1;-ms-flex: 1*/;padding:1rem; width:40%; display:inline-block;}
.offers .offers-content .btn + .btn { margin:1rem 0 0; }

.offers .swiper-button-next { right:15px; }
.offers .swiper-button-prev { left:15px; }
.offers .swiper-button-next,
.offers .swiper-button-prev {
    background-image: url(../img/arrow_right_blue.svg);
    background-size:21px auto;
    transform:scale(3);
    outline: none;
}
.offers .swiper-button-prev { transform: rotate(180deg) scale(3); }

/* Offers slider */
.offers-list { display:flex;flex-wrap: wrap;-ms-flex-wrap: wrap;flex-direction: row;-ms-flex-direction: row;justify-content: center;-ms-justify-content: center }
.offers-list .swiper-slide { flex-wrap: wrap;align-items: flex-start;align-content: flex-start;-ms-flex-wrap: wrap;-ms-align-items: flex-start;-ms-align-content: flex-start;background-color: #fff;height:auto;transition: all 0.4s ease;max-width:33%;padding:10px }
.offers-list .offers-slide-wrapper { background-color: #d4e0ea; height:100%; }
.offers-list .swiper-slide a { display: block;flex: 1;-ms-flex: 1; }
.offers-list .swiper-slide img { transition: all 0.4s ease; width:100%; }
.offers-list .swiper-slide img:hover { filter: grayscale(100%); }
.offers-list .swiper-slide h3 { position: absolute;top:2rem;left:3rem;z-index: 3;color:#fff;font-weight: 700;font-size: 1.5rem; }
.offers-list .offers-content { padding: 2rem 3rem 3rem; /*border: 3px solid #e8eef3;*/ }
.offers-list .offers-content h2 { margin: 1.5rem 0;font-size: 1.8rem; }
.offers-list .offers-content p { margin: 1.5rem 0;font-size: 1.5rem; }
.offers-list .offers-content .btn { margin-top:1rem;font-size:1.35rem;padding:1rem; display:inline-block;}
.offers-list .offers-content .btn + .btn { margin:1rem 0 0; }


/* Home activities */
.home-grid-wrapper { position: relative;z-index: 9;margin:0 25px; }
.home-grid { min-height: 75vh;display: grid;grid-gap: 1px;grid-template-columns: calc(20% - 1px) calc(60% - 1px) calc(20% - 1px) }
.home-grid img { 
  position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%; 
    top:0;
    left:0;
}
.no-cssgrid .home-grid { width:100%;display: flex;display:-webkit-flex;display:-ms-flex;-ms-flex-direction: row;flex-direction: row;flex-wrap:wrap;-ms-flex-wrap:wrap; }

.home-grid.lg-swiper-wrapper img
{
  display:none;
}
.box {
  position: relative;
  background-color: #002f67;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.no-cssgrid .box {
  -webkit-flex: 1;-ms-flex: 1;flex: 1;
  -webkit-flex-basis: calc(33% - 24px);
  -ms-flex-preferred-size: calc(33% - 24px);
  flex-basis: calc(33% - 24px);
  max-width: calc(33% - 24px);
  margin: 20px 12px;
  min-height:250px;
}
.no-cssgrid .box2 {
  -webkit-flex-basis: calc(100% - 24px);
  -ms-flex-preferred-size: calc(100% - 24px);
  flex-basis: calc(100% - 24px);
  max-width: calc(100% - 24px);
  min-height:450px;
}


.box-content { justify-content: center;display: flex;align-items: center;-ms-display: flex;-ms-align-items: center;color:#fff;background-color: rgba(0, 0, 0, 0.4);height: 100%; -moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

/*.box-content-inner:before,*/
.box-big .box-content:before,
.box:not(.box-big) .box-content-inner:before
{
  position: absolute;
  width: 100%; 
  height: 100%; 
  background-color: rgba(0,0,0,0.4); 
  content:'';
  left:0;top:0;
  z-index: 1;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.box-big .box-content:hover:before,
.box:not(.box-big) .box-content-inner:hover:before
{ 
  background-color: rgba(0,0,0,0.6); 
}
.box-big .box-content { padding:20px;background-color: rgba(0, 0, 0, 0.4); }
.box-content:hover { background-color: rgba(0, 0, 0, 0.6); }

.box-content-inner { width:100%;justify-content: center;display: flex;align-items: center;-ms-display: flex;-ms-align-items: center;padding:20px;height: 100%;color:#fff;flex-direction: column;-ms-flex-direction: column; position: relative; z-index: 1;}
.box-content-inner h3 { font-weight:500;color:#ffc941;font-size: 18px; position: relative; z-index: 1;}
.box-content-inner h3:after {
    font-family: "Ionicons";
    content: "\f3d1";
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translate(0,-50%);
    color: #ffc941;
}
.box-content-inner h2 { color:#fff;font-size: 4rem;padding:3rem 0; }
.box-content-inner h2 em { font-size:1.75rem;font-family: 'Montserrat', serif;font-weight: 500;font-style: normal; }
.box-content-inner .btn { margin:2rem 0; color:#ffc941; }
.box-content-inner .btn:hover { color:#fff; }
.box-content-inner p { font-weight:500;width: 100%; }
.box-content-inner:hover { color:#fff }

.box-big .box-content-inner { padding:0 25% 3rem 6rem;border:1px solid rgba(255, 255, 255, 0.35);align-items: flex-start;justify-content: flex-end;-ms-align-items: flex-start;-ms-justify-content: flex-end; }

.box1-1 { grid-column: 1;grid-row: 1; }
.box1-2 { grid-column: 1;grid-row: 2; }
.box1-3 { grid-column: 1;grid-row: 3; }
.box1-4 { grid-column: 1;grid-row: 4; }
.box1-5 { grid-column: 1;grid-row: 5; }
.box1-6 { grid-column: 1;grid-row: 6; }
.box1-7 { grid-column: 1;grid-row: 7; }
.box2 { grid-column: 2; grid-row: 1 / 4; }
.box3-1 { grid-column: 3;grid-row: 1; }
.box3-2 { grid-column: 3;grid-row: 2; }
.box3-3 { grid-column: 3;grid-row: 3; }
.box3-4 { grid-column: 3;grid-row: 4; }
.box3-5 { grid-column: 3;grid-row: 5; }
.box3-6 { grid-column: 3;grid-row: 6; }
.box3-7 { grid-column: 3;grid-row: 7; }

.grid-4-side .box2 { grid-column: 2;grid-row: 1 / 5; }
.grid-5-side .box2 { grid-column: 2;grid-row: 1 / 6; }
.grid-6-side .box2 { grid-column: 2;grid-row: 1 / 7; }
.grid-7-side .box2 { grid-column: 2;grid-row: 1 / 8; }

.home-grid.grid-4-side { min-height: 100vh;}
.home-grid.grid-5-side { min-height: 125vh;}
.home-grid.grid-6-side { min-height: 150vh;}
.home-grid.grid-7-side { min-height: 175vh;}

@media only screen and (max-width: 1100px) {
  .home-grid.grid-4-side { min-height: 85vh;}
  .home-grid.grid-5-side { min-height: 95vh;}
  .home-grid.grid-6-side { min-height: 105vh;}
  .home-grid.grid-7-side { min-height: 115vh;}
}

@media only screen and (max-width: 750px) {
  .home-grid.grid-3-side,
  .home-grid.grid-4-side,
  .home-grid.grid-5-side,
  .home-grid.grid-6-side,
  .home-grid.grid-7-side {
    grid-template-columns: 
      calc(calc(100% / 12) - 1px) 
      calc(calc(100% / 12) - 1px) 
      calc(calc(100% / 12) - 1px) 
      calc(calc(100% / 12) - 1px)
      calc(calc(100% / 12) - 1px) 
      calc(calc(100% / 12) - 1px)
      calc(calc(100% / 12) - 1px)
      calc(calc(100% / 12) - 1px) 
      calc(calc(100% / 12) - 1px) 
      calc(calc(100% / 12) - 1px) 
      calc(calc(100% / 12) - 1px) 
      calc(calc(100% / 12) - 1px);
  }

  /* grid 3/side */
  .home-grid.grid-3-side .box1-1 {
    grid-column: 1/5;
    grid-row: 1;
  }
  .home-grid.grid-3-side .box1-2 {
    grid-column: 5/9;
    grid-row: 1;
  }
  .home-grid.grid-3-side .box1-3 {
    grid-column: 9/13;
    grid-row: 1;
  }
  .home-grid.grid-3-side .box2 {
    grid-column: 1/13;
    grid-row: 2;
  }
  .home-grid.grid-3-side .box3-1 {
    grid-column: 1/5;
    grid-row: 3;
  }
  .home-grid.grid-3-side .box3-2 {
    grid-column: 5/9;
    grid-row: 3;
  }
  .home-grid.grid-3-side .box3-3 {
    grid-column: 9/13;
    grid-row: 3;
  }

  /* grid 4/side */
  .home-grid.grid-4-side .box1-1 {
    grid-column: 1/7;
    grid-row: 1;
  }
  .home-grid.grid-4-side .box1-2 {
    grid-column: 7/13;
    grid-row: 1;
  }
  .home-grid.grid-4-side .box1-3 {
    grid-column: 1/7;
    grid-row: 2;
  }
  .home-grid.grid-4-side .box1-4 {
    grid-column: 7/13;
    grid-row: 2;
  }
  .home-grid.grid-4-side .box2 {
    grid-column: 1/13;
    grid-row: 3;
  }
  .home-grid.grid-4-side .box3-1 {
    grid-column: 1/7;
    grid-row: 4;
  }
  .home-grid.grid-4-side .box3-2 {
    grid-column: 7/13;
    grid-row: 4;
  }
  .home-grid.grid-4-side .box3-3 {
    grid-column: 1/7;
    grid-row: 5;
  }
  .home-grid.grid-4-side .box3-4 {
    grid-column: 7/13;
    grid-row: 5;
  }

  /* grid 5/side */
  .home-grid.grid-5-side .box1-1 {
      grid-column: 1/7;
      grid-row: 1;
  }
  .home-grid.grid-5-side .box1-2 {
    grid-column: 7/13;
    grid-row: 1;
  }
  .home-grid.grid-5-side .box1-3 {
    grid-column: 1/5;
    grid-row: 2;
  }
  .home-grid.grid-5-side .box1-4 {
    grid-column: 5/9;
    grid-row: 2;
  }
  .home-grid.grid-5-side .box1-5 {
    grid-column: 9/13;
    grid-row: 2;
  }
  .home-grid.grid-5-side .box2 {
    grid-column: 1/13;
    grid-row: 3;
  }
  .home-grid.grid-5-side .box3-1 {
    grid-column: 1/7;
    grid-row: 4;
  }
  .home-grid.grid-5-side .box3-2 {
    grid-column: 7/13;
    grid-row: 4;
  }
  .home-grid.grid-5-side .box3-3 {
    grid-column: 1/5;
    grid-row: 5;
  }
  .home-grid.grid-5-side .box3-4 {
    grid-column: 5/9;
    grid-row: 5;
  }
  .home-grid.grid-5-side .box3-5 {
    grid-column: 9/13;
    grid-row: 5;
  }
  /* grid 6/side */
  .home-grid.grid-6-side .box1-1 {
    grid-column: 1/5;
    grid-row: 1;
  }
  .home-grid.grid-6-side .box1-2 {
    grid-column: 5/9;
    grid-row: 1;
  }
  .home-grid.grid-6-side .box1-3 {
    grid-column: 9/13;
    grid-row: 1;
  }
  .home-grid.grid-6-side .box1-4 {
    grid-column: 1/5;
    grid-row: 2;
  }
  .home-grid.grid-6-side .box1-5 {
    grid-column: 5/9;
    grid-row: 2;
  }
  .home-grid.grid-6-side .box1-6 {
    grid-column: 9/13;
    grid-row: 2;
  }
  .home-grid.grid-6-side .box2 {
    grid-column: 1/13;
    grid-row: 3;
  }
  .home-grid.grid-6-side .box3-1 {
    grid-column: 1/5;
    grid-row: 4;
  }
  .home-grid.grid-6-side .box3-2 {
    grid-column: 5/9;
    grid-row: 4;
  }
  .home-grid.grid-6-side .box3-3 {
    grid-column: 9/13;
    grid-row: 4;
  }
  .home-grid.grid-6-side .box3-4 {
    grid-column: 1/5;
    grid-row: 5;
  }
  .home-grid.grid-6-side .box3-5 {
    grid-column: 5/9;
    grid-row: 5;
  }
  .home-grid.grid-6-side .box3-6 {
    grid-column: 9/13;
    grid-row: 5;
  }

  /* grid 6/side */
  .home-grid.grid-7-side .box1-1 {
    grid-column: 1/5;
    grid-row: 1;
  }
  .home-grid.grid-7-side .box1-2 {
    grid-column: 5/9;
    grid-row: 1;
  }
  .home-grid.grid-7-side .box1-3 {
    grid-column: 9/13;
    grid-row: 1;
  }
  .home-grid.grid-7-side .box1-4 {
    grid-column: 1/5;
    grid-row: 2;
  }
  .home-grid.grid-7-side .box1-5 {
    grid-column: 5/9;
    grid-row: 2;
  }
  .home-grid.grid-7-side .box1-6 {
    grid-column: 9/13;
    grid-row: 2;
  }
  .home-grid.grid-7-side .box1-7 {
    grid-column: 1/7;
    grid-row: 3;
  }
  .home-grid.grid-7-side .box2 {
    grid-column: 1/13;
    grid-row: 4;
  }
  .home-grid.grid-7-side .box3-1 {
    grid-column: 7/13;
    grid-row: 3;
  }
  .home-grid.grid-7-side .box3-2 {
    grid-column: 1/5;
    grid-row: 5;
  }
  .home-grid.grid-7-side .box3-3 {
    grid-column: 5/9;
    grid-row: 5;
  }
  .home-grid.grid-7-side .box3-4 {
    grid-column: 9/13;
    grid-row: 5;
  }
  .home-grid.grid-7-side .box3-5 {
    grid-column: 1/5;
    grid-row: 6;
  }
  .home-grid.grid-7-side .box3-6 {
    grid-column: 5/9;
    grid-row: 6;
  }
  .home-grid.grid-7-side .box3-7 {
    grid-column: 9/13;
    grid-row: 6;
  }
}

@media only screen and (max-width: 450px) {
  .home-grid {
    display: block;
  }
  .box-content-inner { padding: 12rem 2rem; }
}


.gallery-grid { min-height: 55vh;grid-template-columns: calc(60% - 1px) calc(20% - 1px) calc(20% - 1px); }
.gallery-grid .gallery:nth-child(1) { grid-column: 1;grid-row: 1 / 3; }
.gallery-grid .gallery:nth-child(2) { grid-column: 2;grid-row: 1; }
.gallery-grid .gallery:nth-child(3) { grid-column: 2;grid-row: 2; }
.gallery-grid .gallery:nth-child(4) { grid-column: 3;grid-row: 1; }
.gallery-grid .gallery:nth-child(5) { grid-column: 3;grid-row: 2; }
/*.gallery-grid img { display: none }*/
.gallery-grid .box:hover { background-position: 0 0; }
.gallery-grid-wrapper .btn { position: absolute;top: 50%;right:1px;transform: translate(0,-50%);z-index:9;background:#ffc82a;color: #fff;padding: 1.5rem 3rem;border: 0; }
.gallery-grid-wrapper .btn:hover { background:#3470a0; }

.cols_100 .home-grid-wrapper { margin:0; }

.lg-swiper-wrapper .box
{
  cursor:pointer;
}

/* --------------------------
    SUBPAGES CONTENT
-------------------------- */

.subpages_content h1 { margin:1rem 0 3rem; }
.subpages_content h2,
.subpages_content h3,
.subpages_content p { margin:1.5rem 0; }
.subpages_content ul { margin:1.5rem 0; }
.subpages_content li { position:relative;margin:.5rem 0;padding:0 0 0 4rem;line-height: 1.3; }
.subpages_content li:before { content: '';width: 1.3rem;height: 1px;background: #51585d;position: absolute;top: 11px;left: 0; }

blockquote { position:relative;padding: 0 9rem;margin: 2rem 0;font-style:italic;font-size: 1.5rem;color:#82909a; }
blockquote::before { content: '"';font-family: "Prata", serif;font-size:11rem;line-height: 1;position:absolute;left:0;top:0;color:#82909a; }
.subpages_content blockquote p { margin:0 }

.subpages_content img { width:100%;height:auto;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.subpages_content .not_responsive img { width:auto; }

.subpages_content img.alignleft { float: left;margin: 0 1.5em 1em 0; }
.subpages_content img.alignright { float: right;margin: 0 0 1em 1.5em; }

.subpages_content p a, .subpages_content ul a { font-weight: 700; }


/* Accordion */
.accordion { position:relative;overflow:hidden;margin:2rem 0; }
.accordion h3, .subpages_content .accordion h3 { position:relative;padding:1.5rem 5rem 1.5rem 2rem;cursor:pointer;border-bottom:1px solid #eee;margin:0; }
.accordion h3::after { content: "+";font-size:3rem;position:absolute;right:20px;top:15px;font-weight:300;line-height: 1;color:inherit; }
.accordion h3.active::after { content: "-";font-size:4rem;top:9px; }
.accordion h3.active, .accordion h3.active::after { color:#000; }
.accordion .acc_txt { position:relative;padding:1.5rem 2rem;border-bottom:1px solid #aaa; }


/* Tabel */
.table { width: 100%;text-align: left;overflow-x: auto;border-collapse: collapse }
.table td, .table th { padding: 1.5rem 2.5rem;border-bottom: 1px solid #eee;vertical-align: top;text-align: left;transition: all .3s ease }
.table td { font-size: 1.5rem }
.table tr:hover td, .table tr:focus td { background-color: #f3f3f3 }
.table thead th { vertical-align: bottom }
.table .btn { margin-right: 1rem }
.table .btn:last-child { margin-right: 0 }

@media only screen and (max-width:1350px) {
  .table td, .table th { padding: 1rem 1.5rem }
}
@media only screen and (max-width:1030px) {
  .table, .table thead { display: block }
  .table thead tr { position: absolute;top: -9999px;left: -9999px }
  .table tbody { display: block }
  .table td, .table th { display: block;padding: .75rem 1rem;font-size: 1.2rem }
  .table td { border: none;border-bottom: 0;position: relative;padding-left: 0 }
  .table td:before {
    /*position: absolute;*/
    top: 6px;
    left: 6px;
    width: 110px;
    padding-right: 1rem;
    white-space: nowrap;
    text-align: right;
    font-weight: 700;
    content: attr(data-title);
    display:block;
  }
  .table tr { display: block;border-bottom: 1px solid #ccc;padding: 10px 0 }
  .table tr:hover td { border-bottom: 0;background-color: #f3f3f3  }
  .table .text-right { text-align: right;margin-top: -30px }
}
@media only screen and (max-width:600px) {
  /*.table td { padding-left: 40% }*/
  /*.table td:before { width: 35% }*/
  .table .text-right { text-align: left;margin-top: 0 }
}


/* Responsive video */
.videoWrapper { position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;margin-top:15px }
.videoWrapper iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }


/* Separator */
.separator { height: 70px;margin: 2rem 0;background: url('../img/separator.png') no-repeat 50% 0;background-size:auto 50px; }


/* Lightgallery */
.lg-backdrop { background-color: #fff; }
.lg-toolbar { background-color: rgba(255, 255, 255, 0.45); }
.lg-toolbar .lg-icon { color: #3470a0; }
.lg-toolbar .lg-icon:hover { color: #000; }
.lg-sub-html { background-color: rgba(255, 255, 255, 0.8);color: #000; }
.lg-sub-html h4 { font-size: 24px;font-weight: 700;color: #3470a0; }
.lg-sub-html p { font-size: 15px; }
.lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(255, 255, 255, 0.7);color: #3470a0; }
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #000; }
.lg-outer .lg-thumb-outer { background-color: #3470a0; }
.lg-outer .lg-toogle-thumb { background-color: #3470a0;color: #fff; }
.lg-outer .lg-thumb-item { border-radius: 0; }
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #000; }

/* Search */

.search_overlay {
    padding: 25px 95px 22px 3rem;
    background: #3470a0;
    z-index: 10001;
    position: fixed;left: 90px;right: 90px;top: -80px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
.search_overlay.active { top:0;opacity: 1;box-shadow: 0 0 50px rgba(0,0,0,.4); }

.search_close {
    position: absolute;
    right: 20px;
    top: 25px;
    font-size: 40px;
    line-height: 1;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #468ab5;
    text-align: center;
}
.search_overlay input {
    background: transparent;
    border: 0;
    color: #fff;
    border-bottom: 2px solid #468ab5;
    outline: 0;
    padding: 10px;
    line-height: 1.2;
    font-size: 18px;
    width: 100%;
    display: block;
}
.search_overlay input:focus {
    border-bottom: 2px solid #ffc941;
    color: #ffc941;
}
.search_overlay ::-webkit-input-placeholder {
  color: #fff;
}
.search_overlay ::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.search_overlay :-ms-input-placeholder {
  color: #fff;
}
.search_overlay :-moz-placeholder {
  color: #fff;
}

/* --------------------------
  FOOTER + MAP
-------------------------- */

.footer_container { position: relative;padding:25px;margin:25px;/*border:1px solid #d4e0ea;*/background-image: url(../img/footer.jpg);background-repeat:no-repeat;background-position: 0 center;background-size: cover; }

.footer_content { display: flex;flex-direction: row;-ms-display: flex;-ms-flex-direction: row; }
.footer_block { padding: 2rem 5rem 2rem 0;flex:1;-ms-flex:1; }
.footer_block:last-child { padding: 2rem 0; }

.footer_container h3 { font-size: 1.5rem;font-family: 'Prata', serif;letter-spacing: 2px; }
.footer_container ul, .footer_container p { margin:1.5rem 0;font-weight: 500;font-size: 1.6rem; }
.footer_container li { margin-bottom: .5rem; padding:0;}
.footer_container li:before {content:none;}

.footer_social { margin:2rem 0 0;font-size: 4rem;line-height: 1; }
.footer_social a { display: inline-block;margin: 1rem 2rem 0 0 }

.newsletter-input { position: relative;padding-right: 6rem; }
.newsletter-box .form-control { width:100%;display: inline-block;font-size: 1.5rem;padding: 1rem 50px 1rem 1rem;height: 44px;background-color: #fff;border-color:#fff;vertical-align: middle; }
.newsletter-box .form-control:focus { background-color: #eee;border-color:#eee; }
.newsletter-box .btn { position: absolute;top:0;right:0;padding:0;height: 44px;font-size: 3rem;line-height: 44px;width:40px;border:0; }
.newsletter-box .btn:focus, .newsletter-box .btn:hover  { border:0; }

.trip { margin:2rem 0 0 }
.trip img { max-width: 100px; }

.copy { padding: 2.5rem;font-size: 1.2rem;background: #fff; }
.copy a { color:#000;text-transform: uppercase; }

.map { width:100%;height:450px; }
.contact_map { display:inline-block;position:absolute;bottom:0;right:15px;background:#fff;padding:4rem;box-shadow:0 0 40px rgba(0,0,0,.2); }
.contact_map h2 { font-size:2rem;margin:1rem 0; }
.contact_map p { margin:1rem 0; }

/*
.responsive-map{
overflow:hidden;
padding-bottom:30.25%;
position:relative;
height:100%;
}
.responsive-map iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}*/

/* FORM */
.gform_wrapper label.gfield_label { font-weight: normal!important; }


/* Datepicker */

.ui-datepicker {
    padding: 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    /*z-index: 1000!important;*/
    width: 450px;
    position: fixed!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%);
    z-index: 10000!important;
}

.ui-widget-header {
    font-family: 'Montserrat', arial, sans-serif;
    border: 0;
    background: transparent;
    font-weight: normal;
    color: #fff;
}

.ui-widget-content {
    border: 0;
    background: #ffc82a;
    color: #3470a0;
    font-family: 'Montserrat', arial, sans-serif;
}

.ui-widget.ui-widget-content {
    border: 0;
}

.ui-datepicker table {
    margin: 0;
}

.ui-datepicker th {
    font-weight: normal;
    font-family: 'Montserrat', arial, sans-serif;
    color: #000;
    padding: 1.5em .3em;
}

.ui-datepicker td {
    padding: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br,
.ui-corner-left,
.ui-corner-bl,
.ui-corner-tr,
.ui-corner-top,
.ui-corner-tl {
    border-radius: 0;
}

.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:0;
    background: transparent;
    color: #3470a0;
    font-family: 'Montserrat', arial, sans-serif;
    text-align: center;
    font-weight: normal;
}

.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: 0;
    background: #3470a0;
    color: #fff;
}

.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: 0;
    background: transparent;
    color: #000;
    font-weight: normal;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 30px;height: 30px;top: 18px; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 18px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 0;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}
.ui-datepicker-title { color:#fff }

.ui-datepicker-month { text-transform: uppercase;display: block;font-weight: 700; }
.ui-datepicker-year { font-size:4rem;font-weight: 300; }

.ui-icon { width: 30px;height: 30px; }
.ui-widget-header .ui-icon { background-image: url(../img/arrow_right.svg);background-size:100% auto; }
.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-w { background-position: center; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { position: relative;left:auto;margin:0;top:auto; }
.ui-datepicker .ui-datepicker-prev { transform: rotate(-180deg); }

#chat-application { z-index:100!important; }

/* Scroll up */
.scrollup { position: fixed;top: 50%;right: 25px;text-align: center;z-index: 99;background:#545454;transform: translateX(100px);opacity:0;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.scrollup.active { transform: translateX(0);opacity:1; }
.scrollup a {padding:1rem;display:block;}
.scrollup img { transform: rotate(180deg); }

/* close btn */
.closebtn {
  border:1px solid #3470a0; 
  position:fixed; 
  z-index:12; 
  top:25px; 
  right:25px; 
  background-color:#fff; 
  width:70px; 
  height:70px; 
  cursor:pointer; 
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.closebtn:hover{background-color:#3470a0;}
.closebtn:before, .closebtn:after {pointer-events:none;content:''; position:absolute; background-color:#3470a0; width: 70px; height:2px;top:50%;left:0;right:0;}
.closebtn:before{transform:rotate(45deg);}
.closebtn:after{transform:rotate(-45deg);}
.closebtn:hover:after, .closebtn:hover:before{background-color:#fff;}

/* YOUTUBE RESPONSIVE */
@media only screen and (max-width: 767px) {
.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
}
/* NEWSLETTER */
#mc_embed_signup { background-color: transparent!important; }
#mc_embed_signup form { padding: 10px 0 10px 1%; text-align: left!important; }
#mc_embed_signup .button { background: #f3f3f3!important;height: 40px!important; color:#3470a0!important; border-radius: 0px!important; text-transform: uppercase!important; border: 1px solid #3470a0!important; font-family: Montserrat!important; }
#mc_embed_signup input.button { max-width: 300px!important; min-width: 183px!important; padding-left: 15px!important; padding-right: 15px!important; width: 70%!important;}
#mc_embed_signup .button:hover { background: #3470a0!important; border: 1px solid #3470a0!important; color: #fff!important; }
#mc_embed_signup input.email { border-radius: 0px!important; font-family: Montserrat!important;min-height: 37px!important; margin: 0 4% 15px 0!important; width: 70%!important; text-align: center!important; }


/* Modal Popup */
.modal {
  display: none; /* Hidden by default */
  visibility:hidden;
  opacity:0;
  z-index: 1000; /* Sit on top */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  transition: all 1s;
}

.modal.active
{
  display:flex;
  visibility: visible;
  opacity:1;
}

/* Modal Content/Box */
.modal-content {
  background-color: #000;
  /* margin: 15% auto; 15% from the top and centered */
  /* padding: 20px; */
  border: 1px solid #fff;
  width: 700px; /* Could be more or less, depending on screen size */
  height:430px;
  position: relative;
  box-sizing: content-box;
}
.modal-content iframe{
  position: absolute;
}

/* The Close Button */
.close {
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: relative;
  z-index:100;
  padding:0 10px;
  background-color:transparent;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
  background-color:#fff;
}

.page-protected {
  padding: 20px;
  background-color:#3470a0;
}

.page-protected p {
  color: white;
}
.page-protected form {
  max-width: 1200px;
  margin: 0 auto;
}
.page-protected input {
  border: 0;
  padding: 20px;
  color:black;
}
.page-protected input[type="submit"] {
  background-color:#ffc941;
  color: black;
}


/* --------------------------
  MEDIA QUERIES
-------------------------- */

@media only screen and (max-width: 1440px) {
  .content-block.border-block { margin: 45px 90px; }
  .flex-box-content { padding: 0;flex-direction: column;-ms-flex-direction: column; }
  .flex-box-content h2 { text-align: center;border:0;border-bottom: 1px solid rgba(255, 255, 255, 0.5);padding: 3rem 1rem;flex:0;-ms-flex:0; }
  .flex-box-content ul { padding: 3rem 1rem;flex:0;-ms-flex:0; }
  .textaside .hastext .amenities li span { font-size:1rem; }
  .textaside .hastext .flex-box-content .amenities li { padding:7px; }
  .nav_overlay ul.mobilenav li { padding:0 0 0 4rem; }
  .nav_overlay ul.mobilenav .menu-item-has-children span, .nav_overlay ul.mobilenav .current-menu-parent span {top:0;}
}
@media only screen and (max-width: 1380px) {
  .intro-inner h2 { font-size: 5rem; }
  .intro-left li { font-size: 2rem; margin:3rem 0; }
  .intro-left li:after { font-size: 2rem; right: 15px; }
  .intro-inner div { margin-top:100px; }
  .nav_overlay ul.mobilenav li { font-size: 15px; }
  .nav_overlay.active { width:400px; }
  .nav_overlay ul.mobilenav.btm_nav.lang_nav { border-bottom: none; }
  body { font-size: 1.6rem; }
  .flex-box-content ul li { text-align: center; }
  .box-content-inner h3:after { font-size: 1.8rem; right: -15px; }
  .content-block.border-block { padding: 3rem; }
  .flex-box-content ul a { font-weight: 600; font-size: 1.6rem; }
  .textaside .hastext .flex-box-content ul li { text-align: left; font-size: 1.5rem; }
  .box-content-inner h3 { font-size: 1.4rem; font-weight: 600; }
  .mobile_separator { padding-top: 5px !important; }
  .offers .offers-content h2 { font-size: 1.6rem; }
  .features .flex-box-content ul li { text-align: left; }
  .offers .offers-content { padding: 1rem 1rem 3rem; }
  .amenities .icon { display: block; text-align: center;}
}

@media only screen and (max-width: 1340px) {
  .intro-inner div { padding: 1.5rem 8rem; }
  .intro-inner h2 { margin: 0;font-size: 4rem; }
  .intro-left li { font-size: 2rem; }
  .flex-box-content h2 { font-size: 3rem;padding: 3rem; }
  .flex-box-content ul { padding: 3rem; }
  .footer_container .container { width: 100%; }
  .box-content-inner h2 { font-size: 3rem; }
}

@media only screen and (max-width: 1240px) {
  .header_container .logo { margin:30px auto 0;width: 150px;height: 103px; }
  .intro-left li { font-size: 1.5rem; }
  .flex-box-content ul li { font-size: 1.75rem; }
  .map { width:100%;height:360px; }
}

@media only screen and (max-width: 1200px) {
  /* .booking-block.dateblock input { font-size: 4rem;max-width: 80px; } */
  .booking-block { padding: 0 1rem; }
}

@media only screen and (max-width: 1100px) {
  .intro-inner h2 { font-size: 4rem; }
  .middle-big-title h1 { font-size: 3rem; }
  .footer_content { flex-wrap: wrap;-ms-flex-wrap: wrap; }
  .footer_block { width: 33%;flex-basis: 33%;-ms-flex-preferred-size: 33%; }
  .bigbox .flex-box-box { min-height:55vh;margin: 0 25px; }
  .flex-box-content ul li { font-size: 1.5rem; }

  .features .flex-box-content ul { text-align: left; }
  .textaside .hastext .flex-box-content ul { text-align: left; }
  .textaside .hastext .flex-box-content ul li { font-size: 1.35rem; }
  
  .flex-box-content h2 { padding: 3rem 2rem; }
  .flex-box-content ul { padding: 3rem 2rem; }
  .flex-box-box { min-height: 45vh; }
  .footer_block { flex-basis: 50%;-ms-flex-preferred-size: 50%; }
  .mainmenu { padding: 3rem 2rem 3rem 5rem; }
  .sidemenu { padding: 3rem 2rem 3rem 3rem; }
  .menu_block li { font-size: 1.6rem; }
  .menu_block.menu_first li { font-size: 1.8rem; }
  .menu_block.menu_first .sub-menu { bottom: 3rem;left: calc(50% + 3rem); }
  .menu_block.menu_first .sub-menu li { font-size: 1.5rem; }
  .offers .swiper-container { max-width: 75%; }
  /*.offers .swiper-button-next { right: 8%; }
  .offers .swiper-button-prev { left: 8%; }*/
}


@media only screen and (max-width: 1030px) {
  .offers .swiper-container { max-width: 82%; }
  /*.offers .swiper-button-next { right: 5%; }
  .offers .swiper-button-prev { left: 5%; }*/
  .textaside .hastext .flex-box-content { padding: 3rem; }
  .features .flex-box-content ul li { font-size: 1.35rem; }
  .map { width:100%;height:308px; }
  #mc_embed_signup input.email { width: 55%!important; text-align: center!important; }
  #mc_embed_signup input.button { width: 55%!important; }
}

@media only screen and (max-width: 940px) {
  .header_social { font-size: 2.5rem; }
  .intro-inner h2 { font-size: 3rem; }
  .menu-extra { display: none }
  .overlay_menu { overflow: auto; }
  .booking-block { flex-direction: column;-ms-flex-direction: column; }
  .offers-list .swiper-slide { max-width:50%; }
  .booking-content { padding: 4rem 0; }
  .booking_close { padding: 1rem 2rem; }
  .withbg { width: 100%; }
}

@media only screen and (max-width: 820px) {
  .flex-box { -ms-flex-direction: column;flex-direction: column;-ms-flex-direction: column; }
  .flex-box-box { min-height: 33vh;border-right: 0; }
  .flex-box-content { padding: 3rem 1rem; min-height:300px;}
  .flex-box.bigbox { flex-direction: row;-ms-flex-direction: row; }
  .bigbox .flex-box-box { min-height: 33vh;}
  .bigbox .flex-box-content { height: 100%;padding: 0 5rem 0 40%; }
  .arrow-down { display: none }
  .header_container { padding: 0 }
  .nav_trigger, .booking_trigger, .language, .booking_trigger4, .nav-trigger  { top: 0; }
  .header_social { top: 24px; left: 150px; }
  .languages { top: 0; left: 0;}
  .intro-wrap { padding: 0; }
  .textaside { padding:0 25px;  }
  .textaside .flex-box-box { order:1;max-width: 100%; }
  .textaside .flex-box-box.hastext { padding: 0;order:2; }
  .textaside .hastext .flex-box-content { padding: 0 3rem; }
  .box-big .box-content-inner { padding: 0 3rem; }
  .flex-box.features { flex-direction: column;-ms-flex-direction: column; }
  .features .flex-box-box { max-width: 100%; }
  .features .flex-box-box:first-child { padding-top:0; }
  .contact_map { display: block;position: relative;bottom: auto;right: auto;margin-top: -15px; }
  .flex-box-content .twobuttons .btn { padding: 1rem 2rem; }
  /*.offers .swiper-container { max-width: 90%; }
  .offers .swiper-button-next { right: -11px; }
  .offers .swiper-button-prev { left: -12px; }*/
  .gallery-grid { min-height: 40vh; }
  .content-block.title-block h1 { padding: 0 4rem; }
  .menu.active { display: block;background: #3470a0; }
  .menu_block { padding: 0 }
  .mainmenu, .sidemenu { width: 100%;padding: 8rem 3rem 3rem; }
  .sidemenu { padding: 3rem; }
  .menu_second { display: none }
  .menu_block.menu_third { flex: none;-ms-flex:none; }
  .no-cssgrid .menu_block, .no-cssgrid .active .menu_block.menu_first { flex: none;-ms-flex:none;width:100%;-ms-flex-preferred-size: 100%; }
  .menu_block.menu_first .sub-menu { position: relative;bottom: auto;left: auto;border-top:1px solid #3470a0;width:100%;transform: translateY(-100%); }
  .menu_block.menu_first .active .sub-menu { border-top:1px solid #000;height:auto;transform: translateY(0%); }
  .menu_social a { color: #fff; }
  .menu_block.menu_first li a { padding: 0 0 0 3rem; }
  .menu_social { right:auto;left:3rem; }
  .menu_block ul { width: 100% }
  .menu_block.menu_first li { font-size: 1.8rem;overflow: hidden;background: #3470a0;position: relative; }
  .menu_first .trigger_submenu::after { left: 0; }
  .mobile_separator {padding:0!important;}
  #mc_embed_signup input.email { width: 60%!important; text-align: center!important; }
  #mc_embed_signup input.button { width: 60%!important; }
  .gallery-grid { grid-template-columns: calc(50% - 1px) calc(50% - 1px) calc(0% - 1px); }
  .gallery-grid .gallery:nth-child(1) { grid-column: 1;grid-row: 1; }
  .gallery-grid .gallery:nth-child(2) { grid-column: 2;grid-row: 1; }
  .gallery-grid .gallery:nth-child(3) { grid-column: 1;grid-row: 2; }
  .gallery-grid .gallery:nth-child(4) { grid-column: 2;grid-row: 2; }
  .bigslider .swiper-pagination-bullets { bottom: 5px;}
  .home-grid-wrapper .controls{
    width:50%;height:50%;
  }
  .home-grid-wrapper .controls .play{
    border:2px solid white;
    width:70px;height:70px;
  }
  .home-grid-wrapper .controls .play:before
  {
    top:15px;left:20px;
    border-width: 20px 0 20px 40px;
  }
}

@media only screen and (max-width: 768px) {
  [class*="cols_"] { width:50%;margin-bottom:10px }
  .cols_100{ width:100%; }
  .footer_container { padding: 0; }
  .content-block.border-block { margin: 5rem;padding: 5rem; }
  .map { width:100%;height:235px; }
  footer {margin-bottom: 67px!important}
  .nav-trigger li li a {
    color:#000;
  }
}

@media only screen and (max-width: 750px) {
  [class*="cols_"] { float:none;width:100%; }
  .bigslider .swiper-button-next { right: 2rem;left: auto;top: 4rem;bottom: auto; }
  .bigslider .swiper-button-prev { left: 2rem;top: 4rem;bottom: auto; }
  .bigbox .flex-box-content { padding: 0 85px; }
  /* .home-grid { min-height: 0;display: block; } */
  .home-grid.gallery-grid { min-height: 40vh;display:grid; }
  .box { border-bottom: 1px solid #fff; }
  .box-content-inner { padding: 7rem 2rem; }
  .offers .offers-content { padding-bottom:0; }
  .bigslider .swiper-pagination-bullets { top: 10px; height:0; }

}
@media only screen and (max-width: 720px) {
.offers .swiper-slide a {flex:none;width:100%;}
.offers .offers-content {width:100%;}
}
@media only screen and (max-width: 670px) {
  body { padding-top:90px; }
  .footer_content { flex-direction: column;-ms-flex-direction: column;text-align: center; }
  .footer_block { padding: 4rem 0 1rem;text-align: center;width: 100%; }
  .footer_block:nth-child(3) { order:1 }
  .footer_block:nth-child(2) { order:2 }
  .footer_block:first-child { order:3 }
  .footer_block:last-child { order:4 }
  .copy { text-align: center;padding: 2rem; }
  .mobile_links { display: flex;
    margin: 0;
    align-items: stretch; 
  }
  #chat-application { bottom:70px !important;}
  .cky-revisit-bottom-left {margin-bottom:60px!important;}
  #chat-widget-push-to-talk { bottom: 75px!important;}
  .header_social { display: none; }
  .booking_trigger, .booking_trigger4 { display: none; }
  .header_container .logo { width: 50px;height: 50px;margin:0 auto;background-image: url('../img/logo-sign-white.png'); }
  .header_container { position: fixed;padding: 2rem;box-shadow:0 0 3rem rgba(0,0,0,.2);background:#3470a0; }
  .language { background: #3470a0; }
  .intro-wrap { height: auto;min-height:30vh; }
  .scrolldown { display: none; }
  .intro-inner { flex-direction: column;-ms-flex-direction: column; }
  /*.intro-left { display: none; }*/
  .intro-left { text-align: center; }
  .intro-left li { margin: 2rem 0; font-weight:600; font-size:1.6rem; line-height:1; }
  .intro-left li:after { right: 39px; }
  /*.intro-right { text-align: center; }*/
  .intro-right { display:none; }
  .intro-inner div { padding: 8rem;border: 0;margin: 0; }
  .intro-inner h2 br { display: none }
  .content-block.border-block { padding: 3rem; }
  .content-block.text-block { padding: 0 3rem; }
  .flex-box.features { padding: 0 25px; }
  .features .flex-box-box { padding: 3rem; padding-bottom:0; }
  .content-block { margin: 0.5rem 0 }
  .nav_overlay.active { width: 350px; }
  .offers-list .swiper-slide { max-width:100%;padding:10px 0; }
  #mc_embed_signup_scroll {text-align: center;}
  #mc_embed_signup input.email, #mc_embed_signup input.button { /*width: 60%!important; text-align: center!important;*/ margin: 0 auto 15px auto!important; width:50%!important; }
  /*#mc_embed_signup input.button { width: 58%!important; margin: 0px 0px 10px 95px!important; }*/
  /*#mc_embed_signup input.email { margin: 0px 4% 15px 95px!important; text-align: center!important; width: 58%!important; }*/
  .top_slider_content .swiper-container {height:290px;}
  .top_slider_content .intro-inner{ flex-direction:row; -ms-flex-direction:row;}
  .top_slider_content .intro-inner h1 {padding:0;}
  .ed-booking-block.buttons .btn_dark { color: #000; }
}

@media only screen and (max-width: 610px) 
{
  .type strong { font-size: 1.35rem; }
  .booking-row.btmrow { flex-direction: column;-ms-flex-direction: column; }
  .booking-block { padding:1rem }
  .btmrow .booking-block { padding:1rem 0; }
  .btmrow .booking-block.campaign { width:100% }
  .booking-block input#campaigncode{padding:0; width:inherit;}
  .booking-row.twoblocks { -ms-flex-direction: column;flex-direction: column; }
  .booking-block.persons input { font-size: 3rem; }
}

@media only screen and (max-width: 550px) {
  .flex-box-box,
  .flex-box-content {min-height:170px;}
  .header_container.smaller .logo { margin: 0; }
  .bigbox .flex-box-box { min-height: 170px!important; }
  .bigbox .flex-box-content { padding: 0 40px; }
  .bigbox .flex-box-content h2 { padding: 1rem 0 0; }
  .bigbox .flex-box-content h2:before { width: 0;height: 0; }
  .block-title { padding: 0 0 0 60px; margin: 20px 0 18px 0; }
  .block-title:before { width: 50px; top:8px;}
  .box-big .box-content-inner { padding: 0;border: 0; }
  .intro-wrap { min-height: 25vh; }
  .btn-after { margin: 20px;text-align: center; }
  h1 { font-size: 2.7rem; padding-top: 19px;}
  h2, .flex-box-content h2 { font-size: 2.5rem; }
  h3 { font-size: 2rem; }
  .content-block.title-block h1 { padding: 0 1rem; }
  .subnav { display: none }
  .mobile_subnav { display: block }
  .flex-box-content ul.special { text-align: center }
  .closebtn { width: 50px; height:50px; }
  .closebtn:before, .closebtn:after { width:50px; }
  .bigbox .flex-box-content h2 { padding: 2rem 0 3rem; }
  /*.map { margin-top: 20px; }*/
  .bigslider .controls .play{
    border:2px solid white;
    width:70px;height:70px;
  }
  .bigslider .controls .play:before
  {
    top:15px;left:20px;
    border-width: 20px 0 20px 40px;
  }
}

@media only screen and (max-width: 500px) {
  .block-title .btn { float: none;margin: 1rem 0;padding: 1rem 0; }
  .bigbox .flex-box-content p { display: none }
  /*.bigslider .swiper-button-next, .bigslider .swiper-button-prev { display: none }*/
  .offers .swiper-container { max-width: 100%;width:calc(100% - 40px);margin:0 20px; }
  .home-grid.gallery-grid { min-height: 35vh;padding-bottom:0; }
  .gallery-grid .btn { top: auto;right: 0;transform: none;padding: 1rem 2rem;bottom: 0;left: 0; }
  .offers .offers-content .btn { display:block; width:92%;}
  /*#mc_embed_signup input.button { width: 55%!important; margin: 0px 0px 10px 84px!important; }*/
  /*#mc_embed_signup input.email { margin: 0px 4% 15px 84px!important; text-align: center!important; width: 55%!important; }*/
  .flex-box-content .btn { display: block; }
  .ui-datepicker { width:100%; }
  .offers .offers-content .btn {padding:1rem!important;}
  .ed-booking-widget .date-block input, .ed-booking-widget .persons_qty input {
    font-size:4rem;
  }
}
@media only screen and (max-width: 450px) {
  .home-grid {
    display: block;
  }
  .box-content-inner { padding: 12rem 2rem; }
}

@media only screen and (max-width: 440px) {
  body { font-size: 1.4rem; }
  .intro-inner div { padding: 8rem 3rem; }
  .textaside .hastext .flex-box-content { padding: 0 2rem 2rem; }
  .footer_btm { padding: 2rem;margin: 0 -20px; }
  .block-title { font-size: 1.5rem; }
  .accommodation_boxes .flex-box-box { margin-bottom:1px }
  /*.map { height: 120px; }*/
  .contact_map { display: none }
  .footer_block { padding: 2rem 0; }
  /* .box-content-inner p { display: none } */
  .bigbox .flex-box-box { min-height: 100px; }
  .content-block.border-block, .content-block.text-block { padding: 3rem 0;margin: 20px; }
  .content-block.border-block { padding: 3rem 1rem; }
  h1, h2, .middle-big-title h1 { font-size: 2.2rem; }
  .flex-box-content h2 { font-size: 1.9rem; }
  .flex-box-content h2 em { font-size: 1.5rem; }
  .flex-box.features { padding: 0; }
  .features .flex-box-box { padding: 3rem; }
  .offers .offers-content { padding: 2rem 1rem;/*border: 0;border-bottom: 3px solid #e8eef3;*/ }
  /*.nav_overlay { background-position:30px 40px;background-size: 35px auto;padding: 30px 40px 50px 85px; }*/
  .nav_overlay.active { width: 100%; }
  .textaside .hastext .flex-box-content ul li, .features .flex-box-content ul li { text-align: left }
  /*#mc_embed_signup input.button { width: 70%!important; margin: 0px 0px 10px 40px!important; }*/
  /*#mc_embed_signup input.email { margin: 0px 4% 15px 40px!important; text-align: center!important; width: 70%!important; }*/
  #mc_embed_signup input.email, #mc_embed_signup input.button {min-width:100%!important;max-width: 100%!important}
  .booking h2 { font-size: 2rem; }
  .offers .swiper-button-next { right: -9px; transform: scale(2);}
  .offers .swiper-button-prev { left: -9px; transform: rotate(180deg) scale(2);}
  .nav-trigger .book,
  .nav-trigger .menu
   { width:70px;}
   .nav-trigger li a.book + ul { left: -40px;}
}

@media only screen and (max-width: 360px) {
  .intro-inner div { padding: 8rem 2rem; }
  .home-grid-wrapper, .textaside .flex-box-box, .bigbox .flex-box-box { margin: 0 20px; }
  .newsletter-input { padding-right: 5rem; }
  .flex-box-content .twobuttons, .offers .offers-content .twobuttons { flex-direction: column;-ms-flex-direction: column; }
  .flex-box-content .twobuttons .btn, .offers .offers-content .twobuttons .btn { margin: 1rem 0;display: block; }
  .middle-big-title p { font-size:1.6rem }
  .amenities li { padding: 10px; }
  .block-title { padding: 0 0 0 3rem; }
  .block-title:before { width: 2rem; }

  .nav-trigger .book,
  .nav-trigger .menu
   { width:60px;}
   .nav-trigger li a.book + ul { left: -60px;}
   .languages ul li a { padding: 33px 1px 33px; width:55px; margin-left:5px;}
  /*#mc_embed_signup input.button { width: 60%!important; margin: 0px 0px 10px 40px!important; }*/
  /*#mc_embed_signup input.email { margin: 0px 4% 15px 40px!important; text-align: center!important; width: 60%!important; }*/
}

@media only screen and (min-width: 768px) {
  .cols_16 { width:16.66667%; }
  .cols_20 { width:20%; }
  .cols_23 { width:23%; }
  .cols_25 { width:25%; }
  .cols_30 { width:30%; }
  .cols_33 { width:33.33333%; }
  .cols_35 { width:35%; }
  .cols_40 { width:40%; }
  .cols_45 { width:45%; }
  .cols_50 { width:50%; }
  .cols_60 { width:60%; }
  .cols_66 { width:66.66667%; }
  .cols_70 { width:70%; }
  .cols_75 { width:75%; }
  .cols_80 { width:80%; }
  [class*="cols_"] { float:left; }
}
@media only screen and (min-width: 1300px) {
  .container { width: 1240px;margin: 0 auto; }
}
@media only screen and (min-width: 1500px) {
  .content-block.border-block, .content-block.text-block { margin: 45px auto;width: 1240px;padding:3rem; }
  .content-block.text-block p:last-child{padding-bottom:0;margin-bottom:0;}
  .offers .swiper-container { max-width: 900px; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
  .booking-block.dateblock input,
  .booking-block.persons input
  {
    font-size: 4rem;
  }
  .booking-block.persons input
  {
    font-size: 4rem;
    width: 75px;
  }
}