@charset "utf-8";

:focus { outline: none; }
input[type=text]:focus,
input[type=password]:focus, textarea:focus { outline: 0 none; }
body, html { height: 100%; min-height: 100%; font-weight: normal; font-style:normal; }
input, textarea, select { -webkit-appearance: none; }
input, textarea, select { -webkit-border-radius: 0; border-radius: 0; }
body, nav, ul, li, a {margin:0;padding:0;}
html, html a {
    -webkit-font-smoothing: antialiased !important;
	-webkit-text-size-adjust: none;
	}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
body {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(19, 19, 19, 1);
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
	text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	scroll-behavior: smooth;
	}
strong {
	font-weight: 500;
}
.image-logo, .image-icon, .image-icon-no, .image-sort, .image-big, .image-share, .image-product, .image-text, .img-share-foot, .img-cvrcak-wp {
	width: auto;
	height: auto;
	border: none;
	opacity: 1;
	}
.image-logo {
	height: 50px;
	}
.image-icon {
	width: 35px;
	height: 35px;
	}
.image-icon-no {
	width: 20px;
	height: 20px;
	}
.image-sort {
	width: 20px;
	height: 20px;
	}
.image-big {
	width: 280px;
	height: 399px;
	}
.image-share {
	width: 24px;
	height: 24px;
	}
.image-icon:hover, .image-sort:hover, .image-share:hover {
	opacity: 1;
	}
.image-product {
	width: 140px;
	height: 200px;
	}
.image-text {
	width: 320px;
	height: 320px;
	}
.img-share-foot {
	height: 20px;
	}
.img-share-foot:hover {
	opacity: 1;
	}
.img-cvrcak-wp {
	height: 100px;
	}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: header ---------- */

#header, #header-top, #header-top-u, #header-top-01, #header-top-02, 
#header-middle, #header-middle-u, #header-logo, #navigation, #navigation > a.nav-link, 
#header-basket, #header-account, #header-search, #header-basket-01, #header-basket-alert, #header-account-01, #header-search-01, #header-search-02, 
.class-h001 a:link, .class-h001 a:visited, .class-h001 a:active, .class-h001 a:hover, img {
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#header, #header-top, #header-top-u, #header-top-u, #header-top-01, #header-top-02, 
#header-middle, #header-middle-u { 
	position: relative;
	width: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	display: block;
	z-index: 1;
}
#header {
	height: 180px;
	background-color: rgba(255, 255, 255, 0);
	z-index: 100;
	}
#header-top {
	height: 60px;
	background-color: rgba(33, 54, 124, 1);
	}
#header-top-u {
	max-width: 100%;
	height: 50px;
	top: 7px;
	display: block;
	}
#header-top-01, #header-top-02 {
	width: 260px;
	height: auto;
	top: 0px;
	display: block;
	}
#header-top-01 {
	margin-left: 20px;
	text-align: left;
	float: left;
	}
#header-top-02 {
	margin-right: 0px;
	text-align: right;
	top: 30px;
	float: right;
	display: none;
	}
#header-middle {
	height: 120px;
	background-color: rgba(255, 255, 255, 1);
	}
#header-middle-u {
	max-width: 100%;
	height: 120px;
	}
#header-logo {
	position: absolute;
	width: auto;
	height: 50px;
	left: 20px;
	top: 10px;
	text-align: left;
	z-index: 4;
	background-color: rgba(255, 255, 255, 0);
	}
#navigation {
	position: relative;
	width: auto;
	height: 30px;
	top: 80px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 40px;
	color: rgba(33, 54, 124, 1);
	background-color: rgba(255, 255, 255, 0);
	list-style-type: none;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	display: none;
	float: right;
	z-index: 1;
	}
#navigation > a.nav-link {
	height: 30px;
	padding-left: 25px;
	padding-right: 0px;
	color: rgba(33, 54, 124, 1);
	text-decoration: none;
	display: inline-block;
	}
#navigation > a.nav-link.active {
	font-weight: 400;
	color: rgba(108, 190, 69, 1);
	}
#navigation > a.nav-link:hover {
	font-weight: 400;
	color: rgba(108, 190, 69, 1);
	}
#navigation > a.nav-link:active {
	font-weight: 400;
	color: rgba(108, 190, 69, 1);
	}
#header-basket, #header-account, #header-search {
	position: absolute;
	background-color: rgba(255, 255, 255, 1);
	width: 35px;
	height: 35px;
	top: 23px;
	display: block;
	z-index: 101;
	}
#header-basket {
	right: 20px;
	}
#header-account {
	right: 64px;
	}
#header-search {
	width: 230px;
	right: auto;
	top: 75px;
	left: 20px;
	display: block;
	}
#header-basket-01, #header-account-01, #header-search-01, #header-search-02  {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 35px 35px;
	width: 35px;
	height: 35px;
	top: 0px;
	display: block;
	z-index: 1;
	}
#header-basket-01 {
	background-image: url(img/basket-02.png);
	right: 0px;
	display: block;
	z-index: 3;
	}
#header-basket-alert {
	position: absolute;
	width: 35px;
	height: auto;
	text-align: center;
	top: 10px;
	left: 0px;
	display: block;
	z-index: 2;
	}
#header-account-01 {
	background-image: url(img/account-02.png);
	right: 0px;
	display: block;
	}
#header-search-01 {
	background-image: none;
	width: 20px;
	height: 20px;
	top: 6px;
	left: 170px;
	right: auto;
	display: block;
	z-index: 3;
	}
#header-search-02 {
	background-image: none;
	width: 210px;
	left: 0px;
	right: auto;
	display: block;
	z-index: 2;
	}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: header class ---------- */

.txt-h001, .txt-h002, .txt-h003, .txt-h004, .txt-h005 {
	font-size: 14px;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	}	
.txt-h001 {
	text-align: left;
	}	
.txt-h002 {
	font-weight: 500;
	text-align: right;
	}	
.txt-h003 {
	font-weight: 500;
	color: rgba(201, 37, 43, 1);
	}	
.txt-h004 {
	font-weight: 500;
	color: rgba(252, 238, 33, 1);
	}		
