@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*{transition:background-color 150ms linear 0}
html{font-size:62.5%;min-width:320px;height:100%}
body{min-width:100%;min-height:100%;margin:0;padding:0;font-family: 'Poppins', sans-serif;color: #222;font-size: 14px;font-weight: 400;letter-spacing: 1.2px;line-height:3.1rem;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:all .2s cubic-bezier(0,0,0.3,1);transition:all .2s cubic-bezier(0,0,0.3,1);background:#fff}
/*---------------------------------
	MISCELLANEOUS
-----------------------------------*/
a{color:#C5563F;text-decoration:none;outline:0}
:focus{outline:none}
a.nocolor{color:#000}
a:hover,a.nocolor:hover{color:#FF5C40}
p{margin-bottom:1.25em}
strong{font-weight:500}
italic{font-family: 'Playfair Display', serif;font-style:italic}
.italic{font-style:italic}
.align-center{text-align:center}
.align-left{text-align:left}
.align-right{text-align:right}
.block{display:block}
.bottom{margin-bottom:0;padding-bottom:0}
.center{text-align:center}
.clear{clear:both}
.first{margin-left:0;padding-left:0}
.hidden{visibility:hidden}
.highlight{background:#F4C436;color:#000;font-size:1.1em}
.inline{display:inline}
.last{margin-right:0;padding-right:0}
.left{float:left}
.none{display:none}
.nowrap{white-space:nowrap}
.right{float:right}
.stretch{width:100%}
.visible{visibility:visible}
.relativ{position:relative}
.pad100 {padding:100px}
.pad50 {padding:50px}
.padtb30{padding:30px 0}
.padtb50{padding:50px 0}
.padtb100{padding:100px 0}
.padtop30{padding-top:30px}
.padtop50{padding-top:50px}
.padtop100{padding-top:100px}
.padtop85{padding-top:85px}
.padbot20{padding-bottom:20px}
.padbot30{padding-bottom:30px}
.padbot50{padding-bottom:50px}
.padbot100{padding-bottom:100px}
.martop50{margin-top:50px}
.martop100{margin-top:100px}
.martop85{margin-top:85px}
.marbot50{margin-bottom:50px}
.marbot100{margin-bottom:100px}
.martb100{margin:100px 0}
.martb30{margin:30px 0}
.martopbot50{margin:50px 0}
.marR15{margin-right: 15px}
.justify {text-align: justify}
small,.text_small{font-size:.707em}
/*---------------------------------
	HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h5{margin:2.75rem 0 1rem;font-weight:500;letter-spacing:1px;color:#000}
h1{margin:0;font-family: 'Playfair Display', serif;font-size: 24px;line-height:40px;font-weight:600;letter-spacing:1px;}
h2{font-size:22px;line-height:34px;}
h3{font-size:20px;line-height:32px;}
h4{font-size:15px;line-height:27px;}
h5{font-size:14px;line-height:27px;}
h2.long{font-size:18px;line-height:30px;}
h2.h2deu{font-size: 20px;line-height: 32px;letter-spacing: 0}

/*---- GLAVA ----*/
.bar{width:100%;height:32px;background:#676767;color:#ddd;font-size:12px;letter-spacing:1px}
.bar ul{display: flex; justify-content: center;list-style-type:none;text-align:center}
.bar ul>li{display:inline-block;margin:0 10px;}
.bar ul li a{color:#ddd!important;padding:0 10px; line-height: 32px;}
.bar ul li:hover, .bar a:hover{color:#fff!important;}

header{width:100%;background: #fff; position:relative;z-index:3;}
#home{display:flex;justify-content:center;padding:30px 0 10px}

.logo{width:200px;margin:0}

.logo-s, h1.mobile-description{display:none}

.woocommerce-products-header{ z-index: initial; }

/* = home ----*/
.frame{padding:80px;text-align: center}
.centrirati{ justify-content: center; }

.welcome {padding-top: 80px;margin: 0 auto;width: 100%;}
.img-sha {-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.white {width: 100%;overflow: hidden;padding:30px 50px;background: rgba(255,255,255,.5);border-radius: 5px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
/*---- bg image ----*/
.para1 {width:100%; display: flex;margin-top:15px;  background:url(../images/bgd.jpg) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#EEF3D7}
@media all and (max-width: 1600px) {
.para1 {background:url(../images/bgd-16.jpg) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}	
}
@media all and (max-width: 1400px) {
.para1 {background:url(../images/bgd-14.jpg) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}	
}
@media all and (max-width: 1280px) {
.para1 {background:url(../images/bgd-1280.jpg) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}	
}
@media all and (max-width: 1023px) {
.para1 {background:none}	
}
.bez {width:100%; background:url(../img/bez.svg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#FCFAF7;padding-bottom: 50px}
.oblaci {width:100%; display: block;padding: 100px 0; background:url(../images/clouds.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
/* = ostale stranice ----*/
/*
.page {width:100%; display: flex;margin-top:15px;  background:url(../images/page.jpg) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}*/
.page-1 {width:100%; display: flex;margin-top:15px;  background:url(../images/bg-sherif.jpg) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
.page-6 {width:100%; display: flex;margin-top:15px;  background:url(../images/bg-acupuntura.jpg) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
.page-2 {width:100%; display: flex;margin-top:15px;  background:url(../images/back.jpg) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
.page-3 {width:100%; display: flex;margin-top:15px;  background:url(../images/bg-1.jpg) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
.page-4 {width:100%; display: flex;margin-top:15px;  background:url(../images/bg-rukja.jpg) no-repeat bottom center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
.page-5 {width:100%; display: flex;padding: 100px 0;margin-top:15px;  background:url(../images/back-5.jpg) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
@media all and (max-width: 1023px) {
.page-4 {width:100%; display: flex;margin-top:15px;  background:url(../images/bg-rukja-s.jpg) no-repeat bottom center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}	
}
.dine {width:100%; padding: 100px 0; background:url(../images/dine.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
.page-1 h1,.page-2 h1,.page-3 h1,.page-4 h1,.page-6 h1,.kontakt {padding: 120px 10px}

h3.zovi span, h3.zovi a {color:#8CC53F!important;}
h3.zovi span:hover, h3.zovi a:hover {color:#7C8D2B!important;}
.film {width:100%; padding: 50px 0; background:url(../images/film.jpg) no-repeat bottom right fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
p.title-box{font-size:17px;margin:0;padding: 5px 15px;color: #fff;background: #8CC53F}
h3.title-box{font-size:17px;margin:30px 0;padding: 5px 15px;color: #fff;background: #8CC53F}
a.vazno{display: block; font-size:17px;margin:30px 0;padding: 5px 15px;color: #fff;background: #8CC53F}
a.vazno:hover{color: #fff;background: #394114}

ul.lista{margin-bottom:50px;}
ul.lista li{margin-bottom:12px;padding:0 }

ol.lista{margin-bottom:50px;}
ol.lista li{margin-bottom:12px;padding:0 }
.red{color:#FF0000!important;}

.welcome2 {display: flex;align-items: flex-start; padding:0;margin: 0;width: 100%;}
.bg-funG {background-image: url(../images/trokutG.png);background-size: 100%;background-position: top center;background-repeat: no-repeat;}
.bg-funB {background-image: url(../images/trokutB.png);background-size: 100%;background-position: bottom center;background-repeat: no-repeat;}

.health{width:100%; padding: 100px 0; background: #F5EFEF}
.white2 {width: 100%;overflow: hidden;padding:100px;background: #fff;border-radius: 5px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.pink-frame{width: 100%;overflow: hidden;padding: 50px;background: #fff;border:solid 50px #F0E0E1}
.art{width:200px;margin: 30px auto 15px}
/* -------------- kontakt -------------------- */
.kontakt {width:100%; display: flex;margin-top:15px;  background:url(../images/back-kontakt.jpg) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
.white5 {width: 100%;overflow: hidden;padding:30px 50px;background:#fff;box-shadow:inset 0 0 0 0 #fff,inset 0 0 0 1px #c0c0c0,inset 0 0 0 2px #fff,inset 0 0 0 3px #c0c0c0,inset 0 0 0 4px #fff,inset 0 0 0 5px silver;color:#000}

.kontakt1,.kontakt2{width:100%;float:none;min-height:100px;position:relative;background:#fff;padding:3em;display:block;box-shadow:inset 0 0 0 0 #fff,inset 0 0 0 1px #c0c0c0,inset 0 0 0 2px #fff,inset 0 0 0 3px #c0c0c0,inset 0 0 0 4px #fff,inset 0 0 0 5px silver;color:#000}
ul.kontakt-info li{display:block;padding:5px 20px 20px 5px;font-size: 16px;line-height: 24px}
ul.kontakt-info span{float:left;display:block;font-size:20px; margin-right: 15px}

.pin{ width: 30px; height: 30px; border-radius: 50% 50% 50% 0; background: #FF0000; position: absolute; transform: rotate(-45deg); left: 45%; top: 40%; margin: -20px 0 0 -20px; z-index: 99; }.pin:after{ content: ""; width: 14px; height: 14px; margin: 8px 0 0 8px; background: #ffff00; position: absolute; border-radius: 50%; }.bounce{animation-name:bounce;animation-fill-mode:both;animation-duration:1s;}.pulse{ background: #0033FF; border-radius: 50%; height: 14px; width: 14px; position: absolute; left: 45%; top: 40%; margin: 11px 0px 0px -12px; transform: rotateX(55deg); z-index: 97; }.pulse:after{ content: ""; border-radius: 50%; height: 40px; width: 40px; position: absolute; margin: -13px 0 0 -13px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 0; box-shadow: 0 0 1px 2px #FF0000; animation-delay: 1.1s; z-index: 99; }@keyframes pulsate{0%{transform:scale(0.1, 0.1);opacity:0;} 50%{opacity:1;} 100%{transform:scale(1.2, 1.2);opacity:0;}}@keyframes bounce{0%{opacity:0;transform:translateY(-2000px) rotate(-45deg);} 60%{opacity:1;transform:translateY(30px) rotate(-45deg);} 80%{transform:translateY(-10px) rotate(-45deg);} 100%{transform:translateY(0) rotate(-45deg);}}
/* VIDEO */
.responsive-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.responsive-video{position:relative;padding-bottom:56.25%;height:0}

/*---- animirana linija ----*/
.line{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center;position:relative;-webkit-transition:1s;transition:1s}
.line:after{position:absolute;z-index:2;-webkit-transition:1s;transition:1s;content:'';width:0;left:50%;bottom:-4px;height:1px;background:#FF5C40}
.line:hover{cursor:pointer}
.line:hover:after{width:100%;left:0}



/* IMAGE EFFECT */
.item-cont{overflow:hidden;display:inline-block;width:100%}
.item-cont img {width:100%}
.item-cont a {display:block;position:relative;color:#FFF;border-color:#fff;font-size:20px;}
.item-cont a .item-content{position:absolute;width:100%;cursor:pointer;height:100%;text-align:center;top:0;left:0;opacity:1;}
.item-cont a .item-content:before{border-top:1px solid;border-bottom:1px solid;-webkit-transform:scale(0, 1);transform:scale(0, 1);opacity:0;}
.item-cont a .item-content:after{border-left:1px solid;border-right:1px solid;-webkit-transform:scale(1, 0);transform:scale(1, 0);opacity:0;}
.item-cont a .item-content:before,.item-cont a .item-content:after{border-color:#fff;position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:'';opacity:0;-webkit-transition:opacity 1.2s, -webkit-transform 1.2s;transition:opacity 1.2s, transform 1.2s;}
.item-cont a .item-content .text-cont{width:100%;opacity:0;position: relative}
.item-cont a .item-content .text-cont em{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);font-size: 16px;text-align: center; color:#fff; font-style: normal; font-weight: 700; margin: 0;padding: 0}
.item-cont a .item-content .text-cont em{  opacity: 0; }
.item-cont a:hover .item-content .text-cont em{ opacity:1;
  transition: opacity .8s ease-in;
  -moz-transition: opacity .8s ease-in;
  -webkit-transition: opacity .8s ease-in;
  -o-transition: opacity .8s ease-in; }
.item-cont a .item-content .align-content{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.item-cont a .figa{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform 0.8s;transition:transform 0.8s;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);}
.item-cont a .figa:after{position:absolute;width:100%;height:100%;left:0;top:0;content:"";background-color:rgba(5,40,0,0.3);opacity:0;}
.item-cont a .figa img{max-width:100%;height:auto;display:block;}
.item-cont a:hover .figa{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item-cont a:hover .figa:after{opacity:1;}
.item-cont a:hover .item-content{opacity:1;}
.item-cont a:hover .item-content:before,.item-cont a:hover .item-content:after{border-color:#fff;}
.item-cont a:hover .item-content:before{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.item-cont a:hover .item-content:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.item-cont a:hover .item-content .text-cont{opacity:1;}
.max600 {width: 100%;max-width: 600px;display: block;padding-bottom: 40px;padding-top: 40px;margin-left: auto;margin-right: auto;}
@media only screen and (max-width:767px){
.paddtop100 {padding-top: 40px;}
}
@media only screen and (max-width:767px){
.item-cont a .item-content .text-cont p{font-size: 80%;}
.item-cont a .item-content .text-cont p.small{font-size:68%;}
.paddtop100 {padding-top: 30px;}
	.back-to-top{ position: fixed; bottom: 10px; right: 5px; }
}
@media only screen and (max-width:480px){
.item-cont a .item-content .text-cont p{font-size: 70%;}
.item-cont a .item-content .text-cont p.small{font-size:60%;}
.paddtop100 {padding-top: 20px;}
	.slick-line{padding:2rem;}
}
@media only screen and (max-width:400px){
.item-cont a .item-content .align-content{position:relative;top:30%;transform:translateY(-30%);-webkit-transform:translateY(-30%);-moz-transform:translateY(-30%);}
.item-cont a .item-content .text-cont p.small{font-size:40%;}
}
/* DUGME sa animiranom crtom */
.boxrela{position:relative;width:300px;display:block;margin-bottom:20px;height:40px;float:right;margin-right:40px;margin-top:10px}
.bouton{position:absolute;top:0;margin-left:-200px;right:0}
.bouton:hover{cursor:pointer}
.line2{position:relative;float:left;padding:20px 80px;background-color:#8CC53F;transform:scale(0.5,0.05);animation-name:line-out;animation-duration:.3s}
.text{font-weight:400;float:left;position:relative;line-height:40px;color:#000;font-style: italic; letter-spacing:1px;animation-name:text-out;animation-duration:.3s}
.text span{font-size:16px;line-height:0}

.text-slo{font-weight:400;float:left;position:relative;line-height:40px;color:#000;font-style: italic; letter-spacing:1px;animation-name:text-out;animation-duration:.3s}
.text-slo span{font-size:16px;line-height:0}

.bouton:hover .line2{animation-name:line-in;animation-duration:.3s;animation-fill-mode:forwards}
@keyframes line-in {
0%{left:0;transform:scale(0.5,0.05)}
50%{left:50%;transform:scale(1,0.05)}
75%{left:50%;transform:scale(1,0.05)}
100%{left:50%;transform:scale(1,1)}
}
@keyframes line-out {
0%{left:50%;transform:scale(1,1)}
50%{left:50%;transform:scale(1,0.05)}
75%{left:50%;transform:scale(1,0.05)}
100%{left:0;transform:scale(0.5,0.05)}
}
.bouton:hover .text, .bouton:hover .text-slo{animation:text-in .3s ease-out forwards}
@keyframes text-in {
50%{color:#000}
100%{color:#fff}
}
@keyframes text-out {
50%{color:#000}
}
/*-------------- Scroll Top --------------------*/
.arrow{margin-top: 25px; display:inline-block;height:12px;position:relative;width:12px;}
.arrow::after{border-bottom-style:solid;border-bottom-width:2px;border-right-style:solid;border-right-width:2px;content:'';display:inline-block;height:12px;left:0;position:absolute;top:0;width:12px;}
.arrow.is-top{-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.arrow::after,.arrow .arrow::after{border-color:#fff;}
#scroll-Top .return-to-top{position:fixed;right:10px;bottom:10px;display:none;width:48px;line-height:48px;height:48px;text-align:center;cursor:pointer;background:#394114;border-radius:50%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;z-index:2}
#scroll-Top .return-to-top:hover{background:#FF5C40}
#scroll-Top .return-to-top span{position:relative;bottom:0;animation-name:top;animation-direction:alternate;animation-iteration-count:infinite;animation-duration:1s}
@keyframes top {
0%{bottom:0}
100%{bottom:7px}
}
/* FOOTER */

#footer{ display: flex; align-items: center;justify-content: center;width:100%;min-height:80vh;background:url(../images/footer-21.jpg) no-repeat bottom center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#EEF3D7;position: relative}

.footer{letter-spacing: 1px; align-self: flex-end;width:100%;text-align:center;color: #000;padding:40px 10px 40px;font-size:13px;background-color: rgba(238,232,215,.9);-webkit-box-shadow: inset 0px 1px 1px 0px rgba(60,68,21,0.2); -moz-box-shadow: inset 0px 3px 3px 0px rgba(60,68,21,0.1);box-shadow: inset 0px 5px 5px 0px rgba(60,68,21,0.2);}

ul.footer-info li{display:inline-block;padding:10px; color:#000;}
ul.footer-info li a{color:#000}
ul.footer-info li a:hover{color:#B20000}
ul.footer-info span{float:left;display:inline-block;font-size:14px; color:#394114;padding-top: 7px; margin-right: 5px}

#copyright, #copyright a{font-size:13px;line-height: 2.2rem;display:inline-block;position:relative;color:#394114;text-decoration:none;}
#copyright {text-align: center}
#copyright a:hover{color:#B20000;}
#copyright a:after{content:'';display:block;margin:auto;height:1px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}
#copyright a:hover:after{width:100%;background:red}
.nobig, .notab{display: none}
/* = RESPONSIVE ----*/

@media all and (max-width: 1023px) {	
.bar {display: none!important;}
header{border-bottom: none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}	
#home{display:none}	
.logo-s {height: 46px !important;display: block;float: left;margin:4px 15px 5px 30px}
h1.mobile-description {display: block; font-size:11px;font-weight:400;text-transform:uppercase;line-height:16px;letter-spacing: 2px; color:#FFF;padding-top: 14px;}	
h1.mobile-description span{letter-spacing: 2px;}
.para1 {margin-top:0;}	
.frame{padding:60px 10px 0;}
.frame h1{font-size: 24px;line-height:36px;letter-spacing:1px;}
.frame h2{font-size:20px;line-height:32px;}
.padtb100{padding:50px 0}	
.white {background: rgba(255,255,255,.8);}	
.white2 {padding:50px;}	
.pink-frame{padding: 40px;border:solid 40px #F0E0E1}	
}
@media only screen and (max-width: 768px) {
body{font-size: 13px; letter-spacing: 1px;line-height: 24px;}	
h1{font-size: 24px;line-height:36px;}
h2{font-size:19px;line-height:34px;}
h3{font-size:17px;line-height:32px;}
h1.mobile-description {letter-spacing: 1px;}	
h1.mobile-description span{letter-spacing: 1px;}
#frame1{width:96%;margin:15px auto; padding:8px;}
.frame h1{font-size: 22px;line-height:34px;letter-spacing:0;}
.frame h2{font-size:18px;line-height:30px;}	
.welcome {padding-top: 20px;}
.padtb100{padding:30px 0}	
	.white {padding:20px 30px;}
	.white2 {padding:30px;}	
	.pink-frame{padding: 30px;border:solid 30px #F0E0E1}
#footer{ display: flex; align-items: center;justify-content: center;width:100%;min-height:auto;background:none;}
	.nobig{display: block}
}
@media only screen and (max-width: 480px) {
.logo-s {width: 36px;margin:7px 20px}	
h1.mobile-description {font-size:10px;line-height:14px;padding-top: 12px;}	
#frame1{width:98%;margin:5px auto; padding:5px;}
.framebg{padding:25px}
.frame h1{font-size: 20px;line-height:32px;}
.frame h2{font-size:17px;line-height:29px;}	
.white2 {padding:20px;}	
.pink-frame{padding: 20px;border:solid 20px #F0E0E1}
.notab{display: block}
.nobig{display: none!important;}	
}

@media only screen and (max-width: 360px) {
.logo-s {width: 32px;margin:9px 10px}
h1.mobile-description {font-size:9px;}	
h1.mobile-description {letter-spacing: .5px;}	
h1.mobile-description span{letter-spacing: .5px;}
	.white2 {padding:10px;}	
	.pink-frame{border:solid 10px #F0E0E1}	
}
ul.cupp{text-align: center}
ul.cupp li {display: inline-block;margin: 15px 5px;text-align: center;}
ul.cupp li a {font-size:13px; text-align: center; color:#686868;background: #fff;transition: background 0.5s ease;padding: 12px 10px;border:solid 1px #8CC53F;}
ul.cupp li a:hover {color:#fff;background: #8CC53F;}

@media only screen and (max-width: 992px) {
ul.cupp {display: block;}
ul.cupp li {display: block;margin: 20px auto;}
ul.cupp li a {display: block; margin: 0 auto; width:250px}	
}

.cbp-qtrotator{width:100%;position:relative;float:left;margin:0;padding:11px;}
.cbp-qtrotator::before{content:"\201C";background-color:#FFF;border-radius:50%;width:75px;height:75px;font-size:60px;font-weight:700;font-style:normal;color:#8CC53F;text-align:center;line-height:93px;position:absolute;left:-20px;top:20px}
.cbp-qtcontent{width:100%;height:auto;position:absolute;min-height:180px;top:0;z-index:2;display:none}
.cbp-qtrotator .cbp-qtcontent.current{display:block}
.cbp-qtrotator blockquote{margin:40px 0 0;padding:0}
.cbp-qtrotator blockquote p{font-size:1em;margin:.4em 0 1em;text-indent:40px;}
.cbp-qtrotator blockquote footer{font-size:1em;font-style: italic}
.cbp-qtrotator blockquote footer:before{content:'― '}
.cbp-qtprogress{position:absolute;background:#8CC53F;height:1px;width:0;z-index:1000}
.cbp-qtrotator blockquote .autor{font-size:1em;font-style: italic}
.cbp-qtrotator blockquote .recenzije{width: 80px; display: inline-block;padding: 0 10px}
.stars{width:60px;}	

h3.redtm{font-size:17px;color:#CC0000}
h4.redtm{font-size:15px;font-weight: 700; color: #000;margin-top:15px}

.forte,.red.forte strong{font-weight:900}

.max565{width:100%;max-width: 565px;margin: 10px auto}

.hl{background: #DCEDC5;padding:2px 10px}
.hl2{background: #DEECF1;padding:2px 10px}

ul.lista{margin:1em 0}
ul.lista li{margin-bottom:10px;padding:0 0 0 20px;background:transparent url(../img/aro.png) no-repeat scroll left 9px}
ul.lista2{margin:1em 2em;display:block}
ul.lista2 li{background:url(../img/bull2.png) no-repeat 0 10px;padding:0 0 0 15px;display:block}
ul.lista2 li a{color:#00f;list-style:none;margin:0 0 16px;line-height:26px}
ul.lista2 li a:hover{color:#f12200}

a.dugme{background: #8CC53F;color:#fff;font-weight: 500; text-align: center;margin: 10px auto;padding: 8px 20px;display: block; max-width: 220px;transition: background-color 0.5s ease;}
a.dugme:hover{background: #618929;color:#FFEFBF;text-shadow: 0 1px 2px #000000;}


/** WOOCOMMERCE **/
.wc-block-product-categories-list--depth-1 {
	padding-left: 20px;
}

ul.wc-tabs{
	display: flex;
	justify-content: center;
}

/** WOOCOMMERCE END **/

/* Category grid wrapper */
.category_pages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* Individual post card */
.category_pages .post {
    display: flex;
    margin-bottom: 20px;
}

/* Make entire card clickable */
.category_pages .post a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
}

/* Thumbnail */
.category_pages .post img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    margin-bottom: 1rem;
}

/* Title */
.category_pages .post h2 {
    font-size:20px;
    line-height: 22px;
    margin: 0 0 1.5rem;
    min-height: calc( 22px * 2); /* reserve 2 lines */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Excerpt */
.category_pages .post .excerpt {
    color: #555;
    margin: 0;
    font-size:12px;
}

/* Hover state (subtle) */
.category_pages .post a:hover h2 {
    text-decoration: underline;
}

/* Tablet */
@media (max-width: 1024px) {
    .category_pages {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .category_pages {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}