@-ms-viewport {width: device-width;}
input[type="button"],
input[type="submit"],
input[type="text"],
textarea{-webkit-appearance: none;}

.burger-menu{left:-320px; width: 320px; position: fixed; z-index:500; text-align: left;background:#202020;top:0;height:100vh;overflow-y:auto;}
.burger-menu.expanded{left:0;}
.burger-ico{display:none;width:30px;height:25px;background-image:url(images/burger-ico-black.png);cursor:pointer;float:right;margin-top:47px;margin-right:28px;}
.burger-o{position:relative; padding:35px;}
.burger-o a{display: block; text-align: left; color:#fff; text-decoration: none; font-size: 16px; line-height: 30px; width: 100%;}
.burger-o a:hover{text-decoration: underline;}
.burger-o a.b-close{width:20px;height:20px;display:block;position:absolute;right:20px;top:20px;background-image:url(images/lightbox/close.png);font-size:0;cursor:pointer;background-size:cover;}
.burger-o a.burger-sm{font-size:12px;line-height:24px;color:#9e9e9e; text-transform: uppercase;}

@media screen and (max-width: 1800px) {
  body .typy-left {
	width: 40%;
	height: 32vw;
	background-size: 101% auto;
	background-position: top;
	background-repeat: no-repeat;
}
body .typy-right-txt {
	font-size: 14px;
	line-height: 22px;
	margin-top: 30px;
}

}

@media screen and (max-width: 1670px) {
  body .hover-buy {font-size: 13px;padding: 10px 0;width: 170px;}
}

@media screen and (max-width: 1530px) {
  body .info-price{margin-left: 0; font-size: 9px;}
}

@media screen and (max-width: 1480px) {
  body .linka{width:185px;}
  body .logo{margin-left:30px;}
  body .o{width:90vw;}
  body .dynamic-page{width:90vw; padding-top: 60px; padding-bottom: 90px;}
  body .step{height:180px;}
  body .step-nr{font-size:45px;}
  body .step-txt{font-size:15px;color:#fff;margin-top:14px;font-weight:400;line-height:22px;}
  body .form-submit {margin-bottom: 30px;}
  body .insta{margin-top:0;}
  body .foot{padding-top:80px;padding-bottom:80px;}
  body .thank{font-size:23px;margin-left:30px;}
  
  body.page-eznamka .znamky-theme .znamka-box{width:270px;height:270px;margin-right:30px;}
  body.page-eznamka .znamky-theme .znamka{width:270px;height:270px;border-radius:135px;background-size:92px auto;}
  body.page-eznamka .znamky-theme .znamka-hover{width:270px;height:270px;border-radius:135px;}
  body.page-eznamka .znamky-theme .znamka-info{margin-top:138px;padding-top:22px;height:111px;border-radius:0 0 160px 160px;}
  body.page-eznamka .znamky-theme .znamka-txt{font-size:20px;}
  body.page-eznamka .znamky-theme .znamka-name{font-size:40px;margin-top:8px;}
  body .hover-buy{margin-top:121px;}
  body.page-eznamka .theme{height: 580px;}
  
  
}

@media screen and (max-width: 1320px) {
  body .hover-buy{font-size:12px;padding:8px 0px;width:126px;margin-top: 105px;}
  body .hover-check{padding:10px 0px;width:126px;margin-top:4px;}
  body .foot-1 {margin-right: 140px;}
  
  body.page-eznamka .znamky-theme .znamka-box {
	width: 210px;
	height: 210px;
	margin-right: 20px;
}
body.page-eznamka .znamky-theme .znamka {
	width: 210px;
	height: 210px;
	border-radius: 105px;
  background-size: 77px auto;
  background-position: center top 22px;
}
body.page-eznamka .znamky-theme .znamka-hover {
	width: 210px;
	height: 210px;
	border-radius: 105px;
}
body .hover-buy {
	margin-top: 94px;
}
body.page-eznamka .znamky-theme .znamka-info {
	margin-top: 106px;
	padding-top: 15px;
	height: 90px;
	border-radius: 0 0 160px 160px;
}
body.page-eznamka .znamky-theme .znamka-txt {
	font-size: 16px;
}
body.page-eznamka .znamky-theme .znamka-name {
	font-size: 32px;
	margin-top: 8px;
}
body.page-eznamka .theme {
	height: 510px;
	background-size: cover;
  background-position: center;
}



}

@media screen and (max-width: 1280px) {
  body .theme h1 {font-size: 36px;}
  body .theme h2 {font-size: 17px;}
  body .znamka-box {width: 166px;height: 240px;margin-right: 34px;}  
  body .znamka{display:inline-block;width:166px;height:240px;border-radius:10px;background-position:center top 28px;background-size:100px auto;}
  body .znamka-info{margin-top:144px;height:77px;border-radius:0 0 10px 10px;}
  body .znamka-txt{font-size:16px;}
  body .znamka-name{font-size:27px;}
  body .znamka-hover{width:166px;height:240px;border-radius:10px;}
  body .theme{height:530px; background-size: cover; background-position: center;}
  
  body .typy-right{padding:60px;width:calc(50% - 120px);}
  body .typy-left{width:50%;height:40vw;}


}

@media screen and (max-width: 1260px) {
  body .linka{display: none;}
  body .top-menu {float: right;margin-right: 20px; margin-left: 0;}
  body .panel-btns a{font-size:15px;padding-top:12px;padding-bottom:12px;border:3px solid #fff;margin-right:10px;}
  body .panel-btns{margin-top:-23px;}
  body .sekce{padding-top:100px;}
  body .article-item .image{height:16vw;}
  body .article-item .image img{min-width:100%;height:16vw;} 
  body .sekce-reg-txt{font-size: 16px; line-height: 21px;}
}

@media screen and (max-width: 1220px) {
  body .info-price br{display: none;}
  
}

@media screen and (max-width: 1200px) {
  body .step {height: 200px;}
  body .eco-nr{font-size:38px;margin-top:36px;}
  body .eco-txt{font-size:15px;margin-top:15px;}
  body .eko-pruh{height:176px;}
}

@media screen and (max-width: 1100px) {
  body .step{width:calc(100% - 40px);margin-right:0;height:auto;padding:20px;vertical-align:top;}
  body .step-nr{font-size:35px;display:inline-block;vertical-align:top;width:52px;}
  body .step-txt{margin-top:11px;display:inline-block;margin-left:20px;width:calc(100% - 72px);}
  body .foot-3{float:left;width:100%;margin-top:50px;}
  body .foot-2{float:right;}
  body .insta-logo{width:42px;height:42px;background-size:cover;}
  body .thank{font-size:18px;margin-left:20px;}
  body .foot-1{margin-right:0;}
  body .kontakty-right{margin-right:60px;width:calc(100% - 450px);}
  body .kontakty-txt{width:390px;}
  body .kontakt-img img{width:100%;height:auto;}
  body .typ-znamky{max-width: calc(50% - 30px);}    
  body .sekce-reg-img{width: 36%;}
  body .sekce-reg-txt{width: 58%; margin-right: 6%;}
  body .sekce-registrace{padding-top: 60px; padding-bottom: 60px;}  
  
  body .typy-left {
	width: 30%;
	height: 24vw;
  float: right;
}

body .typy-right {
	padding: 50px;
	width: calc(70% - 100px);
  float: left;
}
  
}

@media screen and (max-width: 1010px) {
  body #videobcg{height:150%;  width:auto;}
  body .blog{padding-top:70px;padding-bottom:70px;}
  body .all-blogs{margin-top:0;}
  body .informace {padding-top: 70px;padding-bottom: 70px;}
  body .clanky-informace .title {font-size: 17px;}
  
  
  body.page-eznamka .znamky-theme .znamka-box {
	width: 160px;
	height: 160px;
	margin-right: 15px;
}
body.page-eznamka .znamky-theme .znamka {
	width: 160px;
	height: 160px;
	border-radius: 80px;
	background-size: 57px auto;
	background-position: center top 17px;
}
body.page-eznamka .znamky-theme .znamka-hover {
	width: 160px;
	height: 160px;
	border-radius: 80px;
}
body.page-eznamka .znamky-theme .znamka-info {
	margin-top: 80px;
	padding-top: 12px;
	height: 69px;
	border-radius: 0 0 160px 160px;
}
body .hover-buy {
	margin-top: 65px;
}
body.page-eznamka .znamky-theme .znamka-txt {
	font-size: 13px;
}
body.page-eznamka .znamky-theme .znamka-name {
	font-size: 25px;
	margin-top: 4px;
}
body.page-eznamka .theme {
	height: 450px;
}




}

@media screen and (max-width: 980px) {
  body .menu-btns a{padding: 8px 20px;}

}

@media screen and (max-width: 970px) {
  body .menu{margin-left:20px; margin-top:41px;}
  body .logo{margin-left:24px;width:170px;margin-top:23px;}
  body .top{height:100px;background-position:bottom;}
  body .pod-top{width:100%;height:96px;}
  body .menu-btns{margin-top:33px;}
  body .menu-btns a{font-size:13px;}
  body .eco-item{width:calc(50% - 40px);  margin-bottom:0px;}
  body .eko-pruh{height:auto;background-size:cover;background-position:center;  padding-bottom:36px;}
  
  body .typy-right {
	padding: 50px;
	width: calc(100% - 100px);
	float: left;
}
body .typy-left {
	width: 100%;
	height: 37vw;
	float: right;
	background-position: center top -21vw;
}


}

@media screen and (max-width: 920px) {
  body .theme h1{font-size:34px;margin-top:60px;}
  body .theme h2{margin-top:18px; font-size:17px;}
  body .znamky-theme{margin-top:50px;}
  body .theme{height:490px;}
  body .panel-btns a{width:calc(33% - 22px);}
  body .platnost-img{width:100%;}
  body .platnost-left{width:100%;margin-right:0;}
  body .sekce{padding-top:80px;}
  body .form-submit{margin-bottom:60px;}
  body .article-item{width:100%;margin-right:0px;}
  body .article-item .image{width:240px;height:170px;  vertical-align:top;}
  body .article-right{width:calc(100% - 290px); margin-left:50px; display:inline-block; vertical-align:top;}
  body .article-item .title{margin-top:0;}
  body .clanky-informace .article-item {width:100%;margin-right:0px;}
  body .nadpis-center h1{font-size:28px;}
  body .objednavka{padding-top:50px;padding-bottom:50px;}
  body .objednavka-form h2{font-size:20px;display:inline-block;width:100%;margin-bottom:20px;}
  body .form-row-3{display:inline-block;width:100%;font-size:14px;margin-right:3%;margin-bottom:15px;}
  body .form-spz{padding-bottom:10px;} 
  body .info-price {margin-top: 21vw;}
  body .menu a {margin-right: 20px;}
  body.page-eznamka .theme {
	height: 420px;
}
}

@media screen and (max-width: 860px) {
  body .theme h1{font-size:28px;}
  body .theme h2{font-size:14px;}

body .znamka-hover {
	width: 116px;
	height: 172px;
	border-radius: 8px;
}
body .znamka-box {
	width: 116px;
	height: 172px;
	margin-right: 24px;
}    
body .znamka {
	display: inline-block;
	width: 116px;
	height: 172px;
	border-radius: 8px;
	background-position: center top 20px;
	background-size: 70px auto;
}
body .znamka-info {
	margin-top: 105px;
	height: 54px;
	border-radius: 0 0 8px 8px;
	padding-top: 13px;
}
body .znamka-txt {
	font-size: 12px;
}
body .znamka-name {
	font-size: 21px;
}
body .hover-buy {
	font-size: 10px;
	padding: 8px 0px;
	width: 104px;
	margin-top: 77px;
}
body .theme {
	height: 420px;
}



}

@media screen and (max-width: 840px) {
  body .burger-ico{display:block;}
  body .top-menu{display: none;}
  body .linka {display: block;}
  body .linka {height: 96px;}
  body .linka-nadpis{margin-top: 18px;}
  body .burger-ico{margin-top: 37px;}
  body .dynamic-page-head h1{font-size: 30px;}
  body .dynamic-page-block{font-size:14px;}
  body .dynamic-page-block h2{font-size:20px;}
  body .kontakty{text-align:left;padding-top:60px;padding-bottom:20px;}
  body .kontakty-txt{width:260px;font-size:13px;}
  body .kontakty-right{margin-right:20px;width:calc(100% - 280px);}
}

@media screen and (max-width: 800px) {
  body .step-nr{font-size:32px;width:48px;  vertical-align:middle; }
  body .step-txt{margin-top:0;vertical-align:middle;  font-size:13px;line-height:16px}
}

@media screen and (max-width: 770px) {
  body .informace {padding-bottom: 30px; }  
  body .sekce-reg-txt{width:100%;margin-right:0; font-size: 14px;}
  body .sekce-reg-img{display:none;}
  body .sekce-reg-txt h2{margin-bottom:15px;line-height:26px;font-size:18px;}
  body .sekce-registrace{padding-top:40px;padding-bottom:40px;}
  
  body.page-eznamka .znamky-theme .znamka-box {
	width: 114px;
	height: 114px;
	margin-right: 10px;
}
body.page-eznamka .znamky-theme .znamka {
	width: 114px;
	height: 114px;
	border-radius: 57px;
	background-size: 42px auto;
	background-position: center top 11px;
}
body.page-eznamka .znamky-theme .znamka-hover {
	width: 114px;
	height: 114px;
	border-radius: 80px;
}
body .hover-buy {
	margin-top: 43px;
}
body.page-eznamka .znamky-theme .znamka-info {
	margin-top: 58px;
	padding-top: 10px;
	height: 47px;
	border-radius: 0 0 160px 160px;
}
body.page-eznamka .znamky-theme .znamka-txt {
	font-size: 11px;
}
body.page-eznamka .znamky-theme .znamka-name {
	font-size: 20px;
	margin-top: 1px;
}
body.page-eznamka .theme {
	height: 355px;
}


} 

@media screen and (max-width: 660px) {
  body .znamka-box:hover .znamka-hover{display:none;}
  body .article-item .image{width:180px;height:130px;vertical-align:top;}
  body .article-right{width:calc(100% - 210px);margin-left:30px;}
  body .article-item{margin-bottom:20px;}
  body .foot-2{display: none;}
  body .foot-1{margin-right:0;text-align:center;width:100%;}
  body .foot-3{text-align:center;}
  body .thank{text-align:left;}
  body .foot{padding-top:50px;padding-bottom:40px;}
  body .slogan{margin-top:40px;margin-bottom:50px;}
  body .clanky-informace .perex {font-size: 14px;}
  body .kontakty-right{margin-right:0;width:100%;}
  body .kontakty-right .form-group input{width:calc(100% - 22px);}
  body .kontakty-right .form-group textarea{width:calc(100% - 22px);}
  body .kontakty-txt {width: 100%;}
  body .copy-txt{text-align: center; line-height: 16px;}
}

@media screen and (max-width: 620px) { 
  body .theme h1 {
	font-size: 23px;
}



}


@media screen and (max-width: 610px) { 
  body .theme h1{font-size:25px;margin-top:40px;}
  body .theme h2{margin-top:12px;font-size:12px;}
  body .znamky-theme{margin-top:30px;}

  body .panel-btns{margin-top:18px;margin-bottom:25px;position:relative;border-bottom:1px solid #dedede;padding-bottom:17px;}
  body .panel-btns a{width:calc(100% - 22px);margin-right:0;}
  body .sekce{padding-top:10px;}
  body .sekce-nadpis{font-size:28px;}
  body .jak-nadpis{font-size:28px;margin-bottom:26px;}
  body .jak-na-nakup{padding-top:50px;padding-bottom:40px;}
  body .jak-txt{font-size:13px;margin-bottom:30px;line-height:21px;}
  body .nadpis-center{font-size:28px;}
  body .informace {padding-top: 40px;}
  body .typ-znamky{width:calc(100% - 20px);  margin-right:0;max-width: unset;}
  body .theme {
	height: 340px;
}
body.page-eznamka .theme {
	height: 290px;
}




}

@media screen and (max-width: 600px) { 
body .znamka-box {
	width: 96px;
	height: 142px;
	margin-right: 10px;
}

body .znamka {
	display: inline-block;
	width: 96px;
	height: 142px;
	border-radius: 6px;
	background-position: center top 20px;
	background-size: 70px auto;
}
body .znamka-txt {
	font-size: 9px;
}

body .typy-right h2 {
	font-size: 26px;
	font-weight: 700;
	text-align: center;
  margin-top: 25px;
}

body .typy-right {
	padding: 5vw;
	width: calc(100% - 10vw);
	float: left;
  padding-bottom: 20px;
}
body .logo-foot {
	width: 170px;
}
body .slogan {
	font-size: 20px;
	line-height: 27px;
	margin-top: 40px;
	margin-bottom: 30px;

}



}


@media screen and (max-width: 560px) {
  body .linka{display:none;}
  body .top{height:70px;}
  body .pod-top{height:68px;}
  body .kontakty h2{text-align:center;}
  body .kontakty{padding-top:40px;}
  body .kontakty-txt{text-align:center;}
  body .kontaktni-form input.send-form{margin-top:20px;width:200px;margin-left:calc(50% - 100px);}
  
  body .logo {margin-left: 18px;width: 130px;margin-top: 16px;}
  body .burger-ico {margin-top: 23px;margin-right: 20px;}
  
  body.page-eznamka .znamky-theme .znamka-box {
	width: 174px;
	height: 174px;
	margin-right: 20px;
  margin-bottom: 20px;
}
body.page-eznamka .znamky-theme .znamka {
	width: 174px;
	height: 174px;
	border-radius: 87px;
	background-size: 64px auto;
	background-position: center top 15px;
}
body.page-eznamka .znamky-theme .znamka-box:nth-child(2n){margin-right: 0;}
body.page-eznamka .theme {
	height: 530px;
}
body.page-eznamka .znamky-theme .znamka-hover {
	width: 174px;
	height: 174px;
	border-radius: 87px;
}
body.page-eznamka .znamky-theme .znamka-info {
	margin-top: 87px;
	padding-top: 15px;
	height: 73px;
	border-radius: 0 0 160px 160px;
}
body.page-eznamka .znamky-theme .znamka-txt {
	font-size: 14px;
}
body.page-eznamka .znamky-theme .znamka-name {
	font-size: 28px;
	margin-top: 4px;
}

body .cena-form-info{display: none;}
  
}

@media screen and (max-width: 460px) {
 
  body .theme h1{font-size:25px;margin-top:30px;}
  body .sekce-nadpis{font-size:24px;text-align:center;}
  body .cara-green{margin-left:calc(50% - 45px);}
  body .platnost-txt{font-size:14px;line-height:22px;margin-bottom:34px;text-align:center;}
  body .form-submit{padding:16px 0px;font-size:15px;width:200px;margin-left:calc(50% - 100px);}
  body .jak-btn{margin-top:30px;padding:16px 0px;font-size:15px;  width:200px;}
  body .jak-nadpis{font-size:24px;}
  body .sekce.sekce-platnost{padding-bottom:20px;}
  body .nadpis-center{font-size:24px;}
  body .blog .cara-green{margin-left:0;}
  body .blog{padding-top:40px;padding-bottom:40px;}
  body .all-blogs{margin-top:30px;padding:16px 0px;font-size:15px;  width:200px;}
  body .article-item .title{margin-bottom:10px;}
  body .article-item .perex{margin-bottom:15px;}
  body .article-item .image{width:100%;height:auto;vertical-align:top;}
  body .article-item .image img{min-width:100%;height:auto;}
  body .article-right{width:100%;margin-left:0;margin-top:20px;}
  body .clanky-blog{margin-top:0;}
  body .informace .cara-green{margin-left:0;}
  body .clanky-informace {margin-top: 0;}
  body .objednavka .nadpis-center{text-align:center;  font-size:24px;}
  body .objednavka .nadpis-center h1{font-size:24px;}
  body .dynamic-page, body .dynamic-page-head h1{text-align:center;}
  body .dynamic-page-head h1{background-position:center bottom; font-size:24px;padding-bottom:22px; margin-bottom:30px;}
  body .dynamic-page{padding-top:40px;}
  body .dekujeme{font-size:13px;padding-left:60px;padding-top:7px;padding-bottom:7px;background-size:46px;line-height:19px;width:225px;  margin-left:calc(50% - 142px);}
  body .info-price{display: none;} 
  body .znamka{display:inline-block;width:40vw;height:197px;border-radius:6px;background-position:center top 20px;background-size:100px auto;}
  body .znamka-box{width:40vw;height:197px;margin-right:2vw;  margin-bottom:10px;}
  body .znamka-box:nth-child(2n){margin-right:0;}
  body .theme{height:560px;}
  body .znamka-info{margin-top:133px;height:50px;border-radius:0 0 8px 8px;padding-top:13px;}
  body .znamka-txt{font-size:12px;}
  body .znamka-name{margin-top:3px;}
  body .theme h1{font-size:20px;margin-top:40px;}
  body .slogan{font-size:16px;line-height:23px;}
  body .logo-foot{width:150px;}
  body .slogan{margin-top:30px;}
  
  body .typ-vozidla span {
	margin-right: 0px;
	width: calc(100% - 50px);
	text-align: center;
	margin-bottom: 5px;
}
body .form-row.checkbox label{font-size: 13px;}
body .souhlas-gdpr{font-size: 12px;}
    
  
}

@media screen and (max-width: 420px) {
  body.page-eznamka .znamky-theme .znamka-box {
	width: 134px;
	height: 134px;
	margin-right: 10px;
	margin-bottom: 10px;
}
body.page-eznamka .znamky-theme .znamka {
	width: 134px;
	height: 134px;
	border-radius: 87px;
	background-size: 45px auto;
	background-position: center top 15px;
}
body.page-eznamka .znamky-theme .znamka-info {
	margin-top: 67px;
	padding-top: 11px;
	height: 57px;
	border-radius: 0 0 160px 160px;
}
body.page-eznamka .theme {
	height: 420px;
}
body.page-eznamka .znamky-theme .znamka-txt {
	font-size: 12px;
}
body.page-eznamka .znamky-theme .znamka-name {
	font-size: 22px;
}
  

}


@media screen and (max-width: 400px) {
  body #videobcg {height: 100%;width: auto;margin-left: -160px;}
}

@media screen and (max-width: 360px) {
  body .theme h1 {font-size: 19px;margin-top: 30px;}
  body .kontakty h2 {font-size: 20px;}
  body .dynamic-page-head h1{font-size: 20px;}
  body .znamka-box{margin-right: 4vw;height: 167px;}
  body .znamka-box,body .znamka{width:118px;}
  body .znamka{background-size:70px auto;  height:167px;}
  body .znamka-info{margin-top:105px;}
  body .theme h2{font-size:10px;}
  body .theme{height:490px;}


}