@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;
}
body {
	background-color: rgba(255, 255, 255, 1);
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(19, 19, 19, 1);
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	}
strong {
	font-weight: 600;
	}
#section-div-20, #section-div-40, #section-div-20-mobile, #section-div-40-mobile, #section-head, #section-head-00, #section-category, #section-category-00, #section-category-00-01, #section-category-00-02, #section-category-00-03, #section-carousel, #section-carousel-01, #section-carousel-image, #section-carousel-text, #section-txt, #section-txt-00, #section-txt-00-left-01, #section-txt-00-left-01-mobile-title, #section-txt-00-left-01-mobile-text, #section-txt-00-left-01-mobile-text-manje-je-vise, #section-txt-00-left-02, #section-txt-00-left-03, #section-txt-00-left-04, #section-txt-00-left-05, #section-txt-00-left-06, #section-txt-00-left-07, #section-list, #section-list-00-sort, #section-list-00-sort-cat, #section-list-00-sort-tag, #section-list-00-category, #section-list-00-price, #section-list-00-category-cat, #section-list-00-price-cat, #section-list-00-price-tag, #sort-down, #sort-up, #section-list-01, #section-list-01-home, #section-list-01-mojalista, #section-list-01-home-mobile, #section-list-01-mojalista-mobile, #section-list-02, #section-list-02-mobile, #section-list-01-single-01, #section-list-01-single-02, #section-list-01-image, #section-list-01-text, #section-list-01-soldout, #section-list-01-soldouts, #section-list-01-action, #section-list-01-actions, #section-list-01-wish, #section-list-01-wishDelete, .button-wishlist, #section-list-01-wishs, #section-list-01-wishsDelete, .button-wishlists, #section-product, #section-product-01, #section-product-01-01, #section-product-01-02, #section-product-02, 

#section-product-01-container, #section-product-01-container-mobile, 
#section-product-01-swipe, #section-product-01-container-swipe, #section-product-01-01-swipe, #section-list-01-soldouts-swipe, 

#share-F, #share-T, #share-W, #share-M, #kosarica-show, #section-chart, #section-chart-00, #section-chart-01, #section-chart-01-01, #section-chart-01-02, #section-chart-01-03, #section-chart-01-04, #section-chart-02, #section-chart-02-image, #section-chart-02-text, #section-chart-02-action, #section-chart-02-sum, #section-chart-02-del, #section-chart-03, #section-chart-03-text, 

#section-chart-00-dodavanje, #section-merchant-00-select, #section-merchant-00-01-select, #section-merchant-00-03-select, 

#section-merchant-00, #section-merchant-00-account, #section-merchant-00-01, #section-merchant-00-02, #section-merchant-00-03, 
#section-merchant-00-03-desktop, #section-merchant-00-03-mobile, 
#section-registration, #section-registration-00, #section-registration-01, #section-registration-02, #section-registration-03, 
#visa-chart-01, #master-chart-01, #maestro-chart-01, #diners-chart-01, #corvus-chart-01, 
.class-carousel a:link, .class-carousel a:visited, .class-carousel a:active, .class-carousel a:hover, 
.class-button-001-l a:link, .class-button-001-l a:visited, .class-button-001-l a:active, .class-button-001-l a:hover, 
.class-button-001-r a:link, .class-button-001-r a:visited, .class-button-001-r a:active, .class-button-001-r a:hover, 
.class-002-l a:link, .class-002-l a:visited, .class-002-l a:active, .class-002-l a:hover,
.class-L001 a:link, .class-L001 a:visited, .class-L001 a:active, .class-L001 a:hover,
.class-L002 a:link, .class-L002 a:visited, .class-L002 a:active, .class-L002 a:hover, 
.class-L003 a:link, .class-L003 a:visited, .class-L003 a:active, .class-L003 a:hover,  
.class-L004 a:link, .class-L004 a:visited, .class-L004 a:active, .class-L004 a:hover,  
.class-L005 a:link, .class-L005 a:visited, .class-L005 a:active, .class-L005 a:hover, .button-cart, 
.class-C001 a:link, .class-C001 a:visited, .class-C001 a:active, .class-C001 a:hover, 
.class-R001 a:link, .class-R001 a:visited, .class-R001 a:active, .class-R001 a:hover, .button-R001, .button-R002, .button-R003, 
.class-CM001 a:link, .class-CM001 a:visited, .class-CM001 a:active, .class-CM001 a:hover, .button-CM001, 
.class-AC001 a:link, .class-AC001 a:visited, .class-AC001 a:active, .class-AC001 a:hover, 
.class-AC002 a:link, .class-AC002 a:visited, .class-AC002 a:active, .class-AC002 a:hover, 
.class-button-001-select a:link, .class-button-001-select a:visited, .class-button-001-select a:active, .class-button-001-select a:hover, 
#footer, #footer-u, #footer-01, #footer-02, #footer-02-corvus, #footer-02-corvus-mobile, #footer-02-mobile, #footer-03, #footer-DIV-01, 
#share-F01, #share-F02, #footer-04, #footer-05, #footer-copy, #footer-copy-mobile,  
.class-F01 a:link, .class-F01 a:visited, .class-F01 a:active, .class-F01 a:hover, 
.class-F02 a:link, .class-F02 a:visited, .class-F02 a:active, .class-F02 a:hover {
	-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-div-20, #section-div-40, #section-div-20-mobile, #section-div-40-mobile, 
#section-head, #section-head-00, #section-category, #section-category-00, #section-category-00-01, 
#section-carousel, #section-carousel-01, #section-carousel-image, #section-carousel-text, 
#section-txt, #section-txt-00, #section-txt-00-left-01, 
#section-txt-00-left-01-mobile-title, #section-txt-00-left-01-mobile-text, #section-txt-00-left-01-mobile-text-manje-je-vise, 
#section-txt-00-left-02, #section-txt-00-left-03, #section-txt-00-left-04, #section-txt-00-left-05, #section-txt-00-left-06, #section-txt-00-left-07,  
#section-list, #section-list-00-sort, #section-list-00-sort-cat, #section-list-00-sort-tag, #sort-down, #sort-up, 
#section-list-01, 
#section-list-01-home, #section-list-01-mojalista, #section-list-01-home-mobile, #section-list-01-mojalista-mobile, 
#section-list-02, #section-list-02-mobile, 
#section-list-01-single-01, #section-list-01-single-02, 
#section-list-01-image, #section-product, #section-product-01, #section-product-01-01, #section-product-01-02, #section-product-02, 

#section-product-01-container, #section-product-01-container-mobile, 

#share-F, #share-T, #share-W, #share-M, #section-chart, #section-chart-00, #section-chart-01, #section-chart-01-01, #section-chart-01-02, 
#section-chart-01-03, #section-chart-01-04, #section-chart-02, #section-chart-02-image, #section-chart-03, #section-chart-03-text, 

#section-chart-00-dodavanje, #section-merchant-00-select, #section-merchant-00-01-select, #section-merchant-00-03-select,  

#section-merchant-00, #section-merchant-00-account, #section-merchant-00-01, #section-merchant-00-02, #section-merchant-00-03, 
#section-merchant-00-03-desktop, #section-merchant-00-03-mobile,  
#section-registration, #section-registration-00, #section-registration-01, #section-registration-02, #section-registration-03, 
#visa-chart-01, #master-chart-01, #maestro-chart-01, #diners-chart-01, #corvus-chart-01, 
#footer, #footer-u, #footer-01, #footer-02, #footer-02-mobile, #footer-03, #footer-DIV-01, 
#share-F01, #share-F02, #footer-04, #footer-05, 
#footer-copy, #footer-copy-mobile { 
	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-div-20 {
	height: 20px;
	display: block;
	}
#section-div-20-mobile {
	height: 20px;
	display: none;
	}
