/* hotelorfeas.gr site styles on top of UIkit 2.22.0; values measured on the live site (design-tokens.json). */

/* ---------- Base ---------- */
html { font: 300 16px / 26px Roboto, sans-serif; color: #8e9091; overflow-y: scroll; }
* { font-family: Roboto, sans-serif !important; }
.tm-body-background { background: #ccc !important; }
h1, h3, h4 { font-family: Roboto, sans-serif; text-transform: uppercase; }
h1 { margin-bottom: 10px; font-size: 30px; line-height: 40px; }
table { max-width: 100%; border-collapse: collapse; border-spacing: 0; }
hr { margin: 10px 0; border-top-color: #ebebec; opacity: .2; }
* + p { margin-top: 10px; }
a { color: #f3e699; }
a:hover { color: #2f363b; }
a:hover, .uk-link:hover { text-decoration: none; }
#tm-content .element.element-textarea a { color: #b3a15e; }

/* ---------- Page layout ---------- */
.tm-page { overflow: hidden; min-height: 100vh; }
.tm-container { padding: 0; }
@media (min-width: 960px) { .tm-container { max-width: 100%; } }
@media (min-width: 986px) { .tm-container { margin: 0; } }
.tm-container-background { background: #fff; }
@media (max-width: 960px) { .tm-container-background { margin-top: 72px; } }
#tm-top-a { margin: 0; border-top: 1px solid #ebebec; }
#tm-top-a > div { padding: 0; }
.home-new-row { padding: 0; }
#tm-content { padding: 0; }

/* ---------- Header ---------- */
.tm-dropdown-overlay { right: 0; left: 0; z-index: 9999; }
@media (max-width: 960px) { .tm-dropdown-overlay { position: fixed !important; } }
@media (min-width: 961px) { .tm-dropdown-overlay { position: absolute !important; } }
#tm-navbar { background: #b3a15e; color: #8e9091; }
@media (min-width: 1450px) { #tm-navbar { padding-left: 30px; } }
.uk-navbar-brand { padding: 0; color: #444; }
@media (max-width: 960px) { .uk-navbar-brand { display: table; float: none; height: 73px; margin: 0 auto; } }
@media (min-width: 961px) { .uk-navbar-brand { height: auto; } }
img.logotop { max-width: 300px; max-height: 100%; }
@media (max-width: 960px) { img.logotop { width: 230px; } }
@media (max-width: 959px) { img.logotop { display: inline-block; } }
@media (min-width: 960px) and (max-width: 1105px) { img.logotop { display: block; position: absolute; top: 0; left: -40px; } }
@media (min-width: 961px) { img.logotop { padding: 10px; } }

.mod-languages { float: right; padding-right: 17px; }
@media (max-width: 1290px) { .mod-languages { padding-left: 17px; } }
@media (min-width: 960px) { .mod-languages { background: #655b34; } }
select.advancedSelect { max-width: 120px; margin: 26px 0; padding: 6px; border-color: #8f8044; border-radius: 1px; background: transparent; color: #fff; font-family: Roboto, sans-serif; font-size: 12px; text-align: center; vertical-align: middle; cursor: pointer; }
select.advancedSelect > option { color: #000; }

@media (max-width: 960px) { .booking-form { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 0; overflow: hidden; background: rgba(144, 128, 68, .8); } }
@media (min-width: 961px) { .booking-form { padding: 25px; background: #908044; } }
@media (min-width: 961px) and (max-width: 1660px) { .booking-form { position: absolute; top: 118.891px; right: 2%; } }
@media (min-width: 1661px) { .booking-form { float: left; } }
.booking-form > p { margin: 0; }
a.booking_full { display: inline-block; max-width: 100%; padding: 6px 10px; background: #4d4d4d; color: #fff; font-weight: 700; line-height: 20px; text-align: center; vertical-align: bottom; }

.onairsocnomob { float: left; padding: 26px 12px; background: #655b34; }
@media (min-width: 960px) and (max-width: 1290px) { .onairsocnomob { display: none; } }
#tm-navbar #rowsocial img { width: 30px !important; padding: 5px; border-radius: 3px; background: #fff; }

.uk-navbar-nav > li { margin-right: 30px; cursor: pointer; }
@media (max-width: 995px) { .uk-navbar-nav > li { margin-right: 12px; } }
@media (min-width: 996px) and (max-width: 1171px) { .uk-navbar-nav > li { margin-right: 20px; } }
.uk-navbar-nav > li > a { height: 80px; padding: 0; color: #fff; font-family: Roboto, sans-serif; font-size: 16px; line-height: 76px; cursor: pointer; }
.uk-navbar-nav > li.uk-active > a { background: transparent; color: #fff3ad; }
.uk-navbar-nav .uk-dropdown { left: -30px; padding: 30px; border: 1px solid #a59454; background: #a59454; color: #8e9091; }
@media (min-width: 768px) { .uk-navbar-nav .uk-dropdown-navbar > .uk-dropdown-grid { margin: 0 -30px; } .uk-navbar-nav .uk-dropdown-navbar > .uk-dropdown-grid > [class*='uk-width-'] { padding: 0 30px; } }
.uk-dropdown-navbar .uk-nav-navbar { margin: 0 -30px; }
.uk-nav-navbar > li > a { padding: 5px 30px; color: #fff; }
.uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus { background-color: transparent; color: #fff3ad; outline: 0; }
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus { background: transparent; color: #fff3ad; outline: 0; }
.uk-navbar-nav > li.uk-open > .uk-dropdown { top: 80px; left: 0; }
.uk-dropdown-overlay.tm-dropdown-overlay.uk-position-absolute.uk-width-1-1 { display: none !important; }
@media (min-width: 986px) { .tm-dropdown-overlay.fixed { position: fixed !important; right: 0; left: 0; z-index: 999999; box-shadow: 0 0 5px #000; transition: 1s; animation: scrollfix 1s; } }
@media (max-width: 1660px) { .tm-dropdown-overlay.fixed .booking-form { display: none; } }
@keyframes scrollfix { 0% { top: -133px; } 100% { top: 0; } }

/* ---------- Mobile BOOK button ---------- */
.mobook.menu-icon-cont { width: 50px; height: 50px; font-size: 0; line-height: 0; }
@media (max-width: 960px) { .mobook.menu-icon-cont { position: fixed; top: 0; left: 0; z-index: 2147483647; background: rgba(255, 255, 255, .9); } }
@media (min-width: 960px) { .mobook.menu-icon-cont { display: none; } }
@media (min-width: 961px) { .mobook.menu-icon-cont { z-index: 9999; } }
@media (max-width: 960px) {
	.mobook-icon { height: 50px; background: url("../img/folder/bell.png") 50% 0% no-repeat; }
	.mobook-title { position: fixed; top: 50px; background: rgba(255, 255, 255, .9); color: #b3a15e; font: 300 11px / 13px "Roboto Condensed", sans-serif; font-family: "Roboto Condensed", sans-serif !important; }
}
@media (max-width: 960px) { .mobook-title { width: 50px; height: 23px; } }
@media (max-width: 959px) { .mobook-title { left: 0; text-align: center; } }

/* ---------- Title band (module "title" in top-a) + print ---------- */
ul.uk-breadcrumb { min-height: 330px; margin-bottom: 0; background: rgba(179, 161, 94, .8) url("../img/folder/header.jpg") 50% 100% / cover; font-size: 0; box-shadow: inset 0 -10px 12px 5px rgba(0, 0, 0, .42); }
@media (max-width: 960px) { ul.uk-breadcrumb { min-height: 120px; } }
ul.uk-breadcrumb::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .6; }
ul.uk-breadcrumb > li.uk-active { display: block; position: absolute; right: 0; bottom: 0; left: 0; max-width: 370px; margin: 0 auto; padding: 17px; color: #fff; font-size: 40px; line-height: 45px; text-align: center; }
@media (max-width: 600px) { ul.uk-breadcrumb > li.uk-active { padding: 15px 0; } }
ul.uk-breadcrumb > li:not(.uk-active), ul.uk-breadcrumb > li.uk-active::before { display: none; }
ul.uk-breadcrumb > li.uk-active > span { padding: 2px 0; border-top: 1px solid #beac6c; border-bottom: 1px solid #beac6c; }
.printbutton { position: absolute; right: 50px; bottom: -91px; left: 0; z-index: 99999; text-align: center; }
@media (max-width: 720px) { .printbutton { right: 0; left: 50%; } }
@media (max-width: 465px) { .printbutton { bottom: -48px; left: 0; } }
#printbutt { -webkit-appearance: button; appearance: button; width: 30px; height: 30px; border: 0; background: url("../img/print-butt.png") 0% 0% / 30px 30px; font: 400 16px / 26px Roboto, sans-serif; vertical-align: middle; cursor: pointer; }

/* ---------- ZOO item (accommodation, amenities, facilities, location …) ---------- */
.yoo-zoo.product-uikit { padding: 0 50px; }
.yoo-zoo.product-uikit > .full-item, .uk-article > .full-item { max-width: 1200px; margin: 0 auto; padding: 50px 0; }
.uk-article > .full-item { padding: 50px; }
@media (max-width: 960px) { .full-item > .uk-grid > .uk-width-1-2 { width: 100%; } }
.full-item h3 { margin-bottom: 10px; color: #2f363b; font-size: 18px; line-height: 26px; }
.full-item .uk-list { margin-top: 10px; }
.full-item .element-textarea > p { margin-bottom: 0; }
.full-item .element-textarea > ul { list-style-type: disc; }
.full-item > .element-textarea, .element-socialbookmarks { margin: 30px 0; font-size: 14px; }
.full-item > .element-textarea > p { font-size: 20px; }
.rsform-block::before, .rsform-block::after { content: ""; display: table; }
.rsform-block::after { clear: both; }
body.acc .element-textarea > table { width: 100%; }
body.acc th, body.acc td { padding: 8px; border: 1px solid #ddd; text-align: left; }
body.acc .element-textarea > ul { columns: 2; column-gap: 60px; }
.yoo-zoo.socialbookmarks { overflow: hidden; }
.socialbookmarks a { display: block; float: left; width: 24px; height: 24px; margin-right: 7px; background: url("../img/socialbookmarks.png") 0 0 no-repeat; color: #f3e699; }
.socialbookmarks a.google { background-position: 0 -50px; }
.socialbookmarks a.live { background-position: 0 -250px; }
.socialbookmarks a.twitter { margin-right: 0; background-position: 0 -25px; }

/* ---------- ZOO category (facilities) and customer reviews ---------- */
.product-uikit-facilities > div > h1, .product-uikit-customer-reviews > h1 { padding-top: 30px; color: #2f363b; }
.uk-panel-box { padding: 0 30px 30px; background: transparent; color: #8e9091; }
@media (max-width: 768px) { .uk-panel-box { padding: 0; } }
.teaser-item { background: #eee; text-align: center; }
.teaser-item > h3 { padding: 10px 0; background: #b3a15e; color: #2f363b; font-weight: 100; line-height: 26px; }
.teaser-item > h3 > a { color: #fff; }
@media (min-width: 768px) and (max-width: 1150px) { .teaser-item > h3 > a { font-size: 1.4vw; } }
.teaser-item > .uk-thumbnail { margin: 30px 0; border: 0; }
.teaser-item > .uk-thumbnail > a { color: #f3e699; }
p.description { min-height: 45px; margin-bottom: 0; padding: 0 50px; color: #3a3a3a; }
.teaser-item .uk-subnav-line { margin-bottom: 0; }
li.element-itemlink { margin: 10px auto 0; }
li.element-itemlink > a { color: #4d4d4d; font-size: 13px; }

/* ---------- Home ---------- */
.homediv { padding: 50px; }
.homediv > h1 { color: #2f363b; }
.homeabout { max-width: 1200px; }
.homeabout .element-textarea.first > p { margin-bottom: 0; font-size: 18px; }
.uk-custom-padding { padding: 50px; }
@media (max-width: 767px) { .uk-custom-padding { padding: 10px 0; } }
.homereviews, #cr-slide { position: relative; }
#cr-slide { margin: 0 auto; overflow: hidden; }
.cr-left, .cr-right { position: absolute; top: 42%; z-index: 9999; color: #4d4d4d; font-size: 42px; cursor: pointer; }
.cr-left { left: 15px; }
.cr-right { right: 15px; }
ul.slider-reviews { position: relative; float: left; width: 100%; margin-bottom: 0; padding-left: 0; list-style: none; }
ul.slider-reviews > li { display: block; position: relative; float: left; width: 825px; text-align: center; }
h4.cr-title { margin: 35px 0 10px; color: #3d3d3d; font-size: 22px; }
h4.cr-title > a { color: #3d3d3d; }
.cr-slider .uk-nbfc > div { margin: 30px 0; font-size: 14px; }
.cr-slider .uk-nbfc > div > p { margin-bottom: 0; padding: 0 40px; color: #262626; font-size: 20px; }
ul.bk { display: table; margin: 50px auto; padding-left: 0; list-style: none; }
@media (max-width: 768px) { ul.bk { margin: 0 auto; padding-bottom: 20px; } }
ul.bk > li { float: left; margin-left: 30px; }
@media (max-width: 768px) { ul.bk > li:first-child { margin-left: 0; } }
ul.bk > li > a { color: #f3e699; }
ul.bk img { max-width: 74px; filter: grayscale(.4); transition: .3s ease-in; }
ul.bk img:hover { filter: grayscale(0); }
.homeaccomodation .product-uikit { margin-bottom: 0; }
.homeaccomodation .product-uikit > li { float: left; width: 100%; margin-top: 0; padding-top: 0; border-top: 0; }
@media (min-width: 768px) { .homeaccomodation .product-uikit > li { width: 33.33%; } }
.layout-uikit > .uk-nbfc { position: relative; }
.layout-uikit > .uk-nbfc::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(179, 161, 94, .5); }
h4.uk-h5 { display: table; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto !important; padding: 12px; color: #2f363b; font-size: 38px; line-height: 26px; }
@media (max-width: 1300px) { h4.uk-h5 { font-size: 28px; } }
@media (max-width: 986px) { h4.uk-h5 { font-size: 22px; } }
@media (max-width: 768px) { h4.uk-h5 { font-size: 30px; } }
h4.uk-h5 > a { color: #fff; }
.uk-thumbnail.uk-align-middle { padding: 0; border: 0; }
.uk-thumbnail.uk-align-middle > a { color: #fff; }
.layout-uikit > .uk-nbfc > .uk-margin { display: table; width: 70%; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-size: 18px; opacity: 0; }
.layout-uikit > .uk-nbfc > .uk-subnav-line { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-left: 0; }
.layout-uikit > .uk-nbfc > .uk-subnav-line > li { width: 100%; margin-top: 0; padding-left: 0; }
.layout-uikit > .uk-nbfc > .uk-subnav-line > li > a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; opacity: 0; }
/* Tiles hover (live custom-min.css, same cascade order incl. its 960/1450 overlap) 2026-10-06 */
.homeaccomodation h4.uk-margin-remove { transition: transform ease-in; }
.homeaccomodation li.uk-clearfix:hover .uk-margin { opacity: 1; }
.homeaccomodation li.uk-clearfix:hover h4.uk-margin-remove { top: 0; right: 0; background-color: transparent; transform: translate(0, -100%); }
.homeaccomodation li.uk-clearfix:hover .uk-nbfc::before, .homeaccomodation li.uk-clearfix:hover .uk-margin, .homeaccomodation li.uk-clearfix:hover h4.uk-margin-remove, .homeaccomodation .uk-nbfc::before { transition: .5s ease-out; }
@media (max-width: 960px) { .homeaccomodation li.uk-clearfix:hover h4.uk-margin-remove { top: 10%; } }
@media (max-width: 600px) { .homeaccomodation li.uk-clearfix:hover h4.uk-margin-remove { display: none; } }
@media (max-width: 1450px) { .homeaccomodation li.uk-clearfix:hover h4.uk-margin-remove { top: 25%; } }
@media (max-width: 1220px) { .homeaccomodation li.uk-clearfix:hover h4.uk-margin-remove { opacity: 0; } }
.homegallery { position: relative; width: 100%; height: 500px; overflow: hidden; }
.homegallery::before { content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #655b34; opacity: .8; }
.homegallery .uk-cover-background { position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; }
.homegallery center { z-index: 9; }
.homegallery center > h1 { padding-top: 30px; color: #fff; font-size: 46px; }
.homegallery center > h3 { margin: 0 0 40px; color: #fff; font-size: 36px; line-height: 26px; }
@media (max-width: 768px) { .homegallery center > h1 { font-size: 24px; } .homegallery center > h3 { font-size: 20px; } }
a.btn { display: inline-block; padding: 10px 25px; background: rgba(179, 161, 94, .9); color: #fff; font-size: 24px; line-height: 22px; text-transform: uppercase; text-align: center; vertical-align: middle; }
@media (max-width: 768px) { a.btn { padding: 5px 18px; font-size: 18px; } }
@media (max-width: 768px) { .homerestaurant { padding: 0 20px; } }
.homerestaurant .product-uikit, .homeabout .product-custom3ds, ul.zoo-item-list { margin-bottom: 0; padding-left: 0; list-style: none; }
ul.zoo-item-list > li { overflow: hidden; }
ul.zoo-item-list > li > .layout-default > .description { margin-top: 5px; }
@media (min-width: 768px) { .homerestaurant ul.zoo-item-list > li > .layout-default > .description { padding: 10px; } }
.description > h1 { margin-bottom: 0; padding-bottom: 20px; color: #2f363b; }
.homerestaurant .element-textarea.first { margin-top: 5px; }
.homerestaurant .layout-default > div > p { margin-bottom: 0; }
.homerestaurant .element-textarea > p { margin-bottom: 0; font-size: 20px; }

/* ---------- Forms (contact, reservation request) ---------- */
.contactform-info { max-width: 1000px; margin: 40px auto 0; }
@media (min-width: 1220px) { .contactform-info > .uk-grid-divider:not(:empty) { margin: 0 -25px; } }
@media (min-width: 768px) { .contactform-info > .uk-grid-divider > [class*='uk-width-medium-']:nth-child(n+2) { border-left-color: #ebebec; } }
@media (max-width: 960px) { .contactform-info > div > div { padding: 50px; } }
#userForm { margin-bottom: 18px; }
p.formRed { margin-bottom: 0; padding: 5px; background: #df272e; color: #fff; font-weight: 700; text-align: center; }
.formContainer { margin: 0; padding: 0; border: 0; }
.rsform-block { margin-bottom: 18px; }
@media (max-width: 650px) { .rsform-block { text-align: left; } }
@media (min-width: 651px) { .formControlLabel { float: left; width: 140px; padding-top: 5px; text-align: right; } .formControls { margin-left: 160px; } }
.rsform-block-contact-us > .formControlLabel { display: none; }
.rsform-block-contact-us > .formControls { margin-left: 0; }
.formBody { position: relative; }
.formValidation { display: inline-block; }
.formNoError { display: none; }
p.formDescription { margin: 9px 0 0; }
strong.formRequired { margin-left: 3px; }
.rsform-input-box, .rsform-calendar-box, .rsform-text-box, .rsform-select-box, .rsform-block-captcha input { padding: 4px; border: 1px solid #ccc; border-radius: 3px; color: #555; font-family: Roboto, sans-serif; font-size: 12px; line-height: 12px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); vertical-align: middle; }
.rsform-input-box, .rsform-calendar-box, .rsform-block-captcha input { width: 210px; height: 18px; margin-bottom: 9px; }
.rsform-text-box { width: 310px; max-width: 100%; }
@media (max-width: 768px) { .rsform-text-box { width: 100%; } }
.rsform-select-box { width: 220px; height: 28px; max-width: 120px; background: transparent; font-size: 13px; text-align: center; cursor: pointer; }
@media (max-width: 650px) {
	.rsform-input-box, .rsform-calendar-box, .rsform-select-box, .rsform-block-captcha input { max-width: 100%; }
	.rsform-input-box, .rsform-calendar-box, .rsform-text-box, .rsform-block-captcha input, input[id^="hiddencal"] { text-align: start; }
}
.rsform-calendar-button { -webkit-appearance: button; appearance: button; display: block; position: absolute; top: 0; left: 0; width: 220px; height: 38px; margin-bottom: 3px; padding: 4px 10px; border: 0; border-radius: 4px; background: transparent repeat-x; color: #333; font-family: Roboto, sans-serif; font-size: 13px; line-height: 18px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); vertical-align: middle; cursor: pointer; }
input[id^="hiddencal"], #userForm > input { font-family: Roboto, sans-serif; font-size: 16px; line-height: 26px; vertical-align: middle; }
.rsform-submit-button { -webkit-appearance: button; appearance: button; width: 220px; max-width: 220px; padding: 10px; border: 0; background: #b3a15e; color: #fff; font: 300 18px / 18px Roboto, sans-serif; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); vertical-align: middle; cursor: pointer; }

/* CF7 (replaces RSForm): its own wrappers stay invisible; errors use the RSForm look (assets/js/forms.js) */
.wpcf7 .screen-reader-response { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); border: 0; }
.wpcf7 .hidden-fields-container, .wpcf7-response-output, .wpcf7-not-valid-tip, .wpcf7-spinner { display: none !important; }
.formResponsive .formError { display: block; height: 18px; margin: 3px 5px 3px 0; padding-left: 5px; color: #b94a48; font-size: 13px; font-weight: 400; vertical-align: middle; }
.formResponsive input.rsform-calendar-button { border: 1px solid #ccc; margin-bottom: 3px; }
.contactform-info .formBody .btnCal { position: absolute; top: 0; left: 0; width: 220px; height: 38px; border: 0; background: transparent none !important; text-shadow: none !important; cursor: pointer; }
.rsform-calendar-box[readonly] { cursor: not-allowed; }
/* Calendar popup (own rewrite of the RSForm/YUI 2 calendar, same classes and measured values) */
.yui-calcontainer { float: left; position: relative; padding: 5px; overflow: hidden; border: 1px solid #7b9ebd; background: #f7f9fb; }
.yui-calendar { position: relative; border-collapse: separate; border-spacing: 0; font: 100% Roboto, sans-serif; text-align: center; }
.yui-calendar th, .yui-calendar td { line-height: normal; }
.yui-calendar .calhead { padding: 5px 2px; border: 1px solid #e0e0e0; background: #fff; font-weight: 700; vertical-align: middle; }
.yui-calendar .calheader { position: relative; width: 100%; text-align: center !important; }
.yui-calendar .calnavleft, .yui-calendar .calnavright { position: absolute; top: 2px; bottom: 0; z-index: 1; width: 14px; height: 14px; overflow: hidden; text-indent: -10000em; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M4.5 1.5L10 7l-5.5 5.5' fill='none' stroke='%23444' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat; }
.yui-calendar .calnavleft { left: 2px; transform: rotate(180deg); }
.yui-calendar .calnavright { right: 2px; }
.yui-calendar a.calnav { padding: 0 2px; color: #2f363b; text-decoration: none; }
.yui-calendar a.calnav:hover { padding: 2px 4px; border: 1px solid #5ea9dd; background: #5ea9dd; color: #fff; cursor: pointer; }
.yui-calendar .calweekdaycell { width: 2.5em; padding: 1px; color: #666; font-weight: 400; text-align: center; vertical-align: middle; }
.yui-calendar td.calcell { padding: .1em .2em; border: 1px solid #e0e0e0; text-align: center; vertical-align: middle; }
.yui-calendar td.calcell a { color: #908044; text-decoration: none; }
.yui-calendar td.calcell.today { border: 1px solid #5ea9dd; }
.yui-calendar td.calcell.oom { border: 1px solid #e0e0e0; background: #eee; color: #ccc; cursor: default; }
.yui-calendar td.calcell.selected { border: 1px solid #fff3ad; background: #fff3ad; color: #5ea9dd; }
.yui-calendar td.calcell.calcellhover { border: 1px solid #fff3ad; background: #fff3ad; color: #fff; cursor: pointer; }
.yui-calendar td.calcell.calcellhover a { color: #fff; }
.yui-calendar td.calcell.previous { color: #ccc; }
.yui-calcontainer .yui-cal-nav-mask { display: none; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; background: #000; opacity: .25; }
.yui-calcontainer .yui-cal-nav { display: none; position: absolute; top: 1.5em; left: 50%; z-index: 3; width: 12em; margin-left: -6em; padding: 0; border: 1px solid #7b9ebd; background: #f7f9fb; font-size: 93%; }
.yui-calcontainer .yui-cal-nav-y, .yui-calcontainer .yui-cal-nav-m, .yui-calcontainer .yui-cal-nav-b { padding: 2px 5px; }
.yui-calcontainer .yui-cal-nav-b { text-align: center; }
.yui-calcontainer .yui-cal-nav-e { display: none; margin-top: 2px; padding: 2px; border-top: 1px solid #000; background: #edf5ff; }
.yui-calcontainer .yui-cal-nav label { display: block; float: left; height: 18px; margin: 3px 5px 3px 0; font-size: 16px; font-weight: 700; }
.yui-calcontainer .yui-cal-nav-mc { width: 120px; height: 28px; padding: 4px; border: 1px solid #ccc; border-radius: 3px; background: transparent; color: #555; font-size: 13px; }
.yui-calcontainer .yui-cal-nav-yc { width: 3em; height: 18px; margin: 0 0 9px; padding: 4px; border: 1px solid #ccc; border-radius: 3px; background: #fff; color: #555; font-size: 12px; line-height: 12px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); vertical-align: middle; }
.yui-calcontainer .yui-cal-nav-b button { margin: 1px; padding: 1px 6px; border: 1px solid #036; border-top-color: #fff; border-left-color: #fff; background: #5ea9dd; color: #000; font-size: 93%; line-height: 26px; text-decoration: none; cursor: pointer; }
.yui-calcontainer .yui-cal-nav-y input.yui-invalid { border: 1px solid #000; background: #ffee69; }

/* ---------- Contact sidebar (ZOO "App Info") ---------- */
ul.product-custom3ds > li > .layout-default > .description { margin-top: 5px; }
.product-custom3ds .element-text { margin-top: 5px; }
.product-custom3ds .element-text.first { margin-top: 0; }
.product-custom3ds .element-text > p { margin-bottom: 0; }
.element-text.first > h3 { position: relative; margin: -8px 0 26px; color: #2f363b; font-size: 26px; line-height: 26px; }
.element-text.first > h3::before, .element-text.first > h3::after { content: ""; display: block; position: absolute; left: 0; }
.element-text.first > h3::before { top: 39px; width: 100%; height: 1px; background: #dfdfdf; }
.element-text.first > h3::after { top: 37px; width: 10%; height: 5px; background: #fff3ad; }
.element-text.first > p { margin: 10px 0 0; }
.product-custom3ds .element-text > p::before { content: ""; display: block; position: relative; float: left; width: 25px; height: 25px; background: url("../img/apps/icons/contact-icons.png") 16% 50% no-repeat; }
.product-custom3ds .element-text:nth-child(2) > p::before { background-position: 72% 50%; }
.product-custom3ds .element-text:nth-child(3) > p::before { background-position: 43% 50%; }
body.contact-page .element-textarea.last { margin-top: 5px; }

/* ---------- HTML sitemap (OSMap) ---------- */
.clearfix::before, .clearfix::after { content: ""; display: table; line-height: 0; }
.clearfix::after { clear: both; }
#osmap > h2.menutitle { margin: 0 0 10px; color: #2f363b; font-family: Roboto, sans-serif; text-transform: uppercase; }
#osmap > * + h2.menutitle { margin-top: 40px; }
#osmap ul.level_0 { margin: 10px 0 0; }
#osmap a { color: #f3e699; }

/* ---------- Footer columns (bottom-c) ---------- */
#tm-bottom-c { background: #908044; color: #fff; }
@media (min-width: 769px) { #tm-bottom-c { padding: 30px; } }
#tm-bottom-c h1 { color: #fff; }
@media (max-width: 1024px) { #tm-bottom-c .uk-width-large-4-10 { width: 100%; } }
img.footerlogoimg { width: 350px; max-width: 100%; }
.soclocation { display: table; margin: 0 auto; }
.soclocation > #rowsocial { filter: invert(1); }
@media (min-width: 768px) { .soclocation img { width: 28px !important; } }
ul.nav.menu, ul.zoo-itempro-default { padding-left: 0; list-style: none; }
ul.nav.menu > li > a { display: block; color: #fff; font-size: 18px; line-height: 28px; }
p.title { margin-bottom: 0; }
p.title > a { color: #fff; font-size: 18px; line-height: 28px; }
.uk-panel-box-primary { background: transparent; color: #fff; }
.uk-panel-box-primary > h3 { margin-bottom: 10px; color: #fff; font-size: 18px; line-height: 26px; }

/* ---------- Footer ---------- */
#tm-footer { position: relative; padding: 20px 30px; border-top: 1px solid #99894c; background: #908044; color: #fff; text-align: left; }
@media (max-width: 959px) { #tm-footer { text-align: center; } }
#tm-footer > a, .copyright-footer a { color: #8e9091; }
a.tm-totop-scroller { display: block; height: 30px; top: 0; right: 0; bottom: 0; z-index: 9; color: #8e9091; }
/* own chevron (16x14) */
a.tm-totop-scroller::after { content: ""; text-align: center; display: block; position: absolute; bottom: 14px; left: 50%; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14'%3E%3Cpath d='M15 9l-1.5 1.5L8 5l-5.49 5.49L1 9l7-7z' fill='%23fff' fill-opacity='.8'/%3E%3C/svg%3E") 50% 0 no-repeat; }
@media (max-width: 766px) { a.tm-totop-scroller { position: relative; } }
@media (min-width: 767px) { a.tm-totop-scroller::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 0; margin-left: -1px; transition: height .25s, margin .25s; } a.tm-totop-scroller:hover { background: #b3a15e; } a.tm-totop-scroller:hover::before { height: 16px; margin-top: -8px; background: #fff; } a.tm-totop-scroller:hover::after { margin-top: -12px; } a.tm-totop-scroller { position: absolute; width: 70px; height: auto; border-bottom-right-radius: 4px; background-color: #908044; } a.tm-totop-scroller::after { top: 50%; bottom: auto; left: 0; width: 70px; margin-top: -8px; line-height: 0; transition: margin .2s; } }
@media (max-width: 768px) { .copyright-footer { display: table; margin: 0 auto; } }
@media (min-width: 768px) { .copyright-footer { float: left; } }
@media (min-width: 769px) { .copyright-footer { margin-left: 60px; } }

/* ---------- Off-canvas mobile menu (own rewrite of the live behaviour, effect "12") ---------- */
#off-menu_235 { display: none; position: relative; margin: 0 0 10px; border-radius: 0; transition: transform .5s; }
nav#off-menu_235 { z-index: 99999999 !important; }
.sm-container > #off-menu_235 { position: fixed !important; top: 0; right: 0; width: 270px; max-width: 80vw; height: 100vh; margin: 0; opacity: 1; visibility: visible; transform: translate3d(100%, 0, 0); }
.sm-full-235 .sm-container > #off-menu_235 { display: block; }
.sm-container.sm-open-235 > #off-menu_235 { transform: none; }
#off-menu_235::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .9); box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, .21); }
html.sm-full-235, html.sm-full-235 body { padding: 0 !important; border: none !important; overflow: hidden !important; }
.sm-full-235 .sm-pusher { position: relative; z-index: 99; outline: transparent; transform-origin: 0 50%; transition: transform .5s ease 0s; }
.sm-pusher::after { content: ""; position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; visibility: hidden; background: #000; opacity: 0; transition: opacity .5s ease 0s; }
.sm-full-235 .sm-pusher::after { visibility: visible; }
.sm-open-235 .sm-pusher::after { opacity: .2; }
.sm-full-235 .sm-pusher, .sm-full-235 .sm-content, .sm-full-235 .sm-content-inner { box-sizing: border-box; }
.sm-full-235 .sm-content { width: 100vw; overflow-y: auto; }
.sm-full-235 .sm-content-inner { position: relative; min-height: 100vh; }
.sm-effect-12.sm-open-235 .sm-pusher { transform: perspective(1500px) rotateY(10deg); }
.off-menu_235 a, .off-menu_235 dd, .off-menu_235 div, .off-menu_235 dl, .off-menu_235 dt, .off-menu_235 img, .off-menu_235 p, .off-menu_235 span { position: static; float: none; clear: none; width: auto; margin: 0; padding: 0; border: 0; line-height: normal; list-style: none; box-sizing: border-box; }
.off-menu_235:not(input) { -webkit-touch-callout: none; user-select: none; }
.off-menu_235 a:active, .off-menu_235 a:focus { outline: 0; }
.sm-menu.sm-tree .sm-top { margin: 20px 10px 5px; }
.sm-top .mod-languages select { display: block; margin: 0 auto; color: #8f8044; }
.off-menu_235 .sm-levels { position: relative; height: 100%; overflow: hidden; -webkit-tap-highlight-color: transparent; }
.off-menu_235 .sm-level { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; backface-visibility: hidden; }
.off-menu_235 .sm-level.level1, .off-menu_235 dl .sm-level { position: static; }
.off-menu_235 dl { position: relative; max-height: 100%; overflow: hidden; }
.off-menu_235 .sm-level > dl { padding: 7px; }
.off-menu_235 .sm-level .sm-level > dl { padding: 10px !important; }
.off-menu_235 .sm-level > dl > dt { max-width: 100vw; overflow-x: hidden !important; }
.off-menu_235 dt { display: table; table-layout: fixed; width: 100%; padding: 7px 12px; border-top: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid transparent; cursor: pointer; transition: background .3s; }
.off-menu_235 dl.level2 dt { padding-left: 27px; }
.off-menu_235 dt::after { content: ""; display: table-cell; width: 20px; transition: transform .2s; }
.off-menu_235 dt.parent::after { display: none; }
.off-menu_235 .inner { display: table-cell; padding-left: 0; vertical-align: middle; }
.off-menu_235 .link { display: block; position: relative; padding-right: 0; text-align: left; transition: color .3s; }
.off-menu_235 dl a { color: #8f8044; font: 300 16px / normal "Roboto Condensed", Arial, Helvetica; text-decoration: none; }
.off-menu_235 dl.level2 a { font-size: 14px; }
.off-menu_235 dt.parent a { pointer-events: none; }
.off-menu_235 dd { display: block; margin: 0; overflow: hidden; }
.sm-tree.off-menu_235 dd { display: none; }
.sm-tree.off-menu_235 dd.opened { display: block; }
.sm-levels .active { background-color: rgba(218, 230, 233, .2) !important; }
.menu-icon-cont { display: inline-block; z-index: 9999; font-size: 0; line-height: 0; cursor: pointer; transition: transform .3s, opacity .3s; }
.menu-icon-cont.sm-btn-235 { display: block; }
@media (min-width: 960px) { .menu-icon-cont.sm-btn-235 { display: none !important; } }
.sm-btn-235 { background: rgba(255, 255, 255, .9); transform: translate(0, 0); }
.sm-content-inner > .sm-btn-235 { position: fixed; top: 0; right: 0; }
.sm-open-235 .sm-content-inner > .sm-btn-235 { z-index: 99999; }
.off-menu_235 .sm-btn-235 { position: absolute; top: 0; right: 100%; z-index: -1; }
.menu-icon-cont.sm-close { transform: none; }
.sm-btn-235 .menu-icon3 { display: inline-block; position: relative; width: .6em; height: .6em; margin: .2em; font-size: 50px; user-select: none; }
.menu-icon3 span { position: absolute; left: 0; width: 100%; height: .08em; border-radius: .2em; background: #b3a15e; backface-visibility: hidden; transition: all .2s ease-in-out; }
.menu-icon3 span:nth-child(1) { top: .1em; }
.menu-icon3 span:nth-child(2) { top: .26em; }
.menu-icon3 span:nth-child(3) { top: .42em; }
.sm-close .menu-icon3 span:nth-child(1) { transform: rotateZ(45deg) translate3d(.11em, .11em, 0); }
.sm-close .menu-icon3 span:nth-child(2) { opacity: 0; }
.sm-close .menu-icon3 span:nth-child(3) { transform: rotateZ(-45deg) translate3d(.11em, -.11em, 0); }
.sm-btn-235::before { content: "MENU"; position: absolute; top: 100%; left: 0; width: 100%; margin: 0; padding: 0 0 10px; overflow: hidden; background: rgba(255, 255, 255, .9); color: #b3a15e; font: 13px / 13px "Roboto Condensed", Helvetica, Arial; text-align: center; }

/* ---------- ESPA slide-in (bottom left) ---------- */
.rstboxes .rstbox { display: none; position: fixed; z-index: 99999; width: 100%; max-height: 100%; overflow: auto; font-size: 14px; line-height: 1.4em; -webkit-overflow-scrolling: touch; }
.rstboxes .rstbox.rstbox_bottom-left { bottom: 0; left: 0; }
.rstboxes .rstbox.rstbox_center { top: 0; right: 0; bottom: 0; left: 0; margin: auto; box-sizing: border-box; }
.rstboxes .rstbox.rstbox_shd_1 { box-shadow: 0 0 2px 2px rgba(0, 0, 1, .3); }
.rstboxes .rstbox-acc { text-align: center; }
.rstboxes .rstbox-acm .rstbox-container { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.rstboxes .rstbox .rstbox-content { overflow: hidden; }
.rstboxes .rstbox p { margin-bottom: 0; }
.rstboxes img { max-width: 100%; }
.rstbox-close { display: inline-block; position: absolute; top: 0; right: 0; z-index: 100; background: none; color: #aeaeae; font: normal 22px Tahoma, Arial; text-decoration: none !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; cursor: pointer; transition: all 200ms ease-in-out; }
.rstbox-close:focus { outline: 0; }
.rstbox-close span { display: block; padding: .4em; font-size: 1em; line-height: .4em; }

/* ---------- Home slider (Owl Carousel + own layer engine; same look as the live Revolution slider) ---------- */
.rev_slider_wrapper { position: relative; }
.rev_slider { position: relative; overflow: hidden; }
.rev_slider > ul, .rev_slider .owl-stage-outer, .rev_slider .owl-stage, .rev_slider .owl-item { height: 100%; }
.rev_slider > ul { margin: 0; padding: 0; list-style: none; }
.rev_slider .tp-revslider-slidesli { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; list-style: none; }
.rev_slider .slotholder, .rev_slider .tp-bgimg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.rev_slider .tp-bgimg { background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.rev_slider .owl-item img { display: inline; width: auto; max-width: none !important; margin: 0; padding: 0; border: 0; }
.rev_slider .animated { animation-duration: .3s; }
.rev_slider .tp-caption { position: absolute; visibility: hidden; white-space: nowrap; -webkit-font-smoothing: antialiased !important; }
.tp-caption.hotelorfeas_font_small, .tp-caption.hotelorfeas_font_extra_small, .tp-caption.hotelorfeas_font_white { margin: 0; padding: 1px 4px 0; border: 0 none #fff; background-color: transparent; font-family: Roboto; line-height: 36px; letter-spacing: -1.5px; text-decoration: none; text-shadow: none; }
.tp-caption.hotelorfeas_font_small { color: #b3a15e; font-size: 52px; font-weight: 300; }
.tp-caption.hotelorfeas_font_extra_small { color: #b3a15e; font-size: 28px; font-weight: 100; }
.tp-caption.hotelorfeas_font_white { color: #fff; font-size: 90px; font-weight: 700; }
.tp-caption.medium_light_white { padding: 0; border: 0 none #ffd658; background-color: transparent; color: #fff; font: 300 30px / 36px "Open Sans"; text-decoration: none; }
.tparrows { z-index: 100; opacity: 1; cursor: pointer; transform: translateZ(1000px); transform-style: preserve-3d; transition: opacity .2s ease-out; }
.tparrows.hidearrows { opacity: 0; }
.tparrows.preview4 { width: 30px; height: 110px; background: transparent; perspective: 1000px; }
.tparrows.preview4::after { content: ""; position: absolute; top: 0; left: 0; z-index: 0; width: 30px; height: 110px; background: rgba(0, 0, 0, .25) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath d='M2 2l8 8-8 8' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3C/svg%3E") 50% 50% no-repeat; transform-origin: 100% 100%; transition: all .2s ease-in-out; }
.tp-leftarrow.preview4::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20'%3E%3Cpath d='M10 2L2 10l8 8' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3C/svg%3E"); transform-origin: 0 0; }
.tparrows.preview4 .tp-arr-allwrapper { visibility: hidden; opacity: 0; position: absolute; top: 0; left: -150px; z-index: 1; width: 180px; min-height: 120px; overflow: hidden; perspective: 1000px; transform-style: flat; }
.tp-leftarrow.preview4 .tp-arr-allwrapper { left: 0; }
.tparrows.preview4 .tp-arr-iwrapper { position: relative; }
.tparrows.preview4 .tp-arr-imgholder, .tparrows.preview4 .tp-arr-imgholder2 { display: block; top: 0; width: 180px; height: 110px; background-position: center center; background-size: cover; backface-visibility: hidden; }
.tparrows.preview4 .tp-arr-imgholder { position: relative; }
.tparrows.preview4 .tp-arr-imgholder2 { position: absolute; left: 180px; }
.tp-leftarrow.preview4 .tp-arr-imgholder2 { left: -180px; }
.tparrows.preview4 .tp-arr-titleholder { display: block; position: relative; padding: 0 10px; background: #000; color: #fff; font-size: 11px; font-weight: 700; line-height: 2.75; letter-spacing: 1px; text-align: left; text-transform: uppercase; white-space: nowrap; opacity: 0; transform: rotateX(-90deg); transform-origin: 50% 0; backface-visibility: hidden; transition: all .3s; }
@media (min-width: 768px) {
	.tparrows.preview4:hover::after { transform: rotateY(-90deg); }
	.tp-leftarrow.preview4:hover::after { transform: rotateY(90deg); }
	.tparrows.preview4:hover .tp-arr-titleholder { opacity: 1; transform: rotateX(0deg); transition-delay: .4s; }
}
@media (max-width: 767px) {
	.tparrows.preview4, .tparrows.preview4::after { width: 20px; height: 80px; }
	.tparrows.preview4 .tp-arr-allwrapper { display: none !important; }
}

/* ---------- Cookie banner (cookieconsent 1.0.10 "dark-top" + the live theme's overrides) ---------- */
.cc_banner-wrapper { position: fixed !important; bottom: 0; z-index: 9999999999 !important; }
.cc_container { top: inherit !important; bottom: 0 !important; padding: 0 !important; overflow: visible !important; background: #3d3d3d !important; }
.cc_banner-wrapper .cc_message { max-width: 100%; margin: 0 auto !important; font-size: 14px !important; line-height: 30px !important; text-align: right; }
.cc_container .cc_btn { width: 30px; margin: 5px; padding: 5px 10px !important; border: 0; border-radius: 0 !important; background: #303030; color: #fff !important; font-size: 12px; font-weight: 400 !important; line-height: 10px; }
.cc_btn.cc_btn_accept_all, a.cc_more_info { width: 50px !important; border: 0 !important; background: #303030 !important; color: #fff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 10px !important; }
a.cc_more_info { display: block; float: right; margin: 5px 0 !important; padding: 5px 10px; }
@media (max-width: 960px) {
	a.cc_btn.cc_btn_accept_all { position: absolute !important; right: 3px !important; bottom: 0 !important; }
	a.cc_more_info { position: absolute !important; top: 0 !important; right: 8px !important; text-align: center !important; }
	.cc_container .cc_message { float: left !important; max-width: 77% !important; padding: 10px !important; line-height: 18px !important; text-align: left !important; }
}
@media (max-width: 556px) { .cc_container .cc_message { max-width: 75% !important; } }
@media (max-width: 460px) {
	.cc_container .cc_message { max-width: 100% !important; text-align: center !important; }
	a.cc_more_info { top: -25px !important; }
	a.cc_btn.cc_btn_accept_all { top: -25px !important; right: 82px !important; bottom: initial !important; }
}
@media (max-width: 433px) { a.cc_more_info { top: -25px !important; } }
@media (min-width: 1040px) { .cc_container .cc_btn { margin-right: 10%; } }
@media (min-width: 1185px) { .cc_container .cc_btn { margin-right: 15%; } }
@media (min-width: 1380px) { .cc_container .cc_btn { margin-right: 20%; } }
@media (min-width: 1650px) { .cc_container .cc_btn { margin-right: 25%; } }

/* ---------- Galleries: tiles grid + lightbox (own rewrite of the live Unite Gallery look) ---------- */
.unite-gallery { position: relative; }
.ug-thumbs-grid { position: absolute; margin: 0; overflow: hidden; }
.ug-thumbs-grid-inner { position: relative; transition: transform .5s ease; }
.ug-tile { position: absolute; width: 180px; height: 150px; margin: 0; overflow: hidden; cursor: pointer; }
.unite-gallery img.ug-thumb-image { position: absolute; max-width: none; margin: 0; padding: 0; border: 0; }
.ug-bullets { position: absolute; margin: 0; line-height: 0; }
.ug-bullet { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #c3cbc8; cursor: pointer; }
.ug-bullet.ug-bullet-active { background: #869791; }
.ug-lightbox { position: fixed; top: 0; left: 0; z-index: 999999999; width: 100%; height: 100%; }
.ug-lightbox-overlay { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, .95); }
.ug-lightbox .ug-slider-wrapper { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.ug-lightbox .ug-slider-wrapper img { position: absolute; max-width: none; }
.ug-lightbox-top-panel { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 44px; }
.ug-lightbox-numbers { position: absolute; top: 14px; left: 8px; z-index: 3; color: #e5e5e5; font-size: 12px; line-height: 26px; }
.ug-textpanel { position: absolute; top: 4px; left: 0; z-index: 2; width: 100%; height: 36px; }
.ug-textpanel-textwrapper { position: absolute; top: 0; height: 36px; }
.ug-textpanel-title { position: absolute; top: 5px; left: 0; width: 100%; overflow: hidden; color: #e5e5e5; font-size: 18px; font-weight: 400; line-height: 26px; text-align: center; white-space: nowrap; }
.ug-lightbox-button-close { position: absolute; top: 2px; right: 2px; z-index: 4; width: 36px; height: 36px; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M2 2l18 18M20 2L2 20' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E") 50% 50% no-repeat; }
.ug-lightbox-arrow-left, .ug-lightbox-arrow-right { position: absolute; top: 50%; z-index: 3; width: 50px; height: 55px; margin-top: -27px; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='30'%3E%3Cpath d='M16 2L3 15l13 13' fill='none' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E") 50% 50% no-repeat; }
.ug-lightbox-arrow-left { left: 10px; }
.ug-lightbox-arrow-right { right: 10px; transform: scaleX(-1); }
.ug-thumb-overlay { position: absolute; top: 0; left: 0; z-index: 3; }
.ug-tile .ug-tile-icon { position: absolute; z-index: 4; width: 38px; height: 38px; cursor: pointer; opacity: .8; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38'%3E%3Ccircle cx='14.5' cy='15.5' r='9.5' fill='none' stroke='%23fff' stroke-width='3.5'/%3E%3Cpath d='M21 22l11 11' stroke='%23fff' stroke-width='4.5'/%3E%3C/svg%3E") no-repeat; }
.ug-tile .ug-tile-icon:hover { opacity: 1; }
.ug-tiletype-justified .ug-tile { overflow: hidden; }
.ug-tiletype-justified .ug-tile img.ug-thumb-image { display: block; width: 100%; height: 100%; max-width: none; margin: 0; padding: 0; border: 0; }
.ug-tile .ug-tile-image-overlay { position: absolute; top: 0; left: 0; z-index: 2; }
.ug-tiletype-justified .ug-tile .ug-tile-image-overlay img { width: 100%; height: 100%; max-width: none; }
img.ug-blur-effect { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0.8' /></filter></svg>#blur"); }