/***************************************************
    MASTER CSS for Mare Mons
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*** RESET ***/
*           { margin: 0; padding: 0; list-style: none; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

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, img, ins, kbd, q, s, samp, small, strike, tt, var, 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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.5; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

a,
a img       { outline: none; }
a,
a *         { cursor: pointer; }

a:focus,
a:active,
input:focus,
textarea:focus,
select:focus, 
button:focus, 
button:active { outline: none; }

a img,
fieldset, 
button        { border: none; }

input, 
textarea, 
select        { outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border-radius: 0; }
select        { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; }

/*** GRID ***/
.wrap { 
	width: 100%; 
	max-width: 90%; 
	margin: 0 auto;
}
.col { 
	float: left; 
	margin-right: 2.564102564102564%;
	word-wrap: break-word;
}
.col:last-child { margin-right: 0 !important; }

/*** GRID - Cols ***/
.c1  { width:   1.709401709401709%; }
.c2  { width:   5.982905982905982%; }
.c3  { width:  10.25641025641026%; }
.c4  { width:  14.52991452991453%; }
.c5  { width:  18.8034188034188%; }
.c6  { width:  23.07692307692307%; }
.c7  { width:  27.35042735042735%; }
.c8  { width:  31.62393162393162%; }
.c9  { width:  35.89743589743589%; }
.c10 { width:  40.17094017094017%; }
.c11 { width:  44.44444444444444%; }
.c12 { width:  48.71794871794871%; }
.c13 { width:  52.99145299145299%; }
.c14 { width:  57.26495726495726%; }
.c15 { width:  61.53846153846153%; }
.c16 { width:  65.8119658119658%; }
.c17 { width:  70.08547008547008%; }
.c18 { width:  74.35897435897435%; }
.c19 { width:  78.63247863247862%; }
.c20 { width:  82.9059829059829%; }
.c21 { width:  87.17948717948717%; }
.c22 { width:  91.45299145299144%; }
.c23 { width:  95.72649572649572%; }
.c24 { width: 100%; margin-right: 0; }

/*** GRID - sub cols ***/
.c9 .col  { margin-right: 7.142857142857143%; }
.c9 .c1   { width:   4.761904761904762%; }
.c9 .c2   { width:  16.66666666666668%; }
.c9 .c3   { width:  28.57142857142859%; }
.c9 .c4   { width:  40.4761904761905%; }
.c9 .c5   { width:  52.38095238095241%; }
.c9 .c6   { width:  64.28571428571432%; }
.c9 .c7   { width:  76.19047619047623%; }
.c9 .c8   { width:  88.09523809523814%; }
.c9 .c9   { width: 100%; }

.c18 .c9 .col  { margin-right: 7.142857142857143%; }
.c18 .c9 .c1   { width:   4.761904761904762%; }
.c18 .c9 .c2   { width:  16.66666666666668%; }
.c18 .c9 .c3   { width:  28.57142857142859%; }
.c18 .c9 .c4   { width:  40.4761904761905%; }
.c18 .c9 .c5   { width:  52.38095238095241%; }
.c18 .c9 .c6   { width:  64.28571428571432%; }
.c18 .c9 .c7   { width:  76.19047619047623%; }
.c18 .c9 .c8   { width:  88.09523809523814%; }
.c18 .c9 .c9   { width: 100%; }

.c12 .col { margin-right: 5.263157894736842%; }
.c12 .c1  { width:   3.508771929824561%; }
.c12 .c2  { width:  12.28070175438596%; }
.c12 .c3  { width:  21.05263157894737%; }
.c12 .c4  { width:  29.82456140350877%; }
.c12 .c5  { width:  38.59649122807017%; }
.c12 .c6  { width:  47.36842105263158%; }
.c12 .c7  { width:  56.14035087719298%; }
.c12 .c8  { width:  64.91228070175438%; }
.c12 .c9  { width:  73.68421052631579%; }
.c12 .c10 { width:  82.45614035087719%; }
.c12 .c11 { width:  91.22807017543859%; }
.c12 .c12 { width: 100%; }

.c18 .c12 .col { margin-right: 5.263157894736842%; }
.c18 .c12 .c1  { width:   3.508771929824561%; }
.c18 .c12 .c2  { width:  12.28070175438596%; }
.c18 .c12 .c3  { width:  21.05263157894737%; }
.c18 .c12 .c4  { width:  29.82456140350877%; }
.c18 .c12 .c5  { width:  38.59649122807017%; }
.c18 .c12 .c6  { width:  47.36842105263158%; }
.c18 .c12 .c7  { width:  56.14035087719298%; }
.c18 .c12 .c8  { width:  64.91228070175438%; }
.c18 .c12 .c9  { width:  73.68421052631579%; }
.c18 .c12 .c10 { width:  82.45614035087719%; }
.c18 .c12 .c11 { width:  91.22807017543859%; }
.c18 .c12 .c12 { width: 100%; }
.c18 .c12 .c13 { width:  71.26436781609196%; }
.c18 .c12 .c14 { width:  77.01149425287357%; }
.c18 .c12 .c15 { width:  82.75862068965518%; }
.c18 .c12 .c16 { width:  88.50574712643679%; }
.c18 .c12 .c17 { width:  94.2528735632184%; }
.c18 .c12 .c18 { width: 100%; }

.c14 .col { margin-right: 4.477611940298507%; }
.c14 .c1  { width:   2.985074626865672%; }
.c14 .c2  { width:  10.44776119402985%; }
.c14 .c3  { width:  17.91044776119403%; }
.c14 .c4  { width:  25.37313432835821%; }
.c14 .c5  { width:  32.83582089552239%; }
.c14 .c6  { width:  40.29850746268657%; }
.c14 .c7  { width:  47.76119402985075%; }
.c14 .c8  { width:  55.22388059701493%; }
.c14 .c9  { width:  62.6865671641791%; }
.c14 .c10 { width:  70.14925373134328%; }
.c14 .c11 { width:  77.61194029850746%; }
.c14 .c12 { width:  85.07462686567164%; }
.c14 .c13 { width:  92.53731343283582%; }
.c14 .c14 { width: 100%; }

.c18 .c14 .col { margin-right: 4.477611940298507%; }
.c18 .c14 .c1  { width:   2.985074626865672%; }
.c18 .c14 .c2  { width:  10.44776119402985%; }
.c18 .c14 .c3  { width:  17.91044776119403%; }
.c18 .c14 .c4  { width:  25.37313432835821%; }
.c18 .c14 .c5  { width:  32.83582089552239%; }
.c18 .c14 .c6  { width:  40.29850746268657%; }
.c18 .c14 .c7  { width:  47.76119402985075%; }
.c18 .c14 .c8  { width:  55.22388059701493%; }
.c18 .c14 .c9  { width:  62.6865671641791%; }
.c18 .c14 .c10 { width:  70.14925373134328%; }
.c18 .c14 .c11 { width:  77.61194029850746%; }
.c18 .c14 .c12 { width:  85.07462686567164%; }
.c18 .c14 .c13 { width:  92.53731343283582%; }
.c18 .c14 .c14 { width: 100%; }

.c18 .col { margin-right: 3.448275862068966%; }
.c18 .c1  { width:   2.298850574712644%; }
.c18 .c2  { width:   8.045977011494253%; }
.c18 .c3  { width:  13.79310344827586%; }
.c18 .c4  { width:  19.54022988505747%; }
.c18 .c5  { width:  25.28735632183908%; }
.c18 .c6  { width:  31.03448275862069%; }
.c18 .c7  { width:  36.7816091954023%; }
.c18 .c8  { width:  42.52873563218391%; }
.c18 .c9  { width:  48.27586206896552%; }
.c18 .c10 { width:  54.02298850574713%; }
.c18 .c11 { width:  59.77011494252874%; }
.c18 .c12 { width:  65.51724137931035%; }
.c18 .c13 { width:  71.26436781609196%; }
.c18 .c14 { width:  77.01149425287357%; }
.c18 .c15 { width:  82.75862068965518%; }
.c18 .c16 { width:  88.50574712643679%; }
.c18 .c17 { width:  94.2528735632184%; }
.c18 .c18 { width: 100%; }

.clear { clear: both; }
.wrap:after, 
.cf:after,
.inner .panel:after, 
.paginator-holder ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/*** GLOBAL & Typ. ***/
html { overflow-y: scroll; }
body { 
	background: #fff;
	color: #464646;
	font: 16px/1 open_sansregular, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2.57em;
	margin: 0 0 30px;
}
h2 {
	font-size: 2.14em;
	margin: 30px 0 20px 0;
}
h3 {
	font-size: 1.71em;
	margin: 30px 0 20px 0;
}
h4 {
	font-size: 1.5em;
	margin: 30px 0 20px 0;
}
h5 {
	font-size: 1.28em;
	margin: 30px 0 20px 0;
}
h6 {
	font-size: 1.14em;
	margin: 30px 0 20px 0;
}

h1, h2, h3, 
h4, h5, h6 { line-height: 1.15em; font-family: open_sansbold; text-transform: uppercase; color: #173061; }

p, 
blockquote { margin: 20px 0; }

blockquote {
    font-style: italic;
    line-height: 30px;
    margin: 15px 0 10px 0;
}
blockquote:before { content: open-quote; width: 11px; display: inline-block; }
blockquote:after { content: close-quote; }

ul, 
ol { margin: 20px 0; }
p + ul, 
p + ol { margin: -10px 0 20px 0; }

ul > li { padding-left: 18px; }
ul > li:before { content: "—"; margin: 0 0 0 -18px; width: 20px; display: inline-block; }
ol > li { list-style: inside decimal; margin-left: 0; }
ol ol > li { list-style-type: lower-latin; }

ul ul { margin-left: 20px; }
ul ol { margin-left: 20px; }
ol ul { margin-left: 20px; }
ol ol { margin-left: 20px; }

.typ ul li, 
.typ ol li { overflow: hidden; width: auto; }


hr {
	display: block;
	clear: both;
	height: 1px;
	background: #c9c9c9;
	color: #c9c9c9;
	border: 0;
	box-shadow: none;
	margin: 20px 0;
}

.table-wrapper-outer { 
	margin: 20px 0;
	clear: both;
}
table {
	margin: 0;
	font-size: 1em;
}
th, td {
	padding: 15px 20px;
	border-right: 1px solid #fff;
}
th:last-child, 
td:last-child { border-right: 0; }
th { background: #272727; text-align: left; text-transform: uppercase; font-family: open_sansbold; color: #fff; }
.even td { background: #c9c9c9; }
.odd td { background: #f9f9f9; }

.table-wrapper-outer { position: relative; }
	
.table-wrapper
{
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}

.table-wrapper::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-wrapper::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

.table-wrapper-fade
{
	position: absolute;
	right: 0;
	width: 40px;
	height: 100%;
	background: url(../images/css/table-fade.png) repeat-y 100% 0;
	display: none;
}

.table-fade-active .table-wrapper-fade { display: block; }

img { max-width: 100%; height: auto; }
.typ img { height: auto !important; }

a { color: #1b75bb; text-decoration: underline; }
a:hover { color: #173061; text-decoration: underline; }

.typ a[href$=doc],
.typ a[href$=docx],
.typ a[href$=txt],
.typ a[href$=rtf],
.typ a[href$=xls],
.typ a[href$=xlsx],
.typ a[href$=ppt],
.typ a[href$=pptx],
.typ a[href$=pdf],
.typ a[href$=zip],
.typ a[href$=rar],
.typ a[href$=jpg],
.typ a[href$=jpeg],
.typ a[href$=gif],
.typ a[href$=bmp],
.typ a[href$=png],
.typ a[href$=tif],
.typ a[href$=tiff],
.typ a[href$=wav],
.typ a[href$=wma],
.typ a[href$=mp3],
.typ a[href$=avi],
.typ a[href$=divx],
.typ a[href$=mov],
.typ a[href$=mp4],
.typ a[href$=mpg],
.typ a[href$=wmv],
.typ a[href$=flv],
.typ span.external a { padding-right: 20px; display: inline-block; background-repeat: no-repeat; background-position: 100% 2px; }

.typ a[href$=doc], 
.typ a[href$=docx] { background-image: url(../images/css/ext-word.png); }
.typ a[href$=txt], 
.typ a[href$=rtf] { background-image: url(../images/css/ext-txt.png); }
.typ a[href$=xls], 
.typ a[href$=xlsx] { background-image: url(../images/css/ext-excel.png); }
.typ a[href$=ppt], 
.typ a[href$=pptx] { background-image: url(../images/css/ext-ppt.png); }
.typ a[href$=pdf] { background-image: url(../images/css/ext-pdf.png); }
.typ a[href$=zip], 
.typ a[href$=rar] { background-image: url(../images/css/ext-zip.png); }
.typ a[href$=jpg], 
.typ a[href$=jpeg],
.typ a[href$=gif], 
.typ a[href$=bmp],
.typ a[href$=png], 
.typ a[href$=tif], 
.typ a[href$=tiff] { background-image: url(../images/css/ext-img.png); }
.typ a[href$=wav], 
.typ a[href$=wma],
.typ a[href$=mp3] { background-image: url(../images/css/ext-wav.png); }
.typ a[href$=avi], 
.typ a[href$=divx],
.typ a[href$=mov], 
.typ a[href$=mp4],
.typ a[href$=mpg], 
.typ a[href$=wmv],
.typ a[href$=flv]  { background-image: url(../images/css/ext-video.png); }
.typ span.external a { background-image: url(../images/css/ext-external.png); }

.typ a.content-img { padding: 0; background: 0; display: inline; }

.media-wrapper { margin-top: 20px; margin-bottom: 20px; padding: 20px; background: #c9c9c9; width: 560px; max-width: 100%; }
.fluid-wrapper { 
	position: relative; 
	padding-bottom: 56.25%;
	display: block; width: 100%;
}
.fluid-wrapper iframe { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	border: 0;
}
.media-left { float: left; margin-right: 20px; margin-top: 0 !important; }
.media-right { float: right; margin-left: 20px; margin-top: 0 !important; }
.media-center { margin-left: auto; margin-right: auto; }
.media-wide { width: 100% !important; }

.image-left { max-width: 100%; float: left; margin-right: 20px; margin-bottom: 20px; margin-top: 0 !important; }
.image-right { max-width: 100%; float: right; margin-left: 20px; margin-bottom: 20px; margin-top: 0 !important; }
.image-center { max-width: 100%; margin-left: auto; margin-right: auto; display: block; }
.image-wide { width: 100% !important; }

.image-left img, 
.image-right img, 
.image-center img, 
.image-wide img { display: block; }
.image-center img { margin-left: auto; margin-right: auto; }

.intro { 
	line-height: 1.5em;
	text-transform: uppercase;
	font-family: open_sansbold;
}
.content {
	line-height: 1.5em;
	margin-right: 0;
}
.side-content { 
	line-height: 1.5em;
	float: right;
	margin-right: 0;
	margin-left: 2.564102564102564%;
	clear: right;
}
.content-footer { 
	font-size: 0.857em;
	line-height: 1.5em;
	clear: both;
}

/*** Page gallery ***/
.gallery { 
	float: right; 
	margin-right: 0;
	margin-left: 2.564102564102564%;
}

.gallery-slider {
	position: relative;
	padding: 0 0 20px;
	border-bottom: 1px solid #c9c9c9;
}
.gallery-items {
	position: relative;
	overflow: hidden;
	margin: 0 0 20px;
}
.gallery-item {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
}
.gallery-item a {
	display: block;
	position: relative;
}
.gallery-item img {
	display: block;
	width: 100%;
}

.img_v { display: block; position: relative; overflow: hidden; height: 100%; background: #f8f8f8; }
.img_v img { display: block; width: auto !important; height: 100% !important; margin: 0 auto; }

.gallery-nav { float: left; }

.gallery-controls {
	float: right;
	width: 120px;
}
.gallery-prev,
.gallery-next {
	width: 39px;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../images/css/flex-controls.png);
	background-repeat: no-repeat;
}
.gallery-prev {
	float: left;
	background-position: right 3px bottom -109px;
}
	.gallery-prev:hover {
		background-position: right 3px bottom -73px !important;
	}
.gallery-next {
	float: right;
	background-position: right 0px bottom -38px !important;
}
	.gallery-next:hover {
		background-position: right 0px bottom -2px !important;
	}

/*** Flex slider ***/
.gallery-flex { position: relative; z-index: 1; }
.flex-viewport { position: relative; z-index: 1; }
.flex-prev, 
.flex-next { position: absolute; z-index: 500; }

.flexslider {margin: 0; padding: 0; position: relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin: 0; padding: 0; background: 0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: auto; max-width: 100%; margin: 0 auto; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.flex-direction-nav { height: 0; }
.flex-direction-nav li { margin: 0; padding: 0; }

.gallery-flex .flex-direction-nav a { 
	position: absolute;
	z-index: 200;
	top: 50%;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../images/css/flex-controls.png);
	background-repeat: no-repeat;
}

.gallery-flex .flex-prev  { left: 0; background-position: 0 0; }
.gallery-flex .flex-prev:hover { background-position: 0 -36px; }
.gallery-flex .flex-next { right: 0; background-position: 0 -72px; }
.gallery-flex .flex-next:hover { background-position: 0 -108px; }

.gallery-flex { display: none; }
.flexslider .slides { margin: 0; }
.flexslider .slides > li:before { display: none; }

.intro, 
.content, 
.side-content, 
.content-footer, 
.gallery { margin-bottom: 30px; }
.content-footer { margin-top: 30px; }

/*** Typ. - reset ***/
.typ *:first-child { margin-top: 0; }
.typ *:last-child { margin-bottom: 0; }
nav li:before { display: none; }


/*** LAYOUT ***/
#pageHeader,
#navigation,
#pageContainer,
#pageMessage,
#secContainer,
#pageFooter, 
.booking { /*padding-right: 30px;*/ padding-left: 30px; position: relative; }

#navigation {
	padding: 0;
}

	#navigation .wrap {
		padding: 0 !important;
		display: flex !important;
		justify-content: flex-end;
	}

	#pageHeader .wrap {
		padding: 24px 0 28px 0;
		position: relative;
		display: grid;
		grid-template-columns: 320px auto 0;
	}
#logo { width: 320px; height: 89px; }
#logo a { display: block; width: 320px; height: 89px; background: url(../images/css/logo.png); text-indent: -9999px; }

.header-right-upper {
	display: flex;
	gap: 20px;
	justify-content: flex-end;
}

.contact-info {
	font-size: 18px;
	line-height: 21px;
	border: 1px solid white;
	border-radius: 6px;
	height: fit-content;
	padding: 3px 10px 0 10px;
	position:relative;
	top: -5px;
}

	.contact-info:hover {
		transform: scale(1.02);
	}

.contact-info span{
	font-size: 0px !important;
}

.contact-info a {
	font-size: 14px !important;
}

	.contact-info a:before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f0e0";
		margin-right: 10px;
		font-size: 16px;
		top: 2px;
		position: relative;
	}

.contact-info,
.contact-info a{
	color: #fff;
}
.contact-info p,
.contact-info ul,
.contact-info ol { margin: 0; padding: 0; }

.language { /*position: absolute; top: 30px; right: 0;*/ }
#language { margin: 0; padding: 0; overflow: hidden; font-size: 14px; line-height: 24px; }
	#language li {
		margin: 0 8px 0 0;
		padding: 0 8px 0 0;
		float: left;
		display: inline;
		border-right: 1px solid #fff;
	}


#language li:last-child { margin: 0; padding: 0; border: 0; }
#language a { color: #fff; text-decoration: none; }

#language a:hover { color: #fff; text-decoration: underline; }


#language .active a { color: #fff; text-decoration: none; font-weight: 900; }



#pageContainer { padding-top: 20px; padding-bottom: 40px; z-index: 2; }
.page-home #pageContainer { padding-bottom: 0; }
#container { position: relative; z-index: 1; }
.sidenav #container { float: right; }
#secContainer { padding-top: 50px; padding-bottom: 40px; }

.send-inquiry { display: table-cell; margin: 15px 0; }
.send-inquiry a { display: block; padding: 0 20px; height: 46px; line-height: 44px; background-color: #0ea963; color: #fff; text-decoration: none; border: 1px solid #0ea963; }
.send-inquiry a:hover { color: #0ea963; background-color: transparent; }

.path { margin: 0 0 40px; color: #464646; font-size: 12px; }
.path ul { margin: 0; }
.path li { display: inline-block; padding: 0; }
.path li:after { content:">"; display: inline-block; margin: 0 0 0 4px;  }
.path .on:after { display: none; }
.path a { cursor: default; color: #464646; text-decoration: none; }
.path a:link { cursor: pointer; }
.path a[href]:hover, 
.path .on a { color: #1b75bb; }

.print { margin: 30px 0 0; }
.print a { float: left; height: 20px; line-height: 20px; color: #464646; text-decoration: none; }
.print-icon { display: inline-block; width: 20px; height: 20px; overflow: hidden; margin: 0 10px 0 0; background: url(../images/css/print-icon.png) no-repeat 0 0; vertical-align: middle; }
.print a:hover { color: #173061; text-decoration: underline; }
.print a:hover .print-icon { /*background-position: 0 -20px;*/ }

.share-footer { margin: 20px 0 0; padding: 20px 0 0; }
.share { display: block; height: 20px; float: left; }

#pageFooter { background: #f6f6f6; color: #000; line-height: 24px; }
#pageFooter .wrap { padding-top: 0px; padding-bottom: 0px; max-width: 100%; }
#pageFooter h3 { font-size: 24px; line-height: 30px; font-family: open_sansregular; margin-top: 0; margin-bottom: 25px; text-transform: none; }
#pageFooter img { display: block; max-width: none; width: 100%; box-shadow: 2px 2px 3px #1e1e1e; }
#pageFooter ul { margin: 0; padding: 0; font-size: 18px; line-height: 30px; }
#pageFooter ul li { margin: 0; padding: 0; }
#pageFooter ul li:before { display: none; }
	#pageFooter ul li a {
		color: #1b75bb;
		text-decoration: none;
	}
#pageFooter ul li a:hover { text-decoration: underline; }

#footer-container > div > div:nth-child(1) > div.col.c15.tablet-c24.mob-c24.typ.cf.footer-box > h3 {
		   display: none;
}

#footer-container > div > div:nth-child(1) > div.col.c7.tablet-c24.mob-c24.typ.cf.footer-box.footer-contact {
	margin-top: 20px;
}

#footer-container > div > div:nth-child(1) > div.col.c15.tablet-c24.mob-c24.typ.cf.footer-box {
	width: 100%;
}

	#footer-container > div > div:nth-child(1) > div.col.c15.tablet-c24.mob-c24.typ.cf.footer-box iframe {
		height: 500px;
	}

		#footer-container .fluid-wrapper {
			padding: 0;
		}

		#footer-container .googlemaps-wrapper {
			margin: 0;
		}

#footer-container .wrap > .cf {
	display: grid;
	grid-template-columns: 25% 75%;
	height: 500px;
}

@media screen and (max-width: 1080px) {
	#footer-container .wrap > .cf {
		grid-template-columns: 50% 50%;
	}
}
@media screen and (max-width: 600px) {
	#footer-container .wrap > .cf {
		grid-template-columns: unset;
	}
	#footer-container > div > div:nth-child(1) > div.col.c15.tablet-c24.mob-c24.typ.cf.footer-box {
		display: none;
	}
}

