@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 {
	text-decoration: none;
	text-align: center;
	background-color: #FFF;
	}
/* --------------------------------------------------------------------------------------------- */
/* ---------- ---------- ---------- SECTION :: CVRČAK :: 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-bottom-01, #header-bottom-02, #header-bottom-03, 
#header-u, 
#header-search, #header-user, #header-cart, #header-user-m, #header-cart-m, 
#header-cart-alert, #header-fixed, 
.class-H01 a:link, .class-H01 a:visited, .class-H01 a:active, .class-H01 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, #header-u, #header-fixed { 
	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: 160px;
	background-color: rgba(255, 255, 255, 0);
	z-index: 100;
	}
#header-top {
	height: 30px;
	background-color: rgba(33, 54, 124, 1);
	}
#header-top-u {
	max-width: 1380px;
	height: 20px;
	top: 5px;
	text-align: right;
	display: block;
	}
#header-top-01, #header-top-02 {
	width: auto;
	height: 15px;
	float: right;
	display: block;
	}
#header-top-01 {
	margin-right: 40px;
	margin-left: auto;
	float: right;
	}
#header-top-02 {
	width: 76px;
	margin-right: 0px;
	}
#share-head-f, #share-head-l, #share-head-i {
	position: relative;
	width: 15px;
	height: 15px;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	display: block;
	float: right;
	}
.img-share-head {
	width: 15px;
	height: 15px;
	border: none;
	opacity: 1;
	}
.img-share-head:hover {
	opacity: 0.5;
	}
#header-middle {
	height: 80px;
	background-color: rgba(255, 255, 255, 1);
	}
#header-middle-u {
	max-width: 1360px;
	height: 80px;
	}
#header-logo {
	position: absolute;
	width: auto;
	height: 50px;
	left: 0px;
	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: 'Rubik', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 40px;
	color: rgba(33, 54, 124, 1);
	background-color: rgba(33, 54, 124, 0);
	list-style-type: none;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	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-bottom-01, #header-bottom-02, #header-bottom-03 {
	position: absolute;
	background-color: rgba(255, 255, 255, 1);
	width: 60px;
	height: 60px;
	top: 10px;
	display: block;
	z-index: 101;
	}
#header-bottom-01 {
	right: 0px;
	}
#header-bottom-02 {
	right: 40px;
	}
#header-bottom-03 {
	top: 10px;
	width: 260px;
	right: 100px;
	left: auto;
	display: block;
	}

#header-bottom-linijica {
	position: absolute;
	background-color: rgba(33, 54, 124, 0.75);
	width: 100%;
	height: 1px;
	top: 70px;
	left: 0px;
	display: block;
	z-index: 101;
	}

#header-trazi, #header-search, #header-user, #header-cart, #header-user-m, #header-cart-m  {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	top: 10px;
	display: block;
	z-index: 1;
	}
#header-trazi {
	background-image: none;
	width: 200px;
	top: 15px;
	right: 50px;
	display: block;
	}
#header-search {
	background-image: url(img/search-h.png);
	right: 0px;
	display: block;
	}
#header-user {
	background-image: url(img/user-h.png);
	right: 0px;
	display: block;
	}
#header-cart {
	background-image: url(img/cart-h.png);
	right: 0px;
	display: block;
	}
#header-user-m {
	background-image: url(img/user-h.png);
	display: none;
	}
#header-cart-m {
	background-image: url(img/cart-h.png);
	right: 20px;
	display: none;
	}
#header-cart-alert {
	position: absolute;
	width: auto;
	height: auto;
	background-color: rgba(201, 37, 43, 1);
	padding-left: 4px;
	padding-right: 4px;
	top: -2px;
	right: -2px;
	display: block;
	z-index: 10;
	}
.img-logo, .img-icon, .img-icon-s {
	border: none;
	opacity: 1;
	}
.img-logo {
	width: 99px;
	height: 50px;
	}
.img-icon, .img-icon-s {
	width: 40px;
	height: 40px;
	}
.img-icon:hover {
	opacity: 0;
	}	
.txt-H01 {
	font-family: 'Karla', sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	text-decoration: none;
	text-transform: none;
	}
.class-H01 a:link, .class-H01 a:visited, .class-H01 a:active, .class-H01 a:hover {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	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-H01 a:hover {
	text-decoration: none;
	}
 .class-H01 a:after {
  	display: block;
  	content: '';
  	border-bottom: solid 1px rgba(255, 255, 255, 1); 
  	transform: scaleX(0);  
  	transition: transform 250ms ease-in-out;
	}
 .class-H01 a:hover:after { 
 	transform: scaleX(1); 
	}
.input-H01, .input-H02 { 
	position: relative; 
	float: left;
	width: 200px;
	height: 30px;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	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;
	border: solid 1px rgba(108, 186, 67, 1);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.input-H02 { 
	color: rgba(201, 37, 43, 1);
	}


#header-top-u-m {
	max-width: 100%;
	height: 40px;
	top: 10px;
	text-align: right;
	display: none;
	}
#header-fixed {
	height: 120px;
	z-index: 1;
	}
/* --------------------------------------------------------------------------------------------- */
/* ---------- ---------- ---------- SECTION :: CVRČAK :: BANNER ---------- ---------- ---------- */
/* --------------------------------------------------------------------------------------------- */
#banner, #banner-u, #banner-carousel, #banner-txt, #banner-txt-01, #banner-img, 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;
	}
#banner, #banner-u, #banner-carousel, #banner-txt, #banner-img {
	position: relative;
	width: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
	z-index: 10;
	}