.txt-h005 {
	font-weight: 500;
	text-align: left;
	}
.class-h001 a:link, .class-h001 a:visited, .class-h001 a:active, .class-h001 a:hover {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	display: inline-block;
	}
 .class-h001 a:hover { 
	color: rgba(252, 238, 33, 1);
	}
.input-h001, .input-h002 { 
	position: relative; 
	float: left;
	width: 200px;
	height: 32px;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	color: rgba(33, 54, 124, 0.5);
	font-size: 14px;
	line-height: 22px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	outline: 0;
	outline: none;
	border: solid 1px rgba(33, 54, 124, 1);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.input-h002 { 
	color: rgba(201, 37, 43, 1);
	}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: footer ---------- */

#footer, #footer-u, #footer-01, #footer-02, #footer-03, #footer-04, #footer-05, #footer-copy, 
#share-foot-top, #share-foot-f, #share-foot-i, #share-foot-l, #cvrcak-WP, 
.class-f001 a:link, .class-f001 a:visited, .class-f001 a:active, .class-f001 a:hover, 
.class-f002 a:link, .class-f002 a:visited, .class-f002 a:active, .class-f002 a:hover, 
.class-f003 a:link, .class-f003 a:visited, .class-f003 a:active, .class-f003 a:hover, img {
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#footer, #footer-u, #footer-01, #footer-02, #footer-03, #footer-04, #footer-05, #footer-copy, 
#share-foot-top, #share-foot-f, #share-foot-i, #share-foot-l, #cvrcak-WP  { 
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	display: block;
}
#footer {
	margin-top: 0px;
	background-color: rgba(33, 54, 124, 1);
	}
#footer-u {
	max-width: 300px;
	margin-top: 20px;
	margin-bottom: 40px;
	}
#footer-01 {
	width: 260px;
	min-height: 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: rgba(255, 255, 255, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	}
#footer-02 {
	width: 880px;
	min-height: 60px;
	margin-top: 40px;
	margin-left: 60px;
	margin-right: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	display: none;
	}
#footer-03 {
	width: 280px;
	min-height: 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255, 255, 255, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	}
#footer-04 {
	width: 280px;
	min-height: 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255, 255, 255, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	}
#footer-05 {
	width: 102px;
	min-height: 100px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: rgba(255, 255, 255, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	}
#footer-copy {
	width: 300px;
	height: 40px;
	margin-top: 20px;
	}
#share-foot-top {
	width: 91px;
	height: 20px;
	margin-left: auto;
	float: none;
	}
#share-foot-f, #share-foot-i, #share-foot-l {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	}
#share-foot-f {
	background-image: url(img/facebook-yellow.png);
	}
#share-foot-i {
	background-image: url(img/instagram-yellow.png);
	}
#share-foot-l {
	background-image: url(img/linkedin-yellow.png);
	}
#cvrcak-WP {
	width: 100px;
	height: 100px;
	margin-left: auto;
	float: none;
	}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: footer tbl class ---------- */

.col-f001 {
	text-align: center;
	vertical-align: top;
	}
.col-f002 {
	height: 10px;
	}
.col-f003 {
	height: 20px;
	}
.col-f004 {
	text-align: center;
	vertical-align: top;
	}
.col-f005 {
	height: 10px;
	}
.col-f006 {
	width: 60px;
	}
.col-f007 {
	text-align: center;
	vertical-align: top;
	}

.txt-f001, .txt-f002, .txt-f003 {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	text-align: left;
	}
.txt-f002 {
	font-weight: 500;
	}
.txt-f003 {
	font-size: 14px;
	line-height: 18px;
	color: rgba(33, 54, 124, 1);
	}
.class-f001 a:link, .class-f001 a:visited, .class-f001 a:active, .class-f001 a:hover, 
.class-f002 a:link, .class-f002 a:visited, .class-f002 a:active, .class-f002 a:hover, 
.class-f003 a:link, .class-f003 a:visited, .class-f003 a:active, .class-f003 a:hover {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	display: inline-block;
	}
.class-f001 a:link, .class-f001 a:visited, .class-f001 a:active, .class-f001 a:hover {
	text-align: center;
	}
.class-f002 a:link, .class-f002 a:visited, .class-f002 a:active, .class-f002 a:hover {
	text-align: center;
	}
.class-f003 a:link, .class-f003 a:visited, .class-f003 a:active, .class-f003 a:hover {
	margin-left: 20px;
	text-align: center;
	}
.class-f001 a:hover, .class-f002 a:hover, .class-f003 a:hover {
	color: rgba(255, 255, 255, 1);
	}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: section carousel ---------- */

#section-carousel, #section-carousel-01, #section-carousel-text, #section-carousel-01-mobile, #section-carousel-image {
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#section-carousel, #section-carousel-01, #section-carousel-text, #section-carousel-01-mobile, #section-carousel-image { 
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: none;
	z-index: 1;
}

#section-carousel {
	margin-top: 10px;
	}
#section-carousel-01 {
	max-width: 1380px;
	height: 600px;
	display: none;
	}
#section-carousel-text {
	width: 100%;
	height: 100%;
	}
#section-carousel-01-mobile {
	max-width: 100%;
	height: 250px;
	display: block;
	}
#section-carousel-image {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	width: 100%;
	height: 250px;
	}	

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: section products ---------- */