.footer-contact .fb a, .footer-contact .tw a, .footer-contact .ig a {
	font-size: 0;
}

	.footer-contact .fb a:hover::before, .footer-contact .tw a:hover::before, .footer-contact .ig a:hover::before {
		font-size: 46px;
		line-height: 46px;
	}

#footer-container > div > div:nth-child(1) > .footer-contact {
	width: 100% !important;
}

.footer-contact ul {
	display: flex;
	gap: 10px;
}

.footer-contact .fb a:before {
	font-family: "FontAwesome";
	font-weight: 900;
	content: "\f082";
	font-size: 40px;
	line-height: 40px;
	transition: all .1s ease-in;
}

.footer-contact .tw a:before {
	font-family: "FontAwesome";
	font-weight: 900;
	content: "\f081";
	font-size: 40px;
	line-height: 40px;
	transition: all .1s ease-in;
}

.footer-contact .ig a:before {
	font-family: "FontAwesome";
	font-weight: 900;
	content: "\e055";
	font-size: 40px;
	line-height: 40px;
	transition: all .1s ease-in;
}

.top {
	margin: 0;
}
.top a { float: right; color: #000; text-decoration: none; }
.top a:hover { text-decoration: underline; }

#impressum { color: #959595; }
#impressum .wrap { padding-top: 0; }
#impressum p { margin: 0; }
#copyright { float: left; }
#development { float: right; }
#development a { color: #959595; text-decoration: none; }
	#development a:hover {
		color: #959595;
		text-decoration: underline;
	}

