.u-cookies-consent {  background-image: none;}
.u-cookies-consent .u-sheet-1 {  min-height: 116px;}
.u-cookies-consent .u-layout-wrap-1 {  margin-top: 10px;  margin-bottom: 0;}
.u-cookies-consent .u-layout-cell-1 {  min-height: 106px;}
.u-cookies-consent .u-container-layout-1 {  padding: 10px;}
.u-cookies-consent .u-text-1 {  font-size: 1rem;  margin: 12px 0 0;}
.u-cookies-consent .u-btn-1 {  background-image: none;  padding: 0;}
.u-cookies-consent .u-layout-cell-2 {  min-height: 106px;}
.u-cookies-consent .u-container-layout-2 {  padding: 10px 30px;}
.u-cookies-consent .u-btn-2 {  margin: 0 auto;}

.bns {overflow:hidden; position:relative; margin:0 auto 10px auto;}
.bns .con {overflow:auto;}
.bns .ban, .bns .buz {overflow:auto; display:none; position:relative; animation:fade ease-in-out 1s;}
.bns .ban.active, .bns .buz.active { display:block;}
.bns .ban .bg, .bns .buz .bg, .bns .ban .bgu { overflow:hidden; position:absolute; left:0; top:0;}
.bns .ban .bg img { width:100%; height:auto;}
.bns .ban .bg video { width:165%; margin:0 auto; }
.bns, .bns .con, .bns .ban, .bns .ban .bg, .bns .ban .fg,  .bns .buz,.bns .buz .bg, .bns .buz .fg, .bns .ban .bgu {width:100%; height:42.64vw; max-height:calc(100vh - 160px);}
.bns .ban .fg {width:96%; max-width:1140px; overflow:hidden; margin:0 auto; position:relative;}

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

.bns #ind { width:100%; height:20px; overflow:hidden; position:absolute; left:0; bottom:3.7vw; text-align:center;}
.bns #ind div { display:inline-block; cursor: pointer; width:60px; height:20px; 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:#00adef;}

.bns #gd {width:8vw;height:3.3vw;background:url(../images/bdb3.svg) no-repeat; background-position:center bottom; background-size:contain;position:absolute; left:50%; bottom:0; margin-left:-4vw;}
.bns #gd a {display:block;width:1.6vw;height:1.6vw; background:url(../images/down.svg) no-repeat;background-position:center bottom;background-size:contain;margin:1.2vw auto 0 auto; animation:gda infinite 3s;}