#section-div-40 {
	height: 36px;
	display: block;
	}
#section-div-40-mobile {
	height: 40px;
	display: none;
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: section head  ---------- ---------- ---------- */

#section-head {
	background-color: rgba(19, 19, 19, 1);
	}
#section-head-00 {
	max-width: 1210px;
	height: auto;
	margin-top: 36px;
	margin-bottom: 36px;
	}
#section-category {
	background-color: rgba(19, 19, 19, 0);
	}
#section-category-00 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1210px 534px;
	max-width: 1210px;
	height: 534px;
	}
#section-category-00-01 {
	width: 1210px;
	height: 534px;
	}
#section-category-00-02 {
	position: absolute;
	width: 1138px;
	height: auto;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	background-color: rgba(19, 19, 19, 0.75);
	left: 36px;
	bottom: 36px;
	overflow: hidden;
	display: block;
	}
#section-category-00-03 {
	position: absolute;
	width: auto;
	height: auto;
	left: 36px;
	bottom: 10px;
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: section carousel  ---------- ---------- ---------- */

#section-carousel {
	margin-top: 0px;
	}
#section-carousel-01 {
	max-width: 1210px;
	height: 534px;
	}
#section-carousel-image {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	width: 100%;
	height: 534px;
	}	
#section-carousel-text {
	max-width: 534px;
	width: auto;
	height: auto;
	margin-top: 338px;
	padding-top: 36px;
	padding-left: 36px;
	padding-right: 36px;
	padding-bottom: 36px;
	text-align: center;
	text-decoration: none;
  	display: inline-block;
	float: none;
	background-color: rgba(19, 19, 19, 0.75);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: section txt  ---------- ---------- ---------- */

#section-txt-00 {
	max-width: 1210px;
	margin-top: 36px;
	margin-bottom: 36px;
	}
#section-txt-00-left-01 {
	width: 534px;
	margin-top: 0px;
	margin-left: 36px;
	float: left;
	display: block;
	}
#section-txt-00-left-01-mobile-title, #section-txt-00-left-01-mobile-text, #section-txt-00-left-01-mobile-text-manje-je-vise {
	display: none;
	}
#section-txt-00-left-01-mobile-title {
	width: 100%;
	margin-top: 20px;
	margin-left: auto;
	float: none;
	}
#section-txt-00-left-01-mobile-text {
	width: 90%;
	margin-top: 20px;
	margin-left: auto;
	float: none;
	}
#section-txt-00-left-01-mobile-text-manje-je-vise {
	width: 90%;
	margin-top: 20px;
	margin-left: auto;
	float: none;
	}
#section-txt-00-left-02 {
	width: 498px;
	height: 302px;
	margin-top: 0px;
	margin-left: 72px;
	float: left;
	display: block;
	}
#section-txt-00-left-03 {
	width: 498px;
	height: auto;
	margin-top: 0px;
	margin-left: 72px;
	float: left;
	}
#section-txt-00-left-04, #section-txt-00-left-07 {
	width: 534px;
	margin-top: 0px;
	margin-left: 72px;
	float: left;
	display: block;
	}
#section-txt-00-left-05 {
	width: 356px;
	margin-left: 88px;
	float: left;
	}
#section-txt-00-left-06 {
	width: 640px;
	margin-top: 0px;
	margin-left: 72px;
	float: left;
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: section products  ---------- ---------- ---------- */

#section-list-00-sort {
	max-width: 1210px;
	height: 33px;
	margin-top: 36px;
	margin-bottom: 36px;
	}
#section-list-00-category  {
	position: absolute;
	width: auto;
	height: 33px;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 3;
	}
#section-list-00-price  {
	position: absolute;
	width: 140px;
	height: 25px;
	top: 4px;
	right: 0px;
	display: block;
	z-index: 3;
	}
#section-list-00-sort-cat {
	max-width: 1210px;
	height: 33px;
	margin-top: 36px;
	margin-bottom: 36px;
	}
#section-list-00-category-cat  {
	position: absolute;
	width: auto;
	height: 33px;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 3;
	}
#section-list-00-price-cat  {
	position: absolute;
	width: 140px;
	height: 25px;
	top: 4px;
	right: 0px;
	display: block;
	z-index: 3;
	}
#section-list-00-sort-tag {
	max-width: 1210px;
	height: 33px;
	margin-top: 36px;
	margin-bottom: 36px;
	}
#section-list-00-price-tag  {
	position: absolute;
	width: 140px;
	height: 25px;
	top: 4px;
	right: 0px;
	display: block;
	z-index: 3;
	}
#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-list-01 {
	max-width: 1210px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 36px;
	}
#section-list-01-home, #section-list-01-mojalista {
	max-width: 1210px;
	display: block;
	}
#section-list-01-home-mobile, #section-list-01-mojalista-mobile {
	max-width: 100%;
	display: none;
	}
#section-list-02 {
	max-width: 1210px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(19, 19, 19, 1);
	display: block;
	}
#section-list-02-mobile {
	max-width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(19, 19, 19, 1);
	display: none;
	}
#section-list-01-single-01, #section-list-01-single-02 {
	width: 242px;
	min-height: 380px;
	margin-top: 26px;
	margin-left: 0px;
	margin-right: 0px;
	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-list-01-single-01 {
	margin-right: 0px;
	border-right: 0px solid rgba(0, 0, 0, 0.25);
	}
#section-list-01-image {
	width: 190px;
	height: 253px;
	margin-top: 26px;
	}
#section-list-01-image:hover {
	transform: scale(0.90);
	}
#section-list-01-soldout, #section-list-01-soldouts, #section-list-01-action, #section-list-01-actions, #section-list-01-wish, #section-list-01-wishDelete, #section-list-01-wishs, #section-list-01-wishsDelete, #section-list-01-text  {
	position: absolute;
	height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	z-index: 2;
	}
#section-list-01-soldout {
	background-image: url(img/soldout-white.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 134px 80px;
	width: 134px;
	height: 80px;
	cursor: pointer;
	}
#section-list-01-soldouts {
	background-image: url(img/soldout-white.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 134px 80px;
	width: 134px;
	height: 80px;
	cursor: pointer;
	}
#section-list-01-soldout {
	top: 195px;
	right: 22px;
	z-index: 100;
	}
#section-list-01-soldouts {
	top: 60%;
	right: 15%;
	z-index: 100;
	}
