html {
	width:100%;
	height:100%;
}
body {
	margin:0;
	width:100%; 
	height:100%;
	background:#fff;
	font-family:'Monda', sans-serif;
	font-size:100%;
	line-height:150%;
	color:#222;
}
.header_container {
	position:fixed;
	top:0;
	left:50%;
	z-index:100;	
	-ms-transform: translate(-50%, 0); /* IE 9 */
	-webkit-transform: translate(-50%, 0); /* Safari */
	transform: translate(-50%, 0);
}
.header_container .columns, .header_container .row {
	padding:0;
}
header {
	background:#fff;
	min-height:80px;
	height:auto;
	margin:0 auto;
	padding:0;
}
h1 { 
	font-family:'Gafata', sans-serif;
	margin:0 auto 30px auto; 
	padding:0; 
	display:block; 
	width:147px;
	height:54px; 
	text-indent:-99999px; 
	background:#fff;
}
h1 a { 
	display:block; 
	width:100%; 
	height:100%; 
	background:url(/img/logo_hr.png) center center no-repeat; 
}
nav {
	background:#fff;
	min-height:20px;
	height:auto;
	width:100%;
	margin:0;
	padding:0;
	display:block;
	font-family:'Gafata', sans-serif;
	font-size:14px;
	text-transform:uppercase;
}
nav#lang {
	width:auto;
	margin:10px 0 0 0;
}
nav ul {
	list-style-type:none;
	margin:0;
	padding:0 30px;	
	float:right;
	font-size:14px;
}
nav ul li {
	display:inline-block;
}
nav ul li a {
	color:#222;
	padding:3px 10px;
	display:block;
}
nav ul li a:hover {
	color:#37B34A;
}
nav ul li.active a {
	background:#37B34A;	
	color:#fff;
}
nav#main {
	margin-top:-72px;
}
nav#main .columns {
	min-height:1px;
	text-align:center;
}
nav#main a {
	color:#222;
	padding:3px 10px;
	width:100%;
	display:block;
	width:auto;
	line-height:20px;
}
nav#main a:hover {
	color:#37B34A;
}
nav#main a.active {
	background:#37B34A;	
	color:#fff;
}
.clear {
	clear:both; 
}
.columns {
	min-height:1px;
}

#content {
	width:100%;
	height:auto;
	background:#fff;
	position:relative;
	z-index:2;
	margin-top:122px;
}