/*** NAVIGATION ***/
#navigation { height: 90px; position: relative; z-index: 9999; }
.page-home #navigation {
	border-top: 1px solid transparent;
}

#navigation .wrap { position: relative; }

#menu {
	margin: 0;
	padding: 10px 0;
	height: 90px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	/*justify-content: center;*/
	background: rgba(23, 48, 97, 1);
}

/*.page-header-fixed #menu {
	height: 90px;
}*/

.page-home #menu {
	background: unset;
}

#menu:no
#menu li {
	padding: 0;
	position: relative;
}
#menu li:before { display: none; }
#menu a { display: block; color: #fff; text-decoration: none; }
.page-home #menu a {
	color: #1c1b1b;
}
.page-home #menu a {
	display: block;
	color: #fff;
	text-decoration: none;
}

#menu > li.sub > a { padding-right: 30px; position: relative; }
#menu > li.sub > a span { position: absolute; top: 50%; right: 4px; margin-top: -12px; width: 24px; height: 24px; overflow: hidden; background: url(../images/css/menu-arrow.png) no-repeat 50% 50%; }
#menu > li.sub > a span {
	background-image: url(../images/css/menu-arrow-hover.png);
}
#menu > li.sub:hover > a span,
#menu > li.open > a span,
#menu > li.on > a span {
	background-image: url(../images/css/menu-arrow-hover.png);
}