#banner {
	background-color: rgba(108, 190, 69, 1);
	height: 540px;
	}
#banner-u {
	width: 1360px;
	height: 540px;
	}
#banner-carousel {
	width: 100%;
	height: 480px;
	text-align: center;
	text-decoration: none;
	}	
#banner-txt {
	width: 360px;
	height: 400px;
	margin-top: 50px;
	margin-left: 160px;
	text-align: left;
	text-decoration: none;
	float: left;
	background-color: rgba(201, 37, 43, 0);
	}		
#banner-txt-01 {
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	transform: translate(0, -50%);
	text-align: left;
	}
#banner-img {
	width: 600px;
	height: 400px;
	margin-top: 50px;
	margin-left: 80px;
	text-align: left;
	text-decoration: none;
	float: left;
	}
.txt-B00 {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 46px;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	text-decoration: none;
	text-transform: none;
	}
.txt-B00 {
	font-weight: 800;
	}
.img-banner {
	width: 600px;
	height: 400px;
	border: none;
	opacity: 1;
	}
/* ---------------------------------------------------------------------------------------- */
/* ---------- ---------- ---------- CVRČAK :: PRODUCTS TBL ---------- ---------- ---------- */
/* ---------------------------------------------------------------------------------------- */
.tblWidth {
	width: 100%;
	border-spacing: 0px;
	}
.col-G01 {
	text-align: left;
	vertical-align: top;
	}
.col-G01-err {
	text-align: center;
	vertical-align: top;
	}
.col-G02 {
	width: 125px;
	height: 26px;
	}
.col-G03 {
	text-align: center;
	vertical-align: top;
	}
.col-G04 {
	text-align: right;
	vertical-align: middle;
	}
.col-G05 {
	width: 15px;
	}
.col-G06 {
	height: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	}
.col-G08 {
	width: 60px;
	height: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgba(33, 54, 124, 1);
	}
.col-G09 {
	height: 20px;
	}
.col-G011 {
	height: 20px;
	}
.col-G014 {
	height: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	}
.col-G015 {
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	}
/* ------------------------------------------------------------------------------------------ */
/* ---------- ---------- ---------- CVRČAK :: PRODUCTS CLASS ---------- ---------- ---------- */
/* ------------------------------------------------------------------------------------------ */
.class-G01 a:link, .class-G01 a:visited, .class-G01 a:active, .class-G01 a:hover, 
.class-G01-rest a:link, .class-G01-rest a:visited, .class-G01-rest a:active, .class-G01-rest a:hover, 
.class-G02 a:link, .class-G02 a:visited, .class-G02 a:active, .class-G02 a:hover, 
.class-G03 a:link, .class-G03 a:visited, .class-G03 a:active, .class-G03 a:hover,
.class-G04 a:link, .class-G04 a:visited, .class-G04 a:active, .class-G04 a:hover, 
#subnavigation, #subnavigation > a.subnav-link, 
.button-count, .button-cart, 
.class-D01 a:link, .class-D01 a:visited, .class-D01 a:active, .class-D01 a:hover, 
.class-map a:link, .class-map a:visited, .class-map a:active, .class-map 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;
}
/* ---------- ---------- ---------- ----------------- ---------- ---------- ---------- */
strong {
	font-weight: 500;
}		
.txt-G00, .txt-G01, .txt-G02, .txt-G03, .txt-G03P, .txt-G05, .txt-G05-rest, .txt-G06, .txt-G06-rest, 
.txt-G07, .txt-G07-rest, .txt-G07-white, .txt-G07-white-rest, .txt-G08, .txt-G08-rest, .txt-G09, .txt-G09-small, 
.txt-G010, .txt-G012, .txt-G013, .txt-G015, .txt-G016, .txt-G016-eur, .txt-G017, .txt-G021, .txt-G023, .txt-G026 {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.75);
	text-align: left;
	text-decoration: none;
	text-transform: none;
	}
.txt-G00 {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: rgba(33, 54, 124, 1);
	}
.txt-G01 {
	line-height: 16px;
	text-align: right;
	}
.txt-G02 {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	text-align: center;
	color: rgba(201, 37, 43, 1);
	}
.txt-G03 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	}
.txt-G03P {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	}
.txt-G05 {
	font-size: 16px;
	color: rgba(255, 255, 255, 1);
	}
.txt-G05-rest {
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	line-height: 20px;
	}
.txt-G06 {
	font-weight: 500;
	color: rgba(252, 238, 33, 1);
	font-size: 18px;
	}
.txt-G06-rest {
	font-weight: 500;
	color: rgba(252, 238, 33, 1);
	font-size: 16px;
	line-height: 20px;
	}
.txt-G07 {
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	text-decoration: line-through;
	}
.txt-G07-rest {
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	line-height: 20px;
	text-decoration: line-through;
	}
.txt-G07-white {
	font-size: 14px;
	text-decoration: none;
	}
.txt-G07-white-rest {
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	}
.txt-G08 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 38px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	}
.txt-G08-rest {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	}
.txt-G09 {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	text-transform: uppercase;
	}
.txt-G09-small {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	}
.txt-G010 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 32px;
	line-height: 42px;
	color: rgba(33, 54, 124, 1);
	}
.txt-G012 {
	}
.txt-G013 {
	font-weight: 500;
	}
.txt-G015 {
	font-size: 24px;
	line-height: 32px;
	}	
.txt-G016 {
	font-size: 24px;
	line-height: 32px;
	color: rgba(33, 54, 124, 1);
	}		
