@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('PTN57F-webfont.eot');
    src: url('PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTN57F-webfont.woff') format('woff'),
         url('PTN57F-webfont.ttf') format('truetype'),
         url('PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'special_eliteregular';
    src: url('SpecialElite-webfont.eot');
    src: url('SpecialElite-webfont.eot?#iefix') format('embedded-opentype'),
         url('SpecialElite-webfont.woff') format('woff'),
         url('SpecialElite-webfont.ttf') format('truetype'),
         url('SpecialElite-webfont.svg#special_eliteregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'sktm1';
  src:  url('sktm1.eot?tgsygn');
  src:  url('sktm1.eot?tgsygn#iefix') format('embedded-opentype'),
    url('sktm1.ttf?tgsygn') format('truetype'),
    url('sktm1.woff?tgsygn') format('woff'),
    url('sktm1.svg?tgsygn#sktm1') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {

  font-family: 'sktm1' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-doc-text:before {
  content: "\e800";
}
.icon-cancel:before {
  content: "\e801";
}
.icon-left-open-big:before {
  content: "\e802";
}
.icon-right-open-big:before {
  content: "\e803";
}
.icon-menu:before {
  content: "\e804";
}
.icon-location:before {
  content: "\e805";
}
.icon-plus:before {
  content: "\e806";
}
.icon-file-pdf:before {
  content: "\e807";
}
.icon-ok-circled:before {
  content: "\e808";
}
.icon-cancel-1:before {
  content: "\e809";
}
.icon-right-open:before {
  content: "\e80a";
}
.icon-spin1:before {
  content: "\e827";
}
.icon-circle-empty:before {
  content: "\f10c";
}
.icon-sitemap-1:before {
  content: "\e901";
}
.icon-eye:before {
  content: "\e902";
}


/*
:root {

	--body1b:#fff;
	--body1c:#333;
	
	--menu1bg:#ddd;
	--menu1c:#333;
	--menu2c:#777;
	--menu2bg:#E91E63;
	--menu3c:#fff;
	
	--menu3bg:#666666;
	--menu4c:#fff;
	
	--na2menu1bg:var(--unicolor4);
	--na2menu1c:#fff;
	--na2menu2bg:#eee;
	--na2menu2c:#333;
	--na2menu3c:#000;

	--na3meni1bg:var(--unicolor4);
	--na3meni1c:#BFD630;
	--na3meni2c:#fff;
	--na3meni3c:#fff;
	
	--bg1:#F9F9F9;
	--bg2:#fff;
	
	--grad1:#66A90D;
	--grad2:#8BC526;

	--grad12:#AED535;
	--grad22:#65A80C;
		
--ulin2c:#6AAC0F;
--ulin2b:#fff;

--unicolor1:#333;
--unicolor2:#000;
--unicolor3:#666;
--unicolor4:#467128;
--unicolor5:#fff;
--unicolor6:#8A1414;
--unicolor7:#666;
--unicolor8:#B5DC17;
--unicolor9:#000;
--unicolor10:#BFD630;

--unicolor11:#999;
--unicolor12:#fff;

--uniBg1:#8A1414;
--uniBg2:#fff;
--uniBb3:#569E2B;
--uniBb4:#467128;
--uniBb5:#3BA936;
--uniBb6:#FE0000;
--uniBb7:#014CE3;
--uniBb8:#000;
--uniBb9:#666;
--uniBg10:#6DB43F;

--trans1:rgba(255,255,255,0.9);
--trans2:rgba(34,49,19,0.9);
}

:root {

	--body1b:#000;
	--body1c:#fff;
	
	--menu1bg:#ddd;
	--menu1c:#000;
	--menu2c:#000;
	--menu2bg:#fff;
	--menu3c:#fff;
	
	--menu3bg:#000;
	--menu4c:#fff;
	
	
	--na2menu1bg:#000;
	--na2menu1c:#fff;
	--na2menu2bg:#000;
	--na2menu2c:#fff;
	--na2menu3c:#fff;
	
	--na3meni1bg:#000;
	--na3meni1c:#fff;
	--na3meni2c:#fff;
	--na3meni3c:#fff;
	
	--bg1:#000;
	--bg2:#000;
	
	--grad1:#000;
	--grad2:#000;
	--grad12:#000;
	--grad22:#000;
			
	--ulin2c:#fff;
	--ulin2b:#000;

--unicolor1:#fff;
--unicolor2:#000;
--unicolor3:#000;
--unicolor4:#fff;
--unicolor5:#fff;
--unicolor6:#fff;
--unicolor7:#fff;
--unicolor8:#fff;
--unicolor9:#fff;
--unicolor10:#fff;
--unicolor11:#fff;

--uniBg1:#000;
--uniBg2:#000;
--uniBb3:#000;
--uniBb4:#000;
--uniBb5:#000;
--uniBb6:#000;
--uniBb7:#000;
--uniBb8:#000;
--uniBb9:#000;
--uniBg10:#000;

--trans1:#000;
--trans2:#000;
}
*/
/*****************************************************/
#na2 {margin:15px 0;float:right;width:100%}
#na2 ul{float:right}
#na2 li{display:inline}
#na2 a:link,#na2 a:visited{color:var(--na2menu2c);padding:8px 12px;margin:0;text-decoration:none}
#na2 a:hover{color:var(--na2menu3c);background:var(--na2menu2bg)}
#na2 .on1 a:visited,#na2 .on1 a:link,#na2 .on1 a:hover{font-weight:700;color:var(--na2menu1c);background:var(--na2menu1bg)}

#na2 li:first-child {display:none}


#na3 ul{margin:0;padding:10px}
.a0 a:visited,.a0 a:link{font-weight:700;color:var(--na3meni3c);display:block;line-height:17px;padding:8px 0 8px 10px;text-align:left;text-decoration:none}
.a0 a:hover{color:var(--na3meni2c)}
.a1 a:link,.a1 a:visited,.a1 a:hover{font-weight:700;color:var(--na3meni1c);display:block;line-height:17px;padding:8px 0 8px 10px;text-align:left;text-decoration:none}

.b1 a:visited,.b1 a:link{font-weight:700;color:var(--na3meni1c);display:block;line-height:17px;padding:8px 0 8px 0px;text-align:left;text-decoration:none}
.b1 a:hover{color:var(--na3meni2c)}
.b0 a:link,.b0 a:visited,.b0 a:hover{font-weight:700;color:var(--na3meni3c);display:block;line-height:17px;padding:8px 0 8px 0;text-align:left;text-decoration:none}

.c0 a:visited,.c0 a:link{color:var(--na3meni1c);display:block;line-height:17px;padding:5px 0 5px 20px;text-align:left;text-decoration:none}
.c0 a:hover{color:var(--na3meni2c)}
.c1 a:link,.c1 a:visited,.c1 a:hover{color:var(--na3meni3c);display:block;line-height:17px;padding:5px 0 5px 20px;text-align:left;text-decoration:none}

.c00 a:visited,.c00 a:link{color:var(--na3meni1c);display:block;line-height:17px;padding:5px 0 5px 20px;text-align:left;text-decoration:none}
.c00 a:hover{color:var(--na3meni2c)}
.c11 a:link,.c11 a:visited,.c11 a:hover{color:var(--na3meni3c);display:block;line-height:17px;padding:5px 0 5px 20px;text-align:left;text-decoration:none}



.d0 a:visited,.d0 a:link{color:var(--na3meni1c);display:block;line-height:17px;padding:5px 0 5px 30px;text-align:left;text-decoration:none}
.d0 a:hover{color:var(--na3meni2c)}
.d1 a:link,.d1 a:visited,.d1 a:hover{color:var(--na3meni3c);display:block;line-height:17px;padding:5px 0 5px 30px;text-align:left;text-decoration:none}
/*****************************************************/





#maxBG11{width:100%;top:0;left:0;position:fixed;height:100%;z-index:0;opacity:0.5;
margin:0;padding:0;
background-color: red;
background-image: none;
background-repeat: no-repeat;
background-size:cover;
background-position: center top;
background-attachment: fixed;
}


#max0{width:100%;position:relative;background:var(--body1b)}
#max1{width:100%;height:100%;position:relative}/*background:var(--body1b)*/
#max2{width:100%;position:relative;background:var(--body1b)}
#wr1{position:relative;width:1000px;margin:0 auto 0 auto}
#wr12{position:relative;width:1200px;margin:0 auto 0 auto}
.wr1{position:relative;width:1000px;margin:0 auto}
#as1{float:left;width:25%;margin:20px 0 40px 0}
#se0{float:left;width:100%;margin:0}
#se1,#se4{float:left;width:100%;margin:20px 0 40px 0}
#se2{float:left;width:100%;margin:20px 0 40px 0}
#se3{float:right;width:72%;margin:20px 0 40px 0}
#se4{float:right;width:72%;margin:0 0 40px 0}
#se5{float:left;width:100%;margin:20px 0 40px 0;background:var(--trans1)}

.ar1{float:left;width:72%;margin:0 0 40px}
.ar2{float:right;width:25%;margin:0 0 40px;background:var(--trans2);color:var(--unicolor5)}
.ar3{float:left;width:100%;margin:0 0 0}
.bq1{padding:25px;color:var(--unicolor7)}
.bq2{padding:25px;color:var(--unicolor5)}

/*header*/
#logo2Box{width:81%;float:right}
#logo {position:relative;float:left;margin:8px 0 0 0;width:25%}
#logo2 {position:relative;float:right;margin:8px 0 0 0;width:18%}
#logo img,#logo2 img{width:100%;height:auto;float:left}

#he1{position:relative;width:1000px;margin:0 auto}
/*header*/


/*slide1*/
#NaMooSlide1 {z-index:0;position:relative;width:100%;float:left;overflow:hidden}
#NaMooSlide1 ul{width:100%}
#NaMooSlide1 li{position:absolute;top:0;left:0;width:100%;display:none}
#NaMooSlide1 img{float:left;width:66%;height:100%}
#NaMooSlide1 div{float:left;width:30%;padding:3% 2%;color:var(--unicolor5);font-size:130%;line-height:1.4em}
/*slide1*/

/*new intro*/
.slideIN{width:100%;float:left;position:relative;
background: var(--grad12);
background: -moz-linear-gradient(0deg, var(--grad12) 0%, var(--grad22) 100%);
background: -webkit-linear-gradient(0deg, var(--grad12) 0%, var(--grad22) 100%);
background: linear-gradient(0deg, var(--grad12) 0%, var(--grad22) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--grad12)",endColorstr="var(--grad22)",GradientType=1); 
}

.slideINimg{position:absolute;top:0;right:0;height:100%}

.bg4{width:100%;float:left;background:var(--bg1);padding: 0 0 10px 0}

.ulin2{width:100%;float:left;padding:30px 0}
.ulin2 li{width:33.33%;float:left}
.ulin2 a:link,.ulin2 a:visited{width:100%;float:left;text-align:center;padding:30px 0}
.ulin2 a:hover{color:var(--ulin2c);background:var(--ulin2b)}
.ulin2 b{width:100%;float:left;font-weight:normal}



.bg5{width:100%;float:left;padding:35px 0;margin:0 0 40px 0;
 background: rgb(140,198,39);
background: -moz-linear-gradient(0deg, var(--grad1) 0%, var(--grad2) 100%);
background: -webkit-linear-gradient(0deg, var(--grad1) 0%, var(--grad2) 100%);
background: linear-gradient(0deg, var(--grad1) 0%, var(--grad2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--grad1)",endColorstr="var(--grad2)",GradientType=1); 
}

.newsL{width:15%;float:left;padding:10px 0 0 0}
.newsL a:link,.newsL a:visited{color:var(--unicolor12);font-size:200%}
.newsL a:hover{text-decoration:underline}

.newsR{width:78%;float:left;border-left:2px solid var(--unicolor8);padding:0 0 0 1%}
.newsR time{color:var(--unicolor8);font-size:15px;display:block}
.newsR a:link,.newsR a:visited{color:var(--unicolor12)}
.newsR a:hover{text-decoration:underline}




/*rad mam tek*/
.boxWhite{background:#eee}
.boxWhite h2{color:#000}
.inR{margin:0 auto;width:125px;height:125px;background:url(radmamtek.png)}
/*rad mam tek*/

/*radeljska srecanja*/
.boxWhite{background:#eee}
.boxWhite h2{color:#000}
.inS{margin:0 auto;width:100%;height:137px;background:url(srecanja1.png)}
/*radeljska srecanja*/

.boxBlue{background:#0033FF}
.boxVodniPark{background:#0084CC}

.in1{margin:0 auto;width:125px;height:125px;background:url(icons.png)}
.in2{margin:0 auto;width:125px;height:125px;background:url(icons.png) -125px 0}
.in3{margin:0 auto;width:125px;height:125px;background:url(icons.png) 0 -125px}
.in4{margin:0 auto;width:125px;height:125px;background:url(icons.png) -125px -125px}
.in5{margin:20% auto 0 auto;width:125px;height:70px;background:url(icons.png) -375px -152px}
.in6{margin:0 auto;width:125px;height:125px;background:url(icons.png) -520px -0px}
.in7{margin:0 auto;width:125px;height:125px;background:url(icons.png) -520px -125px}

.iBoxHi{display:none;text-align:left;position:absolute;top:0;font-size:15px;line-height:0.9em;padding:40px 10% 0 10%;width:80%;height:160px;left:0;color:#fff;background:#34551e}
.iBoxHi b{font-size:130%;display:block;margin:0 0 15px 0;font-weight:100}
/*intro*/

/*intro middle*/

.pri1 li {text-align:center;padding: 0 0 8px 0;margin:20px;line-height:1.1em}
/*.pri1 a:link,.pri1 a:visited{color:#666;text-decoration:none}
.pri1 a:hover{color:#479d00;text-decoration:underline;}*/
.pri1 b{color:#479d00;text-align:center;margin:0;padding:10px 0}
.pri1 p{text-align:center;padding:5px 0}
/*intro middle*/

/*intro bottom*/
.img100{width:100%;margin:0 0 5px 0;background:#fff}
.img100m{max-width:100%}
.h36{font-size:200%;line-height:1.4em;color:var(--unicolor4);padding:40px 0;font-weight:100;font-family:'pt_sans_narrowregular',Arial,sans-serif}
/*intro bottom*/

/*content1*/
.header1{width:100%;float:left;margin:0 0 22px 0}
.header1 img{float:left;width:9%}
.headerGreen{background:var(--uniBg10)}
.headerWhite{background:#F2F2F2}
.h21,.h22,.h20{font-size:200%;float:right;width:88%;background:var(--uniBg2);line-height:1.4em;color:var(--unicolor4);padding:26px 0 22px 2%;font-weight:100;font-family:'pt_sans_narrowregular',Arial,sans-serif}

.h2x{font-size:150%;color:#000}

.header2{width:100%;float:left;margin:0 0 22px 0}
.header2 img{float:left;width:6%}
.h20{width:91%}

.h31{font-size:90%;color:var(--unicolor1);margin:10px 0 20px 0;font-weight:700}
.h33{font-size:100%;color:var(--unicolor1);margin:40px 0 5px 0px;font-weight:100}
.h37{font-size:120%;line-height:1.3;color:var(--unicolor1);margin:20px 0 10px;font-weight:100}
.h38{font-size:140%;line-height:1.3;color:var(--unicolor1);margin:30px 0 10px;font-weight:700}

.pad0{padding:0;background:var(--trans1)}
.pad1{padding:25px;background:var(--trans1)}
.pad2{padding:25px;background:var(--trans1)}
.pad3{padding:0}
.pad3 img{float:left;width:100%;height:auto}
.pad5{padding:25px;background:var(--uniBg1)}

.li1 li{padding:0;margin:0 0 10px 20px;list-style-type:disc;list-style-position:outside}

.ul2 a{width:24%;height:100px;float:left;padding:10px 0;margin:0 1% 1% 0;background:#fff;text-align:center}
.ul2 a:hover{-webkit-box-shadow: 0 0 8px #ccc;box-shadow: 0 0 8px #999}
.ul2 p{color:var(--unicolor1);font-size:15px;margin:5px}

.email3 a:link,.email3 a:visited{color:var(--unicolor4);background:var(--uniBg2);padding:1px 2px;text-decoration:underline}
.email3 a:hover{text-decoration:none}

.but2 a:link,.but2 a:visited{color:#666;line-height:10px;padding:0;text-decoration:none}
.but2 a:hover{color:#000}
.ul1{margin:5px 0}
.ul1 li{padding:0;margin:0 0 10px 20px;list-style-type:disc;list-style-position:outside}
.ul3{float:left;width:98%;padding:10px 1%;margin:0 0 20px 0;background:var(--uniBg2);border-radius:5px; -webkit-border-radius:5px;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc}
.ul3 li{padding:3px 0 3px 10px}
.ul3 a:link,.ul3 a:visited{color:var(--unicolor4);text-decoration:underline}
.ul3 a:hover{color:var(--unicolor9)}

.email a:link,.email a:visited{color:var(--unicolor4);line-height:10px;padding:0;text-decoration:underline}
.email a:hover{color:#000}

.ban10{background:var(--uniBb3);color:var(--unicolor5);padding:15px;font-size:100%;line-height:22px;border-radius:5px; -webkit-border-radius:5px;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc}
.ban10 a:link,.ban10 a:visited{color:var(--unicolor5);padding:0;text-decoration:underline}
.ban10 a:hover{text-decoration:none}

.bgOrange{background:#FF651F;color:#fff;padding:15px;border-radius:5px; -webkit-border-radius:5px}
.bgGreen2{background:#ddd;color:#fff;padding:15px;border-radius:5px; -webkit-border-radius:5px}


.bgGreen23{background:var(--uniBb4);color:var(--unicolor5);padding:15px;border-radius:5px; -webkit-border-radius:5px;font-size:18px;line-height:23px;margin:20px 0 10px;font-weight:100}

.none{display:none}

.znam img{max-width:100%;display:block;margin:20px 0 5px 0}
/*content1*/

/*vodni park*/
.vodBox{float:right;width:68%;margin:20px 0 0 0;background:#024a7c;padding:2%;position:relative}
.vodBox1{float:left;width:55%}
.vodBox2{float:right;width:45%;color:#58baeb;text-align:right;margin:20px 0 0 0}
.vodBox1 img{float:left;margin:15px 15px 0 0}
.vodText1{font-size:30px;line-height:35px;color:#fff;font-weight:100;float:left;margin:25px 0 0 0}
.vodText2{font-size:22px;line-height:27px;font-weight:100;margin:15px 0 0 0}
.vodText3{font-size:35px;line-height:1.4em;color:#fff;line-height:1.4em}

.vodBox11{float:left;width:40%;margin:10px 0 0 0}
.vodBox12{float:right;width:60%;color:#58baeb;text-align:right;margin:35px 0 0 0}
.vodBox13{float:left;width:100%;color:#58baeb;text-align:left;margin:35px 0 0 0}

/*vodni park*/

/*info*/
.h24{font-size:150%;color:var(--unicolor10);padding:10px 10px 25px 0;font-weight:100}
.email2 a:link,.email2 a:visited{color:var(--unicolor5);padding:0;text-decoration:underline}
.email2 a:hover{text-decoration:none}
.pad4{padding:15px}
/*info*/

/*bike*/
.h22{color:#fff;background:var(--uniBg1)}
.h32{font-size:100%;color:var(--unicolor6);margin:40px 0 10px 0;font-weight:700}
.h34{font-size:120%;color:var(--unicolor1);margin:10px 0 20px 0px;font-weight:700;line-height:22px}
.h35{font-size:150%;color:var(--unicolor6);margin:10px 0 20px 0px;font-weight:100;line-height:35px;font-family:'special_eliteregular';word-wrap: break-word}

.h41{margin:20px 0 5px 0;font-family:'special_eliteregular'}
.h41 a:link,.h41 a:visited{padding:0;margin:50px 0 20px 0;display:block;font-size:30px;line-height:35px;font-weight:100;color:var(--unicolor6);text-decoration:underline}
.h41 a:hover{text-decoration:none}

.bike1{background:url(icons2.png) 0 -720px no-repeat var(--uniBg1)}
.bgGreen ul{background:var(--na3meni1bg)}/*var(--unicolor4)*/
.bgRed ul{background:var(--na3meni1bg)}
.bgRed{background:var(--uniBg1)}
.darkred{color:var(--unicolor6)}
.data1 li{padding:1px 0;display:block}
.data1 b{float:left;width:20%}

.data2 li{padding:1px 0;display:block}
.data2 b{float:left;width:20%;font-weight:100}

.month i{font-style:normal;color:var(--unicolor5);background:var(--uniBg1);padding:1px}
.star{font-size:100%;font-weight:700;color:var(--unicolor6)}
.imgBike{float:right;width:30%;margin:0}
.imgBike img{width:100%;height:auto}

.imgBike2{float:left;width:20%;margin:0 20px 20px 0}
.imgBike2 img{width:100%;height:auto}

.tez1{color:var(--unicolor5);background:var(--uniBb7);padding:1px}
.tez2{color:var(--unicolor5);background:var(--uniBb5);padding:1px}
.tez3{color:var(--unicolor5);background:var(--uniBb6);padding:1px}
.tez4{color:var(--unicolor5);background:var(--uniBb7);padding:1px}

.bikepdf{float:left;margin:30px 10px 0 0;background:var(--uniBb4);color:var(--unicolor8);border-radius:10px; -webkit-border-radius:10px}
.bikepdf b{font-size:100%}
.down {font-size:35px;padding:0 20px}
.bikepdf a:link,.bikepdf a:visited{float:left;padding:10px;color:var(--unicolor8);text-decoration:none}
.bikepdf a:hover{color:var(--unicolor5)}
.small{padding:15px 0 15px 115px;font-size:28px;line-height:30px}
.small2{padding:28px 0 28px 115px;font-size:33px;line-height:30px}

.green,.red,.blue,.black{font-style:italic;font-size:18px;color:var(--unicolor5);margin:15px 0 10px;padding:5px;font-weight:100}
.green span,.red span,.blue span,.black span{;font-weight:700;font-size:100%;font-style:normal}





.green{background:var(--uniBb5);margin:10px 0 0 0}
.red{background:var(--uniBb6);margin:10px 0 0 0}
.blue{background:var(--uniBb7);margin:10px 0 0 0}
.black{background:var(--uniBb8);margin:10px 0 0 0}

.link1{float:right}
.link1 a:link,.link1 a:visited{font-size:14px;color:var(--unicolor6);padding:0;text-decoration:underline}
.link1 a:hover{text-decoration:none}
#logos img{margin:9px}
.bikeban1{color:var(--unicolor5);font-size:100%;line-height:22px}
.bikeban1 a:link,.bikeban1 a:visited{color:var(--unicolor5);padding:0;text-decoration:underline}
.bikeban1 a:hover{text-decoration:none}
/*bike*/

.mark1{color:var(--unicolor4);padding:5px 10px;float:left;background:none;border:1px solid var(--unicolor4);cursor:pointer;border-radius:5px;-webkit-border-radius:5px;margin:5px 0 0 1%}
.mark1:hover{background:none;border:1px solid var(--unicolor4);opacity:0.7}
.mark2{color:#fff;padding:5px 10px;float:left;background:var(--unicolor4);border:1px solid var(--unicolor4);color:var(--na2menu2bg);cursor:pointer;border-radius:5px;-webkit-border-radius:5px;margin:5px 0 0 1%}

/*footer*/
#fo1{float:left;text-shadow:2px 2px 2px #000;font-size:100%;position:relative;padding:0 0 30px 0;color:var(--unicolor5);width:100%}
.fo1{float:left;width:50%}
.fo2{float:left;width:25%}
.fo3{float:right;width:25%}
.fo4{float:left;width:98%;text-align:right;margin:30px 1% 0 1%}
.fo1 a:link,.fo1 a:visited{color:var(--unicolor12);margin:0;padding:0 2px;text-decoration:underline}
.fo1 a:hover{color:var(--unicolor12)}
.fo2 a:link,.fo2 a:visited{color:var(--unicolor12);margin:0;padding:0 2px;text-decoration:underline}
.fo2 a:hover{color:var(--unicolor12)}
.fo3 a:link,.fo3 a:visited{color:var(--unicolor12);margin:0;padding:0 2px;text-decoration:underline}
.fo3 a:hover{color:var(--unicolor12)}

.fo4 a:link,.fo4 a:visited{color:var(--unicolor12);margin:0;padding:0 2px;text-decoration:underline}
.fo4 a:hover{color:var(--unicolor12)}

#foo1{float:left;font-size:90%;line-height:0.9em;position:relative;padding:0 0 30px 0;color:var(--unicolor7);width:100%}
.foo1{float:left;width:45%}
.foo2{float:left;width:25%}
.foo3{float:right;width:20%}
.foo4{float:left;width:98%;text-align:right;margin:30px 1% 0 1%}
.foo1 a:link,.foo1 a:visited{color:var(--unicolor7);margin:0;padding:0 2px;text-decoration:underline}
.foo1 a:hover{color:var(--unicolor7)}
.foo2 a:link,.foo2 a:visited{color:var(--unicolor7);margin:0;padding:0 2px;text-decoration:underline}
.foo2 a:hover{color:var(--unicolor7)}
.foo3 a:link,.foo3 a:visited{color:var(--unicolor7);margin:0;padding:0 2px;text-decoration:underline}
.foo3 a:hover{color:var(--unicolor7)}

.foo4 a:link,.foo4 a:visited{color:var(--unicolor7);margin:0;padding:0 2px;text-decoration:underline}
.foo4 a:hover{color:var(--unicolor7)}

/*footer*/

	.log1 {text-align:center}
	.log1 li{display:inline-block;padding:0 3.4%;opacity:0.6}
	.log1 img{height:130px}
	
	
/*banner*/
.ban1{right:0;top:20px;position:absolute}
.ban2{float:left;margin:23px 0 0 0}
.ban3{float:left;margin:20px 0 0 0}
/*banner*/

/*news*/
.ns0{padding:20px 20px 0 20px}
.ns0 h3{font-weight:700;font-size:13px;line-height:14px;margin:0 0 2px 0;padding:0;color:var(--unicolor5)}
.ns0 li{float:left;width:100%;margin:0 0 5px 0;font-size:12px;padding:0;display:block;line-height:13px}
.ns0 a:link,.ns0 a:visited{color:var(--unicolor5);text-decoration:none;padding:0;margin:0;text-decoration:none}
.ns0 a:hover{color:var(--unicolor9)}
.ns0 time {text-align:center;float:left;color:var(--unicolor5);text-decoration:none;padding:2px 0 5px 0;margin:0 10px 0 0;font-size:11px}

.Nda {color:var(--unicolor11);text-decoration:none;font-size:11px}
.ns h2{font-size:100%;color:var(--unicolor1);padding:0;font-weight:100}
.ns h3{font-weight:700;font-size:14px;line-height:16px;margin:5px 0 0 0;color:var(--unicolor1)}
.ns p{padding:5px 0 10px 0;margin:0 0 10px 0}
.ns li{margin:10px 0 0 0;padding:0;border-bottom:1px dotted #999;display:block;clear:both}
.ns li:last-child{border:0}
.ns a:link,.ns a:visited{color:var(--unicolor7);text-decoration:none;padding:0;margin:0}
.ns a:hover{color:var(--unicolor9);text-decoration:none}
.ns img{float:left;margin:0 10px 10px 0}

.ns2 h2{font-size:100%;line-height:28px;color:var(--unicolor1);margin:15px 0 0 0;font-weight:700}
.ns2 h3{font-size:100%;line-height:25px;color:var(--unicolor1);margin:10px 0;font-weight:700}
.ns2 p{padding:10px 0 5px 0}
.ns2 li{margin:0 0 0 15px}
.ns2 a:link,.ns2 a:visited{color:var(--unicolor9);text-decoration:underline}
.ns2 a:hover{color: var(--unicolor9);text-decoration:none}
.ns2 img{max-width:100%}
.ns2 li{padding:0;margin:0 0 10px 20px;list-style-type:disc;list-style-position:outside}

.ns3 h4{font-weight:700;font-size:14px;line-height:16px;margin:5px 0 0 0;color:#06638a}
.ns3 p{padding:0;margin:2px 0 2px 20px}
.ns3 li{margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px dotted #1697a5;display:block;clear:both}
.ns3 li:last-child{border:0}
.ns3 a:link,.ns3 a:visited{color:var(--unicolor7);text-decoration:none;padding:0;margin:0;text-decoration:underline}
.ns3 a:hover{color:var(--unicolor9);text-decoration:none}

.ns4 p{padding:0;margin:0}
.ns4 h2{font-weight:100;font-size:35px;line-height:0.9em;margin:25px 0 25px 0;color:#06638a}
.ns4 h3{font-weight:700;font-size:13px;line-height:14px;margin:0 0 2px 0;color:#06638a}
.ns4 li{float:left;width:100%;margin:0 0 20px 0;font-size:12px;padding:0;display:block;line-height:13px}
.ns4 a {display:none}
.ns4 a:hover{color:var(--unicolor9);text-decoration:none}


#nav1 {width:100%;float:left;margin:40px 0 80px 0;padding:0;font-weight:300}
#nav1 li{display:inline;border:0}
#nav1 a:link,#nav1 a:visited{color:var(--unicolor7);background:var(--uniBg2);padding:5px 10px;margin:0 5px;text-decoration:none;border:1px solid var(--unicolor5)}
#nav1 a:hover{color:var(--unicolor5);background:var(--uniBb9)}
#nav1 .on a:link,#nav1 .on a:visited,#nav1 .on a:hover{background:var(--uniBb3);color:#fff;border:1px solid var(--uniBb3);text-decoration:none}
/*news*/


/*NaMooBox*/
.NaMooBox {width:100%}
.NaMooBox li{float:left;width:25%}
.NaMooBox a:link,.NaMooBox a:visited{color:#666;background:#eee;text-decoration:none;float:left;margin:0 2px 2px 0;text-decoration:none}
.NaMooBox a:hover{color:#000}
.NaMooBox img{float:left;width:100%;height:auto}
/*NaMooBox*/

/*table*/
table{border-collapse:collapse;text-align:center;margin:0}
table td,table th{padding:0}
.zebra,.zebra2{width:100%;font-size:12px}
.zebra th,.zebra2 th{vertical-align:top;background:#C1D72F;color:#000;font-weight:700;padding:5px;border-right:1px solid #ddd}
.zebra td,.zebra2 td{vertical-align:top;background:#fff;color:var(--unicolor1);border-right:1px solid #ddd;padding:5px;border-bottom:1px solid #ddd}
.zebra strong{color:red}

.zebra3{width:100%}
.zebra3 th{vertical-align:top;background:#C1D72F;color:#000;font-weight:700;padding:5px;border-right:1px solid #ddd}
.zebra3 td{vertical-align:top;background:#fff;color:var(--unicolor1);border-right:1px solid #ddd;padding:5px;border-bottom:1px solid #ddd}
/*table*/

/*video*/
.videoWrapper{position: relative;padding-bottom: 56.25%;padding-top: 25px}
.videoWrapper object,.videoWrapper iframe,.videoWrapper embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
/*video*/



/*kazalo*/
.si{float:left;text-align:left;width:100%}
.si1 a:visited,.si1 a:link{text-transform:uppercase;width:99%;float:left;font-weight:700;color:var(--href6);padding:1% 1%}
.si1 a:hover{text-decoration:underline}
.si2 a:visited,.si2 a:link{font-weight:400;color:var(--href6);width:95%;float:left;padding:0.5% 0 0.5% 5%}
.si2 a:hover{text-decoration:underline}
.si3 a:visited,.si3 a:link{font-weight:400;color:var(--href6);width:90%;float:left;padding:0.5% 0 0.5% 10%}
.si3 a:hover{text-decoration:underline}
.si4 a:visited,.si4 a:link{text-transform:uppercase;width:99%;float:left;font-weight:700;color:var(--href6);padding:1% 1%}
.si4 a:hover{text-decoration:underline}
/*kazalo*/


/*popup*/
.popupBOX{color:#000;display:none;width:100%;height:auto;position:absolute;overflow:auto;top:0;left:0;padding:0;z-index:99999}
.popupBOXin{background:#fff;margin:20px auto;padding:1%;width:700px;box-shadow: 3px 3px 20px rgba(0,0,0,0.5);}
.popupBOXdel{color:#333;font-size:130%;float:right;cursor:pointer}

#openpopup{float:right;font-size:30px;padding:0 1% 0 0;cursor:pointer}


.fontSize1{padding:12px;float:left;background:#4D8219;margin:10px 10px;color:#fff;font-weight:700;cursor:pointer;border:1px solid #ccc}
.fontSize1:hover{background:#57941b;border:1px solid red}


.bgcolor0 a:visited,.bgcolor0 a:link,.bgcolor0 a:hover{background:#fff;color:red;padding:12px 2%;width:96%;float:left;margin:10px 8px;font-weight:400;cursor:pointer;border:2px solid red;box-sizing: border-box}

.bgcolor1 a:visited,.bgcolor1 a:link{background:#fff;color:#000;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor1 a:hover{border:1px solid red}

.bgcolor2 a:visited,.bgcolor2 a:link{background:#F5F5DD;color:#000;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor2 a:hover{border:1px solid red}

.bgcolor3 a:visited,.bgcolor3 a:link{background:#030E88;color:#F9E049;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor3 a:hover{border:1px solid red}

.bgcolor4 a:visited,.bgcolor4 a:link{background:#FEE633;color:#030E88;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor4 a:hover{border:1px solid red}

.bgcolor5 a:visited,.bgcolor5 a:link{background:#000;color:#fff;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor5 a:hover{border:1px solid red}

.bgcolor6 a:visited,.bgcolor6 a:link{background:#000;color:#29FD2F;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor6 a:hover{border:1px solid red}

.bgcolor7 a:visited,.bgcolor7 a:link{background:#000;color:#FEE633;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor7 a:hover{border:1px solid red}

.bgcolor8 a:visited,.bgcolor8 a:link{background:#000;color:#00EDE0;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.bgcolor8 a:hover{border:1px solid red}

.fontSize4 a:visited,.fontSize4 a:link{background:#4D8219;color:#fff;padding:12px 2%;width:42%;float:left;margin:10px 10px;font-weight:400;cursor:pointer;border:1px solid #ccc}
.fontSize4 a:hover{border:1px solid red}

#openpopup{float:right;color:var(--href5);margin:0 0 0 3%}
/*popup*/



html, body { height: 100%; width: 100%; margin: 0; }
body{font-family:'PT Sans Narrow',sans-serif;color:var(--body1c);font-size:1em;line-height:1.5;font-weight:400;

background: var(--body1b);
 background-repeat: no-repeat;
    background-size:cover;
    background-position: center top;
    background-attachment: fixed;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
h1{color:var(--unicolor2);font-size:12px;line-height:12px}
h2{color:var(--unicolor1);font-size:120%;line-height:1.7}
h3{color:var(--unicolor2);font-size:90%;line-height:1.6}
h4{color:var(--unicolor3);font-size:80%;line-height:1.5}
body,h1,h2,h3,h4,a,p,ul,li,blockquote,fieldset,.clear{margin:0;padding:0}
img{border:0}
ul{list-style:none}
li{background-image:none}
a:link,a:visited,a:hover{color:var(--unicolor1);text-decoration:none}
.clear{clear:both;display:block}
.cf:before, .cf:after { content: ''; display: table; }
.cf:after { clear: both; }



	/*tablet menu*/
	#maxBody{width:100%;overflow:hidden;overflow-y:visible}
	#MoMenu{visibility:hidden}
	#menuB1{display:none}
	.max{width:100%;float:left}
	.con{width:100%;float:left}
	.menu{width:0;float:left;overflow:hidden}
	/*table menu*/

@media (max-width:700px){.popupBOXin{width:90%}}

@media (max-width:999px){
	#wr1{position:relative;width:95%;margin:0 auto}
	.wr1{position:relative;width:95%;margin:0 auto}
	#he1{position:relative;width:95%;margin:0 auto}
	.header1 img{width:10%}
	.h21{width:88%}
}

@media (max-width:1100px){
	.wr1,#wr1,#wr12{position:relative;width:98%;margin:0 auto}
}

@media screen and (max-width: 640px) {
	table {overflow-x: auto;display: block}
}

@media (max-width:1024px){
	#NaMooSlide1 img{float:left;width:66%;height:100%;margin:0 0 0 -10%}
	#NaMooSlide1 div{float:left;width:40%;padding:3% 2%;color:#fff;font-size:100%;line-height:25px}
}

@media (max-width:980px){

	#NaMooSlide1 img{float:left;width:66%;height:100%;margin:0 0 0 -20%}
	#NaMooSlide1 div{float:left;width:50%;padding:3% 2%}

	#na2,#na3,.ar6{display:none}  /* 200 - 50 -40*/

/*	.maxON{width:200%}
	.conON{width:60%}
	.menu{display:block;background:var(--unicolor4)}
	.menuON{width:20%}
	#menuB1{z-index:9999;display:block;float:left;margin:5px;width:45px;height:46px}
	.onn1{background:url(menuB2.png) no-repeat 0 0 #fff}
	.onn2{background:url(menuB2.png) no-repeat 0 -45px #fff}

	#MoMenu {visibility:visible;float:left;width:100%;display:block;overflow:hidden;z-index:9999}
	#MoMenu li{display:block;float:left;width:100%;background-image:none;font-size:15px;word-wrap:break-word}
	.o2 a:visited,.o2 a:link,.o2 a:hover{text-transform:uppercase;font-size:18px;background-image:none;line-height:22px;font-weight:700;border-bottom:0;color:#fff;display:block;padding:12px 3% 5px 3%;margin:2px 0;text-decoration:none}
	.o1 a:visited,.o1 a:link,.o1 a:hover{text-transform:uppercase;font-size:18px;background-image:none;line-height:22px;border-bottom:1px solid #3c532c;color:#BED52F;display:block;padding:12px 3%;margin:2px 0;text-decoration:none}
	
	.a0 a:visited,.a0 a:link,.a0 a:hover{background:var(--unicolor4);margin:0;font-size:18px;width:90%;border:none;padding:10px 1% 10px 9%;font-weight:400;color:#BED52F}
	.a1 a:visited,.a1 a:link,.a1 a:hover{background:var(--unicolor4);margin:0;font-size:18px;width:90%;border:none;padding:10px 1% 10px 9%;font-weight:700;color:#fff}

	.b0 a:visited,.b0 a:link,.b0 a:hover{background:var(--unicolor4);margin:0;font-size:18px;width:90%;border:none;padding:10px 1% 10px 9%;font-weight:700;color:#fff}
	.b1 a:visited,.b1 a:link,.b1 a:hover{background:var(--unicolor4);margin:0;font-size:18px;width:90%;border:none;padding:10px 1% 10px 9%;font-weight:400;color:#BED52F}
	
	.c1 a:visited,.c1 a:link,.c1 a:hover{background:var(--unicolor4);margin:0;font-size:90%;width:84%;border:none;padding:10px 1% 10px 15%;font-weight:700;color:#fff}	
	.c0 a:visited,.c0 a:link,.c0 a:hover{background:var(--unicolor4);margin:0;font-size:90%;width:84%;border:none;padding:10px 1% 10px 15%;font-weight:400;color:#BED52F}

	.c11 a:visited,.c11 a:link,.c11 a:hover{background:var(--unicolor4);margin:0;font-size:90%;width:78%;border:none;padding:10px 1% 10px 21%;font-weight:700;color:#fff}	
	.c00 a:visited,.c00 a:link,.c00 a:hover{background:var(--unicolor4);margin:0;font-size:90%;width:78%;border:none;padding:10px 1% 10px 21%;font-weight:400;color:#BED52F}

	.d1 a:visited,.d1 a:link,.d1 a:hover{background:var(--unicolor4);margin:0;font-size:90%;width:73%;border:none;padding:8px 1% 8px 26%;font-weight:700;color:#fff}
	.d0 a:visited,.d0 a:link,.d0 a:hover{background:var(--unicolor4);margin:0;font-size:90%;width:73%;border:none;padding:8px 1% 8px 26%;font-weight:400;color:#BED52F}	

*/

/*	--menu1bg:#fff;*/
/*	--menu1c:#000;*/
/*	--menu2c:#000;*/
/*	--menu3c:#fff;*/

	.maxON{width:200%}
	.conON{width:60%}
	.menu{display:block;background:var(--menu1bg)}
	.menuON{width:20%}
	#menuB1{z-index:9999;display:block;float:left;margin:0 10px 0 0;width:45px;height:46px}
	
	#menuB1{z-index:9999;cursor:pointer;display:block;float:left;color:#fff;margin:0 10px 0 10px}
	#mMenu{float:left;color:var(--menu2c);padding:7px 6px 8px 0;font-size:210%}	
	#mCancle{float:left;background:var(--menu2bg);color:var(--menu3c);padding:4px 4px 8px 2px;font-size:150%;margin:10px;border-radius:5px; -webkit-border-radius:5px}	
	.mOff{display:none}
	.mOn{display:block}

	#MoMenu {visibility:visible;float:left;width:100%;display:block;overflow:hidden}
	#MoMenu li{display:block;float:left;width:100%;background-image:none;font-size:90%;word-wrap:break-word}
	.o2 a:visited,.o2 a:link,.o2 a:hover{text-transform:uppercase;font-size:110%;line-height:22px;font-weight:700;border-bottom:1px solid var(--menu3bg);background:var(--menu3bg);color:var(--menu4c);display:block;padding:15px 3%;margin:0;text-decoration:none}
	
	.o1 a:visited,.o1 a:link,.o1 a:hover{text-transform:uppercase;font-size:110%;line-height:22px;border-bottom:1px solid var(--grey1);color:var(--menu1c);display:block;padding:15px 3%;margin:0;text-decoration:none}
	.a0 a:visited,.a0 a:link,.a0 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:12px 7%;font-weight:300;color:var(--menu1c)}
	.a1 a:visited,.a1 a:link,.a1 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:12px 7%;font-weight:700;color:var(--menu1c)}

	.b0 a:visited,.b0 a:link,.b0 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:12px 7%;font-weight:700;color:var(--menu1c)}
	.b1 a:visited,.b1 a:link,.b1 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:12px 7%;font-weight:300;color:var(--menu1c)}


	.c0 a:visited,.c0 a:link,.c0 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:10px 0 10px 14%;font-weight:300;color:var(--menu1c)}
	.c1 a:visited,.c1 a:link,.c1 a:hover{background:var(--menu1bg);margin:0;font-size:100%;width:86%;border:none;padding:10px 0 10px 14%;font-weight:700;color:var(--menu1c)}


	#as1{width:100%}

	#he1{position:relative;width:100%;margin:0 auto}
	#se4{float:right;width:100%;margin:0 0 40px 0}
	#se3{float:right;width:100%;margin:20px 0 40px 0}
	.fo1,.fo2,.fo3,.fo4,.foo1,.foo2,.foo3,.foo4{float:left;width:98%;padding:0 1%;text-align:left}


	.header1 img{width:8%}
	.header2 img{width:8%}
	.h21,.h22,.h20{width:89%}

	#logo {float:right;margin:10px 2% 10px 0;width:30%}
	#logo img,#logo2 img{width:100%;height:auto;float:left}
	#logo2 {margin:18px 2% 0 0}

	.vodBox{width:96%}

	.pad1{padding:25px 2%;background:var(--trans1)}
	.pad2{padding:25px 2%;background:var(--trans1)}

	.ar2{display:none}
	.ar1{float:left;width:100%}

}

@media (max-width:768px){


	.header1 img{width:12%}
	.header2 img{width:12%}
	.h21,.h22,.h20{width:85%}
	.toh{height:300px;margin:0}
	.to1Max,.to2Max,.to3Max,.to4Max,.to5Max,.to6Max{overflow:hidden;position:relative;float:left;width:50%;position:relative}
}

@media (max-width:480px){


	#NaMooSlide1 img{float:left;width:80%;height:100%;margin:0 0 0 -30%}
	#NaMooSlide1 div{float:left;width:40%;padding:3% 2%;color:#fff;font-size:100%;line-height:25px}
	
	#NaMooSlide1 span{display:none}
	.ulin2 li{width:100%;float:left}

		.newsL{width:30%;float:left;padding:10px 0 0 0}
		.newsR{width:65%;float:left;border-left:2px solid #B5DC17;padding:0 0 0 2%}

	.conON{width:50%}
	.menuON{width:40%}
	.toh{height:200px;margin:0}
	.to1Max,.to2Max,.to3Max,.to4Max,.to5Max,.to6Max{overflow:hidden;position:relative;float:left;width:100%;position:relative}

	.NaMooBox li{float:left;width:100%}

	.h21,.h22,.h20{font-size:30px;line-height:35px;padding:10px 0 12px 2%}
	.data1 b{float:left;width:100%;font-weight:700}
	.data2 b{float:left;width:100%;font-weight:700}

	.imgBike{float:right;width:100%;margin:0 0 20px 0}
	.imgBike2{float:left;width:100%;margin:0 0 20px 0}

	.ul2 a{width:48%;height:100px}

	#logo {float:right;margin:10px 2% 10px 0;width:50%}
	#logo2 {float:right;margin:10px 2% 10px 0;width:50%}
	.vodBox1{float:left;width:100%}
	.vodBox2{float:left;width:99%;text-align:left;margin:10px 0 0 1%}
	.vodBox11{float:left;width:100%;margin:20px 0 0 0;text-align:left}
	.vodBox12{float:left;width:100%;margin:0 0 0 0;text-align:left}
}
/*	.log1 li{float:left;padding:0;width:50%}*/
/*	.log1 img{height:150px;float:left}*/



/* Overlay + blur ozadje */
.rso-popup-overlay {
  position: fixed;
  inset: 0;
  display: none;              /* vklopi JS */
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.rso-popup-overlay.is-open {
  display: flex;
}

/* Blur + zatemnitev */
.rso-popup-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Popup (bel) */
.rso-popup {
  position: relative;
  z-index: 1;
  width: min(640px, calc(100vw - 32px));
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  padding: 24px 22px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #111;
}

/* Naslov */
.rso-popup h2 {
  margin: 0 36px 12px 0;
  font-size: 20px;
  line-height: 1.2;
}

/* Tekst */
.rso-popup p {
  margin: 10px 0 0 0;
  font-size: 16px;
  line-height: 1.55;
  color: #222;
}

/* X gumb */
.rso-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border: none;
  background: transparent;
  border-radius: 10px;
  cursor: pointer;
  font-size: 22px;
  line-height: 34px;
  color: #333;
}

.rso-popup-close:hover {
  background: rgba(0, 0, 0, 0.06);
}

/* Mobile malo manj padding */
@media (max-width: 420px) {
  .rso-popup {
    padding: 20px 18px;
    border-radius: 14px;
  }
}