@font-face { font-family: BonheurRoyale; font-style: normal; font-weight:normal; src: url(../fonts/BonheurRoyale-Regular.ttf); font-display:swap;}
@font-face { font-family: OpenSans-Light; font-style: normal; font-weight:normal; src: url(../fonts/OpenSans/OpenSans-Light.ttf); font-display:swap;}
@font-face { font-family: OpenSans-Condensed; font-style: normal; font-weight:normal; src: url(../fonts/OpenSans/OpenSans_Condensed-Regular.ttf); font-display:swap;}
@font-face { font-family: Italiana; font-style: normal; font-weight:normal; src: url(../fonts/Italiana-Regular.ttf); font-display:swap;}
@font-face { font-family: InstrumentSerif; font-style: normal; font-weight:normal; src: url(../fonts/InstrumentSerif-Regular.ttf); font-display:swap;}
@font-face { font-family: MB-Regular; font-style: normal; font-weight: 400; src: url(../fonts/MBCorpoSText-Regular-Web.woff);font-display: swap;}
@font-face { font-family: MB-Regular; font-style: bold; font-weight: 400; src: url(../fonts/MBCorpoSText-Regular-Web.woff);font-display: swap;}
@font-face { font-family: MB-TitleCond; font-style: normal; font-weight: 400; src: url(../fonts/MBCorpoATitleCond-Regular-Web.woff);font-display: swap;}
@font-face { font-family: KiaM; font-style: normal; font-weight: 400; src: url(../fonts/DesignKM.woff2);font-display: swap;}
@font-face { font-family: KiaB; font-style: normal; font-weight: 400; src: url(../fonts/DesignKB.woff2);font-display: swap;}
@font-face { font-family: ToyotaBase;font-style:normal;font-weight:normal; src: url(../fonts/ToyotaType-Book.woff2) format("woff2");font-display:swap}

