/* info
  Created on:  	15.12.2021
  Project Name: Gra�evina Croatica
  Author: 		Invictum, www.invictum.hr
*/
:root {
  --body-bg: #FFFFFF;
  --body-fg: #181818;
  --header-bg: white;
  --cont-width: 1200px;
  --cont-width2: 1025px;
  
  --primary-color: #f77f00;
  --secondary-color: #003049;
  
  --link-color: var(--primary-color);
  --navlink-color:  var(--body-fg);
  --font-size: 12pt;
  --navfont-size: 12pt;
}

@font-face {
    font-family: orkney;
    src: url("css/fonts/orkney/orkney-regular.otf") format("opentype");
}

@font-face {
    font-family: orkney;
    font-weight: 500;
    src: url("css/fonts/orkney/orkney-medium.otf") format("opentype");
}

@font-face {
    font-family: orkney;
    font-weight: bold;
    src: url("css/fonts/orkney/orkney-bold.otf") format("opentype");
}

@font-face {
    font-family: orkney;
    font-weight: 300;
    src: url("css/fonts/orkney/orkney-light.otf") format("opentype");
}


*{box-sizing: border-box;}
html, body{
	margin: 0; 
	padding: 0;
	background-color: var(--body-bg);
	font-size: var(--font-size);
	line-height: 1.5;
	font-family: 'orkney', sans-serif;
	color: var(--body-fg);
	overflow-x: hidden;
	color-scheme: light;
	font-weight: 300;
}
body .leaflet-container{background-color: var(--body-bg);}

a{color: var(--link-color); text-decoration: none;}
a:hover{opacity: 0.8;}
.bdy-cont{padding-top: 76px;}
.no-hdr-ph{height: 120px;}
#header{
	position: absolute;
	top: 0; left: 0; right: 0; 
	background-color: transparent;
	-webkit-transition: top 0.2s ease-in-out;
    -moz-transition: top 0.2s  ease-in-out;
    -o-transition: top 0.2s  ease-in-out;
    transition: top 0.2s  ease-in-out;
    -webkit-transition: all  0.3s ease-in-out; -moz-transition: all 0.3s  ease-in-out; -o-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;
   
}
#header.sw1 > .content-size{background-color: rgba(255,255,255,0.7);  border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
#header.st1 > .content-size{background-color: transparent; }
body.scrolled #header{background-color: var(--header-bg);}
body.scrolled #header > .content-size{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; /*padding-bottom: 40px;*/}
body:not(.scrolled):not(.mob-mnu-active) #header.st1 ul.menu>li>a{color: var(--secondary-color); /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);*/}
/*body:not(.scrolled):not(.mob-mnu-active) #header.st1 .logo img{filter: sepia(100%) brightness(200%) saturate(0%) contrast(1000%);}*/
body:not(.scrolled):not(.mob-mnu-active) #header.st1 .hamburger-line{stroke: white;}
body.home:not(.scrolled):not(.mob-mnu-active) #header.st1 .hamburger-line{stroke: var(--secondary-color);}

/*body:not(.scrolled) #header .menu>li>a{color: white; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}*/
#header.sticky{position: fixed; z-index: 999;}
#header.sticky.hidden{top: -150px;  }

