@charset "utf-8";

/**
 * Owl Carousel v2.1.6
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{/*display:none;*/width:100%;z-index:10}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;/*overflow:hidden;*/-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* Arrows */

.owl-nav {position:absolute; top:50%; margin: -25px 0 0 0; width:100%; left:0; z-index:100;}
.owl-prev,
.owl-next{
	cursor: pointer;
    position: absolute;
    top: 50%;
    display: block;
    width: 26px;
    height: 26px;
    padding: 0;
    -webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-indent: -9999px;
	margin: 0 0 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	/* background-color: rgba(255,255,255,0.7); */
	border: none;
}
.owl-prev:hover,
.owl-prev:focus,
.owl-next:hover,
.owl-next:focus{
    /* background-color: rgba(255,255,255,1); */
	outline:none;
}

.owl-prev:before,
.owl-next:before{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.owl-prev:after,
.owl-next:after{
	position:absolute;
	z-index:155;
	top:0;
	left:0;
	width:26px;
	height:26px;
	opacity: 1;
	display:block;
	text-indent: 0;
    content:"";
	background-repeat:no-repeat;
	background-position: center center;
}

.owl-prev:after{background-image:url(../img/arr_l_w.svg); filter: brightness(0) saturate(100%) invert(81%) sepia(18%) saturate(546%) hue-rotate(349deg) brightness(80%) contrast(79%);}

.owl-next:after{background-image:url(../img/arr_r_w.svg); filter: brightness(0) saturate(100%) invert(81%) sepia(18%) saturate(546%) hue-rotate(349deg) brightness(80%) contrast(79%);}

.owl-prev:hover:after,
.owl-next:hover:after{
	filter: brightness(0) saturate(100%) invert(98%) sepia(100%) saturate(14%) hue-rotate(193deg) brightness(103%) contrast(100%);
}



.owl-prev{left: 0px;}
.owl-next{right: 0px;}

.owl-dots {width: 100%; height:20px; text-align:center; padding:0; /*float:right*/ position: absolute; top: 0; left: 0; margin: -58px 0 0 0; }

.owl-carousel .owl-dot {
  width:18px; height:18px; display:inline-block; margin: 0 13px; z-index: 1; background: transparent; }

.owl-carousel .owl-dot span {
  display: inline-block; width:16px; height:16px; margin: 0 0 0 -5.5px;
  transform: rotate(45deg); transform-origin: center; border: 1px solid var(--gold600); background: var(--gold100); z-index: 1; 
}

.owl-carousel .owl-dot.active span:after {content: ""; width: 8px; height: 8px; position: absolute; top: 3px; left: 3px; background: var(--webgold);}

.owl-carousel .owl-dot + .owl-dot:before {
  content: ""; width: 27px; height: 1px; position: absolute; z-index: -1; top: 8.5px; left: -25px; background: var(--gold600);
  /* transform: translateX(-100%);  */
}

.owl-carousel .owl-item img {height:auto;}

.owl-carousel a.item {position:relative; width: 100%; height: 100%; display:block;}

.owl-carousel .video:after {content: ""; display:inline-block; position:absolute; width: 89px; height: 89px; /*background-image: url(../img/video.svg);*/ top:50%; left: 50%; transform: translate(-50%, -50%);}


.owl-carousel > a {
    display: none !important;
}
.owl-carousel > a:first-child {
    display: block !important; margin: 0 auto; text-align: center;
}
/* sizes="(min-width: 1800px) calc(100vw - 800px), (min-width: 1450px) calc(100vw - 600px), (min-width: 1000px) calc(100vw - 400px), 90vw" */

@media (max-width: 999px) {.owl-carousel > a img {width: 90%; height: auto; }}
@media (min-width: 1000px) {.owl-carousel > a img {width: calc(100% - 400px); height: auto; }}
@media (min-width: 1450px) {.owl-carousel > a img {width: calc(100% - 600px); height: auto; }}
@media (min-width: 1800px) {.owl-carousel > a img {width: calc(100% - 800px); height: auto; }}


/***************************************************** magnific popup */

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: rgba(247, 247, 247, 1);
  opacity: 1; }

.mfp-bg:after {
  top: 20px;
  left: 20px;
	position: absolute;
	width: 115px; height: 55px;
  /*content: url(../img/logo_color.svg);*/ }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 80px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 56px;
  height: 56px;
  line-height: 56px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: .8; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: var(--txt); }

.mfp-container  .mfp-close {
  color: var(--txt); background: white; 
  right: 20px; top: 20px; position: fixed;
  text-align: center;
  width: 56px; height: 56px; border-radius: 50px;}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #3f3f3f;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

button.mfp-arrow {
  position: absolute;
  opacity: 1;
  margin: 0;
  top: 50%;
  margin-top: -28px;
  padding: 0;
  width: 56px;
  height: 56px;
	background-color: #fff;
  -webkit-tap-highlight-color: transparent;
  border-radius: 50px; 
	/*background-image: url(../img/arr_l.svg);
	background-repeat: no-repeat;
	background-position: center center;*/
border: 1px solid transparent;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

  .mfp-arrow:active {
    margin-top: -25px; }

  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }

.mfp-arrow-left {
  left: 20px;
  background-repeat: no-repeat; background-position: center center; background-image: url(../img/dd.svg); transform: rotate(90deg);
  background-size: 30px auto;
}

.mfp-arrow-right {
  right: 20px;
  background-repeat: no-repeat; background-position: center center; background-image: url(../img/dd.svg); transform: rotate(-90deg);
  background-size: 30px auto;
}
.mfp-arrow-left,
.mfp-arrow-right {
  -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.mfp-arrow-left:hover,
.mfp-arrow-right:hover {
  background-size: 30px auto; 
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 60px 0;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;*/ }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -46px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: right;
  line-height: 18px;
  color: #3f3f3f;
  word-wrap: break-word;
  padding-right: 0; }

  .mfp-title span {
    color: var(--txt-lite); font-size: 14px; line-height: 17px; text-transform: uppercase; letter-spacing: 1.5px;}
    .mfp-title span span {
      color: var(--txt); }
  

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    /*background: rgba(0, 0, 0, 0.6);*/
	  background: white;
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    /* top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6); */
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    /* -webkit-transform: scale(0.75);
    transform: scale(0.75);  */
  }
  .mfp-arrow-left {
    /*-webkit-transform-origin: 0;
    transform-origin: 0;*/ }
  .mfp-arrow-right {
    /*-webkit-transform-origin: -100%;
    transform-origin: -100%;*/
	/* transform: scale(0.75) rotate(180deg); */ 
}
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* jquery datepicker overrides */