.txt-G016-eur {
	font-size: 22px;
	line-height: 30px;
	}
.txt-G017 {
	font-size: 24px;
	line-height: 32px;
	color: rgba(0, 0, 0, 0.25);
	text-decoration: line-through;
	}	
.txt-G021 {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
	color: rgba(33, 54, 124, 1);
	}	
.txt-G023 {
	color: rgba(201, 37, 43, 1);
	}	
.txt-G026 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 42px;
	line-height: 42px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	}
.class-G01 a:link, .class-G01 a:visited, .class-G01 a:active, .class-G01 a:hover, 
.class-G01-rest a:link, .class-G01-rest a:visited, .class-G01-rest a:active, .class-G01-rest a:hover, 
.class-G02 a:link, .class-G02 a:visited, .class-G02 a:active, .class-G02 a:hover, 
.class-G03 a:link, .class-G03 a:visited, .class-G03 a:active, .class-G03 a:hover, 
.class-G04 a:link, .class-G04 a:visited, .class-G04 a:active, .class-G04 a:hover {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	}
.class-G01 a:link, .class-G01 a:visited, .class-G01 a:active, .class-G01 a:hover {
	font-weight: 500;
	font-size: 16px;
	color: rgba(255, 255, 255, 1);
	}
.class-G01 a:hover {
	color: rgba(252, 238, 33, 1);
	}
.class-G01-rest a:link, .class-G01-rest a:visited, .class-G01-rest a:active, .class-G01-rest a:hover {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	}
.class-G01-rest a:hover {
	color: rgba(252, 238, 33, 1);
	}
.class-G02 a:link, .class-G02 a:visited, .class-G02 a:active, .class-G02 a:hover {
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	}
 .class-G02 a:after {
  	display: block;
  	content: '';
  	border-bottom: solid 2px rgba(255, 255, 255, 1); 
  	transform: scaleX(0);  
  	transition: transform 250ms ease-in-out;
	}
 .class-G02 a:hover:after { 
 	transform: scaleX(1); 
	}
.class-G03 a:link, .class-G03 a:visited, .class-G03 a:active, .class-G03 a:hover {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.5);
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	display: inline-block;
	border: solid 1px rgba(108, 186, 67, 1);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
.class-G03 a:hover {
	color: rgba(108, 186, 67, 1);
	border: solid 1px rgba(108, 186, 67, 0);
	}
.class-G04 a:link, .class-G04 a:visited, .class-G04 a:active, .class-G04 a:hover {
	font-weight: 500;
	font-size: 24px;
	}
.class-G04 a:hover {
	color: rgba(108, 190, 69, 1);
	}
#subnavigation {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: rgba(33, 54, 124, 1);
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	outline: 0;
	outline: none;
	list-style-type: none;
	display: inline-block;
	z-index: 1;
	}
#subnavigation > a.subnav-link {
	margin-left: 15px;
	margin-right: 15px;
	color: rgba(33, 54, 124, 1);
	text-decoration: none;
	display: inline-block;
	}
#subnavigation > a.subnav-link.active {
	font-weight: 500;
	color: rgba(33, 54, 124, 1);
	}
#subnavigation > a.subnav-link:hover {
	color: rgba(108, 190, 69, 1);
	}
#subnavigation > a.subnav-link:active {
	color: rgba(108, 190, 69, 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: 'Karla', sans-serif;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	border: solid 1px rgba(0, 0, 0, 0.25);
	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(108, 190, 69, 1);
	height: 30px;
	font-family: 'Karla', sans-serif;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	border: solid 1px rgba(108, 190, 69, 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: 18px;
	}
.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(108, 190, 69, 1);
	background-color: rgba(108, 190, 69, 0);
	}
.img-sort, .img-product, .img-product-rest, .img-big, .img-share {
	border: none;
	opacity: 1;
	}		
.img-sort {
	width: 20px;
	height: 20px;
	}
.img-share {
	width: 24px;
	height: 24px;
	}
.img-sort:hover, .img-share:hover {
	opacity: 0;
	}
.img-product {
	width: 280px;
	height: 397px;
	}
.img-product-rest {
	width: 232px;
	height: 329px;
	}
.img-big {
	width: 400px;
	height: 560px;
	}

#section-G01-promjesta {
	position:  relative;
	width: auto;
	height: 100px;	
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
	z-index: 1;
	}
.img-promjesta {
	width: auto;
	height: 100px;
	border: none;
	opacity: 1;
	}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* ----------------------------------------------------------------------------------------------- */
