:root {
  /*--primary-color: #ffe030;*/
  /*--secondary-color: #482F80;*/
}


#header .logo{width: 130px;}
#header .logo img{width: 130px;}
#header .logo.l-right-sec{display: none !important;}
.scrolled #header .logo img{width: 60px;}
.fr #header-img .image{height: auto; aspect-ratio: 1000/550; }

/*body, html{font-family: 'Cormorant Garamond', serif; font-weight: 500;}*/

h1, h2{font-family: 'Montserrat', sans-serif;}


#header-img .image > div{background: rgba(214,213,37,0) !important;}
#header nav ul{text-align: left; padding-left: 100px;}
body.event-subsite #header nav>div>ul.menu{text-align: right; padding-right: 0 !important;}
#header nav li{margin: 0 14px;}
body:not(.scrolled):not(.mob-mnu-active) #header.st1 ul.menu>li>a{color: #FFFFFF; }
/**body:not(.scrolled):not(.mob-mnu-active) #header a.logo{opacity: 0; width: 40px;}*/


#header-img .image b{display: none !important; text-align: left; bottom: auto; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); font-family: 'Montserrat', sans-serif; font-size: 40px; width: auto; text-align: left;
	top: 50%;left: 18%; transform: translateY(-50%);}
#header-img .image b>*{display :block;}
#header-img .image b h3{ font-family: Garamond, serif; margin: 0; padding: 0; font-size: 60px; font-weight: 500; line-height: 1; }
#header-img .image b h2{ font-family: Garamond, serif; margin: 0; padding: 0; font-size: 60px; font-weight: 600; line-height: 1; }
#header-img .image b h5{ font-family: Garamond, serif; margin: 0; padding: 0; font-size: 48px; font-weight: 400; line-height: 1; color: #C5AF78; }

#header-img .image b i{ font-style: italic;  font-weight: 600; display: block; font-family: CormorantGaramond; margin-bottom: 80px; text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);}
#header-img .image b u{text-decoration: none;  font-weight: 600; display: block; font-size: 26px; text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);}
#header-img .image p{display: none !important; font-size 36px; right: 0px; width: 400px; text-align: center; left: 880px; text-shadow: 0px 0px 8px rgba(0, 0, 0, 1); font-weight: 800; font-family: 'Montserrat', sans-serif; right: auto; left: 700px; overflow: visible; }
#header-img .image img{position: absolute; width: 900px; height: auto; left: 0;top: 150px;}

.contact-info-part .simple-tbl>.logo div{padding: 30px 10px;}


.scrolled #header .logo.l-right-sec img{width: 80px;}


.simple-articles-list article{position: relative; padding-bottom: 80px !important;}
.simple-articles-list .cijena{position: absolute; left: 30px; bottom: 30px;}
.simple-articles-list .prijava-lnk{background-color: white; display: block; position: absolute; bottom: 20px; right: 30px; color: var(--secondary-color); line-height: 50px; padding: 0 15px; font-size: 16px; font-weight: bold;}
.simple-articles-list .prijava-lnk i{font-size: 22px; vertical-align: text-bottom;}

.simple-p-cont .simple-tbl>div.cont h2{font-size: 36px; }
.simple-p-cont .simple-tbl>div.cont p,
.simple-p-cont .simple-tbl>div.cont ul li{font-size: 12pt;}



@media (max-width:1400px) {
	/*#header-img .image b{bottom: 180px;}*/
}



@media (max-width:1200px) {
	/*#header-img .image b{font-size: 60px;}
	#header-img .image p{font-size: 30px; left: 750px;}*/
	
	#header-img .image p{left: auto; right: 0;}
	#header nav li{margin: 0 5px;}
}


@media (max-width:1025px) {
	
	.fr #header-img .image {height: 500px;}

	#header .logo img{height: 50px; width: auto;}
	#header .logo.l-right-sec{display: none;}
	
	
	#header-img .image b{text-align: center; bottom: auto; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); font-family: 'Montserrat', sans-serif; font-size: 40px; width: auto; text-align: left; top: 80px;left: 305px; overflow: visible;}
	#header-img .image b>*{display :block;}
	#header-img .image b i{ font-style: italic;  font-weight: 600; display: block; font-family: CormorantGaramond; margin-bottom: 50px; text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);}
	#header-img .image b u{text-decoration: none;  font-weight: 600; display: block; font-size: 20px; text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);}

	#header-img .image p{right: 0; width: auto; position: absolute; bottom: 70px; font-size: 25px;line-height: 1; height: auto; text-align: center;}
	/*#header-img{height: auto !important;}*/
	/*#header-img .image svg{display: none; }*/
	#header-img .image img{width: 100%; top: 50px;}
	
	.gallery.fw > a{width: calc(33% - 20px); margin: 10px; display: inline-block;}
	
	body .vinogorja-mp #map{height: 350px !important;}
	
}

@media (min-width:800px) {
	body:not(.nhrd) .right-sticky-buttons{background-color: transparent; box-shadow: none;}
	
}

@media (max-width:800px) {
	
	.fr #header-img .image {height: 280px;}

	#header-img .image b{text-align: center; bottom: auto; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); font-family: 'Montserrat', sans-serif; font-size: 26px; width: auto; text-align: left; top: 65px;left: 235px; overflow: visible;}
	#header-img .image b>*{display :block;}
	#header-img .image b i{ font-style: italic;  font-weight: 600; display: block; font-family: CormorantGaramond; margin-bottom: 27px; text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);}
	#header-img .image b u{text-decoration: none;  font-weight: 600; display: block; font-size: 20px; text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);}

	#header-img .image p{right: 0; width: auto; position: absolute; bottom: 20px; font-size: 25px;line-height: 1; height: auto; text-align: center;}
	#header-img .image img{width: 600px; top: 50px;}
	
	.simple-articles-list article{padding-bottom: 100px !important;}
	.simple-articles-list .cijena{left: 30px; bottom: 80px;}
	.simple-articles-list .prijava-lnk{bottom: 20px; left: 30px; right: 30px; text-align: center;}
	
	.simple-articles-list{grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));}
}



@media (max-width:750px) {
	#header-img .image p{font-size: 20px;}
	.simple-articles-list{grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
}


@media (max-width:650px) {
	#header-img .image img{width: 450px; top: 100px;}
	#header-img .image b{top: 100px; left: 180px;}
	#header-img .image b i{margin-bottom: 15px;}
	#header-img .image b u{font-size: 15px;}
	
	.simple-p-cont .simple-tbl>div.cont h2{font-size: 24px; }
}

@media (max-width:570px) {
	#header-img .image img{width: 310px; top: 80px;}
	#header-img .image b{top: 70px; left: 105px; width: 210px;}
	#header-img .image b i{margin-bottom: 15px; font-size: 22px;}
	#header-img .image b u{font-size: 15px;position: absolute;top: 170px;left: -100px;right: 0;text-align: center;}
	#header-img .image p{left: 0; bottom: 0;}
	.simple-articles-list{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
}

.otgs-development-site-front-end{display: none !important;}