#section-list-01-wish, #section-list-01-wishs {
	background-image: url(img/wish-01.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 21px 21px;
	width: 23px;
	height: 23px;
	cursor: pointer;
	}
#section-list-01-wish {
	top: 8px;
	right: 12px;
	}
#section-list-01-wishs {
	top: 8px;
	right: 16px;
	}
#section-list-01-wishDelete {
	background-image: url(img/del-h.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 23px 23px;
	width: 23px;
	height: 23px;
	cursor: pointer;
	}
#section-list-01-wishDelete {
	top: 8px;
	right: 12px;
	}
.button-wishlist {
	position: relative; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 23px;
	height: 23px;
	background-image: url(img/wish-02.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 23px 23px;
	background-color: rgba(255, 255, 255, 0);
	font-size: 16px;
	line-height: 22px;
	color: rgba(255, 255, 255, 0);
	border: none;
	text-align:center; 
	text-decoration: none;
	cursor: pointer;
	outline: 0;
	outline: none;
	display: block;
	float: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.button-wishlist:hover { 
	background-size: 0px 0px;
	}
#section-list-01-action, #section-list-01-actions {
	background-image: url(img/action.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 44px 66px;
	width: 44px;
	height: 66px;
	}
#section-list-01-action {
	top: 8px;
	left: 12px;
	}
#section-list-01-actions {
	top: 8px;
	right: 62px;
	}
#section-list-01-text {
	position: absolute;
	width: 210px;
	height: auto;
	left: 26px;
	bottom: 15px;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	z-index: 3;
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: section product  ---------- ---------- ---------- */

#section-product {
	max-width: 1210px;
	height: auto;
	margin-top: 54px;
	margin-bottom: 54px;
	}
#section-product-01 {
	width: 320px;
	height: auto;
	margin-top: 0px;
	margin-left: 248px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	float: left;
	}
#section-product-01-container, #section-product-01-container-mobile {
	width: 320px;
	height: 427px;
	}
#section-product-01-container {
	display: block;
	}
#section-product-01-container-mobile {
	display: none;
	}
#section-product-02 {
	width: 534px;
	height: auto;
	margin-top: 0px;
	margin-left: 72px;
	float: left;
	}
#section-product-01-01, #section-product-01-02 {
	width: 320px;
	height: 427px;
	}
#section-product-01-01 {
	width: 320px;
	height: 427px;
	margin-left: 0px;
	}

#section-product-01-swipe {
	width: 280px;
	height: auto;
	margin-top: 0px;
	margin-left: 280px;
	float: left;
	}
#section-product-01-container-swipe {
	width: 280px;
	height: auto;
	display: block;
	}
#section-product-01-01-swipe {
	width: 280px;
	height: auto;
	margin-left: 0px;
	}
.img-big-swipe {
	width: 118px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: none;
	border: 1px solid rgba(0, 0, 0, 0.5);
	float: left;
	opacity: 1;
	}
#section-list-01-soldouts-swipe  {
	background-image: url(img/soldout-white.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 134px 80px;
	width: 134px;
	height: 80px;
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	z-index: 10;
	}

#kosarica-show {
	display: block;
	}
#share-F, #share-T, #share-W, #share-M {
	width: 24px;
	height: 24px;	
	margin-right: 16px;
	float: left;
	}
.list_carouselU {
	position: relative;
	width: 100%;
	height: 427px;
	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;
	padding: 0;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	display: block;
	float: left;
}
.list_carouselU.responsive {
	width: auto;
	margin-left: 0;
}
a.Rprev3, a.Rnext3 {
	position: absolute;
	top: 188px;
    width: 26px;
    height: 50px;
	display: none;
	z-index: 25;
}
a.Rprev3 {			
	left: 8px;
	background: url(img/prev-01.png) no-repeat transparent;
	background-size: 26px 50px;
	z-index: 25;
	}
a.Rprev3:hover {
	background: url(img/prev-01.png) no-repeat transparent;
	background-size: 26px 50px;
	}
a.Rprev3.disabled {
	display: none;
	background-position: 0 -100px !important;  
	}
a.Rnext3 {	
	right: 8px;
	background: url(img/next-01.png) no-repeat transparent;
	background-size: 26px 50px;
	z-index: 25;
	}
a.Rnext3:hover {		
	background: url(img/next-01.png) no-repeat transparent;
	background-size: 26px 50px;
	}
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;
}

.pager {
	position: relative;
	width: auto;
    margin-top: -36px;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
	z-index: 50;
}
/* Style the pagination button with dot */
/* Same as prev and next button, we use the same css sprite */
.pager a {
	margin: 0 5px;
    text-decoration: none;
    display: inline-block;
    width: 15px;
    height: 15px;
	background: rgba(255, 255, 255, 1);
	cursor: pointer;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 2px solid rgba(237, 28, 36, 1);
    text-indent: -999em;
	z-index: 50;
}
.pager a.selected {
	background: rgba(237, 28, 36, 1);  
	border: 2px solid rgba(255, 255, 255, 1);             
}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: section chart  ---------- ---------- ---------- */

#section-chart-00-dodavanje {
	max-width: 1210px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#section-chart-00 {
	max-width: 1210px;
	margin-top: 36px;
	margin-bottom: 36px;
	}
#section-chart-01 {
	background-color: rgba(255, 255, 255, 1);
	width: 1210px;
	margin-left: 0px;
	float: left;
	}
#section-chart-01-01 {
	width: 100%;
	min-height: 88px;
	margin-left: 0px;
	float: left;
	}
#section-chart-01-02 {
	width: 906px;
	min-height: 266px;
	margin-left: 0px;
	float: left;
	}
#section-chart-02 {
	width: 266px;
	min-height: 266px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 36px;
	margin-bottom: 36px;
	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-chart-02-image {
	width: 125px;
	height: 167px;
	margin-top: 8px;
	margin-left: 8px;
	float: left;
	}
#section-chart-02-text {
	position: absolute;
	width: 130px;
	height: auto;
	top: 8px;
	right: 8px;
	display: block;
	z-index: 3;
	}
#section-chart-02-action {
	position: absolute;
	background-image: url(img/action.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px 54px;
	width: 36px;
	height: 54px;
	display: block;
	z-index: 2;
	}
#section-chart-02-action {
	top: 8px;
	left: 8px;
	}
#section-chart-02-sum {
	position: absolute;
	width: 248px;
	height: auto;
	top: 200px;
	left: 8px;
	display: block;
	z-index: 3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(0, 0, 0, 0.25);
	}
#section-chart-02-del {
	position: absolute;
	background-image: url(img/del-h.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 23px 23px;
	width: 23px;
	height: 23px;
	top: 8px;
	left: 0px;
	display: block;
	cursor: pointer;
	z-index: 3;
	}
#section-chart-01-03 {
	width: 266px;
	height: auto;
	margin-top: 0px;
	margin-left: 36px;
	margin-bottom: 0px;
	float: left;
	}
#section-chart-03 {
	width: 266px;
	min-height: 266px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(237, 28, 36, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
#section-chart-03-text {
	width: 230px;
	height: auto;
	margin-top: 18px;
	margin-left: 18px;
	margin-right: 18px;
	margin-bottom: 18px;
	}