/* ---------- ---------- ---------- SECTION :: CVRČAK :: PRODUCTS ---------- ---------- ---------- */
/* ----------------------------------------------------------------------------------------------- */
#section-G00SKOLA, 
#section-G01, #section-G01-01, #section-G01-01-01, #section-G01-01-01-select, #section-G01-01-01-cijena, 
#section-G01-01-01-proizvodi, #section-G01-01-01-proizvodi-mobile, 
#section-G01-01-01-m, #section-G01-02, #section-G01-02-prodajna, 
#section-G01-02-home, #section-G01-02-home-mobile, 
#section-G01-02-restrest, #section-G01-02-restrest-mobile, 
#section-G01-02-tag, #section-G01-02-tag-mobile, 
#page-products-G01, #page-products-G02, 
#page-products-img, #page-products-txt-01, #page-products-new, #page-products-action, 
#page-product-new, #page-product-action, 
#section-G02SKOLA, #section-G02-01,  
#section-G03, #section-G03-01, #section-G03-01-01, #section-G03-01-02, 
#section-G03-02, #share-F, #share-T, #share-I, #share-L, #share-W, #share-M, 
#page-products-G01-rest, #page-products-G02-rest, #page-products-img-rest, #page-products-txt-01-rest, 
#page-products-action-rest, #page-products-new-rest, 
#sort-down, #sort-up, #upit-show, 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-G00SKOLA, 
#section-G01, #section-G01-01, #section-G01-01-01, 
#section-G01-01-01-proizvodi, #section-G01-01-01-proizvodi-mobile, 
#section-G01-01-01-m, #section-G01-02, #section-G01-02-prodajna, 
#section-G01-02-home, #section-G01-02-home-mobile, 
#section-G01-02-restrest, #section-G01-02-restrest-mobile, 
#section-G01-02-tag, #section-G01-02-tag-mobile, 
#page-products-G01, #page-products-G02, 
#page-products-img, #section-G02SKOLA, #section-G02-01, 
#section-G03, #section-G03-01, #section-G03-01-01, #section-G03-01-02, 
#section-G03-02, #share-F, #share-T, #share-I, #share-L, #share-W, #share-M, 
#page-products-G01-rest, #page-products-G02-rest, #page-products-img-rest { 
	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-G02SKOLA {
	background-color: rgba(108, 190, 69, 1);
	}
#section-G02-01 {
	max-width: 1440px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	}
#section-G01 {
	max-width: 100%;
	min-height: 20px;
	}
#section-G01-01 {
	max-width: 100%;
	height: auto;
	z-index: 4;
	}
#section-G01-01-01 {
	max-width: 1360px;
	margin-top: 20px;
	display: block;
	}
#section-G01-01-01-select  {
	position: absolute;
	width: 200px;
	height: auto;
	top: 40px;
	left: 0px;
	display: block;
	z-index: 5;
	}
#section-G01-01-01-cijena  {
	position: absolute;
	width: 200px;
	height: auto;
	top: 50px;
	right: 0px;
	display: block;
	z-index: 6;
	}
#section-G01-01-01-m {
	max-width: 300px;
	margin-top: 20px;
	display: none;
	}
#section-G01-01-01-proizvodi {
	max-width: 1360px;
	margin-top: 100px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(0, 0, 0, 0.25);
	display: block;
	}
#section-G01-01-01-proizvodi-mobile {
	max-width: 1360px;
	margin-top: 100px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(0, 0, 0, 0.25);
	display: none;
	}
#section-G01-02 {
	max-width: 1360px;
	margin-top: 0px;
	margin-bottom: 60px;
	z-index: 3;
	}	
#section-G01-02-restrest {
	max-width: 1360px;
	margin-top: 0px;
	margin-bottom: 60px;
	z-index: 3;
	display: block;
	}	
#section-G01-02-restrest-mobile {
	max-width: 1360px;
	margin-top: 0px;
	margin-bottom: 60px;
	z-index: 3;
	display: none;
	}
#section-G01-02-prodajna {
	max-width: 1100px;
	margin-top: 60px;
	margin-bottom: 60px;
	z-index: 3;
	}
#section-G01-02-tag {
	max-width: 1360px;
	margin-top: 0px;
	margin-bottom: 60px;
	display: block;
	}	
#section-G01-02-tag-mobile {
	max-width: 1360px;
	margin-top: 0px;
	margin-bottom: 60px;
	display: none;
	}	
#section-G01-02-home {
	max-width: 1360px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	}		
#section-G01-02-home-mobile {
	max-width: 1360px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: none;
	}
#page-products-G01, #page-products-G02 {
	width: 340px;
	min-height: 458px;
	margin-top: 30px;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	border-width: 0px;
	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;
	}
#page-products-G01 {
	margin-right: 0px;
	border-right: 0px solid rgba(0, 0, 0, 0.25);
	}
#page-products-img {
	width: 280px;
	height: 398px;
	margin-top: 30px;
	}
#page-products-img:hover {
	transform: scale(0.90);
	}
#page-products-new, #page-products-action, #page-products-txt-01, 
#page-products-new-rest, #page-products-action-rest, #page-products-txt-01-rest  {
	position: absolute;
	width: auto;
	height: auto;
	display: block;
	}
#page-products-new {
	top: 15px;
	left: 15px;
	background-color: rgba(201, 37, 43, 1);
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-width: 2px;
	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: 1;
	}
#page-products-action {
	right: 15px;
	top: 15px;
	background-color: rgba(201, 37, 43, 1);
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-width: 2px;
	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: 2;
	}
#page-products-txt-01 {
	position: absolute;
	max-width: 300px;
	left: 15px;
	top: auto;
	bottom: 15px;
	background-color: rgba(108, 190, 69, 1);
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-width: 2px;
	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;
	}
#page-products-new-rest {
	top: 10px;
	left: 10px;
	background-color: rgba(201, 37, 43, 1);
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-width: 2px;
	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: 1;
	}
#page-products-action-rest {
	right: 10px;
	top: 10px;
	background-color: rgba(201, 37, 43, 1);
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-width: 2px;
	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: 2;
	}
#page-products-txt-01-rest {
	max-width: 252px;
	left: 10px;
	bottom: 10px;
	background-color: rgba(108, 190, 69, 1);
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-width: 2px;
	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;
	}
#page-product-new, #page-product-action {
	position: absolute;
	width: auto;
	height: auto;
	display: block;
	z-index: 50;
	background-color: rgba(201, 37, 43, 1);
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
#page-product-new {
	top: 15px;
	left: 15px;
	}
#page-product-action {
	right: 15px;
	bottom: 15px;
	}
