@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {text-decoration: none;-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
html {scroll-behavior: smooth;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; line-height: normal; }
* {    outline: none;}
/* --------------SITE MAIN CSS----------- */
* { box-sizing: border-box}
body, html {height: 100%; font-family: 'Raleway', sans-serif; font-size:14px;color:#154F92;}
section {position: relative;padding: 60px 0; background:#fff}

h3 {font-family: 'Cormorant', serif;font-weight: 300;font-size: 50px; text-align: center; color:#154F92}
h4 {font-size: 25px;font-weight: 400;color:#154F92;letter-spacing: 1px;}
h2 {font-size: 32px; font-weight: 600; color:#154F92}
p {padding: 15px 0 25px;line-height: 141.4%;}
.logo-area { position:relative; z-index:9; pointer-events: none;}
.logo-area img {  pointer-events: all;}

.reservations.main-reservations { opacity:0;width:0; overflow:hidden;position: absolute;bottom: -53px; }
.reservations, .start-res {width: 100%;max-width: 940px;padding: 20px 0;position: absolute;bottom: -53px;left: 50%;margin-left: -470px;background: #fff;z-index: 8;}
.reservations .inside { width:850px; margin:0 auto; position:relative; float:none}
.start-res {max-width: 850px;bottom: -0;left: 50%;margin-left: -425px;background: #f1f1f1;z-index: 9;background: none;}
.reservations {-webkit-transition: all 2.5s;-moz-transition: all 2.5s; -o-transition: all 2.5s; transition: all 2.5s;      box-shadow: 4px 6px 20px rgba(0, 0, 0, 0.13);position: relative; bottom: 53px;}
.reservations div {display:block; float:left; width:24%; margin-right:1%}
.reservations label, .reservations input {display:block}
.reservations div.adult, .reservations div.child {display:block; float:left; width:11.5%; margin-right:1%}
.reservations div.booknow {width:25%; margin-right:0}
.reservations input, .reservations select {width:100%; border:1px solid #154F92; height:46px; color: #555; font-size:18px; font-weight:300;    padding-left: 10px; }
.reservations label {height: 20px;font-size:14px;color:#555;font-weight:300;}
.reservations div.booknow a {background:#154F92; color:#fff; cursor:pointer;font-size:18px; font-weight:300;    padding-left: 0;height:46px;width:100%; line-height:46px; display:block; text-align:center  }
.reservations div.booknow a:hover {background:#fff; color:#154F92; }

.starting {width:212.5px;height:46px;position:absolute;right: 50%;margin-right:-106px;background:#154F92;color:#fff;line-height:46px;font-size:18px;font-weight:300;display:block;text-align:center;top: 27px;-webkit-transition: all 2s;-moz-transition: all 2s; -o-transition: all 2s; transition: all 1s}


.cover {background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5606617647058824) 0%, rgba(0,0,0,0) 35%); position:absolute; z-index:2; top:0; left:0; height:100%; width:100%}

.inner-banner img {width:100%}
.inner-content  {width:100%;padding: 50px 0;}
.inner-content p {font-size:16px;font-weight:400;line-height:25px;color: #555;width: 60%;margin: 0 auto;text-align: center;}
.inner-content p span {color:#284f8d}
.inner-content img {display:block;width:100%;}


.inner {width: 100%; max-width: 1280px; margin: 0 auto; position: relative}
.box {position: absolute;background: #F8F8F8;box-shadow: 4px 6px 20px rgba(0, 0, 0, 0.13);border-top:3px solid #154F92;padding: 40px 43px;color:#154F92;text-align: center;}
p.title-p {color:#555; padding: 20px 0 40px;  text-align: center}
p.title-p.link-have {    padding: 10px 0 30px;width: 60%;    margin: 0 auto;}
a.all-link {letter-spacing: 0.045em;color: #154F92;display: inline-block;position: relative;text-align: center;margin-bottom: 20px;border-bottom: 2px solid #154F92;padding-bottom: 5px;   }
.bdn {font-weight: 500;font-size: 17px;padding: 14px 36px;background: #154F92;color:#fff;display: inline-block;margin-top: 40px;cursor:pointer;letter-spacing: 1px;}
.bdn:hover {background: #fff; color:#154F92;}
.owl-nav {position: absolute;width: 118px;height: 45px;background: #154F92;font-size: 30px;color:#fff;text-align: center;    z-index: 2;}
.owl-nav button {width: 50%; float: left; text-align: center; height: 100%}
.owl-nav button.disabled {opacity: 0.7}


header { position: relative;height: 112px; z-index: 9; width: 100%; transform: none; left: auto; top: auto; background: #154F92;  padding: 0 65px; -webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s }
.logo, .logo-fix {position: relative; float: left; padding-top: 15px; display: inline-block;}
.logo-fix {display: none;}
nav { position: absolute; width:100%; text-align: center; top:46px; left:0;-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s}
nav a {display: inline-block; margin: 0 25px; font-weight: 500; font-size: 12px; color:#f4f4f4}
nav a:hover {color:#aaa}
.language {float: right; display: inline-block; padding-top: 0; margin-top: 46px;  position: relative;-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s}
.language a { color:#fff; font-size:12px; font-weight: 500;text-transform: uppercase;}
.language a:hover { color:#aaa; }
.otherL {display: block; color:#fff; padding: 0; text-align: center;height: 20px; line-height: 20px; width: 100%; background: #aaa; position: absolute; left:0;top:15px; display: none; left:0; font-size:11px;}
.otherL:hover{color:#444}

header.main-page {
	position: relative; 
    background: #175190 !important;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* top: 0; */
}


/*header.main-page {position: fixed; background:none;  left:50%; transform: translateX(-50%); top:0;} */
header.main-page .logo {padding-top: 28px;}
header.main-page nav { top:75px}
header.main-page .language { margin-top:75px}
header.fixed {position: fixed; height: 84px; background: #154F92;  }
header.fixed nav { top:36px;}
header.fixed .language {margin-top: 36px;}
header.fixed .logo-fix {padding-top: 21px; display: block }
header.fixed .logo {display: none}

header, nav, .language, .logo, .logo-fix {-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s}

section.full-s { height: auto;padding: 0}
.main-page-body section:nth-child(even) { background:#f1f1f1}
.mainslider, .mainslider * {width: 100%; height:auto} 
video { height: 100%}
p {    letter-spacing: 0.5px !important;}
.main-page-body h3 {    text-transform: uppercase;}
@media screen and (max-width:1440px) {
	nav a {    margin: 0px 15px;}
}