#section-chart-01-04 {
	width: 906px;
	height: auto;
	margin-left: 0px;
	float: left;
	}

#section-merchant-00, #section-merchant-00-select {
	max-width: 1210px;
	margin-top: 36px;
	margin-bottom: 36px;
	}
#section-merchant-00-account {
	max-width: 768px;
	margin-top: 36px;
	margin-bottom: 36px;
	}
#section-merchant-00-01, #section-merchant-00-02 {
	background-color: rgba(255, 255, 255, 1);
	width: 364px;
	height: auto;
	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-merchant-00-01 {
	margin-left: 0px;
	}
#section-merchant-00-02 {
	margin-top: 0px;
	margin-left: 38px;
	}
#section-merchant-00-03, #section-merchant-00-03-desktop, #section-merchant-00-03-mobile {
	width: 328px;
	height: auto;
	margin-top: 18px;
	margin-left: 18px;
	margin-right: 18px;
	margin-bottom: 18px;
	}
#section-merchant-00-03 {
	display: block;
	}
#section-merchant-00-03-desktop {
	display: block;
	}
#section-merchant-00-03-mobile {
	display: none;
	}
#section-merchant-00-01, #section-merchant-00-02  {
	min-height: 356px;
	}
#adresa-za-dostavu-show {
	display: none;
	}
#adresa-za-preuzimanje-show {
	display: none;
	}

#section-merchant-00-01-select {
	background-color: rgba(255, 255, 255, 1);
	width: 356px;
	height: auto;
	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-merchant-00-01-select {
	margin-left: 0px;
	}
#section-merchant-00-03-select {
	width: 284px;
	height: auto;
	margin-top: 36px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 36px;
	display: 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 {
	position: relative; 
	width: 100%;
	height: 38px;
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	line-height: 36px;
	background-color: rgba(119, 119, 119, 0.10);
	border: solid 1px rgba(19, 19, 19, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	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 {
	float: left;
	}
.class-button-001-select a:hover {
	color: rgba(237, 28, 36, 1);
	border: solid 1px rgba(237, 28, 36, 1);
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: section registration  ---------- ---------- ---------- */

#section-registration-00 {
	max-width: 1210px;
	margin-top: 36px;
	margin-bottom: 36px;
	}
#section-registration-01 {
	width: 534px;
	margin-top: 0px;
	margin-left: 36px;
	float: left;
	}
#section-registration-03 {
	width: 534px;
	margin-top: 0px;
	margin-left: 72px;
	float: left;
	}
#section-registration-02 {
	width: 320px;
	margin-top: 0px;
	float: none;
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: html  ---------- ---------- ---------- */

.tblWidth {
	width: 100%;
	border-spacing: 0px;
	}
.col-001 {
	text-align: left;
	vertical-align: top;
	}
.col-002 {
	text-align: center;
	vertical-align: top;
	}
.col-003 {
	text-align: right;
	vertical-align: top;
	}
.col-004 {
	height: 36px;
	}
.col-005 {
	height: 5px;
	}
.col-006 {
	height: 18px;
	}
.col-007 {
	width: 36px;
	}
.col-008 {
	text-align: center;
	vertical-align: top;
	}
.col-009 {
	height: 18px;
	}
.col-010 {
	height: 36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	}
.col-011 {
	height: 18px;
	}
.col-L001 {
	height: 26px;
	}
.col-L002 {
	text-align: center;
	vertical-align: top;
	}
.col-L004 {
	text-align: right;
	vertical-align: middle;
	}
.col-L005 {
	width: 15px;
	}
.col-P001 {
	text-align: left;
	vertical-align: top;
	}
.col-P002 {
	width: 54px;
	height: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgba(237, 28, 36, 1);
	}
.col-P003 {
	height: 18px;
	}
.col-P004 {
	height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	}
.col-P005 {
	height: 18px;
	}
.col-C001 {
	height: 18px;
	}
.col-C002 {
	text-align: center;
	vertical-align: top;
	}
.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(0, 0, 0, 0.25);
	}
.col-C008 {
	height: 10px;
	}
.col-R000 {
	text-align: center;
	vertical-align: top;
	}
.col-R001 {
	text-align: right;
	vertical-align: top;
	}
.col-R002 {
	height: 18px;
	}
.col-R003 {
	width: 180px;
	}
.col-R004 {
	text-align: left;
	vertical-align: top;
	}
.col-R005 {
	text-align: center;
	vertical-align: top;
	}
.col-R006 {
	height: 36px;
	}
.col-CM001 {
	text-align: left;
	vertical-align: top;
	}
.col-CM002 {
	height: 18px;
	}
.col-CM003 {
	height: 36px;
	}
.col-CM004 {
	text-align: right;
	vertical-align: middle;
	}
.col-CM005 {
	height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	}
.col-CM006 {
	height: 18px;
	}
.col-CM007 {
	height: 5px;
	}
.col-AC000 {
	text-align: left;
	vertical-align: top;
	width: 54px;
	}
.col-AC001 {
	text-align: left;
	vertical-align: top;
	width: 88px;
	}
.col-AC001-140 {
	text-align: left;
	vertical-align: top;
	width: 126px;
	}
.col-AC002 {
	text-align: right;
	vertical-align: top;
	}
.col-AC003 {
	height: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	}