#page-products-G01-rest, #page-products-G02-rest {
	width: 272px;
	min-height: 370px;
	margin-top: 30px;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	border-width: 0px;
	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;
	}
#page-products-G01-rest {
	border-right: 0px solid rgba(0, 0, 0, 0.25);
	}
#page-products-img-rest {
	width: 232px;
	height: 330px;
	margin-top: 20px;
	}
#page-products-img-rest:hover {
	transform: scale(0.9);
	}
#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-G03 {
	max-width: 1440px;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	}
#section-G03-01 {
	max-width: 400px;
	height: auto;
	margin-top: 0px;
	margin-left: 210px;
	float: left;
	}
#section-G03-01-01, #section-G03-01-02 {
	max-width: 400px;
	height: 560px;
	}
.list_carouselU {
	position: relative;
	width: 100%;
	height: 560px;
	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: 265px;
    width: 30px;
    height: 30px;
	display: block;
	z-index: 25;
}
a.Rprev3 {			
	left: 15px;
	background: url(img/prev.png) no-repeat transparent;
	background-size: 30px 30px;
	z-index: 25;
	}
a.Rprev3:hover {
	background: url(img/prev.png) no-repeat transparent;
	background-size: 30px 30px;
	}
a.Rprev3.disabled {
	display: none;
	background-position: 0 -100px !important;  
	}
a.Rnext3 {	
	right: 15px;
	background: url(img/next.png) no-repeat transparent;
	background-size: 30px 30px;
	z-index: 25;
	}
a.Rnext3:hover {		
	background: url(img/next.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-G03-02 {
	width: 600px;
	height: auto;
	margin-top: 0px;
	margin-left: 90px;
	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: 'Karla', sans-serif;
	font-weight: 400;
	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 :: TEKSTOVI  ---------- ---------- ---------- */
/* ------------------------------------------------------------------------------------- */
#section-D00, #section-D00-00, #section-D01, #section-D01-00, #section-D01-01, #section-D01-02, #section-D01-03, 
#page-store-D01, #page-store-D02, #page-store-txt-01, #section-D01-04, #section-D01-05, 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-D00, #section-D00-00, #section-D01, #section-D01-00, #section-D01-01, #section-D01-02, #section-D01-03, 
#page-store-D01, #page-store-D02, #section-D01-04, #section-D01-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-D00 {
	background-color: rgba(108, 190, 69, 1);
	}
#section-D00-00 {
	max-width: 1440px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	}
#section-D01-00 {
	max-width: 1360px;
	margin-top: 60px;
	margin-bottom: 60px;
	}
#section-D01-01 {
	width: 400px;
	margin-left: 100px;
	float: left;
	}
#section-D01-02 {
	width: 720px;
	margin-top: 0px;
	margin-left: 80px;
	float: left;
	}
#section-D01-03 {
	width: 100%;
	float: left;
	}
#page-store-D01, #page-store-D02 {
	width: 340px;
	min-height: 125px;
	margin-top: 30px;
	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;
	}
#page-store-D01 {
	border-right: 0px solid rgba(0, 0, 0, 0.25);
	}
#page-store-txt-01  {
	position: absolute;
	left: 15px;
	top: 15px;
	width: auto;
	height: auto;
	display: block;
	background-color: rgba(255, 255, 255, 1);
	z-index: 3;
	}
#section-D01-04 {
	max-width: 1360px;
	height: 60px;
	margin-top: 60px;
	margin-bottom: 0px;
	}
#section-D01-05 {
	max-width: 1360px;
	margin-top: 0px;
	margin-bottom: 60px;
	}
#gmap {
	width: 100%;
	height: 400px;
	}
#gmap div {
	float: none
	}	
/* ---------- ---------- ---------- ---------- TBL / CLASS */
.col-D00 {
	text-align: center;
	vertical-align: top;
	}
.col-D01 {
	text-align: left;
	vertical-align: top;
	}
.col-D02 {
	width: 60px;
	height: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgba(33, 54, 124, 1);
	}
.col-D03 {
	height: 20px;
	}
.col-D04 {
	height: 10px;
	}
.col-D05 {
	height: 40px;
	}
.col-D06 {
	height: 20px;
	}
.col-D07 {
	height: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	}
.txt-D00, .txt-D01, .txt-D02, .txt-D03, .txt-D04, .txt-D05  {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.75);
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	}
.txt-D00 {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	}
.txt-D02 {
	font-weight: 500;
	}
.txt-D03 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	color: rgba(33, 54, 124, 1);
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
	}
.txt-D04 {
	font-weight: 500;
	color: rgba(33, 54, 124, 1);
	font-size: 18px;
	line-height: 24px;
	}
.txt-D05 {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	}
.class-D01 a:link, .class-D01 a:visited, .class-D01 a:active, .class-D01 a:hover {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: rgba(108, 190, 69, 1);
	text-decoration: none;
	text-align: left;
	outline: 0;
	outline: none;
	-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;
	}
.class-D01 a:hover {
	color: rgba(0, 0, 0, 0.75);
	}	
.img-cvrcak {
	border: none;
	opacity: 1;
	}
.img-cvrcak {
	width: 400px;
	height: auto;
	}
.input-D01 { 
	position: relative; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 100%;
	height: 40px;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
	text-decoration: none;
	outline: 0;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.25);
	background-color: rgba(255, 255, 255, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	}
.input-D01 {
	width: 300px;
	color: rgba(0, 0, 0, 0.5);
	padding-left: 10px;
	text-align: left;
	}
