/*===================== TABLE OF CONTENT =======================
0.  Library CSS
1.  Reset Styling
2.  General Styling (All variable CSS)
3.  Header 1 ( 3 style)
4.  Home content (Home 1, Home 2, Home 3)
5.  Page default (Contact, About, ...)
6.  Sidebar (Shop, Post, Service, Project)
7.  Shop (Category, Single)
8.  Project (Category, Single)
9.  Footer
10. Responsive
=============================================================*/
/* Google fonts
@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i'); */






/* NV */

:root {
    --grey: #f8f8f8; 
    --grey2: #f1e0d4; 
    --brown: #786258; 
}

.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-50 {margin-top:50px !important;} .mt-75 {margin-top:75px !important;} .mt-100 {margin-top:100px !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-50 {margin-bottom:50px !important;} .mb-75 {margin-bottom:75px !important;} .mb-100 {margin-bottom:100px !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-50 {padding-top:50px !important;} .pt-75 {padding-top:75px !important;} .pt-100 {padding-top:100px !important;} .pt-150 {padding-top:150px !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-50 {padding-bottom:50px !important;} .pb-75 {padding-bottom:75px !important;} .pb-100 {padding-bottom:100px !important;} .pb-150 {padding-bottom:150px !important;} @media (max-width: 768px) {.hide_mob {display:none;} .show_mob {display:block;} .mt-0-mob {margin-top:0;} .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-125-mob {margin-top:125px !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-125-mob {margin-bottom:125px !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-50-mob {padding-top:50px !important;} .pt-75-mob {padding-top:75px !important;} .pt-100-mob {padding-top:100px !important;} .pt-125-mob {padding-top:125px !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-50-mob {padding-bottom:50px !important;} .pb-75-mob {padding-bottom:75px !important;} .pb-100-mob {padding-bottom:100px !important;} .pb-125-mob {padding-bottom:125px !important;} .pb-150-mob {padding-bottom:150px !important;}}


.intro .row {display: flex; align-items: center;}
.rectangle-overlay::before {display: none;}
.h1-bg-testimonial {background-image: linear-gradient(45deg, #4f294e 0%, rgba(25, 16, 86, 1) 100%);}
.h1-rooms {background-image: none; background-color: #eee;}

.page-title-wrapper {
    height: 400px !important;
}

ul.list-social li a.tripadvisor {
    color: green !important;
}

@media (max-width: 767px){
.page-title-wrapper {
    height: 300px !important;
}
}

header#masthead .width-logo {
    width: 270px;
    background-color: #72305f;
    padding: 0 20px;
}

.sc-testimonials.style-02 {    
    margin: 0 auto;
    border: none;
    position: relative;
    text-align: center;
    padding: 60px 20px;
}

.sc-testimonials.style-02 .owl-dots {
    margin-top: 0!important;
    position: absolute;
    right: auto; left: 0; 
    top: auto; bottom: 0;  width: 100%; 
}

.testimonial-slider2 {padding-bottom: 50px; }

.sc-testimonials.style-02 .item {
    padding-right: 0;
}

.sc-testimonials.style-02 .owl-dots .owl-dot {display: inline-block; margin-bottom: 0; }

.h2-testimonials {
    background-image: none;
}

.h1-bg-testimonial .sc-content-overlay:after,
.h2-testimonials .sc-content-overlay:before {display: none; }

.h1-rooms {
    background-color: #ddd;
}

.navigation ul.main-menu >li.menu-item {
    margin-right: 15px; /*20*/
}

.navigation >.main-menu >li >span.icon-toggle {
    margin-left: 5px;
}

@media (max-width: 1170px) {
    header#masthead .width-logo a.sticky-logo img,
    header#masthead .width-logo a img.logo,
    header#masthead .width-logo a img.mobile-logo  {
        width: 250px !important; max-width: 150px !important;
    }
}

@media (max-width: 400px) {
    header#masthead .width-logo a.sticky-logo img,
    header#masthead .width-logo a img.mobile-logo {
        width: 200px !important; max-width: 150px !important;
    }
}

@media (max-width: 1170px){
header .navigation {
    display: none;
}
.menu-mobile-effect.navbar-toggle {
    display: inline-block;
    text-align: right;
}
header#masthead .width-logo {
    width: 100%;
}
}

.sc-img-box.row {margin: 0; }

.intro_txt {padding-top: 20px; padding-bottom: 20px; }

.sc-travel.style-02 .image {
    overflow: hidden; height: auto;
}
.sc-travel.style-02 .item .image img {
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

.sc-travel.style-02 .item:hover .image img {
    transform: scale(1.05);
}

.imgslider.owl-theme .owl-nav {
    position: absolute; top: 50%;  width: 100%; margin-top: -25px; 
}

.imgslider.owl-theme .owl-nav .owl-prev,
.imgslider.owl-theme .owl-nav .owl-next {
    background: #fff; width: 50px; height: 50px; border-radius: 0; position: relative;
}

.imgslider.owl-theme .owl-nav .owl-prev:after,
.imgslider.owl-theme .owl-nav .owl-next:after {
     font-family: FontAwesome; position: absolute; top: 0; left: 0; width: 50px; height: 50px; color: black;  background: white; line-height: 50px; text-align: center;  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

.imgslider.owl-theme .owl-nav .owl-prev:hover:after,
.imgslider.owl-theme .owl-nav .owl-next:hover:after {
    color: white;  background: var(--primary-color-1);; 
}

.imgslider.owl-theme .owl-nav .owl-prev:after {
    content:"\f060";
}

.imgslider.owl-theme .owl-nav .owl-next:after {
     content:"\f061";
}

.imgslider.owl-theme .owl-nav .owl-prev {
    float: left; margin-left: 15px;
}

.imgslider.owl-theme .owl-nav .owl-next {
    float: right;  margin-right: 15px;
}

.description img {margin-bottom: 15px; }

.description ul {list-style: disc; margin: 0 0 15px 30px;}

.downloads {width:100%; padding: 30px 0;}
.downloads a {display:block; overflow:hidden; line-height:32px; font-size:14px; }
.downloads a:hover {}
.downloads a i {font-size:24px; width:35px;}

.room_additinal ul {
    display: flex; flex-wrap: wrap; 
}

.room_additinal li,
.room_additinal ul li:first-child {
    border-bottom: none; width: 33.3%;  padding: 10px 0;
}

@media (max-width: 1199px){
    .room_additinal li,
    .room_additinal ul li:first-child {
        width: 50%;
    }
}
@media (max-width: 1199px){
    .room_additinal li,
    .room_additinal ul li:first-child {
        width: 50% !important;
    }
}

@media (max-width: 767px){
    .room_additinal li,
    .room_additinal ul li:first-child {
        width: 100% !important;
    }
}

.grey {background: #eee; }

.sc-contact-form {
    margin-top: 15px;
    padding: 60px;
    background: #f9f9f9;
}

.gmap {background: #ccc; width: 100%; height: 450px; margin-top: 60px;display:block; }

.sc-contact-form form input {
    margin-bottom: 5px;
}

.response {margin-bottom: 15px; }
.response.main {margin-bottom: 0; margin-top: 15px;}

.sc-contact-form p {font-size: 12px; line-height: 18px; margin: 0; }



/*dodano by sumic*/

.help-block.help-block-error{color:red;}
.menu-item.langs a{text-transform:uppercase;}








.rating-star.rating-star1:before {
    content: "\f005";
}
.rating-star.rating-star2:before {
    content: "\f005\f005";
}
.rating-star.rating-star3:before {
    content: "\f005\f005\f005";
}
.rating-star.rating-star4:before {
    content: "\f005\f005\f005\f005";
}
.rating-star.rating-star5:before {
    content: "\f005\f005\f005\f005\f005";
}

@supports (-webkit-overflow-scrolling: touch) {
     #home-main-content .h1-banner{
        background-attachment: scroll; /*problem na iphone*/
    }
}



#rev_slider_4_1_wrapper{min-height: 83.5vw;}
@media (min-width: 778px){#rev_slider_4_1_wrapper{min-height: 64.5vw;}}
@media (min-width: 1024px){#rev_slider_4_1_wrapper{min-height: 58.5vw;}}
@media (min-width: 1240px){#rev_slider_4_1_wrapper{min-height: 40.5vw;}}








header#masthead .width-logo {
    background-color: #B78787;
}

footer {
    background-color: #B5ACB8;
    color: #333;
}

.footer a {
    color: #333;
}

.copyright-text {
    border-top: 1px solid #888;
}


header#masthead .socials a, .inner-off-canvas .socials a{
    display: inline-block;
    padding: 8px 7px;
}
.socials i.fa-ving{
    background: url('../images/ving.png');
    background-size: contain;
    width: 16px;
    height: 16px;
}
@media (max-width: 1330px){
	.inner-off-canvas .socials {display:block;}
	header#masthead .socials{display:none;} 
	
}









@keyframes logo {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes loader {
  0% {opacity: 1;}
  100% {opacity: 0; }
}


.loader {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9999999; 
    background-image: linear-gradient(45deg, #efded2 0%, #786258 100%); /*bottom > top*/ pointer-events: none;
    animation-name: loader;
    animation-duration: 0.5s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;                 
}


.loader img {
  animation-name: logo;
  animation-duration: 2s;
}





header#masthead .width-logo img {max-width: 150px; }

/* header#masthead .width-logo {
    background-color: var(--brown);
} */

header#masthead .width-logo,
footer {
    background-image: linear-gradient(135deg, #efded2 0%, #786258 100%); /*bottom > top*/ /*pointer-events: none*/;
}

.sc-contact-info .sc-heading img.logo {max-width: 200px; }




.logos {width: 100%; display: flex; align-items: center; justify-content: center; padding-right: 0 !important;}

.logos img {height: auto; max-width: 400px; }



.weather {margin-top: 10px; color: #786258;}

.weather .mod-weather-now {position: relative; padding-top: 0 !important; margin-top: 0 !important; margin-bottom: 30px;}
.weather .mod-weather-now .weather-icon {position: relative; }
.weather .mod-weather-now .weather-icon i {position: relative !important; display: block;}
.weather .mod-weather-now span {text-align: center !important; width: 100%;  }

.mod-weather-now .weather-icon {
  vertical-align: text-top;
}
.mod-weather-forecast.block div >* {
  vertical-align: top;
}
.mod-weather-forecast.block div > .weather-icon {
  vertical-align: bottom;
}
.mod-weather-forecast {
  padding: 0 0 0px 0;
}
.mod-weather-forecast .weather-icon {
    font-size: 2.5em;
}

.mod-weather {
	--nvw-sun: rgb(255, 225, 50);
	--nvw-moon: rgb(255, 225, 50);
	--nvw-thunder: rgb(255, 225, 50);
	--nvw-text: #333;
	--nvw-source: #333;
}

@media (max-width: 991px){
    .weather {margin-top: 50px; max-width: 400px; margin-left: auto; margin-right: auto; }
}

@media (max-width: 991px){
    .logos {flex-direction: column;  }
    .logos img {max-width: 100%; }
}



.socials {display: flex; gap: 20px; align-items: center; margin: 30px 0; }
.socials a {display: inline-block;}
.socials a:hover {opacity: .7;}
.f {color: #0866ff !important;}
.ig {color: #a535b2 !important;}
.ta {color: #25740c !important;}
.ving img {width: 80px; height: auto; margin: 0; }


/*