#menu > li { float: left; font-size: 14px; line-height: 50px; text-transform: uppercase; font-family: open_sansbold; }
#menu > li > a { padding: 0 10px; }
#menu > li.sub > a { position: relative; }

#menu li > a:hover,
#menu li:hover > a,
#menu .on > a,
#menu .open > a { background: #1b75bb; color: #fff; border-radius: 8px;}

#menu ul {
	position: absolute;
	/*top: 50px;*/
	/*left: 0;*/
	width: 270px;
	background: rgba(23, 48, 97, 1);
	display: none;
	margin: 0;
	padding: 0 !important;
	border-radius: 8px;
}

	#menu ul > li {
		padding: 0 !important;
	}
	#menu .open > ul {
		display: block;
	}
.no-touch #menu .sub:hover > ul { display: block; }

#menu > li.sub-1:last-child > ul,
#menu > li.sub-col:last-child > ul { left: auto; right: 0; }

#menu ul { padding: 10px 0; }
#menu ul li { font-size: 14px; line-height: normal; }
#menu ul a { padding: 10px 20px; position: relative; color: #fff; }

#menu .sub-1 ul > li > a > span, 
#menu .sub-2 ul > li > a > span { position: absolute; top: 8px; right: 4px; width: 24px; height: 24px; overflow: hidden; background: url(../images/css/menu-arrow2.png) no-repeat 50% 50%; }