.class-map a:link, .class-map a:visited, .class-map a:active, .class-map a:hover {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: rgba(33, 54, 124, 1);
	text-decoration: none;
	text-align: center;
	outline: 0;
	outline: none;
	-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;
	}
.class-map a:hover {
	text-decoration: underline;
	}
/* ----------------------------------------------------------------------------------------------- */
/* ---------- ---------- ---------- SECTION :: CVRČAK :: KOŠARICA ---------- ---------- ---------- */
/* ----------------------------------------------------------------------------------------------- */	
#section-C01, #section-C01-00, #section-C01-01, #section-C01-01-01, #section-C01-01-02, #section-C01-01-03, 
#page-products-C01, #page-img-C01, #page-txt-C01, #page-new-C01, #page-action-C01, #page-suma-C01, #page-del-C01, 
#page-total-C01, #page-total-txt-C01, 
#section-C01-00-PL, #section-C01-00-PL-01, #section-C01-00-PL-02, #section-C01-00-PL-03, 

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, #section-C01-00, #section-C01-01, #section-C01-01-01, #section-C01-01-02, #section-C01-01-03, 
#page-products-C01, #page-img-C01, #page-total-C01, #page-total-txt-C01, 
#section-C01-00-PL, #section-C01-00-PL-01, #section-C01-00-PL-02, #section-C01-00-PL-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-C01-00 {
	max-width: 1360px;
	margin-top: 40px;
	margin-bottom: 40px;
	}
#section-C01-01 {
	background-color: rgba(255, 255, 255, 1);
	width: 1360px;
	height: auto;
	margin-left: 0px;
	float: left;
	}
#section-C01-01-01 {
	width: 1260px;
	height: auto;
	margin-top: 40px;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	float: left;
	}
#section-C01-01-02 {
	width: 1020px;
	min-height: 300px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	}
#page-products-C01 {
	width: 300px;
	min-height: 300px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 40px;
	margin-bottom: 40px;
	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;
	}
#page-img-C01 {
	width: 140px;
	height: 196px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	}
#page-txt-C01 {
	position: absolute;
	width: 130px;
	height: auto;
	top: 10px;
	right: 10px;
	display: block;
	z-index: 3;
	}
#page-new-C01, #page-action-C01 {
	position: absolute;
	width: auto;
	height: auto;
	display: block;
	z-index: 50;
	background-color: rgba(201, 37, 43, 1);
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 2px;
	}
#page-new-C01 {
	top: 4px;
	left: 4px;
	}
#page-action-C01 {
	right: 4px;
	bottom: 4px;
	}
#page-suma-C01 {
	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);
	}
#page-del-C01 {
	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;
	}
#section-C01-01-03 {
	width: 340px;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	float: left;
	}
#page-total-C01 {
	background-color: rgba(201, 37, 43, 1);
	width: 300px;
	min-height: 300px;
	margin-top: 0px;
	margin-left: 40px;
	margin-right: 0px;
	float: left;
	}
#page-total-txt-C01 {
	width: 260px;
	height: auto;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	}

#section-C01-00-PL {
	max-width: 1360px;
	margin-top: 40px;
	margin-bottom: 40px;
	}
#section-C01-00-PL-01, #section-C01-00-PL-02 {
	background-color: rgba(255, 255, 255, 1);
	width: 410px;
	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-C01-00-PL-01 {
	margin-left: 0px;
	}
#section-C01-00-PL-02 {
	margin-top: 0px;
	margin-left: 43px;
	}
#section-C01-00-PL-03 {
	width: 370px;
	height: auto;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block;
	}

.col-C01 {
	height: 40px;
	}
.col-C02 {
	height: 20px;
	}
.col-C03 {
	text-align: left;
	vertical-align: top;
	}
.col-C06 {
	text-align: right;
	vertical-align: top;
	}
.col-C07 {
	height: 10px;
	}
.col-C08 {
	height: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.5);
	}
.col-C09 {
	height: 10px;
	}
.col-C013 {
	height: 10px;
	}
.col-C014 {
	text-align: right;
	vertical-align: top;
	}
.col-C015 {
	text-align: left;
	vertical-align: middle;
	}
.col-C01-prazna {
	text-align: left;
	vertical-align: top;
	}
.col-C02-prazna {
	text-align: center;
	vertical-align: top;
	}

.txt-C01, .txt-C02, .txt-C03, .txt-C05, .txt-C06, .txt-C07, .txt-C08, .txt-C09, .txt-C011, .txt-C012, .txt-C013, .txt-C014, .txt-C018, 
.txt-C01-prazna, .txt-C02-prazna, .txt-C03-prazna, .txt-C04-prazna {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.75);
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	text-decoration: none;
	text-transform: none;
	}
.txt-C01 {
	text-align: left;
	}
.txt-C02 {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	font-size: 20px;
	text-align: left;
	text-transform: uppercase;
	color: rgba(33, 54, 124, 1);
	}
.txt-C03 {
	font-weight: 500;
	font-size: 16px;
	color: rgba(33, 54, 124, 1);
	}
.txt-C05 {
	font-size: 14px;
	}
.txt-C06 {
	font-size: 14px;
	text-decoration: line-through;
	}
.txt-C07 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 24px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	}
.txt-C08 {
	color: rgba(201, 37, 43, 1);
	}
.txt-C09 {
	font-weight: 500;
	font-size: 14px;
	}
.txt-C011 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 24px;
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
	}
.txt-C012 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	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;
	}
.txt-C018 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	text-transform: uppercase;
	}
