* {font-family:Arial;font-size:14px; margin:0}

body { background-color:#fff; }

.hidden, .mobile { display:none !important; }

a { color:#4e8087; }

.imenu { display:none; }

.main { width: 1180px;margin:0 auto; }
header {  }

.logo {
    padding-top:20px;
}
.call {
    float: right;
    width: 200px;
    text-align: right;
	margin-top: 10px;
}

.call p { margin-bottom:10px; }
.call p a, footer p a {font-size:24px; color:#797979; text-decoration:none;  font-weight: bold;}

.call p {
    margin-bottom: 10px;
    line-height: 25px;
    color: #545454;
    font-weight: bolder;
    font-size: 14px;
}
.call div a { font-size:14px; color:#6b9798; }
.call div a {
    background-image: url(/assets/i/whatsup.png);
    background-repeat: no-repeat;
    float: none;
    width: auto;
    height: 20px;
    padding-left: 25px;
    display: inline-block;
    background-position-y: -1px;
}

main {     clear: both; }

nav {
    background-color: #4e949e;
	    clear: both;
		margin-top: 30px;
		border-bottom:4px solid #38747c;
		z-index:10000;
}


nav ul.menu {
    width: max-content;
	z-index: 10000;
	padding: 0;
}


nav ul li ul  {display:none; position:absolute; background-color: #9bc7ca; padding:0; border-top:4px solid #4e949e;}
nav ul li ul li { display : block;
    text-align: left;
	}

nav ul.menu li ul a {
    padding-right: 70px;
    font-size: 14px;
    padding: 14px 70px 10px 24px;
}


nav ul.menu li ul a:hover {background-color: #4e949e;}

nav ul li {
    display: inline-block;


    text-align: center;

}

nav ul.menu a {
    font-weight: bold;
    color: #fff;
	 padding: 15px 24px;
    font-size: 16px;
	    display: block;
    text-transform: uppercase;
    text-decoration: none;
}

nav ul.menu a:hover {  background-color: #9bc7ca; }

nav ul.menu li:hover ul { display:block; }


div.waves {
    margin-top: 60px;
}

div.waves div {
    height: 50px;
    margin-top: -25px;
}
div.waves div.wave-1 {
    background-image: url(/assets/i/wave-1.png);
    background-position: 70px 0px;
    bottom: 20px;
}
div.waves div.wave-2 {
    background-image: url(/assets/i/wave-2.png);
}
div.waves div.wave-3 {
    background-image: url(/assets/i/wave-3.png);
    background-position: 85px 0px;
    bottom: -5px;
    margin-top: -32px;
}

.slider { height:644px; overflow:hidden }

.slick-slide img
{
    width:100% !important;  /* fix */
	height:100% !important; /* fix */
}


.reserv {
    background-color: #9bc7ca;
    padding: 10px 0;
	font-weight: bold;
    font-size: 15px;
    padding: 10px;
    color: #698c90;
}

.reserv span  { margin-right:10px; }

.reserv input, .reserv select {
    font-weight: bold;
    font-size: 15px;
    padding: 10px;
    color: #698c90;
    border: 0;
    margin-right: 15px;
}

.reserv input[type="submit"] {
    float: right;
	background-color:#3c727c;
	color:#c2eff4;
    text-transform: uppercase;
	padding: 10px 20px;
	margin-right: 0;
}

h1 {
    color: #608d90;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 30px;
}

h3, h4 {
    color: #807267;
    text-align: center;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}


/************************************ <SECTION> ************************************/

section {
    min-height: 300px;
	margin-bottom: 20px;
}

section p { margin-bottom:20px; font-size:15px; }
section ul li, section ol li {
    padding: 4px;
    color: #4f4f4f;
}

section ul {
    margin-bottom: 15px;
	}

section ul.col2 {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}


section ul.col3 {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
}

section table {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-collapse: collapse;
    margin-bottom: 30px;
}

section table tr td, section table tr th {
    padding: 10px;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    vertical-align: top;
}


.indexBlock div {
    width: 49%;
    float: left;
    /* height: 250px; */
    background-color: #dbe7e7;
    margin-bottom: 25px;
}

div.video iframe { width:100%; height:720px; }

/************************************ </SECTION> ************************************/

.indexBlock div img { width:100%; }

.indexBlock div:nth-child(2n+1) { margin-right:2%}

.indexBlock div p.link {
    background-color: #9bc7ca;
    padding: 10px 20px;
    font-weight: bold;
    color: #4e8087;
    /*  margin-top: 211px; */
    font-size: 16px;
    /* border-bottom: 1px solid #aaa; */
	margin:0;
}

.indexBlock div p.link a {
    font-weight: bold;
    padding: 10px 0;
    display: block;
    color: #4e8087;
    /* margin-top: 211px; */
    font-size: 16px;
    text-decoration: underline;

}


.indexBlock div span.rooms {
    display: block;
    padding: 20px;
}

.roomsClose {
    background-color: #f3f3f3;
    padding: 10px 20px;
    border-radius: 28px;
    display: block;
}


.indexBlock div span.ul2 {
    padding: 0 20px 0 20px;
    display: block;
    margin-bottom: 20px;
}

.indexBlock:after {  content: '';
    display: block;
    clear: both;
}

.indexBlock div iframe {
    width: 100%;
    height: 325px;
	border:0;
}


div.h3 p {
    color: #6f7170;
    text-align: center;
    line-height: 22px;
    margin-bottom: 16px;
}

.indexBlock div p.order a {
    font-weight: bold;
    padding: 5px 0;
    color: #ffffff;

}

.indexBlock div p.order {
    background-color: #3d9096;
    padding: 5px 20px;
}

.indexBlock div p.order a em {
    font-size: 16px;
    color: #d4ffaf;
	font-style:normal;
	}

.book a {
    color: #fff;
    padding: 10px 20px;
    display: block;
    text-align: center;
    text-decoration: none;

    font-weight: bold;
    border-radius: 5px;
    background-color: #5a9ca5;
    margin-top: 40px;
    margin-bottom: 40px;
}
.video {
    margin-bottom: 20px;
}

footer div {
    float: right;
}

footer p {
    margin-bottom: 15px;
}

footer {
    padding-bottom: 40px;
    padding-top: 100px;
}

div.waves div {
    -webkit-animation: wave 3s .1s infinite linear;
    animation: wave 3s .1s infinite linear;
    position: fixed;
    height: 50px;
    width: 100%;
    left: -5%;
    width: 110%;
    margin-top: 0px;
}

div.waves div.wave-2 {
    animation: wave 2s .1s infinite linear;
    bottom: 5px;
}



div.waves div.wave-3 {

    background-position: 20px 0px;
    bottom: -5px;
    margin-top: 0;
}

div.waves {
    margin-top: -13px;
    width: auto;
    width: 100%;
    position: absolute;
    overflow: hidden;
    height: 100px;
}

div.waves div { position: absolute; }


@-webkit-keyframes wave { 0% { -webkit-transform: rotateZ(0deg) translate3d(0,8%,0) rotateZ(0deg); transform: rotateZ(0deg) translate3d(0,8%,0) rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg) translate3d(0,8%,0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0,8%,0) rotateZ(-360deg); } }



.photo3 { margin-top:30px; }

.photo3 div {
    float: left;
    width: 32%;
    /* border: 15px solid #d3e7e8; */
    /* border-radius: 8px; */
    margin-right: 2%;
    margin-bottom: 20px;
}

.photo3 div:nth-child(3n){margin-right:0; }

.photo3 div img {
    width: 100%;
    /* border-bottom: 20px solid #cae1e1; */
    /* border-radius: 8px; */

}

.photo3 div p {
    background-color: #d3e7e8;
    padding: 10px 0;
    width: 100%
    color: #2c5252;
    height: 20px;
	text-indent: 20px;
}

.photo3:after {
    clear: both;
    display: block;
    content: '';
}





/* cookie */
#cookie_agree {
    position: fixed;
    z-index: 9999999999;
    bottom: 0;
    left: 0;
    background-color: #4e949e;
    padding: 15px;
    width: 100%;
    font-weight: 500;
    text-align: left;
    align-items: left;
    display: none;
    color: #ffffff;
    margin: auto;
	box-sizing: border-box;
}

#cookie_agree.show {
    display: block
}

#cookie_agree a {
display: inline-block;
    padding: 5px 13px;
    border-radius: 5px;
    border: 1px solid #fff;
    margin-right: 20px;
    background-color: #fff;
    text-transform: uppercase;
	}



#cookie_agree p {
    max-width: 1138px;
    margin: 0 auto;
    margin-bottom: 15px;
}

#cookie_agree a.agree_more {
    color: #000;
}

#cookie_agree a.agree_more {
    color: #000;
    background-color: initial;
    border: 0;
    color: #fff;
}