*{margin:0;padding:0;}
html{scroll-behavior: smooth;}
body{font-size: 12px; text-align: center; font-family: "Open Sans", sans-serif;}
a img{border:none;}
ul{padding-left: 15px;}
.cl, .cleaner{clear: both;}
input[type="button"],
input[type="submit"],
input[type="text"],
textarea{-webkit-appearance:none;}
body .dev-component dev-editting {color: #000;}

body .gallery .empty-list{display: none;}
body.user-logged .gallery .empty-list{display: block;}
.dev-component{display: inline-block;}
.fx{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

body.page-home .nav{display: none;}
body.page-home .nav.nav-tabs{display: block;}

.dynamic-page .dev-html-block a{color:#000;}
.dynamic-page .dev-html-block table{border-collapse:collapse; width: 100%;}
.dynamic-page .dev-html-block table td{padding:6px; border:1px solid #dedede;}
.dynamic-page .dynamic-page-block .dev-html-block{margin-bottom: 80px;}
.dynamic-page .dynamic-page-block:last-child .dev-html-block{margin-bottom: 0px;} 

/* top bar */
.top{height: 120px; background-color:#292929; position: fixed; width: 100%; text-align: left; z-index: 100; top:0; left:0; border-bottom:1px solid #424242;}
.pod-top{width: 100%; height: 121px;}
.logo{float: left; margin-left: calc((100% - 1400px) / 2); margin-top: 25px;}
.top-menu{float: right; margin-right: calc((100% - 1400px) / 2);}

.menu-btns{display: inline-block; vertical-align: top; margin-top: 42px;}
.menu-btns a{color:#fff; font-size: 15px; display: inline-block; vertical-align: top; padding:8px 35px; border-radius: 8px; text-decoration: none;}
.menu-btns a:hover{opacity:0.7;}
.menu-btns a.buy{margin-right: 6px; background-color: #477050; text-transform: uppercase;}
.menu-btns a.buy-more{background-color: #d00d30;}
.menu{display:inline-block;vertical-align:top;margin-top:50px;margin-left:40px;}
.menu a{font-size: 15px; color:#fff; text-decoration: none; margin-right: 29px; display: inline-block; vertical-align: top; font-weight: 500; text-transform: uppercase;}
.menu a:hover{text-decoration: underline;}
.menu a.ico-home{width: 18px; height: 18px; background-image: url(images/home-ico.png); vertical-align: top;margin-top: -1px;}

.language-selector{display:inline-block;vertical-align:top;margin-left:10px;margin-top:48px;}
.languages a{width: 23px; height: 23px;display: inline-block; vertical-align: top; font-size: 0;opacity:0.5;}
.languages a.active{opacity:1;}
.languages a.site-base{background-image: url(images/flag-hu.png); margin-right: 8px;}
.languages a.site-en{background-image: url(images/flag-en.png);}


/* theme */
.theme{width: 100%; height: 730px; overflow: hidden; position: relative; background-image: url(images/theme.jpg);}

#videobcg{bottom:0; position: absolute; z-index:10; left:0; width: 100%;}
.video-over{width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: absolute; left:0; top:0; z-index:30;}
.theme-obsah{position: absolute; left:0; top:0; z-index:40; width: 100%;}

.o{width: 1400px; margin:0px auto; text-align: center;}
.theme h1{font-size: 48px; display: inline-block; width: 100%; font-weight: 700; margin-top: 70px;}
.theme h2{font-size: 20px; display: inline-block; width: 100%; font-weight: 400; margin-top: 26px;}
.theme .o{color:#fff;}
.znamky-theme{font-size: 0; margin-top: 60px;}


.znamka-box{display: inline-block; vertical-align: top; width: 192px; height: 329px; text-align: left; margin-right: 44px; position: relative;}
.znamka-box:last-child{margin-right: 0;}
.znamka-hover{opacity:0;display: inline-block; width: 192px; height: 376px; position: absolute; z-index:2; left:0; top:0; text-align: center; background: rgba(255,255,255,0.7);}
.znamka-box:hover .znamka-hover{opacity:1; }
.hover-buy {
	background-color: #477050;
	color: #fff;
	font-size: 14px;
	padding: 24px 8px;
	border-radius: 8px;
	font-weight: 700;
	text-decoration: none;
	display: inline-block;
	margin-left: 0;
	margin-top: 296px;
	text-transform: uppercase;
	width: 150px;
}
.hover-check{background-color:#bababa;color:#fff;font-size:10px;padding:10px 16px;border-radius:30px;font-weight:700;text-decoration:none;display:inline-block;margin-left:0;margin-top:10px; display: none;}

.znamka{display: inline-block; width: 192px; height: 376px; background-image: url(images/ico-dalnice.png); background-repeat: no-repeat; background-position: center top 20px;}

.zn-1{background-color:#e40e20;}
.zn-2{background-color:#64b97e;}
.zn-3{background-color:#508faf;}
.zn-4{background-color:#a6762c;}
.zn-5{background-color:#de709a; margin-right: 0;}

.zn-1 .znamka-info{background-color: #b4101d;}
.zn-2 .znamka-info{background-color: #398751;}
.zn-3 .znamka-info{background-color: #427792;}
.zn-4 .znamka-info{background-color: #885f21;}
.zn-5 .znamka-info{background-color: #bc6083;}

.znamka-info{margin-top:282px;display:inline-block;margin-left:0;color:#fff;width:100%;text-align:center;padding-top:15px;height:79px;}
.znamka-txt{font-size:18px; font-weight:100;display:inline-block; width:100%;}
.znamka-name{font-size:30px;font-weight:700;display:inline-block;margin-bottom:2px;width:100%;margin-top:3px;}
.info-price{position:absolute;font-size:10px;top:0;left:0;margin-top:14.5vw;opacity:0.5;margin-left:1vw;  display:none;}
.cena-form-info{opacity:0.8;font-size:12px;margin-bottom:16px;display:inline-block;  line-height:18px;}

/* btns lišta */
.panel-btns{width: 100%; font-size: 0;margin-top: -32px; z-index:50; position: absolute;}
.panel-btns a{display: inline-block; vertical-align: top; font-size: 19px; font-weight: 700; color:#fff; background-color: #1b3047; text-decoration: none; padding-top: 15px; padding-bottom: 15px; border:5px solid #fff; width:calc(23% - 22px); border-radius: 44px; margin-right: 15px;}
.panel-btns a:last-child{margin-right: 0;}
.panel-btns a:hover{background-color: #142536;}
.panel-btns .o{font-size: 0;}
.panel-btns a.btn-nakup{background-color: #22b14c;}
.panel-btns a.btn-hromadny{background-color: #d00d30;}
.panel-btns a.btn-nakup:hover{background-color: #239645;}
.panel-btns a.btn-hromadny:hover{background-color: #b6102e;}

/* sekce */
.sekce {padding-top: 140px; padding-bottom: 140px; color:#212121;}
.sekce-nadpis{font-size: 37px; font-weight: 400; margin-top: 10px;}
.sekce-nadpis span{font-weight: 700;}
.cara-green{width: 90px; height: 3px; background-color: #477050; display: inline-block; margin-top: 30px; margin-bottom: 30px;} 

/* platnost */
.sekce.sekce-platnost{padding-bottom: 80px;}
.platnost-left{float: left; width: 450px; margin-right: 100px; text-align: left;}
.platnost-img{width: calc(100% - 550px); height: autp; float: left;}
.platnost-txt{font-size: 17px; line-height: 26px; font-weight: 400; margin-bottom: 50px;}
.platnost-form input{border:1px solid #dedede; border-radius:6px; font-size:18px; font-family:"Lato",sans-serif; padding:19px; background-color:#fff; width:calc(100% - 72px); padding-left: 50px; background-image: url(images/spz-no.png); background-repeat: no-repeat; background-position: left center; position: relative;}

.country-name{position: relative;}
.country-name.country-AT input, 
.country-name.country-BE input, 
.country-name.country-BG input, 
.country-name.country-HR input, 
.country-name.country-CY input, 
.country-name.country-CZ input, 
.country-name.country-DK input, 
.country-name.country-EE input, 
.country-name.country-FI input, 
.country-name.country-FR input, 
.country-name.country-DE input, 
.country-name.country-GR input, 
.country-name.country-HU input, 
.country-name.country-IE input, 
.country-name.country-IT input, 
.country-name.country-LV input, 
.country-name.country-LT input, 
.country-name.country-LU input, 
.country-name.country-MT input, 
.country-name.country-NL input, 
.country-name.country-PL input, 
.country-name.country-PT input, 
.country-name.country-RO input, 
.country-name.country-SK input, 
.country-name.country-SI input, 
.country-name.country-ES input,
.country-name.country-SE input{background-image: url(images/spz.png);}
.country-name span.country-code{position: absolute; font-size: 14px; color:#fff; font-weight: 700; bottom:8px; left:10px;}


.platnost-form input.invalid{border:1px solid red;}
.platnost-form select{border:1px solid #dedede; border-radius:6px; font-size:18px; font-family:"Lato",sans-serif; padding:19px; background-color:#fff; width:100%;}
.platnost-form .form-submit{background-color: #1b3047; text-transform: uppercase;}
.platnost-result{font-size: 15px;}
.platnost-result table{width: 100%;}
.platnost-result table td:first-child{width: 100px; vertical-align: top;}
.result-yes {background-color: #e9f6e9;padding: 15px;line-height: 25px;}
.result-no{background-color: #ffcfcf;padding: 15px;line-height: 25px; font-weight: 700;}
.other-spz{margin-top:20px;margin-bottom:0px;border:none;padding:10px 30px;font-size:15px;border-radius:40px;background:#22b14c;color:#fff;cursor:pointer; text-decoration: none; display: inline-block;}

/* jak na nákup */
.jak-na-nakup{width: 100%; height: auto; color:#fff; background-image: url(images/img-jak.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 90px; padding-bottom: 70px;}
.jak-nadpis{font-size: 38px; font-weight: 700; display: inline-block; width: 100%; margin-bottom: 36px;}
.jak-txt{font-size: 17px; font-weight: 400; display: inline-block; width: 100%; margin-bottom: 70px; line-height: 28px;}
.jak-txt a{color:#22b14c; }
.jak-steps{font-size: 0;}
.step{display: inline-block; width:calc(20% - 75px); margin-right: 17px; height: 200px; text-align: left; padding:30px; vertical-align: top;}
.step:last-child{margin-right: 0;}
.step-1{background-color: rgba(73,73,73,0.8);}
.step-2{background-color: rgba(63,63,63,0.8);}
.step-3{background-color: rgba(53,53,53,0.8);}
.step-4{background-color: rgba(43,43,43,0.8);}
.step-5{background-color: rgba(33,33,33,0.8);}
.step-nr{color:#Fff; font-size: 58px; font-weight: 900;}
.step-txt{font-size:17px;color:#fff;margin-top:32px;font-weight:400;}
.jak-btn{margin-top:60px;margin-bottom:0px;border:none;padding:20px 70px;font-size:18px;border-radius:40px;background:#477050;color:#fff;cursor:pointer; text-decoration: none; display: inline-block; text-transform: uppercase;}
.jak-btn:hover{opacity:0.8;}

/* eko pruh */
.eko-pruh{width: 100%; height: 231px; background-image: url(images/eco.jpg);}
.eko-pruh .o{font-size: 0;}
.eco-item{display: inline-block; vertical-align: top; width: calc(25% - 40px); text-align: center; color:#fff; margin-left: 20px; margin-right: 20px;}
.eco-nr{font-size: 60px; font-weight: 900; margin-top: 45px;}
.eco-txt{font-size: 20px; font-weight: 400; margin-top: 20px;}

/* pata stránek */
.foot{width: 100%; height: auto; padding-top: 100px; padding-bottom: 100px; border-top:1px solid #424242; background-color: #292929;}
.foot .o{text-align: left;}
.foot-1{display: inline-block; vertical-align: top; margin-right: 220px;}
.foot-2{display: inline-block; vertical-align: top; width: 310px; float: right;}
.foot-3{float: right;}
.slogan {
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	margin-top: 40px;
	margin-bottom: 40px;
	line-height: 33px;
}
.copy{font-size: 12px; color:#838383; font-weight: 400;}
.menu-foot a{display: inline-block; width: 100%; color:#fff; font-size: 14px; text-decoration: none;margin-bottom: 10px; margin-left: 10px; text-transform: uppercase;}
.menu-foot a.buy{color:#fff; font-size: 15px; display: inline-block; vertical-align: top; padding:8px 25px; background-color: #477050; border-radius: 17px; text-decoration: none;width: 150px; text-align: center; margin-bottom: 4px;}
.menu-foot a.buy-more{color:#fff; font-size: 15px; display: inline-block; vertical-align: top; padding:8px 18px; background-color: #d00d30; border-radius: 3px; text-decoration: none;width: 150px; text-align: center;}
.menu-foot a:hover{opacity:0.7;}
.insta-logo{width: 92px; height: 92px; display: inline-block; background-image: url(images/ico-ig.png); vertical-align: middle;}
.thank{display:inline-block;vertical-align:middle;  font-size:30px;  font-weight:400;  margin-left:40px;}
.insta{margin-top:153px;}
.dalsi-odkazy{margin-top: 25px;}

/* formulář */
.objednavka{text-align: left; padding-top: 80px; padding-bottom: 80px;}
.objednavka .o{text-align: left;}
.objednavka-form{text-align: left; margin-top: 30px;}
.objednavka-form h2{font-size: 24px; display: inline-block; width: 100%; margin-bottom: 30px;}
.vozidlo{font-size:0;}
.form-spz{display:inline-block;vertical-align:top;width:calc(100% - 52px);border:1px solid #dedede;border-radius:6px;padding:25px;margin-bottom: 20px; font-size: 0;}
.objednavka-form .form-spz input{text-transform: uppercase;}
.form-palivo{display:inline-block;vertical-align:top;width:calc(100% - 52px);font-size:14px;border:1px solid #dedede;border-radius:6px;padding:25px;padding-bottom:5px; margin-top: 20px; margin-bottom: 20px;}
.row-name{width:100%;font-weight:600;text-transform:uppercase;margin-bottom:10px;}

.souhlasy .form-row.checkbox:after {
    content: '';
    display: block;
    clear: both;
}

.form-row{margin-bottom:20px;}
.form-row-3{display: inline-block; width: 30%;font-size:14px; margin-right: 3%; margin-bottom: 0;}

.objednavka-form input{border:1px solid #dedede; border-radius:6px; font-size:18px; font-family:"Lato",sans-serif; padding:10px; background-color:#fff; width:calc(100% - 22px);}
.objednavka-form select{border:1px solid #dedede; border-radius:6px; font-size:18px; font-family:"Lato",sans-serif; padding:10px; background-color:#fff; width:100%;}
.form-row.palivo input{border:none;border-radius:0px;padding:10px;width:15px; display:inline-block; vertical-align:top; margin-right:10px; margin-top:4px;}
.form-row.palivo label{font-size:16px;display:inline-block; vertical-align:top; width:calc(100% - 30px);}
.form-row.palivo .row-name{margin-bottom:20px;}
.typ{display:inline-block; width:calc(100% - 52px); font-size:14px; border:1px solid #dedede; border-radius:6px; padding:25px; padding-bottom:5px; margin-bottom: 20px;}
.typ-znamky{display:inline-block;vertical-align:top;padding:10px;margin-right:10px; border-radius:15px; background-color: #f5f5f5; cursor: pointer; margin-bottom: 10px; max-width: calc(25% - 30px);}
.typ-znamky.selected {background-color: #9bd0a7; color:#000;}
.typ-znamky input{display: none;}

.typ-znamky label {
	display: inline-block;
	height: 68px;
	background-size: 90px;
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
	background-image: url(images/ico-dalnice.png);
	text-align: center;
	padding: 10px;
	padding-top: 170px;
	background-position: center top 20px;
  color:#fff;
  width: 160px;
}
span.voz{display: none;}

.typ-znamky label[for=SINGLE_DAY]{background-color: #de709a;}
.typ-znamky label[for=DAYS10]{background-color: #508faf;}
.typ-znamky label[for=DAYS30]{background-color: #64b97e;}
.typ-znamky label[for=ANNUAL]{background-color: #a6762c;}
.typ-znamky label[for=ANNUAL_COUNTY]{background-color: #e40e20;}

.typ .note{display: none;}

.typ-znamky label span.type {
	font-size: 15px;
	display: inline-block;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 3px;
}
.typ-znamky label span.price{font-weight:700;font-size:16px;display:inline-block;}
.typ.info-only { opacity: 0.5; }
.typ.info-only .typ-znamky label{ cursor: default; }
.note{font-style:italic; color:#3f3f3f; font-size: 14px;}
.objednavka .kontakty{display:inline-block; width:calc(100% - 52px); font-size:14px; border:1px solid #dedede; border-radius:6px; padding:25px; padding-bottom:5px;}
.form-row.checkbox input{border:none;border-radius:0px;padding:10px;width:15px;vertical-align:top; margin-right:10px; margin-top:2px; float: left;}
.form-row.checkbox label{font-size:16px;float:left; vertical-align:top; width:calc(100% - 30px);}
.souhlas-gdpr {margin-left: 25px;display: inline-block;width: 100%;margin-top: 6px;}
.souhlas-gdpr a{color: gray;}
.souhrn{display:inline-block;width:calc(100% - 52px);font-size:14px;border:1px solid #dedede;border-radius:6px;padding:25px;padding-bottom:5px;font-size:16px;line-height:24px;background:#477050;color:#fff;}
.souhrn table td:first-child{padding-right: 20px;}
.cena{margin-top:25px;margin-bottom:20px;font-size:20px;font-weight:600;}
.souhlasy label a{color:#000;}
.form-submit{margin-top:30px;margin-bottom:150px;border:none;padding:20px 70px;font-size:18px;border-radius:40px;background:#477050;color:#fff;cursor:pointer;}
.form-submit:hover{opacity:0.8;}
.objednavka .form-submit:disabled { opacity: 0.2; }
/*
.date-edit {position: relative;}
.date-edit span {position: absolute; z-index: 10; font-size: 18px; font-family: "Lato",sans-serif; padding: 9px; display: block; background: #fff; margin: 2px; width: calc(100% - 52px); }
*/
.ordering { background-color: white; width: 100%; height: 100%; position: absolute; opacity: 0.8; z-index: 20;}
.objednavka form {position: relative;}

/* loading */
.form-loading { position: fixed; z-index: 500; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(255,255,255,0.7); text-align: center; }
.form-loading img{margin-top: 20vh;}

/* validace */
.objednavka-form input.invalid {border: 1px solid #fa0000;background-color: #ffdbdb;}
.error{color:#000;font-size:12px; text-transform:uppercase; margin-bottom:3px; line-height: 20px;}
.error strong{display: inline-block; font-size: 0; width: 16px; height: 16px; background-image: url(images/ico-error.png); vertical-align: middle; margin-right: 8px; background-size: cover;}
.warning{color:#000; font-size:12px; text-transform:uppercase; margin-bottom:3px; line-height: 20px;}
.warning strong{margin-right: 3px; display: inline-block; font-size: 0; width: 16px; height: 16px; background-image: url(images/ico-info.png); vertical-align: middle; margin-right: 8px; background-size: cover;}
.error.error-final { background-color: #ff000044; padding: 10px; }
.warning{display: none;}
.objednavka-form .warning {display: block;margin-top: -15px;}


/* obsahy */
.nadpis-center h1{font-size: 37px;}
.kotva{position: absolute; width: 1px; height: 1px; font-size: 0; margin-top: -100px;}
.dynamic-page{width: 1400px; margin:0px auto; padding-top: 80px; padding-bottom: 120px; }
.dynamic-page-head h1{font-size:37px;display:inline-block;width:100%;background-image:url(images/carka.png);background-repeat:no-repeat;background-position:left bottom;padding-bottom:30px;margin-bottom:50px; text-align: left;}
.dynamic-page-block{text-align: left; font-size: 16px; line-height: 24px;}
.dynamic-page-block h6{font-size: 18px; font-weight: 700; color:#22b14c;}

/* kontakty */
.kontakty{text-align: left; padding-top: 80px; padding-bottom: 80px;}
.kontakty .o{text-align: left;}
.kontakty-box{font-size: 0;}
.kontakty-txt{width:550px;text-align:left;display:inline-block;vertical-align:top;font-size:16px;line-height:22px;}
.kontakty h2{display:inline-block; margin-bottom:50px; width:100%; font-size:24px;}
.kontakty-txt a{color:#477050;}
.kontakty-right{margin-right:100px; display: inline-block; vertical-align: top; width: calc(100% - 650px); font-size: 14px; text-align: left;}
.kontakty-right h1{display:inline-block; margin-bottom:30px; width:100%; font-size:28px;}
.kontaktni-form input{border:1px solid #dedede; border-radius:6px; font-size:18px; font-family:"Lato",sans-serif; padding:10px; background-color:#fff; width:calc(100% - 22px);}
.kontaktni-form textarea{border:1px solid #dedede;border-radius:6px;font-size:18px;font-family:"Lato", sans-serif;padding:10px;background-color:#fff;width:calc(100% - 22px); height: 80px;}
.kontakt-img{margin-bottom: 60px;}
.kontaktni-form .form-row small{display: none;}
.kontaktni-form input.send-form{margin-top:30px;margin-bottom:50px;border:none;padding:10px 40px;font-size:18px;border-radius:40px;background:#477050;color:#fff;cursor:pointer; width: auto;}
span.imp{color:red; font-weight: strong; font-size: 18px; display: inline-block; vertical-align: top; margin-left: 5px;}

/* blog */
.page-blog .articles{font-size: 0; margin-top: 20px;}
.article-item{display: inline-block; width:calc(25% - 22px); margin-right: 28px; text-align: left; vertical-align: top; margin-bottom: 40px;}
.article-item:nth-child(4n){margin-right: 0;}
.article-item .image{width:100%;height:210px;overflow:hidden; display: inline-block;}
.article-item .image img{min-width:100%;min-height:210px;}
.article-item .title{font-size: 18px; margin-bottom: 20px; margin-top: 30px; font-weight: 700;}
.article-item .perex{font-size: 14px; color:#121212; margin-bottom: 45px; overflow: hidden; line-height: 20px;}

/* blog hp */
.blog{padding-top: 110px; padding-bottom: 110px;}
.nadpis-center{font-size: 37px;}
.clanky-blog{font-size: 0; margin-top: 20px;}
.blog-item{display: inline-block; width:calc(25% - 22px); margin-right: 28px; text-align: left; vertical-align: top;}
.blog-item:last-child{margin-right: 0;}
.blog-img{width:100%;height:210px;overflow:hidden;}
.blog-date{font-size: 12px; color:#939393; font-weight: 700; background-image: url(images/ico-date.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; margin-top: 20px; margin-bottom: 20px;}
.blog-title{font-size: 18px; margin-bottom: 20px;} 
.blog-title a{color:#000; text-decoration: none;}
.blog-txt{font-size: 14px; color:#121212; margin-bottom: 45px; height: 51px; overflow: hidden;}
.blog-more{background-color:#22b14c;color:#fff;font-size:13px;text-decoration:none;padding:10px 30px;border-radius:20px; display: none;}
.blog-more:hover{opacity:0.8;}
.all-blogs{margin-top:40px;margin-bottom:0px;border:none;padding:20px 70px;font-size:18px;border-radius:40px;background:#e7e7e7;color:#000;cursor:pointer; text-decoration: none; display: inline-block; text-transform: uppercase;}
.all-blogs:hover{opacity:0.8;}

/* informace */
.page-informace .articles{font-size: 0; margin-top: 20px;}
.page-informace .article-item{display: inline-block; width:calc(33% - 22px); margin-right: 28px; text-align: left; vertical-align: top; margin-bottom: 40px;}
.page-informace .article-item:nth-child(3n){margin-right: 0;}
.page-informace .article-item:nth-child(4n){margin-right: 28px;}
.page-informace .article-item .image{width:100%;height:290px;overflow:hidden; display: inline-block;}
.page-informace .article-item .image img{min-width:100%;min-height:290px;}
.page-informace .article-item .title{font-size:22px;margin-bottom:20px;margin-top:30px;font-weight:700;line-height:32px;}
.page-informace .article-item .perex{font-size: 16px; color:#121212; margin-bottom: 45px; overflow: hidden; line-height: 21px;}

/* informace hp */
.informace{padding-top: 110px; padding-bottom: 50px;}
.clanky-informace{font-size: 0; margin-top: 20px;}
.clanky-informace .article-item{display: inline-block; width:calc(33% - 22px); margin-right: 28px; text-align: left; vertical-align: top;}
.clanky-informace .article-item:nth-child(3){margin-right: 0;}
.clanky-informace .image{width:100%;height:290px;overflow:hidden;}
.clanky-informace .title{font-size: 22px; margin-bottom: 20px; margin-top: 30px;} 
.clanky-informace .title a{color:#000; text-decoration: none;}
.clanky-informace .perex{font-size: 16px; color:#121212; margin-bottom: 45px; overflow: hidden;}

/* faq */
.page-gyik {font-size: 0; margin-top: 20px;}
.page-gyik .article-item{display:inline-block;width:calc(100% - 40px);margin-right:0;text-align:left;vertical-align:top;margin-bottom:10px;background-color:#edfaf1;padding:20px;}
.page-gyik .article-item .image{display:none;}
.page-gyik .article-item .title{font-size:17px;margin-bottom:12px;margin-top:0px;font-weight:700;line-height:25px;}
.page-gyik .article-item .perex{font-size:12px;color:#121212;margin-bottom:0px;overflow:hidden;line-height:17px;}
.page-gyik .article-item:nth-child(3n){margin-right: 0;}
.page-gyik .article-item:nth-child(4n){margin-right: 28px;}

/* dekujeme stranka */
.dekujeme{font-size:17px;background-image:url(images/ico-dekujeme.png);background-repeat:no-repeat;background-position:left center;padding-left:100px;padding-top:13px;padding-bottom:13px;}

/* horní lišta pro admina */
body.user-logged .top{margin-top: 64px;}

/* form API loading */
.objednavka-form .api-loading{width: 100%; text-align: center;}
.objednavka-form .api-loading img{width: 40px; height: auto;}

.copy-txt{width:100%; font-size:11px; margin-top:30px; color:#838383;}

.sekce-registrace{font-size: 0; background-image: url(images/img-dalnice.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 90px; padding-bottom: 90px;}
.sekce-reg-txt{display: inline-block; vertical-align: top; font-size: 18px; line-height: 25px; font-weight: 100; text-align: left; width: 40%; margin-right: 10%; color:#fff; font-weight: 300;}
.sekce-reg-txt h2{display:inline-block;width:100%;margin-bottom:30px;line-height:33px;}
.sekce-reg-img{display: inline-block; vertical-align: top; width: 50%;}
.sekce-reg-img img{width: 100%; height: auto;}

.mini-faq{font-size:16px;line-height:22px;color:#717171; margin-bottom: 65px;}
.mini-faq a{color: #477050;}

body.page-eznamka .theme{background-image:url(images/theme-sec.jpg);}
body.page-eznamka .znamka-box{width:320px;height:320px;margin-right:40px;}
body.page-eznamka .znamka-box:last-child{margin-right:0;}
body.page-eznamka .znamka{width:320px;height:320px;border-radius:160px; background-image: unset; background-color: #fff; background-size: 120px auto;}
body.page-eznamka .znamka-info{margin-top:161px;display:inline-block;margin-left:0;color:#fff;width:100%;text-align:center;padding-top:30px;height:130px;border-radius:0 0 160px 160px;}
body.page-eznamka .znamka-hover{width:320px;height:320px;border-radius:160px;}
body.page-eznamka .znamka-txt{font-size:26px;}
body.page-eznamka .znamka-name{font-size:45px;margin-top:8px;}
body.page-eznamka .znamka.zn-1{background-image: url(images/ico-1.png);}
body.page-eznamka .znamka.zn-2{background-image: url(images/ico-2.png);}
body.page-eznamka .znamka.zn-3{background-image: url(images/ico-3.png);}
body.page-eznamka .znamka.zn-4{background-image: url(images/ico-4.png);}
body.page-eznamka .znamka.zn-1 .znamka-info{background-color: #163b69;}
body.page-eznamka .znamka.zn-2 .znamka-info{background-color: #966420;}
body.page-eznamka .znamka.zn-3 .znamka-info{background-color: #74141b;}
body.page-eznamka .znamka.zn-4 .znamka-info{background-color: #4e741f;}

.sekce-reg-txt-obsah{color:#e0e0e0;font-size:14px;line-height:23px;}

.typy-znamek{background-color:#f6f6f6;font-size:0;border-bottom:1px solid #dedede;}
.typy-left{width: 40%; height: 610px; display: inline-block; vertical-align: top; background-image: url(images/typy-znamek.jpg); background-size: cover; background-position: center;}
.typy-right{text-align: left; color:#000; padding:80px; width: calc(60% - 160px); display: inline-block; vertical-align: top;}
.typy-right-txt{font-size: 16px; line-height: 24px; margin-top: 40px;}
.typy-right h2 {font-size: 30px;font-weight: 700;}

.typ-vozidla{margin-bottom: 60px;width: calc(100% - 52px);border: 1px solid #dedede;border-radius: 6px;padding: 25px;}
.typ-vozidla span {
	display: inline-block;
	padding: 10px 25px;
	background-color: #eee;
	color: #000;
	text-transform: uppercase;
	font-size: 17px;
	cursor: pointer;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center top 17px;
	padding-top: 58px;
  text-align: center;
}
.typ-vozidla span.selected{background-color: #9bd0a7; color:#000;}
.note-typ{margin-top: 20px; display:none;}

.typ-vozidla-d1m{background-image: url(images/ico-moto.png); width: 50px;} 
.typ-vozidla-d1{background-image: url(images/ico-auto.png); width: 70px;} 
.typ-vozidla-d2{background-image: url(images/ico-tir.png); width: 80px;} 
.typ-vozidla-u{background-image: url(images/ico-trailer.png); width: 60px;}


/* druhá homepage */
body.page-e-matricak .theme {background-image: url(images/theme-2.jpg); height: 640px; background-position: center bottom;}
body.page-e-matricak .zn-1 .znamka-info,
body.page-e-matricak .zn-2 .znamka-info,
body.page-e-matricak .zn-3 .znamka-info,
body.page-e-matricak .zn-4 .znamka-info,
body.page-e-matricak .zn-5 .znamka-info {background-color: #292929;}
body.page-e-matricak .znamka-box {border-radius: 15px;overflow: hidden;height: auto; margin-right: 20px; width: 250px;}
body.page-e-matricak  .znamka {background-size: 100px auto;width: 250px; height: 290px;}
body.page-e-matricak  .znamka-hover{width: 250px;}
body.page-e-matricak .znamka-info{margin-top: 196px;}
body.page-e-matricak  .znamka-hover{height: 290px}
body.page-e-matricak  .hover-buy {margin-top: 110px;}


/* regiony známky */
.region {
	display: inline-block;
	background: #d9d9d9;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 7px;
  cursor: pointer;
}
.regions-list {
	background: #f4f4f4;
	padding: 20px;
	border-radius: 15px;
  margin-top: 20px;
}
.objednavka-form .region input {
	border: 1px solid #dedede;
	border-radius: 6px;
	font-size: 18px;
	font-family: "Lato",sans-serif;
	padding: 0px;
	background-color: #fff;
	width: 20px;
  text-align: left;
  cursor: pointer;
}
.objednavka-form .region label{cursor: pointer;}
.date-note {
	margin-top: 15px;
	font-size: 13px;
	font-style: italic;
	color: gray;
}


/*

1) poznámka k ceně známky - rozdělení ceny (známka+poplatek)
2) pořadí států z api
3) název známky složený z délky a labelu (jak?)
4) posílat název státu v HU a EN z api
5) 


*/