#section-TOP-01, #section-TOP-01-01, 
#section-PROD-01, #section-PROD-01-01, #section-PROD-01-home, #section-PROD-01-01-home, #section-PROD-01-price, #sort-down, #sort-up, 
#section-PROD-01-products, #section-PROD-01-products-mobile, #section-PROD-01-products-home, #section-PROD-01-products-home-mobile, #page-products-01-holder, #page-products-01, #page-products-image, #page-products-image-01, #page-products-text, #page-products-action, #page-products-new, #page-product-action, #page-product-new, 
#section-PROD-01-02, #section-PROD-01-02-01, #section-PROD-01-02-01-products, #section-PROD-01-02-01-products-mobile, 
#section-PROD-02, 
#section-PROD-02-01, #section-PROD-02-01-01, #section-PROD-02-01-02, .list_carouselU, 
#section-PROD-02-02, #share-F, #share-T, #share-I, #share-L, #share-W, #share-M, #upit-show, #quantity-show, #kosarica-show, 
.button-count, .button-cart,  
.class-p001 a:link, .class-p001 a:visited, .class-p001 a:active, .class-p001 a:hover, 
.class-p002 a:link, .class-p002 a:visited, .class-p002 a:active, .class-p002 a:hover, 
.class-p003 a:link, .class-p003 a:visited, .class-p003 a:active, .class-p003 a:hover, 
.class-p004 a:link, .class-p004 a:visited, .class-p004 a:active, .class-p004 a:hover, img {
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#section-TOP-01, #section-TOP-01-01, 
#section-PROD-01, #section-PROD-01-01, #section-PROD-01-home, #section-PROD-01-01-home, #section-PROD-01-price, 
#section-PROD-01-products, #section-PROD-01-products-mobile, #section-PROD-01-products-home, #section-PROD-01-products-home-mobile, #page-products-01-holder, #page-products-01, #page-products-image, #page-products-image-01, #page-products-text, #page-products-action, #page-products-new, #page-product-action, #page-product-new, 
#section-PROD-01-02, #section-PROD-01-02-01, #section-PROD-01-02-01-products, #section-PROD-01-02-01-products-mobile, 
#section-PROD-02, 
#section-PROD-02-01-01, #section-PROD-02-01-02, 
#section-PROD-02-01, #section-PROD-02-02, #share-F, #share-T, #share-I, #share-L, #share-W, #share-M { 
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: none;
	z-index: 1;
}

#section-TOP-01 {
	margin-top: 20px;
	background-color: rgba(33, 54, 124, 1);
	}
#section-TOP-01-01 {
	max-width: 320px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	}

#section-PROD-01 {
	max-width: 100%;
	min-height: 20px;
	}
#section-PROD-01-01 {
	max-width: 320px;
	margin-top: 0px;
	margin-bottom: 40px;
	z-index: 3;
	}

#section-PROD-01-home {
	max-width: 100%;
	margin-top: 0px;
	min-height: 20px;
	}
#section-PROD-01-01-home {
	max-width: 320px;
	margin-top: 0px;
	margin-bottom: 40px;
	z-index: 3;
	}

#section-PROD-01-price {
	position: absolute;
	width: 200px;
	height: auto;
	top: 20px;
	right: 0px;
	display: block;
	z-index: 6;
	}
#sort-down, #sort-up {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	}
#sort-down {
	background-image: url(img/down-w.png);
	}
#sort-up {
	background-image: url(img/up-w.png);
	}
#section-PROD-01-products {
	max-width: 320px;
	margin-top: 60px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: rgba(0, 0, 0, 0.25);
	display: none;
	}
#section-PROD-01-products-mobile {
	max-width: 320px;
	margin-top: 60px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: rgba(0, 0, 0, 0.25);
	display: block;
	}
#section-PROD-01-products-home {
	max-width: 320px;
	margin-top: 40px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: rgba(0, 0, 0, 0.25);
	display: none;
	}
#section-PROD-01-products-home-mobile {
	max-width: 320px;
	margin-top: 40px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: rgba(0, 0, 0, 0.25);
	display: block;
	}
#page-products-01-holder {
	width: 100%;
	height: auto;
	overflow: hidden;
	}
#page-products-01 {
	width: 150px;
	min-height: auto;
	height: auto;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
	}
#page-products-image {
	width: 150px;
	height: 214px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: rgba(236, 236, 236, 0);
	float: left;
	z-index: 2;
	}
#page-products-image-01 {
	width: 140px;
	height: 200px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	z-index: 2;
	}
#page-products-image:hover {
	transform: scale(1);
	}
#page-products-text {
	width: 140px;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	float: left;
	z-index: 2;
	}
#page-products-new, #page-products-action  {
	position: absolute;
	width: auto;
	height: auto;
	padding-top: 1px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 1px;
	background-color: rgba(201, 37, 43, 1);
	border-width: 0px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 3;
	display: block;
	}
#page-products-action {
	top: 0px;
	left: 0px;
	}
#page-products-new {
	top: 0px;
	right: 0px;
	background-color: rgba(108, 190, 69, 1);
	}

#section-PROD-01-02 {
	max-width: 100%;
	height: auto;
	z-index: 4;
	}
#section-PROD-01-02-01 {
	max-width: 320px;
	margin-top: 20px;
	margin-bottom: 20px;
	}
#section-PROD-01-02-01-products {
	max-width: 320px;
	margin-bottom: 40px;
	display: none;
	}
#section-PROD-01-02-01-products-mobile {
	max-width: 320px;
	margin-bottom: 40px;
	display: block;
	}

#section-PROD-02 {
	max-width: 320px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#section-PROD-02-01 {
	max-width: 320px;
	height: auto;
	margin-top: 40px;
	margin-left: 0px;
	float: left;
	}
#page-product-new, #page-product-action  {
	position: absolute;
	width: auto;
	height: auto;
	padding-top: 1px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 1px;
	background-color: rgba(201, 37, 43, 1);
	border-width: 0px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 3;
	display: block;
	}
#page-product-action {
	top: 0px;
	left: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 1);
	}
#page-product-new {
	top: 0px;
	right: 0px;
	background-color: rgba(108, 190, 69, 1);
	}
#section-PROD-02-01-01, #section-PROD-02-01-02 {
	max-width: 320px;
	height: 399px;
	}
.list_carouselU {
	position: relative;
	width: 100%;
	height: 399px;
	margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
}
.list_carouselU ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block; 
	overflow: hidden;
}
.list_carouselU li {
	position: relative;
	width: 280px;
	height: 399px;
	padding: 0;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	display: block;
	float: left;
}
.list_carouselU.responsive {
	width: auto;
	margin-left: 0;
}
a.Rprev3, a.Rnext3 {
	position: absolute;
	top: 185px;
    width: 30px;
    height: 30px;
	display: block;
	z-index: 25;
}
a.Rprev3 {			
	left: 0px;
	background: url(img/left-01.png) no-repeat transparent;
	background-size: 30px 30px;
	z-index: 25;
	}
