@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap&subset=latin-ext');

@font-face { font-family: 'MBCorpoATitleCond-Regular-Web-1'; font-style: normal; font-weight: 400; src: url(../fonts/MBCorpoATitleCond-Regular-Web-1.woff);}
@font-face { font-family: 'MBCorpoATitleCond-Regular-Web'; font-style: normal; font-weight: 400; src: url(../fonts/MBCorpoATitleCond-Regular-Web.woff);}
@font-face { font-family: 'MBCorpoATitle-Regular-Web'; font-style: normal; font-weight: 400; src: url(../fonts/MBCorpoATitle-Regular-Web.woff2);}
@font-face { font-family: 'MBCorpoSText-Regular-Web'; font-style: normal; font-weight: 400; src: url(../fonts/MBCorpoSText-Regular-Web.woff);}
@font-face { font-family: 'MBCorpoSText-Regular-Web'; font-style: bold; font-weight: 400; src: url(../fonts/MBCorpoSText-Regular-Web.woff);}
@font-face { font-family: 'MBCorpoSText-Bold-Web'; font-style: normal; font-weight: 700; src: url(../fontsMBCorpoSTitle-Bold-Web.woff);}
@font-face { font-family: 'MBCorpoSText-CondRegular'; font-style: normal;src:url(../fonts/MBCorpoSText-CondRegular-Web.woff);}
@font-face { font-family: 'MBCorpoSText-CondLight'; font-style: normal; font-weight:200; src:url(../fonts/MBCorpoSText-CondLight-Web.woff);}

