@font-face {
font-family: 'Rubik';
font-display: auto;
font-style: normal;
font-weight: 300;
src: url('https://u3.si/v1/fonts/Rubik-Light.ttf') format('truetype');
}





html, body	{-webkit-text-size-adjust: 100%;}
body		{ margin: 0; padding: 0; font-family: 'Rubik'; font-weight: 300; font-size:16px; line-height:1.5; margin: 0; padding: 0; overflow-x: hidden; background-color: #E4E3C1; }
A:link      	{ text-decoration: none; color: black; }
A:visited   	{ text-decoration: none; color: black; }
A:hover     	{ text-decoration: none; color: black; }
A:active    	{ text-decoration: none; color: black; }

::-webkit-input-placeholder	{ color: #d2d2d2; font-weight: normal; }
:-moz-placeholder		{ color: #d2d2d2; font-weight: normal; opacity: 1; }
::-moz-placeholder		{ color: #d2d2d2; font-weight: normal; opacity: 1; }
:-ms-input-placeholder		{ color: #d2d2d2; font-weight: normal; }


.krog { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -khtml-border-radius: 100%; }
.krog5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
.krog10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; }



	.crta1 { clear: both; height: 50px; }
	.crta2 { border-bottom: 1px silver dotted; }

	.gumb1 { transition: background-color 1s; display: inline-block; padding: 10px 20px 10px 20px; margin: 5px; color: black; background-color: white; border: 2px #18C9FF solid; }
	.gumb1:hover { font-weight: bold; background-color: #18C9FF; color: white; }

	.gumb1oznacen { display: inline-block; padding: 10px 20px 10px 20px; margin: 5px; border: 2px #18C9FF solid;  font-weight: bold; background-color: #18C9FF; color: white; }


	.naslov1 { color: #18C9FF; font-size: 24px; font-weight: bold; }
	.gumb2 { font-size: 16px; font-weight: bold; padding: 15px; background-color: #FF5005; color: white; border: 0; margin: 20px 0 0 0; }
	.gumb2:hover { background-color: #c85005; }

	.gumb3 { font-size: 16px; transition: background-color 1s; display: inline-block; padding: 7px 15px 7px 15px; margin: 5px; color: black; background-color: white; border: 2px #18C9FF solid; }
	.gumb3:hover { font-weight: bold; background-color: #18C9FF; color: white; }

	.gumb4 { font-size: 16px; font-weight: bold; padding: 25px 40px 25px 40px; background-color: #FF5005; color: white; border: 0; margin: 20px 0 0 0; }
	.gumb4:hover { background-color: #c85005; }

.center { text-align: center; }



					.krog1 {
						-moz-border-radius: 100%;
						-webkit-border-radius: 100%;
						border-radius: 100%;
						-khtml-border-radius: 100%;
					}


					.krog {
						background-color: #ff6600; color: white; font-size: 20px; font-weight: bold; text-align: center; display: inline-block; position: fixed; bottom: 50px; right: 20px; padding: 10px; width: 40px; height: 40px; overflow: hidden; line-height: 40px;

						-webkit-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.6);
						-moz-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.6);
						box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.6);
						-moz-border-radius: 100%;
						-webkit-border-radius: 100%;
						border-radius: 100%;
						-khtml-border-radius: 100%;
					}




	.s02op1  { color: white; padding: 5px 15px 5px 15px; border: 1px white solid; display: inline-block; margin: 0; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
	.s02op2  { color: white; display: inline-block; margin: 0 30px 0 0; }
	.s02nasl1 { font-size: 24px; color: white; margin: 0 0 30px 0; }
	.s02nasl2 { font-size: 60px; color: white; line-height: 110%; margin: 0 0 30px 0;}



	.s02op1  { color: white; padding: 5px 15px 5px 15px; border: 1px white solid; display: inline-block; margin: 0; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
	.s02op2  { color: white; display: inline-block; margin: 0 30px 0 0; }
	.s02nasl1 { font-size: 24px; color: white; margin: 0 0 30px 0; }
	.s02nasl2 { font-size: 60px; color: white; line-height: 110%; margin: 0 0 30px 0;}

	#d1do { display: block; position: fixed; top: 0; left: 0; background-color: white; width: 100%; z-index: 99999; overflow: hidden; }

	#d1d { display: block; height: 65px; background-color: #1EC8FF; color: white; margin: 30px 30px 0 30px; }
	#d1m { display: none; height: 65px; background-color: #1EC8FF; color: white; margin: 10px 10px 0 10px; }

	#d2d { display: block; background-color: white; color: black; margin: 30px 30px 0 30px; }

	@media only screen and (max-width: 600px) {
		#d1d { display: none; }
		#d1m { display: block; }
	}



	.s02op1  { color: white; padding: 5px 15px 5px 15px; border: 1px white solid; display: inline-block; margin: 0; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
	.s02op2  { color: white; display: inline-block; margin: 0 30px 0 0; }
	.s02nasl1 { font-size: 24px; color: white; margin: 0 0 30px 0; }
	.s02nasl2 { font-size: 60px; color: white; line-height: 110%; margin: 0 0 30px 0;}

	#d2x { margin: 60px 30px 30px 30px; background-color: #1EC8FF; color: white; }
	#d2t1 { border: 0; width: 90%; border-spacing: 30px; border-collapse: separate; }
	#t2d21 { width: 50%; }
	#t2d22 { width: 40%; }
	#d2xSlika { display: none; }
	@media only screen and (max-width: 600px) {
		#d2x { margin: 75px 10px 10px 10px; background-color: #1EC8FF; color: white; }
		#d2t1 { border: 0; border-spacing: 10px; border-collapse: separate; }

		.s02nasl1 { font-size: 16px; color: white; margin: 0 0 10px 0; }
		.s02nasl2 { font-size: 40px; color: white; line-height: 110%; margin: 0 0 10px 0;}

		#t2d21 { width: 100%; }
		#t2d22 { display: none; }
		#t2d22s { display: none; }

		#d2xSlika { display: block; }

	}




	.s03op1x  { font-size: 24px; color: #1EC8FF; padding: 5px 15px 5px 15px; border: 1px #1EC8FF solid; display: inline-block; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
	.s03op1x:hover  { background-color: #1EC8FF; color: white; }
	.s03nasl1 { font-size: 24px; color: black; margin: 0 0 30px 0; }
	.s03nasl2x { font-size: 60px; color: black; line-height: 110%; margin: 60px 0 30px 0; color: #1EC8FF; }
	.s03nasl3x { width: 70%; max-width: 900px; color: black; display: inline-block; margin-right: 3%; text-align: left; font-size: 18px; }
	.s03nasl4x { width: 18%; max-width: 150px; display: inline-block; vertical-align: top; text-align: left; font-size: 16px; }

	@media only screen and (max-width: 600px) {
		.s03nasl2x { font-size: 40px; color: black; line-height: 110%; margin: 60px 0 30px 0; color: #1EC8FF; }
		.s03nasl3x { width: 60%; color: black; display: inline-block; margin-right: 3%; text-align: left; font-size: 14px; }
		.s03nasl4x { width: 25%; max-width: 150px; display: inline-block; vertical-align: top; text-align: left; font-size: 14px; }
		.s03op1x  { font-size: 18px; color: #1EC8FF; padding: 3px 10px 3px 10px; border: 1px #1EC8FF solid; display: inline-block; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
	}



	.s03op1  { font-size: 24px; color: #1EC8FF; padding: 5px 15px 5px 15px; border: 1px #1EC8FF solid; display: inline-block; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
	.s03op1:hover  { background-color: #1EC8FF; color: white; }
	.s03nasl1 { font-size: 24px; color: black; margin: 0 0 30px 0; }
	.s03nasl2 { font-size: 60px; color: black; line-height: 110%; margin: 60px 0 30px 0; color: #1EC8FF; }

	.cc { width: 30%; min-width: 120px; max-width: 270px; display:inline-block; vertical-align: top; margin: 0 20px 0 0; border: 3px #1EC8FF solid; text-align: left; }
	.cc1 { font-size: 20px; font-weight: bold; width: 100%; margin: -1px 0 0 0; vertical-align: top; background-color: #1EC8FF; color: white; text-align: center; padding: 10px 0 10px 0; }
	li { margin: 10px 0 10px 0; }

	.s04op1  { width: 120px; font-size: 16px; font-weight: bold; background-color: #1EC8FF; color: white; padding: 3px 10px 3px 10px; border: 1px #1EC8FF solid; display: inline-block; margin: 0 0 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; }

	.s04op2x { width: 40%; max-width: 500px; text-align: left; font-size: 18px; display: inline-block; margin: 0 6% 0 0; vertical-align: top; }

	@media only screen and (max-width: 600px) {
		.s04op2x { width: 100%; max-width: 500px; text-align: left; font-size: 14px; display: block; margin: 6% 0 0 0; vertical-align: top; }
		.cc { width: 90%; min-width: 120px; display: inline-block; vertical-align: top; margin: 0 0 20px 0; border: 3px #1EC8FF solid; text-align: left; }
	}




	.s06nasl1 { font-size: 32px; color: black; margin: 0; }
	.s06s1 { margin: 0 10px 0 0; width: 100px; }
	.s06t1 { font-size: 19px; }
	.s06t2 { font-size: 14px; }
	.s06d1 { background-color: #1EC8FF; color: white; padding: 40px; }

	@media only screen and (max-width: 600px) {
		.s06nasl1 { font-size: 24px; color: black; margin: 0; }
		.s06s1 { width: 60px; margin: 48px 10px 0 0; }
		.s06t1 { font-size: 14px; }
		.s06t2 { font-size: 12px; }
		.s06d1 { background-color: #1EC8FF; color: white; padding: 10px; }
	}




	.rr { width: 30%; max-width: 120px; display: inline-block; margin: 30px 30px 0 30px; }
	.vmes991 { display: inline-block; margin: 0 10px 0 10px; color: silver; }
	.s99d1 { background-color: #F4FBFD; padding: 10px 30px 10px 30px; margin: 0; font-size: 16px; line-height: 130%; }

	@media only screen and (max-width: 600px) {
		.rr { width: 100%; max-width: 160px; display: inline-block; margin: 10px; }
		.s99d1 { background-color: #F4FBFD; padding: 10px 10px 10px 10px; margin: 0; font-size: 12px; line-height: 110%; }
		.vmes991 { display: inline-block; margin: 0 5px 0 5px; color: silver; }
	}



	.s05nasl1x { font-size: 26px; color: black; margin: 120px 0 20px 0; }




	.s03op1  { font-size: 24px; color: #1EC8FF; padding: 5px 15px 5px 15px; border: 1px #1EC8FF solid; display: inline-block; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
	.s03op1:hover  { background-color: #1EC8FF; color: white; }
	.s03nasl1 { font-size: 24px; color: black; margin: 0 0 30px 0; }
	.s03nasl2 { font-size: 60px; color: black; line-height: 110%; margin: 60px 0 30px 0; color: #1EC8FF; }

	.ccx { width: 30%; mix-width: 120px; max-width: 270px; display:inline-block; vertical-align: top; margin: 0 20px 0 0; border: 3px #1EC8FF solid; text-align: left; }
	.cc1 { font-size: 20px; font-weight: bold; width: 100%; margin: 0; vertical-align: top; background-color: #1EC8FF; color: white; text-align: center; padding: 10px 0 10px 0; }
	li { margin: 10px 0 10px 0; }

	.s04op1  { width: 120px; font-size: 16px; font-weight: bold; background-color: #1EC8FF; color: white; padding: 3px 10px 3px 10px; border: 1px #1EC8FF solid; display: inline-block; margin: 0 0 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; }

	.ccInfo7 { font-size: 24px; width: 100%; mix-width: 120px; max-width: 600px; display:inline-block; vertical-align: middle; margin: 0 0 0 -120px; border: 0; text-align: left; }
	.ccInfo7IMG { width: 450px; width: 80%; margin: 0; }
	.xp17 { font-size: 48px; margin: 120px 0 0 0; }

	@media only screen and (max-width: 600px) {

		.ccInfo7 { max-width: 80%; margin: 0; }
		.ccInfo7IMG { width: 300px; }

		.xp17 { font-size: 28px; margin: 90px 0 0 0; }

		.s04op2x { width: 90%; max-width: 500px; text-align: left; font-size: 14px; display: block; margin: 6% 0 0 0; vertical-align: top; }
		.ccx { width: 90%; mix-width: 120px; display:block; vertical-align: top; margin: 0 0 20px 0; border: 3px #1EC8FF solid; text-align: left; }
	}


	.s03op1  { font-size: 24px; color: #1EC8FF; padding: 5px 15px 5px 15px; border: 1px #1EC8FF solid; display: inline-block; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
	.s03op1:hover  { background-color: #1EC8FF; color: white; }
	.s03nasl1 { font-size: 24px; color: black; margin: 0 0 30px 0; }
	.s03nasl2 { font-size: 60px; color: black; line-height: 110%; margin: 60px 0 30px 0; color: #1EC8FF; }

	.ccx { width: 30%; mix-width: 120px; max-width: 270px; display:inline-block; vertical-align: top; margin: 0 20px 0 0; border: 3px #1EC8FF solid; text-align: left; }
	.cc1 { font-size: 20px; font-weight: bold; width: 100%; margin: 0; vertical-align: top; background-color: #1EC8FF; color: white; text-align: center; padding: 10px 0 10px 0; }
	li { margin: 10px 0 10px 0; }

	.s04op1  { width: 120px; font-size: 16px; font-weight: bold; background-color: #1EC8FF; color: white; padding: 3px 10px 3px 10px; border: 1px #1EC8FF solid; display: inline-block; margin: 0 0 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; }

	.ccInfo { font-size: 24px; width: 100%; mix-width: 120px; max-width: 320px; display:inline-block; vertical-align: middle; margin: 0 0 0 20px; border: 0; text-align: left; }
	.xp1 { font-size: 28px; margin: 30px 0 0 0; }

	@media only screen and (max-width: 600px) {
		.s04op2x { width: 90%; max-width: 500px; text-align: left; font-size: 14px; display: block; margin: 6% 0 0 0; vertical-align: top; }
		.ccx { width: 90%; mix-width: 120px; display:block; vertical-align: top; margin: 0 0 20px 0; border: 3px #1EC8FF solid; text-align: left; }
	}


	.s03op1  { font-size: 24px; color: #1EC8FF; padding: 5px 15px 5px 15px; border: 1px #1EC8FF solid; display: inline-block; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
	.s03op1:hover  { background-color: #1EC8FF; color: white; }
	.s03nasl1 { font-size: 24px; color: black; margin: 0 0 30px 0; }
	.s03nasl2 { font-size: 60px; color: black; line-height: 110%; margin: 60px 0 30px 0; color: #1EC8FF; }

	.ccx { width: 30%; mix-width: 120px; max-width: 270px; display:inline-block; vertical-align: top; margin: 0 20px 0 0; border: 3px #1EC8FF solid; text-align: left; }
	.cc1 { font-size: 20px; font-weight: bold; width: 100%; margin: 0; vertical-align: top; background-color: #1EC8FF; color: white; text-align: center; padding: 10px 0 10px 0; }
	li { margin: 10px 0 10px 0; }

	.s04op1  { width: 120px; font-size: 16px; font-weight: bold; background-color: #1EC8FF; color: white; padding: 3px 10px 3px 10px; border: 1px #1EC8FF solid; display: inline-block; margin: 0 0 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; }

	.ccInfo { font-size: 24px; width: 100%; mix-width: 120px; max-width: 320px; display:inline-block; vertical-align: middle; margin: 0 0 0 20px; border: 0; text-align: left; }
	.xp1 { font-size: 28px; margin: 30px 0 0 0; }

	@media only screen and (max-width: 600px) {
		.s04op2x { width: 90%; max-width: 500px; text-align: left; font-size: 14px; display: block; margin: 6% 0 0 0; vertical-align: top; }
		.ccx { width: 90%; mix-width: 120px; display:block; vertical-align: top; margin: 0 0 20px 0; border: 3px #1EC8FF solid; text-align: left; }
	}




	.s03op1  { font-size: 24px; color: #1EC8FF; padding: 5px 15px 5px 15px; border: 1px #1EC8FF solid; display: inline-block; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
	.s03op1:hover  { background-color: #1EC8FF; color: white; }
	.s03nasl1 { font-size: 24px; color: black; margin: 0 0 30px 0; }
	.s03nasl2 { font-size: 60px; color: black; line-height: 110%; margin: 60px 0 30px 0; color: #1EC8FF; }

	.ccx { width: 30%; mix-width: 120px; max-width: 270px; display:inline-block; vertical-align: top; margin: 0 20px 0 0; border: 3px #1EC8FF solid; text-align: left; }
	.cc1 { font-size: 20px; font-weight: bold; width: 100%; margin: 0; vertical-align: top; background-color: #1EC8FF; color: white; text-align: center; padding: 10px 0 10px 0; }
	li { margin: 10px 0 10px 0; }

	.s04op1  { width: 120px; font-size: 16px; font-weight: bold; background-color: #1EC8FF; color: white; padding: 3px 10px 3px 10px; border: 1px #1EC8FF solid; display: inline-block; margin: 0 0 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; }

	.ccInfo { font-size: 24px; width: 100%; mix-width: 120px; max-width: 320px; display:inline-block; vertical-align: middle; margin: 0 0 0 20px; border: 0; text-align: left; }
	.xp1 { font-size: 36px; margin: 0 0 0 0; }



	.s03op1  { font-size: 24px; color: #1EC8FF; padding: 5px 15px 5px 15px; border: 1px #1EC8FF solid; display: inline-block; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
	.s03op1:hover  { background-color: #1EC8FF; color: white; }
	.s03nasl1 { font-size: 24px; color: black; margin: 0 0 30px 0; }
	.s03nasl2 { font-size: 60px; color: black; line-height: 110%; margin: 60px 0 30px 0; color: #1EC8FF; }

	.ccx { width: 30%; mix-width: 120px; max-width: 270px; display:inline-block; vertical-align: top; margin: 0 20px 0 0; border: 3px #1EC8FF solid; text-align: left; }
	.cc1 { font-size: 20px; font-weight: bold; width: 100%; margin: 0; vertical-align: top; background-color: #1EC8FF; color: white; text-align: center; padding: 10px 0 10px 0; }
	li { margin: 10px 0 10px 0; }

	.s04op1  { width: 120px; font-size: 16px; font-weight: bold; background-color: #1EC8FF; color: white; padding: 3px 10px 3px 10px; border: 1px #1EC8FF solid; display: inline-block; margin: 0 0 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; }

	.ccInfo { font-size: 24px; width: 100%; max-width: 600px; display:inline-block; vertical-align: middle; margin: 0 0 0 20px; border: 0; text-align: left; }
	.ccInfo2 { font-size: 18px; }
	.xp1 { font-size: 36px; margin: 120px 30px 0 30px; }

	.sapp1 { display: none; }
	.sapp2 { display: block; width: 450px; margin: 10px -150px 30px 30px; float: right; }

	@media only screen and (max-width: 600px) {
		.xp1 { font-size: 36px; margin: 0 0 0 0; }
		.sapp1 { display: block; width: 80%; margin: 75px 0 0 15px; }
		.sapp2 { display: none; }
		.ccInfo { font-size: 20px; width: 100%; min-width: 120px; max-width: 320px; display:inline-block; vertical-align: middle; margin: 0 0 0 20px; border: 0; text-align: left; }
		.ccInfo2 { font-size: 14px; }
	}




.s05nasl1 { font-size: 26px; color: black; margin: 80px 0 20px 0; }

.slider {
	-webkit-appearance: none;
	width: 500px;
	max-width: 100%;
	height: 10px;
	border-radius: 10px;
	background: #1EC8FF;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	margin: 20px 0 10px 0;
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #000000;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #000000;
	cursor: pointer;
}


	@media only screen and (max-width: 600px) {
.slider {
	-webkit-appearance: none;
	width: 90%;
	max-width: 100%;
	height: 10px;
	border-radius: 10px;
	background: #1EC8FF;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	margin: 20px 0 10px 0;
}
	}


	.sx2op1  { width: 240px; font-size: 28px; font-weight: bold; background-color: #1EC8FF; color: white; padding: 7px 20px 7px 20px; border: 1px #1EC8FF solid; display: inline-block; margin: 0 0 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; }
	#s4 { display: none; }

	@media only screen and (max-width: 600px) {
		.sx2op1  { width: 160px; font-size: 20px; font-weight: bold; background-color: #1EC8FF; color: white; padding: 7px 20px 7px 20px; border: 1px #1EC8FF solid; display: inline-block; margin: 0 0 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; }
	}






.DhBs1 { display: block; }
.DhBs2 { display: none; }

@media only screen and (max-width: 600px) {
	.DhBs1 { display: none; }
	.DhBs2 { display: block; }
}



.krog1 { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; width: 40px; height: 40px; overdlow: hidden; background-color: black; color: white; font-weight: bold; font-size: 32px; line-height: 40px; }



	.u3da { width: 32px; height: 32px; margin: 0 5px 0 0; cursor: pointer; }
	.u3ne { width: 32px; height: 32px; margin: 0 0 0 5px; cursor: pointer; }