a.Rprev3:hover {
	background: url(img/left-01.png) no-repeat transparent;
	background-size: 30px 30px;
	}
a.Rprev3.disabled {
	display: none;
	background-position: 0 -100px !important;  
	}
a.Rnext3 {	
	right: 0px;
	background: url(img/right-01.png) no-repeat transparent;
	background-size: 30px 30px;
	z-index: 25;
	}
a.Rnext3:hover {		
	background: url(img/right-01.png) no-repeat transparent;
	background-size: 30px 30px;
	}
a.Rnext3.disabled {
	display: none;
	background-position: 0 -100px !important;  
	}
a.Rprev3.disabled, a.Rnext3.disabled {
	cursor: default;
}
a.Rprev3 span, a.Rnext3 span {
	display: none;
}
#section-PROD-02-02 {
	width: 320px;
	height: auto;
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	}
#quantity-show {
	display: block;
	}
#kosarica-show {
	display: block;
	}
#share-F, #share-T, #share-I, #share-L, #share-W, #share-M {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;	
	margin-right: 20px;
	float: left;
	}
#share-F {
	background-image: url(img/facebook.png);
	}
#share-T {
	background-image: url(img/twitter.png);
	}
#share-I {
	background-image: url(img/instagram.png);
	}
#share-L {
	background-image: url(img/linkedin.png);
	}
#share-W {
	background-image: url(img/whatsapp.png);
	}
#share-M {
	background-image: url(img/mail.png);
	}
#upit-show {
	position: relative;
	float: left;
	height: auto;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(108, 190, 69, 1);
	border: solid 1px rgba(108, 190, 69, 1);
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: center; 
	text-decoration: none;
	cursor: pointer;
	display: block;
	}
#upit-show:hover {
	color: rgba(108, 190, 69, 1);
	background-color: rgba(255, 255, 255, 1);
	}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: sections products tbl ---------- */

.tblWidth {
	width: 100%;
	border-spacing: 0px;
	}
.col-p001 {
	text-align: center;
	vertical-align: top;
	}
.col-p002 {
	height: 20px;
	}
.col-p003 {
	text-align: right;
	vertical-align: middle;
	}
.col-p004 {
	width: 15px;
	}
.col-p005 {
	text-align: left;
	vertical-align: middle;
	}
.col-p006 {
	text-align: left;
	vertical-align: top;
	}
.col-p007 {
	height: 10px;
	}
.col-p008 {
	height: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	}
.col-p009 {
	height: 5px;
	}
.col-p010 {
	height: 20px;
	}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: sections products class ---------- */

.txt-p001 {
	font-weight: 400;
	font-size: 16px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	}
.txt-p002 {
	}
.txt-p002-p {
	font-size: 14px;
	}
.txt-p003 {
	font-size: 14px;
	font-weight: 500;
	color: rgba(201, 37, 43, 1);
	}
.txt-p004 {
	font-size: 14px;
	color: rgba(19, 19, 19, 0.5);
	text-decoration: line-through;
	}
.txt-p005 {
	color: rgba(255, 255, 255, 1);
	}
.txt-p006 {
	color: rgba(108, 186, 67, 1);
	}
.txt-p007 {
	text-align: right;
	}
.txt-p008 {
	font-size: 14px;
	color: rgba(19, 19, 19, 0.75);
	}
.txt-p009 {
	font-size: 14px;
	font-weight: 500;
	}
.txt-p010 {
	color: rgba(201, 37, 43, 1);
	text-align: left;
	}
.txt-p011 {
	font-weight: 300;
	color: rgba(33, 54, 124, 1);
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	}
.txt-p012 {
	text-align: left;
	}
.txt-p013 {
	font-weight: 500;
	text-align: left;
	}	
.txt-p014 {
	color: rgba(201, 37, 43, 1);
	text-align: left;
	}
.txt-p015 {
	font-size: 20px;
	line-height: 28px;
	text-align: left;
	}	
.txt-p016 {
	font-size: 20px;
	line-height: 28px;
	color: rgba(33, 54, 124, 1);
	text-align: left;
	}	
.txt-p017 {
	font-size: 20px;
	line-height: 28px;
	color: rgba(19, 19, 19, 0.5);
	text-decoration: line-through;
	text-align: left;
	}
.txt-p018 {
	font-size: 28px;
	line-height: 38px;
	color: rgba(33, 54, 124, 1);
	text-align: left;
	}
.txt-p019 {
	font-size: 20px;
	line-height: 28px;
	color: rgba(19, 19, 19, 0.75);
	text-align: left;
	}

.class-p001 a:link, .class-p001 a:visited, .class-p001 a:active, .class-p001 a:hover, 
.class-p002 a:link, .class-p002 a:visited, .class-p002 a:active, .class-p002 a:hover, 
.class-p003 a:link, .class-p003 a:visited, .class-p003 a:active, .class-p003 a:hover, 
.class-p004 a:link, .class-p004 a:visited, .class-p004 a:active, .class-p004 a:hover, 
.class-p005 a:link, .class-p005 a:visited, .class-p005 a:active, .class-p005 a:hover {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 22px;
	color: rgba(33, 54, 124, 1);
	text-align: center;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	}
.class-p001 a:link, .class-p001 a:visited, .class-p001 a:active, .class-p001 a:hover {
	font-weight: 500;
	font-size: 14px;
	}
.class-p001 a:hover {
	color: rgba(108, 186, 67, 1);
	}
.class-p002 a:link, .class-p002 a:visited, .class-p002 a:active, .class-p002 a:hover {
	font-weight: 300;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	}
.class-p002 a:hover {
	color: rgba(252, 238, 33, 1);
	}
.class-p003 a:link, .class-p003 a:visited, .class-p003 a:active, .class-p003 a:hover, 
.class-p004 a:link, .class-p004 a:visited, .class-p004 a:active, .class-p004 a:hover {
	font-size: 14px;
	line-height: 26px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 8px;
	float: none;
	display: inline-block;
	border: solid 1px rgba(255, 255, 255, 1);
	height: 30px;
	}
