html, body {font-family:'Merriweather', serif; font-size:14px; line-height:22px; color:#444555;}

.clear {clear:both;}
a {transition:all 0.4s ease;}
a:hover, a:focus, a:active {text-decoration:none; outline:0;}
.nav li a, .nav li a:hover, .nav li a:focus, .nav li a:active {background-color:transparent;}

#top {background:#3c3d4c; color:#c8c9ce; padding:3px 0;}
#top p, #top ul {margin:0; padding:0;}
#top a {color:#c8c9ce;}
#top a:hover, #top a:focus, #top a:active {color:#f9faff;}

#top-1 {font-size:12px;}
#top-1 ul {list-style-type:none;}
#top-1 ul li {display:inline-block; margin:0 20px;}

#top-2 .social {text-align:right; font-size:15px;}
#top-2 .social a {display:inline-block; margin-left:10px;}

#eu-logos-lg {display:none;}

#header-main {background:#fff;}

.social a {display:inline-block; }
.social a::before {font-family:"Font Awesome 5 Brands"; font-style:normal; font-weight:normal; text-decoration:none;}
.social .link-facebook::before {content:"\f39e";}
.social .link-twitter::before {content:"\f099";}
.social .link-youtube::before {content:"\f167";}
.social .link-linkedin::before {content:"\f0e1";}
.social .link-pinterest::before {content:"\f0d2";}
.social .link-instagram::before {content:"\f16d";}

.site-header {}
.site-header-frontpage {}

#header-logo {float:left; padding:5px 0; width:320px;}

.logo.nav > li > a {text-transform:uppercase; font-family:'Lora', sans-serif; color:#1b265a; font-weight:700; display:inline-block; background:url('../images/logo.png'); background-repeat:no-repeat; background-position:left center; background-size:contain;}
.logo.nav > li > a span {display:block; line-height:20px;}

#header-langswitch {float:right; display:none;}

#content-bottom {padding:120px 0; color:#fff; text-align:center;}
#content-bottom-title {margin:0 0 20px 0; font-family:'Lora', sans-serif; font-size:40px; line-height:1.25; font-weight:700;}
#content-bottom-text {font-size:18px; font-weight:700; line-height:1.33; margin:0 0 20px 0;}
#content-bottom-phone {font-size:36px; line-height:1; font-weight:700; margin:0;}
#content-bottom-phone-no {display:inline-block;}
#content-bottom-phone-no::before {content:"\f3cd"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; text-decoration:inherit;  font-size:110%; margin-right:14px; position:relative; top:2px;}

#site-footer {background:#fff; padding:60px 0;}

#site-footer .social ul {margin:0 0 10px 0; padding:0; list-style-type:none;}
#site-footer .social ul li {margin:0 0 10px 0; padding:0;}
#site-footer .social ul li a em {display:inline-block; padding-left:10px; font-style:normal;}

#bottom {padding:0 0 20px 0; background:#fff; color:#aaa; line-height:1.25;}
#bottom p {margin:0; padding:0;}
#bottom a {color:#aaa;}
#bottom a:hover, #bottom a:focus, #bottom a:active {color:#888;}

#bottom-links {display:block; padding-top:8px;}
#bottom-links a {display:inline-block; margin:0 24px 0 0;}

#footer-menu {width:760px; float:left; padding-top:20px;}
#footer-menu .nav {display:block; padding-left:80px;}
#footer-menu .nav li, #footer-menu .nav li a {display:inline-block}
#footer-menu .nav > li > a {font-weight:700; font-size:14px; color:#818594; margin:0; padding:0 10px;}

#footer-social {font-size:16px; padding-top:20px;}
#footer-social a {display:inline-block; margin:0 4px; color:#818594;}
#footer-social a:hover, #footer-social a:focus, #footer-social a:active,
#footer-menu .nav > li > a:hover, #footer-menu .nav > li > a:focus, #footer-menu .nav > li > a:active {color:#384582;}

#main-menu {display:none;}
#main-menu-mobile-btn {float:right; font-size:24px; padding-top:16px;}
#main-menu-mobile-btn a, #main-menu-mobile-btn a:hover, #main-menu-mobile-btn a:focus, #main-menu-mobile-btn a:active {color:#818594;}
#main-menu-mobile {display:none; position:absolute; top:0; left:0; width:100%; background:#323648; min-height:100%; z-index:1000; padding-bottom:40px;}
#main-menu-mobile .nav {margin:0 0 40px 0; font-size:17px;}
/*#main-menu-mobile ul {margin:0; padding:0;}*/
#main-menu-mobile li {margin:0 20px; padding:0;}
#main-menu-mobile li li {margin-left:40px;}
#main-menu-mobile li a, #main-menu-mobile li .separator {display:block; padding:12px; color:#cbdff1; font-weight:bold;}
#main-menu-mobile li li a, #main-menu-mobile li li .separator {display:block; padding:8px 12px; font-size:15px; color:#cbdff1;}
#main-menu-mobile li a:hover, #main-menu-mobile li a:focus, #main-menu-mobile li a:active {color:#fff;}

#main-menu-mobile .nav {list-style-type:none;}
#main-menu-mobile .nav-child {list-style-type:none; margin-left:0; padding:0;}

#main-menu-mobile-social .social {margin:0; padding:0 0 0 30px; list-style-type:none;text-align:left;}
#main-menu-mobile-social .social a {color:#cbdff1;font-size:30px; display:inline-block; margin-right:20px;}
#main-menu-mobile-social .social a:hover, #main-menu-mobile-social .social a:focus, #main-menu-mobile-social .social a:active {color:#fff;}

#main-menu-mobile-langswitch ul {margin:0 0 0 20px;}
#main-menu-mobile-langswitch ul li {display:inline-block; width:30px; margin:0; padding:0;}

#main-menu-mobile-close {text-align:right; padding:12px;}
#main-menu-mobile-close a {font-size:30px; border-bottom:0; padding:15px; color:#fff; position:relative; left:8px; opacity:0.4;}
#main-menu-mobile-close a:hover, #main-menu-mobile-close a:focus, #main-menu-mobile-close a:active {color:#fff; opacity:1;}

#header-social a, #header-social a:hover, #header-social a:focus, #header-social a:active {color:#fff;}
#header-social a::before {font-size:17px;}
#header-social a em {display:none;}
#header-social ul {margin:0; padding:0;}
#header-social ul li {display:inline-block; margin:0; padding:0 6px;}

.pagecontent .blog .item-image, .pagecontent .item-page .item-image {display:block; float:none;}
.pagecontent .blog .item-image a {display:block; height:400px;}

.contact-address, .contact-phone, .contact-fax, .contact-mobile, .contact-email, .contact-user, .contact-position {margin-left:20px;}
.contact-address:before {content:"\f3c5"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:14px; position:absolute;}
.contact-mobile:before {content:"\f3cd"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:17px; position:absolute;}
.contact-phone:before {content:"\f879"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:12px; position:absolute;}
.contact-fax:before {content:"\f02f"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:13px; position:absolute;}
.contact-email:before {content:"\f0e0"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:12px; position:absolute;}
.contact-user:before, .contact-position:before {content:"\f007"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; text-decoration:inherit; padding-right:4px;  margin-left:-20px; font-size:12px; position:absolute;}

#top-1 .contact-address:before {font-size:12px;}
#top-1 .contact-mobile:before {font-size:13px;}
#top-1 .contact-email:before {font-size:12px; }

#contactinfo .contact-address:before, #contactinfo .contact-mobile:before, #contactinfo .contact-phone:before,  #contactinfo .contact-fax:before, #contactinfo .contact-email:before, 
.contact-user:before, #contactinfo .contact-position:before {color:#777c93;}

#header-text {text-align:center; color:#fff;}
#header-text-frontpage {text-align:center; color:#fff;}
#header-text-frontpage h3, #header-text h3 {font-family:'Lora', sans-serif; font-weight:700; font-size:28px; line-height:30px; margin: 0 0 20px 0; padding:0;}
#header-text-frontpage h4, #header-text h4 {font-weight:700; font-size:18px; line-height:20px; margin:0; padding:0; }

.tags {list-style-type:none; margin:0; padding:20px 0; display:none;}
.tags li {display:inline; margin-right:5px; font-size:15px;}
.tags li a {background-color:#a7acc3; transition:all 0.3s ease;}
.tags li a.label-info:hover, .tags li a:focus, .tags li a:active, 
.label-info:hover, .label-info:focus, .label-info:active {background-color:#777c93;}

.pagination {width:100%; display:block;}
.pagination ul {list-style-type:none; margin:0; padding:0 !important;}
.pagination ul li {display:inline-block; margin-right:2px;}
.pagination ul li span, .pagination ul li a {padding:5px 10px;}
.pagination ul li span {color:#a7acc3; border:1px solid #a7acc3;}
.pagination ul li span:hover {color:#fff; background:#a7acc3; border:1px solid #a7acc3;}
.pagination ul li a {color:#777c93; border:1px solid #777c93;}
.pagination ul li a {color:#777c93; border:1px solid #777c93; background:#fff; transition:all 0.3s ease;}
.pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li a:active {background:#777c93; color:#fff; border:1px solid #777c93;}
.pagination .counter {color:#a7acc3;}

#frontpage-1 {background:#323648; color:#e4e4f0; padding:60px 0;}
.frontpage1-mod {padding-top:30px; padding-bottom:30px;}
.frontpage1-mod .module-image {height:64px; margin-bottom:24px;}
.frontpage1-mod .module-image img {height:64px;}
.frontpage1-mod .module-title {margin:0 0 20px 0; line-height:21px; font-size:21px; font-weight:700; font-family:'Lora', sans-serif; color:#fff;}
.frontpage1-mod .module-text {color:#e4e4f0; font-size:14px; line-height:22px; margin-bottom:20px;}
.frontpage1-mod .module-readmore {margin:0; padding:0;}
.frontpage1-mod .module-readmore a {font-weight:700; color:#fff;}
.frontpage1-mod .module-readmore a:hover, .frontpage1-mod .module-readmore a:focus, .frontpage1-mod .module-readmore a:active {color:#fff;}

#frontpage-2 {padding:60px 0;}
.frontpage2-mod {padding:30px 0; display:table; width:100%;}
.frontpage2-mod .custom {display:table-cell; width:100%; height:100%; vertical-align:middle;}
#frontpage-2 img {max-width:100%;}
#frontpage-2 h1, #frontpage-2 h2, #frontpage-2 h3 {margin:0 0 20px 0; color:#777c93; font-family:'Lora', sans-serif; font-weight:700; font-size:30px; line-height:1.25; }
#frontpage-2 p {margin-bottom:20px;}
#frontpage-2 a {font-weight:700; color:#777c93; }

#frontpage-events {background:#f4f4fc; padding:60px 0;}
#frontpage-events h3 {margin:0 0 60px 0; color:#777c93; font-family:'Lora', sans-serif; font-weight:700; font-size:30px; line-height:1.25; text-align:center;}
#frontpage-events-readmore {text-align:center; padding-top:20px;}
#frontpage-events-readmore p {margin:0; padding:0;}
#frontpage-events-readmore a {display:inline-block; padding:10px 20px; font-size:16px; font-weight:700; color:#fff; background:#6b6d84;}
#frontpage-events-readmore a:hover, #frontpage-events-readmore a:focus, #frontpage-events-readmore a:active {background:#3b3d54;}

.event-list-item {margin-bottom:30px;}

.event-list-item .event-list-item-date {background:#6b6d84; color:#fff; text-align:center; width:50px; float:left; line-height:1; padding:10px 0; font-weight:700;}
.event-list-item .event-list-item-date .event-list-item-date-d {font-size:26px; margin-bottom:4px;letter-spacing:-0.2px;}
.event-list-item .event-list-item-date .event-list-item-date-m {font-size:16px; margin-bottom:6px;}
.event-list-item .event-list-item-date .event-list-item-date-y {font-size:13px; letter-spacing:-0.5px;}
.event-list-item .event-list-item-image {display:block; background-size:cover; background-position:center center; height:200px;}

.event-list-item-info {margin-left:50px;}
.event-list-item-title-container {padding:10px 0 4px 0;}
.event-list-item-title {font-size:16px; font-weight:700; line-height:20px; color:#6b6d84;}
.event-list-item-title:hover, .event-list-item-title:focus, .event-list-item-title:active {color:#3b3d54;}
.event-list-item-location {font-size:13px; opacity:0.66;}

.eventlist1-item {margin-bottom:16px;}
.eventlist1-item-image {width:100px; float:left;}
.eventlist1-item-image img {width:100%;}
.eventlist1-item-info {margin-left:116px;}
.eventlist1-item-title {font-weight:700; font-size:16px; color:#979cb3;}
.eventlist1-item-title:hover, .eventlist1-item-title:focus, .eventlist1-item-title:active {color:#373c53;}
.eventlist1-item-details {font-size:12px; padding:4px 0; letter-spacing:-0.33px; opacity:0.66;}
.eventlist1-item-details .fas {color:#979cb3;}
.eventlist1-item-details span {display:inline-block; padding-right:10px;}

.page-event {}
.page-event .event-image {width:100%; margin-bottom:18px;}
.page-event .event-image img {width:100%;}
.page-event .event-info {margin:0 0 24px 0; color:#777c93;}
.page-event .event-info span {display:inline-block; padding-right:6px;}
.page-event .event-info .fas {margin-right:3px;}

.sidebar .moduletable {margin-bottom:50px;}
.sidebar-blog ul {list-style-type:none !important; margin:0 !important; padding:0 !important; line-height:1.25;}
.sidebar-blog ul li {display:block; margin-bottom:20px;}
.sidebar-blog a {color:#979cb3; font-weight:bold;}
.sidebar-blog a:hover, .sidebar-blog a:focus, .sidebar-blog a:active {color:#373c53;}
.sidebar-blog ul li span {display:block; font-size:12px; letter-spacing:-0.33px;}

.sidebar-menu ul {list-style-type:none; margin-top:-5px;}
.sidebar-menu li {border-bottom:1px solid #d7dce2; margin:0;}
.sidebar-menu .nav > li > a {padding:15px 0;}
.sidebar-menu a {color:#979cb3; font-weight:bold;}
.sidebar-menu a:hover, .sidebar-menu a:focus, .sidebar-menu a:active {color:#373c53;}

section.pagecontent, section.reservation {padding:60px 0 40px 0;}

.pagecontent-main {padding:0 20px;}
.pagecontent .page-header {margin:0; padding:0; border:0; border-bottom:0;}
.pagecontent .page-header h1, .pagecontent .page-header h2 {margin:0 0 30px 0; padding:0; line-height:1.2; color:#777c93; font-size:30px; font-weight:700;}
.pagecontent .page-header h1 a, .pagecontent .page-header h2 a {color:#777c93;}

.pagecontent h3, .pagecontent h4, .pagecontent h5, .pagecontent h6 {margin:20px 0; font-weight:700; }
.pagecontent h3 {color:#373c53; font-size:21px; line-height:1.25;}
.pagecontent h4 {color:#777c93; font-size:18px; line-height:1.25;}
.pagecontent h5 {color:#373c53; line-height:1.25; font-size:16px;}
.pagecontent h6 {color:#777c93; font-size:15px; margin:20px 0; line-height:20px;}
.pagecontent p, .pagecontent ul, .pagecontent ol {margin-bottom:20px;}
.pagecontent ul, .pagecontent ol {margin-left:0; padding-left:24px;}
.pagecontent ul {list-style-type:square;}
.pagecontent ul ul {list-style-type:disc;}
.pagecontent ul li, .pagecontent ol li {margin:0 0 6px 0; padding:0;}

.page-header + .article-info {margin-top:-20px; color:#a7acc3;}

.sidebar h3 {margin:0 0 30px 0; padding:0; line-height:1.2; color:#a7acc3; font-size:30px; font-weight:700;}

.blog.blog1 .items-leading > div { border-bottom:1px dotted #c7cce3; margin-bottom:30px; padding-bottom:30px;}
.blog.blog1 .items-leading > div:last-child {border-bottom:0;}
.pagecontent .item-image img {max-width:100%;}
.blog.blog1 .item-image {height:70vw;}
.item-page.blog1 .item-image {height:70vw;}


.pagecontent .readmore {margin:0; padding:0;}
.pagecontent .readmore a.btn {background:#fff; margin:0; padding:0;color:#979cb3;}
.pagecontent .readmore a.btn:ohver, .pagecontent .readmore a.btn:focus, .pagecontent .readmore a.btn:active { background:#fff; color:#777c93; }

/* check availability module */

#booking-form {padding-bottom:50px;}
#booking-form .checkavail-horizontal {background:#fff;}



/* contact */

.visform input[type=text], .visform input[type=email] {height:34px; width:98%; margin-bottom:10px; border-radius:2px;}
.visform textarea {height:150px; padding-left:10px; padding-right:10px; padding-top:10px; border:1px solid #d3d3d3; margin-bottom:10px; width:98%; border-radius:3px;}
.visform textarea:hover, .visform textarea:focus, .visform textarea:active {border:1px solid #b3b3b3 !important;}
.visform input.error, .visform textarea.error {border:1px solid #d00 !important;}
.visform .captchaCont .asterix-ancor {display:none; /* visibility:hidden; opacity:0; */}
.visform .form-actions {padding-top:20px;}
.visform .btn {border:0; background:#777c93; color:#fff; padding:10px 20px; transition:all 0.5s ease; text-transform:uppercase;}
.visform .btn:hover {background:#777c93;}
#form1viscaptcha_response, #form2viscaptcha_response {width:60px; text-align:center; letter-spacing:0.5px;}
#form1accept-termenilbl, #form2accept-termslbl {margin-left:20px;}
.visform .errorcontainer, .visfor .errorcontainer .error {display:none !important;}
.visform.form-horizontal .control-label {display:none !important;}


/* buttons */
.btn {
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background-color:#777c93;
    background-image:none;
    background-repeat:no-repeat;
    border-color:none;
    border-image:none;
    border-radius:0;
    border-style:none;
    border-width:0;
	border:0;
    box-shadow:none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    line-height:20px;
    margin-bottom:0;
    padding:7px 14px;
    text-align:center;
    text-shadow:none;
    vertical-align:middle;
	transition:all 0.5s ease; font-weight:600;
}

.btn:hover, .btn:focus, .btn:active, .btn.active {background-color:#777c93; color:#fff;}
.btn.disabled, .btn[disabled] {background-color:#eee; color:#fff;}

.btn-primary {
    background-color:#777c93;
    background-image:none;
    background-repeat:no-repeat;
    border-color:transparent; border:0;
    color:#fff;
    text-shadow:none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active  {background-color:#777c93; color:#fff;}
.btn-primary.disabled, .btn-primary[disabled] {background-color:#ccc; color:#fff;}


/* inputs */

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {height:34px; padding-left:8px; padding-right:8px; color:#4a4643;}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select {
    background-color:#fff; color:#4a4643;
    border:1px solid #d3d3d3;
    box-shadow:none;
    transition:none; border-radius:0; font-size:13px;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, select:focus {
    border:1px solid #b3b3b3;
    box-shadow:none;
}

label, input, button, select, textarea {
    font-size:13px;
    font-weight:normal;
    line-height:18px;
}

.form-actions {background:transparent; border:0;}


.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -100;
}
.parallax__container .parallax {
	/* can be put in a seperate class for better control */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* --------------------------- */
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
}

/*
.camera_prev, .camera_next, .camera_commands {background:transparent !important;}
.camera_commands {display:none !important;}
.camera_caption > div {background:none !important;}

.camera_caption_title {font-size:30px; text-align:left; text-transform:uppercase; color:#fff; font-weight:700;}
.camera_caption_desc {font-size:16px; text-align:left; text-transform:uppercase; color:#fff; font-weight:700;}

.camera_caption_title span {background:#0086cd; color:#fff; padding:3px 10px; box-decoration-break:clone; -webkit-box-decoration-break:clone; line-height:1.5;}
.camera_caption_desc span {background:#43464a; color:#fff; box-decoration-break:clone; -webkit-box-decoration-break:clone; padding:3px 10px; line-height:1.6;}
*/

#booking-form .checkavail-horizontal {background:#fff;}
#booking-form .checkavail-horizontal fieldset {padding:15px 15px; clear:both;}
#booking-form .checkavail-horizontal .datefield  {height:34px; padding:6px 12px 0 12px;}
#booking-form .checkavail-horizontal label {color:#444555; font-weight:700; font-size:14px; line-height:14px; margin-bottom:2px;}
#booking-form .checkavail-horizontal .checkavail-fields {float:none; margin-bottom:5px;}
#booking-form .checkavail-horizontal .checkavail-actions {float:none; padding-top:10px;}
#booking-form .checkavail-horizontal .checkavail-actions button.checkavail-btn {background:#6b6d84; color:#fff; border:0; text-align:center; width:100%; padding:12px 0; font-size:15px; line-height:15px; text-transform:uppercase; font-weight:700;}
#booking-form .checkavail-horizontal .checkavail-field {margin-bottom:4px;}

#solidres .reservation_asset_item .asset-info, 
#solidres .reservation_asset_item .asset-gallery,
#solidres .reservation_asset_item .asset-tabs,
#solidres .reservation_asset_item .sr-login-form,
#solidres #sr-reservation-form-room .button-row-top,
#solidres #sr-reservation-form-room .button-row-bottom
{display:none;}


#solidres .reservation_asset_item .room_index_form_heading a {display:none;}
#solidres .reservation_asset_item .room_index_form_heading h4 {font-size:0; line-height:0; color:rgba(0,0,0,0);}
#solidres .reservation_asset_item .room_index_form_heading h4 span {font-size:30px; font-weight:bold; line-height:30px; color:#fff;}

.tariff-box .room-form .room-form-item .col-md-7 {display:none !important;}
.tariff-box .room-form .room-form-item .col-md-5 {width:100% !important;}
.tariff-box .room-form .room-form-item .col-md-5 .occupancy-selection {width:60%;}
.tariff-box .room-form .room-form-item .col-md-5 .occupancy-selection .child-age-details {clear:both; color:#fff;}
.tariff-box .room-form .room-form-item .col-md-5 .occupancy-selection .child-age-details p {margin:0 ;padding:10px 0; font-weight:600;}
.tariff-box .room-form .room-form-item .col-md-5 .occupancy-selection .child-age-details * {float:none}
.tariff-box .room-form .room-form-item .col-md-5 .occupancy-selection .child-age-details li {padding:2px 0;}
.tariff-box .room-form .room-form-item .col-md-5 .occupancy-selection .child-age-details li p {display:inline;}
.tariff-box .room-form .room-form-item .col-md-5 .occupancy-selection .child-age-details li select {display:inline-block; width:90px; height: 34px; padding: 6px 12px; font-size: 14px;
    margin-left:10px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.tariff-box .room-form .room-form-item button.btn-block { font-size: 21px; font-weight: bold; padding: 15px 30px; line-height:25px;  background-color: #878ca3; color: #fff; }
.tariff-box .room-form .room-form-item button.btn-block:hover {background-color: #676c83;}

.prioritizing-roomtype-notice { font-size: 14px; }

#sr-reservation-form-guest .col-sm-2.control-label {width:100% !important; padding-left:0 !important; font-weight:600;}
#sr-reservation-form-guest .popover_payment_methods i.fa {display:none !important;}
#sr-reservation-form-guest .popover_payment_methods:hover {cursor:pointer !important;}
#sr-reservation-form-guest .payment_method_list .popover {opacity:0;}

#call {display:none; z-index:800;}

.cc-window { font-size: 14px !important; line-height:18px !important; z-index: 900 !important; }
.cc-revoke { font-size: 14px !important; line-height:18px !important; z-index: 700 !important; }
.cc-revoke.cc-bottom { bottom: 0; border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; }

.contentimage1 {float:left; width:45%; margin: 0 20px 10px 0;}
.contentimage2 {float:right; width:45%; margin: 0 0 10px 20px;}

/*
@media (max-width:479px) {
    .contentimage1, 
    .contentimage2 {float:none; width:100%; margin: 0 0 20px 0;}
}
*/

#testimonials{padding:100px 0; 
	background: #323648;
	color: #e4e4f0;
}

#testimonials .bt-inner{padding-left:160px;padding-right:100px;}
#testimonials .bt-introtext::before {content:'”'; color:rgba(255,255,255,0.3); position:absolute; top:50px; left:60px; font-size:150px; font-family:Merryweather, serif;}
#testimonials .bt-introtext{color: #e4e4f0;}
#testimonials .bt-introtext p {line-height:2; font-size:125%; margin:0;}
#testimonials .bt-introtext p strong {display:block; padding-top:24px;}
#testimonials .bt-cs a.next{background-image:url('../images/t-arrow-right.png')!important;}
#testimonials .bt-cs a.prev{background-image:url('../images/t-arrow-left.png')!important;}

@media (max-width:767px) {
    .container {padding-left:24px; padding-right:24px;}
    #site-footer, #bottom {padding-left:15px; padding-right:15px;}
    #map {height:360px;}

    
    .logo.nav > li > a {font-size:14px; padding:5px 0 0 54px; height:44px; line-height:18px;}
    .logo.nav > li > a span {line-height:16px;}

    #header-text {padding:200px 0 100px 0;}
    #header-text-frontpage {padding:200px 0 100px 0;}
    #header-text-frontpage h3, #header-text h3 {font-size:25px; line-height:30px; margin: 0 2% 20px 2%;}
    #header-text-frontpage h4, #header-text h4 {font-size:16px; line-height:20px; margin:0 2%; }

    #content-bottom {padding:100px 0;}
    #content-bottom-title {font-size:30px; line-height:1.2;}
    #content-bottom-text {font-size:15px; line-height:1.25;}
    #content-bottom-phone {font-size:30px; }
    #content-bottom-phone-no::before {top:3px; left:2px;}
    #frontpage-events {padding:60px 0;}
    #frontpage-events h3 {margin:0 0 30px 0;}
    #frontpage-events .event-list-item .event-list-item-image {height:50vw;}
    .pagecontent aside {padding:40px 0 0 0; border-top:4px solid #ddd; margin-top:40px;}
    #eu-logos-sm img {height:40px;}

    #booking-form .checkavail-horizontal fieldset {padding:10px 20px;}

    #booking-form .checkavail-horizontal .checkavail-fields {float:none;}
    #booking-form .checkavail-horizontal .checkavail-actions {float:none; padding:10px 0;}

    #booking-form .checkavail-horizontal .checkavail-field-checkin {width:48%; float:left; }
    #booking-form .checkavail-horizontal .checkavail-field-checkout {width:48%; float:right; }
    #booking-form .checkavail-horizontal .checkavail-field-roomtype {width:100%; float:none; clear:both; margin-bottom:10px;}
    #booking-form .checkavail-horizontal .checkavail-field-roomdetails {width:100%; float:none; clear:both; margin-bottom:10px;}
    .checkavail-field-roomdetails-adults {width:48%; float:left; }
    .checkavail-field-roomdetails-children {width:48%; float:right; }

    #call {background:green; color:#fff; position:fixed; bottom:0; width:100%; padding:20px 0; text-align:center; display:block;}
    #call p {margin:0; padding:0;}
    #call a {font-weight:700; font-size:24px; color:#fff;}
    #call a:hover, #call a:focus, #call a:active {color:#fff;}
    #call a:before {content:"\f3cd"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; text-decoration:none; display:inline-block; padding-right:15px; position:relative; top:2px;}

    #bottom-spacer {height:64px;}

    #testimonials .bt-inner{padding-left:60px;padding-right:60px;}
    #testimonials .bt-introtext::before { font-size:140px; display:block; position:relative; left:0; padding-bottom:50px;}
    #testimonials .bt-introtext p {line-height:1.66; font-size:105%;}
    
}

@media (max-width:991px) {
    #header-logo {width:240px;}
}

@media (max-width:1200px) {
    #top, #top *, #site-footer {display:none;}
    #header-main {position:fixed; top:0; left:0; width:100%; z-index:10;}
    #bottom {padding:20px 0;}
    #eu-logos-sm { text-align:center; padding:5px 0; background:#fff; width:100%; border-bottom:1px solid #ddd;}
    #eu-logos-sm img {height:40px;}
}

@media (min-width:576px) {

    section.pagecontent, section.reservation {padding:80px 0 60px 0;}
    #footer-logo {float:left;}
    #footer-social {float:right;}
}

@media (min-width:768px) {
    #bottom {text-align:center;}
    section.pagecontent, section.reservation {padding:100px 0 120px 0;}
    .logo.nav > li > a {font-size:15px; padding:3px 0 0 60px; height:50px;}
    .logo.nav > li > a span {line-height:17px;}
    #header-text-frontpage {padding:240px 0 120px 0;}
    #header-text {padding:240px 0 120px 0;}
    #header-text-frontpage h3, #header-text h3 {font-size:32px; line-height:34px; margin: 0 100px 20px 100px;}
    #header-text-frontpage h4, #header-text h4 {font-size:20px; line-height:24px; margin:0 100px; }
    #main-menu-mobile-btn {padding-top:18px;}
    #frontpage-1 {padding:60px 0;}
    #frontpage-events {padding:80px 0;}
    #frontpage-events h3 {margin:0 0 40px 0;}
    #frontpage-events .event-list-item .event-list-item-image {height:105px;}
    .pagecontent-main, .pagecontent aside {padding:0 5px;}
    .blog.blog1 .item-image {height:240px; margin-bottom:20px;}
    .item-page.blog1 .item-image {height:280px; margin-bottom:20px;}

    #booking-form .checkavail-horizontal fieldset {padding:15px 25px; clear:both;}

    #booking-form .checkavail-horizontal .checkavail-fields {float:none; margin-bottom:5px;}
    #booking-form .checkavail-horizontal .checkavail-actions {float:none;}

    #booking-form .checkavail-horizontal .checkavail-field-checkin,
    #booking-form .checkavail-horizontal .checkavail-field-checkout {width:130px; margin-right:20px;float:left;}
    #booking-form .checkavail-horizontal .checkavail-field-roomtype {width:190px; margin-right:20px;float:left;}
    #booking-form .checkavail-horizontal .checkavail-field-roomdetails {width:160px; float:right; }
    .checkavail-field-roomdetails-adults,
    .checkavail-field-roomdetails-children {float:left; width:70px; margin-right:10px;}
    .room-form .room-form-item .col-md-5 .occupancy-selection {width:300px;}
    #bottom-links a {margin:0 12px; }
}

@media (min-width:992px) {

    .visform input[type=text], .visform input[type=email], .visform textarea {width:360px;}
    section.pagecontent, section.reservation {padding:120px 0 100px 0;}
    
    .logo.nav > li > a {font-size:16px; padding:8px 0 0 72px; height:60px;}
    .logo.nav > li > a span {line-height:18px;}

    #header-text {padding:240px 0 120px 0;}
    #header-text-frontpage {padding:240px 0 120px 0;}
    #header-text-frontpage h3, #header-text h3 {font-size:36px; line-height:38px; margin: 0 180px 20px 180px;}
    #header-text-frontpage h4, #header-text h4 {font-size:20px; line-height:24px; margin:0 120px; }
    #main-menu-mobile-btn {padding-top:24px;}
    #frontpage-1, #frontpage-2 {padding:90px 0;}
    .frontpage1-mod {padding-right:10px;}
    .frontpage2-mod {padding:30px 10px;}
    #bottom-links a {margin:0 0 0 20px;}
    #frontpage-events {padding:120px 0;}
    #frontpage-events h3 {margin:0 0 60px 0;}
    #frontpage-events .event-list-item .event-list-item-image {height:160px;}
    .pagecontent-main, .pagecontent aside {padding:0 10px;}
    .blog.blog1 .item-image {height:300px; margin-bottom:20px;}
    .item-page.blog1 .item-image {height:350px; margin-bottom:30px;}

    #booking-form .checkavail-horizontal .checkavail-fields {float:left; margin-bottom:0;}
    #booking-form .checkavail-horizontal .checkavail-actions {float:right; padding-top:22px;}
    #booking-form .checkavail-horizontal .checkavail-actions button.checkavail-btn {width:150px; padding:10px 0;}
    #booking-form .checkavail-horizontal .checkavail-field-checkin, 
    #booking-form .checkavail-horizontal .checkavail-field-checkout {width:135px;}
    #booking-form .checkavail-horizontal .checkavail-field-roomtype {width:230px;}
    #booking-form .checkavail-horizontal .checkavail-field-roomdetails {width:160px; float:left; }
    .checkavail-field-roomdetails-adults,
    .checkavail-field-roomdetails-children {float:left; width:70px; margin-right:10px;}
    #bottom-links {padding-left:24px; display:inline-block; padding-top:0;}
    
}

@media (min-width:1200px) {
    #main-menu-mobile-btn {display:none;}
    #main-menu {display:block; float:right; padding:21px 0 0 0;}

    #main-menu .nav ul  {list-style-type:none;}
    #main-menu .nav li {float:left;}
    #main-menu .nav li a, #main-menu .nav li .separator {font-size:14px; font-weight:600; color:#818594;  padding:10px 10px; text-transform:uppercase}
    #main-menu .parent {float:left; /* overflow:hidden; */}
    #main-menu .nav-child {display:none; position:absolute; background-color:#818594; width:200px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:9; padding:0;}
    #main-menu .nav-child li {display:block; float:none;}
    #main-menu .nav-child li a, #main-menu .nav-child li .separator {float:none; color:#fff; padding:8px 12px; display:block; text-transform:none; font-weight:400;}
    #main-menu .nav-child a:hover {background-color:#818594;}
    #main-menu .parent:hover .nav-child {display:block;}
    #main-menu .separator {display:inline-block;}

    .logo.nav > li > a {font-size:18px; padding:16px 0 0 88px; height:72px;}
    .logo.nav > li > a span {line-height:20px;}

    #header-langswitch {float:right; display:block; padding:29px 0 0 20px;}

    #header-text-frontpage {padding:180px 0;}
    #header-text {padding:120px 0;}
    #header-text-frontpage h3, #header-text h3  {font-size:42px; line-height:48px; margin: 0 250px 20px 250px;}
    #header-text-frontpage h4, #header-text h4  {font-size:21px; line-height:24px; margin:0 200px;}
    .frontpage1-mod {padding-right:30px;}
    .frontpage2-mod {padding:30px 20px;}
    .frontpage2-row2 .frontpage2-mod {text-align:right;}
    #frontpage-events h3 {margin:0 0 60px 0;}
    #frontpage-events .event-list-item .event-list-item-image {height:188px;}
    .pagecontent-main, .pagecontent aside {padding:0 15px;}

    .blog.blog1 .item-image {height:330px; margin-bottom:20px;}
    .item-page.blog1 .item-image {height:370px; margin-bottom:30px;}

    #booking-form .checkavail-horizontal .checkavail-field-checkin, 
    #booking-form .checkavail-horizontal .checkavail-field-checkout {width:200px;}
    #booking-form .checkavail-horizontal .checkavail-field-roomtype {width:280px;}
    #booking-form .checkavail-horizontal .checkavail-field-roomdetails {width:200px;}

    .checkavail-field-roomdetails-adults,
    .checkavail-field-roomdetails-children {float:left; width:80px; margin-right:10px;}

    #eu-logos-sm {display:none;}
    #eu-logos-lg {display:block; text-align:center; padding:5px 0; background:#fff;}
    #eu-logos-lg img {height:66px;}

    #testimonials .bt-inner{padding-left:250px;padding-right:160px;}
    #testimonials .bt-introtext::before {left:150px;}
}

#eu-footer { font-family: "Calibri", "Candara", "Segoe UI", "Helvetica", "Arial", sans-serif; text-align:center; color:#213f99; padding:80px 0; border-top:1px solid #ccc; margin-top:20px; font-size:14px;}
#eu-footer-1a {font-weight:bold; font-size:24px; padding-bottom:6px;}
#eu-footer-1b {font-size:16px;}
#eu-footer-2 {font-size:12px;}
#eu-footer-3 {padding:20px 0; font-size:18px;}
#eu-footer-3 a, #eu-footer-3 a:hover, #eu-footer-3 a:focus, #eu-footer-3 a:active {display:inline-block; margin: 0 20px; font-weight:bold; color:#213f99;}
#eu-footer-4 {}
#eu-footer-4 a, #eu-footer-4 a:hover, #eu-footer-4 a:focus, #eu-footer-4 a:active {color:#213f99; text-decoration:underline;}

/* booking button in header- ext link  */

#booking_btn_hdr_container {text-align:center; margin:0; padding:0; position:relative; top:-30px;}
#booking_btn_hdr {display:inline-block; padding:10px 30px; background:#fff; color:#222; text-decoration:none; border-radius:3px; font-weight:bold; transition:all 0.3s ease;}

@media (min-width:768px) {
    #booking_btn_hdr_container {top:-40px;}
    #booking_btn_hdr {padding:12px 36px; font-size:18px;}
    #booking_btn_hdr:hover, #booking_btn_hdr:focus, #booking_btn_hdr:active {padding:12px 48px 12px 48px; }
}

@media (min-width:992px) {
    #booking_btn_hdr {padding:15px 40px 14px 40px; font-size:19px;}
    #booking_btn_hdr:hover, #booking_btn_hdr:focus, #booking_btn_hdr:active {padding:15px 50px 14px 50px; }
}

@media (min-width:1200px) {
    #booking_btn_hdr_container {top:-72px;}
    #booking_btn_hdr {padding:18px 44px 17px 44px; font-size:20px;}
    #booking_btn_hdr:hover, #booking_btn_hdr:focus, #booking_btn_hdr:active {padding:18px 60px 17px 60px; }
}

@media (min-width:1600px) {
    #booking_btn_hdr {padding:20px 48px 18px 48px; }
    #booking_btn_hdr:hover, #booking_btn_hdr:focus, #booking_btn_hdr:active {padding:20px 70px 18px 70px; }
}