.table { display:table; }
.td { display:table-cell;}

.tac { text-align:center; }
.tal { text-algin:left; }
.tar { text-align:right; }
.taj { text-align:justify; }

.vam { vertical-align:middle; }
.vat { vertical-align:top; }
.vab { vertical-align:bottom; }

.mac { margin:0px auto; }

.m1 { width:8.33%; }
.m2 { width:16.66%; }
.m3 { width:25%; }
.m4 { width:33.33%; }
.m5 { width:41.66%; }
.m6 { width:50%; }
.m7 { width:58.33%; }
.m8 { width:66.66%; }
.m9 { width:75%; }
.m10 { width:83.33%; }
.m11 { width:91.66%; }
.m12 { width:100%; }

.hide { display:none; }
.vh { visibility:hidden; }
.di { display:inline; }




body { background:#fff; font-family:'Open Sans', Arial; font-size:14px; background:#fff; padding:0px; margin:0px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef)) fixed; }
#iloca { max-width:1200px; margin:0px auto; background:#fff; }

#header { width:100%; }
#header .wrapper { padding:20px 30px; }
#header .logo img { height:90px; }
#header .info a { color:#000; }
#header .info a:hover { color:#a92752; }
#header .button { display:inline-block; border:1px solid #eee; border-radius:5px; background:#fff; font-weight:bold; padding:7px 15px; position:relative; }
#header .button:hover { background:#eee; cursor:pointer; }
#header .button.highlight { background:#a92752; color:#fff; }
#header .button.highlight:hover { background:#cb4974; color:#fff; }
#header i { padding-right:5px; }


#header.fixed {
	position: fixed;
	background: #fff;
	width: 1200px;
	top: 0px;
	z-index: 2001;
	border-bottom:3px solid #eee;
}
#header.fixed > div {
	padding: 5px 20px;
}
#header.fixed .logo img { height:35px; }



#header .button.menu { display:none; }
#header.fixed .button.menu { display:inline-block; }
#header .button.contact { display:none; }




#menu_language {
	display:none;
	position:absolute;
	top:20px;
	left:-25px;
	list-style-type:none;
	padding:0px;
	width:120px;
	background:#fff;
	text-align:center;
	border: 1px solid #eee;
	border-radius:5px;
	z-index:1000;
}
#menu_language a { display:block; padding:5px 10px; border-bottom:1px solid #eee; color:#000; font-weight:normal; }
#menu_language a:hover { background:#eee; }
#header .button.language:hover #menu_language { display:block; }






#logo { display:table-cell; vertical-align:middle; padding: 10px 20px 0px 20px; text-align:left; width:220px; }
#logo img { height:60px; }



#mobile_btns { display:none; }
#mobile_btns .language img {
	vertical-align: text-bottom;
	height: 27px;
}


#menu { display:block; text-align:center; padding:20px 20px; }
#menu .close { display:none; }
#menu ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#menu li {
	display:inline-block;
	padding:5px 20px;
	position:relative;
}

#menu li a {
	text-decoration:none;
	color:#333;
	font-weight:bold;
}

#menu li a:hover { color:#a92752; text-decoration:underline; }


/* MENU: SECOND STAGE */
#menu ul ul { display:none; position:absolute; top:28px; left:0px; background:#fff; z-index:2001; box-shadow:2px 2px 2px #aaa; min-width:140px; }
#menu ul ul li { display:block; text-align:left; padding:3px 10px; }
#menu ul > li:hover ul { display:block; }





#menu.fixed {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:#eee;
	width:100%;
	height:100%;
	padding:50px 0px;
	z-index:5000;
}

#menu.fixed li {
	display:block;
}
#menu.fixed a { font-size:20px; padding:10px 0px; display:block; }
#menu.fixed .close {
	display:block;
	position: fixed;
    top: 20px;
    right: 40px;
    font-size: 50px;
    color: #666;
	cursor:pointer;
}



.bannerInit { height:400px; overflow:hidden; }

#booking { background:#333; padding:10px; }
#booking form { display:table; margin:0px auto; }
#booking div.input { display:table-cell; text-align:center; padding:0px 10px; vertical-align:middle; }
#booking .label { color:#fff; font-weight:bold; font-size:11px; margin-bottom:3px; }
#booking input { padding:5px; text-align:center; border: 0; }
#booking select {
	padding: 4px;
	width: 60px;
	border: 0;
}