.class-p003 a:link, .class-p003 a:visited, .class-p003 a:active, .class-p003 a:hover {
	color: rgba(33, 54, 124, 1);
	background-color: rgba(255, 255, 255, 1);
	border-bottom: solid 1px rgba(33, 54, 124, 1);
	}
.class-p003 a:hover {
	color: rgba(33, 54, 124, 1);
	background-color: rgba(255, 255, 255, 1);
	border-bottom: solid 1px rgba(33, 54, 124, 1);
	}
.class-p004 a:link, .class-p004 a:visited, .class-p004 a:active, .class-p004 a:hover {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(33, 54, 124, 1);
	border-bottom: solid 1px rgba(255, 255, 255, 1);
	}
.class-p004 a:hover {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(33, 54, 124, 1);
	border-bottom: solid 1px rgba(255, 255, 255, 1);
	}
.class-p005 a:link, .class-p005 a:visited, .class-p005 a:active, .class-p005 a:hover {
	color: rgba(19, 19, 19, 0.75);
	text-align: left;
	}
.class-p005 a:hover {
	color: rgba(108, 186, 67, 1);
	}
.input-count { 
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	float: left;
	width: 50px;
	height: 30px;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	color: rgba(33, 54, 124, 0.5);
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	border: solid 1px rgba(33, 54, 124, 1);
	outline: 0;
	outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.button-count, .button-cart { 
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	float: left;
	background-color: rgba(33, 54, 124, 1);
	height: 30px;
	font-family: 'Poppins', sans-serif;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	border: solid 1px rgba(33, 54, 124, 1);
	text-align:center; 
	text-decoration: none;
	cursor: pointer;
	outline: 0;
	outline: none;
	display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.button-count { 
	margin-right: 10px;
	width: 30px;
	font-weight: 500;
	font-size: 16px;
	}
.button-cart { 
	margin-right: auto;
	width: auto;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 400;
	font-size: 16px;
	}
.button-count:hover, .button-cart:hover { 
	color: rgba(33, 54, 124, 1);
	background-color: rgba(33, 54, 124, 0);
	}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: section text ---------- */

#section-TXT, #section-TXT-01, #section-TXT-01-01, #gmap, #section-TXT-01-02, #section-TXT-01-03, #section-TXT-02, #page-store-d001, #page-store-d002, #page-store-txt-01, #section-TXT-03, #section-TXT-04, #section-TXT-04-01, #section-TXT-04-02, #section-TXT-04-03, .button-d001, .button-d002, .button-d003, 
.class-d001 a:link, .class-d001 a:visited, .class-d001 a:active, .class-d001 a:hover, 
.class-d002 a:link, .class-d002 a:visited, .class-d002 a:active, .class-d002 a:hover, img {
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#section-TXT, #section-TXT-01, #section-TXT-01-01, #gmap, #section-TXT-01-02, #section-TXT-01-03, #section-TXT-02, #page-store-d001, #page-store-d002, #page-store-txt-01, #section-TXT-03, #section-TXT-04, #section-TXT-04-01, #section-TXT-04-02, #section-TXT-04-03 { 
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: none;
	z-index: 1;
}

#section-TXT-01 {
	max-width: 320px;
	margin-top: 40px;
	margin-bottom: 40px;
	}
#section-TXT-01-01 {
	width: 100%;
	height: 320px;
	margin-left: 0px;
	float: left;
	}
#gmap {
	width: 100%;
	height: 400px;
	}
#gmap div {
	float: none
	}
#section-TXT-01-02 {
	width: 100%;
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	}
#section-TXT-01-03 {
	width: 100%;
	float: left;
	}
#section-TXT-02 {
	max-width: 320px;
	height: auto;
	margin-top: 40px;
	margin-bottom: 0px;
	}
#page-store-d001, #page-store-d002 {
	width: 280px;
	min-height: 125px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(33, 54, 124, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
#page-store-d001 {
	border-right: 1px solid rgba(33, 54, 124, 1);
	}
#page-store-txt-01  {
	position: absolute;
	left: 15px;
	top: 15px;
	width: auto;
	height: auto;
	display: block;
	z-index: 3;
	}
#section-TXT-03 {
	max-width: 320px;
	margin-top: 0px;
	margin-bottom: 40px;
	}

/* ---------- ---------- ---------- 2026-01-05 :: prijava ---------- */

#section-TXT-04 {
	max-width: 320px;
	margin-top: 40px;
	margin-bottom: 40px;
	}
#section-TXT-04-01 {
	width: 280px;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	float: none;
	}
#section-TXT-04-02 {
	width: 280px;
	height: auto;
	margin-top: 40px;
	margin-left: auto;
	float: none;
	padding-top: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(33, 54, 124, 1);
	}
#section-TXT-04-03 {
	width: 280px;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: section text tbl ---------- */

.col-d001 {
	text-align: center;
	vertical-align: top;
	}
.col-d002 {
	text-align: left;
	vertical-align: top;
	}
.col-d003 {
	height: 10px;
	}
.col-d004 {
	height: 10px;
	}

.col-d005 {
	text-align: left;
	vertical-align: top;
	}
.col-d006 {
	height: 10px;
	}
.col-d007 {
	height: 10px;
	}
.col-d008 {
	text-align: left;
	vertical-align: top;
	}
.col-d009 {
	text-align: left;
	vertical-align: top;
	}
.col-d010 {
	text-align: left;
	vertical-align: top;
	height: 80px;
	}
.col-d011 {
	text-align: center;
	vertical-align: top;
	}
.col-d012 {
	height: 20px;
	}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: section text prijava class ---------- */

.txt-d001 {
	font-weight: 300;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	}
.txt-d001-lower {
	text-transform: lowercase;
	}
.txt-d002 {
	font-weight: 500;
	color: rgba(33, 54, 124, 1);
	font-size: 18px;
	text-align: left;
	}
.txt-d003 {
	text-align: left;
	}
.txt-d004 {
	font-weight: 500;
	text-align: left;
	}
.txt-d005 {
	font-weight: 500;
	font-size: 18px;
	text-align: left;
	}