.col-AC004 {
	height: 2px;
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: class  ---------- ---------- ---------- */

.title-000-c, .title-000-c-italic, .title-001-l, .title-001-c, .title-001-r {
	font-family: "Bodoni Moda", serif;
	font-size: 28px;
	line-height: 34px;
	}
.title-001-l, .text-001-l, .text-002-l, .text-002-l-bold, .text-002-l-gray, .text-003-l, .text-004-l {
	text-align: left;
	}
.text-002-l-bold {
	font-weight: 500;
	}
.text-002-l-gray {
	color: rgba(119, 119, 119, 1);
	}
.title-000-c, .title-000-c-italic, .title-001-c, .title-002-c, .text-001-c, .text-002-c, .text-003-c {
	text-align: center;
	}
.title-000-c-italic {
	font-style: italic;
	}
.title-001-r, .text-001-r, .text-002-r, .text-003-r  {
	text-align: right;
	}
.title-000-c {
	color: rgba(255, 255, 255, 1);
	}
.title-002-c {
	font-family: "Bodoni Moda", serif;
	font-size: 28px;
	line-height: 34px;
	color: rgba(255, 255, 255, 1);
	}
.text-003-l {
	font-size: 14px;
	line-height: 18px;
	color: rgba(119, 119, 119, 1);
	}
.text-004-l {
	font-size: 14px;
	line-height: 18px;
	color: rgba(255, 255, 255, 1);
	}
.text-003-c {
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	line-height: 24px;
	}
.text-001-l, .text-001-c, .text-001-r {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	}
.text-L001 {
	font-size: 16px;
	color: rgba(119, 119, 119, 1);
	}
.text-L002 {
	font-weight: 500;
	}
.text-L003 {
	color: rgba(0, 0, 0, 0.25);
	text-decoration: line-through;
	}
.text-L004 {
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
	}
.text-L005 {
	color: rgba(237, 28, 36, 1);
	}
.class-carousel a:link, .class-carousel a:visited, .class-carousel a:active, .class-carousel a:hover {
	font-family: "Bodoni Moda", serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	font-size: 28px;
	line-height: 34px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	display: inline-block;
	}
.class-button-001-l a:link, .class-button-001-l a:visited, .class-button-001-l a:active, .class-button-001-l a:hover, 
.class-button-001-r a:link, .class-button-001-r a:visited, .class-button-001-r a:active, .class-button-001-r a:hover {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	color: rgba(19, 19, 19, 1);
	background-color: rgba(255, 255, 255, 1);
	border: solid 1px rgba(19, 19, 19, 1);
	text-align: center;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	display: inline-block;
	}
.class-button-001-l a:link, .class-button-001-l a:visited, .class-button-001-l a:active, .class-button-001-l a:hover {
	float: left;
	}
.class-button-001-r a:link, .class-button-001-r a:visited, .class-button-001-r a:active, .class-button-001-r a:hover {
	float: right;
	}
.class-button-001-l a:hover, .class-button-001-r a:hover {
	color: rgba(237, 28, 36, 1);
	background-color: rgba(255, 255, 255, 1);
	border: solid 1px rgba(237, 28, 36, 1);
	}
.class-002-l a:link, .class-002-l a:visited, .class-002-l a:active, .class-002-l a:hover {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(237, 28, 36, 1);
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	}
.class-002-l a:hover {
	color: rgba(19, 19, 19, 1);
	}
.class-L001 a:link, .class-L001 a:visited, .class-L001 a:active, .class-L001 a:hover,
.class-L002 a:link, .class-L002 a:visited, .class-L002 a:active, .class-L002 a:hover, 
.class-L003 a:link, .class-L003 a:visited, .class-L003 a:active, .class-L003 a:hover, 
.class-L005 a:link, .class-L005 a:visited, .class-L005 a:active, .class-L005 a:hover {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(19, 19, 19, 1);
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	}
.class-L001 a:link, .class-L001 a:visited, .class-L001 a:active, .class-L001 a:hover {
	font-weight: 500;
	font-size: 18px;
	}
.class-L001 a:hover {
	color: rgba(237, 28, 36, 1);
	}
.class-L002 a:link, .class-L002 a:visited, .class-L002 a:active, .class-L002 a:hover, 
.class-L003 a:link, .class-L003 a:visited, .class-L003 a:active, .class-L003 a:hover {
	font-size: 14px;
	line-height: 20px;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	margin-left: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	float: left;
	display: inline-block;
	}
.class-L002 a:link, .class-L002 a:visited, .class-L002 a:active, .class-L002 a:hover {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(237, 28, 36, 1);
	border: solid 1px rgba(237, 28, 36, 1);
	}
.class-L002 a:hover {
	color: rgba(237, 28, 36, 1);
	background-color: rgba(237, 28, 36, 0);
	border: solid 1px rgba(237, 28, 36, 1);
	}
.class-L003 a:link, .class-L003 a:visited, .class-L003 a:active, .class-L003 a:hover {
	color: rgba(19, 19, 19, 1);
	background-color: rgba(255, 255, 255, 1);
	border: solid 1px rgba(19, 19, 19, 1);
	}
.class-L003 a:hover {
	color: rgba(237, 28, 36, 1);
	background-color: rgba(255, 255, 255, 1);
	border: solid 1px rgba(237, 28, 36, 1);
	}
.class-L005 a:link, .class-L005 a:visited, .class-L005 a:active, .class-L005 a:hover {
	color: rgba(119, 119, 119, 1);
	text-align: left;
	display: inline-block;
	}
.class-L005 a:hover {
	color: rgba(237, 28, 36, 1);
	}
.class-L004 a:link, .class-L004 a:visited, .class-L004 a:active, .class-L004 a:hover {
	font-family: "Bodoni Moda", serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(255, 255, 255, 1);
	font-size: 28px;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	display: inline-block;
	outline: 0;
	outline: none;
	}
 .class-L004 a:after {
  	display: block;
  	content: '';
  	border-bottom: solid 1px rgba(255, 255, 255, 1); 
  	transform: scaleX(0);  
  	transition: transform 250ms ease-in-out;
	}
 .class-L004 a:hover:after { 
 	transform: scaleX(1); 
	}
.img-001, .img-002, .img-product, .img-wish, .img-wishDelete, .img-sort, .img-big, .img-share, .img-C1-prod, .img-C1-del {
	height: auto;
	border: none;
	opacity: 1;
	}
.img-001 {
	width: 498px;
	}
.img-002 {
	width: 356px;
	}
.img-product {
	width: 190px;
	}
.img-wish {
	width: 23px;
	}
.img-wish:hover {
	opacity: 0;
	}
.img-wishDelete {
	width: 23px;
	}
.img-wishDelete:hover {
	opacity: 0;
	}
.img-sort {
	width: 20px;
	}
.img-sort:hover {
	opacity: 0;
	}
.img-big {
	width: 320px;
	}
.img-share {
	width: 24px;
	}			
.img-C1-prod {
	width: 126px;
	}
.img-C1-del {
	width: 23px;
	}
.img-C1-del:hover {
	opacity: 0;
	}

figure {
	border: none;
	}
figure.containerZoom {
	background-position: 50% 50%;
	position: relative; 
	width: 100%; 
	overflow: hidden;
	cursor: zoom-in;
	margin: 0
	}
figure.containerZoom img {
	transition: opacity .5s;
	display: block;
	width: 100%
	}
figure.containerZoom.active img {
	opacity: 0 
	}
.zoom-images {
	width: 320px;
	height: 427px;
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: product */

.text-P001, .text-P002, .text-P002-novo-naziv, .text-P003, .text-P004, .text-P005, .text-P006, .text-P007, .text-P008 {
	text-align: left;
	}
.text-P001 {
	font-family: "Bodoni Moda", serif;
	font-size: 28px;
	line-height: 34px;
	}
.text-P002-novo-naziv {
	color: rgba(119, 119, 119, 1);
	font-size: 20px;
	line-height: 28px;
	}
.text-P002, .text-P004 {
	color: rgba(119, 119, 119, 1);
	font-size: 18px;
	line-height: 24px;
	}
.text-P003 {
	font-weight: 500;
	}
.text-P004 {
	font-weight: 500;
	}	
.text-P005, .text-P006 {
	font-size: 20px;
	line-height: 28px;
	}	
.text-P006 {
	color: rgba(0, 0, 0, 0.25);
	text-decoration: line-through;
	}
.text-P007 {
	color: rgba(237, 28, 36, 1);
	}
.button-cart { 
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	padding-left: 26px;
	padding-right: 26px;
	width: auto;
	height: 28px;
	background-color: rgba(237, 28, 36, 1);
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	font-size: 16px;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	border: solid 1px rgba(237, 28, 36, 1);
	text-align:center; 
	text-decoration: none;
	cursor: pointer;
	outline: 0;
	outline: none;
	display: block;
	float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.button-cart:hover { 
	color: rgba(237, 28, 36, 1);
	background-color: rgba(237, 28, 36, 0);
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: chart */

.text-C001, .text-C002, .text-C003 {
	color: rgba(237, 28, 36, 1);
	}
.text-C001 {
	font-weight: 500;
	font-size: 20px;
	}
.text-C003 {
	text-align: left;
	}
.text-C004 {
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: rgba(255, 255, 255, 1);
	}
.text-C005 {
	font-weight: 500;
	font-size: 16px;
	}
.text-C006 {
	font-size: 14px;
	}
.text-C007 {
	font-size: 14px;
	color: rgba(119, 119, 119, 1);
	text-decoration: line-through;
	}
.text-C008, .text-C009, .text-C010, .text-C011 {
	text-align: right;
	}
.text-C008 {
	font-weight: 500;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	}
.text-C009 {
	font-weight: 500;
	}
.text-C010 {
	font-size: 18px;
	}
.text-C011 {
	font-size: 14px;
	}
.class-C001 a:link, .class-C001 a:visited, .class-C001 a:active, .class-C001 a:hover { 
	position: relative; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-left: 26px;
	padding-right: 26px;
	width: auto;
	height: 28px;
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 500;
  	font-style: normal;
	font-size: 14px;
	line-height: 24px;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(237, 28, 36, 1);
	border: solid 1px rgba(237, 28, 36, 1);
	text-align: center; 
	text-decoration: none;
	cursor: pointer;
	outline: 0;
	outline: none;
	display: block;
	float: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.class-C001 a:hover { 
	color: rgba(237, 28, 36, 1);
	background-color: rgba(237, 28, 36, 0);
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: registration - merchant - account */

.text-R001, .text-R003, .text-CM001 {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	}
.text-R002, .text-R004, .text-CM002 {
	line-height: 24px;
	}
.text-R001, .text-R002 {
	text-align: right;
	}
.text-R003, .text-R004, .text-CM001, .text-CM002 {
	text-align: left;
	}
.text-R005 {
	font-size: 14px;
	line-height: 16px;
	color: rgba(119, 119, 119, 1);
	text-align: left;
	}
.text-AC001, .text-AC002, .text-AC003 {
	text-align: left;
	}
.text-AC001 {
	font-weight: 600;
	}
.text-AC002 {
	color: rgba(119, 119, 119, 1);
	}
.class-R001 a:link, .class-R001 a:visited, .class-R001 a:active, .class-R001 a:hover, 
.class-CM001 a:link, .class-CM001 a:visited, .class-CM001 a:active, .class-CM001 a:hover {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(237, 28, 36, 1);
	font-size: 16px;
	line-height: 34px;
	text-align: right;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	}
.class-CM001 a:link, .class-CM001 a:visited, .class-CM001 a:active, .class-CM001 a:hover {
	text-align: left;
	}
.class-R001 a:hover, .class-CM001 a:hover {
	color: rgba(19, 19, 19, 1);
	}
.input-R001, .input-R002, .input-R003, .input-CM001, .input-CM002, .input-CM003, .input-CM004, .input-CM001-dodavanje, 
.input-CM003-gray, .input-CM004-gray, .input-CM001-disejbl { 
	position: relative; 
	width: 248px;
	height: 36px;
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	line-height: 34px;
	text-decoration: none;
	outline: 0;
	outline: none;
	background-color: rgba(255, 255, 255, 0);
	border: solid 1px rgba(19, 19, 19, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.input-R001 { 
	float: right;
	padding-left: auto;
	padding-right: 8px;
	text-align: right;
	}
.input-R002, .input-CM001, .input-CM001-dodavanje, .input-CM001-disejbl {  
	float: left;
	padding-left: 8px;
	text-align: left;
	}
.input-R003 {  
	float: none;
	padding-left: auto;
	text-align: center;
	}
.input-CM002 { 
	text-align: left;
	float: left;
	height: 88px;
	padding-top: 4px;
	padding-left: 8px;
	resize: none;
	overflow: hidden;
	}
.input-CM003, .input-CM003-gray {
	margin-left: 0px;
	padding-left: 8px;
	text-align: left;
	float: left;
	}
.input-CM004, .input-CM004-gray {
	width: 248px;
	margin-left: 0px;
	padding-left: 8px;
	text-align: left;
	float: left;
	}
.input-CM001, .input-CM002, .input-CM003, .input-CM001-dodavanje, .input-CM003-gray, .input-CM001-disejbl { 
	width: 248px;
	}
.input-CM001-dodavanje { 
	width: 248px;
	border: solid 0px rgba(19, 19, 19, 0.5);
	border-bottom: solid 1px rgba(19, 19, 19, 0.25);
	}
.input-CM003-gray, .input-CM004-gray, .input-CM001-disejbl {
	background-color: rgba(119, 119, 119, 0.10);
	}
.input-CM002 { 
	width: 100%;
	height: 72px;
	}
	
.button-R001, .button-R002, .button-R003, .button-CM001 { 
	position: relative; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 160px;
	height: 38px;
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 600;
  	font-style: normal;
	font-size: 14px;
	line-height: 34px;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(237, 28, 36, 1);
	border: solid 1px rgba(237, 28, 36, 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-R001 { 
	float: right;
	}
.button-R002, .button-CM001 { 
	float: left;
	}
.button-R003 { 
	float: none;
	}
.button-R001:hover, .button-R002:hover, .button-R003:hover, .button-CM001:hover { 
	color: rgba(237, 28, 36, 1);
	background-color: rgba(237, 28, 36, 0);
	}
.class-AC001 a:link, .class-AC001 a:visited, .class-AC001 a:active, .class-AC001 a:hover, 
.class-AC002 a:link, .class-AC002 a:visited, .class-AC002 a:active, .class-AC002 a:hover {
	font-size: 14px;
	line-height: 20px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	text-decoration: none;
	text-transform: none;
	float: right;
	display: inline-block;
	}
.class-AC001 a:link, .class-AC001 a:visited, .class-AC001 a:active, .class-AC001 a:hover {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(237, 28, 36, 1);
	border: solid 1px rgba(237, 28, 36, 1);
	}
.class-AC001 a:hover {
	color: rgba(237, 28, 36, 1);
	background-color: rgba(237, 28, 36, 0);
	border: solid 1px rgba(237, 28, 36, 1);
	}
.class-AC002 a:link, .class-AC002 a:visited, .class-AC002 a:active, .class-AC002 a:hover {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(14, 150, 104, 1);
	border: solid 1px rgba(14, 150, 104, 1);
	}
.class-AC002 a:hover {
	color: rgba(14, 150, 104, 1);
	background-color: rgba(14, 150, 104, 0);
	border: solid 1px rgba(14, 150, 104, 1);
	}
#visa-chart-01, #master-chart-01, #maestro-chart-01, #diners-chart-01, #corvus-chart-01 {
	position: relative;
	width: auto;
	height: 36px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 1px;
	margin-bottom: 10px;
	display: block;
	float: left;
	z-index: 1;
	}
#visa-chart-01, #master-chart-01, #maestro-chart-01, #diners-chart-01 {
	width: 51px;
	}
#corvus-chart-01 {
	height: 25px;
	margin-top: 7px;
	margin-left: 5px;
	}
.img-logo-chart-01, .img-logo-chart-02 {
	width: auto;
	border: none;
	opacity: 1;
	}
.img-logo-chart-01 {
	height: 36px;
	}
.img-logo-chart-02 {
	height: 25px;
	}
/*the container must be positioned relative:*/
.custom-select {
	position: relative;
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	font-size: 16px;
	z-index: 10;
}
.custom-select select {
  	display: none; /*hide original SELECT element:*/
}
.select-selected {
  	background-color: rgba(237, 28, 36, 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(237, 28, 36, 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(237, 28, 36, 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;
}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: section footer  ---------- ---------- ---------- */

#footer {
	margin-top: 0px;
	background-color: rgba(19, 19, 19, 1);
	}
#footer-u {
	max-width: 1210px;
	margin-top: 36px;
	margin-bottom: 54px;
	}
#footer-01, #footer-02, #footer-03, #footer-04, #footer-05 {
	margin-top: 36px;
	margin-left: 54px;
	margin-right: 0px;
	margin-bottom: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	}
#footer-01 {
	width: 248px;
	min-height: 200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(255, 255, 255, 0.5);
	}
#footer-02 {
	width: 780px;
	min-height: 54px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.5);
	display: block;
	}
#footer-02-corvus {
	position: absolute;
	width: 230px;
	height: 54px;
	right: 0px;
	top: 0px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	display: block;
	z-index: 2;
	}
#footer-02-corvus-mobile {
	position: absolute;
	width: 230px;
	height: 54px;
	right: 0px;
	top: 0px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	display: none;
	z-index: 2;
	}
#footer-02-mobile {
	width: 780px;
	min-height: 54px;
	margin-top: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.5);
	display: none;
	}