body { background:#030303; -webkit-font-smoothing: antialiased; font-family:Arial, Helvetica, sans-serif;margin:0;color:#fff;}
p, li { line-height:1.4}
input[type=text],input[type=email],input[type=tel],select, textarea { font-size:15px; padding:7px 6px; box-sizing:border-box; border:0; border-radius:4px;}
button, a.btn {border:none; color:#fff; background:#5892c6; font-size:15px; padding:10px 25px; cursor:pointer; border-radius:4px;}
button:hover, a.btn:hover { background:#3872a6;} textarea {font-family:Arial, Helvetica, sans-serif;}

header { width:100%; overflow:visible; margin:0 auto; }
header a { display:inline-block; padding:6px 1px; margin:0 5px; color:#fff; text-decoration:none;}
header .logo { width:177px; height:46px; overflow:hidden; background:#030303 url(../images/autogrouptt.webp) no-repeat center center; background-size:contain;}

header .g { width:100%; height:34px; background:#030303; /* 444 */}
header .w { width:96%; max-width:1200px; height:auto; overflow:visible;margin:-30px auto 0 auto; position:relative;}
header nav:nth-child(1) { width:100%; height:34px; text-align:right; font-size:13px; color:#aaa; margin-top:4px; }
header nav:nth-child(1) a { color:#5892c6;} header nav:nth-child(1) a:hover { color:#fff;}	
header nav:nth-child(2) { width:202px; height:60px; padding:10px 10px 10px 15px; overflow:hidden; margin-top:-37px; background:#030303;}
header nav:nth-child(3) { width:100%; height:38px; text-align:right; margin-top:-38px; }
header nav:nth-child(3) a { margin-left:1em; color:#fff}
header nav:nth-child(3) span { display:none;}
header nav a.a { border-bottom:1px solid #5892c6;} header nav a.n { border-bottom:1px solid #030303;}

.wrap { width:96%; max-width:1200px; overflow:hidden; margin:0 auto; }
/*
.wrap a { color:#fff; text-decoration-color:#5892c6;text-underline-offset:2px;}
.wrap a:hover { color:#5892c6; text-decoration:none;}
*/

#tit { background:#444; min-height:calc(100vh - 280px); /* url(../images/c.jpg) repeat */}
#tit h1 { text-align:center; color:#444; font-size:1em; margin:0; height:0;} .bl { width:100%; height:auto; overflow:hidden;}

#tit .ap { width:100%; overflow:hidden;}
#tit .ap h3 { font-size:24px; color:#ddd; margin:.4em 0;text-align:center;}
#tit .ap h4 { background:#666; padding:.5em 0; text-align:center;}
#tit .ap .c { width:31.5%; overflow:hidden; float:left; background:#030303; border-radius:20px;}
#tit .ap .c:nth-child(2) { margin:0 2.75%;}
#tit .ap .c .l { width:100%; height:56px; overflow:hidden; margin:16px 0;text-align:center; }
#tit .ap .c .p { width:100%; height:300px; overflow:hidden;position:relative;}

#tit .ap .c:nth-child(1) .l { background:url(../images/mercedes-benz.svg) no-repeat center center; background-size:contain;}
#tit .ap .c:nth-child(2) .l { background:url(../images/kia.webp) no-repeat center center; background-size:contain;}
#tit .ap .c:nth-child(3) .l { background:url(../images/toyota.webp) no-repeat center center; background-size:contain;}
#tit .ap .c:nth-child(1) .p { background:url(../images/titulka/glsgle.webp) no-repeat center center; background-size:cover;}
#tit .ap .c:nth-child(2) .p { background:url(../images/titulka/kia-ev3.webp) no-repeat center center; background-size:cover;}
#tit .ap .c:nth-child(3) .p { background:url(../images/titulka/c-hr.webp) no-repeat center center; background-size:cover;}

#tit .ap .t { width:100%; height:300px; overflow:hidden; position:absolute; left:100%; top:0; animation: pm1 infinite 12s; background:rgba(3,3,3,.5);}
/* #tit .ap .t { border-bottom:1px solid #fff;}*/ 
#tit .ap .t .n { width:88%; padding:0 6%; overflow:hidden; margin:1em 0 .35em 0; font-family:"Times New Roman", Times, serif; font-size:1.8em;}
/*#tit .ap .c .t a {position:absolute; right:4px; bottom:4px; display:block; padding:3px 10px; color:#fff; border:1px solid #fff; text-decoration:none; font-size:13px;background:rgba(100,100,100,.3); transition:all ease-in-out .8s;}
#tit .ap .c .t a:hover { background:rgba(80,80,80,.7);}*/

#tit .ap .t { font-size:14px;}
#tit .ap .t li { line-height:1.3; margin:.5em 0;}
#tit .ap .t li::marker {color:#5892c6}
#tit .ap .t .b { text-align:center; margin:.7em 1em 1em 0;}
#tit .ap .t .b span { margin-right:.6em;color:#ddd;}
#tit .ap .t .b span:before {content:"▶";}
#tit .ap .t .b a { color:#5892c6; text-decoration-color:#5892c6;text-underline-offset:2px; text-decoration:none; font-size:16px;}
#tit .ap .t .b a:hover { color:#fff; text-decoration:underline;}

#tit .ap .k { border-top:1px solid #ccc; padding-top:12px; border-bottom:1px solid #ccc;}
#tit .ap .k p { margin:.3em 0;}
#tit .ap .k .knp { text-align:center; margin:.7em 1em 1em 0;}
#tit .ap .k .knp span { margin-right:.6em;color:#ddd;}
#tit .ap .k .knp span:before {content:"▶";}
#tit .ap .k table { width:84%; margin:0 auto;}
#tit .ap .k td { text-align:left; padding:2px;}
#tit .ap .k a { color:#5892c6; text-decoration-color:#5892c6;text-underline-offset:2px; text-decoration:none;}
#tit .ap .k a:hover { color:#fff; text-decoration:underline;}

#tit .ap .b { width:86%; padding:1em 7%; overflow:hidden;}
#tit .ap .b p { margin:.35em 0;}
#tit .ap .b a { color:#ddd; text-decoration-color:#5892c6;text-underline-offset:2px; text-decoration:none;}
#tit .ap .b a:hover { color:#fff; text-decoration:underline;}
#tit .ap .b span { margin-right:.6em;color:#5892c6;}
#tit .ap .b span:before {content:"▶";}

#tit .s2 { width:100%; overflow:hidden; padding:50px 0; background:#030303;}
#tit .s3 { width:100%; overflow:hidden; padding:50px 0; background:#030303;font-family:KiaM, Arial, Helvetica, sans-serif;}
#tit .s3 h2 { font-size:48px; text-align:center; margin-bottom:30px;}
#tit .s3 h3 { color:#5892c6;}
#tit .s3 a { color:#5892c6;} #tit .s3 a:hover { color:#fff;}	
#tit .s3 .c { overflow:hidden; padding:1em 3em 2em 3em; background:#444; margin:50px 0; border-radius:8px;}
#tit .s3 .c.o { background:#444 url(../images/titulka/partners.webp) no-repeat left top; background-size:contain;}
#tit .s3 .c.o div { margin-left:43%;}
#tit .s3 .c.p { background:#444 url(../images/titulka/amg1.webp) no-repeat right top; background-size:contain;}
#tit .s3 .c.p div { margin-right:43%;}
#tit .s3 .c.s { background:#444 url(../images/titulka/servis.webp) no-repeat left top; background-size:contain;}
#tit .s3 .c.s div { margin-left:43%;}
#tit .s3 .c.d { background:#444 url(../images/titulka/mbnd.avif) no-repeat right top; background-size:contain;}
#tit .s3 .c.d div { margin-right:43%;}

.grm { overflow:hidden; margin:10px 0;}
.grm a { display:block; width:24.25%; height:300px; overflow: hidden; background-repeat:no-repeat; background-size:cover; position:relative; transition:all ease-in-out .4s; float:left; text-decoration:none; color:#fff; font-family:KiaM, Arial, Helvetica, sans-serif; text-shadow:2px 2px 2px #777; border-radius:8px;}
.grm a:nth-child(1) { background-image:url(../images/titulka/grm1.webp); background-position:center center; margin-right:1%}
.grm a:nth-child(2) { background-image:url(../images/titulka/grm2.webp); background-position:center top; margin-right:1%}
.grm a:nth-child(3) { background-image:url(../images/titulka/grm3.webp); background-position:center center; margin-right:1%}
.grm a:nth-child(4) { background-image:url(../images/ag01.webp);background-position:center center; }
.grm h2 { font-size:24px; z-index:40; text-decoration:none;text-align:center;}

.jv { display:block; background:url(../images/titulka/ag_jazdene_vozidla.webp) no-repeat center center; background-size:cover; min-height:300px; padding:20px 3%; border-radius:8px; position:relative;text-decoration:none;}
.jv h2 { color:#000;font-family: MB-TitleCond; font-weight:400; font-size:40px; margin:0 0 .8em 0; color:#fff;}
.jv button { background:none; border:1px solid #ddd; position:absolute; left:3%; bottom:20px; }
.jv button:hover { background:#5892c6; }
.jv button:after { content:"\276F"; margin-left:.9em;}

#bv { width:100%; padding:3em 0; overflow:hidden; background:#030303; }
#bv .ag { width:100%; height:100px; margin:1em 0; overflow:hidden; background:url(../images/autogroup-w.svg) no-repeat center center; background-size:contain;}
#bv h2 { font-family:KiaM, Tahoma, Geneva, sans-serif; font-weight:400; text-align:center; font-size:38px; margin:.8em 0 .8em 0; color: #5892c6;}

#bv .tz a { display:block;box-sizing:border-box;width:31.333%;margin:10px 1%;padding:20px 0;overflow:hidden;float:left;background:#030303;border-radius:20px;border:1px solid #030303;
text-align:center; text-decoration:none; transition:all ease-in-out .5s;}
#bv .tz a:hover {border:1px solid #5892c6;}
#bv .tz a .l { width:100%; height:56px; overflow:hidden; margin:16px 0;text-align:center; }
#bv .tz a h3 {  font-weight:400;}
#bv .tz a:nth-child(1) .l { background:url(../images/mercedes-benz.svg) no-repeat center center; background-size:contain;}
#bv .tz a:nth-child(2) .l { background:url(../images/kia.webp) no-repeat center center; background-size:contain;}
#bv .tz a:nth-child(3) .l { background:url(../images/toyota.webp) no-repeat center center; background-size:contain;}
#bv .tz a h3 { font-size:24px; color:#fff; margin:.4em 0;text-align:center;}
#bv .tz a:nth-child(1) h3 { font-family: MB-TitleCond, "Times New Roman", Times, serif; font-size:26px;}
#bv .tz a:nth-child(2) h3 { font-family: KiaM, Tahoma, Geneva, sans-serif; font-size:24px; letter-spacing:1px;}
#bv .tz a:nth-child(3) h3 { font-size:24px;}

.bns {overflow:hidden; position:relative; margin:0 auto 0 auto;}
.bns .con {overflow:auto;}
.bns .ban {overflow:auto; display:none; position:relative; animation:fade ease-in-out 1s; background-size:cover; background-position:center center;}
.bns .ban.active { display:block;}
.bns, .bns .con, .bns .ban, .bns .ban .fg {width:100%; height:42.63vw; max-height:calc(100vh - 164px);}
.bns .ban .fg {width:96%; max-width:1140px; overflow:hidden; margin:0 auto; position:relative;}
.bns .ban .t { width:auto; height:auto; overflow:hidden; position:absolute; left:0; top: 7%;}
.bns .ban .n {font-family: MB-TitleCond; font-size: 3rem; letter-spacing:1px; text-shadow:1px 1px 1px #777;  }
.bns .ban .p {font-family: KiaM; font-size: 1rem; text-shadow:1px 1px 1px #777;}
.bns .ban .btns { position:absolute; left:0; bottom:7%;}

.bns .prev, .bns .next { cursor: pointer; position: absolute; top:50%;  width:50px; height:50px; margin-top:-45px; transition: 0.6s ease; background-size: 70%; background-repeat:no-repeat;
 border-radius:8px; }
.bns .prev { background-image:url(../images/prev.svg);background-position:37% 54%; }
.bns .next {background-image:url(../images/next.svg);background-position:54% 54%; }
.bns .prev { left:3px;}
.bns .next { right:3px;}
.bns .prev:hover, .bns .next:hover { background-color: rgba(80,80,80,0.6);}

.bns #ind { width:100%; height:20px; overflow:hidden; position:absolute; left:0; bottom:4px; text-align:center;}
.bns #ind div { display:inline-block; cursor: pointer; width:60px; height:26px; margin: 0 3px; }
.bns #ind div span { display:block; width:60px; height:5px; margin-top:8px; background-color: #fff; transition: background-color 0.6s ease;}
.bns #ind div.active span, .bns #ind .div:hover span { background-color:#5892c6;}

.bns .ban a.btn {padding: 11px 20px;}
.bns .ban a.btn:after { content:"\276F"; margin-left:.9em;}
.bns .ban.active .t {animation:toup ease-in-out 1.5s;}

.cl { width:100%; padding:30px 0; overflow:hidden; margin:40px 0; background:#666; }
.cl .c { width:80%; padding:0 10%; overflow:hidden; font-family:OpenSans-Light, Arial, Helvetica, sans-serif; text-align:center; font-size:18px; font-style:italic; line-height:1.4; }

#main { background:#444; width:100%; overflow:hidden; min-height:calc(100vh - 326px); position:relative;}
#main h1 { font-family:MB-TitleCond,"Times New Roman", Times, serif; font-weight:normal;letter-spacing:0; color:#78b2e6; font-size:2.4em; }
#main h2 { font-family:MB-TitleCond,"Times New Roman", Times, serif; font-weight:normal;letter-spacing:0; color:#78b2e6; font-size:1.8em; }

#main .tz { width:100%; overflow:hidden;}
#main .tz a { display:block;box-sizing:border-box;width:31.333%; height:156px;margin:-5px 1% 5px 1%;padding:15px 0;overflow:hidden;float:left;
text-align:center; text-decoration:none; transition:all ease-in-out .5s; position:relative;}
#main .tz a .l { width:100%; height:56px; overflow:hidden; margin:16px 0;text-align:center; }
#main .tz a h3 {  font-weight:400;}
#main .tz a:nth-child(1) .l { background:url(../images/mercedes-benz.svg) no-repeat center center; background-size:contain;}
#main .tz a:nth-child(2) .l { background:url(../images/kia.webp) no-repeat center center; background-size:contain;}
#main .tz a:nth-child(3) .l { background:url(../images/toyota.webp) no-repeat center center; background-size:contain;}
#main .tz a h3 { font-size:24px; color:#fff; margin:.4em 0;text-align:center;}
#main .tz a:nth-child(1) h3 { font-family: MB-TitleCond, "Times New Roman", Times, serif; font-size:26px;}
#main .tz a:nth-child(2) h3 { font-family: KiaM, Tahoma, Geneva, sans-serif; font-size:24px; letter-spacing:1px;}
#main .tz a:nth-child(3) h3 { font-size:24px;}
#main .tz a span { width:140px; height:1px; overflow:hidden; display:block; position:absolute; left:50%; bottom:0; margin-left:-70px;} #main .tz a.a span {border-top:2px solid #5892c6;}
#main .tz a:hover span {border-top:2px solid #ccc;} 

.kont .c1 { width:34%;  /*padding:1.5em 2%; max-width:300px; */ overflow:hidden; /*background:#030303; border-radius:20px;*/ float:left;}
.kont .c2 { width:64%; overflow:hidden; float:right;}
.kont h2 { font-family: KiaM, Arial, Helvetica, sans-serif; font-weight:400; font-size:19px; margin:1.1em 0 .5em 0; color:#ddd; /*border-bottom:1px solid #ccc;*/}
.kont .c1 a { color:#78b2e6; text-decoration-color:#5892c6;text-underline-offset:2px; text-decoration:none;}
.kont .c1 a:hover { color:#fff; text-decoration:underline;}
.kont .c1 a.btn2:hover { text-decoration:none; color:#fff;}
.kont .c1  td { padding:2px 1em 2px 0;}
.kont .c2 .i, .kont .c2 .i div { width:100%; height:500px; overflow:hidden;}
.kont .c2 .i {border-radius:20px;  transition:ease-in-out all .5s; position:relative}
.kont .c2 .i div {background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0;}
.kont .c2 .i div:nth-child(1) {background-image:url(../images/ag00.webp);animation:ag0 infinite 9s;}
.kont .c2 .i div:nth-child(2) {background-image:url(../images/ag01.webp);animation:ag1 infinite 9s; opacity:0;}
.kont .c2 .i div:nth-child(3) {background-image:url(../images/ag02.webp);animation:ag2 infinite 9s; opacity:0;}
.kont .c2 iframe { width:100%; height:500px; margin:1em 0;}

.virt iframe { width:100%; height:calc(100vh - 376px);}

.impr .c1 { width:34%; overflow:hidden; float:left;}
.impr .c2 { width:64%; overflow:hidden; float:right;}
.impr h2 { font-family: KiaM, Arial, Helvetica, sans-serif; font-weight:400; font-size:19px; margin:1.1em 0 .5em 0; color:#ddd; /*border-bottom:1px solid #ccc;*/}
.impr a { color:#78b2e6; text-decoration-color:#5892c6;text-underline-offset:2px; text-decoration:none;}
.impr a:hover { color:#fff; text-decoration:underline;}
.impr a.btn2:hover { text-decoration:none; color:#fff;}
.impr .c2 .i, .impr .c2 .i div { width:100%; height:500px; overflow:hidden;}
.impr .c2 .i {border-radius:20px;  transition:ease-in-out all .5s; position:relative}
.impr .c2 .i div {background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0;}
.impr .c2 .i div:nth-child(1) {background-image:url(../images/ag00.webp);}

#main.tim h2 { font-family:MB-TitleCond,"Times New Roman", Times, serif;font-weight:normal;letter-spacing:1px; font-size:1.85em;}
.tim { width:100%; overflow:hidden;}
.tim .po { width:100%; overflow:hidden;}
.tim .p { width:48%; height:auto;overflow:hidden; background:#fff; margin:0 0 2% 0;color:#000;}
.tim .p:nth-child(odd) { float:left; }
.tim .p:nth-child(even) { float:right; }
.tim .p .f { width:150px; height:200px; overflow:hidden; float:left; background:#fff; background-size:cover;} 
.tim .p .u { width:calc(100% - 190px); height:200px; overflow:hidden; float:right; }
.tim .p .u h3 { font-family:MB-TitleCond,"Times New Roman", Times, serif; font-weight:normal; font-size:28px; letter-spacing:1px; margin:40px 0 4px 0;} 
.tim .p .u h4 { font-size:16px; margin:4px 0 7px 0;}
.tim .p p  { font-size:16px; margin:4px 0; line-height:1.3}
.tim .p a  { color:#3872a6; text-decoration-color:#3872a6;text-underline-offset:2px; text-decoration:none;}
.tim .p a:hover { color:#000; text-decoration:underline;}

.tim .vnt { width:100%; overflow:hidden; margin:1em 0; text-align:center;}
.tim .vnt a { display:inline-block; padding:8px 20px; min-width:100px; margin:0 1%; color:#fff; border:1px solid #fff; border-radius:6px; text-decoration:none; }
.tim .vnt a.a { background:#3872a6;}

.zor { width:100%; height:auto; overflow:hidden; margin:8px 0; text-align:center;}
.zor span {display:inline-block; margin-left:11px;}
.zor span:first-child { margin-right:8px;}
.zor label { display:inline-block; color:#fff; padding:2px 4px; margin:0 0 0 1px; cursor:pointer; text-align:center;}
.zor label:hover {color:#5892c6;}
.zor input[type=radio] { display:none;}
.zor input[type=radio]:checked+label { color:#5892c6!important;}

#fl {width:90%; height:auto; overflow:visible; padding:14px 8px 14px 22px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:absolute; left:0; top:100px; }
#fl .b { width:auto; height:auto; overflow:visible; float:left; margin:0 6px 6px 0;}
#fl .h { width:100%; height:auto; overflow:hidden; /*background:#999; color:#fff; */ font-size:.9em; text-indent:4px; padding:3px 0;}
#fl .b select { width:auto; padding:10px 8px; font-size:16px; border:none; }
#fl .r {width:100%; height:auto; overflow:hidden;}
#fl .r input { display:block; width:100px; text-align:center; float:left; border:none;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; } 
#fl .r span { display:block; width:28px; padding:0; line-height:38px; text-align:center; background:#fff; color:#000; float:left;}
#fl .slider-box { width:218px; height:14px; padding:9px 13px; overflow:visible; margin:6px 10px 0 0; cursor:pointer; }
#fl .b select[name=znacka] { width:160px;}
#fl .b select[name=dph] { width:100px;}
#fl button {;/* width:24%; padding:10px 8px; */ color:#fff; border:none; margin-top:0; cursor:pointer; float:right; text-align:center;
	font-family: KiaM,Arial, Helvetica, sans-serif; font-weight:400; } 
#fl a.vf { display:block; width:auto;height:auto;color:#fff;text-decoration:none;padding:8px 12px;text-align:center; text-indent:20px; font-size:.9em;text-indent:1em; 
 background:url(../images/reset.svg) no-repeat left center; background-size:18px 18px; font-weight:300; margin:2px 1em 0 0; float:right; }
#fl a.vf:hover { color:#78b2e6;}
#fl .b.mbc img { height:50px; width:auto; }
#fl .b.mbc label { display:block; float:left; margin-left:20px;}
#fl .b.mbc input { display:block; float:left; margin:20px 0 0 12px; }

.cfm { width:100%; height:auto; overflow:visible; margin:8px 0; font-size:15px; position:relative;}
.cfm span { display:inline-block; padding:4px 9px; text-indent:12px; border:1px solid #666; border-radius:4px; margin:2px 2px 4px 0; cursor:pointer; }
.cfm input[type=checkbox], .cfm input[type=radio] { display:none;}
.cfm input[type=checkbox]:checked + span, .cfm input[type=radio]:checked + span { color:#78b2e6; border:1px solid #78b2e6; background-image:url(../images/check6.svg); background-repeat:no-repeat; background-position:6px 8px; background-size:10px;}
.cfm .ch { display:inline-block; margin:1px 6px 1px 0; padding:4px 2px;}

.cfm .ch { display:inline-block; width:130px; padding:8px 0; height:20px; margin:0; cursor:pointer;} 
.cfm .co { display:inline-block; width:170px; height:20px; padding:8px 2px;color:#78b2e6;}
.cfm .cv { display:none; width:auto; padding:8px 8px 7px 12px; overflow:hidden; background:#666; position:absolute; left:130px; top:0;}
.cfm .cv label { display:block; }
.cfm span {box-sizing:border-box;}
.cfm .ch:hover { background:#666;} 
.cfm:hover { z-index:44;}
.cfm:hover .ch { background:#666;}
.cfm:hover .cv { display:block;}
#fl button { float:none; margin-top:1.5em;}
#fl a.vf { float:none; text-align:left; text-indent:1em;font-family: KiaM,Arial, Helvetica, sans-serif; font-size:15px;}

:root { currentColor:#fff;}
.cfm em { display:inline-block; color:#5892c6; width:1.5em; height:20px;background-image:url(../images/ikony/tacho.svg); background-repeat:no-repeat;background-size:1.3em;
 background-fill:#c00;}
.cfm .ch.mb { background-image:url(../images/ikony/mb-star-blue.svg); background-repeat:no-repeat; background-position:0 6px; background-size:1.3em; text-indent:2em; }
.cfm .ch.model { background-image:url(../images/ikony/auto.svg); background-repeat:no-repeat; background-position:0 6px; background-size:1.3em; text-indent:2em; }
.cfm .ch.stav { background-image:url(../images/ikony/tacho.svg); background-repeat:no-repeat; background-position:0 6px; background-size:1.3em; text-indent:2em; }
.cfm .ch.cena { background-image:url(../images/ikony/euro.svg); background-repeat:no-repeat; background-position:0 6px; background-size:1.3em; text-indent:2em;}
.cfm .ch.palivo { background-image:url(../images/ikony/stojan.svg); background-repeat:no-repeat; background-position:0 6px; background-size:1.3em; text-indent:2em;}
.cfm .ch.prevodovka { background-image:url(../images/ikony/radenie.svg); background-repeat:no-repeat; background-position:0 6px; background-size:1.3em; text-indent:2em;}
.cfm .ch.pohon { background-image:url(../images/ikony/koleso.svg); background-repeat:no-repeat; background-position:0 6px; background-size:1.3em; text-indent:2em;}

.cfm .cv .b { padding:12px; overflow:hidden;}
.cfm .cv .b .r div {width:48px;padding: 0;line-height: 28px; text-align: center;float: left;}

.vs {color:#fff;text-decoration:none;width:calc(100% - 230px);overflow:hidden;min-height:800px;float:right;text-align:center;position:relative;} .vs h1 {text-align:center;margin:.5em 0;} 
.vs .v { display:inline-block;width:330px;height:auto;min-height:475px; overflow:hidden;margin:12px .8%; border:1px solid #444; border-radius:8px; background:#030303;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition:all ease-in-out .5s; position:relative;text-decoration:none;}
.vs .v .foto { width:100%; height:246px; overflow:hidden; position:relative; transition:all ease-in-out .5s; margin:0; background-position:center center; background-size:cover;}
.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:#5892c6; 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; top:60px; color:#fff; background:rgba(87, 137, 190,.9); font-size:15px;}
.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: MB-TitleCond; font-size: 1.2rem;}
.vs .v .foto div.p20:before { content:"dostupné do 3 dní"; }
#main .vs .v h2 {font-weight: 400; font-family: MB-TitleCond; font-size:30px; line-height:1.2; margin:3px 14px 4px 12px;text-decoration:none; color:#fff; letter-spacing:0; }
#main .vs .v h2.l {font-size:27px; line-height:1; margin:0 14px 2px 12px;}
.vs .v h3 {font-weight: 400; font-family: MB-TitleCond; font-size:1.27rem; line-height:1.2; margin:11px 14px 4px 12px;text-decoration:none; color:#fff;}
.vs .v h3.k {font-family: KiaM,Arial,Helvetica,sans-serif;}
.vs .v h3.t {font-family: ToyotaBase,Arial,Helvetica,sans-serif;}

.vs .v .ceny { width:100%; height:59px; overflow:hidden; position:absolute; left:0; bottom:76px;}
.vs .v .pcena { width:45%;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;
text-decoration-color:#78b2e6;}
.vs .v .cena { width:45%;overflow:hidden;float:left;font-weight:400; font-size:1.7rem;line-height:1;margin:0 0 4px 14px; color:#78b2e6; }
.vs .v .zlava { width:38%; height:auto; overflow:hidden; float:right; text-align:right; color:#fff;	font-weight:400; font-size: 1.4rem; line-height:1.2; margin:0 14px 4px 0; }
.vs .v .zlava span { font-size: 1.1rem;}
.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; font-size:15px;}
.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;}
.vs .sfl { text-align:left; margin:-15px 5% 6px 5%;}
#sfl { margin:0; }

.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: MB-TitleCond;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:#5892c6; 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:all ease-in-out .5s;}
.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:KiaM; 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: MB-TitleCond; line-height:1.1;}
.vzo .cena { font-size: 3rem; margin:10px 0 0 0; color:#fff; background:#5892c6; padding:0 0 .5em 6%; } .vzo .cena span { font-size:1.25rem;font-family:KiaM;} 
.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:KiaM; 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:KiaM;} 
.vzo .povodna { font-size: 2.2rem; margin:16px 0 0 7%; line-height:1.3; } .vzo .povodna span { font-size:1.25rem;font-family:KiaM;}
.vzo .povodna a { color:#fff; text-decoration:line-through;/*text-decoration-color: #5892c6;*/ text-decoration-thickness: 2px;}
.vzo .benefity {width:84%; height:auto; padding:15px 8%; overflow:hidden; background:#5892c6; margin:35px 0 10px 0;}
.vzo .benefity .b1 { font-family: MB-TitleCond;  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:#5892c6;/*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:#5892c6; background:#fff;border:2px solid #5892c6;
	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:KiaM;}
.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 #5892c6; 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 #5892c6; 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 #5892c6; 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 #5892c6; 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:#5892c6;}
.vzo .pe .di { width:100%; height:auto; padding:4px 2% 18px 2%; overflow:hidden; float:right; margin:40px 0 0 0; border:1px solid #5892c6; 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;} .frm a:hover { color:#5892c6;} .vzo .zlava a { color:#5892c6;}
.vzo .snz { width:100%; height:auto; padding:6px 0; overflow:hidden; margin:30px 0 12px 0; border-top:1px solid #999;}
.vzo .snz a { color:#78b2e6; } .vzo .snz a:hover { color:#98d2f6;}
.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:#5892c6; 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:#5892c6; 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; }

#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;}

.kvt { width:100%; max-width:300px; box-sizing:border-box; overflow:hidden; border:1px solid #5892c6; border-radius:12px; float:right; background:#111; margin-left:2em}
.kvt h3 { margin:0; text-align:center; padding:8px 0; background:#5892c6;}
.kvt p { margin:1.4em 1em; line-height:1.9; text-align:center;}
.kvt span { display:inline-block; min-width:60px;}
.kvt a { color:#78b2e6; text-decoration:none; } .kvt a:hover { text-decoration:underline;}

.zmlp { width:96%; padding:6px 2% 0 2%; overflow:hidden; text-align:center; background:#fff;}
.zmlp img { margin:20px;}
.zmlp img:nth-child(1) { width:180px; margin-bottom:70px;}
.zmlp img:nth-child(2) { width:180px; }
.zmlp img:nth-child(3) { width:180px; margin-bottom:60px;}
.zmlp img:nth-child(4) { width:180px; margin-bottom:60px;}
.zmlp img:nth-child(5) { width:160px; margin-bottom:38px;}

.kariera .pp a { display:block; width:300px; min-height:130px; overflow:hidden; padding:20px; background:#fff; border-radius:8px; margin:0 30px 30px 0; float:left; color:#111; text-decoration:none; position:relative; text-align:center;}
.kariera .pp a h3 { margin:5px 0; font-size:27px;color:#5892b6;}
.kariera .pp a p { margin:5px 0;}
.kariera .pp a span {color:#5892b6; display:block; position:absolute; right:20px; bottom:20px;}
.kariera .pp a:hover span {color:#387296;}

.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, .kariera.w li { color:#fff;}
.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:#030303 /*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:#fff; 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:#78b2e6;; margin:1em 0 .3em 0;}
.kariera.w .wrap h5 {font-size: 1.125rem; line-height: 1.6; margin:.8em 0 .2em 0; color:#fff;}
.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; }

.pu a { color:#78b2e6; text-decoration-color:#5892c6;text-underline-offset:2px; text-decoration:none;}

.azp .po { width:100%; overflow:hidden; margin:1em auto;}
.azp .po .p { width:100%;padding:1em 2.5em 2em 2.5em; box-sizing:border-box; min-height:330px; overflow:hidden; background-color:#030303; margin:40px 0; border-radius:8px; background-repeat:no-repeat;background-size:contain;}
.azp .po .p h2 { font-size:48px; margin:.3em 0;}
.azp .po .p h3 { color:#5892c6; font-weight:normal; font-size:1.1em;}
.azp .po .p p, .azp .po li { line-height:1.4;}
.azp .po .p a { color:#5892c6;} .azp .p a:hover { color:#fff;}	
.azp .po .p:nth-child(odd) { background-position:left top; }
.azp .po .p:nth-child(even) { background-position:right top; }
.azp .po .p:nth-child(odd) div { margin-left:40%; }
.azp .po .p:nth-child(even) div { margin-right:40%; }

footer { width:96%; max-width:1200px; overflow:hidden; margin:0 auto; padding:2em 0 10px 0; font-size:13px; line-height:1; }
footer a { display:inline-block; padding:6px 0; color:#78b2e6; text-decoration:none;} footer a:hover { text-decoration:underline;}
footer p { margin:0; line-height:2}
footer table { border-collapse:collapse; margin:0 0 6px 0;}
footer .c { overflow:hidden; float:left;}
footer .logo { width:100%; height:46px; overflow:hidden; background:#030303 url(../images/autogrouptt.webp) no-repeat left center; background-size:contain;}
footer .ll { text-align:center; color:#ccc; font-size:.9em; border-top:1px solid #999; margin-top:1em; padding-top:1em;}
footer .sm { width:100%; max-width:184px; height:auto; padding:12px 0; overflow:hidden; text-align:center; }
footer .sm a { display:inline-block; width:auto; height:auto; overflow:hidden; margin:6px 6px 0 6px;}
footer .c:nth-child(2) a { display:inline-block; font-weight:bold; padding:9px 12px; border:1px solid #fff; margin-top:.5em;}
footer .c:nth-child(2) a:hover { color:#fff; background:#3872a6; text-decoration:none;}
footer .c:nth-child(3) td { padding:0 4px 0 0; margin:0;}
footer .c:nth-child(3) td a { padding:3px 0; }
footer .c:nth-child(3) span { color:#aaa;}
footer .c:nth-child(4) { line-height:1.2;}
footer .c:nth-child(4) span { color:#aaa;}
footer .c:nth-child(4) td { padding:1px 4px 2px 0; margin:0;}
/*footer .c:nth-child(5) a:before {content:"●"; color:#fff; margin-right:.5em;}*/
footer .c:nth-child(1), footer .c:nth-child(2) { width:19%;} footer .c:nth-child(3), footer .c:nth-child(4) { width:22%;} footer .c:nth-child(5) { width:18%;}

#fm { position:fixed; right:0; bottom:10vh; width:155px; height:auto; overflow:hidden; box-shadow:0 0 10px #666;}
#fm a { display:block; width:100%; padding:12px 0; margin:2px 0; text-indent:40px; color:#fff; background-color:#5892c6; font-size:14px; text-decoration:none;font-family: Arial, sans-serif; font-weight:100; background-repeat:no-repeat; border-radius:4px 0 0 4px;}
#fm a:nth-child(1) { background-image:url(../images/ico-call.svg);background-position:1px center;background-size:34px auto;}
#fm a:nth-child(2) { background-image:url(../images/ico-car.svg);background-position:2px center;background-size:32px auto;}
#fm a:nth-child(3) { background-image:url(../images/ikony/wheel.svg);background-position:7px center;background-size:23px auto; font-family:OpenSans-Condensed,Arial,sans-serif;font-size:1.05em;}
#fm a:nth-child(4) { background-image:url(../images/ico-service.svg);background-position:4px center;background-size:28px auto;}
#fm a:nth-child(5) { background-image:url(../images/ico-insurance.svg);background-position:2px center;background-size:32px auto;}
#fm a:hover { background-color:#3872a6;}	

#err, #fserr { background:#c00; color:#fff; padding:8px 12px; border-radius:4px; display:none;} #err.active, #fserr.active { display:block;}
#ok, #fsok { text-align:center; font-size:2em; padding:4em 0; border-radius:4px; display:none;} #ok.active, #fsok.active { display:block;} #ok a, #fsok a { color:#fff;}
#kf.h, #kf2.h { display:none;} html {scroll-behavior: smooth;}

#kf .item { width:100%; overflow:hidden; margin:9px 0 13px 0;} .item.sp { margin-top:14px;}
#kf { display:none; width:100%; height:100vh; overflow:hidden; background:rgba(80,80,80,.7); position:fixed; left:0; top:0; z-index:444;} #kf.a { display:block;}
#kf .kf { width:320px; height:auto; box-sizing:content-box; padding:2px 20px 5px 20px; overflow:hidden; margin:15vh auto 0 auto; border-radius:8px; background:#000; position:relative;}
#kf .kf .c { position:absolute; top:3px; right:0;font-size:32px; color:#ccc; padding:0 10px; cursor:pointer;} #kf .kf .c:hover { color:#fff;}
#kf input[type=text],#kf input[type=email],#kf input[type=tel],#kf select,#kf textarea { width:100%;}

#kf input, #kf textarea, #kf label { font-size:14px; line-height:1.3;}   #kf input::placeholder, #kf textarea::placeholder { color:#aaa;}
#kf input[type=checkbox] { margin-right:4px;} #kf optgroup { font-size:15px; color:#259bca;} #kf option { font-size:15px; color:#000;}
#kf span.l { display:block; width:100%; padding:1px 0 2px 0; font-size:.9em;}
#kf select {font-size:16px; color:#333; padding:5px 8px; box-sizing:border-box;}
#kf #kff.h { display:none;} #kf option.pr { color:#999;}
#kf #kfok { display:block; text-align:center; margin:5vh 0;} 
#kf .kf .in { width:100%; overflow:hidden;}
#kf .kf .in input { float:left; margin-top:2px;}
#kf .kf .in label { font-size:15px; display:block; float:left; margin:1px 0 8px 10px; line-height:1; cursor:pointer;}
#kf p { font-size:16px; margin:5px 0 0 0;}
#kf .kf .ns {font-size:20px; margin:.7em 0 0 0; font-family: OpenSans,Arial, Helvetica, sans-serif; color:#78b2e6; }
#kf .kf .n {font-size:16px; margin:.5em 0 0 0; font-family: OpenSans-Light,Arial, Helvetica, sans-serif; }
#kf a { color:#5892c6; text-decoration-color:#5892c6;text-underline-offset:2px; text-decoration:none;}
#kf a:hover { color:#fff; text-decoration:underline;}
#kf button {padding: 10px 20px; margin-top:10px;}

a.btn {color:#fff; text-decoration:none;} #kf #kfok a.btn { color:#fff; text-decoration:none;}
a.btn2 { display:inline-block; font-weight:bold; padding:10px 12px 9px 12px; border:1px solid #fff; margin-top:.5em;}
a.btn2:hover { color:#fff; background:#3872a6; text-decoration:none;}

@keyframes ag0 { 0%,28% {opacity:1} 33%,95% {opacity:0} 100% {opacity:1}} @keyframes ag1 { 0%,28% {opacity:0} 33%,60% {opacity:1} 66%,100% {opacity:0}}
@keyframes ag2 { 0%,60% {opacity:0} 66%,95% {opacity:1} 100% {opacity:0}}
@keyframes pm1 { 0%,50% {left:100%} 60%,90% {left:0%;} 100% {left:-100%;}}
@keyframes toup {  from {opacity:0; top:350px}  to {top:7%; opacity:1;}}

@media (max-width: 1199px) {    
#tit .ap .c .l {height:4vw;}
#tit .ap .c .p { height:21vw;}
#tit .ap .k, #tit .ap .b { font-size:15px;}
.kont .c1 { font-size:15px;}
.kont .c2 .i, .kont .c2 .i div, .kont .c2 iframe { height:40vw;}
.azp .po .p:nth-child(odd) div { margin-left:45%; }
.azp .po .p:nth-child(even) div { margin-right:45%; }
#tit .s3 .c.o div {margin-left: 55%;}
.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; }
}

@media (max-width: 1099px) {    
header nav:nth-child(3) a { margin-left:.1em;}
#tit .ap .k, #tit .ap .b { font-size:14px;}
.kont .c1 { font-size:14px;}
.tim .p .u { width:calc(100% - 170px); }
.azp .po .p:nth-child(odd) div { margin-left:50%; }
.azp .po .p:nth-child(even) div { margin-right:50%; }

#tit .s3 .c { max-width:500px; margin:1em auto;}
#tit .s3 .c div { margin:500px 0 0 0;}
#tit .s3 .c.o div { margin-left:0;}
#tit .s3 .c.p div { margin-right:0; margin-top:550px;}
#tit .s3 .c.s div { margin-left:0; margin-top:460px;}
#tit .s3 .c.d div { margin-right:0; margin-top:460px;}
}

@media (max-width: 999px) {    
header .logo { width:126px; height:32px;}
header .g { height:28px;}
header .w {margin:-28px auto 0 auto; }
header nav:nth-child(1) { height:26px; }
header nav:nth-child(2) { width:146px; height:37px; padding:10px 10px 10px 15px; margin-top:-26px;}
header nav:nth-child(3) { height:35px; margin-top:-25px; }
header nav:nth-child(3) a { font-size:15px;}

#tit .ap .c { width:100%; max-width:360px; float:none; margin:0 auto 1em auto;}
#tit .ap .c:nth-child(2) { margin:0 auto 1em auto;}
#tit .ap .c .l {height:5vw; min-height:36px;}
#tit .ap .c .p { height:21vw; min-height:240px;}
#tit .ap .k, #tit .ap .b { font-size:15px;}
.cl .c { font-size:17px; }

.tim .p { width:48%; height:auto;overflow:hidden; margin:0 0 2% 0;}
.tim .p .u { width:calc(100% - 180px); }
.tim .p .u h3 { font-size:24px; margin:40px 0 4px 0;} 
.tim .p .u h4 { font-size:15px;}
.tim .p p  { font-size:15px;}

.azp .po { max-width:500px;}
.azp .po .p {margin:30px 0;}
.azp .po .p:nth-child(odd) { background-position:center top; }
.azp .po .p:nth-child(even) { background-position:center top; }
.azp .po .p:nth-child(odd) div { margin-left:0; margin-top:400px; }
.azp .po .p:nth-child(even) div { margin-right:0; margin-top:400px; }

.grm a { height:30vw;}
.grm h2 { font-size:18px;}

.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; }

footer .c:nth-child(2) { width:20%;}
footer .c:nth-child(1) { width:30%;}
}
@media (max-width: 899px) {    
.kont .c1, .impr .c1 { width:92%; padding:1.5em 4%; float:none;font-size:16px;}
.kont .c2, .impr .c2 { width:100%; float:none; margin-top:1.5em;}
.kont .c2 .i, .kont .c2 .i div, .kont .c2 iframe { height:64vw;}
.tim .p { width:100%; max-width:500px; }
.tim .p:nth-child(odd) { float:none; }
.tim .p:nth-child(even) { float:none; }
.tim .p .u { width:calc(100% - 190px); }
.tim .p .u h3 { font-size:27px;} 
.tim .p .u h4 { font-size:16px;}
.tim .p p  { font-size:16px;}
.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;  }
}
@media (max-width: 849px) {    
nav .ms { width:30px; height:30px;overflow:hidden;margin-bottom:6px;background-image:url(../images/menu-w.svg);background-repeat:no-repeat;background-size:contain;cursor:pointer;float:right;}
nav .mi { width:160px; height:auto; padding:5px 10px 5px 5px; overflow:hidden; position:fixed; top:67px; right:0; height:calc(100vh - 67px); background:#030303; display:none;} 
nav .mi a { color:#fff;font-weight:500;display:inline-block;width:140px;padding:6px 5px 6px 2px;text-decoration:none; text-align:right;}
nav .mi a:hover { text-decoration:underline;}
nav.m .mi { display:block;}
header nav:nth-child(1) span { display:none;}
header nav:nth-child(3) span { display:inline; margin-right:1em;}
}
@media print {  
body {color:#000; background:#fff; font-size:12px;} .vzo { color:#000;}
header .g, header .w, header, .vzo .snz, .vzo .gal, #fm, footer { display:none;} 
.vzo #foto { width:600px; height:360px; } .vzo #foto, .tim .p .f, .tim .p {background-size:contain; background-repeat:no-repeat; background-position:top left; -webkit-print-color-adjust: exact !important;color-adjust: exact !important;print-color-adjust: exact !important;}
.vzo #foto .l, .vzo #foto .r { display:none;} .vzo h3 {font-size: 2em;margin:.4em 0 .4em 0;}
.vzo .cena span, .vzo .zlava span, .vzo .povodna span , .vzo .ceny .b2  {font-size: .9rem;}
.vzo .zlava, .vzo .povodna {font-size: 1.6rem;} .vzo .povodna a {color: #000;}
.vzo .cena {font-size: 1.6rem; color:#000; background:#fff;}
#bv1 .bl, #bv2 .bl { height:auto;} #bv1 .zc1, #bv2 .zc1 { display:none;} 
.vzo .pe {width: 100%;} .vzo .pe .p3 {width: 22.9%; min-height:40px; margin:18px 0 0 .3%; font-size:1.1rem;} 
.vzo .pe .p2a {width: 80%; margin:16px 0 0 .3%; font-size:1.1rem; min-height:40px;} 
.vzo .pe .p3 span, .vzo .pe .p2a span, .vzo .pe .p2 span {font-size:.9rem;} .vzo hr { display:none}
.vzo .pe .p2 { font-size:1.1rem;margin:8px 0 0 1%;} .vzo .pe .vybava { font-size:11px;}
.tim .p { width:48%; background:#eee;} .tim .p:nth-child(odd) {float:left; margin-right:4%;}
.tim .p .f {width:110px; height:140px; background-size:cover; background-position:top center;} .tim .p .u { padding-left:10px; width: calc(100% - 125px); height:140px; }
.tim .p .u h3 {font-size: 24px;margin: 20px 0 4px 0;} .tim .p p {font-size: 13px;}
}
@media (max-width: 799px) {    
footer .c:nth-child(1) { width:56%;}
footer .c:nth-child(2) { width:44%;}
footer .c:nth-child(3) { width:56%;}
footer .c:nth-child(4) { width:44%;}
.kariera.w .wrap .c .b { width:96%; padding:1em 2%; float:none;}
.vs { width:100%;}
#fl { display:none;}
#fl.a { display:block; width:100%; background:#444; top: 120px; z-index:43;}
.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%;}
}
@media (max-width: 699px) {
.tim .p .f { width:120px; height:160px;} 
.tim .p .u { width:calc(100% - 135px); height:160px; }
.tim .p .u h3 {font-size:18px; margin:30px 0 3px 0;} 
.tim .p .u h4 { font-size:13px; margin:3px 0 6px 0;}
.tim .p p  { font-size:13px; margin:3px 0;}
.fl, .vs { width:100%; float:none;}

#fm { bottom:0; width:100%;}
#fm a { padding:28px 0 6px 0; margin:0 1px; text-indent:0; font-size:11px; border-radius:0; float:left;font-family:OpenSans-Condensed,Arial,sans-serif; text-align:center;}
#fm a:nth-child(1) { background-position:center top;background-size:34px auto;width:calc(18% - 2px);}
#fm a:nth-child(2) { background-position:center top;background-size:32px auto;width:calc(20% - 2px);}
#fm a:nth-child(3) { background-position:center 4px;background-size:23px auto; font-size:11px;width:calc(23% - 2px);}
#fm a:nth-child(4) { background-position:center 2px;background-size:28px auto;width:calc(19% - 2px);}
#fm a:nth-child(5) { background-position:center top;background-size:32px auto;width:calc(20% - 2px);}
#fm a:hover { background-color:#3872a6;}	
footer { margin:0 auto 50px auto; padding:2em 0 10px 0; font-size:13px; line-height:1; }
footer .c:nth-child(3) td a { padding:6px; }

.grm a { width:70%;height:88vw; margin:10px auto; float:none;}
.grm a:nth-child(1) { margin-right:auto}
.grm a:nth-child(2) { margin-right:auto}
.grm a:nth-child(3) { margin-right:auto}
.grm h2 { font-size:30px;}
.jv { margin-top:50px;}
#bv { padding:2.5em 0 0 0;}
#bv .ag { width:80%; height:70px; margin:1em auto; }
#bv h2 {font-size:34px;}
#bv .tz a { padding:5px 0;border-radius:16px;}
#bv .tz a .l {height:46px;  margin:10px 0; }
#bv .tz a h3 { font-size:20px; }
#bv .tz a:nth-child(1) h3 {  font-size:20px;}
#bv .tz a:nth-child(2) h3 {  font-size:19px; margin-top:.5em; }
#bv .tz a:nth-child(3) h3 { font-size:20px;}

#tit .s2 {padding:25px 0;}
#tit .s3 {padding:25px 0;}
#tit .s3 h2 { font-size:38px; margin-bottom:20px;}

#tit .s3 .c div { margin:78vw 0 0 0;}
#tit .s3 .c.p div { margin-top:84vw;}
#tit .s3 .c.s div { margin-top:72vw;}
#tit .s3 .c.d div { margin-top:72vw;}
#tit .s3 .c {padding: 1em 2em 1em 1em;}
}
@media (max-width: 635px) {
.bns, .bns .con, .bns .ban, .bns .ban .bg, .bns .ban .fg,  .bns .buz,.bns .buz .bg, .bns .buz .fg, .bns .ban .bgu { height:58vw; }
.bns .ban .nb {font-size: 4rem; }
.bns .ban .n { margin-bottom:-.2em;}
}
@media (max-width: 575px) {
.bns, .bns .con, .bns .ban, .bns .ban .bg, .bns .ban .fg,  .bns .buz,.bns .buz .bg, .bns .buz .fg, .bns .ban .bgu { height:63vw; }
.bns .ban .n, .bns .ban .n.sm {font-size: 5vw; line-height:1.1;}
.bns #ind { bottom:9vw; }
.bns #gd {width: 24vw; height:8vw; margin-left:-12vw;}
.bns #gd a { width: 6vw; height:6vw; margin:5vw auto 0 auto;}
.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%; }
}
@media (max-width: 540px) {
.azp .po .p:nth-child(odd) div { margin-left:0; margin-top:70vw; }
.azp .po .p:nth-child(even) div { margin-right:0; margin-top:70vw; }
.kvt { width:100%; float:none; margin:1em auto;}

.cfm .cv .b { padding:12px 3px; overflow:hidden;}
.cfm .cv .b .r div {width:18px;padding: 0;line-height: 28px; text-align: center;float: left;}
#fl .r input#cod, #fl .r input#cdo { width:80px;}
#fl .slider-box {width: 148px; padding: 9px 12px;}
}
@media (max-width: 400px) {    
header {z-index:99;} header nav {z-index:99;} header .w nav {z-index:99;} header .w nav .mi {z-index:99;}
header nav:nth-child(3) span { dmargin-right:.6em;}
nav .mi a { padding:8px 5px 8px 2px; }
.cl .c { width:86%; padding:0 7%; }
.kont .c1, .impr .c1 { width:98%; padding:1.5em 6%; max-width:304px;}
.kont .c2 .i, .kont .c2 .i div, .kont .c2 iframe { height:66vw;}
footer .c:nth-child(2) a { padding:9px 4px; }
footer .c:nth-child(3) td:first-child { width:75px;}
footer .c:nth-child(5) { width:88%;}
}