.txt-d006, .txt-d007, .txt-d010 {
	font-weight: 500;
	color: rgba(33, 54, 124, 1);
	font-size: 18px;
	text-align: left;
	}
.txt-d007, .txt-d009 {
	text-align: left;
	}
.txt-d008 {
	text-align: left;
	}
.txt-d009 {
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	}
.txt-d010, .txt-d011, .txt-d012, .txt-d013 {
	text-align: left;
	}
.txt-d012 {
	color: rgba(201, 37, 43, 1);
	font-size: 20px;
	line-height: 20px;
	}
.txt-d013 {
	color: rgba(201, 37, 43, 1);
	}

.txt-d014 {
	color: rgba(201, 37, 43, 1);
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	}
.txt-d015 {
	color: rgba(201, 37, 43, 1);
	text-align: center;
	}

.class-d001 a:link, .class-d001 a:visited, .class-d001 a:active, .class-d001 a:hover, 
.class-d002 a:link, .class-d002 a:visited, .class-d002 a:active, .class-d002 a:hover {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 22px;
	color: rgba(108, 190, 69, 1);
	text-align: center;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	}
.class-d002 a:link, .class-d002 a:visited, .class-d002 a:active, .class-d002 a:hover {
	color: rgba(201, 37, 43, 1);
	text-align: left;
	}
.class-d001 a:hover, .class-d002 a:hover {
	color: rgba(19, 19, 19, 0.75);
	}
.input-d001, .input-d002, .input-d003, .input-d004 { 
	position: relative; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 100%;
	height: 36px;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 14px;
	line-height: 26px;
	color: rgba(33, 54, 124, 0.5);
	text-align: center;
	text-decoration: none;
	outline: 0;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(33, 54, 124, 1);
	background-color: rgba(255, 255, 255, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	}
.input-d001 {
	width: 280px;
	padding-left: 10px;
	text-align: left;
	}
.input-d002 {
	width: 268px;
	padding-left: 10px;
	padding-right: auto;
	text-align: left;
	}
.input-d003 {
	width: 268px;
	padding-left: 10px;
	text-align: left;
	}
.input-d004 {
	width: 268px;
	padding-left: 10px;
	text-align: left;
	}
.button-d001, .button-d002, .button-d003 { 
	position: relative; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: rgba(33, 54, 124, 1);
	height: 40px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: rgba(255, 255, 255, 1);
	border: solid 1px rgba(33, 54, 124, 1);
	text-align:center; 
	text-decoration: none;
	cursor: pointer;
	outline: 0;
	outline: none;
	display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.button-d001 { 
	margin-left: 0px;
	margin-right: auto;
	float: left;
	}
.button-d002 { 
	margin-left: 0px;
	float: left;
	}
.button-d003 { 
	margin-left: 0px;
	margin-right: auto;
	float: left;
	}
.button-d001:hover, .button-d002:hover, .button-d003:hover { 
	color: rgba(33, 54, 124, 1);
	background-color: rgba(255, 255, 255, 1);
	}

/*the container must be positioned relative:*/
.custom-select {
	position: relative;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	z-index: 10;
}
.custom-select select {
  	display: none; /*hide original SELECT element:*/
}
.select-selected {
  	background-color: rgba(33, 54, 124, 1);
}
/*style the arrow inside the select element:*/
.select-selected:after {
	position: absolute;
  	content: "";
  	top: 14px;
  	right: 10px;
  	width: 0;
 	height: 0;
  	border: 6px solid transparent;
  	border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  	border-color: transparent transparent #fff transparent;
  	top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  	color: #ffffff;
  	padding: 8px 16px;
  	border: 1px solid transparent;
  	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  	cursor: pointer;
  	user-select: none;
}
/*style items (options):*/
.select-items {
  	position: absolute;
  	background-color: rgba(33, 54, 124, 1);
  	top: 100%;
  	left: 0;
  	right: 0;
  	z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  	display: none;
}
.select-items div:hover, .same-as-selected {
  	background-color: rgba(0, 0, 0, 0.1);
}

/* The container */
.container {
	float: left;
	width: auto;
	height: 16px;
	display: block;
	position: relative;
	padding-left: 24px;
	margin-right: 12px;
	margin-bottom: 8px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default radio button */
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: rgba(99, 96, 96, 0.25);
	border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: rgba(99, 96, 96, 0.5);
}
/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
	background-color: rgba(33, 54, 124, 1);
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
	display: block;
}
/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 5px;
	left: 5px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: section kosarica ---------- */

#section-KOS-01, #section-KOS-01-01, #section-KOS-01-01-01, #section-KOS-01-01-02, #section-KOS-01-01-03, #section-KOS-01-01-04, 
#section-KOS-products, #section-KOS-products-img, #section-KOS-products-txt, #section-KOS-new, #section-KOS-action, 
#section-KOS-products-suma, #section-KOS-products-del, #page-KOS-total, #page-KOS-total-01, img {
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#section-KOS-01, #section-KOS-01-01, #section-KOS-01-01-01, #section-KOS-01-01-02, #section-KOS-01-01-03, #section-KOS-01-01-04, 
#section-KOS-products, #section-KOS-products-img, #section-KOS-products-txt, #section-KOS-new, #section-KOS-action, 
#section-KOS-products-suma, #section-KOS-products-del, #page-KOS-total, #page-KOS-total-01 { 
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: none;
	z-index: 1;
}

#section-KOS-01 {
	max-width: 100%;
	min-height: 20px;
	}
#section-KOS-01-01 {
	max-width: 320px;
	margin-top: 40px;
	margin-bottom: 40px;
	z-index: 3;
	}
#section-KOS-01-01-01 {
	width: 320px;
	margin-left: 0px;
	float: left;
	}
#section-KOS-01-01-02 {
	width: 320px;
	min-height: 300px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	}
#section-KOS-01-01-03 {
	width: 300px;
	height: auto;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	float: left;
	}
#section-KOS-01-01-04 {
	width: 320px;
	min-height: 20px;
	margin-left: 0px;
	float: left;
	}
#section-KOS-products {
	width: 300px;
	min-height: 300px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.25);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