#booking .button { display:inline-block; border:1px solid #eee; border-radius:5px; color:#fff; background:#a92752; font-weight:bold; padding:5px 15px; position:relative; border:0px; }
#booking .button:hover { background:#cb4974; color:#fff; cursor:pointer; }
#booking .button i { padding-right:10px; }

#booking.fixed {
	position: fixed;
	top: 49px;
	z-index: 2000;
	width: 1200px;
	padding: 10px 0px;
}

#content {
	padding:20px;
	position:relative;
	min-height:300px;
}


/* FAQ */
#content .question {
    padding: 10px 20px;
    background: #eee;
    border: 1px solid #ddd;
    cursor: pointer;
    margin: 10px 0px;
    border-radius: 5px;
}

#content .answer {
	padding: 10px 20px;
	line-height: 1.5em;
}

/* ROOMS */
.room { display:table; margin:40px 0; }
.room .image { display:table-cell; padding-right:20px; }
.room .image img {
	width:200px;
	border-radius: 10px;
}
.room .content { display:table-cell; vertical-align:top; }

.gallery {
	display: none;
	margin-top: 0px;
	padding-left: 220px;
}

.gallery img {
    width: 150px;
    height: 100px;
    object-fit: cover;
}



/* PICTURES */
.pictures { text-align:center; width:100%; }
.picture { display:inline-block; width:200px; height:150px; margin:10px; border:5px solid #eee; }
.picture img { object-fit:cover; width:100%; height:100%; }






#footer {
	display:table;
	width:100%;
	background:#333;
	color:#ccc;
	font-size:12px;
	margin-top:50px;
}

#footer ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	line-height:1.8em;
}

#footer .col {
	display:table-cell;
	padding:20px 30px;
}

#footer h4 { margin:0; padding:0; }

#footer a {
	color:#aaa;
	text-decoration:none;
}

#footer i {
	width:15px;
	text-align:center;
	padding-right:10px;
}




/* COMMON */
h1 {
	margin: 30px 0;
	padding: 0px;
}
h2 {
	margin: 80px 0 40px 0;
}
h3 {
	margin:0;
	padding:0;
}

