@charset "utf-8";
body,html{font-family: 'Work Sans', sans-serif;font-weight:400;color:#656a70;font-size:17px;line-height:1.8;word-wrap:break-word;text-align: justify;}
:root{--default:#878986;--black:#000;--white:#fff;--yellow:#f7b602;--farmGrey:#f5f0e9;}
:focus{outline:0}
h1,.h1{font-size:inherit;line-height:inherit;font-weight:inherit;margin:inherit;padding:inherit;color:#656a70 !important;font-weight: 400;}
h1,.h1{position: relative;text-align: center;}
.line-middle::after {content: "";position: absolute;bottom: 0;background: #b99470;display: table;width: 50px;height: 2px;left: 50%;transform: translateX(-50%);}
.line-left::after {content: "";position: absolute;bottom: 0;background: #b99470;display: table;width: 50px;height: 2px;left: 0;}
h2{font-size:inherit;line-height:inherit;font-weight:inherit;margin:inherit;color:#656a70 !important;font-weight: 400;position: relative;}
h3{font-size:inherit;line-height:inherit;font-weight:inherit;margin:inherit;color:#656a70 !important;font-weight: 400;position: relative;}
h4{font-size:inherit;line-height:inherit;font-weight:inherit;margin:inherit;color:#656a70 !important;font-weight: 400;position: relative;}
h5{font-size:inherit;line-height:inherit;font-weight:inherit;margin:inherit;color:#656a70 !important;font-weight: 400;position: relative;}
h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:inherit;color:#656a70 !important;font-weight: 400;position: relative;}
a{text-decoration:none;color:inherit;outline:0;transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s}
b, strong {font-weight: 500;}
a:hover{color: #131313;}
p{margin:0 0 20px}
p:last-child{margin:0}
input:focus{outline:0}
body.doNotScroll{overflow:hidden;height:100vh}
.flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.centerFlex{place-content:center}
.flexHeader{display:flex;align-items:center;justify-content:space-between;padding:20px 0 0}
.align-items-start{-ms-flex-align:start;align-items:flex-start}
.align-items-center{-ms-flex-align:center;align-items:center}
.align-items-end{-ms-flex-align:end;align-items:flex-end}
.transition2s{transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;-ms-transition:all .2s linear 0s}
.transition3s{transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s}
.nonMobile{display:block}
.mobile{display:none}
.text-small{font-size:14px;color:#757575}
img:not([alt]){border:5px solid red}
.mt-30{margin-top: 30px !important;}
.italic{font-style: italic;}
.pageMainTitle h1,.pageMainTitle .h1{text-transform: uppercase;font-size: 32px;font-weight: 600;border-bottom: 2px solid #e9e9e9;padding-bottom: 30px;line-height: 1;margin-top: 50px;}
.openContact {background-color: #b99470;color: #fff;padding: 12px;cursor: pointer;border-radius: 3px;align-self: auto;text-align: center;}
.openContact:hover {box-shadow: 0 0 35px 2px rgb(0 0 0 / 24%);}
.behind{height: 153px;}

header{position: fixed;top: 0;left: 0;right: 0;z-index: 99;background: #fff;}
header .top-half,header .bottom-half{display: flex;justify-content: space-between;align-items: center;}
header .top-half{padding: 5px 30px;border-bottom:1px solid #dedede;}
header .top-half .wrapper{display: flex;gap: 30px;justify-content: space-between;font-size: 14px;}
header .top-half .wrapper a {display: flex;align-items: center;gap: 10px;}
header .top-half .wrapper a i{background-color: #b99470;font-size: 17px;color: #fff;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;}
header .top-half .lng-holder{display: flex;gap: 15px;align-items: center;}
header .top-half .lng-holder p{margin: 0;}
header .bottom-half {padding: 0 30px;}
header .bottom-half .logo-holder img{width: 180px;}
header .bottom-half .menu-holder ul{margin: 0;padding: 0;list-style-type: none;font-size: 15px;}
header .bottom-half .menu-holder ul li{float: left;}
header .bottom-half .menu-holder ul li a{display: block;padding: 40px 17px;}
header .bottom-half .menu-holder ul li a:hover{background-color: #b99470;color: #fff;}

#banner{position:relative;z-index:1}
#banner img{height:90vh;object-fit:cover}

#banner .filters_holder {position: absolute;background: rgb(255 255 255 / 100%);bottom: -40px;right: 50%;transform: translateX(50%);-webkit-box-shadow: -1px 15px 33px -11px rgb(0 0 0 / 75%);-moz-box-shadow: -1px 15px 33px -11px rgba(0,0,0,0.75);box-shadow: -1px 15px 33px -11px rgb(0 0 0 / 75%);width: 90%;}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.booking-form{width:100%}
.booking-form form{display:flex;justify-content:space-between;align-items: center;}
.booking-form .form-group,.booking-form .form-btn{position:relative;width:20%}
.booking-form .form-control{background-color:transparent;height:50px;padding:7px 20px 0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border-right:#dedede 1px solid}
.booking-form select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.booking-form select.form-control+.select-arrow{position:absolute;right:0;bottom:0;width:24px;text-align:center;pointer-events:none;height:50px;line-height:50px;font-size:14px}
.booking-form select.form-control+.select-arrow:after{content:'\279C';display:block;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.booking-form .form-label{position:absolute;top:15px;left:20px;text-transform:uppercase;font-weight:700;line-height:24px;height:24px;font-size:16px;pointer-events:none;-webkit-transition:.2s all;transition:.2s all}
.booking-form .form-group.input-not-empty .form-label{top:-10px;font-size:14px}
.booking-form .form-group:not(.input-not-empty) .form-control:not(:focus){color:transparent}
.booking-form .form-group .form-control:focus+.form-label{top:-52222px;font-size:14px}
.booking-form .form-checkbox input{position:absolute!important;margin-left:-9999px!important;visibility:hidden!important}
.booking-form .form-checkbox label{position:relative;padding-top:4px;padding-left:30px;font-weight:700}
.booking-form .form-checkbox label+label{margin-left:15px}
.booking-form .form-checkbox input+span{position:absolute;left:2px;top:4px;width:20px;height:20px;border:2px solid #1c2126;background:#1c2126;border-radius:50%}
.booking-form .form-checkbox input:checked+span{border-color:#f7c411}

.booking-form .form-checkbox input+span:after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#f7c411;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.2s all;transition:.2s all}
.booking-form .form-checkbox input:not(:checked)+span:after{opacity:0}
.booking-form .form-checkbox input:checked+span:after{opacity:1;width:10px;height:10px}
.booking-form .submit-btn{color:#fff;background-color:#b7a084;font-weight:700;height:92px;border:none;padding:0 50px;font-size: 14px;width: 100%;text-transform: capitalize;}

#about{padding:125px 0 50px;background-color: #f2f2f3;}
#about .wrapper h1 {font-size: 35px;padding-bottom: 32px;margin-bottom: 32px;}
#about .wrapper .text {max-width: 650px;margin: 0 auto 35px auto;}
#about .wrapper a {display: table;text-align: center;background: #b99470;color: #ffffff;margin: 0 auto;font-weight: 500;padding: 22px 38px;transition: .3s all;font-size: 14px;}
#about .wrapper a:hover {opacity: 0.7;}

#premium .wrapper{display: flex;align-items: center;}
#premium .text{width: 50%;padding: 130px 80px;}
#premium .text h2 {font-size: 28px;font-weight: 400;color: #181b20;padding-bottom: 32px;margin-bottom: 32px;}
#premium .text p {margin: 0 0 30px 0;}
#premium .text a {display: table;text-align: center;background: #b99470;color: #ffffff;font-weight: 500;padding: 22px 38px;transition: .3s all;font-size: 14px;}
#premium .text a:hover {opacity:0.7;}
#premium .image{width: 50%;max-height: 670px;}
#premium .image img{height: 100%;object-fit: cover;max-height: 670px;}


#service{background-color:#f2f2f3;padding:80px 0}
#service h2 {font-size: 35px;padding-bottom: 32px;margin-bottom: 32px;text-align: center;}
#service .service_wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 60px 0;}
#service .service_wrapper .service_single {width: calc(calc(100% - 150px) / 5); display: flex;text-align: left;font-size: 15px;gap: 15px;}
#service .service_wrapper .service_single i {color: #b99470;font-size: 40px;}

#rooms{padding: 80px 0;}
#rooms h2{font-size: 35px;padding-bottom: 32px;margin-bottom: 32px;text-align: center;}
#rooms .category_holder{display: flex;justify-content: space-between;gap: 50px;}
#rooms .category_holder .category_single {border: 1px solid #dedede;background-color: #fff;width: 100%;display: flex;flex-flow: column;}
#rooms .category_holder .category_single h2{font-size:20px;font-weight:400;padding: 30px;border-bottom: 1px solid #dedede;margin: 0;text-align: left;}
#rooms .category_holder .category_single p{padding: 30px;min-height: 150px;}
#rooms .category_holder .category_single a {text-align: center;background: #b99470;color: #ffffff;font-weight: 500;padding: 22px 38px;transition: .3s all;font-size: 14px;align-self: baseline;margin-left: 20px;margin-bottom: 20px;margin-top: auto;}

#highlight{padding:50px 0;background-color: #f2f2f3;}
#highlight .highlight_single{width:calc(calc(100% - 50px)/3);border: 1px solid #dedede;background-color: #fff;}
#highlight .highlight_single:not(:last-child){margin-right:25px}
#highlight .highlight_single h3{font-size:20px;font-weight:400;padding: 30px;border-bottom: 1px solid #dedede;margin: 0;}
#highlight .highlight_single p{padding: 30px;}
#location{background-color:#f2f2f3;padding:50px 0}
#location .title{width:100%;text-align:center;font-size:32px;margin-bottom:35px}
#location .title h2{font-size: 35px;padding-bottom: 32px;margin-bottom: 32px;text-align: center;}
#location .location_item{width:33.33%;text-align:center}
#location .location_item p:first-of-type{font-size:28px;font-weight:400}
/* Contact */
.pageContent{margin-top: 50px;}
.contacttInfo{width: 49%;}
.contactForm{width: 49%;}
h1.titleContact {font-size: 48px; font-weight: 700; line-height: 56px; margin-bottom: 50px; text-transform: uppercase; position: relative; z-index: 1;}
[id^=contactForm]{width:100%; margin:0 0 70px 0;/*position: sticky;top: 200px;*/}
[id^=contactForm] input, [id^=contactForm] textarea, [id^=contactForm] select{border:1px solid #fff;color:#272727;font-size:14px;line-height:30px;margin:0 0 15px 0;outline:0;padding:10px;resize:none;width:100%;background:#fff}
[id^=contactForm] button{color:#fff; background:#64523e; border:none; line-height:20px; font-size:14px; padding:10px 50px; width:100%; text-transform:uppercase; font-weight:400;}
[id^=contactForm] button .fas{margin:0 10px 0 0;}
.contactFormSale.open{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgb(255 255 255 / 50%);width: 100%;height: 100%;z-index: 999;display: block;}
.contactFormSale.open #contactFormSale {display: block;width: 70%;position: absolute;top: 50%;transform: translate(-50%,-50%);padding: 50px;left: 50%;background-color: #af9b85;}
.contactFormSale.open .close {position: absolute;right: 30px;top: 30px;cursor: pointer;font-size: 40px; width: 50px;text-align: center;}
.contactFormSale{display: none;}
.contactFormSale.open #contactFormSale{display: block;}
#mail_fail,#mail_success,#mail_success_footer,#mail_fail_footer{display:none;padding:15px 0;margin:20px 0 0 0;float:right;font-size:13px;line-height:12px;border-radius:4px; width:100%; text-align:center;}
#mail_success,#mail_success_footer{color:#044406;background-color:#B7FBB9}
#mail_fail, #mail_fail_footer{color:#D8000C;background-color:#FFBABA}
p.title2 {font-size: 36px; margin-bottom: 55px; margin-top: 0;}
[id^=contactForm] input#date {position: relative;padding-left: 70%;}
[id^=contactForm] input#date::after {content: "Datum događaja";position: absolute;left: 15px;}
.sala_holder{margin-bottom: 50px;}
.sala_holder .sala_image{display: flex;flex-wrap: wrap;flex-direction: row-reverse;gap: 50px;}
.sala_holder .sala_image.reverse{flex-direction: row;}
.sala_holder .sala_image .pageMainTitle{width: 100%;}
.sala_holder .sala_image .pageMainTitle h2{font-size: 35px;padding-bottom: 32px;margin-bottom: 32px;text-align: center;}
.sala_holder .sala_image .mt-30{width: calc(50% - 25px);margin-top: 0 !important;display: flex;flex-flow: column;gap: 20px;}


/* ----- galerija -----*/

.outer {width:calc(50% - 25px);}
#big .item {}
[id^=thumbs] .item { background: #C9C9C9; line-height:70px; padding: 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer; max-height: 150px; object-fit: cover;}
[id^=thumbs] .item h1 { font-size: 18px; }
[id^=thumbs] .current .item { background:#FF5722; }
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover {opacity: 1; background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
/*#big.owl-theme .owl-next, #big.owl-theme .owl-prev {width: 50px;height: 50px;margin-top: -20px;position: absolute;text-align: center;top: 50%;border: 3px solid #dfa726;border-radius: 50%;color: #dfa726;opacity: 0.3;}
#big.owl-theme .owl-next:hover, #big.owl-theme .owl-prev:hover {background: none;opacity: 1;}
#big.owl-theme .owl-next.disabled:hover, #big.owl-theme .owl-prev.disabled:hover{opacity: 0.3;}
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev {}*/
.owl-theme .owl-nav button.owl-prev{position: absolute; top: 40%; left: 15px; font-size: 18px !important; padding: 8px 12px !important; color: #fff !important; border: 1px solid #fff;}
.owl-theme .owl-nav button.owl-next{position: absolute; top: 40%; right: 15px; font-size: 18px !important; padding: 8px 12px !important; color: #fff !important; border: 1px solid #fff;}
button.owl-next.disabled, button.owl-prev.disabled {opacity: 0 !important;}
[id^=thumbs] .owl-item.active {opacity: 0.6;}
[id^=thumbs] .owl-item.current {opacity: 1;}
.lSSlideOuter .lSPager.lSGallery img:not([alt]){border: none;}
#lightSliderPage {margin-top: 35px;}

#contactFormProslava input {border: 1px solid #b99470;}
.proslava{display: flex;flex-wrap: wrap;}
.proslavaInfo {width: 65%;margin-right: 50px;}
.proslava h2 {width: 100%;}
.proslava .contactForm {width: 30%;}
.proslava h2 {width: 100%;font-size: 24px;margin-bottom: 49px;text-align: center;}
div#proslaveImg {margin-bottom: 50px;}
.contactTop{display: flex;justify-content: space-between;}
.contactTop .contactForm input,.contactTop .contactForm textarea{border: 1px solid #b99470;}

#rooms_list .rooms_holder{display: flex;place-content: center;;gap: 50px;padding-top: 50px;flex-wrap: wrap;}
/* #rooms_list .rooms_holder:after {content: "";flex: auto;} */
#rooms_list .rooms_holder .room_single {border: 1px solid #dedede;background-color: #fff;width: calc(calc(100% - 100px)/3);display: flex;flex-flow: column;}
#rooms_list .rooms_holder .room_single h2{font-size:20px;font-weight:400;padding: 30px;border-bottom: 1px solid #dedede;margin: 0;text-align: left;min-height: 140px;}
#rooms_list .rooms_holder .room_single p{padding: 30px;min-height: 200px;}
#rooms_list .rooms_holder .room_single a {text-align: center;background: #b99470;color: #ffffff;font-weight: 500;padding: 22px 38px;transition: .3s all;font-size: 14px;align-self: baseline;margin-left: 20px;margin-bottom: 20px;margin-top: auto;}

#room_preview h1 {font-size: 30px;padding-bottom: 32px;margin: 50px 0 32px 0;}
#room_preview .room_gallery_holder {width: 85%;margin: 0 auto;}
#room_preview .room_text h2 {text-align: center;padding-bottom: 32px;margin: 32px 0;font-size: 25px;}
#room_preview .room_text .underImg {max-width: 85%;margin: 0 auto;text-align: center;}
#room_preview .room_text table{width: 100%;}
#room_preview .room_text table tr:nth-child(2n) {background: #f8f8f8;}
#room_preview .room_text table td {border-right: #e8e8e8 1px solid;border-bottom: #e8e8e8 1px solid;text-align: left;vertical-align: top;padding: 9px 20px;line-height: 160%;width: 50%;}
#room_preview .room_text table tr td:last-child{border-right: none;}
#room_preview .room_text table td i{color: #b99470;font-size: 20px;margin: 0 10px 0 0;width: 30px;}
#room_preview .room_text .reserveButton {display: table;text-align: center;background: #b99470;color: #ffffff;margin: 25px auto;font-weight: 500;padding: 22px 38px;transition: .3s all;font-size: 14px;}

/* #room_preview .qa_wrapper{border-top: 1px solid #dedede;position: relative;padding: 35px 0 35px 50px;}
#room_preview .qa_wrapper i {cursor: pointer;position: absolute;left: 0;top: 32px;background-color: #fff;color: #b99470;font-size: 32px;border-radius: 50%;transition: .3s all;}
#room_preview .qa_wrapper i.rotate{transform: rotate(45deg);}
#room_preview .qa_wrapper p{margin: 0;}
#room_preview .qa_wrapper .a{display: none;margin-top: 20px;} */

.newsListingHolder {display: flex;margin-top: 50px;flex-wrap: wrap;gap: 10px;}
.newsListingHolder .vestItem {width: calc(calc(100% - 30px)/4);}
.mainNewsContent {margin-top: 50px;}
.mainNewsContent img{width: 85%;margin: 0 auto 50px auto;}
.pageMainTitle{position: relative;}

.galerija_holder {display: flex;flex-wrap: wrap;gap: 50px;}
.galerija_holder .galerijaCatHolder {width: calc(calc(100% - 100px)/3);position: relative;}
.galerija_holder .galerijaCatHolder .mainOverlay {transform: scale(0);position: absolute;background-color: rgba(0, 0, 0, 0.5);transition: .3s all;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;color: #fff;display: flex;place-content: center;align-items: center;font-size: 20px;font-weight: 600;}
.galerija_holder .galerijaCatHolder:hover .mainOverlay{transform: scale(1);}

.galerija_holder .thumbM.thumb-link {width: calc(calc(100% - 75px)/4);}

.categoryGalleryHolder {display: flex;flex-wrap: wrap;margin-top: 50px;gap: 25px;}
.categoryGalleryHolder .galleryThumb{width:calc(calc(100% - 75px)/4);}

.centerContent {
    display: flex;
    place-content: center;
    align-items: center;
    flex-flow: column;
    gap: 30px;
}
.centerContent i {
    font-size: 50px;
}
.centerContent p {
    font-size: 24px;
}

footer .footer_info_1{display:flex;padding:50px 0;flex-direction:row-reverse;width:100%;justify-content:space-between}
footer .footer_info_1 img{width:200px;object-fit:contain;align-self:flex-end;margin-left:85px}
footer .footer_info_1 .links_holder{display:flex;flex-flow:column;margin-top:auto}
footer .footer_info_1 .links_holder .social{display:flex;align-items:center;gap:50px;font-size:24px;color:#b7a084}
footer .footer_info_1 a{align-self:flex-end;color:#af9b85;font-size:16px}
footer .signature {background-color: #b99470;border-top: 2px solid #fff;text-align: center;padding: 15px 0;color: #fff;}
footer .signature p{margin: 0;}
footer .signature .container{display: flex;justify-content: space-between;flex-wrap:wrap;}
footer .signature .lng-holder{display: flex;gap: 15px;align-items: center;}
footer .signature .lng-holder p{margin: 0;}