#section-KOS-products-img {
	width: 140px;
	height: 200px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	}
#section-KOS-products-txt {
	position: absolute;
	width: 130px;
	height: auto;
	top: 10px;
	right: 10px;
	display: block;
	z-index: 3;
	}
#section-KOS-new, #section-KOS-action {
	position: absolute;
	width: auto;
	height: auto;
	display: block;
	z-index: 50;
	background-color: rgba(201, 37, 43, 1);
	padding-top: 1px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
#section-KOS-action {
	top: 4px;
	left: 4px;
	}
#section-KOS-new {
	left: 4px;
	bottom: 4px;
	background-color: rgba(108, 190, 69, 1);
	}
#section-KOS-products-suma {
	position: absolute;
	width: 280px;
	height: auto;
	top: 220px;
	left: 10px;
	display: block;
	z-index: 3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(0, 0, 0, 0.25);
	}
#section-KOS-products-del {
	position: absolute;
	background-image: url(img/del-h.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	top: 10px;
	left: 0px;
	display: block;
	cursor: pointer;
	z-index: 3;
	}
#page-KOS-total {
	background-color: rgba(201, 37, 43, 1);
	width: 300px;
	min-height: 300px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	}
#page-KOS-total-01 {
	width: 260px;
	height: auto;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	}

.col-c001 {
	text-align: center;
	vertical-align: top;
	}
.col-c002 {
	height: 20px;
	}
.col-c003 {
	text-align: right;
	vertical-align: top;
	}
.col-c004 {
	height: 10px;
	}
.col-c005 {
	height: 10px;
	}
.col-c006 {
	text-align: right;
	vertical-align: top;
	}
.col-c007 {
	height: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.5);
	}
.col-c008 {
	height: 10px;
	}

.txt-c001, .txt-c002 {
	text-align: center;
	}
.txt-c001 {
	color: rgba(201, 37, 43, 1);
	font-size: 20px;
	line-height: 20px;
	}
.txt-c002 {
	color: rgba(201, 37, 43, 1);
	}
.txt-c003, .txt-c004, .txt-c005, .txt-c006, .txt-c007, .txt-c008, .txt-c009 {
	line-height: 22px;
	text-align: right;
	}
.txt-c003 {
	font-weight: 400;
	font-size: 16px;
	color: rgba(33, 54, 124, 1);
	}
.txt-c004 {
	font-size: 14px;
	}
.txt-c005 {
	font-size: 14px;
	color: rgba(19, 19, 19, 0.5);
	text-decoration: line-through;
	}
.txt-c006 {
	font-weight: 400;
	color: rgba(201, 37, 43, 1);
	}
.txt-c007 {
	font-weight: 400;
	font-size: 14px;
	}
.txt-c008 {
	font-weight: 400;
	font-size: 18px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	}
.txt-c009 {
	color: rgba(19, 19, 19, 0.75);
	}
.txt-c011, .txt-c012, .txt-c013, .txt-c014 {
	text-align: right;
	}
.txt-c011 {
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
	}
.txt-c012 {
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	}
.txt-c013 {
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
	}
.txt-c014 {
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	}

.img-kos-prod, .img-kos-del {
	height: auto;
	border: none;
	opacity: 1;
	}			
.img-kos-prod {
	width: 140px;
	}
.img-kos-del {
	width: 25px;
	}
.img-kos-del:hover {
	opacity: 0;
	}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: section merchant ---------- */

#section-C01-00-PL, #section-C01-00-PL-01, #section-C01-00-PL-02, #section-C01-00-PL-03, 
#spin-Logo-chart-01, #spin-Logo-chart-02, #spin-Logo-chart-03, #spin-Logo-chart-04, #spin-Logo-chart-05, 
.class-m001 a:link, .class-m001 a:visited, .class-m001 a:active, .class-m001 a:hover, .button-m001, 
.class-button-001-select a:link, .class-button-001-select a:visited, .class-button-001-select a:active, .class-button-001-select a:hover, img {
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#section-C01-00-PL, #section-C01-00-PL-01, #section-C01-00-PL-02, #section-C01-00-PL-03, 
#spin-Logo-chart-01, #spin-Logo-chart-02, #spin-Logo-chart-03, #spin-Logo-chart-04, #spin-Logo-chart-05 { 
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: none;
	z-index: 1;
}

#section-C01-00-PL {
	max-width: 300px;
	margin-top: 20px;
	margin-bottom: 40px;
	}
#section-C01-00-PL-01, #section-C01-00-PL-02 {
	background-color: rgba(255, 255, 255, 1);
	width: 300px;
	height: auto;
	float: none;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.25);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	}
#section-C01-00-PL-01 {
	margin-left: 0px;
	}
#section-C01-00-PL-02 {
	margin-top: 0px;
	margin-left: 0px;
	}
#section-C01-00-PL-03 {
	width: 280px;
	height: auto;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	display: block;
	}

#boxnowmap {
	position: fixed;
	left: 10px;
	bottom: 10px;
   	min-width: 1px;
	min-height: 1px;
	background-color: rgba(255, 255, 255, 1);
    transition: all .2s ease-out;
    /*overflow-x: hidden;*/
	cursor: pointer;
    z-index: 10001;
	}
#adresa-za-dostavu-show {
	display: none;
	}
#adresa-za-preuzimanje-show {
	display: none;
	}
#placanje-za-box-show {
	display: none;
	}
#placanje-za-dostavu-show {
	display: block;
	}

.col-m001 {
	text-align: left;
	vertical-align: top;
	}
.col-m002 {
	height: 10px;
	}
.col-m003 {
	height: 20px;
	}
.col-m004 {
	text-align: left;
	vertical-align: top;
	}
.col-m005 {
	text-align: right;
	vertical-align: middle;
	}
.col-m006 {
	text-align: left;
	vertical-align: middle;
	}

.txt-m001 {
	font-weight: 500;
	color: rgba(33, 54, 124, 1);
	font-size: 20px;
	text-align: left;
	}
.txt-m002 {
	text-align: left;
	}
.txt-m003 {
	font-weight: 500;
	text-align: left;
	}
