@font-face {
    font-family: 'SKODA Next';
    src: url('../fonts/SKODANext-Regular.eot');
    src: local('SKODA Next'), local('SKODANext-Regular'),
        url('../fonts/SKODANext-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SKODANext-Regular.woff') format('woff'),
        url('../fonts/SKODANext-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'SKODA Next';
    src: url('../fonts/SKODANext-Italic.eot');
    src: local('SKODA Next Italic'), local('SKODANext-Italic'),
        url('../fonts/SKODANext-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SKODANext-Italic.woff') format('woff'),
        url('../fonts/SKODANext-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'SKODA Next';
    src: url('../fonts/SKODANext-Bold.eot');
    src: local('SKODA Next Bold'), local('SKODANext-Bold'),
        url('../fonts/SKODANext-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SKODANext-Bold.woff') format('woff'),
        url('../fonts/SKODANext-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SKODA Next';
    src: url('../fonts/SKODANext-BoldItalic.eot');
    src: local('SKODA Next Bold Italic'), local('SKODANext-BoldItalic'),
        url('../fonts/SKODANext-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SKODANext-BoldItalic.woff') format('woff'),
        url('../fonts/SKODANext-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

:root {
--green:#0e3a2f;
--greenh:#137b61;
--greenlight:#78faae;
--greenlighth:#A8FFCC;
--bgfoto:#ffffff;

--c_base:#161718;
--c_head:#161718;
--c_link:#419468;
--c_linkh:#37ac6e;
--c_white:#fff;
}

html,body,h1,h2,h3,h4,p,ul,ol,li,div,span,form,table,td,dl,dd,dt,img{margin:0; padding:0; border:0;}
html,body {height:100%;}
body {background:#fff;color:var(--c_base); font-size:16px;font-family:"SKODA Next","Arial","Helvetica","sans-serif"; }
input,textarea,select {font-family:"SKODA Next","Arial","Helvetica","sans-serif";}
* {box-sizing: border-box;}
h1{color: var(--c_head);font-size:42px;margin:.8em 0 .3em 0;}
h2{color: var(--c_head);font-size:36px;margin:.8em 0 .4em 0;}
h3{color: var(--c_head);font-size:30px;margin:1em 0 .5em 0;}
h4{color: var(--c_head);font-size:24px;margin:1em 0 .5em 0;}
h5{color: var(--c_head);font-size:20px;margin:1em 0 .5em 0;}
p{font-size:1em; padding:.5em 0;line-height:1.5em;}
ol,ul {font-size:1em; padding:.8em 0 .8em 1.3em;}
li {margin:.3em 0;}
hr {margin:1em 0;border:none;height:2px;background:#EFF0F0;}
h1 a,h2 a,h3 a {color:var(--c_head);}

dl{display:block; margin:0.5em 0;}
dt{display: inline-block;min-width: 140px;vertical-align: top;line-height: 1.5em;box-sizing: border-box;padding-right:1em;}
dd{display: inline-block;max-width: 80%;margin: 0;vertical-align: top;}

@media (max-width: 700px) {
dt,
dd{display:block; width:auto;min-width:none;max-width:none;}
}


img {max-width: 100%;}
.hid {display:none !important;}
.hidd{display:none !important;}
.vis {visibility:hidden !important;}
.clr {clear:both;}
.c {text-align:center !important;}
.l {text-align:left !important;}
.r {text-align:right !important;}
.b {font-weight:bold !important;}
.am {vertical-align:middle;align-self: center;}
.ab {vertical-align:bottom;align-self: end;}
.first {margin-top:0 !important;}

.nw {white-space:nowrap !important;}

.rel {position:relative;}
.red {color:#F15252;}
.green {color:var(--green);}
.green2 {color:var(--greenlight);}


a{cursor:pointer; text-decoration: underline;font-weight: bold;color:var(--c_link);}
a:hover{text-decoration: underline;color:var(--c_linkh);}

a.grey{font-weight:normal;color:#707070;}
a.grey:hover{text-decoration: underline;color: var(--green);}

a.btn,a.btn2 {display:inline-block;margin: 0.1em;padding: 10px 20px;background-color: var(--greenlight);transition: background-color .35s ease;color:#161718;border:none;border-radius: 22px;text-decoration:none;}
a.btn:hover {background-color:var(--greenlighth);}
a.btn2 {background-color:var(--c_link);color:var(--c_white);}
a.btn2:hover {background-color:var(--c_linkh);}
a.btn.small,a.btn2.small {font-size:1em;padding:.2em .7em;}
a.btn.big,a.btn2.big {font-size:1.3em;padding:12px 25px;}
a.btn.back {background-color:#fff;border:2px solid var(--greenlight);font-weight: normal;padding: 6px 12px;}
a.btn,a.btn2{
	filter: drop-shadow(1px 1px 2px #0003);
	}

button{display:inline-block;margin: 0.1em;padding: 10px 20px;background-color: var(--greenlight);transition: background-color .35s ease;color: var(--green);border:none;border-radius: 22px;cursor:pointer;}

a.share-button {display:inline-block;vertical-align:middle; background:var(--greenlight) center center no-repeat;width: 36px;height: 36px;background-size: 18px;border-radius: 19px; margin:0 5px;transition: background-color .35s ease;}
a.share-button.fb{background-image:url(../icon-fb.svg);}
a.share-button.tw{background-image:url(../icon-tw.svg);}
a.share-button.chain{background-image:url(../icon-chain.svg);}
a.share-button:hover {background-color:var(--greenlighth);}



body ::selection {color: #fff;background-color: var(--green);}

body {display: flex;flex-wrap: nowrap;flex-direction: column;overflow-x: hidden;}

header {z-index: 5;background:#fff;border-bottom: 1px solid #707070;}
header>.cnt {max-width: none;display: flex;height:60px;padding: 0 0 0 20px;align-items: center;}
header .logo{margin-right:26px;}
header .logo img {display:block;height: 36px;padding: 10px 27px;}
header .icons {position:absolute; z-index:11; top:10px; right:15px;color:#6B8C8D;}
header .menu ul{display: flex;gap: 15px;padding: 0;}
header .menu li{list-style:none;display: block;margin: 0;flex-grow: 2;}
header .menu li:last-child{flex-grow: 8;}
header .menu li a{display:inline-block;line-height: 58px;height: 58px;padding:0 10px; font-size: 16px;font-weight: bold;border-bottom:3px solid #fff;color:var(--c_base);white-space: nowrap;text-decoration: none;}
header .menu li a.sel,
header .menu li a:hover{border-color:var(--c_linkh);}

header .ham {display:none;}

.content {flex-grow:1;
	padding-bottom:10vw;
	background-image:
			url('../bg26-sun.png'),
			url('../bg26-bottom3.jpg'),
			url('../bg26-3.jpg');
	background-repeat:
			no-repeat,
			no-repeat,
			repeat-y;
	background-position:
			72vw 70px ,
			center bottom ,
			center bottom 51.4286vw;
	background-size:
			22.5vw auto,
			137.143vw auto,
			137.143vw auto;
}

@media (min-width: 1400px) {
.content {
	padding-bottom:140px;
	background-position:
			calc(50% + 473px) 70px,
			center bottom ,
			center bottom 720px;
  background-size:
			315px auto,
			1920px auto,
			1920px auto;
	}
}


footer {font-size: 14px;background: var(--green);color: #fff;padding: 15px 0;}
footer .cnt {display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;}
footer .copy {text-align:right;}

footer a{color:#fff;font-weight:normal;text-decoration:none;display:inline-block;margin: 5px 30px 5px 0;}
footer a:hover{color:#fff;}


.cnt,.mcnt {width:100%; max-width:1600px;margin:auto;padding:0 45px;position:relative;}

@media (max-width: 1200px) {
.cnt,.mcnt {padding:0 25px;}
header>.cnt {padding:0;}
}

@media (max-width: 992px){
.cnt,.mcnt {padding:0 20px;}
header>.cnt {justify-content: space-between;}
header .menu ul {display:none;}
header .ham {display:block;z-index:2;height: 60px;overflow: hidden;text-align:left; cursor:pointer;}
header .ham .hamico{margin:27px 20px;width: 20px;height: 2px;display: block;position: relative;background-color: #161718;}
header .ham .hamico:before,
header .ham .hamico:after {content: '';position: absolute;width: 100%;height: 2px; top: 6px;background-color: #161718;}
header .ham .hamico:after {top: -6px;}

.main .menu.sel{left:0;}
.menu.sel .ham .hamico {background: none;}
.menu.sel .ham .hamico:before {top:0;transform: rotate(-45deg);}
.menu.sel .ham .hamico:after {top:0;transform: rotate(45deg);}

.menu.sel ul{display:block;position:absolute; z-index:5; top:60px; left:0; right:0; background:#FFF;padding-bottom: 10px;}
.menu.sel li {display:block;margin:0;padding:0px;height: auto;border:none; border-bottom:1px solid #CCC;text-align:center;}
.menu.sel li a{border: none;height: auto;line-height: 1.3em;padding: 20px 0;}
}


@media (max-width: 575px){
.content {text-align:center;}
.cnt,.mcnt {padding:0 10px;}
h1 {font-size:40px;}
h2 {font-size:34px;}
footer .cnt {display: block;text-align:center;}
footer .copy {text-align:center;}
footer a{margin:10px;}
}

.content .cimg {text-align:center;}
.content .rimg {float:right; margin-left:1em; margin-bottom:1em;}
.content .limg {float:left; margin-right:1em; margin-bottom:1em;}
.content .rimg img, .content .limg img {max-width:30%;}
.content .photogallery {margin: 0 auto 1em; text-align:center;}
.content .photogallery img{display:inline-block; margin:0.5em;}
.content img.border {
	position: relative;
	border: 12px solid transparent;
	border-image-source: url('../ram.png');
	border-image-slice: 15;
	border-image-width: 15px;
	border-image-repeat: repeat;
	filter: drop-shadow(2px 2px 2px #0007);
}



.content .ytvideo{margin:1em auto;max-width:768px;position:relative;}
.content .ytvideo:before{display:block;content:"";width:100%;padding-top:56.25%;}
.content .ytvideo iframe{ width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;}


.content table{width:100%;border-collapse:collapse;margin:1em 0;}
.content table tr{ background:#FFF;}
.content table tr:nth-child(odd){background:#EFF0F0;}
.content table th,
.content table td{padding:.5em 1em;text-align:left;vertical-align: top;}
.content table th{border:none;background:var(--green);font-weight: bold;color: #fff;}
.content table td{border:1px solid #E7E7E7;border-left:none;border-right:none;}

.content table.border td,
.content table.border th{border:1px solid #707070;}

.content table.blank tr {background:transparent;}
.content table.short{width:auto;}

@media (max-width: 575px){
.content table,.content tbody,.content thead,.content tr {display:block;}
.content tr {margin:10px 0;}
.content th {display:block;text-align:left !important;}
.content td {display:block;text-align:left !important;}
}



.motives{position:relative;height:0;padding-bottom: 36.5%;color:#fff;
--c_base:#fff;
--c_head:#fff;
--c_link:#fff;
--c_linkh:#fff;
}
.mitems{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.mitem{display:none;position:absolute;top:0;left:0;right:0;bottom:0;user-select: none; -webkit-user-drag: none;}
.mitem.sel{display: block;}
.mpicture{width:100%;height:100%;}
.mpicture img{display: block;width:100%;height: 100%;object-fit: cover;pointer-events: none;}
.mcnt{position:absolute;z-index:2;left: 0;right: 0;bottom: 20px;width:auto;}
.mcnt .mcontent{margin-right:calc(50% + 10px);}
.motives>.mcnt{margin-left:calc(50% + 10px);}
.mbtns{display: flex;gap: 10px;flex-wrap: nowrap;justify-content: flex-end;align-items: center;}
.mbtns .mbtn{display: block;flex-grow: 2;flex-basis: auto;max-width: 50px;}
.mbtns .mbtn>span{display: block;margin:10px 0;height: 4px;border-radius: 2px;background-color: #fff3;overflow: hidden;}
.mbtns .mbtn.sel>span{margin:8px 0;height:8px;border-radius: 4px;}
.mbtns .mbtn.sel>span>span{display: block;background-color: #fff;height: 8px;width: 0;}
.mbtns .mcontrol{display:none;width:44px;height:44px;padding:10px;background-color: #fff3;border-radius:50%;color:#fff;}
.mbtns .mcontrol.sel{display:block;}


@media (max-width: 575px){
.motives{height:744px;padding-bottom:0;}
.motives.changable .mitem .mcnt{bottom:60px;}
.mcnt .mcontent{margin-right:0;}
.motives>.mcnt{margin-left:0;}
}


.panel {padding:10px 15%;}


.block {clear:both;display:flex;flex-wrap: wrap; margin:0 -10px; padding:10px 0;}
.block>div {box-sizing: border-box;padding:10px;flex-grow: 1;}

.block .half {flex-basis:50%; min-width:400px;}
.block .third {flex-basis:33%; min-width:370px;}
.block .twothirds {flex-basis:66%; min-width:740px;}
.block .quarter {flex-basis:25%; min-width:200px;}
.block .bl60 {flex-basis:60%; min-width:500px;}
.block .bl40 {flex-basis:40%; min-width:330px;margin:0 auto;}

.block .half.centerImg {position: relative;}
.block .half.centerImg img{
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
	}


@media (max-width: 575px){
.panel {padding:10px 15px;}
.block .twothirds,.block .bl60,.block .bl40 {min-width:350px;}
.block .bl40 {max-width: none;}
.block .smallhide {display:none;}
}
@media (max-width: 420px){
.block .half,.block .bl60,.block .bl40,.block .twothirds {min-width:240px;}
}

@media (max-width: 836px){
.block .half.centerImg img{
	position: static;
  width: auto;
  height: auto;
	}
}



.items{display:flex;flex-wrap:nowrap; margin:0 -10px;}
.items>div{padding:0 10px;flex-grow: 1;text-align:center;}
.items>div:first-child{text-align:left;}
.items>div:last-child{text-align:right;}
@media (max-width: 479px) {
.items{display:block;margin:0;}
.items>div{padding:5px 0;text-align:center;}
.items>div:first-child{text-align:center;}
.items>div:last-child{text-align:center;}
}

.imgLeft,.imgRight {clear:both; margin:10px 0;display:flex;}
.imgRight {flex-direction:row-reverse;}
.imgLeft>div:first-child,.imgRight>div:first-child{flex-basis:30%;}
.imgLeft>div:first-child>div,.imgRight>div:first-child>div{height:100%;}
.imgLeft>div:first-child img,.imgRight>div:first-child img{display:block;width:100%;height:100%;object-fit:cover;}
.imgLeft>div:last-child,.imgRight>div:last-child{flex-basis:70%; padding:5px 15px;}

.imgLeft.small>div:first-child,.imgRight.small>div:first-child{flex-basis:20%;min-width: 180px;}
.imgLeft.small>div:last-child,.imgRight.small>div:last-child{flex-basis:80%;}
.imgLeft.top>div:first-child img,.imgRight.top>div:first-child img{display:block;width:100%;height:auto;object-fit:contain;}


@media only screen and (max-width:680px){
.imgLeft,.imgRight{display:block;}
.imgLeft.small>div:first-child,.imgRight.small>div:first-child{display:none;}
.imgLeft>div:last-child,.imgRight>div:last-child{padding:5px 0;}
}




.mrak1 {background:url(../mrak1.svg) 20px 0px no-repeat;background-size: 160px;padding-left: 100px;padding-right: 100px;}
.mrak2 {background:url(../mrak2.svg) 20px bottom no-repeat;background-size: 240px;padding-bottom: 140px !important;}
.mrak3 {background:url(../mrak3.svg) no-repeat;}
.kve1 {background:url(../kve1.png) 20px 0px no-repeat;background-size: 30px;padding-left: 100px;padding-right: 100px;}
.kve2 {background:url(../kve2.png) 20px bottom no-repeat;background-size: 120px;padding-bottom: 140px !important;}

.social {display:inline-block;width:40px;height:40px;margin:2px 4px;background:center no-repeat;background-size:100%;text-decoration:none;vertical-align:middle;}
.social.fb {background-image:url(../fb_icon.svg);}
.social.in {background-image:url(../in_icon.svg);}
.social.li {background-image:url(../li_icon.svg);}
.social.yt {background-image:url(../yt_icon.svg);}


.greenborder {
  border:3px solid var(--c_link);
  border-radius:25px;
  padding:15px;
  background: #fff8;
}

.pointpanel {
  display: flex;
  align-items: start;
  flex-wrap: nowrap;
  height: 100%;
}

.pointpanel>:first-child {
  background: var(--greenlight);
  padding: 0;
	margin-right: 10px;
  border-radius: 50%;
  font-size: 1.2em;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
	flex-shrink: 0;
  flex-grow: 0;
}

.point{
	background: var(--greenlight);
  padding: 0;
  margin-right: 5px;
  border-radius: 50%;
  font-size: 1.2rem;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
	}
/*dialog*/
.proccess{position: fixed;z-index: 1000;top: 0;left: 0;right: 0;bottom: 0;background: #fff9 url(../loading.svg) center center no-repeat;background-size: 200px;}


.dlg{position:absolute;z-index:20;top:0;left:0;right:0;bottom:0;background:#fff5;display:flex;}
.dlg::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background: #fff;opacity: 0.7;}
.dlg>.cnt{background:#fff; border:1px solid #E4E4E4;border-radius: 10px;box-shadow: 1px 1px 6px #999;position:relative;width: auto;padding: 0;max-width: calc(100% - 20px);}
.dlg>.cnt.text{width:calc(100% - 10px);max-width:600px;max-height:calc(100% - 10px);overflow: auto;}
.dlg>.cnt>a.close{position: absolute;right: 9px;top: 0;z-index: 10;display: block;color: #FFF;text-decoration: none;font-size: 20px;}
.dlg>.cnt>.title{background:#0F3A30;color:#fff;padding:6px 30px 6px 10px;border-radius: 10px 10px 0 0;}
.dlg>.cnt>.content{position: relative;padding: 10px;overflow: auto;background: transparent;}

.dlg h2{font-size: 18px;margin: 0;}
.dlg h3{font-size: 16px;margin: 10px 0 0;}
.dlg p{font-size: 14px;}
.dlg input{font-size: 14px;padding: 5px 5px;width: 350px;border:1px solid #000;}
.dlg input[type="checkbox"]{width: auto;border:none;padding: 0;margin: 8px 10px 8px 0;}
.dlg button{font-size: 14px;padding: 5px 10px;margin: 0 5px;}
.dlg button.main {padding: 13px 30px;font-weight: bold;}

@media (max-width: 700px) {
.dlg input.single{display:block;width:300px;max-width:100%;margin:5px 0;}
}

.formcols2{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.formcols1{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.formcols1 div{flex: 1 0 100%; min-width:200px; padding:0 10px;}
.formcols2 div{flex: 1 0 50%; min-width:200px; padding:0 10px;}

.form label{display:block;margin: 20px 0 10px;position:relative;}
.form input[type="text"],
.form input[type="number"]{font-size: 16px;display: block;width: 100%;padding: 5px 1px;color: #161718;padding-bottom: 7px;border:0;border-bottom: 1px solid #161718;}
.form input[type="checkbox"]{margin-right:0.5em;}

.form label span.label-floating {position:absolute;z-index:1;top:0;left:0;transition: transform .25s,font-size .25s ease-in-out;}
.form label span.label,
.form label.noempty span.label-floating{position:absolute;z-index:1;top:0;left:0;transform:translateY(-21px);color:#7C7D7E;font-size: 12px;}
.form label input:focus ~ span.label-floating{position:absolute;z-index:1;top:0;left:0;transform:translateY(-21px);color:#7C7D7E;font-size: 12px;}

.form label span.err-mandatory,
.form label span.err-validation{display:none;color:#E82B37;font-size: 12px;padding: 3px 0;text-align:right;}
.form label.errM span.err-mandatory{display:block;}
.form label.errV span.err-validation{display:block;}

.form label.errM input,
.form label.errV input{border-bottom: 1px solid #E82B37;}




.votelist {}
.votelist>div {max-width: 460px;margin: 30px auto;text-align: left;}
.votecard{background:#F5F5F5;padding: 20px;margin: 10px 0;}
.votecard>p,.votecard>div.text{background:#DEDDDD;margin: 20px -20px -20px;padding: 8px 20px;}

.voteimg {display:inline-block;width:100%;height:0;padding-top:70.476%;background: #fff;position:relative;}
.voteimg>a {position: absolute;z-index:1;top: 0;left: 0;right: 0;bottom: 0;}
.voteimg>a>img {object-fit: contain;width: 100%;height: 100%;}
.voteimg.sep {margin:15px auto;}
.vote {max-width: 800px;margin: auto;position:relative;}

.votedlg {align-items: center;border: 1px solid var(--green);padding: 10px;margin:10px auto;background: #fff;}
.g-recaptcha {margin:10px 0;text-align:center;}
.g-recaptcha>div {display:inline-block;}

/*banner*/
.titban {position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background-color:#00000080;display:flex;justify-content: center;align-items: center;}
.titban .titbancnt{position: relative;}
.titban a.close{position:absolute;z-index:2;top: -30px;right: 0;text-decoration: none;color: #ddd;font-size: 30px;font-weight: normal;line-height: 25px;}
.titban a.close:hover{color: #fff;}

.titban img{max-height: calc(100vh - 60px);max-width: calc(100vw - 40px);border-radius: 5px;}
.titban .dsk{display:block;}
.titban .mob{display:none;}

@media (max-width: 767px){
.titban .dsk{display:none;}
.titban .mob{display:block;}
}

/*itemList*/
.itemList{}
.itemList>.btns {
	position: relative;
	display: flex;
	justify-content: center;
	gap: 10px;
	padding-bottom: 13px;
	margin-bottom:30px
}
.itemList>.btns>button {
  padding: 5px 10px;
  background:none;
  color: var(--c_link);
  border: none;
  border-radius:0;
  font-size: 1.4em;
}
.itemList>.btns>button.sel{
	font-weight:bold;
	}
.itemList>.btns>button:hover{
  color: var(--c_linkh);
}

.itemList>.btns>.line {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: var(--greenh);
	}
.itemList>.btns>.dot {
	position: absolute;
	bottom: -7px;
	width: 18px;
	height: 18px;
	background: var(--green);
	border: 2px solid #fff;
	outline: 2px solid var(--green);
	border-radius: 50%;
	transform: translateX(-50%);
	transition: left 0.3s ease;
	}

.itemList>.cnts{position: relative;overflow: hidden;}
.itemList>.cnts>div{
	position: absolute;
	scroll-margin-top: 100px;	
	inset: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	}
.itemList>.cnts>div.sel{
	position: relative;
	opacity: 1;
	pointer-events: auto;
	}