#menu .sub-1 ul li > a:hover,
#menu .sub-2 ul li > a:hover,
#menu .sub-1 ul li:hover > a,
#menu .sub-2 ul li:hover > a,
#menu .sub-1 ul .open > a,
#menu .sub-2 ul .open > a,
#menu .sub-1 ul .on > a,
#menu .sub-2 ul .on > a { background: #1b75bb; }

#menu .sub-1 ul li.sub > a:hover,
#menu .sub-2 ul li.sub > a:hover,
#menu .sub-1 ul li.sub:hover > a,
#menu .sub-2 ul li.sub:hover > a,
#menu .sub-1 ul .open > a,
#menu .sub-2 ul .open > a { background: #ddb94b; }

#menu .sub-1 ul ul, 
#menu .sub-2 ul ul { top: -10px; left: 270px; }

#menu .sub-wide, 
#menu .sub-col { position: static; }
#menu .sub-wide > ul, 
#menu .sub-col > ul { width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 0; }
#menu .sub-wide > ul > li, 
#menu .sub-col > ul > li { float: left; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; }

#menu .sub-col.sub-2 { position: relative; }
#menu .sub-col.sub-2 > ul { width: 540px; padding: 10px 0; }
#menu .sub-col.sub-2 > ul > li { width: 270px; padding: 0; }
#menu .sub-col.sub-2 > ul ul { margin-bottom: 0; width: 270px; }
#menu .sub-col.sub-2 > ul ul a { padding-left: 20px; padding-right: 20px; }

#menu .sub-3 > ul > li, 
#menu .sub-6 > ul > li { width: 33.33%; }
#menu .sub-3 > ul > li:last-child, 
#menu .sub-6 > ul > li:nth-child(3n) { width: 33.34%; }
#menu .sub-6 > ul > li:nth-child(3n+1) { clear: left; }
#menu .sub-4 > ul > li, 
#menu .sub-7 > ul > li, 
#menu .sub-8 > ul > li { width: 25%; }
#menu .sub-7 > ul > li:nth-child(4n+1), 
#menu .sub-8 > ul > li:nth-child(4n+1) { clear: left; }
#menu .sub-5 > ul > li, 
#menu .sub-9 > ul > li, 
#menu .sub-10 > ul > li { width: 20%; }
#menu .sub-9 > ul > li:nth-child(5n+1), 
#menu .sub-10 > ul > li:nth-child(5n+1) { clear: left; }