#footer-03, #footer-04 {
	min-height: 88px;
	}
#footer-03 {
	width: 180px;
	}
#footer-DIV-01 {
	width: 248px;
	height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.5);
	display: none;
	}
#share-F01, #share-F02 {
	height: 20px;
	display: block;
	float: left;
	}
#share-F01 {
	width: auto;
	margin-right: auto;
	}
#share-F02 {
	width: 20px;
	margin-left: 0px;
	margin-right: 8px;
	float: left;
	}
#footer-04 {
	width: 248px;
	}
#footer-05 {
	width: 248px;
	min-height: 106px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(255, 255, 255, 0.5);
	}
#footer-copy {
	width: 1210px;
	height: 54px;
	margin-top: 36px;
	display: block;
	}
#footer-copy-mobile {
	width: 1210px;
	height: 54px;
	margin-top: 36px;
	display: none;
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: tbl ---------- ---------- ---------- */

.col-F01 {
	text-align: left;
	vertical-align: top;
	}
.col-F02 {
	height: 18px;
	}
.col-F03 {
	text-align: right;
	vertical-align: top;
	}
.col-F04 {
	width: 54px;
	}
.col-F05 {
	text-align: center;
	vertical-align: top;
	}
.col-F06, .col-F07, .col-F08 {
	text-align: left;
	vertical-align: middle;
	}
