body {color: #000; font-size: 16px; line-height: 1.6em; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
p {color: #000; font-size: 16px; line-height: 1.6em;  margin: 0 0 0.8em 0; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}

ul, ol {margin-left:2em; margin-bottom:1em;}
ul li, ol li {line-height: 1.4em; padding:0 5px;}
ul li p, ol li p {margin:0; padding:0;}
ul.glightbox-gallary {margin-left:0; margin-bottom:0;}
ul.nav {margin-left:0; margin-bottom:0;}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    letter-spacing: 0;
    line-height:1.2em;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

h3 {margin-bottom:20px;}

b, strong {font-weight: 600;}

.clear {clear:both !important; height:0px !important;}
.clear10 {clear:both !important; height:10px !important;}
.clear15 {clear:both !important; height:15px !important;}
.clear20 {clear:both !important; height:20px !important;}
.clear30 {clear:both !important; height:30px !important;}
.clear40 {clear:both !important; height:40px !important;}
.clear60 {clear:both !important; height:60px !important;}
.clear75 {clear:both !important; height:75px !important;}
.clear90 {clear:both !important; height:90px !important;}

.other-css figure {height: auto;}
.other-css figure.image {margin: 10px auto 20px auto !important; width: auto; max-width: 100%; height: auto;}
.other-css .img-responsive {width: auto; max-width: 100%; height: auto;}

.relative {position:relative;}

.font-weight-extra-bold {font-weight: 400 !important;}

section.section {border: 0 !important;}

#header.other-css .header-body {background: transparent !important;}
#header.other-css .header-column {background: transparent !important;}
#header.other-css .header-row.container-xl {background: rgba(255, 255, 255, 1); padding:14px 0 !important;}
#header.other-css .header-row.pt-3 {background: rgba(0, 0, 0, 0.4) !important;}
html.sticky-header-active #header.other-css .header-body {background: #fff !important;}
html.sticky-header-active #header.other-css .header-row.pt-3 {background: #fff !important;}
#header.other-css .header__wrapper-social {padding: 0 !important;}
#header.other-css .social-icons li a {color: #fff !important; background:transparent !important; box-shadow:none !important; font-size: 18px !important; margin-top: 5px !important;}
#header.other-css .social-icons li a:hover {color: #f2cea2 !important; background:transparent !important;}
#header.other-css .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li {box-shadow: none !important;}
#header.other-css .header-nav-top .flag {margin-right: 5px; top: 0px;}
#header.other-css .header-nav-top .nav > li > a [class*="fa-"] {margin-left: 3px;}
#header.other-css .header-nav-top .dropdown-menu {min-width: 70px;}

.btn-villanadahead {border-color:#fff !important; border-radius:30px !important; border-width: 2px !important; font-size:12px !important; font-weight:500 !important; margin:10px 10px 10px 0 !important; padding: 4px 15px !important;}
.btn-villanadahead:hover {border-color:#fff !important; background: rgba(191, 126, 69, 1) !important;}

.btn-rezervacija {border-color:#fff !important; color:#fff !important; background: rgba(89, 25, 2, 1) !important; border-radius:40px !important; border-width: 2px !important; font-size:18px !important; font-weight:500 !important; padding: 10px 15px !important;}
.btn-rezervacija:hover {border-color:#fff !important; color:#fff !important; background: rgba(191, 126, 69, 1) !important;}

#elc-cookie-consent {right:0 !important; bottom:0 !important; border-radius:0 !important; padding: 1em !important;}
#elc-cookie-consent .elc-cookie-group {padding-right: 0 !important; margin-right: 15px !important;}
#elc-cookie-consent .cookie-input-block {}
#elc-cookie-consent label.elc-cookie-name {padding-top:3px !important;}
#elc-cookie-consent h3 {font-size: 24px;}
#elc-cookie-consent p.elc-header-description {font-size: 13px;}
#elc-cookie-consent .elc-cookie-name {font-size: 13px; font-weight:300;}
#elc-cookie-consent input:checked + .slider-cookie {background-color: #bf7e45;}
a#elc-tab-link {border-color: #591902 !important; background: #591902; border-radius: 30px !important;}
#elc-cookie-consent h3.elc-primary-heading {font-family: "Montserrat", sans-serif !important; font-style: normal !important; font-weight:500 !important; margin-bottom: 5px !important;}
#elc-cookie-consent .elc-cookie {margin-bottom: 0 !important;}
#elc-cookie-consent .button-container {text-align: left !important;}
#elc-cookie-consent .btn.btn-lg {padding: .15rem 2rem !important;}
#elc-cookie-consent .btn-primary {background-color: #fff !important; border-color: #591902 !important; color: #591902 !important;}
#elc-cookie-consent .btn-primary:hover {background-color: #591902 !important; border-color: #591902 !important; color: #FFF !important;}
#elc-cookie-consent #elc-cookie-consent-settings {margin-bottom: 0 !important;}


.mdp-readabler-subheader h4 {font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif !important; font-weight:700 !important;}
.mdp-readabler-trigger-button-box button {color: #fff; background: #a64f1c;}
.mdp-readabler-trigger-button-box button:hover {color:#a64f1c;;}
.mdp-readabler-trigger-button-box button:hover .mdp-readabler-trigger-button-icon svg {fill: #a64f1c;}

.heading.heading-middle-border-center h1, .heading.heading-middle-border-center h2, .heading.heading-middle-border-center h3, .heading.heading-middle-border-center h4, .heading.heading-middle-border-center h5, .heading.heading-middle-border-center h6 {
    width: 100% !important;
    display: block !important;
    white-space: normal !important;
}
.heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 {
    background: transparent !important;
    white-space: normal !important;
}

.glightbox-gallary img, .glightbox-gallary .embed-responsive, .glightbox-gallary video {
    width: 100%;
    max-width: 100%;
    transition: opacity .35s;
    transform: none;
}

.glightbox-gallary img {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    aspect-ratio: 1 / 1;
}
.glightbox-gallary li a {
    aspect-ratio: 1 / 1;
}

.glightbox-gallary .embed-responsive {max-height: 100%; min-height: 100%;}

.galerija-16-9 .glightbox-gallary img {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}
.galerija-16-9 .glightbox-gallary li a {
    aspect-ratio: 16 / 9;
}

.galerija-4-3 .glightbox-gallary img {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}
.galerija-4-3 .glightbox-gallary li a {
    aspect-ratio: 4 / 3;
}

.galerija-3-4 .glightbox-gallary img {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 3 / 4;
}
.galerija-3-4 .glightbox-gallary li a {
    aspect-ratio: 3 / 4;
}

.paralaxiskustvo p {font-weight:500;}

.iskustvoowl .carousel-center-active-item .owl-item {background:transparent !important; border-radius: 0 !important; margin-top:0;
    max-height: 120px;
    max-width: 120px;
	}
.iskustvoowl .carousel-center-active-item .owl-item img {
    max-height: 120px;
    max-width: 120px;
    object-fit: scale-down;
    border-radius: 0;
    position:relative;
    top:0;
    margin: 0 auto;
}
.iskustvoowl .by-clear-carousel-center-active-item .owl-carousel .owl-item img,
.iskustvoowl .by-clear-carousel-center-active-item .owl-carousel .owl-item .embed-responsive.embed-responsive-16by9 {
  min-height: 120px;
  max-height: 120px;
}

.iskustvoowl .header-lists {margin:0; padding:0;}


#footer {margin-top:60px !important; border-top:none !important;}
#footer img {margin-bottom:15px;}

#footer.other-css p {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
	color:#644949 !important;
}

#footer.other-css h5 {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
	color:#644949 !important;
}

#footer.other-css a:not(.btn) {color: #644949 !important;}
#footer.other-css a:not(.btn):hover {color: #644949 !important;}
#footer.other-css .row.py-5 {padding-bottom:0 !important;}
#footer.other-css .col-lg-6.col-md-6.foot-lijevo.footer-block-z.d-flex.align-items-center.justify-content-center.mb-4.mb-lg-0 {display:block !important; text-align:left !important; margin-left: 0 !important; padding-left: 0 !important;}

/* sidebar */
.sidebar-settings .sidebar h5 {border-radius: 5px; font-family: "Montserrat", sans-serif !important; font-size: 18px; font-style: normal; text-transform:uppercase; font-weight:500 !important; letter-spacing:1px;}
.sidebar-block{display:flex; justify-content: space-between; max-width:1600px; margin:auto;}
.sidebar h2 {font-size: 22px; margin-bottom: 0; font-weight: 600; color: #000; font-family: "Montserrat", sans-serif !important;}
.sidebar h4 {font-size: 16px; font-weight: normal; font-family: "Montserrat", sans-serif !important;}
.sidebar p, .sidebar ul li, .sidebar ol li {font-size: 14px; font-weight: normal;}
.sidebar .simple-post-list li:hover {background: #f7f4f1;}
.sidebar .simple-post-list li a {color:#000; padding-left: 15px !important;}
.sidebar .fui-legend {display: none;}
.sidebar .custom-form {}
.sidebar .post-info span {font-size:14px !important;}
.btn-sidebar-form {padding-top: 0 !important;}
.btn-sidebar-form button {background: #bda58a; border: 0; transition: 0.3s; padding: 0.8rem 1rem !important; width: 100%;}
.btn-sidebar-form button:hover {background: #917f6a;}


.carousel-default .owl-item img.img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0.grid-media {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    border:0 !important;
}

.card-reference h4.mb-3.text-4.text-uppercase {text-transform:none !important; text-align:center !important; font-size:46px !important;}

.card-reference .portfolio-item h4 {font-family: "Montserrat", sans-serif !important; font-size: 18px; font-style: normal; text-transform:uppercase; font-weight:500 !important; letter-spacing:1px; padding-top:20px !important;}
.card-reference .portfolio-item p.uslugeboxtext {font-size:15px; padding:0; margin:0 0 5px 0; line-height:1.5em;}
.card-reference .portfolio-item img.img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0.grid-media {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    border: 0 !important;
}

.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {border-radius: 0 !important;}
.thumb-info .thumb-info-wrapper::after {background: rgba(30, 34, 40, 0.4);}

.sakrijnaslov h1, .sakrijnaslov h2, .sakrijnaslov h3, .sakrijnaslov h4, .sakrijnaslov h5, .sakrijnaslov h6 {display:none !important;}

.main.other-css .button-tag .btn {font-size: 1rem;}
.main.other-css .btn-outline {border-width: 1px; padding: .8rem 1.6rem;}

section.page-header .page-header-title-border {background-color: transparent !important;}

.page-header.velikih1 h1 {font-size: 140px; font-weight: 200; line-height:0.8em; letter-spacing:-2px;}

p.okvir.okvir--warning {background: #fcf4ea !important; border-left-color: #bf7e45 !important;}

.table td, .table th {border-color: rgba(242,206,162,.1);}

.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #fcf4ea !important;}

.table-striped td.slikajela {padding:10px !important; width:170px !important; max-width:170px !important;}
.table-striped td.slikajela img {width:150px !important; height:150px !important;}
.table-striped td.naslovjela {padding:10px !important;}


.main.other-css .page-header {
    background: #000 url("/doc/slike/podloga-dogadanja.jpg") center center no-repeat !important;
    background-size: cover !important;
    margin-top: -150px !important;
	padding-top:350px;
	padding-bottom: 90px;
}

.main.other-css .page-header.pageheader-onama {
    background: #000 url("/doc/slike/podloga-onama.jpg") center center no-repeat !important;
    background-size: cover !important;
    margin-top: -150px !important;
}

.main.other-css .page-header.pageheader-jelovnik {
    background: #000 url("/doc/slike/podloga-jelovnik.jpg") center center no-repeat !important;
    background-size: cover !important;
    margin-top: -150px !important;
}

.main.other-css .page-header.pageheader-recepti {
    background: #000 url("/doc/slike/podloga-recepti.jpg") center center no-repeat !important;
    background-size: cover !important;
    margin-top: -150px !important;
}

.main.other-css .page-header.pageheader-recenzije {
    background: #000 url("/doc/slike/podloga-recenzije.jpg") center center no-repeat !important;
    background-size: cover !important;
    margin-top: -150px !important;
}

.main.other-css .page-header.pageheader-loyalty {
    background: #000 url("/doc/slike/podloga-loyalty.jpg") center center no-repeat !important;
    background-size: cover !important;
    margin-top: -150px !important;
}

.main.other-css .page-header.pageheader-catering {
    background: #000 url("/doc/slike/podloga-catering.jpg") center center no-repeat !important;
    background-size: cover !important;
    margin-top: -150px !important;
}

.main.other-css .page-header.pageheader-kontakt {
    background: #000 url("/doc/slike/podloga-kontakt.jpg") center center no-repeat !important;
    background-size: cover !important;
    margin-top: -150px !important;
}

.main.other-css .page-header.putovanjadetaljnabezslike {
    background: #000 !important;
    background-size: auto !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 60px !important;	
}

.main.other-css .page-header h1 {
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    font-size:42px !important;
}

section.page-header .page-header-title-border {
    background-color: #bf7e45 !important;
}

.main.other-css .page-header .breadcrumb {color:#fff; letter-spacing:1px !important;}
.main.other-css .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {color:#fff !important;}
.main.other-css .breadcrumb a:hover {color:#fff !important; text-decoration:underline}

.page-header .breadcrumb > li {font-size: .7em !important;}
.crumb-font-size {font-size: .7em !important;}

.main.other-css .page-header .col-md-8, .main.other-css .page-header .col-md-4 {flex: 0 0 100% !important; max-width: 100% !important;}

.podlogakrem {background:#fbeedf !important;}
.podlogakrem2 {background:#ede8e2 !important;}
.podlogasiva {background:#f4f4f4 !important;}

.fui-submit {
    color: #fff;
    background-color: #591902 !important;
    border:0 !important;
    font-size:16px;
    text-transform:uppercase;
    font-weight:600 !important;
    padding:15px 40px !important;
	border-radius:50px !important;
}

.fui-submit:hover {
    color: #fff;
    background-color: #a64f1c !important;
}

.boxprijavanewsletter {padding:30px; background:#ede8e2;}

.dogadanjaindexgrid .thumb-info .thumb-info-wrapper::after {background: rgba(30, 34, 40, 0.3);}
.dogadanjaindexgrid .grid-media {
    min-height: 100% !important;
	max-height: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 0 !important;
	aspect-ratio: 1 / 1 !important;
	background: #1e2228 !important;
}
.dogadanjaindexgrid .blog-posts .img-responsive {
	border-radius: 0 !important;
	object-fit: cover !important;
	width:100% !important;
	height: auto !important;
	max-height: auto !important;
	min-height: auto !important;
}
.dogadanjaindexgrid h4 {font-size:22px !important; font-weight:600 !important; line-height: 1.2em !important; margin: 0 0 20px 0 !important; padding: 0; color:#000 !important;}
.dogadanjaindexgrid h4 a {color: #000 !important;}

.recenzijeindexgrid {margin-bottom:90px;}
.recenzijeindexgrid .grid-container-225384 {border:1px solid #f3f3f3;}
.recenzijeindexgrid h4 {font-size: 20px !important;}

.recenzijeindexgrid .thumb-info .thumb-info-wrapper::after {background: rgba(30, 34, 40, 0.3);}
.recenzijeindexgrid .grid-media {
    min-height: 100% !important;
	max-height: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 0 !important;
	aspect-ratio: 1 / 1 !important;
	background: #1e2228 !important;
}
.recenzijeindexgrid .blog-posts .img-responsive {
	border-radius: 0 !important;
	object-fit: cover !important;
	width:100% !important;
	height: auto !important;
	max-height: auto !important;
	min-height: auto !important;
}


.blog-posts.single-post .glightbox-inner {margin-bottom:20px;}

.aktualnosmall ul.simple-post-list .left .post-image {max-width: 90px !important; width: 90px !important;}
.aktualnosmall .left .img-thumbnail {padding: 0 !important; max-width: 90px !important; width: 90px !important;}
.aktualnosmall .left img, .sidebar .left iframe, .aktualnosmall .left .embed-responsive.embed-responsive-16by9 {
  min-height: 100% !important;
  max-height: 100% !important;
  height: 100% !important;
  min-width: 90px !important;
  max-width: 90px !important;
  width: 90px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  aspect-ratio: 1 / 1 !important;
}
.aktualnosmall ul.simple-post-list .post-info .post-meta {display:none;}









/* RESPONSIVE */


@media (min-width: 576px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 768px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 992px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1200px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1440px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (max-width: 1440px) {.main.other-css .container-xl {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}


@media (min-width: 1680px) {


}

@media (min-width: 1440px) {

#header.other-css .logo-link-img {position: relative !important; width:300px !important; height: 90px !important; top:29px !important;}

#header.other-css .header-nav.header-nav-line nav > ul > li > a,
#header.other-css .header-nav.header-nav-line nav > ul > li:hover > a {font-size:18px !important; margin-left: -8px !important; margin-right: -8px !important; font-weight:500 !important;}

#header.other-css .header-nav-top .dropdown .dropdown-item {font-size: 18px !important; font-weight: 500 !important;}

.main.other-css .page-header h1 {font-size:56px !important;}

}

@media (max-width: 1439px) and (min-width: 992px) {
	
#header.other-css .logo-link-img {position: relative !important; width:200px !important; height: 60px !important; top:44px !important;}

}


@media (min-width: 1200px) {

.smanjenasirinateksta p {max-width:85%; margin-left:auto; margin-right:auto;}
.smanjenasirinateksta ol, .smanjenasirinateksta ul {max-width:85%; margin-left:auto; margin-right:auto;}
.smanjenasirinateksta ol li, .smanjenasirinateksta ul li {margin-left:2em;}
.smanjenasirinateksta h1, .smanjenasirinateksta h2, .smanjenasirinateksta h3, .smanjenasirinateksta h4, .smanjenasirinateksta h5, .smanjenasirinateksta h6 {max-width:85%; margin-left:auto; margin-right:auto;}

.swiper-slide-content .tp-header, .swiper-slide-content .tp-header p {font-size:65px !important; margin: 0 0 20px 0 !important;}
.swiper-slide-content .tp-headerbottom, .swiper-slide-content .tp-headerbottom	p {font-size:32px !important;}

}


@media (min-width: 1024px) {

}


@media (min-width: 992px) {

#header .header-nav-main {margin-right: 10px !important;}
#header .header-nav.header-nav-line nav > ul > li > a,
#header .header-nav.header-nav-line nav > ul > li:hover > a {font-weight:400; color:#000; margin-left: -13px; margin-right: -13px; font-size:13px;}

#header.other-css .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a::before {background: #bf7e45;}
#header.other-css .header-nav.header-nav-line nav > ul:not(:hover) li > a.active::before {background: #bf7e45;}

#header.other-css .header-nav-top .dropdown .dropdown-item {font-size: 13px;}
#header.other-css .header-nav-top .dropdown-menu a {color: #000;}

.paralaxiskustvo p {font-size:1.4em;}

h1, h2 {font-size:56px;}
.blog-posts.single-post h2 {font-size:40px; margin-bottom:20px;}

.paralaxiskustvo {margin-top:75px !important; margin-bottom:75px !important;}

#header.other-css22 .header-nav {font-family: "Roboto Condensed", sans-serif !important; font-optical-sizing: auto; font-weight: 500; font-style: normal;}

.main.other-css .page-header {margin-bottom:60px;}

}


@media (min-width: 769px) {
	
.swiper {height: auto !important; aspect-ratio: 2/1 !important; margin-bottom:0 !important; margin-top:-151px !important; margin-bottom:60px !important;}
.swiper .autoplay-progress {display:none !important;}
.swiper-slide-content {align-items: center !important; padding:0 9% !important; top: -35% !important;}
.swiper-slide-content .tp-header, .swiper-slide-content .tp-header p {text-align:center !important; font-size:42px; font-weight:700 !important; color:#fff !important; line-height:1.1em !important; font-style: normal !important; padding:0 !important; margin: 0 0 10px 0 !important; text-shadow: 10px 10px 30px rgba(0,0,0,0.5) !important;}
.swiper-slide-content .tp-headerbottom, .swiper-slide-content .tp-headerbottom	p {text-align:center !important; font-size:20px; font-weight:500 !important; color:#fff !important; line-height:1.4em !important; font-style: normal !important; padding:0 !important; margin: 0 !important; clear:both !important; white-space: normal !important; text-shadow: 10px 10px 30px rgba(0,0,0,0.5) !important;}

.foot-sredina, .foot-sredina p {text-align:center !important;}
.foot-desno, .foot-desno p {text-align:right !important;}
.foot-lijevo, .foot-lijevo p {text-align:left !important;}

}


@media (min-width: 480px) {

}







@media (max-width: 1680px) {

}


@media (max-width: 1199px) {

}


@media (max-width: 1023px){

}


@media (max-width: 991px){

.page-header.velikih1 h1 {font-size: 60px;}

#header.other-css .logo-link-img {position: relative !important; width:200px !important; height: 60px !important; top:30px !important;}
#header.other-css .header-nav-main {background: #f4f4f4;}
#header.other-css .header-nav-main nav > ul {padding-top: 15px !important;}
#header.other-css .header-nav-main nav > ul > li > a {color: #000 !important; font-weight: 500 !important;}
#header.other-css .header-nav-main nav > ul > li > a:hover {color: #a64f1c !important;}
#header.other-css .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {color:#000; font-size: 16px !important; background: transparent !important;}
#header.other-css .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {color: #a64f1c !important;}
.open {background: transparent !important;}
#header.other-css .header-btn-collapse-nav {background: transparent !important; color: #000 !important; font-size:30px !important;}
#header.other-css .header-row.container-xl {padding: 0 !important;}

#header.other-css .header-nav-main nav > ul > li > a.active {background: transparent !important; color:#a64f1c !important;}
#header.other-css .header-nav-main nav > ul > li > a.active:focus,
#header.other-css .header-nav-main nav > ul > li > a.active:hover {background: transparent !important; color:#a64f1c !important;}

#header.other-css .header-nav-top .nav > li > a {font-size: 15px;}
#header.other-css .header-nav-top .dropdown .dropdown-item {font-size: 15px;}
#header .header-nav-top .dropdown-menu a {color: #000;}

.btn-villanadahead {margin-right:0 !important;}

h1, h2 {font-size:40px;}
.blog-posts.single-post h2 {font-size:40px; margin-bottom:20px;}

.paralaxiskustvo {margin-top:0 !important; margin-bottom:75px !important;}
.paralaxiskustvo h1, .paralaxiskustvo p {text-align:left !important;}

.mob-lijevocentriranje h2, .mob-lijevocentriranje p {text-align:left !important;}

}





@media (max-width: 768px) {
	
.page-header .breadcrumb {margin: 15px 0 0 0;}

.swiper {height: auto !important; aspect-ratio: 1/2 !important; display: flex !important; margin-top:-125px !important; margin-bottom:60px !important;}
.swiper img {width: 50% !important;}
.swiper-slide-content {padding:0 15% !important; top: -45% !important; z-index: 3;}

.swiper-slide-content .tp-header, .swiper-slide-content .tp-header p{
text-align:left !important;
font-size:36px !important;
letter-spacing:0 !important;
font-weight:700 !important;
color:#fff !important;
line-height:1.1em !important;
font-style: normal !important;
padding:0 !important;
margin:0 0 10px 0 !important;
text-shadow: 10px 10px 30px rgba(0,0,0,0.5) !important;
}

.swiper-slide-content .tp-headerbottom,
.swiper-slide-content .tp-headerbottom	p {
text-align:left !important;
font-size:20px !important;
letter-spacing:0 !important;
font-weight:500 !important;
color:#fff !important;
line-height:1.2em !important;
font-style: normal !important;
padding:0 !important;
margin: 0 !important;
white-space: normal !important;
text-shadow: 10px 10px 30px rgba(0,0,0,0.5) !important;
}
	
.swiper video {margin-left:-50% !important;}

.swiper-pagination {display:none !important;}

.iskustvoowl .carousel-center-active-item .owl-item {background:transparent !important; border-radius: 0 !important; margin-top:0;
    max-height: 90px;
    max-width: 90px;
	}
.iskustvoowl .carousel-center-active-item .owl-item img {
    max-height: 90px;
    max-width: 90px;
    object-fit: scale-down;
    border-radius: 0;
    position:relative;
    top:0;
    margin: 0 auto;
}
.iskustvoowl .by-clear-carousel-center-active-item .owl-carousel .owl-item img,
.iskustvoowl .by-clear-carousel-center-active-item .owl-carousel .owl-item .embed-responsive.embed-responsive-16by9 {min-height: 90px; max-height: 90px;}

.paralaxrezervacija .container-xl.button-tag .col-sm-12 {display: block !important;}
.paralaxrezervacija .container-xl.button-tag .col-sm-12 .btn {width:100% !important; margin: 0 0 10px 0 !important;}

}





@media (max-width: 640px) {

    .glightbox-gallary {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
    .videogalerija .glightbox-gallary {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}

}