.class-m001 a:link, .class-m001 a:visited, .class-m001 a:active, .class-m001 a:hover {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
	color: rgba(201, 37, 43, 1);
	text-align: left;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	}
.class-m001 a:hover {
	color: rgba(19, 19, 19, 0.75);
	}
.input-m001, .input-m002, .input-m003, .input-m004, .input-m005 { 
	position: relative; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 100%;
	height: 40px;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 30px;
	color: rgba(33, 54, 124, 0.5);
	text-align: center;
	text-decoration: none;
	outline: 0;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(33, 54, 124, 1);
	background-color: rgba(255, 255, 255, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	}
.input-m001 {
	padding-left: 10px;
	text-align: left;
	}
.input-m002 { 
	text-align: left;
	float: left;
	height: 100px;
	padding-top: 4px;
	padding-left: 10px;
	resize: none;
	overflow: hidden;
	}
.input-m003 {
	width: 100px;
	padding-left: 10px;
	text-align: left;
	}
.input-m004 {
	width: 280px;
	margin-left: 0px;
	padding-left: 10px;
	text-align: left;
	float: left;
	background-color: rgba(119, 119, 119, 0.10);
	}
.input-m005 { 
	padding-left: 10px;
	text-align: left;
	color: rgba(33, 54, 124, 1);
	border-color: rgba(33, 54, 124, 0.5);
	}
.button-m001 { 
	position: relative; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: rgba(33, 54, 124, 1);
	height: 40px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: rgba(255, 255, 255, 1);
	border: solid 1px rgba(33, 54, 124, 1);
	text-align:center; 
	text-decoration: none;
	cursor: pointer;
	outline: 0;
	outline: none;
	display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.button-m001 { 
	margin-left: 0px;
	float: left;
	}
.button-m001:hover { 
	color: rgba(33, 54, 124, 1);
	background-color: rgba(255, 255, 255, 1);
	}
.class-button-001-select a:link, .class-button-001-select a:visited, .class-button-001-select a:active, .class-button-001-select a:hover {
	position: relative; 
	width: 100%;
	height: 40px;
	font-family: "Poppins", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 300;
  	font-style: normal;
	color: rgba(33, 54, 124, 0.5);
	font-size: 14px;
	line-height: 36px;
	background-color: rgba(255, 255, 255, 1);
	border: solid 1px rgba(33, 54, 124, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	display: inline-block;
	}
.class-button-001-select a:link, .class-button-001-select a:visited, .class-button-001-select a:active, .class-button-001-select a:hover {
	padding-left: 10px;
	margin-left: 0px;
	float: left;
	}
.class-button-001-select a:hover {
	color: rgba(237, 28, 36, 1);
	border: solid 1px rgba(237, 28, 36, 1);
	}
#spin-Logo-chart-01, #spin-Logo-chart-02, #spin-Logo-chart-03, #spin-Logo-chart-04, #spin-Logo-chart-05 {
	position: relative;
	width: auto;
	height: 30px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block;
	float: left;
	z-index: 1;
	}
#spin-Logo-chart-01 {
	width: 30px;
	}
#spin-Logo-chart-02 {
	width: 30px;
	}
#spin-Logo-chart-03 {
	width: 116px;
	}
#spin-Logo-chart-04 {
	width: 161px;
	}
#spin-Logo-chart-05 {
	width: 113px;
	}
.img-Logo-chart-01, .img-Logo-chart-02 {
	width: auto;
	height: 30px;
	border: none;
	opacity: 1;
	}

/* ---------- ---------- ---------- cvrčak :: 2026-01-05 :: menu mobile ---------- */

#expand {
	display: none;
	width: auto;
	height: auto;
	padding: 0px 0px 0px 0px;
	position: absolute; 
	top: 75px; 
	right: 20px; 
	z-index: 100;
	cursor: pointer;
	}	
.menu-button{
	width: auto;
	float: left;
	}
.menu-button span {
	background: none repeat scroll 0 0 rgba(33, 54, 124, 1);
	height: 3px;
	margin: 6px 0;
	width: 30px;
	display: block;
	}
.containerMOBILE {
	position: absolute;
    width: 100%;
    max-width: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	display: none;
	z-index: 1000;
}
.ABSOLUTE-LINK {
	position: relative;
	z-index: 5;
	float: left;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	cursor: pointer;
}
.ABSOLUTE-ULINK {
	position: relative;
	z-index: 105;
	float: left;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
    color: #FFF;
	text-decoration: none;
	text-align: left;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	cursor: pointer;
}
.nav {
    list-style: none;
     *zoom: 1;
	 z-index: 10;
	background: rgba(33, 54, 124, 0.9);
	-webkit-border-bottom-right-radius: 0px;
	-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;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;
	width: auto;
}
.nav a:hover {
	background: rgba(108, 190, 69, 1);
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
}
.nav > li > .parentM {
    background-image: url("img/arrow.png");
    background-repeat: no-repeat;
    background-position: center right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
    font-weight: normal;
    color: #FFF;
    position: relative;
    z-index: 100;
	padding-left: 20px;
	padding-right: 10px;
}
.nav li li li a {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
    font-weight: normal;
    color: #FFF;
    position: relative;
    z-index: 200;
	padding-left: 30px;
	padding-right: 10px;
}
.active {
    display: block;
}
.nav > li {
    float: none;
}
.nav > li > .parentM {
    background-position: top right;
}
.nav li li .parentM {
    background-image: url("img/arrow.png");
    background-repeat: no-repeat;
    background-position: center right;
}
.nav ul {
    display: block;
    width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
.testHO a:hover {
	background: none;
	}
.testHOO a:link {
	padding: 0px;
	margin: 0px;
	background: none;
	}
.testHOO a:visited {
	padding: 0px;
	margin: 0px;
	background: none;
	}
.testHOO a:active {
	padding: 0px;
	margin: 0px;
	background: none;
	}
.testHOO a:hover {
	padding: 0px;
	margin: 0px;
	background: none;
	}

.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s, box-shadow .218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}

.gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 10px;
  min-width: 20px;
  width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state, 
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}