body { background:#111; -webkit-font-smoothing: antialiased; font-family: MBCorpoSText-Regular-Web, sans-serif;color:#fff; margin:0; min-height:0;}
p {font-family: MBCorpoSText-Regular-Web, sans-serif; line-height:1.6;} .bl { width:100%; height:auto; overflow:hidden;}
h1, h2, h3, h4, p {color:#fff;}
h1 {font-weight: 400; font-size: 3rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; font-family: MBCorpoATitle-Regular-Web;}
h1.m  { color:#00adef;}
input[type=text], input[type=tel], input[type=email],  textarea, select { width:100%; padding:10px 1%; box-sizing:border-box; /*box-sizing: border-box; border:1px solid #ccc;*/ font-size:16px }
textarea {font-family: MBCorpoSText-Regular-Web, sans-serif;}
a {color: #00adef; text-decoration:none;}
a:hover {color: #0676a4;}

header { width:96%; max-width:1140px; height:auto; overflow:visible; margin:8px auto 0 auto;}
header .ll { width:auto; height:auto; float:left; margin:18px 0 0 0;}
header .ll .lt { margin:13px 0 0 35px; width:60%; height:auto;}
header .ll a, header .ll .lt { float:left;} #mbt { width:48px; height:48px;overflow:hidden;display:none;float:right; margin:8px 4px 8px 7px;
	cursor:pointer; background:url(../images/menu.svg);background-size:cover;} 
header .rc { width:auto; height:auto; overflow:hidden; float:right; color:#fff;  text-align:right; font-size:18.5px; line-height:1.2; margin-top:5px; z-index:33;}
header .rc a {color:#fff; text-decoration:none; } header .rc a:hover { color:#ccc;} 
header .rc div { margin:2px 0;}
header .rc div:nth-child(1), header .rc div:nth-child(2) { font-family: 'MBCorpoSText-Regular-Web', sans-serif; font-size:14px;} 
header .rc div:nth-child(1) a, header .rc div:nth-child(2) a {color:#00adef;} header .rc div:nth-child(1) a { margin-left:1.15em;} header .rc div:nth-child(2) a { margin-left:.3em;} 
header .rc div:last-child { font-family: 'MBCorpoATitleCond-Regular-Web', serif; margin-top:4px;}
header .rc div:last-child a { font-weight:700; font-family: 'MBCorpoATitleCond-Regular-Web', serif;}

header .h { width:100%; overflow:hidden; margin:24px 0 4px 0;}
header .h .l { width:auto; overflow:hidden; float:left; margin-top:5px;}
header .h .mb { display:block; width:120px; height:18px; overflow:hidden; font-family:'MBCorpoATitle-Regular-Web';color:#fff; font-size:22px; float:left; margin:50px 0 0 4.3%; padding-bottom:4px;
	background: url(../images/MB-word-mark_n_3Coffice.webp) no-repeat; background-size:contain;}
header .h .mb:hover { color:#ccc;} 
header .h .c { width:auto; overflow:hidden; float:left; margin:8px 0 0 15.5%;padding-bottom:6px}
header .h .c .mr { width:100%; height:26px; overflow:hidden; background:url(../images/motorr_zilina.webp) no-repeat center center; background-size:contain; margin-bottom:8px;}
header .h .c .v { width:auto; overflow:hidden; font-family:'MBCorpoATitleCond-Regular-Web'; font-size:18.5px; float:left;}
header .h .c .v a { display:block; width:auto; overflow:hidden; float:left; box-sizing:border-box; color:#ccc;text-decoration:none; transition:all ease-in-out .4s;}
header .h .c .v a:hover, header .h .c .v .o.active, header .h .c .v .u.active { color:#fff; } 
header .h .c .v .o { background:url(../images/icon-Car-white.svg) no-repeat center left; text-indent:26px; background-size:28px; padding:3px 14px 0 14px; margin-left:8px;}
header .h .c .v .u { background:url(../images/icon-Van-white.svg) no-repeat center left; text-indent:26px; background-size:26px; padding:3px 10px; margin-left:12px;}
header .h .c .v .s { width:1px; height:21px; overflow:hidden; float:left; background:#fff; margin-top:5px;}
header .h .rc {} header .h .c .v .o:hover { background-size:32px; background-position:-2px center;} header .h .c .v .u:hover { background-size:30px; background-position:-2px center;}
header .h .rc div:last-child, header .h .rc div:last-child a { color:#aaa; }
.split { width:100%; height:1px; overflow:hidden; background:#aaa;}
.split2 { width:100%; height:2px; overflow:hidden; background:#666;}
/*#ln1  { position:absolute; left:0; top:50px; width:100%; height:1px; background:yellow;}
#ln2  { position:absolute; left:0; top:66px; width:100%; height:1px; background:red;}*/

nav { width:96%; max-width:1140px; height:auto; min-height:22px; overflow:visible; z-index:111; margin:7px auto 5px auto;} 
nav a { text-decoration:none; font-family: 'Roboto Condensed', sans-serif; font-weight:400; }
nav a.m1 {color:#aaa; display:block; width:auto; padding:6px 7px; height:auto; overflow:hidden; float:none; font-size:16px; }
nav a.m1:hover { color:#fff;} 
nav a.m1.s:after { content:"▼"; margin:0 0 0 3px; font-size:.8em; }
nav a.m1.f { padding:6px 6px 6px 0;}
nav a.m1.l { padding:6px 0 6px 6px;}
nav div.m1 { display:inline-block; width:auto; height:auto; overflow:visible; position:relative;}
nav div.m2 {color:#111; background-color:rgba(255,255,255,.85); width:auto; height:auto; overflow:visible; text-align:left; float:none; display:none; z-index:122;}
nav div.m2 { position:absolute; left:0; top:32px; font-size:16px;}
nav a.m2 {color:#111; background-color:#fff; white-space:nowrap; display:block; width:auto; padding:7px 24px 7px 10px;text-align:left;-moz-text-align-last:left;
    -webkit-text-align-last:left;text-align-last:left;height:auto; overflow:visible; float:none; }
nav a.m2.s {background-image:url(../images/toright3.png); background-repeat:no-repeat; background-position:right 11px;} 
nav div.m2 a:hover { background-color:#ccc;}
nav a.m20 {color:#111; background-color:#fff; white-space:nowrap; display:block; width:auto; padding:7px 10px 7px 10px;text-align:left;-moz-text-align-last:left;
    -webkit-text-align-last:left;text-align-last:left; height:auto; overflow:visible; float:none; }
nav div.m20 a:hover { background-color:#ccc;}
nav div.m3 {width:100%; height:auto; overflow:visible; position:relative; }
nav div.m4 {display:none; position:absolute; left:100%; top:0;}
nav div.m4 a {color:#111; background-color:#fff; white-space:nowrap; display:block; width:auto; padding:6px 8px;text-align:left;-moz-text-align-last:left;
    -webkit-text-align-last:left;text-align-last:left; height:auto; overflow:hidden; float:none; }
nav div.m4 a:hover { background-color:#ccc;}
nav div.m1:hover a.m1 { color:#fff;;}
nav div.m1:hover div.m2 { display:block;}
nav div.m2:hover { display:block;}
nav div.m2:hover div.m3 { display:block;}
nav div.m3:hover { display:block;}
nav div.m3:hover div.m4 { display:block;}
header nav a.m1 {padding:6px 13px 6px 9px; font-size:21px; }
#tm { width:100%; height:auto; overflow:visible;background:#111; transition:all linear .8s; z-index:45;} 
#tm.a { position:fixed; left:0; top:0;}
#tms { width:100%; height:0; overflow:hidden;} 
#tms.a { height:155px;} 
.hs { width:100%; height:12px; overflow:visible;}
.wrap { width:96%; max-width:1140px; height:auto; overflow:visible; margin:0 auto;}
#filter {width:100%; height:auto; overflow:hidden; border: 2px solid #808080; background:#333; padding:14px 12px; margin-bottom:25px;
	 box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
#filter .b { width:auto; height:auto; overflow:visible; float:left; margin:0 6px 6px 0;}
#filter .h { width:100%; height:auto; overflow:hidden; background:#999; color:#fff; font-size:.9em; text-indent:8px; padding:3px 0;}
#filter .b select { width:auto; padding:10px 8px; font-size:16px; border:none; }
#filter .r {width:100%; height:auto; overflow:hidden;}
#filter .r input { display:block; width:113px; text-align:center; float:left; border:none;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; } 
#filter .r span { display:block; width:28px; padding:0; line-height:38px; text-align:center; background:#fff; color:#000; float:left;}
#filter .slider-box { width:218px; height:14px; padding:9px 13px; overflow:visible; margin:6px 10px 0 0; cursor:pointer; }
#filter .b select[name=znacka] { width:160px;}
#filter .b select[name=dph] { width:100px;}
#filter button { background:#00adef; width:24%; padding:10px 8px; color:#fff; border:none; margin-top:0; cursor:pointer; float:right; text-align:center;
	font-family: 'MBCorpoSText-Bold-Web',Arial, Helvetica, sans-serif; font-weight:700; } 
#filter button:hover { background:#2f8db0;}
#filter a.vf { display:block; width:24%; height:auto;color:#fff;text-decoration:none;padding:8px;text-align:center; font-size:.9em;text-indent:1em; /*position:absolute; right:12px; bottom:12px; */
 background:url(../images/reset.svg) no-repeat 26% center; background-size:18px 18px; font-weight:300; float:right; }
#filter a.vf:hover { color:#00adef;}
#filter .b.mbc img { height:50px; width:auto; }
#filter .b.mbc label { display:block; float:left; margin-left:20px;}
#filter .b.mbc input { display:block; float:left; margin:20px 0 0 12px; }
.zor { width:100%; height:auto; overflow:hidden; margin:8px 0; text-align:center;}
.zor span {display:inline-block; margin-left:6px;}
.zor span:first-child { margin-right:8px;}
.zor label { display:inline-block; color:#fff; padding:2px 4px; margin:0 1px; cursor:pointer;}
.zor label:hover {color:#00adef;}
.zor input[type=radio] { display:none;}
.zor input[type=radio]:checked+label { color:#00adef!important;}
footer {width:96%; max-width:1140px; height:auto; overflow:hidden; margin:0 auto; color:#fff;}
footer .ll { width:100%; height:auto; padding:12px 0; overflow:hidden; }
footer .ll a { display:block; width:auto; height:auto; overflow:hidden; float:left; margin:2px 14px 0 0;}
footer .ll .vp {margin:5px 14px 0 0;}
footer .c1 { width:32%; overflow:hidden; float:left;margin-right:1%;}
footer .c2 { width:32%; overflow:hidden; float:left;margin-right:1%;}
footer .c3 { width:34%; overflow:hidden; float:left;}
footer h3 { font-size:19px;}
footer h4 { font-size:18px; margin:.7em 0;}
footer p, footer p:not(.u-text-variant) { font-size:15px; color:#bbb; margin:2px 0;}
footer td { font-size:14px;}
footer td:first-child { min-width:200px;}
footer .s { width:100%; height:111px; overflow:hidden;}
footer .c1 h3, footer .c2 h3 { color:#a3e3e3; margin-bottom:1.5em;}
footer h5 { margin-bottom:0;}
footer h5 a { display:inline-block; font-size:13px; padding:10px 22px 10px 12px; color:#fff; margin-bottom:1.1em;box-sizing:border-box; border:1px solid #ddd; }
footer h5 a:hover { color:#fff; background:#00acef;} footer h5 a span { margin-left:2em;}
footer .c3 input { border:none; background:none; border-bottom:2px solid #777; margin-top:18px; padding:4px 0; font-size:22px;font-family: 'MBCorpoATitleCond-Regular-Web'; }
footer .c3 input:focus {border:none; border-bottom:2px solid #00adef;}
footer .c3 ::placeholder/*, footer .c3 ::-ms-input-placeholder*/ {color:#00adef; opacity:1;}
footer .sl { text-align:center; margin-top:3em;}
footer .sl a { color:#999; display:inline-block; margin:5px 15px; font-size:14px;}


.block { width:100%; height:auto; padding:1em 0; overflow:hidden; background:#111; }
.tim { width:100%; height:auto; padding:1em 0; overflow:hidden; background:#333; }
.tim h2 { font-family: MBCorpoATitleCond-Regular-Web, "Times New Roman", Times, serif; font-weight:400; font-size:2.25rem; line-height:1.1; margin-top:30px;}
.tim h3 { font-weight: 400; font-family: MBCorpoATitleCond-Regular-Web; line-height: 1.2;}
.tim h5 { font-weight:bold; }
.tim p { line-height:1.2;}
.tim .p1 { width:100%; height:auto; padding:1.5em 4%; overflow:hidden; background:#fff; }
.tim .p1 p { font-size:16px; color:#000; margin:5px 0;}
.tim .p1 h5 { font-size:16px; color:#000; margin:4px 0 8px 0;}

.onas { width:100%; height:auto; padding:1em 0; overflow:hidden; background:#000; margin-bottom:30px; }
.onas h1 { font-family: MBCorpoATitleCond-Regular-Web, "Times New Roman", Times, serif; font-weight:400; font-size:3rem; line-height:1.1; margin:.5em 0;}
.onas h2 { font-family: MBCorpoATitle-Regular-Web, "Times New Roman", Times, serif; font-weight:400; font-size:2rem; line-height:1.1; margin-top:30px;}
.onas p, .onas li { line-height:1.6; color:#bec6c2; font-size:16px;}
.onas .hb { width:100%; overflow:hidden;}
.onas .hb h3 { margin:2px 0 0 0; font-size:24px;}
.onas .lp { height:7em; width:6px; overflow:hidden; margin-right:18px; background: linear-gradient(to top, #fff, #def4fd, #00acef); float:left;}
.onas .gs { width:100%; overflow:hidden; margin:2em 0;}
.onas .gs a { display:block; width:31%; height:244px; overflow:hidden; margin:10px 2% 10px 0; float:left;}
.onas .gs a img { width:100%; transition:linear all .4s;}
.onas .gs a:hover img { width:108%; margin-top:-3%; margin-left:-4%;} 
.onas .bl.uv { position:relative;margin-bottom:30px;}

.vs { color:#fff; text-decoration:none;}
.vs .v {width:31.4%;height:auto;min-height:530px; overflow:hidden;margin:12px .8%; border:1px solid #444; border-radius:6px; box-shadow: 0 0 6px 3px #444;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;float:left; transition:all ease-in-out .5s; position:relative;text-decoration:none;}
.vs .v .foto { width:100%; height:260px; overflow:hidden; position:relative; transition:all ease-in-out .5s; margin:0; background-position:center center; background-size:cover;}
/*.vs .v .foto img { width:auto; min-width:100%; height:auto; min-height:260px; }*/
.vs .v .foto div.R, .vs .v .foto div.P {width:240px; height:auto; padding:8px 0; overflow:hidden; position:absolute; right:-60px; top:20px; 
	text-align:center; color:#fff; background:#00adef; transform:rotate(30deg); font-size:1.3rem; }
.vs .v .foto div.R:before { content:"Rezervované"} .vs .v .foto div.P:before { content:"Predané"}
.vs .v .foto div.d { width:auto; height:auto; padding:5px 16px; overflow:hidden; position:absolute; left:0; bottom:12px; color:#fff; background:#00adef; }
/*.vs .v:hover .foto {width:110%; height:286px; margin-top:-13px; margin-bottom:-13px; margin-left:-5%; margin-right:-5%; }*/
.vs .v .foto div.c { width:42%; height:2.3em; overflow:hidden; position:absolute; right:0; bottom:8px; background:rgba(250,250,250,.6) url(../images/cpo_black.svg) no-repeat;
	background-position:center center; background-size:80%; }
.vs .v .foto div.p1, .vs .v .foto div.p2, .vs .v .foto div.p20 {width:auto; height:auto; padding:4px 8px; overflow:hidden; position:absolute; right:0; top:8px; color:#fff; 
	background:rgba(0,0,0,.6);font-family: MBCorpoATitleCond-Regular-Web; font-size: 1.2rem;}
.vs .v .foto div.p1:before { content:"Motorr Martin"; }
.vs .v .foto div.p2:before { content:"Motorr Žilina"; }
.vs .v .foto div.p20:before { content:"dostupné do 3 dní"; }
.vs .v h2 {font-weight: 400; font-family: MBCorpoATitleCond-Regular-Web; font-size: 2rem; line-height:1.2; margin:4px 14px 4px 14px;text-decoration:none;}
.vs .v h3 {font-weight: 400; font-family: MBCorpoATitleCond-Regular-Web; font-size: 1.25rem; line-height:1.2; margin:18px 14px 4px 14px;text-decoration:none;}

.vs .v .ceny { width:100%; height:70px; overflow:hidden; position:absolute; left:0; bottom:78px;}
.vs .v .pcena { width:49%;overflow:hidden;float:left;font-weight:400;font-size:1.3rem; height:20px;line-height:1;margin:4px 0 0 14px;color:#fff;text-decoration:line-through;
	font-family:MBCorpoSText-CondLight, sans-serif;}
.vs .v .cena { width:49%;overflow:hidden;float:left;font-weight:400; font-size: 2rem;line-height:1;margin:0 0 4px 14px; color:#00adef;font-family:MBCorpoSText-CondRegular, sans-serif; }
.vs .v .zlava { width:38%; height:auto; overflow:hidden; float:right; text-align:right; color:#fff;	font-weight:400; font-size: 1.5rem; line-height:1.2; margin:0 14px 4px 0; font-family:MBCorpoSText-CondRegular, sans-serif; }
.vs .v .zlava span { font-size: 1.2rem;}
.vs .v .pe { width:100%; height:auto; overflow:hidden; position:absolute; left:0; bottom:0; padding:14px; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.vs .v .pe div { width:33.33%; height:auto; padding:4px 0; overflow:hidden; float:left; color:#fff}
.vs .v .pe div:nth-child(3), .vs .v .pe div:nth-child(6) { text-align:center;}
.vs .v .pe div:nth-child(4), .vs .v .pe div:nth-child(7) { text-align:right;}
.vs .v .pe hr { size:0; border:none; border-top:1px solid #555;}
.vs a:-webkit-any-link { color:#000;}
.vzo { width:100%; height:auto;	overflow:hidden; color:#fff;}
.vzo .c1 { width:72%; height:auto;	overflow:hidden; float:left;}
.vzo .c2 { width:27%; height:auto;	overflow:hidden; float:right;}
.vzo h1, .vzo h2, .vzo h3, .vzo h4 {font-weight: 400; font-family: MBCorpoATitleCond-Regular-Web;line-height:1.2;}
.vzo h1 {font-size: 2.9em; margin:4px 14px 4px 0;}
.vzo h2 {font-size: 1.3em; margin:2px 14px 4px 0;}
.vzo h3 {font-size: 2.4em; margin:1em 0 .6em 0;}
.vzo h4 {font-size: 1.6em; margin:1em 0 .6em 0;}
.vzo #foto { width:800px; height:600px; overflow:hidden; position:relative; transition:all ease-in-out .5s; background-position:center center; background-size:cover;
	transition:ease-in-out .5 all;}
.vzo #foto div.R, .vzo #foto div.P {width:354px; height:auto; padding:8px 0; overflow:hidden; position:absolute; right:-84px; top:32px; 
	text-align:center; color:#fff; background:#00adef; transform:rotate(30deg); font-size:2rem; }
.vzo #foto div.R:before { content:"Rezervované"} .vzo #foto div.P:before { content:"Predané"}
.vzo #foto .l, .vzo #foto .r { width:50px; height:50px; overflow:hidden; border-radius:25px; background:rgba(30,30,30,.4); position:absolute; top:280px; color:#fff;
	text-align:center; font-size:24px; line-height:50px; cursor:pointer; transition:ease-in-out .5 all;}
.vzo #foto .l { left:15px;} .vzo #foto .l:before {content: "❮"} .vzo #foto .r { right:15px; } .vzo #foto .r:before {content: "❯"}
.vzo #foto .l:hover, .vzo #foto .r:hover {background:rgba(30,30,30,.6);}
.vzo .gal { width:100%; height:auto; overflow:hidden; margin:0;}
.vzo .gal div { width:80px; height:60px; overflow:hidden; background-size:cover; margin:10px 10px 0 0; float:left;}
.vzo .ic { text-align:right; font-family:MBCorpoSText-Regular-Web; font-size:1.3em; margin-top:1.3em;} .vzo .ic span { font-size:.8em;}
.vzo .ceny { width:100%; height:auto; overflow:hidden; font-weight:400; font-family: MBCorpoATitleCond-Regular-Web; line-height:1.1;}
.vzo .cena { font-size: 3rem; margin:10px 0 0 0; color:#fff; background:#00adef; padding:0 0 .5em 6%; } .vzo .cena span { font-size:1.25rem;font-family:MBCorpoSText-Regular-Web;} 
.vzo .cena em { font-size:1.5rem; font-style:normal;}
.vzo .cena div { font-size:.6em;} .vzo .cena div em { font-size:.8em;}
.vzo .ceny .b2 { font-size:1.25rem; font-family:MBCorpoSText-Regular-Web; line-height:1.3; margin:.5em 0 3px 7%;}
.vzo .zlava { font-size: 3rem; margin:10px 0 0 7%; } .vzo .zlava span { font-size:1.25rem;font-family:MBCorpoSText-Regular-Web;} 
.vzo .povodna { font-size: 2.2rem; margin:16px 0 0 7%; line-height:1.3; } .vzo .povodna span { font-size:1.25rem;font-family:MBCorpoSText-Regular-Web;}
.vzo .povodna a { color:#fff; text-decoration:line-through;/*text-decoration-color: #00adef;*/ text-decoration-thickness: 2px;}
.vzo .benefity {width:84%; height:auto; padding:15px 8%; overflow:hidden; background:#00adef; margin:35px 0 10px 0;}
.vzo .benefity .b1 { font-family: MBCorpoATitleCond-Regular-Web;  font-size:2rem; line-height:1.2; margin:5px 0 20px 0}
.vzo a.mz { display:block; width:100%; height:auto; padding:12px 0; overflow:hidden; text-align:center; text-decoration:none; color:#fff; background:#00adef;/*border:2px solid #fff;*/
	text-transform:uppercase;margin:10px auto; font-weight:600;}
.vzo a.mz:hover { background:#2f8db0;}	
.vzo a.zp { display:block; width:220px; height:auto; padding:12px 0; overflow:hidden; text-align:center; text-decoration:none; color:#00adef; background:#fff;border:2px solid #00adef;
	text-transform:uppercase;margin:15px auto; font-weight:600;}
.vzo hr { border:none; border-top:1px solid #fff; margin:30px 0 0 0;}
.vzo .pe {width:92%; height:auto; overflow:hidden; margin:4px auto 10px auto;font-family:MBCorpoSText-Regular-Web;}
.vzo .pe .p3 { width:30.6%; height:auto; padding-left:1.3%; min-height:50px; overflow:hidden; float:left; margin:28px 0 0 1%; border-left:3px solid #00adef; font-size:2.2rem; }
.vzo .pe .p3 span { display:block; font-size:1.2rem;}
.vzo .pe .p2 { width:47%; height:auto; padding-left:1.3%; min-height:50px; overflow:hidden; float:left; margin:28px 0 0 1%; border-left:3px solid #00adef; font-size:1.5rem; }
.vzo .pe .p2 span { display:block; font-size:1.2rem;}
.vzo .pe .p2a { width:36%; height:auto; padding-left:1.3%; overflow:hidden; float:left; margin:32px 0 0 1%; border-left:3px solid #00adef; font-size:2.2rem; }
.vzo .pe .p2a span { display:block; font-size:1.2rem;}
.vzo .pe .pz { width:60%; height:auto; padding:4px 1% 18px 2%; overflow:hidden; float:right; margin:26px 0 0 0; border:1px solid #00adef; font-size:1rem; box-sizing: border-box; }
.vzo .pe .pz span { display:block; font-size:1.6rem; margin:6px 0;}
.vzo .pe .c3 { width:48%; height:auto; overflow:hidden; float:left; margin:0 1.7% 0 1%;}
.vzo .pe .c4 { width:49.3%; height:auto; overflow:hidden; float:left;}
.vzo .pe .vybava { line-height:1.5; } .vzo .pe .vybava span { margin-right:13px; color:#00adef;}
.vzo .pe .di { width:100%; height:auto; padding:4px 2% 18px 2%; overflow:hidden; float:right; margin:40px 0 0 0; border:1px solid #00adef; font-size:1rem; box-sizing: border-box; }
.vzo .pe .di h3 { font-size: 1.8em; margin:.3em 0 .3em 0;}
.vzo a { color:#95ddf9; text-decoration:none;} .fr a:hover { color:#00adef;} .vzo .zlava a { color:#00adef;}
.vzo .snz { width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.vzo .snz a { color:#00adef; } .vzo .snz a:hover { color:#95ddf9;}
.vzo .snz span { float:right;}
.vzo .c2 .mbc { width:75%; height:4em; overflow:hidden; margin:10px auto; background:url(../images/cpo_white.svg) no-repeat;
	background-position:center center; background-size:100%; }
.vzo a.pz { display:block; width:100%; height:auto; padding:12px 0; overflow:hidden; text-align:center; text-decoration:none; color:#fff;
	background:#00adef; text-transform:uppercase;margin:10px auto; font-weight:600;}
.vzo a.pz:hover { background:#2f8db0;}	
.vzo a.pz i { display:inline-block; width:28px; height:1em; margin-bottom:-2px; background: url(../images/emw.svg) no-repeat; background-size:contain; }
.vzo a.zd { display:block; width:100%; height:auto; padding:12px 0; overflow:hidden; text-align:center; text-decoration:none; color:#fff;
	background:#00adef; text-transform:uppercase;margin:10px auto; font-weight:600;}
.vzo a.zd:hover { background:#2f8db0;}	
.vzo a.zd i { display:inline-block; width:28px; height:1em; margin-bottom:-2px; background: url(../images/share.svg) no-repeat; background-size:contain; }
#zd1.h { display:none;}
#pzv { width:100%; height:100%; overflow:hidden; position:fixed; left:0; top:0; background:rgba(30,30,30,.8); display:none;} #pzv.active { display:block;}
#pzv .pzv { width:400px; max-width:90%;padding:1em 35px;overflow:hidden; background:rgba(30,30,30,.6);border:1px solid #777; box-shadow:0 0 20px #111; margin:14vh auto 10px auto; position:relative;}
#pzv input { width:100%; box-sizing:border-box; padding:4px 0; margin:6px 0 2px 0; color:#fff; background:none; border:none; border-bottom:1px solid #777; font-size:20px;}
#pzv h3, #pzv h4, #pzv p, #pzv input {font-weight: 400;font-family: MBCorpoATitleCond-Regular-Web;line-height: 1.2;}
#pzv h3 { font-size:26px; margin:.5em 0;}
#pzv h4 { font-size:36px; margin:0;}
#pzv h4 span { color: #00adef;}
#pzv h5 { background:#c00; padding:6px; color:#fff; font-size:18px; font-weight:400;}
#pzv a { color:#fff;}
#pzv .m { box-sizing:border-box; padding:0 4% 3px 4%; background:#222; margin:15px 0 9px 0; border:1px solid #555; border-radius:4px;}
#pzv .m p:first-child { font-size:20px; padding:0; }
#pzv .m .l { font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#pzv .load { width:32px; height:32px; background:url(../images/loading.gif); margin:45vh auto 0 auto;}
#pzv .cl { width:40px; height:36px; position:absolute; top:0; right:0; color:#999; text-align:center; cursor:pointer; font-size:30px;}
#pzv .cl:hover { color:#fff;}
#pzv .o { font-size:15px;}
#pzv input::placeholder { color:#aaa;}
#pzv input::-webkit-input-placeholder { color:#aaa;}
#pzv input:-moz-placeholder { color:#aaa;}
#pzv input:-ms-input-placeholder{ color:#aaa;} 
#pzv input::-ms-input-placeholder { color:#aaa;}
.pa { width:100%; height:auto;	overflow:hidden; }
.pa .p2 { width:49.2%; min-width:540px; height:auto;overflow:hidden; background:#fff; }
.pa .p2:nth-child(odd) { float:left; margin:0 0 20px 0;}
.pa .p2:nth-child(even) { float:right; margin:0 0 20px 0;}
.pa .p2 .paf { width:150px; height:200px; overflow:hidden; float:left; margin-right:50px;}
.pa .p2 .pau { width:300px; height:200px; overflow:hidden; float:left; }
.pa .p2 .pau h3 { font-size:2rem; color:#000; margin:30px 0 4px 0;} 
.pa .p2 .pau h5 { font-size:16px; color:#000; margin:4px 0 8px 0;}
.pa .p2 .pau p { font-size:16px; color:#000; margin:5px 0;}
.pa .p2 .pau a { color:#00adef; text-decoration:none;}
.pa .p2.bm .pau { }

#bv1 .bl, #bv2 .bl { height:7.8em; transition:all ease-in-out 1s; }
#bv1.active .bl, #bv2.active .bl { height:auto;}
#bv1 .zc1, #bv1 .zc2, #bv2 .zc1, #bv2 .zc2 { font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:14px; text-align:center; margin-top:1em; cursor:pointer; }
#bv1 .zc1, #bv2 .zc1 {background:url(../images/ahd.webp) no-repeat; background-position:bottom center;}
#bv1 .zc2, #bv2 .zc2 {background:url(../images/ahu.webp) no-repeat; background-position:bottom center; display:none;}
#bv1.active .zc1, #bv2.active .zc1 { display:none;}
#bv1.active .zc2, #bv2.active .zc2 { display:block;}
.fr { width:100%; height:auto;	overflow:hidden; margin-bottom:20px; }
.fr input[type=text], fr. textarea {box-sizing: border-box;}
.fr input[type=checkbox] { margin-right:10px;}
.fr label { font-size:14px;}
.fr textarea { height:120px;}
.fr input[type=text].p2 { width:47%;}
.fr input[type=text].p2:first-child { float:left;}
.fr input[type=text].p2:last-child { float:right;}
button, a.btn { border:none; color:#fff; background:#00adef; font-size:15px; padding:10px 28px; text-decoration:none; cursor:pointer;}
button:hover, a.btn:hover { background:#2f8db0;}	
.fr  button { float:right;}
.err { padding:10px; background:#c00; color:#fff; font-weight:bold;}

.u-section-1 { margin-top:50px;}
#sec-741d { background:#fff;}
#sec-741d p, #sec-741d h3 { color:#000;}
#popup { width:100%; height:100vh; background:rgba(0,0,0,.6); position:fixed; left:0; top:0;z-index:300;} #popup.h { display:none;}
#popup .popup { width:460px; height:auto; max-width:96%; padding:10px 3%; overflow:hidden; margin:15vh auto 0 auto; background:rgba(50,50,50,.85); position:relative; cursor:pointer; box-sizing:content-box; }
#popup .popup .close { width:28px; height:28px; position:absolute; right:2.5%; top:11px; color:#00adef; border:2px solid #00adef; text-align:center; font-size:28px; line-height:28px;}
#popup table { width:100%; border-collapse:collapse; border:1px solid #ccc;}
#popup td { padding:4px 12px; border:1px solid #ccc; font-size:14px}
#popup .popup h3 {font-weight: 500; font-size: 1.875rem; text-align:center; margin:8px 0;}
#popup .popup h4 {font-weight: normal; font-size:20px; text-align:center; margin:8px 0 4px 0;}
#popup .popup h5 {font-weight: normal; font-size:20px; text-align:center; color: #00adef; margin:16px 0;}
#popup .popup p { text-align:center;}
#popup .popup.m { margin:18vh auto 0 auto;}
#popup .popup.m { margin:20vh auto 0 auto;}
#popup .popup.k { margin:35vh auto 0 auto;}

.ohs { display:inline-block; width:auto; height:auto; padding:8px; overflow:hidden; color:#fff; background:#c00; cursor:pointer; font-weight:600;}
.ohs:hover { background:#f55;}

.cfm { width:100%; height:auto; overflow:hidden; margin:8px 0;}
.cfm span { display:inline-block; padding:2px 7px; text-indent:9px; border:1px solid #ccc; border-radius:4px; margin:2px 2px 4px 0; cursor:pointer; }
.cfm input[type=checkbox] { display:none;}
.cfm input[type=checkbox]:checked + span { color:#00adef; border:1px solid #00adef; background-image:url(../images/check4.png); background-repeat:no-repeat; background-position:3px 8px; background-size:10px;}
.cfm .ch { display:inline-block; margin:1px 6px 1px 0;}

.kariera { width:100%; overflow:hidden;}
.kariera .kb { width:100%; min-height:30vw; overflow:hidden; background:url(../images/motorr-kariera-banner.jpg) no-repeat center center; background-size:cover;}
.kariera .kb .c { width:auto; padding:1em 2em; overflow:hidden; margin:4em 10% 3em auto; background:rgba(30,30,30,.6); float:right;}
.kariera .kb .c h2 {font-family: 'MBCorpoATitleCond-Regular-Web'; font-weight:400; font-size:34px; margin:0.05em 0 .05em 0;}
.kariera .kb .c p { font-size:19px; margin:.4em 0;}
.kariera .kb .c .btn { display:block; font-size:19px; margin:2em 0 1em 0;}
.kariera .g { overflow:hidden; background:#333;}
.kariera .w, .kariera.w { overflow:hidden; background:#fff;}
.kariera .slogan { padding:3em 0;}
.kariera .slogan p { font-size:22px;}
.kariera .avp { overflow:hidden; padding:1em 0 3em 0;}
.kariera .avp h1 { color:#000; font-size:34px; margin:1em 0; text-align:center;}
.kariera .avp a { display:block; width:26.33%; min-height:7em; padding:12px 2%; margin:10px 1.5%; text-decoration:none; color:#fff; background-color: #00adef; float:left; position:relative;}
.kariera .avp a h3 { margin:4px 0;}
.kariera .avp a p { margin:4px 0;}
.kariera .avp a span  { font-size:1.5em; position:absolute; right:1em; bottom:.5em; }
.kariera .snk { margin:1em 0; color: #00adef; float:right;}
.kariera.w .kb { min-height:24vw; }
.kariera.w .kb.tech { background-image:url(../images/kariera-technik.webp); background-size:120%; background-position:center 30%;}
.kariera.w h1, .kariera.w .nns, .kariera.w p { color:#000;}
.kariera.w .nns {font-family: 'MBCorpoATitleCond-Regular-Web'; font-weight:400; font-size:42px;margin:1em 0 .5em 0;}
.kariera.w h1 {font-family: MBCorpoSText-Regular-Web, sans-serif; font-size:28px; }
.kariera.w .slogan { padding:0 0 2em 0;}
.kariera.w .slogan p { font-size:18px;}
.kariera.w .wrap .c { width:100%; padding-top:1em; overflow:hidden; color:#000; background-color:#d9d9d9;}
.kariera.w .wrap .c .b { width:46%; padding:1em 2%; min-height:90px; overflow:hidden; float:left;}
.kariera.w .wrap .c .b .i { width:16%; max-width:54px; min-height:65px; overflow:hidden; margin-right:2%; float:left; background-repeat:no-repeat; background-size:contain;}
.kariera.w .wrap .c .b .i.mp { background-image:url(../images/mp.svg);}
.kariera.w .wrap .c .b .i.dpp { background-image:url(../images/dpp.svg);}
.kariera.w .wrap .c .b .i.nmm { background-image:url(../images/nmm.svg);}
.kariera.w .wrap .c .b .i.tn { background-image:url(../images/tn.svg);}
.kariera.w .wrap .c .b h3 { color:#000; margin:0 0 .1em 0; width:82%; float:right;}
.kariera.w .wrap .c .b p { width:82%; margin:.5em 0; line-height:1.3; float:right;}
.kariera.w .wrap .bl { color:#000;}
.kariera.w .wrap h4 { font-family: MBCorpoSText-Regular-Web; font-size:1.5rem; font-weight:400; line-height:1.2; color:#000; margin:1em 0 .3em 0;}
.kariera.w .wrap h5 {font-size: 1.125rem; line-height: 1.6; margin:.8em 0 .2em 0;}
.kariera.w .wrap ul { padding-left:20px;}
.kariera.w .wrap .bl p a {color: #00adef;}

.kariera.f { padding:1em 0 2em 0; overflow:hidden; background:#333;}
.kariera.f .c { width:100%; overflow:hidden; margin:2px 0;}
.kariera.f .c1 { width:49.5%; overflow:hidden; float:left; margin:9px 0 0 0;}
.kariera.f .c2 { width:49.5%; overflow:hidden; float:right; margin:9px 0 0 0;}
.kariera.f .c label { display:block; width:100%; box-sizing:border-box; margin:4px 0 2px 0; }
.kariera.f a {color: #00adef;}
.kariera.f textarea { height:6em;}
.kariera.f h2 { font-family:'MBCorpoATitleCond-Regular-Web'; font-weight:400; font-size:2em; }

#err { background:#c00; color:#fff; padding:12px; display:none;} #err.active { display:block;}
#ok { text-align:center; font-size:2em; padding:5em 0; display:none;} #ok.active { display:block;} #ok a { color:#fff;}
#kf.h { display:none;}
html {scroll-behavior: smooth;}
#kps { width:100%; height:auto; min-height:100vh; overflow:hidden; background:rgba(30,30,30,.7); position:fixed; top:0; left:0; display:none; }
#kps.active { display:block;}
#kps .kps { width:94%; height:auto; padding:20px 3%; max-width:900px; background:#fff; margin:0 auto; color:#000; position:relative; }
#kps .kps p { color:#000;}
#kps .close { font-size:2em; cursor:pointer; color:#666; position:absolute; top:0; right:0; width:2em; text-align:center;}
#kps .close:hover {color:#000;}

.cspe { overflow:hidden; margin-bottom:2em;}
.cspe h1 { font-weight:400; }
.cspe h1 span { color:#00adee; }
.cspe h2 { font-weight:400; }
.cspe h2 span { color:#00adee; font-weight: 700;}
.cspe h2 strong { font-weight: 700; }
.cspe table { width:100%; border-collapse:collapse;}
.cspe th { padding:4px; font-family: 'MBCorpoATitle-Regular-Web'; font-weight:400; font-size:26px;color:#00adee;}
.cspe td { padding:4px; text-align:center; border:1px solid #fff; font-size:22px; box-sizing:border-box; width:33.333%}
.cspe td h3 {font-family: 'MBCorpoATitle-Regular-Web'; font-weight:400; font-size:30px;}
.cspe td h3 span {font-size:40px;}
.cspe tr.inv { color:#fff; background:#00adee; }
.cspe td.l { text-align:left; text-indent:2em;}

#fm { position:fixed; right:0; bottom:10vh; width:145px; height:auto; overflow:hidden; box-shadow:0 0 10px #666;}
#fm a { display:block; width:100%; padding:12px 0; margin:1px 0; text-indent:40px; color:#fff; background-color:#00acef; font-size:14px; text-decoration:none;font-family: 'Roboto', Arial, sans-serif; font-weight:100; /*letter-spacing:1px;*/  background-repeat:no-repeat;}
#fm a:nth-child(1) { background-image:url(../images/call.webp);background-position:-1px center;background-size:40px auto;}
#fm a:nth-child(2) { background-image:url(../images/info.svg);background-position:8px center;background-size:23px auto;}
#fm a:nth-child(3) { background-image:url(../images/price_euro.svg);background-position:4px center;background-size:32px auto;}
#fm a:nth-child(4) { background-image:url(../images/test_drive.svg);background-position:7px center;background-size:24px auto;}
#fm a:nth-child(5) { background-image:url(../images/service.svg);background-position:6px center;background-size:26px auto;}
#fm a:hover { background-color:#2f8db0;}
#fmm { display:none;}
#fm.a { background:#c00;}
#fm.b { background:#0c0;}

#of { display:none; width:100%; height:100vh; overflow:hidden; background:rgba(80,80,80,.7); position:fixed; left:0; top:0;} #of.a { display:block;}
#of .of { width:320px; height:auto; padding:18px 20px 5px 20px; overflow:hidden; margin:22vh auto 0 auto; background:#000; position:relative;}
#of input, #of textarea { padding:8px; color:#000;} #of label { font-size:14px;} 
#of .of .c { position:absolute; top:-4px; right:0;font-size:32px; padding:0 10px; cursor:pointer;} #of .of .c:hover { color:#c00;}
#of input::placeholder, #of textarea::placeholder { color:#336;}
#of input[type=checkbox] { margin-right:4px;}
#of #ofok, #of #off.h { display:none;}
#of #ofok.a { display:block; margin:10vh 0; text-align:center;}

.novinky { width:96%; max-width:1152px; height:auto; overflow:visible; margin:0 auto; text-align:center; }
.novinky a { display:inline-block; width:32%; height:340px; overflow:hidden; text-decoration:none; margin:8px .5%; }
.novinky a div { width:100%; height:240px; background-size:100%; background-position:center center; background-repeat:no-repeat; margin:0 auto 8px auto; transition:all linear .4s;}
.novinky a div:hover { background-size:103%;}
.novinky p { color:#ccc; text-align:left; font-size:14px; margin:2px 0; }
.novinky h2 { color:#fff;font-family: MBCorpoSText-Regular-Web; text-align:left; font-weight:400; margin:0; font-size:20px;}

@media (max-width: 1219px) {    
	nav a.m1 { padding:6px 1px; }
	nav a.m1.s:after {margin-left:3px; font-size:15px; }
	nav div.m2 { top:31px; font-size:15px;}
	#filter { max-width:1000px;}
	#filter .h { font-size:12px;}
	#filter input[type=text], #filter .b select { font-size:13px;} 
	#filter .b select[name=pohon] { width:70px;}
	#filter .b select[name=znacka] { width:144px;}
	#filter .b select[name=dph] { width:86px;}
	#filter .r input { width:98px; } 
	#filter .r span {  width:22px;line-height:35px; }
	#filter .slider-box { width:180px; }
	.vs .v h2 {font-size:1.8rem;}
}

@media (max-width: 1199px) {    
	nav a.m1 { padding:6px 6px; }
	.vzo #foto { width:67vw; height:50.25vw; }
	.vzo #foto div.R, .vzo #foto div.P {width:29.65vw; right:-7vw; top:2.68vw; font-size:2.8vw; }
	.vzo #foto .l, .vzo #foto .r {  top:23vw; }
	.pa .p2 { width:48.8%; min-width:475px; }
	.pa .p2 .paf { margin-right:20px;}
	.pa .p2 .pau { float:none; margin:0 auto; }
	.onas .gs a { height:20.5vw;}
	.novinky a {height:calc(21vw + 80px);}
	.novinky a div { height:21vw;}
	.novinky h2 { font-size:1.6vw;}
}

@media (max-width: 1175px) {    
	header .h .mb { margin:50px 0 0 4vw;}
	header .h .c { margin:8px 0 0 14.5vw;}
	header.n nav a.m1 {padding:6px .9vw 6px 9px; font-size:1.8vw; }
}
@media (max-width: 1149px) {    
	header .h .mb { margin:50px 0 0 4vw;}
	header .h .c { margin:8px 0 0 13.8vw;}
	nav a.m1 { padding:6px 3px; font-size:16px; }
	nav a.m1.s:after { font-size:14px; }
	nav div.m2 { top:30px; font-size:14px;}
	.fr input[type=text].p2 { width:47%;}
}

@media (max-width: 1069px) {    
	header .h .mb { margin:50px 0 0 4vw;}
	header .h .c { margin:8px 0 0 11vw;}
	nav a.m1 {  font-size:15px; }
	nav a.m1.s:after { font-size:13px; }
	nav div.m2 { top:29px;}
	header.n nav a.m1 {padding:6px .8vw 6px 9px;}
	#filter {/* max-width:860px;*/}
	#filter .b select[name=status] { width:83px;}
	#filter .b select[name=palivo] { width:80px;}
	#filter .r input { width:80px; } 
	#filter .r span {  width:20px;line-height:35px; }
	#filter .slider-box { width:144px; }
	.vs .v {width:42%;margin:12px 5% 12px 3%;}
	.pa .p2:nth-child(odd), .pa .p2:nth-child(even) {  float:none; max-width:540px; margin:0 auto 20px auto;}
	.tim h2 { text-align:center;} 
	footer .inf, footer .lnk, footer .nav { font-size:.9em;}
}

@media (max-width: 999px) {    
	header .h .mb { margin:50px 0 0 2.5vw;}
	header .h .c { margin:8px 0 0 10vw;}
	nav a.m1 {  font-size:14px; }
	nav div.m2 { top:28px;}
	header.n nav a.m1 {font-size:1.77vw; }
	#filter { /*max-width:860px;*/}
	#filter .b select[name=status] { width:83px;}
	#filter .b select[name=palivo] { width:80px;}
	#filter .r input { width:80px; } 
	#filter .r span {  width:20px;line-height:35px; }
	#filter .slider-box { width:144px; }
	#filter button {  width:28%; } 
	#filter a.vf { width:28%; background-position: 25% center;}
	.vzo h1 {font-size: 2.2em; }
	.vzo .cena, .vzo .zlava { font-size: 2.3rem;} .vzo .cena span { font-size:1.2rem;} 
	.vzo .benefity .b2 { font-size:1rem; }
	/*.vzo a.mz { width:98%;}*/

	footer .bl div:first-child {width:55%; }
	footer .bl div:nth-child(2) {width:44%; margin-right:0;}
	footer .bl div:nth-child(3) { width:96%;}
	footer .lnk {width:55%;}
	footer .nav {width:44%;}
	footer .inf, footer .lnk, footer .nav { font-size:1em;}
}

@media (max-width: 945px) {    
	header .h .mb { margin:50px 0 0 2.1vw;}
	header .h .c { margin:8px 0 0 8.5vw;}
	nav a.m1 {  font-size:13px; }
	nav div.m2 { top:27px;}
	.vs .v {width:44%;margin:12px 4% 12px 2%;}
}

@media (max-width: 922px) {    
	header .h .c { margin:8px 0 0 7.5vw;}
	header.n nav a.m1 {font-size:1.75vw; }
	#filter { /*max-width:730px;*/}
	#filter .h { font-size:10px;}
	#filter input[type=text], #filter .b select { font-size:11px;} 
	#filter .r span {  width:16px;line-height:32px; }
	#filter .b select[name=znacka] { width:124px;}
	#filter .b select[name=status] { width:73px;}
	#filter .b select[name=palivo] { width:66px;}
	#filter .b select[name=prevodovka] { width:80px;}
	#filter .b select[name=pohon] { width:44px;}
	#filter .b select[name=dph] { width:72px;}
	#filter .b select[name=zastupenie] { width:63px;}
	#filter .r input { width:66px; } 
	#filter .slider-box { width:112px; }
	#filter button {  margin-top:14px;}
}

@media (max-width: 899px) {    
	nav { min-height:55px;}
	nav a.m1 {  font-size:18px; }
	nav div.m2 { top:33px;}
	header .h .c { margin:8px 0 0 5.5vw;}
	header.n nav a.m1 {padding:6px .7vw 6px 1vw;}
	.vs .v {width:46%;margin:12px 2% 12px 2%;}
	#filter button {  width:30%; } 
	#filter a.vf { width:30%; background-position: 22% center;}

	.vzo #foto { width:92vw; height:69vw; }
	.vzo #foto div.R, .vzo #foto div.P {width:29.65vw; right:-7vw; top:2.68vw; font-size:2.6vw; }
	.vzo #foto .l, .vzo #foto .r {  top:32vw; }

	.vzo .c1 { width:100%; float:none;}
	.vzo .c2 { width:27%; }
	.vzo .pe {width:72%; float:left;}
	.vzo .pe .p3 { width:30%; min-height:40px; font-size:1.6rem; }
	.vzo .pe .p3 span { font-size:1.1rem;}
	.vzo .pe .p2 { width:97%; min-height:40px;font-size:1.3rem; }
	.vzo .pe .p2 span { font-size:1.1rem;}
	.vzo .pe .p2a { width:97%; font-size:1.6rem; float:none; }
	.vzo .pe .p2a span { font-size:1.1rem;}
	.vzo .pe.fs { width:97%; float:none;}
	.vzo .pe .pz { width:97%; float:none;  }
	.cspe th { font-size:24px;}
	.cspe td { padding:4px; font-size:20px; }
	.cspe td h3 {font-size:26px;}
	.cspe td h3 span {font-size:35px;}
	.cspe td.l { text-indent:1em;}
	.kariera .avp a { width:96%; padding:12px 2%; float:none;}
}

@media (min-width: 840px) {    
.onas .f { float:right; margin:30px 0 1em 8%; width:55%;}
.onas .cbov { width:70%; overflow:hidden; margin-top:30px;}
.onas .bl.uv div {position:absolute; left:0; bottom:0; width:38%; margin-bottom:0;}
}

@media (max-width: 839px) {    
.onas .f { margin:20px 0 1.5em 0; width:100%;}
.onas .cbov { width:100%; overflow:hidden; margin-top:30px;}
.onas .bl.uv div {}
.novinky a { width:31.6%;}
}

@media (min-width: 778px) {    
nav {text-align:justify; -moz-text-align-last: justify;-webkit-text-align-last: justify; text-align-last: justify;}
nav div.m1:first-child a.m1 { padding-left:0;} nav div.m1:last-child a.m1 {padding-right:0;}
}

@media (max-width: 777px) {    
	header .ll { width:100%; float:none; overflow:hidden; margin:12px 0 0 0;} #mbt { display:block;}
	header.n nav a.m1 {font-size:20px; }
	nav { border-top:1px solid #ccc; position:absolute; top:148px; left:0; background:#000; min-height:30px; display:none;} nav.m { display:block;}
	nav a { width:100%; padding:10px 2%; border-bottom:1px solid #ccc; }
	nav a.m1, nav a.m1.f, nav a.m1.l { padding:12px 2%;}
	nav div.m1 {width:100%; }
	nav div.m2 { width:100%; overflow:hidden; position:relative; top:0;font-size:18px; }
	nav a.m2 { width:100%; padding:12px 1% 10px 3%;}
	nav a.m2.s { background:none;}
	nav div.m4 { display:block; position:relative; left:0; text-indent:15px; font-size:15px;}
	nav a.m20 {padding:10px 2%; }
	nav div.m4 a {padding:8px;}
	header .h .mb { display:none;}
	header .h .c { margin:8px 0 0 10vw;}

header { height:147px;}
header .rc { float:none; position:absolute; top:74px; right:8px;}
header .h { margin:4px 0 4px 0;height:147px;}

header .h .c { min-width:50%; min-height:55px;}
header .h .c .v { float:none; position:absolute; top:82px; left:0;}
header .h .c .v a { float:none;}
header .h .c .v .o { border-right:none;}
header .h .c .v .s { width:28px; height:1px; overflow:hidden; float:none; margin:5px 0 3px 47px;}
header .h .c .mr {  height:36px; margin:12px 0 8px 0;}

header .h .c .v .o { padding:1px 14px 0 11px; margin-left:8px;}
header .h .c .v .u { padding:3px 10px; margin-left:9px;}

	.vzo #foto div.R, .vzo #foto div.P {width:46vw; right:-7vw; top:1.8vw; font-size:4vw; text-indent:5vw; }
	.vzo .pe .c3 { width:99%; margin:0 0 0 1%;}
	.vzo .pe .c4 { width:99%; margin:0 0 0 1%;}

	#filter .b { margin:0 2% 6px 0;}		#filter .h { font-size:13px;}	#filter input[type=text], #filter .b select { font-size:14px;} 
	#filter .b select, #filter .b select[name=znacka], #filter .b select[name=status], #filter .b select[name=palivo], #filter .b select[name=prevodovka], #filter .b select[name=pohon], 
	#filter .b select[name=dph], #filter .b select[name=zastupenie] { width:100%;}
	#filter .b:nth-child(1), #filter .b:nth-child(2), #filter .b:nth-child(3), #filter .b:nth-child(4), #filter .b:nth-child(5), #filter .b:nth-child(6), #filter .b:nth-child(7), 
	#filter .b:nth-child(8) { width:48%;} 
	#filter .b:nth-child(9), #filter .b:nth-child(10), #filter .b:nth-child(11), #filter .b:nth-child(12) { width:48%;} 
	#filter .r input { width:45%; } #filter .r span {width:10%;line-height:36px;} #filter .slider-box { width:90%; margin-bottom:12px; }
	#filter button {  width:40%; } 
	#filter a.vf { width:40%; background-position: 29% center;}
	.cspe th { font-size:23px;}
	.cspe td { padding:3px; font-size:18px; }
	.cspe td h3 {font-size:23px;}
	.cspe td h3 span {font-size:29px;}
	.cspe td.l { text-indent:0;}

#fmm { display:block; position:fixed; left:0; bottom:0; width:100%; height:auto; overflow:hidden; border-top:1px solid #000; border-bottom:1px solid #000; z-index:39;}
#fmm a { display:block; width:20%; height:16vw; padding:12.5vw 0 0 0; font-size:2.2vw; background-repeat:no-repeat; box-sizing:border-box; text-align:center; float:left; line-height:1;
	color:#fff; background-color:#00acef;text-decoration:none;font-family: 'Roboto', Arial, sans-serif; font-weight:100;}
#fmm a:nth-child(1) { background-image:url(../images/info.svg);background-position:center 2vw;background-size:8vw auto;border-right:1px solid #000;}
#fmm a:nth-child(2) { background-image:url(../images/test_drive.svg);background-position:center 1.5vw;background-size:9vw auto;border-right:1px solid #000;}
#fmm a:nth-child(3) { background-image:url(../images/service.svg);background-position:center 1.5vw;background-size:9vw auto;border-right:1px solid #000;}
#fmm a:nth-child(4) { background-image:url(../images/price_euro.svg);background-position:center 1vw;background-size:10vw auto;border-right:1px solid #000;}
#fmm a:nth-child(5) { background-image:url(../images/call.webp);background-position:center 0;background-size:12vw auto;}
#fm { display:none;}
	.novinky a {width:48.6%;height:calc(32vw + 90px);}
	.novinky a div { height:32vw;}
	.novinky h2 { font-size:2.5vw;}
}

@media (max-width: 600px) {    
	.wrap { width:98%;}
	/*header .h .c .v { font-size:20px;}
	header .h .c .v .o { text-indent:23px; padding:2px 12px 3px 8px; margin-left:6px;}
	header .h .c .v .u { text-indent:25px; background-size:28px; padding:2px 0 2px 10px; margin-left:9px;}
	header .h .c { margin:12px 0 0 8vw;}*/
	#filter .b:nth-child(9), #filter .b:nth-child(10), #filter .b:nth-child(11), #filter .b:nth-child(12) { width:98%;} #filter button { float:left;}
	#filter .r input { width:45%; } #filter .r span {width:10%;line-height:36px;} #filter .slider-box { width:90%; }
	#filter button {  width:42%; } 
	#filter a.vf { width:42%; background-position: 20% center; margin-top:1em;}
	.vs .v {width:96%;margin:12px 2% 12px 2%;}
	.vzo .gal div { width:80px; height:60px; margin:3px 3px 0 0; }
	.vzo .snz { line-height:2; margin-bottom:10px;}
	.vzo .c2 { width:99%; }
	.vzo .pe {width:97%; }
	.vzo .cena, .vzo .zlava { font-size: 3rem;} .vzo .cena span { font-size:1.6rem;} 
	.vzo .benefity .b2 { font-size:1.2rem; line-height:1.3; }
	.vzo a.mz, .vzo a.pz { font-size:1.3rem; }
	.vzo .pe .p3 { width:46.5%; min-height:50px; font-size:1.2rem; }
	.vzo .pe .p3 span { font-size:.95rem;}
	.vzo h3 {font-size: 2em; }
	.vzo .pe .pz { width:100%; }
	.pa .p2 { width:100%; min-width:0;}
	.pa .p2 .paf { width:27.4vw;height:36.4vw;margin-right:0;background-size:contain;}	
	.pa .p2 .pau { width:58vw; height:36.4vw; float:right; }
	.pa .p2 .pau h3 { font-size:6vw; margin:5vw 0 4px 0;} 
	.pa .p2 .pau h5 { font-size:2.8vw; margin:2px 0 5px 0;}
	.pa .p2 .pau p { font-size:2.8vw; margin:1px 0;}
	#bv1 .bl, #bv2 .bl { height:6em; transition:all ease-in-out 1s; }
	.fr input[type=text].p2 { display:block; width:100%; float:none;} .fr input[type=text].p2:first-child { margin-bottom:15px;}
	footer .bl div:first-child {width:100%; margin-right:0;}
	footer .bl div:nth-child(2),footer .bl div:nth-child(3) {width:100%;}
	footer .lnk {width:100%; margin-right:0;}
	footer .nav {width:100%;}
	footer .ll a {  margin:2px 0 0 10px;}
	footer .ll .vp {margin:6px 0 0 10px;}
	#popup .popup .close {line-height:22px;}
	#popup .popup h3 {font-size: 1.5rem;margin:32px 0 8px 0;color: #00adef;}
	#popup .popup.s { margin:2vh auto 0 auto;}
	#popup .popup p { line-height:1.1;}
	#popup .popup { margin:5vh auto 0 auto; }
	#pzv .pzv { width:88%;padding:.8em 5% .1em 5%; margin:4vh auto 5px auto;}
	#pzv h3 { font-size:22px;}
	#pzv h4 { font-size:32px;}
	#pzv h5 { font-size:17px; }
	#pzv .m p:first-child { font-size:19px;}
	#pzv .m .l { font-size:12px;}
	#pzv .o { font-size:16px;}
	.cspe h1 { font-size:2.3rem;}
	.cspe h2 { font-size:1.4em;}
	.cspe th { font-size:19px;}
	.cspe td { padding:3px; font-size:15px; }
	.cspe td h3 {font-size:17px;}
	.cspe td h3 span {font-size:23px;}
}

@media (max-width: 400px) {    
	header .h .c { margin-left:8%;}
	/*header .h .c { margin:12px 0 4px 0; float:right;}
	header .h .c .v { font-size:17px;}*/
	#filter button {  width:100%; padding:10px 0; } 
	#filter a.vf { width:100%; background-position:32% center; padding:6px 0;}
	.pa .p2 .pau { width:63vw;}
	.pa .p2 .pau h3 { font-size:24px; margin:4vw 0 4px 0;} 
	.pa .p2 .pau h5 { font-size:14px; }
	.pa .p2 .pau p { font-size:13px; margin:0 0 -1px 0;}
	.tim h2 {margin:25px 0 25px 0;}
	.novinky a {width:48.1%;height:calc(32vw + 91px);margin:2px .5%; }
	.novinky a div { height:32vw;}
	.novinky h2 { font-size:15px;}
}