#menu .sub-wide ul, 
#menu .sub-col ul { width: 100%; }
#menu .sub-wide > ul a, 
#menu .sub-col > ul a { padding-left: 0; padding-right: 0; }
#menu .sub-wide > ul > li.sub > a, 
#menu .sub-col > ul > li.sub > a { color: #fff; background: 0; padding-bottom: 15px; border-bottom: 1px solid #fff; cursor: default; }
#menu .sub-wide > ul ul, 
#menu .sub-col > ul ul { position: static; display: block; padding: 10px 0 0; }
#menu .sub-wide > ul ul a:hover,
#menu .sub-col > ul ul a:hover, 
#menu .sub-wide > ul ul .on a, 
#menu .sub-col > ul ul .on a { color: #ddb94b; background: 0; }
#menu .sub-col > ul ul { padding-top: 0; }
#menu > li > a.res-menu-item {
	color: #1B75BB;
	outline: 2px solid #1B75BB;
	transition: outline-offset 150ms ease;
}
.page-home #menu > li > a.res-menu-item {
	color: #1B75BB;
	outline: 2px solid #1B75BB;
	background: #fff;
	outline-offset: -4px;
	border-radius: 8px;
	margin-left: 10px;
}
#menu > li > a.res-menu-item:hover { outline-offset: -4px; background: white; }
.page-home #menu > li > a.res-menu-item:hover {
	outline-offset: -5px;
	background: white;
}



/*** BOOKING ***/
.booking { position: relative; z-index: 20; clear: both; }