.col-F06 {
	width: 212px;
	}
.col-F07 {
	width: 212px;
	}
.col-F08 {
	width: 26px;
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: class ---------- ---------- ---------- */

.txt-F01, .txt-F02, .txt-F03, .txt-F04 {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	}
.txt-F02 {
	font-weight: 600;
	}
.txt-F03 {
	text-align: left;
	}
.txt-F04 {
	color: rgba(19, 19, 19, 1);
	text-align: center;
	}
.class-F01 a:link, .class-F01 a:visited, .class-F01 a:active, .class-F01 a:hover, 
.class-F02 a:link, .class-F02 a:visited, .class-F02 a:active, .class-F02 a:hover {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	display: inline-block;
	}
.class-F02 a:link, .class-F02 a:visited, .class-F02 a:active, .class-F02 a:hover {
	text-align: right;
	}
.class-F01 a:hover, .class-F02 a:hover {
	 text-decoration: none;
	}
 .class-F01 a:after, .class-F02 a:after {
  	display: block;
  	content: '';
  	border-bottom: solid 1px rgba(255, 255, 255, 1); 
  	transform: scaleX(0);  
  	transition: transform 250ms ease-in-out;
	}
 .class-F01 a:hover:after, .class-F02 a:hover:after { 
 	transform: scaleX(1); 
	}
.input-F01 { 
	position: relative; 
	float: right;
	width: 180px;
	height: 30px;
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(19, 19, 19, 0.5);
	font-size: 14px;
	line-height: 28px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	outline: 0;
	outline: none;
	background-color: rgba(255, 255, 255, 1); 
	border: solid 1px rgba(19, 19, 19, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.button-F01 { 
	background-image: url(img/send.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(19, 19, 19, 1);
	font-size: 14px;
	line-height: 28px;
	background-color: rgba(255, 255, 255, 0);
	border: solid 1px rgba(19, 19, 19, 0.5);
	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;
	}
.img-F01, .img-F02, .img-F03 {
	width: auto;
	border: none;
	opacity: 1;
	}
.img-F01 {
	height: 75px;
	}
.img-F02 {
	height: 20px;
	}
.img-F03 {
	height: 40px;
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: header  ---------- ---------- ---------- */

#header, #header-u, #header-logo, #header-u-01, #header-u-02, #header-u-03, #header-u-04, 
#header-cart, #header-wishlist, #header-user, #header-search, #header-input, #header-cart-alert {
	-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-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: 120px;
	background-color: rgba(255, 255, 255, 1);
	z-index: 100;
	}
#header-u {
	max-width: 1210px;
	height: 120px;
	display: block;
	}
#header-logo {
	position: absolute;
	width: auto;
	height: 80px;
	left: 20px;
	top: 20px;
	text-align: left;
	z-index: 1;
	}
#header-u-01, #header-u-02, #header-u-03, #header-u-04 {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 40px;
	display: block;
	z-index: 101;
	}
#header-u-01 {
	right: 150px;
	}
#header-u-02 {
	width: 40px;
	height: 40px;
	right: 190px;
	}
#header-u-03 {
	width: 40px;
	height: 40px;
	right: 230px;
	}
#header-u-04 {
	width: 250px;
	height: 40px;
	right: 320px;
	top: 40px;
	display: block;
	}
#header-u-04-line {
	display: none;
	}
#header-cart, #header-wishlist, #header-user,  #header-search,  #header-input {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	left: 0px;
	display: block;
	z-index: 1;
	}
#header-search {
	left: auto;
	right: 10px;
	display: block;
	z-index: 1;
	}
#header-input {
	position: absolute;
	width: 200px;
	left: auto;
	right: 50px;
	display: block;
	z-index: 1;
	}