input[type=password], input[type=text], input[type=number], button, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    outline: 0!important;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input[type=password], input[type=text], input[type=number], select{font-size: 14px; line-height: 50px; padding: 0 20px; color: #181818; border: 1px solid #EDEDED; }
input[type=number]{padding-right: 0;}
button{background: #000000; font-size: 14px; line-height: 51px; padding: 0; text-align: center; color: white; border: none;  cursor: pointer;}
button:hover{opacity: 0.8;}

.content-size{width: var(--cont-width); margin: auto auto; }

.flex{display: flex;flex-wrap: nowrap;align-items: center;}
.flex>div{vertical-align: middle;}

.grid{display: grid; grid-gap: 10px; padding: 0;grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;}
.grid > div {background: white;}

.simple-tbl{display: table;width: 100%;}
.simple-tbl>div{display: table-cell; vertical-align: middle;}


.no-sel{  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;}

.transition03{-webkit-transition: all  0.3s ease-in-out; -moz-transition: all 0.3s  ease-in-out; -o-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}

#header .logo{width: 100px; height: 50px; display: block; position: relative; }
#header .logo span{position: absolute; top: 0px; padding: 0 10px 4px 10px; border-radius: 5px; /*background: white;*/}
#header .logo.l-right-sec span{left: -80px;}
#header .logo img{width: 150px; height: auto; }
.scrolled #header .logo img{width: 100px; height: auto; }
#header a.logo:hover{opacity: 1 !important;}
#header nav{width: calc(100% - 100px);}
#header nav > div > ul > li > a{line-height: 76px; position: relative;}
#header nav ul{list-style: none; margin: 0; padding: 0; text-align: right;}
#header nav li{display: inline-block; margin: 0px 8px; padding: 0; position: relative;}
#header nav li ul li{display: block;}
#header nav a{display: block; color: var(--navlink-color); }
#header nav > div > ul > li > a {text-transform: uppercase; font-size: var(--navfont-size); font-weight: bold;}
#header nav > div > ul > li > a:hover{opacity: 0.5;}
#header nav li .sub-menu{display: none; text-align: left;position: absolute;background-color: #ffffff;min-width: 200px;box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.75);padding: 12px 16px;z-index: 1;}
#header nav li:hover .sub-menu{display: block;}
#header nav li .sub-menu a{display: block; padding: 10px 0; }   
#header nav > div > ul > li.current-menu-item > a::after,
#header nav > div > ul > li.current-menu-ancestor > a::after{content:""; display: block; position: absolute; height: 5px; left: 0; right: 0; bottom: 15px; background: var(--primary-color);}

body.event-subsite #header nav>div>ul.menu{padding-right: 100px;}

#header-img{position: relative; margin-bottom: 0 !important;}
#header-img .image{height: 800px; background-size: cover; background-position: center; position: relative;}
.fr #header-img .image{height: 800px; background-size: cover; background-position: top center;}
.small #header-img .image{height: 300px; background-size: cover; background-position: center;}
.med #header-img .image{height: 650px; background-size: cover; background-position: top center;}
#header-img .image img.big-img-l{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -70%); width: 40%;}
#header-img .slick-dots{top: auto; right: 20px; left: auto; bottom: 5px; /*width: 50px; z-index: 99992;*/ text-align: center;}
#header-img .slick-dots li button:before{display: block;background-color: white; content:""; width: 9px; height: 9px;  opacity: 1; border-radius: 50%; box-shadow: 0px 0px 0px 4px rgba(255,255,255,0); transition: all 0.5s ease;}
#header-img .slick-dots li.slick-active button:before{box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.5); animation: slickDotActive 10s linear infinite;}
#header-img .slick-dots li button{opacity: 1; }
.img-header-big-ntt{position: absolute; left: 50%; top: auto; bottom: -20px; width: 100%; max-width: 1500px; min-width: 600px ;transform: translateX(-50%);}
.top-img-gc-no{margin: 50px 0;}
.top-img-gc-no img{width: 100%; height: auto; }



#header-img .image > div{/*background-color: rgba(0,0,0,0.1);*/ height: 100%; position: relative; z-index: 2;     background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.5) 10%,rgba(255,255,255, 0) 20%,rgba(255,255,255,0) 100%);}
#header-img .image .content-size{height: 100%;position: relative;}
#header-img .image b, #header-img .image p{display: block; color: white; position: absolute;  }
#header-img .image b{font-size: 80px; bottom: 50px; width: 575px; }
#header-img .image p{font-size: 16px; left: 700px; bottom: 50px; right: 80px; font-weight: 400; }
#header-img .image .hidden{bottom: -500px; }
#header-img .image .anim{ transition: bottom 0.5s ease-in-out;}
.hcnt-1 #header-img .slick-dots{display: none !important;}

.has-search #header-img .image b, .has-search #header-img .image p{bottom: 250px;}
.has-search #header-img .image .hidden{bottom: -500px; }

.header-m{position: relative; padding: 0 0 50px 0;}
/*.header-m::before{content:""; background-image: url('img/header-smoke.png'); position: absolute; top: -80px; left: 0; right: 0; bottom: -50px; background-size: cover; background-position: -200px -80px; background-repeat: no-repeat;}*/
.header-m.wbdr{padding: 0 60px 60px 60px; background-color: white;}
.header-m.wbdr.btnmnu{padding-bottom: 0;}

.header-m .search .content-size{position: absolute; left: 0; right: 0; bottom: 90px; z-index: 999;}
.search input{border: none; background: white; border-radius: 5px; font-size: 16px; line-height: 90px; width: 100%; padding: 0 20px 0 80px; position: relative; z-index: 2; -webkit-transition: all  0.3s ease-in-out; -moz-transition: all 0.3s  ease-in-out; -o-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.search.active input{background: #EAE8E5;-webkit-border-bottom-right-radius: 1px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.search i{position: absolute; top: 50%; left: 40px; margin-top: -10px; font-size: 20px; z-index: 3;}
.search .loader{display: none; position: absolute; top: 50%; margin-top: -15px; right: 40px; z-index: 3;}
.search.loading .loader{display: block;}
.search .ax-search-results{display: none; background: #eae8e5; z-index: 1;-webkit-transition: max-height  0.3s ease-in-out; -moz-transition: max-height 0.3s  ease-in-out; -o-transition: max-height 0.3s  ease-in-out; transition: max-height 0.3s  ease-in-out; max-height: 0; overflow: hidden; position: absolute; top: 89px; left: 0; right: 0; padding: 0; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.search .ax-search-results.active{max-height: 500px;  padding: 1px 40px;box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.39); ;}
.search .ax-search-results.has-results{background: -moz-linear-gradient(top, #eae8e5 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #eae8e5 0%,#ffffff 100%); background: linear-gradient(to bottom, #eae8e5 0%,#ffffff 100%); }
.search .ax-search-results hr{border: none;height: 1px;color: #DEDEDE;  background-color: #DEDEDE; margin: 0 0 20px 0; padding: 0;}
.search.anim i{animation: pulse 2s infinite;}

.search-on-pg .search .content-size{position: relative;z-index: 1001;}

.ax-search-results ul{list-style: none; padding: 0; margin: 15px 0 0 0;}
.ax-search-results ul i{position: static !important; margin-right: 10px;}
.ax-search-results ul li{display: block;}
.ax-search-results ul > li{margin-bottom: 30px;}
.ax-search-results ul > li > ul{margin: 0;}
.ax-search-results ul > li > ul > li{margin: 4px 0; padding: 0;}
.ax-search-results ul li span{text-transform: uppercase; font-size: 13px; display: block; margin-bottom: 8px;}
.ax-search-results a{display: block; color: #212121; font-size: 16px;}
.ax-search-results a:hover{text-decoration: underline;}

.ax-search-results .nres, .ax-search-results > ul{padding-bottom: 20px;}


footer{background: white; margin-top: 80px; padding: 50px 0;}
footer nav ul{list-style: none; font-size: 0; text-align: center;}
footer nav li{display: inline-block; margin: 0 10px 10px 10px; padding: 0;  }
footer nav a{display: block; color: var(--navlink-color);text-transform: uppercase;font-size: 12px; }
footer nav li ul{display: none;}
footer nav .fa-chevron-down{display: none}
footer .logo{width: 100px;}
.subscribe{width: 320px; font-size: 0;}
.subscribe input{font-size: 14px; width: calc(100% - 119px);}
.subscribe button{width: 119px;}

.subscribe .success{font-size: 12pt; display: none;}
.subscribe .loader{display: none; text-align: right; padding-top: 5px;}
.subscribe.loading button{display: none;}
.subscribe.loading .loader{display: inline-block; width: 119px; position: relative;}
.subscribe.loading .loader > div{position: absolute; left: 50%; margin-left: -15px; top: -15px;}

footer hr{border: none;height: 1px;color: #EDEDED; background-color: #EDEDED; margin: 50px 0 30px 0;}
footer .footer-bottom {font-size: 12px;}
footer .footer-bottom a{color: var(--navlink-color);}
footer .footer-bottom .cpr{width: 50px; white-space: nowrap;}
footer .footer-bottom .lang{padding-left: 50px;}
footer .footer-bottom .social{text-align: right; font-size: 16px;}
footer .footer-bottom .social a{margin-left: 15px;}
.ftr-inv{margin: 20px 0px; text-align: center; font-size: 11px;}

.stisky-page-nav{position: fixed;top: 0;width: 100%;}
.page-nav {-webkit-transition: all  0.3s ease-in-out; -moz-transition: all 0.3s  ease-in-out; -o-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.page-nav.stisky-page-nav{z-index: 99996;}
.page-nav{background-color: white; }
.page-nav ul{list-style: none; padding: 30px 0 30px 50px; margin: 0; font-size: 0; position: relative;}
.page-nav ul li{padding: 0; margin: 0px 40px 0 0; display: inline-block;}
.page-nav ul li a{color: #181818; font-size: 16px; line-height: 20px;}
.page-nav .pointer{margin: 0 !important; position: absolute; bottom: 20px; left: -1000px; height: 1px; width: 40px; background-color: #212121; z-index: 1; -webkit-transition: all  0.3s ease-in-out; -moz-transition: all 0.3s  ease-in-out; -o-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}


.padd-left-cont{padding-left: 50px;}
.btn{background: var(--primary-color); display: inline-block; color: white; cursor: pointer; padding: 15px; font-size: 14px; line-height: 20px; text-transform: uppercase; text-align: center; width: 300px; max-width: 100%; -webkit-appearance: none;  -moz-appearance: none;  appearance: none; border: none; outline: 0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important;border-radius: 0!important;}
.btn:disabled{background: #CBCBCB;  cursor: not-allowed;}

.article-fw h2{margin: 50px 0px 15px 0px; font-size: 22px; }
.article-fw h2.pl, h2.pl{padding-left: 80px; margin-bottom: 50px;}

.f-products{font-size: 0;}
.f-products .product{display: inline-block; font-size: 16px; width: calc(25% - 15px); text-align: center; margin-right: 20px;}
.f-products .product:last-child{margin-right:0;}
.f-products .product .img{ background-color: white; padding: 30px; position: relative;}
.f-products .product .img a{position: absolute; top:0; right: 0; bottom: 0; left: 0;}
.f-products .product .img img{height: 400px; max-width: 100%; object-fit: cover; width: auto;}
.f-products .product h3{margin: 20px 0 5px 0; padding: 0;}
.f-products .product h3 a{color: var(--body-fg); font-size: 16px;}
.f-products .product p{margin: 0; padding: 0;}


.flex.article-w-sb{align-items: flex-start; }
.flex.article-w-sb.matop{margin-top: 60px;}
.flex.article-w-sb .cont{width: calc(100% - 300px); padding-right: 100px;}
.flex.article-w-sb.left-sidebar .cont{padding-right: 0; padding-left: 50px;}
.flex.article-w-sb .sidebar{width: 300px; }
.flex.article-w-sb>div{vertical-align: top;}
.flex.article-w-sb h2{margin: 50px 0px 15px 0px;}

.mabottom{margin-bottom: 50px;}

.flex.article-w-sb  .s-top{margin: 30px 0 75px 0; padding-left: 30px;}
.flex.article-w-sb  .s-top span{display: block; }
.flex.article-w-sb  .s-box{background: white; padding: 20px 30px; font-weight: 300;}
.flex.article-w-sb  .s-box ul{list-style: none; padding: 0; margin: 0; }
.flex.article-w-sb  .s-box ul li{display: block;  padding: 0; margin: 0;  border-bottom: 1px solid #DEDEDE; }
.flex.article-w-sb  .s-box ul li a{display: block; padding: 10px; color: #181818; font-weight: 300;}
.flex.article-w-sb  .s-box ul li a i{margin-right: 10px;}
.flex.article-w-sb  .s-box ul.adv li {position: relative;}
.flex.article-w-sb  .s-box ul.adv li p{padding: 20px 10px 20px 45px; margin: 0; }
.flex.article-w-sb  .s-box ul.adv li>i{position: absolute; font-size: 19px; left: 10px; top: 50%; margin-top: -9px;}
.flex.article-w-sb  .s-box ul.adv a{padding: 0;}
.flex.article-w-sb  .s-box ul li.nobdr{ border-bottom: none;}
.flex.article-w-sb  .s-box ul.adv li>i.fa-map-marker-alt{margin-left: 2.5px;}
.flex.article-w-sb  .s-box ul.adv li>i.fa-phone-volume{margin-left: 1.5px;}
.flex.article-w-sb  .s-box ul li.toggle-prev{overflow: hidden; max-height: 0px; opacity: 0;}
.flex.article-w-sb  .s-box ul li.toggle-prev.active{max-height: 200px; opacity: 1;}
.flex.article-w-sb  .s-box ul li.toggle-prev a{display: inline-block; font-size: 24px; margin-right: 20px; padding: 0;}
.flex.article-w-sb  .s-box ul li.toggle-prev a:last-child{margin-right: 0;}
.flex.article-w-sb  .s-box ul li.active{opacity: 0.5;}


.flex.article-w-sb  .show-mobile .s-top {text-align: center;padding-left: 0px;}

.flex.article-w-sb h1{font-size: 1.5em;font-weight: 900;color: var(--primary-color); }
.flex.article-w-sb h1 .logo{width: 111px; vertical-align: middle;}


.article-map{margin-top: 100px;}

.wnd{background-color: white; padding: 80px 80px; margin: 50px 0;}
.wnd h2{font-size: 22px; margin: 0 0 0 20px; font-weight: bold;}
.wnd h4{font-size: 16px; margin: 80px 0 20px 20px; font-weight: bold;}
.ax-form .flex > div{width: 50%; padding: 0 20px;}
.ax-form .sbmt{text-align: right; padding-right: 20px;}
.ax-form .sbmt .loader{display: none;}
.ax-form.loading .sbmt .loader{display: inline-block;}
.ax-form.loading .sbmt button{display: none;}


.success{color: #009900;}

.map-with-addr{position:relative; padding-left: 200px; padding-top: 50px; margin-bottom: 50px;}
.map-with-addr .address{position: absolute; background-color: var(--secondary-color); color: white; width: 300px; padding: 40px;  left: 0; top: 0; z-index: 9999;-webkit-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.10);-moz-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.10);box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.10);}
.map-with-addr .address h3{margin: 0 0 20px 0; }
.map-with-addr .address p{margin: 0 0 30px 0;}
.map-with-addr .address a{/*color: #212121*/; color: white; text-transform: uppercase; font-size: 13px; font-weight: bold;}
.map-with-addr #map{border: 10px solid white; height: 438px; }


.slick-fw{margin: 50px -120px 0 -120px;  }
.slick-fw .img-slide{height: 415px; background-size: cover; background-position: center; margin: 0 20px;}


#inv-popup-share, .inv-popup{max-width: 90%; position: fixed; top: 50%; left: 50%; background-color: white; z-index: 99999;transform:translate(-50%,-50%); font-size: 0; padding: 40px; text-align: center;    -webkit-box-shadow: 15px 15px 20px 0px rgb(0 0 0 / 10%);-moz-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.10); box-shadow: 15px 15px 20px 0px rgb(0 0 0 / 10%);}
#inv-popup-share > span, .inv-popup>span{position: absolute; right: -14px; top: -14px; font-size: 16px; text-align: center; border-radius: 50%; border: 1px solid #282828; background-color: white; width: 28px; line-height: 26px; cursor: pointer;}
#inv-popup-share-b ,.inv-popup-back{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.2); z-index: 99998; }
#inv-popup-share a{font-size: 48px; display: inline-block; margin: 0px 15px; }
#inv-popup-share p, .inv-popup p{font-size: 12pt;}
#inv-popup-contact{text-align: left;}

.inv-popup .wnd{padding: 0; margin: 0;}
.inv-popup .wnd .success{font-size: 16px;}



.fld{margin: 15px 0px; position: relative;  padding-top: 8px;}
.fld i{position: absolute; top: 50%; right: 30px; font-size: 16px; margin-top: -8px; z-index: 0;}
.fld span{display: none;}
.titles .fld span{display: block; font-size: 12px;}
.fld input[type=text], .fld textarea{position: relative; z-index: 1; -webkit-appearance: none;  -moz-appearance: none;  appearance: none; background: transparent; border: none; border-bottom: 1px solid #DEDEDE; padding: 5px 0px; width: 100%; font-size: 16px;  outline: none;}
.fld input[type=text]:focus, .fld textarea:focus{border-bottom: 1px solid black;}
.fld input[type=text].invalid, .fld select.invalid{border-bottom: 1px solid red;}
.fld select{position: relative; z-index: 1; -webkit-appearance: none;  -moz-appearance: none;  appearance: none; background: transparent; border: none; border-bottom: 1px solid #DEDEDE; padding: 5px 0px; width: 100%; font-size: 16px;  outline: none;}
.fld textarea{line-height: 20px; height: 100px; max-width: 100%; display: block;}
/*.fld select:focus ~ i{transform: rotate(180deg);}*/
.frm-fld-bord .fld{margin-bottom: 30px !important; padding-top: 0;}
.frm-fld-bord .fld input[type=text], .frm-fld-bord .fld textarea, .frm-fld-bord .fld select{border: 1px solid #DEDEDE; padding-left: 10px !important;}
.frm-fld-bord .fld label span{padding-left: 10px; padding-left: 10px !important; }
.frm-fld-bord .fld input[type=text].invalid, .frm-fld-bord .fld select.invalid{background-color: rgba(255,0,0,0.05); border-color: red;}

.frm-two-cols{}
.fld textarea{padding-top: 15px;}
.frm-two-cols .fld{width: 50%; float: left; padding: 15px 20px 8px 20px;}

.fld label.label-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /*border-bottom: 1px solid black;*/
    font-size: 12px;
    z-index: 2;
}

.fld label.label-name::after {
    content: "";
    position: absolute;
    bottom: 7px;
    height: 100%;
    left: 20px;
    right: 20px;
    border-bottom: 2px solid black;
    transform: translateX(-100%);
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 2;
}
.fld.txt label.label-name::after{bottom: 13px;}

.fld label .content-name {
    position: absolute;
   /* bottom: 25px;*/
    left: 0;
    top: calc(100% - 50px);
    transition: all 0.3s ease;
    font-size: 16px;
    display: block;
    padding: 0 20px;
    color: #181818;
}
.fld.az1{padding: 0;}
.fld.az1 .fld{margin: 0;}
.fld.tel label.label-name{left: 60px;}
.fld.tel label.label-name::after{margin-left: -60px; right: 80px;}
/*.fld.az1 label .content-name{padding-left: 0;}*/

#form-contact-pp .fld.txt label.label-name::after{bottom: 8px;}

.fld input:focus + .label-name .content-name,
.fld input:valid + .label-name .content-name,
.fld textarea:focus + .label-name .content-name,
.fld textarea:valid + .label-name .content-name,
.fld select:focus + .label-name .content-name,
.fld select:valid + .label-name .content-name
{
    /*transform: translateY(-190%);*/
    top:0;
    /*bottom: auto;*/
    font-size: 14px;
    /*color: #5fa8d3;*/
}
.fld input:focus .label-name::after,
.fld input:valid + .label-name:after,
.fld textarea:focus .label-name::after,
.fld textarea:valid + .label-name:after,
.fld select:focus .label-name::after,
.fld select:valid + .label-name:after   {
    transform: translateX(0%); opacity: 1;
}

.fld.az{font-size: 0;}
.fld.az input, .fld.az select{display: inline-block;}
.fld.az .sm{width: 120px;}
.fld.az .l{width: calc(100% - 135px);}
.fld.az *:last-child{margin-left: 15px;}

.fld.tel .dial{position: absolute; top: 50%; left: 20px; transform: translateY(-30%); z-index: 2; margin-top: -2px;}
.fld.tel input{padding-left: 60px;}

.with-count-selector > div{display: inline-block; margin-left: 80px; font-size: 0;}
.with-count-selector > div > * {display: inline-block; vertical-align: middle;}
.with-count-selector .pm-btn{width: 20px; height: 20px; position: relative;}
.with-count-selector .pm-btn .h{position: absolute; left: 0; right: 0; height: 1px; background-color: #212121; top: 50%; margin-top:-0.5px;}
.with-count-selector .pm-btn .v{position: absolute; top: 0; bottom: 0; width: 1px; background-color: #212121; left: 50%; margin-left:-0.5px;}
.with-count-selector input{line-height: 40px; margin: 0px 30px; border-color:#212121; border-radius: 6px !important; width: 55px; padding-left: 15px;}


.homepage-events{margin: 50px 0;}
.homepage-events article{margin-bottom: 90px;}
.homepage-events article > div{position: relative; padding: 50px 0 0 200px;}
.homepage-events article .data{position: absolute; width: 400px; left: 0; top: 0; background: white; padding: 30px; -webkit-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.10);-moz-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.10);box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.10)}
.homepage-events article .data h2 a{color: #212121;}
.homepage-events article .data span{font-size: 12px; display: block;}
.homepage-events article .data span i{margin-right: 8px; font-size: 18px;}
.homepage-events article .img{background-size: cover; background: #EEEEEE; height: 438px; }
.homepage-events article > div > img{position: absolute; z-index: 2; top: 0; left: 380px; width: 110px; height: 110px;}
.homepage-events article .lnk{margin: 30px 0 0 0; text-align: right;}
.homepage-events article .lnk a{display: inline-block; position: relative; padding: 0 8px 5px 8px; font-size: 12px; text-transform: uppercase; font-weight: bold;}
.homepage-events article .lnk a:after{content:""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: var(--link-color);}
.homepage-events article:nth-child(even) > div{padding: 50px 200px 0 0;}
.homepage-events article:nth-child(even) .data{left: auto; right: 0; top: 0;}
.homepage-events article:nth-child(even) > div > img{left: auto; right: 380px;}

.homepage-images{margin-top: 80px;}
.homepage-images h4{padding-left: 50px; font-size: 22px; font-weight: bold; }
.homepage-images .grid > div{min-height: 200px; background-size: cover; background-position: center; position: relative; color: white;}
.homepage-images .grid > div a{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.homepage-images .grid > div .fab{font-size: 60px; position: absolute; left: 20px; top: 20px;}
.homepage-images .grid > div .bottom{left: 20px; bottom: 20px; right: 20px; position: absolute;}
.homepage-images .grid > div .bottom i{float: right; margin-top: 4px;}


.page-intro-text{margin: 90px 0px 90px 50px; padding-right: 400px; position: relative;}
.page-intro-text a.btn{position: absolute; top: 0; right: 0; width: 190px; margin-top: 0;}
.page-intro-text a.btn i{float: right; margin-top: 4px;}
.page-intro-text h3{font-size: 22px; margin: 0 0 15px 0; font-weight: 700;}
.page-intro-text p{font-size: 16px; margin: 0; }

article a.abs{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;}

section.category{margin-top: 60px;}
section.category h1{font-size: 1.5em;  font-weight: 900; color: var(--primary-color); }
section.category .with-cal-icon{position: relative;}
section.category .with-cal-icon a{position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 32px;}
section.category.more-articles{margin-top: 100px;}
section.category.more-articles > h2{margin: 0 0 50px 80px;}
section.category .grid{grid-gap: 40px; margin-bottom: 40px;}
section.category .grid > div{min-height: 318px; background-size: cover; background-position: center;}
section.category .grid > div article{padding: 60px; height: 100%; position: relative;}
section.category article{color: var(--secondary-color);}
section.category article span{font-size: 12px; display: block; }
section.category article h2{font-size: 20px; font-weight: 200; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
section.category .grid2 article h2{white-space: initial;}
section.category article p{font-size: 14px; line-height: 25px; height: 75px; display: -webkit-box;max-width: 100%;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
section.category article a{color: var(--secondary-color); font-weight: 200; text-transform: uppercase;  }
section.category article h2 a{display: inline-block; padding-bottom: 3px; border-bottom: 1px solid var(--secondary-color); color: var(--secondary-color);}
section.category article a.more{text-transform: uppercase; font-weight: 200; display: block; margin-top: 30px; text-align: right; font-size: 13px;}
section.category article a.more i{font-size: 26px;}
section.category .grid > div.vertical *{color: white;}
section.category .grid > div.vertical article{background: rgba(0,0,0,0.3);}
section.category .grid > div.vertical article a.more{display: block; position: absolute; left: 60px; bottom: 60px; background: white; color: #212121; padding: 0px 30px; line-height: 50px; }
section.category .more-articles{font-size: 0;}
section.category .more-articles article{background: white; padding: 60px 580px 60px 60px; position: relative; margin-bottom: 40px;}
section.category .more-articles article .img{position: absolute; top: 0; bottom: 0; right: 0; width: 580px; background-size: cover; background-position: center;}
section.category .more-articles article .cont{padding-right:60px; }
section.category .more-articles article:nth-child(even){padding: 60px 60px 60px 580px; }
section.category .more-articles article:nth-child(even) .img{left: 0; right: auto;}
section.category .more-articles article:nth-child(even) .cont{padding-right:0; padding-left: 60px;}
section.category .more-articles article:nth-child(1),
section.category .more-articles article:nth-child(2){width: calc(50% - 20px); padding: 0; display: inline-block;}
section.category .more-articles article:nth-child(1){margin-right: 40px;}
section.category .more-articles article:nth-child(1) .img,
section.category .more-articles article:nth-child(2) .img{position: static; width: auto; height: 318px;}
section.category .more-articles article:nth-child(1) .cont,
section.category .more-articles article:nth-child(2) .cont{padding: 60px;}
section.category .fa-calendar-day{margin-right: 8px;font-size: 18px;}

section.category .more-articles.bl article{background: var(--secondary-color); color: white;}
section.category .more-articles.bl article a{color: white;}

section.category .more-articles.clr article{width: calc(33% - 10px); padding: 0; display: inline-block; margin-right: 20px !important; box-shadow: 1px 0px 17px 0px rgb(0 0 0 / 20%);}
section.category .more-articles.clr article:nth-child(3n){margin-right: 0 !important;}
section.category .more-articles.clr article .cont{padding: 20px !important;}
section.category .more-articles.clr article .img{position: static; width: 100%; height: auto; aspect-ratio: 4 / 3;}
/*section.category .more-articles.clr article:nth-child(even){background: var(--secondary-color); color: white; border: 1px solid var(--secondary-color);  }
section.category .more-articles.clr article:nth-child(even) a{color: white;}
section.category .more-articles.clr article:nth-child(odd){background: white; color: var(--secondary-color); border: 1px solid var(--primary-color); }
section.category .more-articles.clr article:nth-child(1){overflow: visible; background: var(--primary-color); color: white; border: 1px solid var(--secondary-primary); color: var(--secondary-color); width: 100%;}
section.category .more-articles.clr article:nth-child(1){position: relative; padding-left: 450px;}
section.category .more-articles.clr article:nth-child(1) .img{position: absolute; width: 400px;  left: 20px; top: -20px; bottom: 0; height: auto;}
*/


section.category .blog .more-articles.clr article{overflow: visible; position: relative; padding-left: 450px; background: white; color: var(--secondary-color); border: none; width: 100%; box-shadow: 1px 0px 17px 0px rgb(0 0 0 / 20%);}
section.category .blog .more-articles.clr article .cont{padding: 20px !important;}
section.category .blog .more-articles.clr article .img{position: absolute; width: 400px;  left: 20px; top: -20px; bottom: 0; height: auto;}
section.category .blog .more-articles.clr article:nth-child(even){background: var(--secondary-color); color: white; border: 1px solid var(--secondary-color);  padding-left:0; padding-right: 450px;}
section.category .blog .more-articles.clr article:nth-child(even) a{color: white; }
section.category .blog .more-articles.clr article:nth-child(even) .img{left: auto; right: 20px;}
section.category .blog .more-articles.clr article:nth-child(odd){background: white; color: var(--secondary-color); border: none; }




section.category .articles-three-in-row{font-size: 0;}
section.category .articles-three-in-row article{background: white; width: calc(33% - 25px); padding: 0; display: inline-block;position: relative; margin: 0 40px 40px 0;}
section.category .articles-three-in-row article.active .cont{background: #DDD;}
section.category .articles-three-in-row article .img{position: static; width: auto; height: 250px; background-size: cover; background-position: center;}
section.category .articles-three-in-row article .cont{padding:40px; }
section.category .articles-three-in-row article:nth-child(3n) {margin-right: 0;}
section.category .articles-three-in-row>h2{margin-top: 80px; font-size: 24px;}
section.category .articles-three-in-row>h2:first-child{margin-top: 30px;}

section.category .articles-three-in-row.wine-and-food .cont{padding-bottom: 20px;}
section.category .articles-three-in-row.wine-and-food .cont h2{margin-top: 0;}
section.category .articles-three-in-row.wine-and-food .attr-links{height: 25px; line-height: 20px; font-size: 12px; text-transform: uppercase; margin-top: 30px; position: relative; z-index: 4; padding-right: 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
section.category .articles-three-in-row.wine-and-food .attr-links a{margin-right: 20px;  padding: 0 0 3px 0; position: relative;}
section.category .articles-three-in-row.wine-and-food .attr-links a:hover{color: var(--primary-color); border-bottom: 1px solid var(--primary-color);}
section.category .articles-three-in-row.wine-and-food a.more{margin-top: 0;}
.entry-content .attr-links{margin: 30px 0 0 0;}
.entry-content .attr-links a{color: var(--navlink-color); margin-right: 20px;}
.entry-content .attr-links a:hover{color: var(--primary-color); border-bottom: 1px solid var(--primary-color);}

section.popular {margin: 50px 0;}
section.popular a:hover{opacity: 1;}
section.popular a.more{font-size: 30px; display: block; text-align: right; position: absolute; bottom: 15px; right: 15px; opacity: 0; margin-right: 50px;}
section.popular a.abs{position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; }
section.popular article:hover a.more{opacity: 1; margin-right: 0px;}
section.popular .grid2{display: grid;grid-template-columns: 1fr 0.45fr;grid-template-rows: repeat(2, 1fr);grid-column-gap: 30px;grid-row-gap: 60px;}
section.popular .grid2 > div{background-size: cover; background-position: center;}
section.popular .grid2 > .grid-el-0{grid-area: 1 / 1 / 2 / 2; }
section.popular .grid2 > .grid-el-1{grid-area: 1 / 2 / 3 / 3; }
section.popular .grid2 > .grid-el-2{grid-area: 2 / 1 / 3 / 2; }
section.popular article{position: relative; min-height: 280px;}
section.popular article{display: table; width: 100%; height: 1px;}
section.popular article>div{display: table-cell; vertical-align: top;}
section.popular article>div.img div{height: 100%;}
section.popular article>div.img img{width: 100%; display: block; margin-top: -15px; object-fit: cover; min-height: calc(100% + 15px); }

section.popular article>div.cont{padding: 15px; position: relative;}
section.popular article>div.cont p{display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden; height: auto;}
section.popular article>div.cont-f{}
section.popular article>div.cont-f img{max-width: 100%;}
section.popular article>div.cont-f p{display: -webkit-box; max-width: 100%; -webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden; height: auto;}

section.popular article h2{font-weight: 200; font-size: 20px;  display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
section.popular article .date, .m-f-date, .m-f-date{font-size: 18px;}
section.popular article .date>span>span, .m-f-date span>span{display: inline-block !important; font-size: 18px !important;}
section.popular article .date>span>span.y, .m-f-date>span>span.y{font-size: 12px !important;}


section.popular article.art-0{background-color: var(--primary-color);}
section.popular article.art-0 a{color: var(--secondary-color);;}
section.popular article.art-0 a.more{color: white;}
section.popular article.art-0>div.img{width: 50%; padding: 0px 0px 0px 15px;}
section.popular article.art-1{background-color: var(--secondary-color); color: white; min-height: 100%; padding: 15px;}
section.popular article.art-1 h2{text-decoration: underline;}
section.popular article.art-1 a{color: white;}
section.popular article.art-1 img{margin-right: -30px; width: calc(100% + 30px); min-height: 50px; height: auto; aspect-ratio: 3 / 2; max-width: 1000px !important;  object-fit: cover; }
section.popular article.art-2{border: 1px solid var(--primary-color);}
section.popular article.art-2>div.img{width: 50%; padding: 0px 15px 0px 0px;}
section.popular article.art-2 a{color: var(--secondary-color);}

.page-img-links-3{margin: 20px 0 50px 0;}
.page-img-links-3 .container {  display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px 20px;
    grid-auto-flow: row;
    grid-template-areas:
    "div1 div2 div3";
}
.page-img-links-3  .div1 { grid-area: div1; }
.page-img-links-3  .div2 { grid-area: div2; }
.page-img-links-3  .div3 { grid-area: div3; }
.page-img-links-3 a{display: block;}
.page-img-links-3 a img{width: 100%; height: auto; object-fit: cover; aspect-ratio: 16/9;}

.dogadjanja-blog{}
.dogadjanja-blog .container {  display: grid;
    grid-template-columns: calc(35% + 10px) calc(35% + 10px) 30%;
    grid-template-rows: 1fr;
    gap: 20px 20px;
    grid-auto-flow: row;
    grid-template-areas:
    "div1 div2 div3";
}
.dogadjanja-blog .div1 { grid-area: div1; }
.dogadjanja-blog .div2 { grid-area: div2; }
.dogadjanja-blog .div3 { grid-area: div3; }


.events-announcements{margin-top: 20px; }
.events-announcements .container {  display: grid;
    grid-template-columns: calc(40% + 20px) 30% 30%;
    grid-template-rows: auto;
    gap: 20px 20px;
    grid-auto-flow: row;
    grid-template-areas:
    "div1 div2 div3";
}
.events-announcements .div1 { grid-area: div1; }
.events-announcements .div2 { grid-area: div2; }
.events-announcements .div3 { grid-area: div3; }
.events-announcements .has-calednar-cmp #calendar #days li{line-height: 41px;}


.homepage-news-announcements .parent  {display: grid;
    grid-template-columns: 20% 20% 30% 30%;
    grid-template-rows: auto 1fr 1fr;
    gap: 20px 20px;
    grid-template-areas:
"div1 div1 div div2"
"div3 div3 div4 div5"
"div3 div3 div4 div5";
}

.homepage-news-announcements.hp .parent  {
    grid-template-columns: 30% 20% 20% 30%;
    grid-template-areas:
"div2 div1 div1 div1"
"div5 div3 div3 div4"
"div5 div3 div3 div4";
}
 h2.ntitl.matop{margin-top: 50px;}
.homepage-news-announcements h2, h2.ntitl{padding-left: 50px; font-size: 22px; font-weight: bold; padding-bottom: 0; margin-bottom: 5px;}
.homepage-news-announcements h2 a, h2.ntitl a{color: var(--secondary-color);}
.homepage-news-announcements .parent .div1 { grid-area: div1; }
.homepage-news-announcements .parent .div2 { grid-area: div2; }
.homepage-news-announcements .parent .div3 { grid-area: div3; }
.homepage-news-announcements .parent .div4 { grid-area: div4; }
.homepage-news-announcements .parent .div5 { grid-area: div5; }
.homepage-news-announcements article,
.events-announcements article,
.dogadjanja-blog article{position: relative; }
.homepage-news-announcements article img,
.events-announcements article img,
.dogadjanja-blog article img{width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.homepage-news-announcements article .cont,
.events-announcements article .cont,
.dogadjanja-blog article .cont{padding: 10px 20px;}
.homepage-news-announcements article h3 a,
.events-announcements article h3 a,
.dogadjanja-blog article h3 a{
    white-space: break-spaces;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 17px;
    line-height: 20px;
    height: 40px;
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    font-weight: 200;
    text-transform: uppercase;
}
.homepage-news-announcements article p,
.events-announcements article p,
.dogadjanja-blog article p{
    font-size: 16px;
    line-height: 20px;
    height: 260px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-right: 40px;
}
.homepage-news-announcements .div3{box-shadow: 1px 0px 17px 0px rgb(0 0 0 / 20%)}
.homepage-news-announcements .div4 article,
.events-announcements .div2 article,
.dogadjanja-blog .div1 article, .dogadjanja-blog .div2 article {box-shadow: 1px 0px 17px 0px rgb(0 0 0 / 20%);}
.homepage-news-announcements .div4 article:first-child{margin-bottom: 20px;}
.homepage-news-announcements .div4 article h3,
.events-announcements .div2 article h3,
.dogadjanja-blog .div1 article h3,
.dogadjanja-blog .div2 article h3{margin: 5px 0; padding: 0;}
.homepage-news-announcements .div4 article h3 a,
.events-announcements .div2 article h3 a{font-size: 16px; line-height: 17px; max-height: 34px; height: auto; }
.homepage-news-announcements .div4 article p,
.events-announcements .div2 article p,
.dogadjanja-blog article p{font-size: 14px; height: 40px; -webkit-line-clamp: 2; margin: 0; }
.homepage-news-announcements article a.more,
.events-announcements article a.more,
.dogadjanja-blog article a.more{display: block; position: absolute; opacity: 1; bottom: 10px; right: 10px; font-size: 13px; color: var(--secondary-color);}
.homepage-news-announcements article a.more i,
.events-announcements article a.more i,
.dogadjanja-blog article a.more i{font-size: 26px;}
.homepage-news-announcements article:hover a.more,
.events-announcements article:hover a.more,
.dogadjanja-blog article:hover a.more{opacity: 1; right: 10px; }
.homepage-news-announcements .parent .div5 #render-events{margin-top: 20px;}

.has-calednar-cmp #calendar *{box-sizing: border-box;}
.has-calednar-cmp #calendar ul {
    list-style-type: none;
}

.has-calednar-cmp #calendar .month {
    padding: 10px;
    width: 100%;
    background: #F1F1FB;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.has-calednar-cmp #calendar .month #prev, .has-calednar-cmp #calendar .month #next{
    float:right;
    display: inline-block;
    cursor: pointer;
    line-height: 25px; width: 40px;
    color: white;
    background: var(--primary-color);
    margin-left: 20px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 200;
}

.has-calednar-cmp #calendar .month ul {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
}

.has-calednar-cmp #calendar .month ul li {
    color: black;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.has-calednar-cmp #calendar #weekdays {
    margin: 0;
    padding: 10px 0;
    background-color: #F1F1FB;
    font-weight: bold;
}

.has-calednar-cmp #calendar #weekdays li {
    color: black;
    text-align: center;
}

.has-calednar-cmp #calendar #days {
    padding: 10px 0;
    background: #F1F1FB;
    margin: 0;
}

.has-calednar-cmp #calendar #days li {
    list-style-type: none;
    text-align: center;
    font-size: 16px;
    color: black;
    padding: 0;
    margin: 3px;
    border: none;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
}
.has-calednar-cmp #calendar #days li span{font-size: 14px; line-height: 30px; min-width: 40px; display: inline-block;}

.has-calednar-cmp #calendar #days li.empty {
    border: none;
    cursor: default;
}

.has-calednar-cmp #calendar #days li.active span {
    background: var(--primary-color) !important;
    color: white !important;
    border-radius: 5px;
}

.has-calednar-cmp #calendar #days li.populated span {
    background: rgba(247,127,0,0.5);
    color: white !important;
    border-radius: 5px;
}

.has-calednar-cmp #calendar #days li.today span {
    background: rgba(0,0,0,0.1);
    border-radius: 5px;
}

.events-announcements a.cr,
.homepage-news-announcements a.cr{display: block; margin-bottom: 20px; font-size: 24px;}


.has-calednar-cmp #calendar #next,
.has-calednar-cmp #calendar #prev {
    cursor: pointer;
}

.has-calednar-cmp #calendar #days,
.has-calednar-cmp #calendar #weekdays {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
}

@media all and (-ms-high-contrast: none) {
    .has-calednar-cmp #calendar #days {
        display: -ms-grid;
        grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}




.fitlers-inline > div{display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: 20px;     margin: 20px 0;}
.fitlers-inline .fld{margin: 0; position: relative; padding: 0;}
.fitlers-inline .fld i{z-index: 1; color: white; font-size: 24px;right: 8px;top: 50%; transform: translateY(-50%); margin-top: 0;}
.fitlers-inline .fld select{width: 100%; background: var(--primary-color); border:1px dashed white; color: white; line-height: 36px; padding: 0 10px;}


h1.main{font-family: 'Merriweather', serif; font-weight: 700 !important; font-size: 60px; }
h1.main .simple-tbl{font-weight: 300;}

section.single{margin-top: 100px;}
section.single .content-size > .date{text-align: center;}
section.single .content-size > .img img{max-width: 100%; margin-bottom: 40px; display: block;}
section.single h1{font-size: 1.5em; text-align: center; margin: 30px 100px 80px 100px; font-family: 'Merriweather', serif; font-weight: 700; color: var(--primary-color);}
section.single .entry-content{margin: 0 80px; }

section.single.multimedia-single h1{text-align: left; margin: 0 0 80px 40px;}
section.single.multimedia-single .entry-content{margin-top: 80px; margin-bottom: 80px;}
section.single .article-btns{padding-left: 80px; min-height: 60px;}
section.single .article-btns a.back{color: var(--navlink-color);}
section.single .article-btns a.btn{float: right; width: 180px;}
section.single .article-btns a.btn img{margin-left: 20px; vertical-align: middle;}


section.page{margin-top: 60px;}
section.page h1{font-size: 60px; line-height: 60px; margin: 0 0 60px 0; font-weight: 200; position: relative;}
section.page h1 .simple-tbl{position: absolute; right: 0; width: 300px; top: 0; font-size: 12px; line-height: 20px; font-family: 'Merriweather Sans', sans-serif; white-space: nowrap;}
section.page h1 .simple-tbl .left{text-transform: uppercase; padding-right: 40px;}
section.page h1 .simple-tbl a{color: black; text-decoration: underline;}
section.page .map-with-addr{margin: 100px 0;}

.pg-f-images{position: relative; height: 345px; margin: 100px 0;}
.pg-f-images img{object-fit: cover; position: absolute; top: 0;}
.pg-f-images img:nth-child(1){width: 50%; height: 246px; left: 0;}
.pg-f-images img:nth-child(2){width: calc(50% - 100px); height: 100%; right: 0;}


.pagination{text-align: center; font-size: 16px;}
.pagination .nav-links > *{display: inline-block; padding: 0px 8px; }

section.archive{margin: 100px 0;}
section.archive > h2{font-size: 22px; margin: 0 0 30px 30px;}
section.archive .articles{font-size: 0;}
section.archive article{font-size: 12pt; display: inline-block; width: calc(50% - 20px); margin-bottom: 40px; background-color: white; padding: 40px;}
section.archive article:nth-child(odd){margin-right: 40px;}
section.archive article span{font-size: 12px; display: block; }
section.archive article span i{margin-right: 8px;}
section.archive article h2{font-size: 22px; font-weight: 200;}
section.archive article p{font-size: 14px; line-height: 25px; height: 75px; overflow: hidden;}
section.archive article a{color: #212121; }
section.archive article a.more{text-transform: uppercase; font-weight: 200; display: block; margin-top: 30px; text-align: right; font-size: 13px;}
section.archive article a.more i{font-size: 26px;}


section.products{margin-top: 30px;}
section.products h1{display: none;}
section.products .flex.article-w-sb h2.pl{margin-bottom: 50px;}
section.products .flex.article-w-sb{margin-top: 10px;}
section.products .filters-container{padding: 20px 30px;}
section.products .filters-container h4.filter-title{margin: 0}
section.products .yith-wcan-filters .yith-wcan-filter .price-slider .irs-bar{background-color: #DEDEDE;}
section.products .yith-wcan-filters .yith-wcan-filter .price-slider .irs-handle{background-color: #ffffff; border-color: var(--primary-color);  }
.yith-wcan-filters .yith-wcan-filter .price-slider .irs-from, .yith-wcan-filters .yith-wcan-filter .price-slider .irs-to, .yith-wcan-filters .yith-wcan-filter .price-slider .irs-single{background-color: #212121;}
.yith-wcan-filters .yith-wcan-filter .price-slider .irs-from:before, .yith-wcan-filters .yith-wcan-filter .price-slider .irs-to:before, .yith-wcan-filters .yith-wcan-filter .price-slider .irs-single:before{border-top: 5px solid #212121;}
.yith-wcan-active-filters{display: none;}
.yith-wcan-filter h4{padding: 13px 0; border-top: 1px solid #DEDEDE; cursor: pointer;}
.yith-wcan-filter h4 i{float: right; transition: all 0.3s  ease-in-out;}
.yith-wcan-filter .filter-content{max-height: 0px; overflow: hidden; transition: all 0.3s  ease-in-out; margin-top: 0 !important;}
.yith-wcan-filter.active .filter-content{max-height: 900px; padding-bottom: 20px !important; }
.yith-wcan-filter.active .filter-content ul{}
.yith-wcan-filter.active h4 i{transform: rotate(180deg);}
.yith-wcan-filters .yith-wcan-filter{margin-bottom: 0; }
.filter-price-slider h4 i{display: none;}
.filter-price-slider .filter-content{max-height: 900px; overflow: visible; padding: 0 15px;}
section.products.noanim .yith-wcan-filter .filter-content,
section.products.noanim .yith-wcan-filter h4 i{transition: none !important;}
#products-sort{text-align: right;}
#products-sort .dropdown-content{text-align: left;}

section.products .simple-tbl.top-filters{width: 100%; margin: 20px 0;}
section.products .simple-tbl.top-filters .sort{text-align: right;}
section.products .simple-tbl.top-filters .sort .dropdown-content{right: 0; text-align: left;}
.simple-tbl.tbl-product-sort-afilters{background: white; }
.simple-tbl.tbl-product-sort-afilters > *{padding: 6px 0;}
section.products .filter-button-cont button{border: none; color: var(--navlink-color); background: transparent; line-height: 40px; padding: 0 20px; text-align: center; font-size: 16px;}
section.products .filter-button-cont button i{font-size: 20px; vertical-align: middle; margin-right: 8px;}
section.products .tbl-product-sort-afilters .p-sort{width: 300px;}
section.products .tbl-product-sort-afilters .p-mobile-filter{display: none; }

section.products #inv-active-filters{white-space: nowrap;}
section.products #inv-active-filters span{display: inline-block; margin-right: 5px; padding: 12px; line-height: 16px; font-size: 16px; background-color: white; border-radius: 5px;}
section.products #inv-active-filters b{font-weight: 200;}
section.products #inv-active-filters i{margin-left: 15px; cursor: pointer;}


section.single-product h1{padding-right: 300px;}
section.single-product .prod-meta{text-align: right; margin-top: -90px;}
section.single-product .prod-meta a{color: var(--navlink-color); text-decoration: underline; margin: 0 15px 0 8px;}
section.single-product .product-data{background: white; margin: 80px 0px; padding: 40px; position: relative; padding-right: 460px; min-height: 420px;}
section.single-product .product-data .description{margin-top: 80px;}
section.single-product .product-data .img{position: absolute; width: 150px;  right: 250px; bottom: -80px;}
section.single-product .product-data .img figure{margin: 0; padding: 0; }
section.single-product .product-data .img img{max-width: 200px; width: auto; height: 470px;object-fit: cover;}
section.single-product .product-data .price{font-size: 12px; position: absolute; right: 160px; top: 90px;}
section.single-product .product-data .price > *{display: block;}
section.single-product .product-data .price > span{font-size: 16px;}
section.single-product .product-data .cart-container{position: absolute; right: 50px; top: 78px; z-index: 2;}
section.single-product .product-data .cart-container form.cart{display: none !important;}

ul.tabs.wc-tabs{list-style: none; margin: 0; padding: 0;}
ul.tabs.wc-tabs li{display: inline-block; margin: 0 40px 0 0;}
ul.tabs.wc-tabs li a{display: block; padding: 8px 0px; position: relative; color: var(--navlink-color);}
ul.tabs.wc-tabs li.active a{}
ul.tabs.wc-tabs li.active a:after{content:""; position: absolute; bottom: 0; left: 2px; right: 2px; height: 1px; background-color:  var(--primary-color);}
div.wc-tab h2{display: none;}
div.wc-tab p, div.wc-tab table{margin: 40px 0px;}
div.wc-tab table p{margin: 15px 0;}

form.cart .quantity{font-size: 0; display: inline-block; margin-top: 50px;}
form.cart .single_add_to_cart_button{width: 150px;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background: #000000; }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background: #000000; }

form.woocommerce-checkout{background-color: white; padding: 30px;}
.woocommerce-input-wrapper input, .woocommerce-input-wrapper textarea{position: relative;z-index: 1;-webkit-appearance: none; -moz-appearance: none; appearance: none;background: transparent; border: none;border-bottom: 1px solid #DEDEDE;padding: 5px 0px; width: 100%; font-size: 16px; outline: none;}
.select2-search--dropdown .select2-search__field{line-height: 20px;}
.select2-container--default .select2-selection--single{border-radius: 0; border: none;border-bottom: 1px solid #DEDEDE; height: 40px; padding: 5px 0px; width: 100%; font-size: 16px; outline: none;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0; }

.woocommerce-notices-wrapper{margin-top: 40px;}
.woocommerce-notices-wrapper .woocommerce-message{border: none !important; background: white; }

.woocommerce-pagination{font-size: 16px; text-align: center; margin: 30px 0;}
.woocommerce-pagination ul{list-style: none; margin: 0; padding: 0;}
.woocommerce-pagination ul li{display: inline-block; }
.woocommerce-pagination ul li a, .woocommerce-pagination ul li span{display: block; padding: 4px 8px;}

article.with-a{position: relative; overflow: hidden;}
article.with-a:hover{box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}
article.with-a .more{margin-right: 20px; opacity: 0;}
article.with-a:hover .more{margin-right: 0px; opacity: 1;}

.products-list .list{font-size: 0;}
.products-list .list article{overflow: hidden; position: relative; vertical-align: top; font-size: 12pt; background-color: white; padding: 20px 20px 40px 20px; display: inline-block; margin: 0 20px 20px 0; width: calc(33% - 12px); }
.products-list .list article:hover{box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}
.products-list .list article:nth-child(3n) {margin-right: 0;}
.products-list .list.four article{width: calc(25% - 17px);}
.products-list .list.four article:nth-child(3n) {margin-right: 20px;}
.products-list .list.four article:nth-child(4n) {margin-right: 0;}
.products-list .list article .img{text-align: center; height: 490px; max-width: 100%; object-fit: cover;}
.products-list .list article h2{font-size: 18px; line-height: 25px; max-height: 50px; overflow: hidden; margin: 15px 0 10px 0; text-align: left; font-weight: 500;}
.products-list .list article .price{display: block;}
.products-list .list article a{color: var(--navlink-color);}
.products-list .list article a.more{position: absolute; bottom: 20px; right: 40px; opacity: 0; }
.products-list .list article:hover a.more{right: 20px;  opacity: 1}
.products-list .no-data{margin: 100px 0; text-align: center; font-size: 20px;;}
.products-list .no-data i{font-size: 64px; color: var(--primary-color);}

table.woocommerce-product-attributes.shop_attributes, table.woocommerce-product-attributes.shop_attributes>tbody,table.woocommerce-product-attributes.shop_attributes>tbody>tr, table.woocommerce-product-attributes.shop_attributes>tbody>tr>th, table.woocommerce-product-attributes.shop_attributes>tbody>tr>th{display: inline-block;}
table.woocommerce-product-attributes.shop_attributes>tbody>tr{margin-right: 50px;}
table.woocommerce-product-attributes.shop_attributes>tbody>tr>th{font-size: 12px; padding: 0;}
table.woocommerce-product-attributes.shop_attributes>tbody>tr>td{font-size: 16px; padding: 0;}
table.woocommerce-product-attributes.shop_attributes>tbody>tr>td p{text-decoration: underline; margin: 8px 0 0 0; padding: 0;}
table.woocommerce-product-attributes.shop_attributes>tbody>tr>td a{color: var(--navlink-color);}

.clear-selection{display: none !important; }

ul.cat-filters{list-style: none; margin: 0 0 20px 0; padding: 40px; text-align: center; background: white; font-size: 0;}
ul.cat-filters > li {display: inline-block; margin: 0 40px;width: calc(25% - 80px);vertical-align: top; position: relative;}
ul.cat-filters > li a{display: block; text-align: center; color: var(--navlink-color);}
ul.cat-filters > li a .img{position: relative; color: #F8B00C; display: inline-block; width: 100%; aspect-ratio: 1 / 1;text-align: center; /*padding: 30px 0;*/ background-color: #FEF0D1; border-radius: 50%;  }
ul.cat-filters > li a .img svg{width: 35px; height: auto; position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%); }
ul.cat-filters > li a .img svg path{fill: #F8B008;}
ul.cat-filters > li .info{position: absolute; top: -5px; right: -10px;}
ul.cat-filters > li .info p{position: absolute; background: white; padding: 30px; text-align: left; z-index: 9999; font-size: 12px; width: 420px;     box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); display: none;}
ul.cat-filters > li .info img{margin: -15px;}
ul.cat-filters > li .info:hover p{display: block;}
ul.cat-filters > li a b{font-size: 12px; font-weight: 400; display: block; text-align: center; margin-top: 8px;}
ul.cat-filters > li.w-red a .img{background-color: #E6BDC2;  border-color:#E6BDC2; color: #AB2637; }
ul.cat-filters > li.w-red a .img svg path{fill: #AC2637;}
ul.cat-filters > li.w-rose a .img{background-color: #F7DADE;  border-color:#F7DADE; color: #E48694; }
ul.cat-filters > li.w-rose a .img svg path{fill: #E38694}
ul.cat-filters > li.w-sparking a .img{background-color: #FEF0D1;  border-color:#FEF0D1; color: #CA8F05; }
ul.cat-filters > li.w-sparking a .img svg path{fill: #C99005; }

ul.cat-filters > li.active a .img{background-color: #F8B008;}
ul.cat-filters > li.active a .img svg path{fill: white !important;}
ul.cat-filters > li.active a .img::before{content:""; position: absolute; left: -4px; top: -4px; right: -4px; bottom: -4px; border: 1px solid #F8B008; border-radius: 50%;}

ul.cat-filters > li.w-red.active a .img{background-color: #AC2637;}
ul.cat-filters > li.w-red.active a .img::before{border-color: #AC2637;}

ul.cat-filters > li.w-rose.active a .img{background-color: #E38694;}
ul.cat-filters > li.w-rose.active a .img::before{border-color: #E38694;}

ul.cat-filters > li.w-sparking.active a .img{background-color: #C99005;}
ul.cat-filters > li.w-sparking.active a .img::before{border-color: #C99005;}


.list-toggle > .list-el{margin: 20px 0;}
.list-toggle > .list-el h2{font-size: 22px; font-weight: bold; margin: 0 30px; padding: 20px 0; position: relative;}
.list-toggle > .list-el h2 a{display: block; position: absolute; color: white; background: var(--primary-color); width: 38px; height: 38px; top: 50%;  margin-top: -19px; right: 20px;}
.list-toggle > .list-el h2 a .h{position: absolute; left: 9px; right: 9px; height: 1px; background-color: white; top: 50%; margin-top:-0.5px;}
.list-toggle > .list-el h2 a .v{opacity: 1;position: absolute; top: 9px; bottom: 9px; width: 1px; background-color: white; left: 50%; margin-left:-0.5px; -webkit-transition: opacity  0.3s ease-in-out; -moz-transition: opacity 0.3s  ease-in-out; -o-transition: opacity 0.3s  ease-in-out; transition: opacity 0.3s  ease-in-out;}
.list-toggle > .list-el.active h2 a .v{opacity: 0;}
.list-toggle > .list-el > div{margin-top: 0px; max-height: 0px; overflow: hidden; -webkit-transition: max-height  0.3s ease-in-out; -moz-transition: max-height 0.3s  ease-in-out; -o-transition: max-height 0.3s  ease-in-out; transition: max-height 0.3s  ease-in-out;}
.list-toggle > .list-el.active > div{max-height: 2000px;}
.list-toggle > .list-el > div > div:first-child{margin-top: 30px;}

.regije-all .winary-item{background: white; padding: 15px 30px; margin-bottom: 15px;}
.regije-all .simple-tbl a{color: var(--body-fg);}
.regije-all .simple-tbl .logo{width: 150px; }
.regije-all .simple-tbl .logo img{width: 101px;}
.regije-all .simple-tbl .name{font-size: 20px; font-weight: bold; padding-right: 20px;}
.regije-all .simple-tbl .addr{font-size: 14px; width: 200px; padding-right: 40px;}
.regije-all .simple-tbl .links{font-size: 14px; width: 250px; padding-right: 40px;}
.regije-all .simple-tbl .links a{color: var(--body-fg); text-decoration: underline;}
.regije-all .simple-tbl .a{width: 30px; text-align: right;}
.regije-all .simple-tbl .a a{font-size: 26px; color: black;}
.regije-all .simple-tbl .l{width: 30px; text-align: left;}
.regije-all .simple-tbl .l a{font-size: 22px; color: black;}

.vinska-regija{margin: 100px 0 20px 0;}
.vinska-regija .simple-tbl .title{width: 40%; vertical-align: top; }
.vinska-regija .simple-tbl .title h2{font-size: 22px; margin: 0 0 0 30px;}
.vinska-regija .simple-tbl .description p{margin: 0; font-size: 16px;}
.vinska-regija .img{margin: 40px 0 0 0;}
.vinska-regija .img img{width: 100%; height: auto;}

.map-pupup{display: none; position: absolute; left: 50px; top: 300px; width: 440px; background: var(--secondary-color); z-index: 1000; padding: 40px;  -webkit-box-shadow: 15px 15px 20px 0px rgb(0 0 0 / 10%);-moz-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.10);box-shadow: 15px 15px 20px 0px rgb(0 0 0 / 10%); color: white;}
.map-pupup h4{margin: 0; padding: 0; font-size: 22px; font-weight: bold; }
.map-pupup p{padding: 20px 0; font-size: 14px; padding: 0;}
.map-pupup .logos{font-size: 0;}
.map-pupup .logos a{display: inline-block; width: calc(25% - 15px); margin: 0 20px 20px 0; }
.map-pupup .logos a img{width: 100%; }
.map-pupup .logos a:nth-child(4n){margin-right: 0;}
.map-pupup .nfo{text-transform: uppercase; font-size: 12px; font-weight: bold;}
.map-pupup .nfo a{color: #212121; float: right; font-weight: 200;}
.map-pupup>span{position: absolute;right: -14px;top: -14px;font-size: 16px;text-align: center;border-radius: 50%;border: 1px solid #282828;background-color: white; width: 28px;line-height: 26px;cursor: pointer;}

.map-pupup.winary .simple-tbl .logo{width: 132px;}
.map-pupup.winary .simple-tbl .logo img{width: 102px;}
.map-pupup.winary::after{content:""; position: absolute; right: -10px; top: 50px; width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 10px;border-color: transparent transparent transparent #ffffff;}
.map-pupup.winary.both-lr::after{transform: rotate(180deg);left: -10px; right: auto;}

.right-sticky-buttons{white-space: nowrap; z-index: 1000; position: fixed; padding: 20px 10px; width: auto; bottom: 50%; right: 0; transform: translateY(50%); background-color: white; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);}
.right-sticky-buttons > *{display: block; text-align: center; margin: 20px 0; }
.right-sticky-buttons a{font-size: 24px; color: var(--navlink-color); display: block; }
.right-sticky-buttons a.has-nr{position: relative;}
.right-sticky-buttons a.has-nr .nr{display: block; position: absolute; color: white; background-color: var(--primary-color); font-size: 11px; line-height: 16px; width: 16px; border-radius: 50%; top: 0px; right: 4px;}
.right-sticky-buttons .tgl-el > .fa-chevron-down{position: absolute;right: 0px;top: 9px; font-size: 11px;-webkit-transition: all  0.3s ease-in-out; -moz-transition: all 0.3s  ease-in-out; -o-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.right-sticky-buttons .tgl-el.active > .fa-chevron-down{transform: rotate(180deg);}
.right-sticky-buttons > *:first-child{margin-top: 0;}
.right-sticky-buttons > *:last-child{margin-bottom: 0;}
.right-sticky-buttons .social{text-align: center;}
.right-sticky-buttons .social a{display: inline-block;}
.right-sticky-buttons .social a:first-child{margin-left: -5px;}
.right-sticky-buttons .social a:last-child{margin-left: 10px; margin-right: -5px;}
/*
.right-sticky-buttons > .rev-select{margin-bottom: 0;}
.right-sticky-buttons > .rev-select .select-styled{font-size: 17px; padding: 8px 3px 7px 0px;}
.right-sticky-buttons > .rev-select .select-options{top: 2px; left: auto; right: 70px; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);}
.right-sticky-buttons > .rev-select .select-options::after {content: "";position: absolute;right: -10px;top: 10px;width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 10px;border-color: transparent transparent transparent #ffffff;}
*/
.right-sticky-buttons .tgl-el{position: relative;}
.right-sticky-buttons .tgl-el > .el{width: 0; overflow: hidden; opacity: 0; position: absolute; left: auto; top: 2px; right: 70px;  -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -webkit-transition: all  0.3s ease-in-out; -moz-transition: all 0.3s  ease-in-out; -o-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.right-sticky-buttons .tgl-el > .el::after{content: "";position: absolute;right: -10px;top: 10px;width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 10px;border-color: transparent transparent transparent #ffffff;}
.right-sticky-buttons .tgl-el > .el.act-srch::after{border-color: transparent transparent transparent #EAE8E5;}
.right-sticky-buttons .tgl-el > .el input{padding-left: 50px; line-height: 70px; max-width: 100%; box-sizing: border-box;}
.right-sticky-buttons .tgl-el > .el .search i{left: 20px;}
.right-sticky-buttons .tgl-el > .el .search .ax-search-results{top: 67px; text-align: left;}
.right-sticky-buttons .tgl-el > .el .search .ax-search-results a{font-size: 15px;}
.right-sticky-buttons .tgl-el.active > .el{width: 400px; display: block; opacity: 1; overflow: visible;}
.right-sticky-act-btn{display: none; cursor: pointer; position: fixed; bottom: 10px; right: 10px; width: 35px; height: 35px; border-radius: 50%; background: white; z-index: 5; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16); transition: all 0.2s ease; }
.right-sticky-act-btn.active{transform: rotate(45deg);}

.right-sticky-buttons .tgl-el.lngsel > a {font-size: 18px; font-weight: 400; margin-left: -9px;}
.right-sticky-buttons .tgl-el.lngsel .el{background: white; font-size: 16px;}
.right-sticky-buttons .tgl-el.lngsel.active > .el{width: 100px;}
.right-sticky-buttons .tgl-el.lngsel .el li{display: block; text-align: left;}
.right-sticky-buttons .tgl-el.lngsel .el li a{font-size: 16px; padding: 10px;}

.right-sticky-buttons .tgl-el.shr-btns .el{background: white; white-space: nowrap;}
.right-sticky-buttons .tgl-el.shr-btns.active > .el{width: 250px;}
.right-sticky-buttons .tgl-el.shr-btns .el a{font-size: 24px; display: inline-block; text-align: center; margin: 10px 10px;}

.plus{position: relative; width: 35px; height: 35px;}
.plus .h{position: absolute; top: 50%; transform: translateY(-0.5px); left: 10px; right: 10px; height: 1px; background: black;}
.plus .v{position: absolute; left: 50%; transform: translateX(-0.5px); top: 10px; bottom: 10px; width: 1px; background: black;}




section.multimedia.category .posts-basic .more-articles article{width: 100% !important; margin: 20px 0px !important; font-size: 12px; padding: 30px 40px !important; background: white;}
section.multimedia.category .posts-basic .more-articles article .simple-tbl{}
section.multimedia.category .posts-basic .more-articles article .cont{padding: 0;}
section.multimedia.category .posts-basic .more-articles article .cont h2{margin: 0; padding: 0; font-size: 16px;}
section.multimedia.category .posts-basic .more-articles article .f-icons{text-align: right; width: 350px;}
section.multimedia.category .posts-basic .more-articles article .f-icons span{display: inline-block; margin-right: 30px;}
section.multimedia.category .posts-basic .more-articles article .f-icons a{margin-left: 50px;}
section.multimedia.category .posts-basic .more-articles article .f-icons a img{height: 16px; vertical-align: middle; margin-left: 6px;}
section.multimedia.category .posts-basic .more-articles article .f-icons i{vertical-align: inherit; font-size: 16px; margin-right: 6px;}

section.multimedia.category .posts-adv{margin-top: 80px;}
section.multimedia.category .posts-adv .f-icons{font-size: 12px; position: absolute; bottom: 0; left: 0; right: 0; padding: 40px; min-height: 20px; z-index: 3;}
section.multimedia.category .posts-adv .f-icons span{display: inline-block; margin-right: 15px;}
section.multimedia.category .posts-adv .f-icons i{vertical-align: inherit; font-size: 16px; margin-right: 6px;}
section.multimedia.category .posts-adv .f-icons img{height: 16px; vertical-align: middle; margin-left: 6px;}
section.multimedia.category .posts-adv .f-icons a{float: right;}

section.multimedia.category .posts-adv .more-articles article{width: calc(33% - 20px); margin-right: 20px; display: inline-block !important; padding: 0 !important;}
section.multimedia.category .posts-adv .more-articles article:nth-child(3n) {margin-right: 0px;}
section.multimedia.category .posts-adv .more-articles article .img{position: static;width: auto;height: 318px;}
section.multimedia.category .posts-adv .more-articles article .cont{padding: 40px 40px 80px 40px !important;}

section.multimedia.category article  a{font-weight: 400;}

.gallery{font-size: 0;}
.gallery > a{display: inline-block; margin: 0 20px 20px 0; width: calc(25% - 20px); background: white; position: relative;  }
.gallery.fw > a{margin: 0 0 10px 0; width: auto; display: block;}
.gallery > a:nth-child(4n){margin-right: 0;}
.gallery > a > img{width: 100%; max-width: 100%; display: block;}
.gallery > a .dl{opacity: 0; position: absolute; top: 10px; right: 10px;  width: 40px; height: 40px; border-radius: 50%; background: white;z-index: 2; }
.gallery > a .dl img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:2; cursor: pointer; }
.gallery > a .b{opacity: 0; background-color: rgba(0,0,0,0.3); z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.gallery > a:hover .dl, .gallery > a:hover .b{opacity: 1;}
.lb-data .lb-number{display: none !important;}
.lightbox .lb-image{border: none !important;}
.lb-data .lb-close{display: none !important;}
.lb-nav a{background-image: none !important;}
.lb-nav a span{display: block; position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; font-size: 26px; text-align: center; background-color: white; border-radius: 50%; color: black;}
.lb-nav a span i{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.lb-nav a.lb-next  span{right: -30px;}
.lb-nav a.lb-prev  span{left: -30px;}
.lb-top-nav{margin: auto auto; color: white; text-align: left; position: relative;}
.lb-top-nav>span{position: absolute; left: 0; top: -70px; cursor: pointer;}
.lb-top-nav>span i{margin-right: 10px;}
body .lb-dataContainer{padding-top: 20px;}
.lb-top-nav>a{position: absolute; right: 0; top: -90px; cursor: pointer; color: white; background: #2A2A2A; line-height: 50px; padding: 0 30px; font-size: 12px;}
.lb-top-nav>a img{margin-left: 15px; vertical-align: middle;}


.gallery figure{display: inline-block; width: 33%; margin: 0; padding: 10px;}
.gallery figure img{width: 100%; height: 200px; object-fit: cover;}

ul.files-list{list-style: none; margin: 0 0 50px 0; padding: 0;}
ul.files-list li{display :block; margin: 20px 0px;font-size: 12px;padding: 30px 40px;background: white; font-size: 16px;}
ul.files-list li a{line-height: 20px; color: var(--navlink-color);}
ul.files-list li a.dl{font-size: 12px; float: right;}
ul.files-list li a.dl img{vertical-align: sub; margin-left: 10px;}

.contact-list{margin: 80px 0; font-size: 0;}
.contact-list>div{font-size: 16px; display: inline-block; margin: 0 40px 0 0; padding: 40px; background-color: white; width: calc(50% - 20px); vertical-align: top;}
.contact-list>div:nth-child(2n) {margin-right: 0px;}
.contact-list>div h4{font-size: 16px; font-weight: 400; margin: 0;}
.contact-list>div h3{font-size: 22px; margin: 40px 0; font-weight: 400;}
.contact-list>div h4 i{margin-right: 8px; font-size: 20px;}
.contact-list>div a, .contact-list>div span{display: block; min-height: 26px; line-height: 26px;}
.contact-list>div a{ color: var(--navlink-color);}

.simple-p-cont{width: 100%; margin: 80px 0;}
.simple-p-cont .simple-tbl>div{vertical-align: top;}
.simple-p-cont .simple-tbl>div.left{width: 320px; padding-right: 80px;}
.simple-p-cont .simple-tbl>div.left .gallery.fw > a {margin: 0 0 100px 0; box-shadow: 1px 0px 17px 0px rgb(0 0 0 / 20%);}
.simple-p-cont .simple-tbl>div.left .gallery.fw > a img{height: auto; aspect-ratio: 1/1; object-fit: cover;}
.simple-p-cont .simple-tbl>div.left .gallery.fw > a:last-child {margin-bottom: 0;}
.simple-p-cont .simple-tbl>div.cont{font-size: 20px; line-height: 1.8;}
.simple-p-cont .simple-tbl>div.cont h2{font-size: 50px;}

.simple-p-cont.reg .simple-tbl>div.left{width: 300px; border:1px dashed var(--primary-color); padding: 20px; padding-right: 20px; font-size: 18px;}
.simple-p-cont.reg .simple-tbl>div.cont{padding-left: 80px;}
.simple-p-cont.reg .simple-tbl>div.cont h1{color: var(--primary-color); margin: 0 0 30px 0;}
.simple-p-cont.reg .fld.txt textarea{display: block;}
.simple-p-cont.reg .sm-flds .fld textarea:valid + .label-name:after{bottom: 0;}
.simple-p-cont.reg .ax-form .sbmt{padding-right: 0; }
.simple-p-cont.reg .ax-form .sbmt button{width: auto;}

/* Style The Dropdown Button */
.dropbtn {
  background-color: transparent;
  color: var(--navlink-color); 
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  line-height: 1;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  /*background-color: rgba(0,0,0,0.1);*/
}

.map-hoder{position: relative;}
.map-hoder > span{position: absolute; z-index: 1000;}
.map-hoder span.t{top:0; left: 0; right: 0; height: 20px;background: -moz-linear-gradient(top,  rgba(247,246,245,1) 0%, rgba(247,246,245,0) 100%);background: -webkit-linear-gradient(top,  rgba(247,246,245,1) 0%,rgba(247,246,245,0) 100%);background: linear-gradient(to bottom,  rgba(247,246,245,1) 0%,rgba(247,246,245,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f5', endColorstr='#00f7f6f5',GradientType=0 );}
.map-hoder span.b{bottom:0; left: 0; right: 0; height: 20px;background: -moz-linear-gradient(top,  rgba(247,246,245,0) 0%, rgba(247,246,245,1) 100%);background: -webkit-linear-gradient(top,  rgba(247,246,245,0) 0%,rgba(247,246,245,1) 100%);background: linear-gradient(to bottom,  rgba(247,246,245,0) 0%,rgba(247,246,245,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f6f5', endColorstr='#f7f6f5',GradientType=0 );}
.map-hoder span.l{top:0; left: 0; bottom: 0; width: 20px;background: -moz-linear-gradient(left,  rgba(247,246,245,1) 0%, rgba(247,246,245,0) 100%);background: -webkit-linear-gradient(left,  rgba(247,246,245,1) 0%,rgba(247,246,245,0) 100%);background: linear-gradient(to right,  rgba(247,246,245,1) 0%,rgba(247,246,245,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f5', endColorstr='#00f7f6f5',GradientType=1 );}
.map-hoder span.r{top:0; right: 0; bottom: 0; width: 20px;background: -moz-linear-gradient(left,  rgba(247,246,245,0) 0%, rgba(247,246,245,1) 100%);background: -webkit-linear-gradient(left,  rgba(247,246,245,0) 0%,rgba(247,246,245,1) 100%);background: linear-gradient(to right,  rgba(247,246,245,0) 0%,rgba(247,246,245,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f6f5', endColorstr='#f7f6f5',GradientType=1 );}
.map-hoder.w span.t{background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f5', endColorstr='#00f7f6f5',GradientType=0 );}
.map-hoder.w span.b{background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f6f5', endColorstr='#f7f6f5',GradientType=0 );}
.map-hoder.w span.l{background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f5', endColorstr='#00f7f6f5',GradientType=1 );}
.map-hoder.w span.r{background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f6f5', endColorstr='#f7f6f5',GradientType=1 );}

.map-hoder .leaflet-bottom.leaflet-right{bottom: 20px; right: 20px;}
.mobile-menu{display: none; opacity: 0;  overflow: hidden; overflow-y: scroll; transition: left 0.2s ease, opacity 0.3s ease;  top: 0; left: -1000px; width: 100%; height: 100%; position: fixed;  background-color: white; z-index: 996;}
.mobile-menu.active{  padding-top: 100px; left: 0;opacity: 1; height: 100%;}
.mobile-menu ul{list-style: none; padding: 0 30px; margin: 0;}
.mobile-menu ul li{display: block; margin-bottom: 20px;}
.mobile-menu ul li a{display: block; color: var(--navlink-color); font-size: 22px; text-align: center; line-height: 40px;}
.mobile-menu-btns{display: none;}
.mobile-menu .hf{margin: 70px 40px 40px 40px; text-align: center;}
.mobile-menu .hf a{color: var(--navlink-color);}
.mobile-menu .hf .subscribe{width: auto; height: 150px;}
.mobile-menu .hf .subscribe input{width: 100%;}
.mobile-menu .hf .subscribe button{width: 100%;}
.mobile-menu .hf .subscribe.loading .loader{width: 100%; margin-top: 25px; }
.mobile-menu .hf .lang a{font-size: 16px;}
.mobile-menu .hf .social a{font-size: 24px; margin: 0 10px;}


.contact-info-part{margin: 80px 0; }
.contact-info-part .simple-tbl>.logo{width: 320px; padding-right: 80px;}
.contact-info-part .simple-tbl>.logo div{border: 1px solid var(--primary-color); padding: 150px 10px;}
.contact-info-part .simple-tbl>.logo img{display: block; width: 100%; height: auto;}

.contact-info-part .simple-tbl>.data{width: 500px; padding-right: 50px;}
.contact-info-part .simple-tbl>.data>div{color: white; background-color: var(--primary-color); padding: 20px;}
.contact-info-part .simple-tbl>.data>div a{color: white; font-weight: bold;}
.contact-info-part .simple-tbl>.data>div h4{margin: 0 0 30px 0; font-size: 18px; font-weight: 200;}
.contact-info-part .simple-tbl>.data>div h5{margin: 15px 0 6px 0; font-size: 18px; font-weight: 200;}

.contact-info-part .simple-tbl>.data,
.contact-info-part .simple-tbl>.frm{vertical-align: top; padding-top: 70px;}

.contact-info-part .simple-tbl>.frm .btn{float: right; width: auto;}
.contact-info-part .simple-tbl>.frm .loader{display: none;}
.contact-info-part.loading .simple-tbl>.frm .loader{display: block; float: right;}
.contact-info-part.loading .simple-tbl>.frm .btn{display: none;}

.vinogorja-mp{margin-top: 50px;}
.vinogorja-mp .simple-tbl>div{vertical-align: top;}
.vinogorja-mp .simple-tbl>.mnu{width: 200px; text-align: right; padding-top: 200px; }
.vinogorja-mp.has-svg-map .simple-tbl>.mnu{padding-top: 50px;}
.vinogorja-mp .simple-tbl>.mnu h3{margin: 20px 0 10px 0; font-size: 20px; text-transform: uppercase;}
.vinogorja-mp .simple-tbl>.mnu h3.main{color: var(--primary-color); margin-top: 0;}
.vinogorja-mp .simple-tbl>.mnu h4{margin: 5px 0; font-size: 18px; font-weight: 200;}
.vinogorja-mp .simple-tbl>.mnu h4 a{color: black;}
.vinogorja-mp .simple-tbl>.mnu h4 a:hover, .vinogorja-mp .simple-tbl>.mnu h4 a.act, .vinogorja-mp .simple-tbl>.mnu h4 a.sel{text-decoration: underline; color: var(--primary-color);}
.vinogorja-mp .map-el>div{position: relative;}
.vinogorja-mp .data-display{display: none; padding-top: 190px; padding-left: 50px;}
.vinogorja-mp .data-display>h3{font-size: 20px; color: var(--primary-color); margin: 0 0 50px 0;}
.vinogorja-mp.cont .data-display{display: block; }
.vinogorja-mp.has-svg-map .data-display{padding-top: 50px;}
.vinogorja-mp .simple-tbl>.mnu.with-reset{ text-align: left;}
.vinogorja-mp .simple-tbl>.mnu.with-reset h4 a i{display: none;}
.vinogorja-mp .simple-tbl>.mnu.with-reset h4 a.sel{ text-decoration: none;}
.vinogorja-mp .simple-tbl>.mnu.with-reset h4 a.sel i{display: inline;}

.sm-flds .fld{margin: 0 0 15px 0;}
.sm-flds .fld input[type=text], .sm-flds .fld select{line-height: 40px; padding: 5px 0 0 0;}
.sm-flds .fld label .content-name{top: calc(100% - 34px); font-size: 16px;}
.sm-flds .fld input:focus + .label-name .content-name, .sm-flds .fld input:valid + .label-name .content-name, .sm-flds .fld textarea:focus + .label-name .content-name, .sm-flds .fld textarea:valid + .label-name .content-name, .sm-flds .fld select:focus + .label-name .content-name, .sm-flds .fld select:valid + .label-name .content-name{top: -20px; font-size: 12px;}
/*.sm-flds .fld textarea:valid + .label-name:after{bottom: 4px;}*/
.sm-flds .fld label.label-name::after{left: 0; right: 0; bottom: 0;}
.sm-flds .fld label .content-name{padding: 0;}

.regija-winaries{font-size: 0;}
.r-winary-item{font-size: 14px; display: inline-block; margin: 0 20px 20px 0; background-color: var(--secondary-color); color: white; width: calc(25% - 20px);}
.r-winary-item:nth-child(4n){margin-right: 0;}
.r-winary-item .image img{height: 250px; width: 100%; object-fit: cover;}
.r-winary-item .cont{padding: 20px;}
.r-winary-item .logo{padding: 20px 0 0 0; text-align: right;}
.r-winary-item .logo img{width: 50%; height: 60px; object-fit: contain;}
.r-winary-item .cont h3{margin: 0; }
.r-winary-item .cont h3 a{color: white; display: -webkit-box; line-height: 24px; height: 50px; font-size: 20px; font-weight: 300;max-width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.gal-lst-itm>div{font-size: 0; margin: 0 -5px;}
.gal-lst-itm .slick-track figure{padding: 0; margin: 0px 5px;}
.gal-lst-itm .slick-track figure img{width: 100%; height: auto; object-fit: cover; display: block; aspect-ratio: 16/9;}
.gal-lst-itm .slick-dots li{margin: 0px;}
.gal-lst-itm .slick-dots li button{margin: 0px;}
.wt-cli-accept-all-btn{background-color: var(--primary-color) !important;}


.winary-single h1{color: var(--secondary-color); padding-left: 100px; margin: 50px 0 30px 0;}
.winary-single .winary-content{ position: relative; margin-top: 100px;}
.winary-single .winary-content>div{background-color: var(--secondary-color); color: white;  padding: 40px 40px 40px 230px; min-height: 350px; margin-left: 200px;}
.winary-single .winary-content>div>.img{position: absolute; width: 300px; height: 300px; top: -50px; left: 0px; }
.winary-single .winary-content>div>.img>img.pi{width: 100%; height: 100%; object-fit: cover;}
.winary-single .winary-content>div>.img .logo{position: absolute; width: 150px; height: 150px; bottom: -130px; right: -80px;}
.winary-single .winary-content>div>.img .logo>img{width: 100%; height: auto; max-height: 100%; object-fit: contain;}
.winary-single .map-hoder{position: absolute; top: -200px; right: 0;}

.winary-single .short{display: none !important; position: absolute;padding: 21px 75px 21px 56px;left: 320px; top: -95px; background-image: url(img/nasi-vinari-isjecak.png); width: 615px; height: 110px; background-position: center; background-size: contain; background-repeat: no-repeat; color: black;}
.winary-single .short img{width: 100%;height: 100%; object-fit: contain;}
.winary-single h3{margin: 0 0 0px 0; font-weight: 300; letter-spacing: 5px;}
.winary-single h4{margin: 0 0 30px 0; font-weight: 500;}
.winary-single .tbl-data > div{vertical-align: top;}
.winary-single .tbl-data > div.left{width: 60%; padding-right: 50px;}
.winary-single .tbl-data a{color: white; }


.simple-tbl.tbl-sbmt-cond>div{vertical-align: middle;}
.simple-tbl.tbl-sbmt-cond .cond{font-size: 13px;}


.tabs-ctrl{}
.tabs-ctrl > .tabs{}
.tabs-ctrl > .tabs a{display: inline-block; padding: 6px 8px; position: relative; color: var(--secondary-color);}
.tabs-ctrl > .tabs a.active:after{content:""; display: block; left: 0; right: 0; bottom: 0; height: 2px; background-color: var(--primary-color);}

.tabs-ctrl .tab-els > div{display: none; padding: 6px 10px;}
.tabs-ctrl .tab-els > div.active{display: block;}

.mobile-regije .tab-els h4 a{color: var(--secondary-color);}
.mobile-regije .tab-els h4 a.sel, .mobile-regije .tab-els h4 a.act{color: var(--primary-color); text-decoration: underline;}

.mobile-regije .tab-els h4{display: inline-block; margin: 5px 6px;padding: 0;}
.mobile-regije .fld{padding: 10px;}
.mobile-regije select{border: 1px solid #DEDEDE;padding-left: 10px !important;}



.svg-map path.interactive{cursor: pointer; pointer-events: all;}
.svg-map path.r-BARANJA{fill:#7582c0;}
.svg-map path.r-SRIJEM{fill: #0046bf;}
.svg-map path.r-ERDUT{fill: #233d78;}
.svg-map path.r-DJAKOVO{fill: #d8318a;}
.svg-map path.r-FERICANCI{fill: #cc004c;}
.svg-map path.r-OSLA{fill: #f18121;}
.svg-map path.r-VT{fill: #fcd206;}
.svg-map path.r-SB{fill: #00a9a4;}
.svg-map path.r-NG{fill: #76c065;}
.svg-map path.r-KUTJEVO{fill: #9b3a04;}
.svg-map path.r-POPLE{fill: #feef22;}
.svg-map path.r-DARUVAR{fill: #f3110b;}
.svg-map path.r-PAKRAC{fill: #5a6e3a;}
.svg-map path.r-VILLANY{fill: #8FB93E;}


		
.svg-map path.r-HR_VS{fill: #0045C0;}
.svg-map path.r-HR_OB{fill: #7583C3;}
.svg-map path.r-HR_PS{fill: #00A9A3;}
.svg-map path.r-HR_BP{fill: #213C77;}
.svg-map path.r-HR_VP{fill: #76C164;}

.svg-map svg:hover path:not(:hover):not(.active){fill:#999;}
.svg-map.active svg path:not(.active){fill:#999;}


.vinogorja-mp .simple-tbl>.mnu{}
.map-hoder-svg{padding-left: 80px;}
.map-hoder-svg svg{width: 100%; height: auto;}


.nasa-vina-landing{margin-top: 90px;}
.nasa-vina-landing .simple-tbl.tbl-nvl{}
.nasa-vina-landing .simple-tbl.tbl-nvl>div{vertical-align: top;}
.nasa-vina-landing .simple-tbl.tbl-nvl .snav{border: 1px dashed var(--primary-color); width: 200px; padding: 50px 20px;}
.nasa-vina-landing .simple-tbl.tbl-nvl .snav h3{color: var(--secondary-color); text-transform: uppercase; margin: 0 0 20px 0;}
.nasa-vina-landing .simple-tbl.tbl-nvl .snav ul{list-style: none; margin: 0; padding: 0; line-height: 1;}
.nasa-vina-landing .simple-tbl.tbl-nvl .snav ul li{margin: 3px 0; padding: 0;}
.nasa-vina-landing .simple-tbl.tbl-nvl .snav ul li a{display: block; padding: 6px 0; color: var(--secondary-color); text-transform: uppercase; font-size: 14px;white-space: nowrap;} 
.nasa-vina-landing .simple-tbl.tbl-nvl .snav ul li a.active{color: var(--primary-color);}
.nasa-vina-landing .simple-tbl.tbl-nvl .snav.crvene-sorte{text-align: right;}

.nasa-vina-landing .data{padding-right: 20px; }
/*.nasa-vina-landing .data .sorta:not(.slick-slide){display: none;}*/
.nasa-vina-landing .data .sorta.active{display: block;}
.nasa-vina-landing .data .sorta h2{color: var(--primary-color); margin: 0 0 20px 0; padding: 0 0 0 20px;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji>div{vertical-align: top;}

.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .nfo{width: 50%; padding-right: 20px;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .nfo .txt{color: white; background-color: var(--secondary-color); padding: 10px; min-height: 300px; position: relative;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .nfo .txt a{display: block; position: absolute; bottom: -20px; right: 0; background-color: white; color: var(--primary-color); border: 1px solid var(--primary-color); padding: 8px 15px; font-size: 20px; font-family: 'Myriad Pro Regular'; text-transform: uppercase; min-width: 90%; line-height: 25px;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .nfo .txt a i{position: absolute; font-size: 36px; right: 35px; top: 50%; transform: translateY(-50%); /*opacity: 0;*/}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .nfo .txt a:hover{opacity: 1 !important;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .nfo .txt a:hover i{opacity: 1; right: 28px;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .nfo p{padding-right: 50px;}

.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst > div{position: relative; padding-left: 100px; color: var(--secondary-color);}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst h5{color: var(--primary-color); margin: 0; text-transform: uppercase; font-size: 16px; font-weight: 200; }
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .boca{width: 100px; height: 400px; position: absolute; left: -50px; top: 0;object-fit: contain;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .arome{width: 100%; margin-top: 16px;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .boje{margin-top: 30px;}
/*.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .boje h5{margin: 0; text-transform: uppercase; font-size: 16px; font-weight: 200; }*/
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .boje > div{font-size: 0; text-align: center;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .boje > div > div{display: inline-block; width: 25%; font-size: 14px; position: relative; padding: 20px 5px;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .boje > div > div i{position: absolute; top: 0; left: 0; right: 0; height: auto; z-index: 1; line-height: 25px; font-family: 'Myriad Pro Light'; font-size: 16px;}



.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .posluzivanje{margin: 30px 0 0 0; /*text-align: right;position: absolute; bottom: -20px; right: -220px; width: 200px; padding: 0 20px; text-align: center;*/}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .posluzivanje img{height: 50px; vertical-align: middle; margin-left: 10px;}
.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .posluzivanje span{ font-family: 'Myriad Pro Light'; font-size: 20px;}
/*.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .posluzivanje h5{text-transform: uppercase; font-weight: 300; font-size: 14px; margin: 0 0 5px 0;}*/

.nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .arome-h{position: relative;}
/* .nasa-vina-landing .data .sorta .simple-tbl.sorta-detalji .prst .arome-h h5{position: absolute; left: 20px; top: 0; margin: 0; text-transform: uppercase; font-size: 16px; font-weight: 200;}
*/

.nasa-vina-landing .data .sorta.anim.hidden{opacity: 1; filter: sepia(100%) ;}
.nasa-vina-landing .data .sorta.anim{ transition: all 0.3s ease-in-out; filter: sepia(0);}


.grasevina-products h1{color: var(--primary-color);}
.grasevina-products.related{margin-top: 80px;}

.filters.h-filters{position: relative; z-index: 2;}
/*
.h-filters .filters-container h3{display: none;}
.h-filters .filters-container form{font-size: 0;}
.h-filters .filters-container .yith-wcan-filter{width: calc(14.2% - 10px); display: inline-block; font-size: 14px; margin-right: 10px; position: relative;}
.h-filters .filters-container .yith-wcan-filter h4{position: relative; margin: 0; padding: 8px 20px 7px 8px; background-color: var(--primary-color); color: white; border: 1px dashed white; font-weight: 200; line-height: 20px; font-size: 14px; text-transform: uppercase; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.h-filters .filters-container .yith-wcan-filter h4 i{font-size: 24px; float: none; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);}
.h-filters .filters-container .yith-wcan-filter .filter-content{padding: 0 8px; position: absolute; z-index: 10;  background-color: var(--primary-color); color: white; width: 100%;}
.h-filters .filters-container .yith-wcan-filter.active .filter-content{padding: 8px; padding-bottom: 8px !important;} 
.h-filters .filters-container .yith-wcan-filter.active .filter-content a{color: var(--secondary-color) !important;}
*/
.grasevina-products-list{font-size: 0;}
.grasevina-products-list article{display: inline-block; width: calc(20% - 65px); margin-right: 80px; margin-bottom: 80px; font-size: 16px; position: relative; font-family: 'Myriad Pro Regular';}
.grasevina-products-list article:nth-child(5n){margin-right: 0;}
.grasevina-products-list article .img{text-align: right;}
.grasevina-products-list article .img img{width:100px; height: 320px; object-fit: contain;}
.grasevina-products-list article a.titl{position: absolute; top: 0; left: 0; bottom: 25px; display: block; text-transform: uppercase; }
.grasevina-products-list article a.titl h4{transform: rotate(-90deg); transform-origin: center left;font-weight: 200; line-height:1; text-align: center; width: 20px; position: absolute; bottom: 12px; left: 10px; margin: 0; padding: 0;     width: 300px;text-align: left;}
.grasevina-products-list article a.titl h3{transform: rotate(-90deg); transform-origin: center left; position: absolute; bottom: -12px; left: 50px; font-weight: 200; color: var(--secondary-color); margin: 0; padding: 0; width: 300px; height: 60px;}
.grasevina-products-list article span.godina{position: absolute; bottom: 10px; left: 0; color: var(--secondary-color); font-size: 18px;}
.grasevina-products-list article .price-el-displ{background: var(--secondary-color); color: white; padding: 8px; position: relative; line-height: 1;}
.grasevina-products-list article .price-el-displ input{display: inline-block; margin: 0; padding: 0 3px; line-height: 38px; width: 50px; position: absolute; top: 50%; transform: translateY(-50%); right: 40px; border: none !important;}
.grasevina-products-list article .price-el-displ i.fad{cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; font-size: 24px; }
.grasevina-products-list article .price-el-displ i.s{display: block; font-size: 12px;}
.grasevina-products-list article .price-el-displ .loader-c{display: none;}
.grasevina-products-list article .price-el-displ.loading .loader-c{display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--secondary-color);}
.grasevina-products-list article .price-el-displ.loading .loader-c .loader{display: block; position: absolute; left: 0;  top: 0; bottom: 0; background-color: rgba(255,255,255,0.2);}

.grasevina-products .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item .checkboxbutton.checked:before{background-color: var(--secondary-color); border-color: var(--secondary-color);}

section.single-product.grasevina-product h1{color: var(--primary-color); font-size: 24px !important;     font-family: 'orkney', sans-serif !important;}
section.single-product.grasevina-product .cart-container a svg g circle{fill: var(--primary-color); }
section.single-product.grasevina-product .product-data .price span i{font-size: 12px;}



section.category .recenzije article{background-color: var(--primary-color); border: 1px solid var(--primary-color); padding: 10px !important; color: var(--secondary-color); }
section.category .recenzije article:nth-child(even){background-color: white; border: 1px solid var(--secondary-color);}
section.category .recenzije article>div>div{vertical-align: top;}
section.category .recenzije article>div>div.left{width: 50%;}
section.category .recenzije article>div>div.left .img{width: 100%; height: 220px; margin-bottom: 20px; position: relative !important;}
section.category .recenzije article>div>div.left .img img.w{position: absolute; right: -30px; bottom: -100px; height: 300px;}
section.category .recenzije article>div>div.left span.i{text-decoration: underline; font-size: 16px; line-height: 22px;}
section.category .recenzije article>div>div.left div.date{margin-top: 30px;  font-size: 18px;}
section.category .recenzije article>div>div.left div.date>span>span{display: inline-block !important; font-size: 18px}
section.category .recenzije article>div>div.left div.date .y{font-size: 12px;}
section.category .recenzije article .cont{padding:20px 20px 20px 35px !important;}
section.category .recenzije article .cont p{-webkit-line-clamp: 8 !important; height: auto; }
section.category .recenzije article .cont .lm{text-align: right;}
section.category .recenzije article .cont .lm img{height: 30px;}
section.category .recenzije article  h2{text-transform: uppercase; text-decoration: underline; font-size: 16px; margin: 20px 0 15px 0;}

.category-menu-h{margin-bottom: 50px;}
ul.category-menu{list-style: none; margin: 20px 0; padding: 0;display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: 20px;}
ul.category-menu li{margin: 0; padding: 0;}
ul.category-menu li a{display: block; line-height: 36px; padding: 0 10px; background-color: var(--primary-color); color: white; position: relative; border: 1px dashed white; font-size: 16px;}
ul.category-menu li a i{position: absolute; font-size: 24px; right: 8px; top: 50%; transform: translateY(-50%);}
ul.category-menu li.active a{border-color: var(--primary-color); color: var(--primary-color); background-color: white; }
ul.category-menu li.active a i:not(.rst){transform: rotate(90deg) translateX(-50%); }

ul.category-menu.with-reset li a i.rst{display: none;}
ul.category-menu.with-reset li.active a i{display: none;}
ul.category-menu.with-reset li.active a i.rst{display: inline;}


.articles-list-txt-vert article{font-size: 14px; position: relative; margin: 50px 0; padding: 20px 20px 20px 430px; background-color: var(--primary-color); color: white; min-height: 300px; overflow: visible; }
.articles-list-txt-vert article h2{/*writing-mode: vertical-lr;text-orientation: upright;*/ text-transform: uppercase; /*position: absolute; left: 20px; top: 20px; bottom: 20px;*/ font-size: 32px;text-decoration: underline; margin: 0; padding: 0 0 0 20px; font-size: 18px; font-weight: 200;}
.articles-list-txt-vert article .img{position: absolute;  height: calc(100% + 20px); left: 10px; bottom: 0; width: 400px; background-size: cover; background-position: center;}
.articles-list-txt-vert article .cont{color: var(--secondary-color); }
.articles-list-txt-vert article .nfo-rows{margin-top: 20px;}
.articles-list-txt-vert article .nfo-rows .simple-tbl>div{padding: 10px;}
.articles-list-txt-vert article .nfo-rows .t{width: 40%;}
.articles-list-txt-vert article .nfo-rows .t h4{color: white; font-size: 14px; font-weight: 200; margin: 0; padding: 0;  padding-left: 40%; text-transform: uppercase;}

.woocommerce form.checkout .form-row{margin-bottom: 25px;}

.wf-wines {padding-left:50px; position: relative;}
.wf-wines > *{vertical-align: middle; color: white;}
.wf-wines > i{font-size: 48px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.wf-wines > .wli{display: inline-block; width: calc(50% - 60px); margin-left: 20px;}
.wf-wines > .wli img{width: 60px;}
.wf-wines > .wli .i{width: 80px; vertical-align: middle;}
.wf-wines > .wli .d{vertical-align: middle; text-transform: uppercase; font-size: 14px; }
.wf-wines > .wli .d h4{margin: 0 0 5px 0; font-size: 18px; text-decoration: underline; font-weight: 400;}

.simple-articles-list{margin: 50px 0; display: grid;grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));gap: 20px;}
.simple-articles-list article{background-color: var(--secondary-color); color: white; padding: 30px;}
.simple-articles-list article h3{margin: 0 0 20px 0; font-size: 20px;}
.simple-articles-list article:nth-child(2), 
.simple-articles-list article:nth-child(4){background-color: var(--primary-color); color: var(--secondary-color); padding: 30px;}

.simple-articles-list article a{font-weight: bold;}
.simple-articles-list article:nth-child(2) a,
.simple-articles-list article:nth-child(4) a{color: #003049;}



.organizator-info #form > div{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 20px;}
.organizator-info #form span{display: inline-block; text-align: center; }
.organizator-info #form img{height: 100px ;width: auto; display: inline-block; max-width: 100%; }
.organizator-info #form .vp img{height: auto; margin-top: 20px;}

.popup-gallery{position: fixed; top: 0; left: 0; right: 0; bottom: 0; backdrop-filter: blur(6px); z-index: 999999; display: none; user-select: none;}
.popup-gallery article{display: none; position: absolute; background-color: white; box-shadow: 0px 0px 28px 5px rgba(0,0,0,0.75); width: 1000px; height: auto; max-height: 98%; transform: translate(-50%, -50%); top: 50%; left: 50%; }
.popup-gallery article>div.simple-tbl>.img{width: 30%; text-align: center; background-color: white; background-size: cover; background-position: center;}
.popup-gallery article>div.simple-tbl>.img img{height: 100%; max-height: 900px; max-width: 100%;}
.popup-gallery article>div.simple-tbl>.data{padding: 20px; vertical-align: top;}
.popup-gallery article>div.simple-tbl>.data > div{position: relative;}
.popup-gallery article>div.simple-tbl>.data > div > a{font-size: 16px; position: absolute; top: 10px; right: 10px;}
.popup-gallery article>div.simple-tbl>.data h3{margin: 0 0 30px 0; color: #71911b; font-size: 28px;}
.popup-gallery article>div.simple-tbl>.data ul{list-style: none; margin: 0 0 30px 0; padding: 0;}
.popup-gallery article>div.simple-tbl>.data ul li{display: inline-block; margin-right: 40px;}
.popup-gallery article>div.simple-tbl>.data ul li *{display: block;}
.popup-gallery article>div.simple-tbl>.data .dta>div{width: 50%; vertical-align: top;}
.popup-gallery i.nv{font-size: 48px;color: #222; position: absolute; top: 50%; margin-top: -24px; cursor: pointer; text-shadow: 0px 1px 8px rgba(0,0,0,0.6);}
.popup-gallery i.nv.l{left: -50px;}
.popup-gallery i.nv.r{right: -50px;}

.popup-gallery article>div.simple-tbl>.data .tbl-data h3{color: black; font-size: 18px; margin: 0;}
.popup-gallery article>div.simple-tbl>.data .tbl-data a{color: var(--primary-color); }


.tbl-art-single{}
.tbl-art-single>div{vertical-align: top;}
.tbl-art-single .right{width: 30%; padding-left: 40px; }
.tbl-art-single img{max-width: 100%; height: auto;}
.tbl-art-single h1{font-size: 36px; margin: 30px 0 0 0;}
.tbl-art-single .meta{padding: 15px 0; margin: 15px 0; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; }
.tbl-art-single .right .sidebar-articles h2{text-align: center; position: relative; margin: 0 0 20px 0;}
.tbl-art-single .right .sidebar-articles  h2 span{ position: relative; background: white; z-index: 2; display: inline-block; padding: 10px; border: 1px solid #DEDEDE;  font-size: 16px; line-height: 1;}
.tbl-art-single .right .sidebar-articles  h2:before{content:""; height: 1px; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #DEDEDE; z-index: 1; }

.tbl-art-single .right .seach-box{margin-bottom: 50px;}
.tbl-art-single .right .seach-box h2{font-size: 16px; margin: 0; padding: 0;}
.tbl-art-single .right .seach-box form{font-size: 0;}
.tbl-art-single .right .seach-box input{width: calc(100% - 80px); }
.tbl-art-single .right .seach-box button{width: 70px; margin-left: 10px; }

.sidebar-articles .articles{font-size: 0;}
.sidebar-articles .articles article{width: 100%; font-size: 16px; display: inline-block; margin-bottom: 30px; }
/*.sidebar-articles .articles article:nth-child(even){padding-left: 10px;}
.sidebar-articles .articles article:nth-child(odd){padding-right: 10px;}*/
.sidebar-articles .articles article img{object-fit: cover; aspect-ratio: 16/9; width: 100%; height: auto; }
.sidebar-articles .articles article h3{margin: 0; padding: 0; font-size: 16px; line-height: 20px; }

.lifestyle-jela .container {  display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    gap: 20px 20px;
    grid-auto-flow: row;
    grid-template-areas:
    "div1"
    "div2"
    "div3";
}
.lifestyle-jela .div1 { grid-area: div1; }
.lifestyle-jela .div2 { grid-area: div2; }
.lifestyle-jela .div3 { grid-area: div3; }

.lifestyle-jela article.full {box-shadow: 1px 0px 17px 0px rgb(0 0 0 / 20%);}
.lifestyle-jela article.full .simple-tbl>.left{width: 500px;}
.lifestyle-jela article.full .simple-tbl>.left img{width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; display: block;}
.lifestyle-jela article.full .simple-tbl>div{vertical-align: top;}
.lifestyle-jela article.full .simple-tbl>.right{padding: 20px; }
.lifestyle-jela article.full .simple-tbl h2{margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #DEDEDE;}

.lifestyle-jela .div3{font-size: 0; }
.lifestyle-jela article.sm{width: calc(33.3% - 13px); margin-left: 20px; display: inline-block;}
.lifestyle-jela article.sm:first-child{margin-left: 0;}
.lifestyle-jela article.sm img{width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover}
.lifestyle-jela article.sm h2{margin: 10px 0 0 0; padding: 0; font-size: 16px;}
.lifestyle-jela article.sm{margin-bottom: 15px;}
.lifestyle-jela article.sm:last-child{margin-bottom: 0;}




.hamburger-menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.hamburger-line {
  fill: none;
  stroke: var(--secondary-color);;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.hamburger-line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.hamburger-line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.hamburger-line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .hamburger-line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .hamburger-line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .hamburger-line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}


.control {
   
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 16px;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 24px;
    width: 24px;
    background: #ffffff;
    border: 1px solid #DDDDDD;
    border-radius: 0px;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #EEEEEE;
}

.control input:checked ~ .control_indicator {
    background: var(--primary-color);
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 9px;
    top: 4px;
    width: 3px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}



.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 40px;
}
.lds-ellipsis div {
  position: absolute;
  top: 23px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--primary-color);;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


.preloader8 {
   width:30px;
   height:30px;
   display:inline-block;
   padding:0px;
   text-align:left;
}
.preloader8 span {
   position:absolute;
   display:inline-block;
   width:30px;
   height:30px;
   border-radius:100%;
   background:#000000;
   -webkit-animation:preloader8 1.6s linear infinite;
   animation:preloader8 1.6s linear infinite;
}
.preloader8 span:last-child {
   animation-delay:-0.8s;
   -webkit-animation-delay:-0.8s;
}
@keyframes preloader8 {
   0% {transform: scale(0, 0);opacity:0.5;}
   100% {transform: scale(1, 1);opacity:0;}
}
@-webkit-keyframes preloader8 {
   0% {-webkit-transform: scale(0, 0);opacity:0.5;}
   100% {-webkit-transform: scale(1, 1);opacity:0;}
}


.preloader4 {
   width:30px;
   height:30px;
   display:inline-block;
   padding:0px;
   border-radius:100%;
   border:2px solid;
   border-top-color:var(--primary-color);
   border-bottom-color:white;
   border-left-color:var(--primary-color);
   border-right-color:white;
   -webkit-animation: preloader4 0.8s linear infinite;
   animation: preloader4 0.8s linear infinite;
}
@keyframes preloader4 {
   from {transform: rotate(0deg);}
   to {transform: rotate(360deg);}
}
@-webkit-keyframes preloader4 {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(360deg);}
}




@keyframes pulse {
	0% {
		transform: scale(0.8);
	}

	70% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(0.8);
	}
}


@keyframes slickDotActive {
	0% {
		background-color: rgba(255,255,255,1);
	}

	33% {
		background-color: var(--secondary-color);
	}
	
	66% {
		background-color: var(--primary-color);
	}

	100% {
		background-color: rgba(255,255,255,1);
	}
}