.box {
	height:360px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:45px 45px 35px 45px;
}
.box2 {
	height:720px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:45px 45px 35px 45px;
}
.text {
	padding-top:0;
	min-height:360px;
	height:auto;
}
.link_break {
	height:70px;
	text-align:center;
	line-height:70px;
	background:#fff;	
}
.link_break a {
	display:block;
	width:100%;
	height:100%;
	font-family:'Gafata', sans-serif;
	font-size:14px;
	color:#222;
	text-transform:uppercase;
}
.link_break a:hover {
	color:#37B34A;
}
.link_break a span.more {
	float:right;
	padding:0 15px;
}
.box h2, .box2 h2 {
	text-transform:uppercase;
	font-size:1.5em;
	line-height:2em;
	border-bottom:1px solid #222;
	margin:0 0 10px 0;
	padding:0;	
}
.box h3, .box2 h3 {
	text-transform:uppercase;
	font-size:1em;
	line-height:2em;
	margin:0;
	padding:10px 0;	
}
.box ol, .box2 ol, .box ul, .box2 ul  {
	font-size:0.9em;
	line-height:1.6em;
	margin:0;
	padding:10px 0 10px 30px;	
}
.box p, .box2 p  {
	font-size:0.9em;
	line-height:1.6em;
	margin:0;
	padding:10px 0;	
}
.room .box {
	padding:0;
}
.box a {
	display:block;
	width:100%;
	height:100%;
}
.room .box:nth-child(2) {
	background:#939598;
}
.room .box:nth-child(2) a {
	color:#fff;
	padding:165px 45px 35px 45px;
	text-transform:uppercase;
}
table {
	width:100%;
	table-layout:fixed;
	margin:10px 0;
	padding:0;
	border-collapse:collapse;
}
table tr td {
	border:1px solid #2B388F;
	text-align:center;
	font-size:0.8em;
	line-height:1.6em;
	background:#fff;
	color:#2B388F;
}
table tr:first-child td {
	color:#1B75BB;
}
.slider_container {
	padding:0;
}
.bx-wrapper .bx-viewport {
	border:none;
	box-shadow:none;
	margin:0;
	padding:0;
	left:0;
}
.bxslider {
	height:360px;
	width:100%;
	padding:0 !important;
	margin:0 !important;
}
.bxslider li {
	height:360px;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.nopadding {
	padding:0;
}
.map_container {
	padding:0;
	line-height:0;
}
iframe {
	border:none;
	margin:0;
	padding:0;
}

form						{ margin:0; padding:0; border:none; width:100%; float:left; }
fieldset					{ margin:0; padding:0; border:none; width:100%; float:left; }

label						{ font-size:0.8em; line-height:25px; height:auto; min-height:20px; font-family:'Monda', sans-serif; width:40%; padding:0 10px 0 0; float:left; margin:5px 0 0 0; color:#000; }
label:first-letter			{ text-transform:capitalize; }
textarea					{ font-family:'Monda', sans-serif; height:100px !important; line-height:20px; font-size:0.8em; width:60%; float:right; margin:5px 0 !important; display:block; border:1px solid #5a5b5e; background:#fff; padding:5px; color:#000; }

input						{ font-family:'Monda', sans-serif; height:25px; line-height:25px; font-weight:normal; font-size:0.8em; width:55%; width:-moz-calc(60% - 12px); width:-webkit-calc(60% - 12px); width:-o-calc(60% - 12px); width:calc(60% - 12px); float:right; margin:5px 0; }
input[type="text"] 			{ display:block; border:1px solid #5a5b5e; width:60%; background:#fff; padding:0 5px; color:#000; height:25px; font-size:0.8em; margin:5px 0; }
input[type="text"]:focus 	{ outline:none; border:1px solid #8bc541; }
input[type="submit"] 		{ height:50px; float:right; max-width:200px; display:inline-block; margin:5px 0 5px 0; padding:0; background:#37B34A; color:#fff; border:none; text-decoration:none; cursor:pointer; font-size:0.8em; line-height:50px; }
input[type="submit"]:hover 	{ background:#000; border:none; }

p.notok		{ color:#f00; }
input.notok, textarea.notok	{ border:1px solid #f00; }
label.notok { color:#f00; }

.social { 
	text-align:center;
}
.social a { 
	text-align:center;
	display:block;
	width:100%;
	height:100%;
	padding:15px 0;
}

footer {
	width: 100%;
	height: auto;
	padding: 20px 0;
	text-align: center;
}
footer p {
	font-size:0.8em;
	line-height:1.6em;
	margin:0;
	padding:0;	
	text-transform: uppercase;
}
footer p a {
	color: #222;
	padding: 0 10px;
}

/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-left: 30px;
	z-index: 999;
}
#gdpr-cookie-message h4 {
    color: #000;
    font-size: 0.9em;
    margin: 0 0 10px 0;
	padding:0;
	font-family: 'Monda', sans-serif;
	font-weight: bold;
}
#gdpr-cookie-message h5 {
    color: #000;
    font-size: 0.9em;
    margin: 10px 0;
	padding:0;
	font-family: 'Monda', sans-serif;
	font-weight: bold;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: #000;
    font-size: 0.9em;
    line-height: 1.6em;
	font-family: 'Monda', sans-serif;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
	padding: 5px 0;
}
#gdpr-cookie-message label {
    color: #000;
	font-size: 14px;
	line-height: 1em;
	margin: 2px 0 0 5px;
}
#gdpr-cookie-message a {
	color:#666;
    text-decoration: none;
    font-size: 14px;
    padding-bottom: 0;
    border-bottom: 1px dotted rgba(0,0,0,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: #000;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    color: #fff;
    font-size: 0.9em;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
    background: #999;
	font-family: 'Monda', sans-serif;
}
#gdpr-cookie-message button:hover {
    background: #000;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    margin-top: 2px;
    margin-right: 5px;
	float: left;
	width: auto;
	height: auto;
}
#recaptcha div {
	float: right;
}
.freeprivacypolicy-com---nb-simple {
	max-width: 500px !important;
}

/* Small screens */
@media only screen { 

} /* Define mobile styles */

@media only screen and (max-width: 40em) { 
	nav#lang {
		margin:5px 0 0 0;
	}
	nav ul {
		padding:0 20px;	
	}
	h1 { 
		margin:10px auto 10px auto; 
	}
	nav#main { 
		margin-top:0;
	}
	#content {
		margin-top:214px;
	}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) { 
	
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 	

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { 
	
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
	
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { 

} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { 

} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { 

} /* min-width 1921px, xxlarge screens */