#header-cart-alert {
    padding: 1%;
    background-color: rgba(237, 28, 36, 1);
    /* height & width must be the same. */
    width: 20px;
    height: 20px;
    /* Setting a 100% border radius makes the circle. */
    border-radius: 100%;
	font-family: "Open Sans", serif;
  	font-optical-sizing: auto;
	font-weight: 600;
  	font-style: normal;
	font-size: 12px;
    /*For correct centering, line-height must be two invervals less than width/height. For instance, 1-3, 2-4, 3-5. Font size doesn't factor into this.*/
    line-height: 20px;
	color: rgba(255, 255, 255, 1);
	/*Horizontal center, but that won't do everything.*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 5%;
	position: absolute;
	top: -8px;
	right: -8px;
	}
.txt-He01 {
	text-align: center;
	text-decoration: none;
	text-transform: none;
	}
.img-logo, .img-icon {
	width: auto;
	border: none;
	opacity: 1;
	}
.img-logo {
	height: 80px;
	}
.img-icon {
	height: 30px;
	}
.input-He01, .input-He02 { 
	position: relative; 
	float: right;
	width: 180px;
	height: 30px;
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	line-height: 22px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	outline: 0;
	outline: none;
	background-color: rgba(255, 255, 255, 0);
	border: solid 1px rgba(19, 19, 19, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.input-He02 { 
	color: rgba(237, 28, 36, 1);
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: menu  ---------- ---------- ---------- */

#menu-button {
	position: absolute;
	width: 36px;
	height: 34px;
	top: 53px; 
	right: 20px; 
	display: block;
	z-index: 100;
	cursor: pointer;
	}	
#menu-part-01, #menu-part-02, #menu-part-03 {
	position: absolute;
	width: 36px;
	height: 3px;
	right: 0px;
	background: none repeat scroll 0 0 rgba(19, 19, 19, 1);
    transition: all 0.3s;
    box-sizing: border-box;
	display: block;
	}
#menu-part-01 {
	top: 0px;
	}	
.animate-part-01 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 12px;
	}
#menu-part-02 {
	top: 11px;
	}	
#menu-part-03 {
	top: 22px;
	}	
.animate-part-03 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
	}

#popupMenu {
	display: block;
	position: fixed;
	top: 120px;
	right: -1024px;
	width: 680px;
	height: 600px;
	background-color: rgba(255, 255, 255, 1);
	z-index: 99999;
	}
#popupCenter {
	position: relative;
	margin-top: 40px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	min-height: 300px; 
	display: block;
	text-align: left; 
	float: none;
	}
#back_faderMOB {
	display: none;
	bottom: 0;
	left: 0;
	overflow-x: auto;
	overflow-y: scroll;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 96;
	cursor: pointer;
	}
.col-M001 { 
	width: 40px;
	}
.col-M002 { 
	text-align: left;
	vertical-align: top;
	}
.col-M003 { 
	height: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(0, 0, 0, 0.75);
	}
.col-M004 {
	height: 5px;
	}
.col-M005 {
	height: 1px;
	}
.col-M006 {
	height: 10px;
	}
.text-M001 {
	font-family: "Bodoni Moda", serif;
	font-size: 20px;
	line-height: 28px;
	text-align: left;
	}
.class-M001 a:link, .class-M001 a:visited, .class-M001 a:active, .class-M001 a:hover, 
.class-M002 a:link, .class-M002 a:visited, .class-M002 a:active, .class-M002 a:hover {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(19, 19, 19, 1);
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	display: inline-block;
	}
.class-M002 a:link, .class-M002 a:visited, .class-M002 a:active, .class-M002 a:hover {
	font-family: "Bodoni Moda", serif;
	font-size: 20px;
	line-height: 28px;
	}
.class-M001 a:hover, .class-M002 a:hover {
	 text-decoration: none;
	}
.class-M001 a:after, .class-M002 a:after {
  	display: block;
  	content: '';
  	border-bottom: solid 1px rgba(19, 19, 19, 1); 
  	transform: scaleX(0);  
  	transition: transform 250ms ease-in-out;
	}
.class-M001 a:hover:after, .class-M002 a:hover:after { 
 	transform: scaleX(1); 
	}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: popup registration  ---------- ---------- ---------- */

#popupRegistration {
	display:none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	width: 250px;
	height: 250px;
	z-index: 902;
	background-color: #fff;
}
#popupRegistrationBody {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 250px;
	height: 250px;
}
#popupRegistrationClose {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	display: block;
  	cursor: pointer;
	z-index: 903;
}
#popupRegistrationBackground {
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(0, 0, 0, 0.25);
	z-index: 900;
}
.img-registration-body {
	border: none;
	width: 250px;
	height: 250px;
	cursor: pointer;
}
.img-registration-close {
	border: none;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

/* ---------- ---------- ---------- tavan.hr :: 2025-02-17 :: popup map  ---------- ---------- ---------- */

#map-popup, #map-popupbez {
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(0, 0, 0, 0.25);
	z-index: 900;
	}

#map, #mapbez {
	height: 100%;
	}
#pac-card {
	width: auto;
	height: auto;
	margin-top: 10px;
	left: auto;
	border-radius: 1px 0 0 1px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
    outline: none;
	padding-top: 8px;
	background-color: rgba(255, 255, 255, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
#pac-container {
	padding-top: 8px;
    padding-bottom: 8px;
	}
#pac-input {
    width: 280px;
	height: 32px;
	background-color: rgba(255, 255, 255, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(19, 19, 19, 1);
	font-size: 14px;
	line-height: 28px;
	margin-left: 8px;
	margin-right: 8px;
    padding: 0 8px 0 8px;
    text-overflow: ellipsis;
	border: 1px solid rgba(0, 0, 0, 0.25);
	}
#pac-input:focus {
	border: 1px solid rgba(0, 0, 0, 0.25);
    }
#title {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(19, 19, 19, 1);
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
    padding: 4px 8px;
	display: block;
	}

.hidden {
    display: none;
    }
/* Styling for an info pane that slides out from the left. 
* Hidden by default. */
#panel, #panelbez {
	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;
	}
.open {
    display: block;
	}
.place {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 500;
  	font-style: normal;
	color: rgba(19, 19, 19, 1);
	font-size: 22px;
	line-height: 22px;
    margin-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 10px;
	display: block;
   	}
.distanceText {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(19, 19, 19, 1);
	font-size: 18px;
	line-height: 22px;
    margin-left: 20px;
    margin-right: 20px;
	display: block;
    }
.distanceTextspaceL {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(19, 19, 19, 1);
	font-size: 18px;
	line-height: 22px;
    margin-left: 20px;
    }
.distanceTextspaceR {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(19, 19, 19, 1);
	font-size: 18px;
	line-height: 22px;
    margin-right: 20px;
    }
.distanceLink {
	font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
	font-weight: 400;
  	font-style: normal;
	color: rgba(237, 28, 36, 1);
	font-size: 18px;
	line-height: 22px;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
	display: block;
    }

#map-info-close, #map-info-closebez {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	display: block;
  	cursor: pointer;
	z-index: 903;
	}
.img-map-close {
	border: none;
	width: 40px;
	height: 40px;
	cursor: pointer;
	}