.txt-C01-prazna {
	color: rgba(201, 37, 43, 1);
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	}
.txt-C02-prazna {
	color: rgba(201, 37, 43, 1);
	text-align: left;
	}
.txt-C03-prazna {
	color: rgba(201, 37, 43, 1);
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	}
.txt-C04-prazna {
	color: rgba(201, 37, 43, 1);
	text-align: center;
	}
.img-C1-prod, .img-C1-del {
	border: none;
	opacity: 1;
	}			
.img-C1-prod {
	width: 140px;
	height: auto;
	}
.img-C1-del {
	width: 25px;
	height: auto;
	}
.img-C1-del:hover {
	opacity: 0;
	}
#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 {
	width: auto;
	height: 30px;
	border: none;
	opacity: 1;
	}
.img-Logo-chart-02 {
	width: auto;
	height: 30px;
	border: none;
	opacity: 1;
	}
/* ----------------------------------------------------------------------------------- */
/* ---------- ---------- ---------- CVRČAK :: FOOTER  ---------- ---------- ---------- */
/* ----------------------------------------------------------------------------------- */
#section-DIV  { 
	position: relative;
	width: 100%;
	height: 40px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	display: block;
}
#footer, #footer-u, #footer-01, #footer-02, #footer-03, #footer-04, #footer-05, #footer-copy, 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  { 
	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(0, 0, 0, 0.5);
	}
#footer-u {
	max-width: 1360px;
	margin-top: 20px;
	margin-bottom: 60px;
	}
#footer-01 {
	width: 300px;
	min-height: 300px;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-right-width: 1px;
	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: left;
	}
#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: block;
	}
#footer-03 {
	width: 200px;
	min-height: 100px;
	margin-top: 40px;
	margin-left: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	border-top-width: 0px;
	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: left;
	}
#footer-04 {
	width: 300px;
	min-height: 100px;
	margin-top: 40px;
	margin-left: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	border-top-width: 0px;
	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: left;
	}
#footer-05 {
	width: 200px;
	min-height: 200px;
	margin-top: 40px;
	margin-left: 60px;
	margin-right: 0px;
	border-left-width: 1px;
	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: left;
	}
#footer-copy {
	width: 1360px;
	height: 60px;
	margin-top: 20px;
	}
/* ---------- ---------- ---------- ---------- TBL / CLASS */
.col-F01 {
	text-align: left;
	vertical-align: top;
	}
.col-F02 {
	height: 10px;
	}
.col-F03 {
	height: 20px;
	}
.col-F04 {
	text-align: right;
	vertical-align: top;
	}
.col-F05 {
	height: 10px;
	}
.col-F06 {
	width: 60px;
	}
.txt-F01, .txt-F02, .txt-F03, .txt-F04 {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	text-align: left;
	}
.txt-F02 {
	font-weight: 600;
	}
.txt-F04 {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: rgba(0, 0, 0, 0.75);
	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, 
.class-F03 a:link, .class-F03 a:visited, .class-F03 a:active, .class-F03 a:hover {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	display: inline-block;
	-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;
	}
.class-F01 a:link, .class-F01 a:visited, .class-F01 a:active, .class-F01 a:hover {
	text-align: left;
	}
.class-F02 a:link, .class-F02 a:visited, .class-F02 a:active, .class-F02 a:hover {
	text-align: right;
	}
.class-F03 a:link, .class-F03 a:visited, .class-F03 a:active, .class-F03 a:hover {
	margin-left: 20px;
	text-align: right;
	}
.class-F01 a:hover, .class-F02 a:hover, .class-F03 a:hover {
	 text-decoration: none;
	}
 .class-F01 a:after, .class-F02 a:after, .class-F03 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, .class-F03 a:hover:after { 
 	transform: scaleX(1); 
	}
#share-Foot-top {
	position: relative;
	width: auto;
	height: 20px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
	float: left;
	z-index: 1;
	}
#share-Foot {
	position: relative;
	width: 20px;
	height: 20px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	display: block;
	float: left;
	z-index: 1;
	}
#spin-WS {
	position: relative;
	width: 100px;
	height: 100px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
	float: left;
	z-index: 1;
	}
.img-share-Foot, .img-spin-ws {
	width: auto;
	border: none;
	opacity: 1;
	}
.img-share-Foot {
	height: 20px;
	}
.img-share-Foot:hover {
	opacity: 0.5;
	}
.img-spin-ws {
	height: 100px;
	}




/* ---------------------------------------------------------------------------------------------- */
/* ---------- ---------- ---------- SECTION :: CVRČAK :: PRIJAVA ---------- ---------- ---------- */
/* ---------------------------------------------------------------------------------------------- */
#section-P02, #section-P02-00, #section-P02-01, #section-P02-02, #section-P02-01-00, 


#section-P02-01-01, #section-P02-01-01-m, 
#section-P02-03, #section-P02L, 
.class-P01 a:link, .class-P01 a:visited, .class-P01 a:active, .class-P01 a:hover, 
.class-P02 a:link, .class-P02 a:visited, .class-P02 a:active, .class-P02 a:hover, 
.class-P03 a:link, .class-P03 a:visited, .class-P03 a:active, .class-P03 a:hover, 
.button-01, .button-02, 
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-P02, #section-P02-00, #section-P02-01, #section-P02-02, #section-P02-01-00, 


#section-P02-01-01, #section-P02-01-01-m, 
#section-P02L, #section-P02-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-P02 {
	min-height: 760px;
	}
#section-P02-00 {
	max-width: 1360px;
	margin-top: 40px;
	margin-bottom: 40px;
	}