select { background:#fff; }

a { color: #a92752; text-decoration:none; }
a:hover { color:#666; }

p { text-align:justify; line-height:1.8em; font-size:16px; }

.subheading {
	margin: 0px;
	padding: 0px;
	margin-top:-20px;
	margin-bottom:40px;
	color: #a92752;
}

.subheading2 {
	margin: 0px;
	padding: 0px;
	margin-top:0px;
	margin-bottom:0px;
	color: #2196F3;
}

.subheading3 {
	margin: 0px;
	padding: 0px;
	margin-top:0px;
	margin-bottom:0px;
	color: #2196F3;
}






.badge {
	display: table;
	display: inline-block;
	margin: 10px;
	width: 30%;
}
.badge .box.round {
	border: 2px solid #a92752;
	color: #a92752;
	border-radius: 100px;
	width: 60px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
.badge .info {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}




.button {
	padding: 5px 10px;
	text-decoration: none;
	border-radius: 5px;
}

.button.blue {
	background: #2196F3;
	color: #fff;
}
.button.blue:hover {
	background:#666;
}


.no-list { list-style-type:none; padding:0; }

.t-center { text-align:center; }
.t-right { text-align:right; }
.t-left { text-align:left; }
.t-large { font-size:20px; }
.t-small { font-size:11px; }
.t-blue { color: #2196f3; }

.w50 { width:49%; }

.f-left { float:left; }
.f-right { float:right; }
.clear { clear:both; }


.maps { position: relative; }
.maps .overlay { display:none; }

.maps:hover .overlay {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000000a6;
	display: table-cell;
	color: #fff;
	text-align: center;
	cursor:pointer;
}

.maps:hover .overlay .text {
	padding-top: 50%;
	text-shadow: black 2px 2px 5px;
}


/* POPUP WINDOW */
.popup {
	background: #fff;
	padding: 10px;
	text-align: center;
}
.popup .heading {
	font-size: 20px;
	font-weight: bold;
}
.popup input, .popup textarea {
	margin: 20px 0px;
	text-align: center;
	font-size: 20px;
	padding: 10px;
	background: #eee;
	border: 1px solid #ddd;
}
.popup .actions a {
	background: #2196f3;
	padding: 10px 20px;
	display: inline-block;
	color: #fff;
	margin: 0px 5px;
}
.popup .actions a:hover {
	background: #43b8f5;
}



/* PRODUCT LIST */
.productList { display:table; width:90%; margin:0px auto; }
.productList > div { display:table-row; }
.productList > div > div { display:table-cell; text-align:left; padding:5px 10px; }
.productList > div > div:nth-child(2) { text-align:center; }
.productList > div > div:nth-child(3) { text-align:center; }
.productList > div:nth-child(2n) { background:#eee; }
.productList > div.head > div { font-weight:bold; }




@media (max-width: 800px) {
	#iloca { width: 100%; }
	#header #logo { width:50%; padding: 15px 20px 5px 10px; }
	#header > div { padding:10px 20px; }
	
	#mobile_btns { display:table-cell; width:50%; text-align:right; vertical-align:middle; font-size:20px; font-weight:bold; }
	#mobile_btns i { margin:0px 10px; }
	#mobile_btns #btn_menu { margin-right:0px; }
	
	
	
	#footer { display:block; }
	#footer .col { display:block; text-align:center; }
	
	
	
	
	.gallery { padding-left:0px; text-align:center; }
	
	
	.productList { width:100%; }
	
	
	
	.f-left { float:unset; }
	.f-right { float:unset; }
	.w50 { width:100%; margin-bottom:30px; }
	
	.sy-caption-wrap .sy-caption { display:none !important; }
}




@media (max-width: 600px) {
	body { padding-top:40px; }
	
	#header .wrapper { padding:5px; }
	#header .info { display:none; }
	#header .logo img { height:30px; vertical-align:bottom; }
	#header .button.menu { display:inline-block; }
	#header .button.contact { display:inline-block; }
	#header i { padding:0px; }
	
	#content { padding:20px 10px; }
	
	.s1 { width:8.33%; }
	.s2 { width:16.66%; }
	.s3 { width:25%; }
	.s4 { width:33.33%; }
	.s5 { width:41.66%; }
	.s6 { width:50%; }
	.s7 { width:58.33%; }
	.s8 { width:66.66%; }
	.s9 { width:75%; }
	.s10 { width:83.33%; }
	.s11 { width:91.66%; }
	.s12 { width:100%; }
	
	
	.mh { display:none; }
	
	
	
	#menu {
		display:none;
		position:fixed;
		top:0px;
		left:0px;
		background:#eee;
		width:100%;
		height:100%;
		padding:50px 0px;
		z-index:5000;
	}

	#menu li {
		display:block;
	}
	#menu a { font-size:20px; padding:10px 0px; display:block; color:#000; }
	#menu .close {
		display:block;
		position: fixed;
		top: 20px;
		right: 40px;
		font-size: 50px;
		color: #666;
		cursor:pointer;
	}
	
	
	
	#header { position:fixed; top:0px; left:0px; right:0px; z-index:1000; background:#fff; }
	#header > div { padding:10px 20px; }
	#header #logo { width:50%; text-align:left; }
	#header #logo img { height:30px; }
	
	
	#booking form { display:block; text-align:center; }
	#booking .button i { padding-right:0px; }
	#booking div.input { display:inline-block; width:24%; padding:0 5px; text-align:center; }
	#booking div.input input, #booking div.input select { width:100%; }
	
	#booking div.input:nth-child(3) { width:20%; }
	#booking div.input:nth-child(4) { width:15%; padding:0px; }
	
	#booking div.input:nth-child(4) .label { visibility:hidden; }
	
	#content.no-padding { padding:0; }
	
	
	
	
	#footer { display:block; }
	#footer .col { display:block; text-align:center; }
	
	
	.room { display:block; }
	.room .image { display:block; padding-right:0px; width:100%; }
	.room .image img { width:100%; }
	.room .content { text-align:center; }
	
	.gallery { padding-left:0px; text-align:center; }
	
	
	
	.badge { display:block; width:100%; }
	
	.f-left { float:unset; }
	.f-right { float:unset; }
	.w50 { width:100%; margin-bottom:30px; }
	
	.sy-caption-wrap .sy-caption { display:none !important; }
}