.booking .switch { color: #231f20; margin: 0 0 15px; position: relative; font: 16px "open_sansbold", Arial, Helvetica, sans-serif; text-transform: uppercase; }

.booking-main { background-color: rgba(217,192,79, 0.8); font-size: 13px; color: #231f20; padding: 35px 20px; }
.bselect.select, 
.booking-cols { clear: both; margin: 0 0 15px; }

.booking-main label { display: block; clear: both; margin: 0 0 5px; font-size: 13px !important; line-height: 18px; padding: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.bselect.select select,
.binput.input input { height: 37px; line-height: 35px; border: 1px solid #d8ab5b; padding: 0 5px; font-size: 14px; font-family: "open_sansregular", Arial, Helvetica, sans-serif;; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.binput.input input:focus { text-overflow: clip; }
.bselect.select select { padding: 0 30px 0 5px; background: #fff url(../images/css/book-select.png) no-repeat 100% 0; }

.bmselect.select select { float: left; clear: none; }
.bmselect.select select.bday { width: 28%; }
.bmselect.select select.bmonth { width: 28%; margin: 0 4.347826086956522%; }
.bmselect.select select.byear { width: 35.30434782608696%; }

.booking-cols .bselect.select, 
.booking-cols .binput.input { margin-bottom: 0; }

.booking-cols .bselect.select { float: left; width: 28%; margin: 0 4.347826086956522% 0 0; }
.booking-cols .binput.input { float: right; clear: none; width: 67.65217391304348%; }

.bcheck { padding: 0 0 10px; margin: 0 0 15px; border-bottom: 1px solid #e4d59f; }
.bcheck a { display: block; cursor: pointer; background: #b45e30; border-radius: 5px; padding: 13px 10px 14px 10px; font: 16px "open_sansbold", Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; }
.bcheck a:hover { background: #272727; }

.bres a { color: #231f20; text-decoration: none; }
.bres a:hover { color: #272727; }

.booking .wrap { position: relative; height: 0; }
.booking-main { position: absolute; top: 0; left: 0; }

.booking-main { top: 50px; padding-top: 20px; padding-bottom: 20px; }
.page-home .booking-main { padding-top: 35px; padding-bottom: 35px; }

.inner { padding: 0 !important; margin-bottom: 40px !important; }

.inner .booking-main { position: static; width: 100%; }
.inner .bselect.select,
.inner .booking-cols,
.inner .bcheck { float: left; width: auto; clear: none; margin-right: 20px; }
.inner .bmselect.select,
.inner .booking-cols { margin-top: -23px; }
.inner .bcheck { border: 0; padding: 0; margin-top: -13px; margin-bottom: 0; }
.inner .bselect.select select:first-child { width: 230px; }
.inner .bmselect.select select.bday { width: 80px; }
.inner .bmselect.select select.bmonth { width: 80px; margin: 0 10px; }
.inner .bmselect.select select.byear { width: 100px; }

.inner .booking-cols .bselect.select { margin-right: 0; width: 40%; }
.inner .booking-cols .binput.input { width: 55%; }

.inner .bres { overflow: hidden; }

/*** HOME ***/
.home-slider { position: relative; padding: 0; }

.home-slide { position: relative; z-index: 3; }

.home-slider .slide-image:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 1, 1, 0.46);
	z-index: 4;
}



.slide-content {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	line-height: 30px;
	font-family: open_sansbold;
	text-shadow: 2px 1px 4px #000;
	position: absolute !important;
	left: 50%;
	top: 340px;
	z-index: 5 !important;
	transform: translateX(-50%);
	text-align: center;
	padding: 20px;
}

	.slide-content a {
		color: #fff;
		text-decoration: none;
		display: block;
		text-align: center;
	}
.slide-content a:hover { color: #fff; text-decoration: underline; }
	.slide-content h2 a {
		font-size: 55px;
		line-height: 60px;
		margin: 0 0 10px 0;
		color: #fff;
	}
	.slide-content h2 a:hover {
		color: #fff;
	}
/*		.slide-content:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.7;
	z-index: -1;
}*/

.slide-image { overflow: hidden; height: 750px; display: block; position: relative; width: 100%; z-index: 1; }
.slide-image img { display: block !important; margin: 0 !important; max-width: none !important; width: 100% !important; height: 750px; }

.flex-control-paging { position: absolute; bottom: 30px; right: 30px; z-index: 5; margin: 0; padding: 0; font-size: 0; }
.flex-control-paging li { display: inline-block; margin: 0 0 0 3px; padding: 0; }
.flex-control-paging li:first-child { margin: 0; }
.flex-control-paging a { display: block; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden; position: relative; background: url(../images/css/slider-nav.png) no-repeat 0 0; }
.flex-control-paging a:hover,
.flex-control-paging .flex-active { background-position: -16px 0; }

.home-box {
	line-height: 1.5em;
	margin-bottom: 40px;
	-webkit-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.53);
	box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.53);
	border-radius: 8px;
	overflow: hidden;
}

.home-box:hover img {
	transform: scale(1.03);
}

.box-content {
	padding: 20px;
	text-align: center;
}
.home-box:nth-child(3n) { margin-right: 0; }
.home-box h2 { font-size: 18px; color: #272727; margin: 10px 0; }
.home-box h2 a { color: #173061; text-decoration: none; }
.home-box h2 a:hover { text-decoration: underline; color: #272727;}
.home-image img,
.sec-image img {width: 100%; transition: all .2s ease-in;}

.details {
	font-size: 18px;
	text-transform: uppercase;
	font-family: open_sansbold;
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
	.details a {
		display: inline-block;
		height: 56px;
		line-height: 56px;
		font-size: 18px;
		font-family: open_sansbold;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		background: #1b75bb;
		/*border: 1px solid #ccc;*/
		padding: 0 35px;
		transition: all 0.3s ease;
		border-radius: 8px;
	}
		.details a:hover {
			color: #1b75bb;
			background: #fff;
			cursor: pointer;
		}

.home-subheading { color: #173061; font-weight: bold; text-transform: uppercase; text-align: center; font-family: open_sansbold; font-size: 36px; margin: 0 0 30px 0; line-height: normal; }

#pageMessage {
	font-size: 30px;
	line-height: 42px;
	padding: 200px 0;
	color: #ffffff;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

#pageMessage:before

{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 1, 1, 0.36);
	z-index: 4;
}

#pageMessage .wrap {
	z-index: 5;
	position:relative;
}


#secContent { line-height: 1.5em; }
.secondary-boxes { margin-bottom: 45px; }
.sec-image { position: relative; margin-bottom: 7px !important; }
.sec-image a { color: #000; text-decoration: none; cursor: pointer; }
.sec-image a span.img-heading { display: block; background-color: #fff; position: absolute; top: 10px; left: 0; padding: 2px 20px; }

/*** FORMS ***/
.form { margin-bottom: 30px; line-height: 1.5em; }
.form-warning { margin: 0 0 30px; }
.form-fields, 
.form-fields:last-child { margin-left: auto !important; margin-right: auto !important; float: none; }

.errorMessage { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c9c9c9; color: #e32526 !important; }
.errorMessage ul { margin: 0; padding: 0; }
.errorMessage li { padding: 0; }
.errorMessage li:before { display: none; }

.field-description { font-size: .85em; line-height: normal; margin: -15px 0 25px 0; }

.input, 
.select, 
.textarea, 
.radio, 
.checkbox,
.captchaWrapper { position: relative; margin-bottom: 25px; }

.input input, 
.select select, 
.textarea textarea, 
.captchaInput input { background: #fff; border: 1px solid #d8ab5b; display: block; width: 100%; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1; font-size: 14px; font-family: inherit; color: inherit; }
.date-input input { padding-right: 60px; }

.form-read-only .input label { display: inline-block; width: auto; padding: 0; margin-right: 10px; }
.input-span { font-weight: bold; }

.input label, 
.select label, 
.textarea label, 
.captchaInput label, 
.form-item-title { display: block; padding-right: 40px; width: 100%; }
.input label, 
.select label, 
.textarea label, 
.captchaInput label { margin-bottom: 5px; }
.form-item-title { margin-bottom: 10px; }

.input input, 
.captchaInput input { height: 50px; }

.input-calendar { position: absolute; right: 20px; bottom: 13px; z-index: 2; cursor: pointer; }
.input-calendar img { display: block; }

.select select { padding-top: 15px; padding-bottom: 15px; background-image: url(../images/css/select-bkg.png); background-repeat: no-repeat; background-position: 100% 0; }
.date-select select { width: 30%; margin-right: 5%; float: left; }
.date-select select.select_year { margin-right: 0; }

.textarea { padding: 0 0 25px 0; border-bottom: 1px solid #c9c9c9; }
.textarea textarea { height: 125px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; resize: none; overflow: auto; }

.radio, 
.checkbox { padding: 0 0 25px 0; border-bottom: 1px solid #c9c9c9; }
.form-item  { display: block; clear: both; position: relative; margin-bottom: 10px; padding-left: 37px; min-height: 26px; overflow: hidden; cursor: pointer; }
.form-item label { display: block; cursor: pointer; }
.form-item:last-child { margin-bottom: 0; }
.form-item input { position: absolute; top: -9999px; left: -99999px; }

.checkbox-button, 
.radio-button { position: absolute; top: 0; left: 0; background-image: url(../images/css/form-items.png); background-repeat: no-repeat; }
.checkbox-button { width: 25px; height: 25px; background-position: 0 0; }
.form-item:hover .checkbox-button { background-position: 0 -25px; }
.on .checkbox-button, 
.form-item.on .checkbox-button { background-position: 0 -50px; }

.radio-button { width: 26px; height: 26px; background-position: 0 -75px; }
.form-item:hover .radio-button { background-position: 0 -101px; }
.on .radio-button, 
.form-item.on .radio-button { background-position: 0 -127px; }

.checkbox-single .form-item-title { display: none; }
.checkbox-single .form-item { margin-right: 25px; }

.page-signup .radio,
.newsletter-registration .checkbox { padding: 0; border: none; }

.terms { background-color: #c9c9c9; padding: 30px 36px; margin-bottom: 25px; }
.terms .checkbox { padding: 0; margin: 0; border: 0; }

.captchaWrapper { padding: 25px 0 25px 250px; margin-bottom: 25px; position: relative; border-bottom: 1px solid #c9c9c9; }
.captchaImageWrapper { float: left; width: 250px; margin-left: -250px; background: url(../images/css/captcha-arrow.png) no-repeat 0 0; }
.captchaImageWrapper img { display: block; width: 210px !important; height: 50px !important; padding: 5px; background: #c9c9c9; border: 0; margin: 0 0 5px 0; }
.captchaInput { float: right; width: 100%; position: static; }
.captchaInput label { height: 25px; position: absolute; top: 0; left: 0; }

.form-buttons { clear: both; margin-top: 25px; }
.form-submit { float: left; }
.form-submit a, 
.form-submit input { display: block; height: 56px; line-height: 56px; font-size: 18px; font-family: open_sansbold; text-transform: uppercase; color: #fff; text-decoration: none; background: #1b75bb; border: 1px solid #ccc; padding: 0 35px; }
	.form-submit a:hover,
	.form-submit input:hover {
		color: #1b75bb;
		background: #fff;
		cursor: pointer;
	}


/*** FORMS - Validation ***/
.form-hidden { position: absolute; top: -9999px; left: -9999px; }

.req { position: absolute; top: 5px; right: 0; width: 16px; height: 14px; background: url(../images/css/req.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
.errorMessage .req, 
.form-warning .req { position: static; display: inline-block; vertical-align: middle; }
.error .req, 
.errorMessage .req { background-position: 0 -14px; }

.error .input label, 
.error .select label, 
.error .textarea label, 
.error .form-item-title, 
.error .captchaInput label { color: #e32526; }

.error .input input, 
.error .captchaInput input, 
.error .select select, 
.error .textarea textarea { border-color: #ffe5e5; background: #ffe5e5; color: #e32526; }
.error .select select { background-image: url(../images/css/select-bkg.png); background-repeat: no-repeat; background-position: 100% -100px; }

/*** FORMS - Feddback ***/
.form-feedback { margin-bottom: 40px; }
.feedback-button { float: left; height: 46px; line-height: 44px; padding: 0 20px 0 40px; position: relative; color: #fff; text-decoration: none; background: #272727; border: 1px solid #ccc; }
.feedback-button span { position: absolute; left: 20px; top: 50%; margin-top: -8px; width: 8px; height: 15px; background: url(../images/css/form-feedback-button.png) no-repeat 0 -15px; }
.feedback-button:hover { color: #272727; background: #fff; text-decoration: none; }
.feedback-button:hover span { background-position: 0 0; }

/*** FIX ***/
.addthis_toolbox { height: 21px; overflow: hidden; }
.addthis_button_facebook_like { margin-right: 10px; }

.picker, 
.picker * { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.date-picker-active #pageContainer { z-index: 9999; }

.share *,
#at15s, 
#at15s *,
#at20mc, 
#at20mc *,
#at3lb, 
#at3lb *,
#at3win, 
#at3win *,
.share *,
#at20mc,
#at20mc * { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

input[type=number]::-webkit-inner-spin-button, 
input[type=date]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=date]::-webkit-calendar-picker-indicator { -webkit-appearance: none; display: none; }
input::-ms-clear { width: 0; height: 0; display: none; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

input, 
textarea, 
button        { -webkit-appearance: none; -webkit-border-radius: 0; }

select::-ms-expand { display: none; }

.pc-hide,
#printlogo,
.flex-direction-nav { display: none; }

.home-intro {
	text-align: center;
	line-height: 1.6;
	font-size: 20px;
	margin: 0 auto 70px;
}

.home-intro .details {
	margin-top: 30px;
}

.header-video {
	max-height: 750px;
	height: 100vh;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.header-video {

	position: relative;
	z-index: 1;
	overflow: hidden;
}

	.header-video:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 1, 1, 0.46);
		z-index: 4;
	}

video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.video-content {
	z-index: 5;
	position: absolute;
	top: 60%;
	left: 50%;
	max-width: 1200px;
	transform: translate(-50%,-60%);
	width: 100%;
	text-align: center;
}

.video-title {
	margin: 0 0 20px;
	font-weight: 800;
	font-size: 61px;
	line-height: 140%;
	color: #FFFFFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2), 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.video-description {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.06em;
	color: #FFFFFF;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
	margin: 0 auto 38px auto;
	max-width: 960px;
}
@media screen and (max-width:959px) {

	video {
		position: relative;
		top: unset;
		left: unset;
		max-height:400px;
		height: 100%;
	}
	.video-content {
		position: relative;
		top: unset;
		left: unset;
		transform: none;
		background: rgba(23, 48, 97, 1);
		padding: 5% 5%;
	}

	.video-title {
		font-size: 35px;
		line-height: 40px;
		
	}
}

.special-offers {
	position: relative;
}

.special-offers-slider .swiper-slide > div {
	box-shadow: 2px 2px 10px #b6b6b6;
	border-radius: 8px;
	overflow: hidden;
}

.special-offers-slider {
	position: relative;
	margin-top: 100px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	list-style: none;
	z-index: 1;
	width: 95%;
}

	.special-offers-slider .swiper-wrapper {
		
		display: flex;
		transition-property: transform;
		box-sizing: content-box;


	}

.special-offers-slider-navigation .swiper-button-prev {
	position: absolute;
	left: 0px;
	top: 50%;
	font-size: 30px;
	color: #1b75bb;
	z-index: 2;
}

	.special-offers-slider-navigation .swiper-button-prev:hover, .special-offers-slider-navigation .swiper-button-next:hover {
		color: #464646;
		cursor: pointer;
	}

.special-offers-slider-navigation .swiper-button-next {
	position: absolute;
	right: 0px;
	top: 50%;
	font-size: 30px;
	color: #1b75bb;
	z-index: 2;
}

	.special-offers-slider .swiper-slide {
		position: relative;
		flex-shrink: 0;
	}

.special-offers-slider .swiper-slide-content {
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin-top: 0;
}

.special-offers-slider .offer-badge {
	position: absolute;
	background: #173061;
	color: #fff;
	word-break: break-word;
	padding: 15px;
	text-align: center;
	top: 20px;
	right: 20px;
	font-weight: 700;
	border-radius: 8px;
}

	.special-offers-slider img {
		display: block;
		width: 100%;
		object-fit: cover;
		max-height: 250px;
	}
#footer-container .cf {
	margin-bottom: 30px;
}

.special-offers-slider h3 {
	margin: 0;
	text-align: center;
}

.special-offers-slider .typ {
	text-transform: initial;
	text-align: center;
	font: 16px/1 open_sansregular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
}
.googlemaps-wrapper {
	padding: 0!important;
	background: none;
}

@media screen and (max-width: 500px) {
	.special-offers .details a {
		height: unset;
		text-align: center;
		line-height: 30px;
		padding: 20px 10px;
	}
}
.footer-contact,
.footer-contact p,
.footer-contact span,
.footer-contact div,
.footer-contact strong {
	font-size: 16px !important;
}

.secondary-boxes-title {
	margin-bottom: 10px!important;
	margin-top:10px!important;
}

.secondary-boxes .sec-box {
	background: #f5f5f5;
	padding: 20px 20px 100px 20px;
	text-align: center;
	-webkit-box-shadow: 4px 3px 6px 1px rgb(245, 245, 245);
	box-shadow: 4px 3px 6px 1px rgb(245, 245, 245);
	border-radius: 8px;
	position: relative;
}

	.secondary-boxes .sec-box .details {
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
	}