.ui-widget.ui-widget-content {
  border: none;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
}
.ui-widget-header {
  border: none; padding: .2em 0 10px !important;
  background: transparent; border-bottom: 1px solid #BDBDBD;
}
.ui-datepicker th {
  font-size: 12px; text-transform: uppercase;
  font-weight: 500;
}
.ui-state-default, 
.ui-widget-content .ui-state-default {
  border: none;
  background: transparent;
  color: #454545;
  border-radius: 50%;
}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
  border: none;
  background: var(--red);
  color: #fff;
}
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {
  border: none;
  background: var(--webgold);
  color: white;
}
.ui-datepicker {
  width: 264px;
  padding: 0.5em 0.5em;
  z-index: 9999 !important;
}
.ui-datepicker td span, .ui-datepicker td a {
  text-align: center;
}
.ui-datepicker td {
  border: 0;
  padding: 0;
  width: 14.111%;
  height: 14.111% !important;
  overflow: hidden;
}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{
  top:3px;
  border-radius: 50%;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{
  top:3px; cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev{
  left:2px
}
.ui-datepicker .ui-datepicker-next{
  right:2px
}
.ui-datepicker .ui-datepicker-prev-hover{
  left:2px
}
.ui-datepicker .ui-datepicker-next-hover{
  right:2px
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus{
  border:none;
  background:#ededed;
}
.ui-icon-circle-triangle-w {
  background-position: -97px -1px;
}
.ui-icon-circle-triangle-e {
  background-position: -32px -1px;
}
/*____________________________*/













.hide_desktop {display:none;}
.show_desktop {display:block;}
.showOnDesktop {display:block;}
.showOnMobile {display:none;}

@media (max-width: 767px) {
  .hide_desktop {display:block;}
  .show_desktop {display:none;}
  .showOnDesktop {display:none;}
  .showOnMobile {display:block;} 
}








.mt-0 {margin-top:0 !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-40 {margin-top:40px !important;}
.mt-50 {margin-top:50px !important;}
.mt-75 {margin-top:75px !important;}
.mt-100 {margin-top:100px !important;}
.mt-120 {margin-top:120px !important;}
.mt-150 {margin-top:150px !important;}
.mb-0 {margin-bottom:0 !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-50 {margin-bottom:50px !important;}
.mb-75 {margin-bottom:75px !important;}
.mb-100 {margin-bottom:100px !important;}
.mb-120 {margin-bottom:120px !important;}
.mb-150 {margin-bottom:150px !important;}
.pt-0 {padding-top:0 !important;}
.pt-10 {padding-top:10px !important;}
.pt-15 {padding-top:15px !important;}
.pt-20 {padding-top:20px !important;}
.pt-30 {padding-top:30px !important;}
.pt-40 {padding-top:40px !important;}
.pt-50 {padding-top:50px !important;}
.pt-75 {padding-top:75px !important;}
.pt-90 {padding-top:90px !important;}
.pt-100 {padding-top:100px !important;}
.pt-150 {padding-top:150px !important;}
.pt-200 {padding-top:200px !important;}
.pb-0 {padding-bottom:0 !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-15 {padding-bottom:15px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-30 {padding-bottom:30px !important;}
.pb-40 {padding-bottom:40px !important;}
.pb-50 {padding-bottom:50px !important;}
.pb-75 {padding-bottom:75px !important;}
.pb-100 {padding-bottom:100px !important;}
.pb-150 {padding-bottom:150px !important;}
.pb-200 {padding-bottom:200px !important;}

/* @media (max-width: 1100px) {
	.hide_mob {display:none;}
	.show_mob {display:block;}
} */

@media (max-width: 767px) {
  .mt-0-mob {margin-top:0 !important;}
	.mt-10-mob {margin-top:10px !important;}
	.mt-15-mob {margin-top:15px !important;}
	.mt-20-mob {margin-top:20px !important;}
	.mt-30-mob {margin-top:30px !important;}
	.mt-50-mob {margin-top:50px !important;}
	.mt-75-mob {margin-top:75px !important;}
	.mt-100-mob {margin-top:100px !important;}
	.mt-150-mob {margin-top:150px !important;}
	.mb-0-mob {margin-bottom:0 !important;}
	.mb-10-mob {margin-bottom:10px !important;}
	.mb-15-mob {margin-bottom:15px !important;}
	.mb-20-mob {margin-bottom:20px !important;}
	.mb-30-mob {margin-bottom:30px !important;}
	.mb-50-mob {margin-bottom:50px !important;}
	.mb-75-mob {margin-bottom:75px !important;}
	.mb-100-mob {margin-bottom:100px !important;}
	.mb-150-mob {margin-bottom:150px !important;}
	.pt-0-mob {padding-top:0 !important;}
	.pt-10-mob {padding-top:10px !important;}
	.pt-15-mob {padding-top:15px !important;}
	.pt-20-mob {padding-top:20px !important;}
	.pt-30-mob {padding-top:30px !important;}
	.pt-40-mob {padding-top:30px !important;}
	.pt-50-mob {padding-top:50px !important;}
	.pt-75-mob {padding-top:75px !important;}
	.pt-100-mob {padding-top:100px !important;}
	.pt-150-mob {padding-top:150px !important;}
	.pb-0-mob {padding-bottom:0 !important;}
	.pb-10-mob {padding-bottom:10px !important;}
	.pb-15-mob {padding-bottom:15px !important;}
	.pb-20-mob {padding-bottom:20px !important;}
	.pb-30-mob {padding-bottom:30px !important;}
	.pb-40-mob {padding-bottom:30px !important;}
	.pb-50-mob {padding-bottom:50px !important;}
	.pb-75-mob {padding-bottom:75px !important;}
	.pb-100-mob {padding-bottom:100px !important;}
	.pb-150-mob {padding-bottom:150px !important;}
}


:root {
    --black: #2B2A29;
    --gold: #B69052;
    --red: #882520;
    --blue: #2B2A29;
    --green: #58561D;
    --brown: #72665A;
    --brown2: #8F6842;
    --webgold: #C09A76;
    --webblue: #79B8CD;
    --cta: #1476FF;
    --gold800: #D1B294;
    --gold600: #E7D6C6;
    --gold400: #F0E5DB;
    --gold300: #F7F2ED;
    --gold200: #F9F5F1;
    --gold100: #FCFAF8;
    --blue800: #97C8D8;
    --blue600: #B5D8E3;
    --blue400: #D3E8EE;
    --blue200: #F0F7F9;
    --blue100: #F8FBFC;
    --grey: #5E5C5A;
    --grey2: #8F8C8A;
    --grey700: #686664;
    --grey500: #9B9997;    
    --bg-blue: #DAEBF1;
    --bg-gold: #E7D6C6;
    --bg-yellow: #FFEBBD;
    --alert: #D30D03;
    --gold-contrast: #8F6842;
    --frame-outline: #D9BFA6;
    --txt: var(--black); 

    --wrap: 1170px; 
}



html {scroll-behavior: smooth; width: 100%; overflow-x: hidden; }

* {position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body {margin: 0; font-family: "Gantari", sans-serif; font-weight: normal; font-size: 16px; padding-top: 88px; 
line-height: 160%; color: var(--txt); overflow-x: hidden !important; background: var(--gold100); }

body.hideoverflow {width: 100vw; height: 100vh; overflow: hidden;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  font-family: "Kalnia", serif; color: var(--txt); margin-top: 0; font-weight: 500; display: block; /*letter-spacing: 0.02em;*/
}

h1, .h1 {font-size: 48px; line-height: 112%; margin-bottom: 24px; }
h2, .h2 {font-size: 32px; line-height: 112%; margin-bottom: 24px; letter-spacing: 0.01em; }
h3, .h3 {font-size: 24px; line-height: 120%; margin-bottom: 15px; font-family: "Gantari", sans-serif; }
h4, .h4 {font-size: 20px; line-height: 112%; margin-bottom: 15px; font-family: "Gantari", sans-serif; }
h5, .h5 {font-size: 16px; line-height: 120%; margin-bottom: 15px; font-family: "Gantari", sans-serif; letter-spacing: 0.02em; }
h6, .h6 {font-size: 16px; line-height: 112%; margin-bottom: 15px; font-family: "Gantari", sans-serif; }

.caption {font-size: 14px; line-height: 120%; font-weight: 700; letter-spacing: 0.02em;}
.caption2 {font-size: 12px; line-height: 100%; font-weight: 600; letter-spacing: 0.02em; }

a {text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: var(--webgold); }
a:hover {color: var(--red); }

p {margin: 0 0 15px 0; }
p:last-child {margin: 0; }

p a {color: var(--red); text-decoration: underline; }
p a:hover {color: var(--webgold); }

.center {text-align: center;}

button {border: none; cursor: pointer;}
button, a, img {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border: none; }

img, video {vertical-align: middle; height: auto; /*max-width: 100%;*/ }

input, select, textarea, button,
input:focus, select:focus, textarea:focus, button:focus {outline: none; font-family: "Gantari", sans-serif;  }

select {
  appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: white;
  background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-image: url(../img/dd.svg);
}




.buttlike {
    display: inline-flex; gap: 8px; align-items: center; height: 48px; border-radius: 4px; color: white; font-size: 15px; font-weight: 700; 
    padding: 0 30px; background: var(--red); border: none; justify-content: center; white-space: nowrap;
}
.buttlike.full {width: 100%; }

.buttlike.gold {background: var(--webgold);}
.buttlike.gold:after {border: 1px solid var(--webgold);}

.buttlike.white {background: white; color: var(--webgold); }
.buttlike.white:after {border: 1px solid var(--webgold);}

/* .buttlike:hover {background: var(--red);  } */

.buttlike:after {
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; transform: translate(-50%, -50%);
    content: ""; width: calc(100% + 8px); height: calc(100% + 6px); position: absolute; z-index: -1; top: 50%; left: 50%; border-radius: 5px;  pointer-events: none; 
    border: 1px solid var(--red);
    box-shadow: 0px 4px 16px rgba(192,154,118,0.15);
}
.buttlike:hover:after {background: var(--red); box-shadow: 0px 4px 16px rgba(192,154,118,0.35); }
.buttlike.gold:hover:after {background: var(--webgold); }
.buttlike.white:hover:after {background: white; border: 1px solid white; }

.buttlike:hover {color: white; }
.buttlike.white:hover {color: var(--webgold);  }



.buttlike.gold img {filter: brightness(0) saturate(100%) invert(100%); }

p .buttlike {
  margin: 4px;
  text-decoration: none;
}
p:has(.buttlike) {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}


.footer {padding: 0 22px; margin-top: 50px; color: var(--black); }

.footer:before {
  content: ""; width: 576px; height: 83px; background-image: url(../img/spill.svg); background-repeat: no-repeat; background-position: center bottom;
  position: absolute; z-index: 1; top: -13px; left: 50%; transform: translateX(-50%);
}

.footer_inner {
  background-color: #CAAA8C; border-radius: 12px; padding: 120px 22px 22px 22px; box-shadow: inset 0px -50px 250px #C09A76; max-width: 1920px; margin: 0 auto;
}

.logos {background-image: linear-gradient(180deg, var(--gold100) 0%, #fff 30%); /*bottom > top*/ padding: 30px 0; }

.logos .wrap {display: flex; align-items: center; gap: 30px; justify-content: center; }

.footer > img {position: absolute; z-index: 5; top: -70px; left: 50%; transform: translateX(-50%); }

.footer a {color: var(--black); }
.footer a:hover {color: var(--grey); }

.footer h2 {margin: 0 0 40px 0; }


.contacts {display: flex; gap: 10px; width: 700px; margin: 0 auto; text-align: center; justify-content: space-between; padding: 16px 0 40px 0; max-width: 100%; }
.contact {flex-basis: 33.3%; font-size: 14px; line-height: 128%; }
.contacts .caption {display: block; margin: 8px 0; }



.menu2 ul {list-style: none; padding: 0 0 24px 0; margin: 0; text-align: center; }
.menu2 ul li {display: inline-block; margin: 4px; }
.menu2 ul li a {display: inline-block; padding: 8px 16px; font-weight: 600; border-radius: 32px; background-color: var(--gold800); }
.menu2 ul li a:hover {background-color: var(--gold600); color: var(--black); }


.socials {display: flex; justify-content: center; gap: 16px; margin: 0 0 40px 0; }

.socials a {display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 32px; background-color: var(--gold400); }
.socials a:hover {background-color: var(--gold600); }


.copyright a + a {margin-left: 16px; }






.header {padding: 24px 22px; z-index: 100; position: fixed; width: 100%; top: 0; left: 0; /*background: var(--gold100);*/ height: 208px; pointer-events: none; }

.header_inner {width: 100%; display: flex; align-items: center; justify-content: space-between; height: 40px; pointer-events: all; }

.header_right {display: flex; align-items: center; gap: 30px; z-index: 1; }

.logo {position: absolute; z-index: 5; top: 0px; left: 50%; transform: translateX(-50%);}
.logo img {max-width: 100%; }
img.logo_mobile {display: none; }

.header:before {
  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  content: ""; width: 100%; height: 158px; background-image: url(../img/header_bg.svg); background-repeat: no-repeat; background-position: center bottom;
  position: absolute; z-index: -2; top: 0; left: 50%; transform: translateX(-50%);
}

.header:after {
  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  content: ""; width: 100%; height: 208px; background-image: url(../img/header_bg_sticky.svg); background-repeat: no-repeat; background-position: center bottom;
  position: absolute; z-index: -1; top: -22px; left: calc(50% + 2px); transform: translateX(-50%);
}

.header:before,
.header:before {opacity: 1; }
.header:after,
.header:after {opacity: 0; }

.scroll-up .header:before,
.scroll-down .header:before {opacity: 1; }
.scroll-up .header:after,
.scroll-down .header:after {opacity: 1; }

.header .buttlike {height: 34px; /*opacity: 0; visibility: hidden;*/ }
/*.scroll-up .header .buttlike,
.scroll-down .header .buttlike {opacity: 1; visibility: visible; }*/



.trigger {
  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    display: inline-block; width: 40px; height: 40px; background-image: url(../img/trigger.svg); background-position: center center; background-repeat: no-repeat;
    border: 1px solid var(--gold600); border-radius: 4px; cursor: pointer;
}
.trigger:hover {opacity: .7; }

.menu {
  background-image: linear-gradient(-45deg, #EBDED1 0%, #FCFAF8 100%); /*bottom > top*/
  position: fixed; z-index: 301; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; padding: 250px 50px 50px 176px; 
  overflow-y: auto; overflow-x: hidden; 
}

.menu.open {opacity: 1; visibility: visible; }

.close_menu {
  position: fixed; z-index: 303; top: 24px; right: 22px; width: 40px; height: 40px; border: 1px solid var(--gold600); border-radius: 4px;
  background-repeat: no-repeat; background-position: center center; background-image: url(../img/x.svg);
}

.menu_logo {position: absolute; top: 90px; left: 100px; width: 224px; }

li.back {display: none;}




.menu ul {list-style: none; margin: 0; padding: 0; width: 300px; }

.menu li {margin-bottom: 8px; }

.menu li a {line-height: 26px; padding: 15px 24px; display: inline-block; border-radius: 16px; color: var(--brown); font-size: 18px; font-weight: 500; }

.menu li.hasSub > a {display: block; border-radius: 16px 0 0 16px; -webkit-transition: none; transition: none;}

.menu li.hasSub > a:before,
.menu li.hasSub > a:after {
  pointer-events: none; opacity: 0; 
  content: ""; width: 26px; height: 26px; position: absolute; right: -1px; 
  background-repeat: no-repeat; background-position: center center; background-image: url(../img/mmenu_corner.svg);
}

.menu li.hasSub > a:before {top: -25px;}
.menu li.hasSub > a:after {bottom: -25px; transform: rotate(270deg);}

.menu li.hasSub:hover > a:before,
.menu li.hasSub:hover > a:after {opacity: 1;}

.menu li.active > a,
.menu li:hover > a,
.menu li:focus > a {background-color: var(--gold400); }


.menu li ul {
  position: fixed; z-index: 205; top: 0; left: calc(300px + 176px); width: calc(100vw - 300px - 176px); height: 100vh; background: var(--gold400);
  padding: 250px calc(100vw - 300px - 176px - 300px) 0 32px; 
  display: none; overflow-y: auto; overflow-x: hidden;
}
.menu li:hover ul, .menu li:focus-within ul {display: block; }

@supports selector(:has(:focus-visible)) {
	.menu li:focus-within ul {display: none; }
	.menu li:focus-within:hover ul,
	.menu li:focus-within:has(:focus-visible) ul,
	.menu li:has(:focus-visible) ul {display: block; }
}

@media (hover: none) {
	@supports selector(:has(:focus-visible)) {
		.menu li:focus-within:hover ul {display: none; }
	}
	.menu li:hover ul {display: none; }
	.menu li.open ul, .menu li.open:hover ul, .menu li.open:focus-within ul {display: block; } 
	
	.menu li.hasSub:hover > a::before, .menu li.hasSub:hover > a::after {
	  opacity: 0;
	}
	
	.menu li.open.hasSub:hover > a::before, .menu li.open.hasSub:hover > a::after,
	.menu li.open.hasSub > a::before, .menu li.open.hasSub > a::after {
	  opacity: 1;
	}
	
	.menu li:hover > a {
		background-color: transparent;
	}
	.menu li.open > a, .menu li.open:hover > a {
		background-color: var(--gold400);
	}
	
}


.menu li li.active a,
.menu li li a:hover {background-color: var(--gold600); }

.menu li li img {opacity: 0; position: absolute; top: 0; left: calc(100% + 30px); border-radius: 4px; max-width: 400px; }
.menu li li:hover img {opacity: 1; }





.langs {display: flex; padding-right: 48px; z-index: 300; }

.langs ul {list-style: none; margin: 0; padding: 0; display: flex; gap: 8px;   }

.langs ul li {display: flex; }

.langs ul li a span {display: inline-block; width: 32px; text-align: center; }

.langs span.lang_full,
.langs span.lang_title {display: none; }

.langs img {display: none; margin: 0; width: 32px; }

.langs ul li a {
  display: inline-flex; width: 40px; height: 40px; line-height: 40px; text-align: center; color: var(--webgold); border: 1px solid var(--gold600); 
  border-radius: 4px; font-size: 20px; padding: 4px; align-items: center; gap: 8px; 
}

.langs > ul > li > a {width: auto;  }
.langs ul li a:hover {color: var(--red); }
.langs.open ul li a:hover {color: var(--webgold); }

.langs ul li ul {
  padding: 0 0 0 8px; 
  display: none; 
}

.langs.open ul li ul {display: flex; }
.langs.open img {display: block; }

.close_langs {
  position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: 1px solid var(--gold600); border-radius: 4px;
  background-repeat: no-repeat; background-position: center center; background-image: url(../img/x.svg);
  display: none;
}
.langs.open .close_langs {display: block; }
.close_langs:hover {border: 1px solid var(--webgold); }

.langs.open ul li ul a:hover {border-color: var(--webgold); box-shadow: 0px 4px 16px rgba(192,154,118,0.35); }




.hero {padding: 0 22px; max-width: 1920px; margin: 0 auto; }

.hero_inner {width: 100%; border-radius: 12px; overflow: hidden; height: calc(100vh - 90px - 24px); max-height: 1080px; }
.page .hero_inner {width: 100%; height: 550px;}

.hero_inner img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
/* .page .hero_inner img {height: auto; max-height: calc(100vh - 90px - 24px); } */

.hero_desc {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5;  }

.hero_desc span {
    display: block;  margin: 0 0 32px 0; 
    font-weight: 500; color: white; font-family: "Kalnia", serif; font-size: 48px; line-height: 112%; text-shadow: 0 0 32px rgba(0, 0, 0, 0.8); 
}

.hero_desc span + .buttlike {margin-top: 30px; }

.hero_desc p {display: none; }

.hero h1 {color: white; text-shadow: 0 0 32px rgba(0, 0, 0, 0.8); }
.page .hero_desc p {display: block; color: white; text-shadow: 0 0 32px rgba(0, 0, 0, 0.8); margin: 0 0 30px 0; }







.booking {
    width: calc(100vw - 90px); max-width: 900px; background: white; padding: 32px; border-radius: 16px; margin: -88px auto 0 auto; z-index: 5; 
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.1); border: 1px solid var(--gold400); 
}
.booking:before {
    content: ""; width: calc(100% - 8px); height: calc(100% - 8px); position: absolute; top: 50%; left: 50%; border-radius: 12px; pointer-events: none; 
    border: 1px solid var(--gold400);  transform: translate(-50%, -50%); 
}

.booking_wrap {display: flex; gap: 16px; width: 100%; align-items: center; justify-content: space-between; }

.booking input,
.booking select {height: 56px; padding: 0 15px; border: 1px solid var(--webgold); border-radius: 4px; width: 100%; font-size: 16px; }

.booking label {
  display: inline-block; position: absolute; top: -5px; left: 10px; padding: 0 5px; background: white; z-index: 5; color: var(--grey);
  font-size: 12px; font-weight: 600; line-height: 14px; 
}

.booking .col {flex-basis: 25%; }

.booking .buttlike {height: 50px; width: calc(100% - 6px); text-align: center; justify-content: center; margin-left: 3px; }




section {padding: 80px 0; }
section.noPadd {padding: 0; }

.scales_l:before,
.scales_r:after,
.scales_c:before {
  content: ""; width: 790px; height: 790px; position: absolute; z-index: -1; background-repeat: no-repeat; pointer-events: none; 
  background-size: 790px 790px; background-image: url(../img/Background-gold-L.svg); 
}
.scales_c.blue:before {background-image: url(../img/Background-blue-L.svg); }
.scales_c.small:before {width: 555px; height: 555px; background-size: 555px 555px; background-image: url(../img/Background-gold-M.svg);  }
.scales_c.small.blue:before {background-image: url(../img/Background-blue-M.svg); }

.scales_l:before {top: calc(50% - 790px / 2); left: calc(50% - 790px); }
.scales_r:after  {top: calc(50% - 790px / 2); left: calc(50% + 200px); opacity: .5; }
.scales_c:before {top: calc(50% - 790px / 2); left: calc(50% - 790px / 2); }
.scales_c.small:before {top: -50px; left: calc(50% - 555px / 2); }



.wrap {width: var(--wrap); margin: 0 auto; }
.wrap.narrow {width: calc(100% - 44px); max-width: 970px; }

.decoration {margin-bottom: 32px;}
.slogan {margin: 20px 0; }







.intro {width: 415px; margin: 0 auto; }

.w640 {width: 640px; margin: 0 auto; }
.w900 {width: 900px; margin: 0 auto; }

img.abs,
.intro picture {position: absolute; pointer-events: none; display: inline-block; width: auto; }

.scales_l .intro .abs:first-child {left: 50%; top: 50%; transform: translate(-100%, -50%); margin-left: -200px;  }
.scales_r .intro .abs:nth-child(2) {left: 50%; top: -70px; margin-left: 200px;  }
.scales_r .intro .abs:nth-child(3) {left: 50%; bottom: -30px; margin-left: 270px;  }

.scales_c .intro .abs:first-child {left: 50%; top: 80px; transform: translateX(-100%); margin-left: -240px;  }
.scales_c .intro .abs:nth-child(2) {left: 50%; bottom: -120px; transform: translateX(-100%); margin-left: -200px;   }
.scales_c .intro .abs:nth-child(3) {left: 50%; top: 0px; margin-left: 170px;  }
.scales_c .intro .abs:nth-child(4) {left: 50%; bottom: -10px; margin-left: 210px;  }

.events .intro picture:first-child {left: 0; top: 0px; transform: translateX(-100%);  }
.events .intro picture:nth-child(2) {/*right: calc(0px - 30px);*/ left: 50%; top: 0px; margin: -20px 0 0 150px; /*transform: translateX(100%);*/     }

















.features {display: flex; flex-wrap: wrap; justify-content: center; width: 900px; margin: 0 auto; margin-top: 32px; gap: 16px; }
.feature {text-align: center; display: flex; flex-direction: column; gap: 8px; align-items: center; font-weight: 500; width: 150px;  }
.ficon {width: 66px; height: 66px; display: inline-flex; justify-content: center; align-items: center; background-image: url(../img/flower-outline.svg);}

.features.wrapped {gap: 40px 16px; justify-content: center; margin-top: 50px; }

.features.simple {gap: 16px 32px; }
.features.simple .feature {flex-direction: row; padding: 10px 0 10px 56px; width: calc(33.3% - 2 * 32px / 3); text-align: left; align-items: flex-start; }
.features.simple .ficon {
  background-image: none; width: 40px; height: 40px; 
  position: absolute; top: 0; left: 0; 
}

.features.simple.centered {width: 690px; gap: 8px; }
.features.simple.centered .feature {
  flex-direction: column; padding: 10px 0 10px 0; width: calc(33.3% - 2 * 8px / 3); text-align: center; font-size: 14px; line-height: 128%; 
  align-items: center; justify-content: flex-start; 
}
.features.simple.centered .ficon {position: static; }
.features.simple.centered span {display: block; font-weight: 700; color: var(--webgold); }
.features.simple.centered a {color: var(--black); }
.features.simple.centered a:hover {color: var(--webgold); }





.popup_gallery .item {
  background-color: var(--gold100); border: 1px solid var(--gold600); border-radius: 4px; padding: 8px; 
  box-shadow: 0px 14px 40px rgba(200,167,135,0.2);
}

.popup_gallery .item img {border-radius: 2px; }
.popup_gallery .item a:hover img {opacity: .8; }


.reviews {overflow: hidden; width: calc(100% + 10px); margin: 30px 0 0 -5px; padding: 60px 0 40px 0; }

.reviews .item {
  background-color: white; border: 1px solid var(--webgold); border-radius: 8px; padding: 40px; 
  box-shadow: 0px 14px 40px rgba(200,167,135,0.12);
}
.reviews .item:after {
  content: ""; width: calc(100% - 16px); height: calc(100% - 16px); 
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid var(--gold600); border-radius: 2px; 
}

.reviews .center .item {
  border: 1px solid var(--webblue); box-shadow: 0px 14px 40px rgba(121,184,205,0.12); text-align: left;
}
.reviews .center .item:after {border: 1px solid var(--blue600);  }



.accommodation img {border-radius: 4px; }

.acc_txt {padding: 24px 0 0 0; }

.accommodation a .acc_txt {color: var(--black); }
.accommodation a:hover .acc_txt h3 {color: var(--webgold); }
.accommodation a:hover img {opacity: .8; }

.acc_data {display: flex; gap: 15px; }
.intro .acc_data {justify-content: center; padding: 15px 0 15px 0; }
.intro .acc_data > div {min-width: 160px; }
.acc_datum {display: flex; flex-direction: column; }
.acc_datum .caption {color: var(--grey); }



.third {width: calc(33.3% - 2 * 32px / 3 - 10px); margin: 0 auto;  }

.rates {display: flex; justify-content: space-between; gap: 32px; padding: 0; }
.rate {flex-basis: 50%; }

.rate .buttlike {flex-direction: column; justify-content: center; height: 80px; width: 100%; text-align: center;}





.gmap_wrap {width: 100%; padding: 8px; border: 1px solid var(--gold600); border-radius: 4px; }
.gmap {height: 496px; background: #ccc; border-radius: 4px; }

.video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 4px; 
}

.staff img {border-radius: 4px; max-width: 100%; }



.about .owl-item {opacity: 0; transform: scale(0.2);}
.about .owl-item.center,
.about .owl-item.center + .owl-item,
.about .owl-item:has(+ .owl-item.center) {opacity: 1; transform: scale(1);}

.about .owl-item .about_img {
  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  width: 100%; padding: 8px; border: 1px solid var(--gold600); border-radius: 4px; background-color: white; margin: 0 0 60px 0; 
  filter: blur(4px); transform: rotate(3deg) scale(.2) translateX(0); 
}

.about .owl-item:has(+ .owl-item.center) .about_img {
  transform: rotate(3deg) scale(1.5) translateX(-20%); 
}

.about .owl-item.center .about_img {filter: blur(0); transform: rotate(-3deg) scale(1) translateX(0); }
.about .owl-item.center + .owl-item .about_img {transform: rotate(3deg) scale(.5) translateX(-50%); }
.about .owl-item.center + .owl-item + .owl-item  {opacity: 0; }

.about .about_txt {visibility: hidden; opacity: 0; text-align: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.about .center .about_txt {visibility: visible; opacity: 1; }

.about .item .about_img img {width: 100%; border-radius: 4px;}
.about .about_txt img {max-width: 200px; margin: 0 auto 20px; }

.about .number {
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 5; 
  display: inline-block; width: 80px; height: 80px; border-radius: 80px; margin: 0 0 -40px 0; 
  color: white; background-color: var(--gold800); font-weight: 600; font-family: "Kalnia", serif; font-size: 40px; line-height: 80px; text-align: center; 
}

.about .owl-dots {top: auto; bottom: 0; margin: 0 0 -45px 0; }

/* .about .decoration {margin-top: 100px; } */



.rooms {display: flex; flex-wrap: wrap; gap: 40px 32px; justify-content: center; margin: 0 auto; padding: 20px calc(16.667% + 5px) 0;  }
.rooms.fullwidth {padding: 20px 0 0;  }

.rooms .item {width: calc(50% - 16px);}
.rooms.fullwidth .item {width: calc(33.3% - 2 * 32px / 3);}

.rooms .item img {border-radius: 4px; width: 100%; }

.rooms a .acc_txt {color: var(--black); }
.rooms a:hover .acc_txt h3 {color: var(--webgold); }
.rooms a:hover img {opacity: .8; }

/* dodatak za offers: */
.rooms .caption {color: var(--grey2); margin: 0 0 8px 0; }
.rooms .buttlike {margin: 15px 0 0 5px; }

.pager {width:100%; display: flex; justify-content: center; gap: 4px; }
.pager a {
  display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; color: var(--webgold); font-size: 20px; 
  background-color: var(--gold200); border-radius: 4px; border: 1px solid var(--gold600);
}
.pager span {display:inline-block; width:30px; height:40px; text-align:center; line-height:40px; }
.pager a.active, .pager a:hover { background:#fff;}
.pager img {filter: brightness(0) saturate(100%) invert(62%) sepia(74%) saturate(186%) hue-rotate(348deg) brightness(89%) contrast(87%); margin: -4px 0 0 0; }
.pager a:first-child img {transform: rotate(90deg);}
.pager a:last-child img {transform: rotate(-90deg);}

/* dodatak za gallery: */
.rooms.popup_gallery {padding: 20px 0 0;  }

.rooms.popup_gallery .center {width: 100%;  }

.rooms.popup_gallery .item {width: calc(33.3% - 2 * 32px / 3); display: none; }
.rooms.popup_gallery .more-wrap { display: none; }
.rooms.popup_gallery .item:nth-of-type(-n + 9) {display: block;}
.rooms.popup_gallery .more-wrap:nth-of-type(3) {display: block;}

.crums {margin: 0 0 20px 0; }

.crums a {display: inline-block; padding: 0 14px 0 0; margin: 0 10px 0 0; }

.crums a:after {
  content: ""; width: 4px; height: 4px; border-radius: 4px; background-color: var(--webgold);
  position: absolute; top: 50%; right: 0; margin-top: -2px;  
}






.restaurants {display: flex; flex-wrap: wrap; gap: 32px; justify-content: center; }

.restaurants .item {display: inline-block; width: calc(33.3% - 2 * 32px / 3); overflow: hidden; }
.restaurants .item:last-child {width: 640px; }

.item_content {
  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  position: absolute; z-index: 5; width: 100%; padding: 0 30px; left: 0; bottom: 30px; /*margin: 0;*/ text-align: center; 
}

.restaurants h3 {
  font-family: "Kalnia", serif; color: white; margin: 0; text-shadow: 0 0 32px rgba(0, 0, 0, 0.8); 
  -webkit-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out;
}
/* .restaurants .item:hover h3 {-webkit-transition: opacity 1s ease-out !important; transition: opacity 1s ease-out !important; } */

.restaurants img {border-radius: 4px; width: 100%; }
/* .restaurants .item:hover img {opacity: .8; } */

.buttons {
  width: 100%; display: flex; gap: 36px; justify-content: center; flex-wrap: wrap;
}
.item_content .buttons {
  -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
  opacity: 1; visibility: visible; padding: 16px 0 0 0; max-height: 300px; overflow: hidden; padding-bottom: 8px;  gap: 16px; 
}

@media (hover: hover) {
	.item_content .buttons { opacity: 0; visibility: hidden; max-height: 0;}
	.restaurants .item:hover .item_content .buttons {opacity: 1; visibility: visible; max-height: 300px;  }
}

@media (min-width: 768px) and (max-width: 1100px){
  .restaurants .item:not(:last-child):hover h3 {opacity: 0; transform: translatey(100%);}
}





.video, .embed_wrap {padding: 8px; border-radius: 4px; border: 1px solid var(--gold800); background-color: white; }

.embed_wrap responsive-embed {
	margin: 0;
}
.embed_wrap {margin: 0 0 15px 0; }
.embed_wrap:last-child {margin: 0; }

.events2 {display: flex; gap: 250px; justify-content: space-between; text-align: center; margin: -100px 0 0 0; }

.event {width: calc(50% - 125px);  }

.event:before {
  content: ""; width: 600px; height: 600px; position: absolute; z-index: -1; top: -200px; left: 50%; background-repeat: no-repeat; pointer-events: none; 
  background-size: 600px 600px; background-image: url(../img/Background-gold-M.svg); transform: translateX(-50%);
}





.form {display: flex; gap: 24px 32px; flex-wrap: wrap; }

.inp {width: 100%; }
.inp.half {width: calc(50% - 16px); }

.help-block, .response span {text-align: left; overflow: hidden;  }
.help-block {color: var(--alert); padding-left: 32px; line-height: 16px;}
.response span { margin: 0 auto; padding-left: 20px; }

.help-block:before, .response span:before {
  content: ""; position: absolute; width: 16px; height: 16px; 
  background-repeat: no-repeat; background-position: center center; 
}
.help-block:before { background-image: url(../img/i.svg); left: 12px; top: 0; }
.response span:before { left: 0; top: 2px;  background-image: url(../img/i.svg); background-size: 16px 16px; filter: saturate(0) invert(1) brightness(100); }
.response.success span:before { background-image: url(../img/success.svg); filter: none; }

.response {
	background-color: #79CD9C;
	color: white;
	border-radius: 8px;
	padding: 16px;
	line-height: 20px;
}
.response.error {
	background-color: #D30D03;
	
}

.disclaimer {color: var(--grey500); }

.form input:not(.buttlike), 
.form select, 
.form textarea {
  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  width: 100%; border-radius: 8px; border: 1px solid var(--gold800); height: 56px; padding: 0 12px; margin: 0 0 8px 0; font-size: 16px; 
}

.form textarea {height: 170px; padding: 12px; }

.form input:not(.buttlike):focus, 
.form select:focus, 
.form textarea:focus {border: 1px solid var(--webgold); box-shadow: 0px 0px 15px rgba(192,154,118,0.5); }

.field-contact-verifycode img {
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 1;
}
 
.form .field-contact-verifycode input:not(.buttlike) {
	padding-right: 50px;
}
.field-contact-verifycode.out-of-flow {
	position: absolute;
}


.title_img img {position: absolute; left: 0; top: 50%; transform: translate(-70%, -50%);}

.title_img.alt img {top: auto; bottom: 0; transform: translateX(-50%);}





.article .intro .caption {color: var(--grey2); }

blockquote {
  display: block; padding: 0 0 0 56px; font-size: 24px; line-height: 112%; color: var(--webgold); margin: 30px 0; 
  background-repeat: no-repeat; background-position: top left; background-image: url(../img/quotes.svg);
}
ul, ol {margin: 30px 0; padding: 0 0 0 40px;}

ol.styled, ul.styled {margin: 30px 0; padding: 16px 16px 16px 40px; background: var(--blue200); border: 1px solid var(--blue800); border-radius: 8px;}
ol.styled li::marker {color: var(--webgold); font-weight: 900; }
/* ol li::after {content: ""; position: absolute; z-index: -1; top: 0; left: 0; display: inline-block; background: var(--webgold); width: 24px; height: 24px; } */




.tags {display: flex; gap: 8px; flex-wrap: wrap; }

.tags a {display: inline-block; font-weight: bold; background-color: var(--gold400); border-radius: 40px; padding: 10px 20px; line-height: 20px; }

.downloads a {
  display: block;
  padding: 0 0 5px 25px;
  position: relative;
}
.downloads a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 13px;
  height: 12px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: var(--webgold);
  -webkit-mask-image: url(../img/i-download.svg);
  mask-image: url(../img/i-download.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.downloads a:hover::before {
  background-color: var(--red);
}
.nooverflow {
  overflow: hidden;
}
figure {
  margin: 0 auto 15px auto;
  max-width: 640px;
}
figure:last-child {margin-bottom: 0;}
figure img {
	max-width: 100%;
	height: auto;
}
textarea {
    resize: vertical;
}




.maska img {width: 100%; height: auto; }

.events .intro .maska {width: 100%; max-width: 304px; margin: 0 auto; }
.events2 .maska {width: 192px; margin: 0 auto; }

.maska {clip-path: polygon(50.109500885009766% 0%, 50.86094665527344% 0.3536849915981293%, 51.60212707519531% 0.7284760475158691%, 52.33539581298828% 1.1185295581817627%, 53.06147766113281% 1.5218141078948975%, 53.780616760253906% 1.9373496770858765%, 54.49302291870117% 2.3643274307250977%, 55.198646545410156% 2.802427053451538%, 55.89747619628906% 3.251288652420044%, 56.5894660949707% 3.7106175422668457%, 57.27448654174805% 4.180281162261963%, 57.952392578125% 4.660158157348633%, 58.623046875% 5.150112152099609%, 59.28624725341797% 5.650116920471191%, 59.94183349609375% 6.160059928894043%, 60.58951950073242% 6.680003643035889%, 61.22911834716797% 7.209857940673828%, 61.860389709472656% 7.749606132507324%, 62.48308181762695% 8.299232482910156%, 63.09687042236328% 8.858784675598145%, 63.70149612426758% 9.42822265625%, 64.29671478271484% 10.007485389709473%, 64.88214111328125% 10.596649169921875%, 65.45747375488281% 11.195664405822754%, 66.02241516113281% 11.804491996765137%, 66.57660675048828% 12.42311954498291%, 67.11963653564453% 13.051567077636719%, 67.65128326416016% 13.689674377441406%, 68.17107391357422% 14.337475776672363%, 68.6786117553711% 14.994918823242188%, 69.1736831665039% 15.6618013381958%, 69.65573120117188% 16.33816146850586%, 70.12446594238281% 17.023813247680664%, 70.57948303222656% 17.718637466430664%, 71.02041625976562% 18.4224853515625%, 71.44686889648438% 19.13520050048828%, 71.85850524902344% 19.8565731048584%, 72.25495147705078% 20.58640480041504%, 72.63585662841797% 21.324466705322266%, 73.00086975097656% 22.070514678955078%, 73.34972381591797% 22.824254989624023%, 73.68211364746094% 23.585403442382812%, 73.99768829345703% 24.353668212890625%, 74.29624938964844% 25.12870979309082%, 74.70071411132812% 25.789073944091797%, 75.47576904296875% 26.087587356567383%, 76.24404907226562% 26.403133392333984%, 77.0052261352539% 26.735445022583008%, 77.75897979736328% 27.084278106689453%, 78.50504302978516% 27.44925308227539%, 79.24311828613281% 27.83012580871582%, 79.97305297851562% 28.226377487182617%, 80.69457244873047% 28.637752532958984%, 81.4074935913086% 29.06386375427246%, 82.11163330078125% 29.50432777404785%, 82.80683898925781% 29.958759307861328%, 83.49298858642578% 30.426759719848633%, 84.16996002197266% 30.90794563293457%, 84.8375473022461% 31.402057647705078%, 85.49577331542969% 31.908580780029297%, 86.14459228515625% 32.42710876464844%, 86.78387451171875% 32.95732879638672%, 87.41355895996094% 33.49893569946289%, 88.03372192382812% 34.0514030456543%, 88.64417266845703% 34.614601135253906%, 89.24507904052734% 35.18796157836914%, 89.83622741699219% 35.77137756347656%, 90.41777038574219% 36.36436462402344%, 90.98969268798828% 36.966651916503906%, 91.55188751220703% 37.57802200317383%, 92.10442352294922% 38.19812774658203%, 92.6473159790039% 38.82670211791992%, 93.18054962158203% 39.4634895324707%, 93.70410919189453% 40.10824966430664%, 94.21794128417969% 40.76078796386719%, 94.72205352783203% 41.420875549316406%, 95.2164077758789% 42.088294982910156%, 95.7009506225586% 42.76287841796875%, 96.17554473876953% 43.444496154785156%, 96.6400146484375% 44.13304138183594%, 97.09446716308594% 44.828243255615234%, 97.53832244873047% 45.5302619934082%, 97.97160339355469% 46.238861083984375%, 98.39369201660156% 46.95417785644531%, 98.80401611328125% 47.676300048828125%, 99.2016372680664% 48.40549850463867%, 99.5847396850586% 49.142417907714844%, 99.9489974975586% 49.888816833496094%, 99.69998931884766% 50.64152526855469%, 99.32772827148438% 51.383968353271484%, 98.93982696533203% 52.11838150024414%, 98.53831481933594% 52.84544372558594%, 98.12456512451172% 53.565616607666016%, 97.69915771484375% 54.278953552246094%, 97.26272583007812% 54.98561477661133%, 96.81537628173828% 55.68540573120117%, 96.35757446289062% 56.3784065246582%, 95.88951873779297% 57.06452560424805%, 95.41116333007812% 57.743507385253906%, 94.92268371582031% 58.41523361206055%, 94.42415618896484% 59.079551696777344%, 93.9156494140625% 59.73624801635742%, 93.39720916748047% 60.385128021240234%, 92.86883544921875% 61.02595901489258%, 92.33055114746094% 61.658485412597656%, 91.78235626220703% 62.28243637084961%, 91.22425842285156% 62.89755630493164%, 90.65631866455078% 63.50357437133789%, 90.07853698730469% 64.10022735595703%, 89.49078369140625% 64.68706512451172%, 88.89325714111328% 65.26395416259766%, 88.28585815429688% 65.83043670654297%, 87.668701171875% 66.3862533569336%, 87.04168701171875% 66.93095397949219%, 86.40501403808594% 67.46430969238281%, 85.7586441040039% 67.98587799072266%, 85.10261535644531% 68.4952392578125%, 84.43708801269531% 68.99213409423828%, 83.76214599609375% 69.47616577148438%, 83.077880859375% 69.94691467285156%, 82.38440704345703% 70.40399169921875%, 81.68186950683594% 70.84700012207031%, 80.97045135498047% 71.2756118774414%, 80.2503433227539% 71.68944549560547%, 79.52175903320312% 72.08817291259766%, 78.784912109375% 72.4714126586914%, 78.0400619506836% 72.8388671875%, 77.28744506835938% 73.19013977050781%, 76.52735900878906% 73.52493286132812%, 75.76013946533203% 73.8430404663086%, 74.98609161376953% 74.14414978027344%, 74.36222076416016% 74.58606719970703%, 74.06627655029297% 75.36211395263672%, 73.753173828125% 76.13139343261719%, 73.42321014404297% 76.8935775756836%, 73.0767822265625% 77.6484375%, 72.71416473388672% 78.3956527709961%, 72.33567810058594% 79.13495635986328%, 71.9416732788086% 79.86610412597656%, 71.53250885009766% 80.58887481689453%, 71.10855102539062% 81.30307006835938%, 70.67018127441406% 82.0085220336914%, 70.21778106689453% 82.7050552368164%, 69.75176239013672% 83.39254760742188%, 69.27250671386719% 84.07088470458984%, 68.7802505493164% 84.7398452758789%, 68.27554321289062% 85.39946746826172%, 67.7587661743164% 86.0496826171875%, 67.23027038574219% 86.69039154052734%, 66.6903076171875% 87.32147979736328%, 66.13941192626953% 87.94304656982422%, 65.57780456542969% 88.55494689941406%, 65.00589752197266% 89.15724182128906%, 64.4239730834961% 89.7498550415039%, 63.832435607910156% 90.3328857421875%, 63.2314453125% 90.90614318847656%, 62.621402740478516% 91.46979522705078%, 62.00259780883789% 92.0237808227539%, 61.37526321411133% 92.56812286376953%, 60.739681243896484% 93.10276794433594%, 60.0960807800293% 93.62774658203125%, 59.44468307495117% 94.14305114746094%, 58.78571319580078% 94.64862060546875%, 58.11936569213867% 95.14442443847656%, 57.445831298828125% 95.63040924072266%, 56.76520919799805% 96.1064224243164%, 56.07771682739258% 96.57247161865234%, 55.38346481323242% 97.02835083007812%, 54.68256378173828% 97.47396087646484%, 53.97487258911133% 97.90872955322266%, 53.260555267333984% 98.33250427246094%, 52.53947830200195% 98.74467468261719%, 51.811336517333984% 99.14422607421875%, 51.07561492919922% 99.52961730957031%, 50.33085632324219% 99.89724731445312%, 49.57755661010742% 99.75299835205078%, 48.83380126953125% 99.38333892822266%, 48.09828567504883% 98.99755096435547%, 47.37016296386719% 98.59799194335938%, 46.64896774291992% 98.18598937988281%, 45.93463134765625% 97.76226043701172%, 45.2270622253418% 97.32730102539062%, 44.52619934082031% 96.88163757324219%, 43.8321418762207% 96.42544555664062%, 43.14506149291992% 95.95877838134766%, 42.46503448486328% 95.48192596435547%, 41.792266845703125% 94.99488830566406%, 41.1268424987793% 94.49784088134766%, 40.46902084350586% 93.99077606201172%, 39.818973541259766% 93.47378540039062%, 39.17695617675781% 92.94686889648438%, 38.543216705322266% 92.41004180908203%, 37.91798400878906% 91.86328887939453%, 37.30156326293945% 91.306640625%, 36.69418716430664% 90.74012756347656%, 36.09614944458008% 90.16378784179688%, 35.50786209106445% 89.5774917602539%, 34.92948532104492% 88.98139190673828%, 34.36147689819336% 88.37543487548828%, 33.8040657043457% 87.75969696044922%, 33.25774383544922% 87.13411712646484%, 32.722694396972656% 86.49887084960938%, 32.19939041137695% 85.8538818359375%, 31.688234329223633% 85.19925689697266%, 31.189498901367188% 84.5351333618164%, 30.70355987548828% 83.86155700683594%, 30.230833053588867% 83.17865753173828%, 29.77176856994629% 82.48649597167969%, 29.326690673828125% 81.78526306152344%, 28.89595603942871% 81.07513427734375%, 28.479930877685547% 80.35627746582031%, 28.078981399536133% 79.62892150878906%, 27.693401336669922% 78.89327239990234%, 27.32365608215332% 78.14956665039062%, 26.969993591308594% 77.39807891845703%, 26.632768630981445% 76.63905334472656%, 26.31222152709961% 75.87286376953125%, 26.00859832763672% 75.09978485107422%, 25.68962860107422% 74.35260009765625%, 24.911300659179688% 74.06275939941406%, 24.139585494995117% 73.75567626953125%, 23.37484359741211% 73.43169403076172%, 22.61732292175293% 73.09109497070312%, 21.86737632751465% 72.73419189453125%, 21.125255584716797% 72.36125183105469%, 20.391193389892578% 71.97269439697266%, 19.665437698364258% 71.56883239746094%, 18.94818115234375% 71.15006256103516%, 18.239620208740234% 70.71673583984375%, 17.5399227142334% 70.2692642211914%, 16.849225997924805% 69.80795288085938%, 16.167686462402344% 69.33329772949219%, 15.495369911193848% 68.84562683105469%, 14.83243179321289% 68.34526824951172%, 14.17893123626709% 67.83268737792969%, 13.53485107421875% 67.30827331542969%, 12.90031623840332% 66.77238464355469%, 12.275418281555176% 66.22526550292969%, 11.66006088256836% 65.66744232177734%, 11.054401397705078% 65.09910583496094%, 10.4583101272583% 64.5207290649414%, 9.871962547302246% 63.9324951171875%, 9.295212745666504% 63.33484649658203%, 8.728121757507324% 62.72801208496094%, 8.170740127563477% 62.11226272583008%, 7.623002052307129% 61.487911224365234%, 7.084915637969971% 60.8552131652832%, 6.556496620178223% 60.21442413330078%, 6.037749767303467% 59.56578063964844%, 5.528757572174072% 58.909446716308594%, 5.029487609863281% 58.24570083618164%, 4.540029048919678% 57.57468032836914%, 4.060431480407715% 56.89658737182617%, 3.590801239013672% 56.211524963378906%, 3.131288528442383% 55.519676208496094%, 2.682084798812866% 54.821067810058594%, 2.2434213161468506% 54.11578369140625%, 1.8157095909118652% 53.40381622314453%, 1.399411678314209% 52.685115814208984%, 0.9952449798583984% 51.95952606201172%, 0.6045769453048706% 51.226585388183594%, 0.2299361377954483% 50.485328674316406%, 0.1215599924325943% 49.73284912109375%, 0.4841765761375427% 48.98564147949219%, 0.8646907806396484% 48.24737548828125%, 1.2595442533493042% 47.51668930053711%, 1.6672459840774536% 46.79306411743164%, 2.0868914127349854% 46.07630920410156%, 2.5178680419921875% 45.36632537841797%, 2.9597716331481934% 44.663063049316406%, 3.4123525619506836% 43.96665954589844%, 3.8753485679626465% 43.277099609375%, 4.348611831665039% 42.594573974609375%, 4.832036018371582% 41.91919708251953%, 5.325529098510742% 41.251129150390625%, 5.829046249389648% 40.59060287475586%, 6.342550277709961% 39.937782287597656%, 6.865962982177734% 39.29290771484375%, 7.399291038513184% 38.65620803833008%, 7.942533016204834% 38.02792739868164%, 8.49565315246582% 37.40835189819336%, 9.058648109436035% 36.797706604003906%, 9.63153076171875% 36.196346282958984%, 10.214319229125977% 35.60458755493164%, 10.80689811706543% 35.02259826660156%, 11.40934944152832% 34.45087814331055%, 12.02163314819336% 33.88969421386719%, 12.643733024597168% 33.33938980102539%, 13.275575637817383% 32.80031967163086%, 13.917115211486816% 32.27281188964844%, 14.56832218170166% 31.757299423217773%, 15.229080200195312% 31.25407600402832%, 15.8993558883667% 30.76360511779785%, 16.57898712158203% 30.28620147705078%, 17.26789665222168% 29.822235107421875%, 17.96590805053711% 29.37214469909668%, 18.672897338867188% 28.9362850189209%, 19.388696670532227% 28.51499366760254%, 20.11307716369629% 28.108665466308594%, 20.845829010009766% 27.717641830444336%, 21.58671760559082% 27.34228515625%, 22.33550453186035% 26.982929229736328%, 23.091896057128906% 26.639854431152344%, 23.855575561523438% 26.31334686279297%, 24.62625503540039% 26.003753662109375%, 25.40361213684082% 25.711240768432617%, 25.941375732421875% 25.18464469909668%, 26.242416381835938% 24.41056251525879%, 26.560441970825195% 23.643310546875%, 26.895240783691406% 22.883214950561523%, 27.246461868286133% 22.130598068237305%, 27.613801956176758% 21.385662078857422%, 27.996896743774414% 20.64873695373535%, 28.39541244506836% 19.920028686523438%, 28.8089656829834% 19.19978904724121%, 29.237211227416992% 18.48815155029297%, 29.679773330688477% 17.785297393798828%, 30.1362247467041% 17.091407775878906%, 30.606250762939453% 16.406644821166992%, 31.089406967163086% 15.73107624053955%, 31.585304260253906% 15.064825057983398%, 32.09361267089844% 14.40796947479248%, 32.61391830444336% 13.760565757751465%, 33.14583969116211% 13.122695922851562%, 33.68904113769531% 12.494409561157227%, 34.2431640625% 11.875703811645508%, 34.80787658691406% 11.266653060913086%, 35.38276672363281% 10.66722297668457%, 35.96759796142578% 10.077446937561035%, 36.561920166015625% 9.497300148010254%, 37.16562271118164% 8.926868438720703%, 37.77827835083008% 8.366089820861816%, 38.399662017822266% 7.814933776855469%, 39.02945327758789% 7.273465633392334%, 39.66743087768555% 6.74167013168335%, 40.313331604003906% 6.219563007354736%, 40.966976165771484% 5.707094669342041%, 41.6281852722168% 5.204437255859375%, 42.29664611816406% 4.711509704589844%, 42.9722900390625% 4.228445529937744%, 43.6548957824707% 3.7553257942199707%, 44.34440612792969% 3.2922604084014893%, 45.040687561035156% 2.8393898010253906%, 45.74362564086914% 2.3970046043395996%, 46.45322799682617% 1.965400218963623%, 47.16953659057617% 1.5450077056884766%, 47.89268112182617% 1.1365461349487305%, 48.623008728027344% 0.740936279296875%, 49.36112594604492% 0.3602011203765869%, 50.109500885009766% 0%);}

.dm-height-260 { min-height: 260px; }
.dm-height-460 { min-height: 460px; }
.slogan img { max-width: 100%; }

/*
font-family: "Gantari", sans-serif; 
font-family: "Kalnia", serif; 
*/