.bns .ban .t1 { width:auto; height:auto; overflow:hidden; position:absolute; left:0; top: 7%;}
.bns .ban .t2 { width:auto; height:auto; overflow:hidden; position:absolute; left:7%; bottom: 10%;}
.bns .ban .t2b { width:auto; height:auto; overflow:hidden; position:absolute; left:5%; bottom: 9%;}
.bns .ban .t3 { width:30%;; height:auto; overflow:hidden; position:absolute; left:7%; top:33%; text-align:center;}
.bns .ban .t4 { width:100%;; height:auto; overflow:hidden; position:absolute; left:0; top:7%; text-align:center;}
.bns .ban .t5 { width:auto; height:auto; overflow:hidden; position:absolute; left:7%; bottom: 17%;}
.bns .ban .t6 { width:auto; height:auto; overflow:hidden; position:absolute; right:7%; bottom: 21%; text-align:right;}
.bns .ban .t7 { width:auto; height:auto; overflow:hidden; position:absolute; left:7%; bottom: 7%;}
.bns .ban .t1bc { width:auto; height:auto; overflow:hidden; position:absolute; left:7%; top: 7%; background:rgba(255,255,255,.6); padding:1% 2%; color:#000;}

.bns .ban .nb {position:absolute; left:7%; bottom: 39%;font-family: MBCorpoATitleCond-Regular-Web-1; font-size: 7rem; letter-spacing:1px; }
.bns .ban .n, .bns .ban .n2 {font-family: MBCorpoATitleCond-Regular-Web-1; font-size: 3rem; letter-spacing:1px;  }
.bns .ban .pn {font-family: MBCorpoSText-Regular-Web; font-size: 1rem;}
.bns .ban .n.bc, .bns .ban .n2.bc, .bns .ban .pn.bc { color:#000;}
.bns .ban .sh { text-shadow:1px 1px 2px #777;}
.bns .ban .n.sm { font-size:2.5rem}
.bns .ban .t2b .n { margin-bottom:.2em; line-height:.9;}
.bns .ban .t2b .w { color:#fff;}
.bns .ban .t2b .n span { font-size:.85em;}
.bns .ban .t1 .n  {  margin-bottom:.2em; line-height:.9;}
.bns .ban .t1.h .n  {  line-height:1.2;}
.bns .ban .t1 .n span { font-size:.85em;}

.bns .btn { position:absolute; display:block; width:auto; height:auto; padding:8px 20px; overflow:hidden; text-decoration:none; text-transform:uppercase; color:#fff; background-color: #00adef}   
.bns .btn:hover {background-color: #2f8db0;}
.bns .btn.p1 { left:0; bottom:11%;}
.bns .btn.p1m { left:7%; bottom:34%;}
.bns .btn.p2 { right:7%; bottom:11%;}
.bns .btn.p2b { right:5%; bottom:11%;}
.bns .btn.p3 { left:50%; top:45%;}
.bns .btn.p4 { right:7%; top:45%;}
.bns .btn.p5 { left:50%; bottom:11%;}
.bns .btn.p6 { left:20%; bottom:11%;}

.bns .ban.active .t1 {animation:toup ease-in-out 1.5s;}
.bns .ban.active .t2 {animation:toup2 ease-in-out 1.5s;}
.bns .ban.active .t2b {animation:todw2 ease-in-out 1.5s;}
.bns .ban.active .t4 {animation:toup4 ease-in-out 1.5s;}
.bns .ban.active .btn.p3 {animation:fadebtn ease-in-out 4s;}
.bns .ban.active .btn.p4 {animation:fadebtn ease-in-out 4s;}

.fade {  -webkit-animation-name: fade;  -webkit-animation-duration: 1.5s;  animation-name: fade;  animation-duration: 1.5s;}
@-webkit-keyframes fade {  from {opacity: .4}  to {opacity: 1}}
@keyframes fade {  from {opacity: .4}  to {opacity: 1}}
@keyframes toup {  from {opacity:0; top:350px}  to {top:7%; opacity:1;}}
@keyframes toup2 {  from {opacity:0; bottom:0;}  to {bottom:10%; opacity:1;}}
@keyframes toup4 {  from {opacity:0; top:50%;}  to {opacity:1; top:7%;}}
@keyframes todw2 {  from {opacity:0; bottom:60%;}  to {opacity:1; bottom:9%;}}
@keyframes fadebtn {  0% {opacity: 0} 50% {opacity: 0} 60% {opacity: .3}  100% {opacity: 1}}
@keyframes gda { 0%,46% {margin-top:1.2vw} 72% {margin-top:1.7vw} 97%, 100% {margin-top:1.2vw}}

.bns .ban .eq { width:80%; height:auto; margin-bottom:20px;}
.bns .ban .t { width:100%; height:auto;}
.bns .ban .logo { position:absolute; top:43%; right:10%; width:60px; height:auto;}
.uv { text-align:center; margin:2.5em 0 4em 0;}
.uv .s { width:110px; height:6px; overflow:hidden; margin:1px auto;background:linear-gradient(to right,#def4fd,#00acef);} 
.uv h1 { font-size:40px; line-height:1.3;}
.uv p { font-size:16px; color:#ccc;}
.grm { overflow:hidden; margin:10px 0;}
.grm h2 { font-size:24px; z-index:40; text-decoration:none;text-align:center;}
.grm a { display:block; width:24.25%; height:380px; overflow: hidden; background-repeat:no-repeat; background-position:center center; background-size:100%; position:relative; transition:all ease-in-out .4s; float:left;}
.grm a:nth-child(1) { background-image:url(../images/grm1.webp); margin-right:1%}
.grm a:nth-child(2) { background-image:url(../images/grm2.webp); margin-right:1%}
.grm a:nth-child(3) { background-image:url(../images/grm3.webp); margin-right:1%}
.grm a:nth-child(4) { background-image:url(../images/grm4.webp); }
.grm.u a:nth-child(1) { background-image:url(../images/grmu1.webp);}
.grm.u a:nth-child(3) { background-image:url(../images/grmu1.webp);}
.grm a div { display:block; width:100%; height:380px; position:absolute; left:0; top:0; background-color:transparent; transition:all ease-in-out .8s;}
.grm a:hover div {background-color:rgba(80,80,80,.45);}
.grm a:hover {background-size:103%;}
.grm h5 { display:block; font-size:14px; padding:11px 13px 9px 15px; color:#fff; width:80%; position:absolute; bottom:15px; left:50%; margin:0 0 0 -40%; z-index:41;text-decoration:none;
 box-sizing:border-box; border:1px solid #ddd; } .grm h5 span { float:right;}
.grm h5:hover { background:#00acef;}
.jv { background:url(../images/titulka/predvadzacie-a-jazdene.webp) no-repeat center center; background-size:cover; padding:25px 3%;}
.jv h2 { color:#000;font-family: 'MBCorpoATitleCond-Regular-Web'; font-weight:400; font-size:40px; margin-bottom:.8em;}
.jv a { display:inline-block; font-size:14px; padding:10px 20px; color:#fff; margin-bottom:1.1em;box-sizing:border-box; border:1px solid #ddd; }
.jv a:hover { background:#00acef;} .jv a span { margin-left:2em;}
.sev { width:100%; overflow:hidden; margin:5em 0 2em 0;}
.sev .s { width:110px; height:6px; overflow:hidden; margin:1px 0;background:linear-gradient(to right,#def4fd,#00acef);} 
.sev h2 { font-size:44px; line-height:1.3;}
.sev p { font-size:16px; color:#ccc;}
.sev .c1 { width:40%; overflow:hidden; float:left;}
.sev .c1 a { display:inline-block; font-size:14px; padding:10px 20px; color:#fff; margin-bottom:1.1em;background:linear-gradient(to right,#5fcbf5,#00acef); }
.sev .c1 a:hover { background:#2f8db0;} .sev .c1 a span { margin-left:5em;}
.sev .c2 { width:60%; overflow:hidden; float:right; text-align:center;}
.sev .c2 a { display:inline-block; width:30%; height:auto; text-decoration:none; margin:8px 0 8px 1%;}
.sev .c2 a h3 { text-align:center; font-size:14px; font-weight:400; margin:0;}
.sev .c2 a div { width:100%; height:110px; background-repeat:no-repeat; } 
.sev .c2 a:nth-child(1) div {background-image:url(../images/avo/Hatchback40.webp);background-size:130%;background-position:50% 50%;animation:ease-in-out v1r .4s;} 
.sev .c2 a:nth-child(2) div {background-image:url(../images/avo/Sedan40.webp);background-size:120%;background-position:70% 53%;animation:ease-in-out v2r .4s;}
.sev .c2 a:nth-child(3) div {background-image:url(../images/avo/Kupe40.webp);background-size:130%;background-position:50% 50%;animation:ease-in-out v3r .4s;}
.sev .c2 a:nth-child(4) div {background-image:url(../images/avo/Roadster40.webp);background-size:130%;background-position:50% 50%;animation:ease-in-out v4r .4s;}
.sev .c2 a:nth-child(5) div {background-image:url(../images/avo/SUV40.webp);background-size:130%;background-position:58% 43%;animation:ease-in-out v5r .4s;}
.sev .c2 a:nth-child(6) div {background-image:url(../images/avo/Kombi40.webp);background-size:130%;background-position:50% 50%;animation:ease-in-out v6r .4s;}
.sev .c2 a:nth-child(7) div {background-image:url(../images/avo/MarcoPolo40.webp);background-size:144%;background-position:53% 40%;animation:ease-in-out v7r .4s;}
.sev .c2 a:nth-child(1) div:hover { animation:ease-in-out v1 .4s;background-image:url(../images/avo/Hatchback90.webp);}
.sev .c2 a:nth-child(2) div:hover { animation:ease-in-out v2 .4s;background-image:url(../images/avo/Sedan90.webp);}
.sev .c2 a:nth-child(3) div:hover { animation:ease-in-out v3 .4s;background-image:url(../images/avo/Kupe90.webp);}
.sev .c2 a:nth-child(4) div:hover { animation:ease-in-out v4 .4s;background-image:url(../images/avo/Roadster90.webp);}
.sev .c2 a:nth-child(5) div:hover { animation:ease-in-out v5 .4s;background-image:url(../images/avo/SUV90.webp);}
.sev .c2 a:nth-child(6) div:hover { animation:ease-in-out v6 .4s;background-image:url(../images/avo/Kombi90.webp);}
.sev .c2 a:nth-child(7) div:hover { animation:ease-in-out v7 .4s;background-image:url(../images/avo/MarcoPolo90.webp);}
.sev .cu { width:60%; overflow:hidden; float:right; text-align:center; margin-bottom:2em;}
.sev .cu a { display:inline-block; width:160px; height:auto; text-decoration:none; margin:8px 2%;}
.sev .cu a div { width:160px; height:107px; background-repeat:no-repeat; background-position:center bottom; background-size:contain;} 
.sev .cu a:nth-child(1) div {background-image:url(../images/uv1.webp)}
.sev .cu a:nth-child(2) div {background-image:url(../images/uv2.webp)}
.sev .cu a:nth-child(3) div {background-image:url(../images/uv3.webp)}
.sev .cu a:nth-child(4) div {background-image:url(../images/uv4.webp)}
.sev .cu a:nth-child(5) div {background-image:url(../images/uv5.webp)}
.sev .cu a:nth-child(6) div {background-image:url(../images/uv6.webp)}
.sev .cu a h3 { text-align:center; font-size:14px; font-weight:400; margin:0;}
.nh { text-align:center; margin:2.5em 0 4em 0;}
.nh .s { width:110px; height:6px; overflow:hidden; margin:1px auto;background:linear-gradient(to right,#def4fd,#00acef);} 
.nh h2 { font-size:40px; line-height:1.3;}
.nh p { font-size:16px; color:#ccc;}
.nh .c { width:49.5%; height:auto; min-height:200px; overflow:hidden; float:left; margin-top:12px; margin-bottom:12px; position:relative; text-align:left;}
.nh .c:nth-child(odd) { margin-right:1%;}
.nh .c .bg { width:100%; min-height:196px; overflow:hidden; background:#333; margin-top:26px;}
.nh .c .bx { width:42px; height:42px; /*border:3px solid #5ecbf5;*/ position:absolute; left:5%;}
.nh .c h3 { font-size:24px; color:#bbb; margin:32px 5% 8px 5%; font-weight:600;}
.nh .c p { font-size:16px; color:#eee; margin:5px 5% 20px 5%;}
.mo { width:100%; overflow:hidden; background:#00adef; }
.mo h2 { font-size:42px; line-height:1.3; margin-bottom:.3em;}
.mo p { font-size:16px; }
.mo p a { color:#fff; text-decoration:underline;}
.mo input[type=tel], .mo input[type=email] { border:none; background:none; border-bottom:1px solid #fff; display:block; font-size:14px;}
.mo button { color:#000; background:#fff; width:100%; display:block; margin-top:18px; font-size:14px;} .mo button:hover { color:#fff;background-color:#2f8db0;}
.mo .s { width:110px; height:6px; overflow:hidden; margin:1px auto;background:linear-gradient(to right,#def4fd,#00acef);} 
.mo .c { width:96%; max-width:530px; height:auto; overflow:hidden; margin:5em auto; text-align:center;}
.mo .c1 { width:42%; overflow:hidden; float:left;}
.mo .c2 { width:16%; overflow:hidden; float:left; padding-top:38px; font-size:13px;}
.mo .c3 { width:42%; overflow:hidden; float:left;}
#mo1.h, #mo2 { display:none;} #mo2.a { display:block;}
#moerr { margin-top:1em;}
#moerr.a { box-sizing:border-box; padding:1em; background:#c00; color:#fff; font-weight:bold;}
.no { width:100%; height:460px; overflow:hidden; margin:8em 0; position:relative;}
.no .s { width:110px; height:6px; overflow:hidden; margin:1px 0;background:linear-gradient(to right,#def4fd,#00acef);} 
.no .c { width:220px; height:403px; overflow:hidden; float: left; margin-left:calc((100% - 1140px) / 2); margin-right:8px; position:relative;}
.no .c h2 { font-size:40px; line-height:1.3;}
.no .c p { font-size:15px; color:#ccc;}
.no .c a { display:block; width:100%; font-size:14px; padding:10px 20px; color:#fff; margin-bottom:1.1em;background:linear-gradient(to right,#5fcbf5,#00acef); position:absolute; left:0; bottom:0; }
.no .c a:hover { background:#2f8db0;} .no .c a span { float:right;}
.no .c .prev { background-image:url(../images/prev.svg); background-color:#444;bottom:70px; left:0; background-position:38% center;}
.no .c .next { background-image:url(../images/next.svg); background-color:#444;bottom:70px; left:44px;background-position:55% center;}
.no .c .prev:hover, .no .c .next:hover { background-color:#aaa;}
.no .sr { width:1581px; height:auto; overflow:hidden; padding-left:21px; position:absolute; top:0; left:calc((100% - 1140px) / 2 + 340px);}
.no .sr .b { width:1560px; height:auto; overflow:hidden; transition:ease-in-out margin .8s;}
.no .sr .b a { width:380px; height:auto; overflow:hidden; margin-right:10px; float:left;}
.no .sr .b a div { width:100%; height:388px; overflow:hidden; background-size:100%; background-position:center center;transition:ease-in-out all .6s;}
.no .sr .b a div:hover { background-size:103%;}
.no .sr .b a:nth-child(1) div {background-image:url(../images/novinky/cla-t.webp)}
.no .sr .b a:nth-child(2) div {background-image:url(../images/novinky/servisny-prijem-mercedes-zilina-t.webp)}
.no .sr .b a:nth-child(3) div {background-image:url(../images/novinky/sprinter-t.webp)}
.no .sr .b a:nth-child(4) div {background-image:url(../images/novinky/n1.webp)}
.no .sr .b.u a:nth-child(1) div {background-image:url(../images/novinky/nu1.webp)}
.no .sr .b.u a:nth-child(2) div {background-image:url(../images/novinky/nu2.webp)}
.no .sr .b.u a:nth-child(3) div {background-image:url(../images/novinky/nu1.webp)}
.no .sr .b.u a:nth-child(4) div {background-image:url(../images/novinky/nu2.webp)}
.no .sr p { margin:4px 0 1px 0; color:#ccc; font-size:12px;}
.no .sr h3 { margin:1px 0; color:#fff; font-size:16px;font-family: MBCorpoSText-Regular-Web, sans-serif;}
.no .sr .bg { width:1170px; height:460px; overflow:hidden; position:absolute; top:0; left:1580px;background:#000; opacity:.4;}
.no .sr .prev { background-image:url(../images/prev-b.svg); background-color:rgba(255,255,255,.8);top:170px; left:0px; background-position:38% center; display:none;}
.no .sr .next { background-image:url(../images/next-b.svg); background-color:rgba(255,255,255,.8);top:170px; left:1560px;background-position:55% center; display:none;}
.no .sr .prev:hover, .no .sr .next:hover { background-color:#fff;} .no .sr .prev.a { display:block;}
.no .prev, .no .next { width:38px; height:38px; border-radius:50%; position:absolute; background-repeat:no-repeat; background-size:46%; cursor:pointer; transition:all ease-in-out .3s;}
/*.no .sr .bg {  left:390px; }*/
@keyframes v1 { 0%,19.9% {background-image:url(../images/avo/Hatchback40.webp);} 20%,39.9% {background-image:url(../images/avo/Hatchback50.webp);}
 40%,59.9% {background-image:url(../images/avo/Hatchback60.webp);}  60%,79.9% {background-image:url(../images/avo/Hatchback70.webp);} 
 80%,99% {background-image:url(../images/avo/Hatchback80.webp); } 99.1%,100% {background-image:url(../images/avo/Hatchback90.webp);}}
@keyframes v1r { 0%,19.9% {background-image:url(../images/avo/Hatchback90.webp);} 20%,39.9% {background-image:url(../images/avo/Hatchback80.webp);}
 40%,59.9% {background-image:url(../images/avo/Hatchback70.webp);}  60%,79.9% {background-image:url(../images/avo/Hatchback60.webp);} 
 80%,99% {background-image:url(../images/avo/Hatchback50.webp); } 99.1%,100% {background-image:url(../images/avo/Hatchback40.webp);}}
@keyframes v2 { 0%,19.9% {background-image:url(../images/avo/Sedan40.webp);} 20%,39.9% {background-image:url(../images/avo/Sedan50.webp);}
 40%,59.9% {background-image:url(../images/avo/Sedan60.webp);}  60%,79.9% {background-image:url(../images/avo/Sedan70.webp);} 
 80%,99% {background-image:url(../images/avo/Sedan80.webp); } 99.1%,100% {background-image:url(../images/avo/Sedan90.webp);}}
@keyframes v2r { 0%,19.9% {background-image:url(../images/avo/Sedan90.webp);} 20%,39.9% {background-image:url(../images/avo/Sedan80.webp);}
 40%,59.9% {background-image:url(../images/avo/Sedan70.webp);}  60%,79.9% {background-image:url(../images/avo/Sedan60.webp);} 
 80%,99% {background-image:url(../images/avo/Sedan50.webp); } 99.1%,100% {background-image:url(../images/avo/Sedan40.webp);}}
@keyframes v3 { 0%,19.9% {background-image:url(../images/avo/Kupe40.webp);} 20%,39.9% {background-image:url(../images/avo/Kupe50.webp);}
 40%,59.9% {background-image:url(../images/avo/Kupe60.webp);}  60%,79.9% {background-image:url(../images/avo/Kupe70.webp);} 
 80%,99% {background-image:url(../images/avo/Kupe80.webp); } 99.1%,100% {background-image:url(../images/avo/Kupe90.webp);}}
@keyframes v3r { 0%,19.9% {background-image:url(../images/avo/Kupe90.webp);} 20%,39.9% {background-image:url(../images/avo/Kupe80.webp);}
 40%,59.9% {background-image:url(../images/avo/Kupe70.webp);}  60%,79.9% {background-image:url(../images/avo/Kupe60.webp);} 
 80%,99% {background-image:url(../images/avo/Kupe50.webp); } 99.1%,100% {background-image:url(../images/avo/Kupe40.webp);}}
@keyframes v4 { 0%,19.9% {background-image:url(../images/avo/Roadster40.webp);} 20%,39.9% {background-image:url(../images/avo/Roadster50.webp);}
 40%,59.9% {background-image:url(../images/avo/Roadster60.webp);}  60%,79.9% {background-image:url(../images/avo/Roadster70.webp);} 
 80%,99% {background-image:url(../images/avo/Roadster80.webp); } 99.1%,100% {background-image:url(../images/avo/Roadster90.webp);}}
@keyframes v4r { 0%,19.9% {background-image:url(../images/avo/Roadster90.webp);} 20%,39.9% {background-image:url(../images/avo/Roadster80.webp);}
 40%,59.9% {background-image:url(../images/avo/Roadster70.webp);}  60%,79.9% {background-image:url(../images/avo/Roadster60.webp);} 
 80%,99% {background-image:url(../images/avo/Roadster50.webp); } 99.1%,100% {background-image:url(../images/avo/Roadster40.webp);}}
@keyframes v5 { 0%,19.9% {background-image:url(../images/avo/SUV40.webp);} 20%,39.9% {background-image:url(../images/avo/SUV50.webp);}
 40%,59.9% {background-image:url(../images/avo/SUV60.webp);}  60%,79.9% {background-image:url(../images/avo/SUV70.webp);} 
 80%,99% {background-image:url(../images/avo/SUV80.webp); } 99.1%,100% {background-image:url(../images/avo/SUV90.webp);}}
@keyframes v5r { 0%,19.9% {background-image:url(../images/avo/SUV90.webp);} 20%,39.9% {background-image:url(../images/avo/SUV80.webp);}
 40%,59.9% {background-image:url(../images/avo/SUV70.webp);}  60%,79.9% {background-image:url(../images/avo/SUV60.webp);} 
 80%,99% {background-image:url(../images/avo/SUV50.webp); } 99.1%,100% {background-image:url(../images/avo/SUV40.webp);}}
@keyframes v6 { 0%,19.9% {background-image:url(../images/avo/Kombi40.webp);} 20%,39.9% {background-image:url(../images/avo/Kombi50.webp);}
 40%,59.9% {background-image:url(../images/avo/Kombi60.webp);}  60%,79.9% {background-image:url(../images/avo/Kombi70.webp);} 
 80%,99% {background-image:url(../images/avo/Kombi80.webp); } 99.1%,100% {background-image:url(../images/avo/Kombi90.webp);}}
@keyframes v6r { 0%,19.9% {background-image:url(../images/avo/Kombi90.webp);} 20%,39.9% {background-image:url(../images/avo/Kombi80.webp);}
 40%,59.9% {background-image:url(../images/avo/Kombi70.webp);}  60%,79.9% {background-image:url(../images/avo/Kombi60.webp);} 
 80%,99% {background-image:url(../images/avo/Kombi50.webp); } 99.1%,100% {background-image:url(../images/avo/Kombi40.webp);}}
@keyframes v7 { 0%,19.9% {background-image:url(../images/avo/MarcoPolo40.webp);} 20%,39.9% {background-image:url(../images/avo/MarcoPolo50.webp);}
 40%,59.9% {background-image:url(../images/avo/MarcoPolo60.webp);}  60%,79.9% {background-image:url(../images/avo/MarcoPolo70.webp);} 
 80%,99% {background-image:url(../images/avo/MarcoPolo80.webp); } 99.1%,100% {background-image:url(../images/avo/MarcoPolo90.webp);}}
@keyframes v7r { 0%,19.9% {background-image:url(../images/avo/MarcoPolo90.webp);} 20%,39.9% {background-image:url(../images/avo/MarcoPolo80.webp);}
 40%,59.9% {background-image:url(../images/avo/MarcoPolo70.webp);}  60%,79.9% {background-image:url(../images/avo/MarcoPolo60.webp);} 
 80%,99% {background-image:url(../images/avo/MarcoPolo50.webp); } 99.1%,100% {background-image:url(../images/avo/MarcoPolo40.webp);}}

@media (min-width:1280px) {
	.bns a.prev { left:calc((100vw - 1200px) / 2.3 - 30px);}
	.bns a.next { right:calc((100vw - 1200px) / 2.3 - 30px);}
}
@media (max-width: 2700px) {
	.no .sr .bg {left: 1190px;}
	.no .sr .next { display:block;left:1168px;}
}
@media (max-width: 1920px) {
	.no .sr .bg {left: 800px;}
	.no .sr .next { left:776px;}
}
@media (max-width: 1305px) {
	/*.bns, .bns .con, .bns .ban,.bns .ban .bg {width:100%; height:42.2vw; }*/
}
@media (max-width: 1240px) {
	.bns .ban .bg iframe { height:55vw;}
	.bns .btn.p6 { left:22.5%;}
	.grm h2 { font-size:2vw;}
	.grm a { height:32vw;}
}
@media (max-width: 1199px) {
  .u-cookies-consent .u-sheet-1 {  min-height: 131px; }
  .u-cookies-consent .u-layout-cell-1 {    min-height: 87px;  }
  .u-cookies-consent .u-layout-cell-2 {    min-height: 87px;  }
	#sec-47f9 { padding-top:1px; height:1px; overflow:hidden; background:#000; }
	.bns .ban .n {font-size: 2.5rem;}
	.no .c { margin-left:20px; }
	.no .sr { left:250px;}
}
@media (max-width: 1020px) {
	.no .sr .bg {left: 410px;}
	.no .sr .next { left:386px;}
}
@media (max-width: 991px) {
	.u-cookies-consent .u-sheet-1 {   min-height: 106px;  }
	.u-cookies-consent .u-layout-cell-1 {   min-height: 100px;  }
	.u-cookies-consent .u-layout-cell-2 {   min-height: 100px;  }
	.u-section-3 .u-slider-1 { margin:0 auto;}
	.bns .btn.p6 { left:24%;}
	.grm h2 { font-size:3vw;}
}
@media (max-width: 899px) {
	#sec-47f9 { width:100%; padding-top:1px; height:1px; overflow:hidden; background:#000; display:block; }	
	.bns .ban .nb {font-size: 5.5rem; }
	.bns .btn.p6 { left:27.5%;}
}

@media (max-width: 767px) {
	.u-cookies-consent .u-sheet-1 {   min-height: 225px;  }
	.u-cookies-consent .u-layout-cell-1 {    min-height: 154px;  }
	.u-cookies-consent .u-container-layout-1 {    padding-bottom: 20px;  }
	.u-cookies-consent .u-layout-cell-2 {    min-height: 65px;  }
	.u-cookies-consent .u-container-layout-2 {    padding-left: 10px;    padding-right: 10px;  }
	.bns, .bns .con, .bns .ban, .bns .ban .bg, .bns .ban .fg,  .bns .buz,.bns .buz .bg, .bns .buz .fg, .bns .ban .bgu { height:45vw; }
	.bns .ban .n {font-size: 1.8rem;}
	.bns .ban .pn, .bns .btn {font-size: .85rem;}
	.bns #ind div, .bns #ind div span {  width:30px;  }
	.bns .btn.p4 { right:7%; top:68%;}
	.bns .ban .nb {font-size: 4.5rem; }
	.bns .ban .t5 { bottom: 22%;}

	.no { height:530px; margin:4em 0; }
	.no .c { width:92%; height:auto; float:none;margin:2em auto; }
	.no .c h2 { font-size:36px;}
	.no .c p { font-size:15px;}
	.no .c a { display:none;}
	.no .c .prev,.no .c .next { display:none;}
	.no .sr { width:1021px; height:auto; overflow:hidden; padding-left:21px; position:absolute; top:13em; left:0;}
	.no .sr .b { width:1010px; height:auto; overflow:hidden;}
	.no .sr .b a { width:240px; }
	.no .sr .b a div { width:100%; height:244px; overflow:hidden; background-size:100%;}
	.no .sr p { margin:4px 0 1px 0; color:#ccc; font-size:12px;}
	.no .sr h3 { margin:1px 0; color:#fff; font-size:16px;font-family: 'MBCorpoATitle-Regular-Web';}
	.no .sr .bg { width:500px; height:244px; left:520px;}
	.no .sr .prev { top:112px;left:-1px;}
	.no .sr .next { top:112px;left:496px;}

}
@media (max-width: 700px) {
	.bns .btn.p6 { left:33%;}
/*	.no { height:auto; }
	.no .c { width:92%; height:auto; float:none;margin:2em auto; }
	.no .c h2 { font-size:36px;}
	.no .c p { font-size:15px;}
	.no .c a { display:none;}
	.no .sr { width:92%; padding:0 4%; position:relative; top:0; left:0;}
	.no .sr .b { width:100%;}
	.no .sr .bg { display: none;}
	.no .prev, .no .next { display:none;}
	.no .sr .b a { width:100%; margin-bottom:2em; }
	.no .sr .b a div { width:100%; height:90vw;}*/
}
@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 .t2 { bottom: 33%; }
	.bns .ban .n { margin-bottom:-.2em;}
	.bns .btn.p5 { left:7%; bottom:12%}
	.bns .btn.p2 { bottom:12%}
	@keyframes toup2 {from {opacity:0; bottom:0;} to {bottom:33%; opacity:1;}}
}

@media (max-width: 575px) {
  .u-cookies-consent .u-sheet-1 {    min-height: 121px;  }
  .u-cookies-consent .u-layout-cell-1 {    min-height: 100px;  }
  .u-cookies-consent .u-layout-cell-2 {    min-height: 15px;  }
	.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 .t5 {  left:17%; bottom:39%;}*/
	.bns .ban .n, .bns .ban .n.sm {font-size: 5vw; line-height:1.1;}
	.bns .ban .t1 { left:3%; top: 3%;}
	.bns .ban .t1bc { left:0; top:0; }
	.bns .ban .t5 { bottom:33%;}
	.bns .ban .t6 { right:9%; bottom: 34%; color:#000; }
	.bns .btn.p6 { left:auto; right:7%;}
	.bns .btn.p1m { bottom:9%;}
	.bns .ban .t7 { bottom:21%;}

	.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;}
	.uv { text-align:left; width:96%; margin:2em auto; }
	.uv .s { margin:1px 0;} 
	.uv h1 { font-size:30px; }
	.uv p { font-size:15px;}
	.grm a {width:96%; height:100vw; margin:5px 2%;}
	.grm a div {height:100vw; }
	.grm h2 { font-size:24px;}
	.jv { background-image:url(../images/titulka/predvadzacie-a-jazdene-m.webp); padding:5px 4%; width:100%; margin:5px 0; overflow:hidden;}
	.jv h2 {font-size:32px; margin-top:2vw }
	.jv a { margin-bottom:.3em; margin-top:26vw; }
	.sev h2 { font-size:32px;}
	.sev p { font-size:15px;}
	.sev .c1 { width:96%; float:none; margin:0 auto;}
	.sev .c2 { width:100%; float:none; margin:0 auto;}
	.nh { text-align:left; width:96%; margin:2.5em 2% 4em 2%;}
	.nh .s { margin:1px 0;} 
	.nh h2 { font-size:32px;}
	.nh p { font-size:15px;}
	.nh .c { width:100%; min-height:20px;float:none; margin-top:12px; margin-bottom:12px;}
	.nh .c:nth-child(odd) { margin-right:0;}
	.mo h2 { font-size:38px; margin-bottom:.3em;}
	.mo p { font-size:15px; margin-bottom:1em; }
	.mo input[type=tel], .mo input[type=email] { font-size:15px; width:70%;}
	.mo button {  width:70%; font-size:15px;} 
	.mo .s { margin:1px 0;background:} 
	.mo .c { width:92%; margin:3em auto; text-align:left;}
	.mo .c1 { width:100%; float:none;}
	.mo .c2 { width:100%; float:none; padding-top:8px; font-size:13px;}
	.mo .c3 { width:100%; float:none;}
}
@media (max-width: 540px) {
	.no .sr .bg { left:270px;}
	.no .sr .next { left:246px;}
}