#section-P02-01, #section-P02-02 {
	background-color: rgba(255, 255, 255, 1);
	width: 480px;
	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-P02-01 {
	margin-left: 140px;
	}
#section-P02-02 {
	margin-top: 0px;
	margin-left: 120px;
	}
#section-P02-01-00 {
	width: 398px;
	height: auto;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
	display: block;
	}

.col-P01 {
	text-align: right;
	vertical-align: top;
	}
.col-P02 {
	height: 20px;
	}
.col-P03 {
	text-align: left;
	vertical-align: top;
	}
.col-P04 {
	height: 40px;
	}
.col-P05 {
	text-align: left;
	vertical-align: middle;
	}

.txt-P00, .txt-P01, .txt-P02, .txt-P015 {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.75);
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	}
.txt-P00 {
	text-align: left;
	}
.txt-P01 {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	color: rgba(33, 54, 124, 1);
	font-size: 18px;
	line-height: 18px;
	text-align: right;
	text-transform: uppercase;
	}
.txt-P02 {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	color: rgba(33, 54, 124, 1);
	font-size: 18px;
	line-height: 18px;
	text-align: left;
	text-transform: uppercase;
	}
.txt-P015 {
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	}
	
.class-P01 a:link, .class-P01 a:visited, .class-P01 a:active, .class-P01 a:hover, 
.class-P02 a:link, .class-P02 a:visited, .class-P02 a:active, .class-P02 a:hover, 
.class-P03 a:link, .class-P03 a:visited, .class-P03 a:active, .class-P03 a:hover {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: rgba(33, 54, 124, 1);
	text-align: left;
	text-decoration: none;
	text-transform: none;
	outline: 0;
	outline: none;
	}
.class-P02 a:link, .class-P02 a:visited, .class-P02 a:active, .class-P02 a:hover {
	color: rgba(201, 37, 43, 1);
	font-weight: 600;
	text-align: right;
	}
.class-P03 a:link, .class-P03 a:visited, .class-P03 a:active, .class-P03 a:hover {
	color: rgba(14, 150, 104, 1);
	font-weight: 600;
	text-align: right;
	}
.class-P01 a:hover {
	color: rgba(108, 186, 67, 1);
	}
.class-P02 a:hover {
	color: rgba(0, 0, 0, 1);
	}
.class-P03 a:hover {
	color: rgba(0, 0, 0, 1);
	}
.input-01, .input-02, .input-03, .input-04, .input-05, .input-06 { 
	position: relative; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 100%;
	height: 40px;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
	text-decoration: none;
	outline: 0;
	outline: none;
	border: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	background-color: rgba(255, 255, 255, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	}
.input-01 { 
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 10px;
	text-align: right;
	float: right;
	}
.input-02 { 
	margin-left: 0px;
	padding-left: 10px;
	text-align: left;
	float: left;
	}
.input-03 { 
	color: rgba(108, 186, 67, 1);
	margin-left: 0px;
	padding-left: 10px;
	text-align: left;
	float: left;
	}
.input-04 { 
	text-align: left;
	float: left;
	height: 100px;
	padding-top: 10px;
	resize: none;
	overflow: hidden;
	}
.input-05 { 
	margin-left: 0px;
	padding-right: 10px;
	text-align: right;
	float: right;
	}
.input-06 {
	width: 300px;
	margin-left: 0px;
	padding-left: 10px;
	text-align: left;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.25);
	background-color: rgba(255, 255, 255, 1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.button-01, .button-02 { 
	position: relative; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: rgba(108, 190, 69, 1);
	height: 30px;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	border: solid 1px rgba(108, 190, 69, 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-01 { 
	margin-right: 0px;
	float: right;
	}
.button-02 { 
	margin-left: 0px;
	margin-right: auto;
	float: left;
	}
.button-01:hover, .button-02:hover { 
	color: rgba(108, 190, 69, 1);
	background-color: rgba(255, 255, 255, 1);
	}






/*the container must be positioned relative:*/
.custom-select {
	position: relative;
	font-family: 'Karla', 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(108, 190, 69, 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(108, 190, 69, 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(108, 190, 69, 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;
}







#section-P02L {
	min-height: 100px;
	}
#section-P02-03 {
	background-color: rgba(255, 255, 255, 1);
	width: 480px;
	height: auto;
	margin-left: 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;
	}
#section-P02-01-01 {
	width: 398px;
	height: auto;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
	display: block;
	}
#section-P02-01-01-m {
	width: 398px;
	height: auto;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
	display: none;
	}
	


.col-P06 {
	height: 10px;
	}
.col-P07 {
	height: 60px;
	}
.col-P08 {
	height: 5px;
	}
.col-P09 {
	height: 40px;
	}
.col-P010 {
	height: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	}
.col-P011 {
	height: 2px;
	}




/* ------------------------------------------------------------------------------------------ POPUP PODACI */
#popupContactBanner {
	display:none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	width: 400px;
	height: 400px;
	z-index: 902;
	background-color: #fff;
}
#popupKlikBanner {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 400px;
}
.IMG-FLOAT {
	border: none;
	width: 400px;
	height: 400px;
	cursor: pointer;
}
.IMG-FLOAT:hover {
	opacity: 1;
}
.IMG-FLOAT-CLOSE {
	border: none;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.IMG-FLOAT-CLOSE:hover {
	opacity: 0.5;
}
#popupContactCloseBanner {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	display: block;
  	cursor: pointer;
	z-index: 903;
}
#backgroundPopupBanner {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #000;
	border: 1px solid #cecece;
	z-index: 900;
}