@font-face{font-family:"Skoda Black";src:url(../fonts/SKODANext-Black.woff)}@font-face{font-family:"Skoda Black Exp";src:url(../fonts/SKODANext-BlackExpanded.woff)}@font-face{font-family:"Skoda Bold";src:url(../fonts/SKODANext-Bold.woff);font-weight:700}@font-face{font-family:"Skoda Light";src:url(../fonts/SKODANext-Light.woff);font-weight:100}@font-face{font-family:"Skoda Regular";src:url(../fonts/SKODANext-Regular.woff);font-weight:400}

body{margin:0;padding:0;font-family:"Skoda Regular";padding-top:85px}
body.hidden{overflow:hidden}
ul, ol, li, a, p, h1, h2, h3, h4, h5, h6{padding:0;margin:0;list-style:none;text-decoration:none}

.header-top{padding:30px 0 10px 0;}
.header-top .header-menu{position:relative;}
.header-top .header-menu > ul{display:flex;width:100%;justify-content:end;gap:1.25rem}
.header-top .header-menu > ul > li{display:flex;}
.header-top .header-menu > ul > li > a{position:relative;display:flex;font-size:17px;color:black;padding:0 .5rem;}
.header-top .header-menu > ul > li > a:after{position:absolute;bottom:-10px;height:2px;width:0;transition:width .5s, background .8s, color .25s;content:'';left:0}
.header-top .header-menu > ul > li > a:hover{color:#093128;}
.header-top .header-menu > ul > li > a:hover:after{background:#093128;width:100%}
.header-top .header-menu > ul li .dropdown{transition:scale .25s, opacity .35s;position:absolute;top:25px;padding:15px;opacity:0;scale:1.2;visibility:hidden;max-width:100%;}
.header-top .header-menu > ul li .dropdown.active{opacity:1;visibility:visible;scale:1;}
.header-top .header-menu > ul li .dropdown ul{background:white;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.25);display:flex;flex-direction:column;padding:15px 10px;}
.header-top .header-menu > ul li .dropdown ul li a{color:black;padding:7px 15px;border-radius:10px;display:flex;width:100%}
.header-top .header-menu > ul li .dropdown ul li a:hover{background:#eee;}

.header-logo a{display:flex;align-items:end;flex-direction:column;gap:.05rem}
.header-logo a span{font-size:13px;font-family:"Skoda Bold";color:#1F5044}

#header{position:fixed;top:0;left:0;right:0;width:100%;z-index:5;background:white;box-shadow:0 0 5px 5px rgba(0,0,0,.1)}

.slider-main{position:relative;height:470px;overflow:hidden}
.slider-main .slider-item{position:absolute;width:100%;height:100%;inset:0;opacity:0;transition:opacity 1s, scale .75s;scale:1.05}
.slider-main .slider-item.active{opacity:1;scale:1;z-index:1;}
.slider-main .slider-content{position:absolute;z-index:2;top:0;bottom:0;max-width:40%;height:100%;justify-content:center;display:flex;flex-direction:column}
.slider-main .slider-content .slider-title{font-size:60px;color:white;font-family:"Skoda Black"}

.slider-main .slider-item .slider-content{transform:translateY(25%);transition:transform 3s, opacity 1.5s, scale 1.5s;opacity:0;scale:1.5}
.slider-main .slider-item.active .slider-content{transform:translateY(0);opacity:1;scale:1}

.slider-main .slider-content .slider-description{font-size:30px;color:white;line-height:40px}
.slider-main .slider-item .slider-img{width:100%;height:100%;overflow:hidden;}
.slider-main .slider-item .slider-img img{width:100%;height:100%;object-fit:cover;object-position:center;}
.slider-buttons{position:absolute;left:0;bottom:2rem;right:0;width:100%;display:flex;align-items:center;justify-content:center;z-index:3;}
.slider-buttons ul{display:flex;gap:1rem;align-items:Center;}
.slider-buttons ul li a{display:flex;background:rgba(255,255,255,.65);transition:background .75s, box-shadow 1s, scale .5s;border-radius:100%;width:12px;height:12px;}
.slider-buttons ul li.active a{background:white;scale:1.65;box-shadow:0 0 10px 2px white}

.gray-content{background:#f1f1f1;color:#444;padding:2rem;border-radius:15px;font-size:19px;font-family:"Skoda Light"}

.slider-container{max-width: 1320px;margin: 0 auto;padding: 0 15px;}

.right-bar{position:fixed;right:0;z-index:4;top:50%;transform:translateY(-50%);width:120px;background:#0e3a2e;border-top-left-radius:10px;border-bottom-left-radius:10px;overflow:hidden}
.right-bar ul{display:flex;flex-direction:column}
.right-bar ul li:not(:last-child){border-bottom:solid 1px rgba(0,0,0,.15);}
.right-bar ul li a{height:90px;transition:background .25s;display:flex;flex-direction:column;font-family:"Skoda Bold";align-items:center;justify-content:center;font-size:12px;color:white;text-align:center;gap:.35rem;padding:0 .35rem}
.right-bar ul li a:hover{background:rgba(0,0,0,.35);}

.lblog{overflow:hidden;border-radius:15px;background:#f1f1f1;}
.lblog img:not(.svg){width:100%;height:100%;object-fit:cover;object-position:center;}
.lblog img.svg{position:absolute;}
.lblog .lblogimg{position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:100%;}
.lblog .lblogcontent{min-height:260px;display:flex;flex-direction:column;gap:1rem;font-size:16px;padding:1.25rem;font-family:"Skoda Light"}
.lblog .lblogcontent h3{font-family:"Skoda Bold";font-size:23px}

.cont-socials a{display:flex;transition:scale .35s;align-items:center;gap:1rem;background:#093128;border-radius:15px;padding:1.5rem}
.cont-socials a .title span{font-family:"Skoda Bold";color:white;font-size:19px}
.cont-socials a:hover{scale:1.075}
.cont-socials a .title p{font-family:"Skoda Light";color:white;opacity:.75}

#models{margin-top:100px;margin-bottom:100px}
#models .title{text-align:center;margin-bottom:50px}
#models .title h2{font-size:52px;font-family:"Skoda Black";}
#models.details .title h2{text-align:center;font-size:40px;font-family:"Skoda Black";}
#models .models-items{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
#models .models-items .model-item{transition:scale .5s, border .15s;flex:0 1 calc(25% - 20px);box-sizing:border-box;text-align:center;outline:solid 2px #09312875;border-radius:30px;padding:2rem}
#models .models-items .model-item .model-name{font-size:32px;text-align:center;font-family:"Skoda Black";}
#models .models-items .model-item .model-button a{transition:background .25s, color .25s;display:flex;background:#093128;color:white;font-size:21px;justify-content:center;padding:10px 0;border-radius:30px;}
#models .models-items .model-item .model-button a:hover{background:#09312850;color:#093128}
#models .models-items .model-item .model-img{transition:scale .5s}
#models .models-items .model-item:hover{scale:1.05;outline:solid 5px transparent;background:#09312810}
#models .models-items .model-item:hover .model-img{scale:1.25}

#models .skoda-models-items{display:flex;flex-direction:column;gap:2rem}
#models .skoda-model-item{background:#d5e5dd;position:relative;border-radius:20px;overflow:hidden}
#models .skoda-model-item .model-title{transition:opacity .35s, transform .5s;padding:30px;gap:1rem;display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column}
#models .skoda-model-item .model-title.disabled{opacity:0;transform:translateX(50px)}
#models .skoda-model-item .model-title .name{font-family:"Skoda Black";font-size:32px}
#models .skoda-model-item .model-title .button a{transition:background .25s, color .25s;display:flex;background:#093128;color:white;font-size:25px;justify-content:center;padding:10px 50px;border-radius:30px;}
#models .skoda-model-item .model-title .button a:hover{background:#09312850;color:#093128}
#models .skoda-model-item .model-title-dis{transition:opacity .35s, transform .5s;transform:translateX(50px);opacity:0;padding-right:100px;gap:.5rem;display:flex;align-items:end;justify-content:center;height:100%;flex-direction:column}
#models .skoda-model-item .model-title-dis.active{opacity:1;transform:translateX(0)}
#models .skoda-model-item .model-title-dis .name{font-family:"Skoda Black";font-size:32px;display:flex;text-align:right;}
#models .skoda-model-item .model-title-dis .desc{font-size:33px;display:flex;text-align:right;}
#models .skoda-model-item .model-content{padding:30px;transition:opacity .35s, scale .35s;opacity:0;scale:0;position:absolute;}
#models .skoda-model-item .model-content.active{opacity:1;scale:1;position:unset;}

#models .model-table{width:100%;font-size:27px;}
#models .model-table th{font-family:"Skoda Black";}
#models .model-table tbody tr:nth-child(even){background:#00000008;}

#models .model-description h3{font-size:30px;font-family:"Skoda Black";}
#models .model-description p{font-size:16px;color:#00000099;line-height:22px}

#models .model-description .hide-button{display:flex;align-items:center;justify-content:center;}
#models .model-description .hide-button a{transition:background .25s, color .25s;display:inline-flex;background:#093128;color:white;font-size:25px;justify-content:center;padding:10px 50px;border-radius:30px;}
#models .model-description .hide-button a:hover{background:#09312850;color:#093128}

#flags{margin-top:100px;margin-bottom:100px}

.form-main{margin-top:100px;margin-bottom:100px}
.form-main .title{text-align:center;margin-bottom:50px}
.form-main .title h2{font-size:52px;font-family:"Skoda Black";}
.form-main .white{background:#d5e5dd;padding:5rem;border-radius:20px;}
.form-main .form-elem-group h2, .form-main .form-elem-group h3{font-size:34px;font-family:"Skoda Black"}
.form-main button{background:#78faae;border-radius:20px;font-size:21px;font-family:"Skoda Black";color:#093128;padding:15px 25px;border:0;}

.inp-1{width:100%;border:0;background:white;height:55px;padding:0 25px;outline:none;font-size:19px;border-radius:10px;}
.inp-1:focus{outline:solid 2px #a6bfb3}
.select-1{width:100%;border:0;background:white;height:55px;padding:0 25px;outline:none;font-size:19px;border-radius:10px;}
.select-1:focus{outline:solid 2px #a6bfb3}
.txt-1{width:100%;resize:none;border:0;background:white;padding:15px 25px;outline:none;font-size:19px;border-radius:10px;}
.txt-1:focus{outline:solid 2px #a6bfb3}

.checks label{font-size:21px;}
.checks label input{width:30px;height:30px;position:relative;top:5px;margin-right:15px;}

.detail-top{height:480px;background:url('../img/details-bg.webp');background-size:cover;}
.detail-top .detail-img{height:480px;display:flex;align-items:center;}
.detail-top .detail-title{line-height:85px;height:480px;display:flex;align-items:end;justify-content:center;flex-direction:column}
.detail-top .detail-title .brand{font-size:40px;color:white;font-family:"Skoda Black";}
.detail-top .detail-title .model{font-size:100px;color:white;font-family:"Skoda Bold";}

.ord-top{height:480px;background:url('../img/ord-top.webp');background-size:cover;}
.ord-top.camps{height:480px;background:url('../img/kampanyalar-bg.webp');background-size:cover;}
.ord-top .detail-img{height:480px;display:flex;align-items:center;}
.ord-top .detail-title{line-height:70px;height:480px;display:flex;align-items:start;justify-content:center;flex-direction:column}
.ord-top .detail-title .title{font-size:50px;color:white;font-family:"Skoda Black";text-shadow:2px 2px 2px rgba(0,0,0,.5)}
.ord-top .detail-title .desc{font-size:30px;color:white;font-family:"Skoda Bold";text-shadow:2px 2px 2px rgba(0,0,0,.5)}

.viewer{margin-top:100px;margin-bottom:100px}
.viewer-content{position:relative;border-radius:20px;overflow:hidden}
.viewer-main .viewer-title{text-align:center;font-size:40px;font-family:"Skoda Black";}

.viewer .viewer-content > ul li{height:450px;inset:0;opacity:0;transition:opacity 1s, scale .75s;scale:1.05}
.viewer .viewer-content > ul li.active{opacity:1;scale:1;z-index:1;}
.viewer .viewer-content > ul li img{width:100%;height:100%;object-fit:cover;object-position:center;}
.viewer .viewer-content > ul li:not(.active){position:absolute;}

.viewer .viewer-buttons{position:absolute;left:0;bottom:2rem;right:0;width:100%;display:flex;align-items:center;justify-content:center;z-index:3;}
.viewer .viewer-buttons ul{display:flex;gap:1rem;align-items:Center;}
.viewer .viewer-buttons ul li a{display:flex;background:rgba(255,255,255,.65);transition:background .75s, box-shadow 1s, scale .5s;border-radius:100%;width:12px;height:12px;}
.viewer .viewer-buttons ul li.active a{background:white;scale:1.65;box-shadow:0 0 10px 2px white}

.mt2rem{margin-top:2rem}

.features{margin-top:100px;margin-bottom:100px}
.features h2{text-align:center;font-size:40px;font-family:"Skoda Black";}
.features .feature{border-radius:20px;overflow:hidden;}
.features .feature{height:340px}
.features .feature img{width:100%;height:100%;object-fit:cover;object-position:center;}
.features.f2 .feature{height:240px}
.features .feature a{position:relative;display:flex;height:100%;width:100%;}
.features .feature a .feature-title{transition:background .5s, color .5s;font-size:27px;font-family:"Skoda Black";position:absolute;bottom:0;left:0;padding:1rem 2.5rem;color:white;background:#093128;border-top-right-radius:20px;}
.features.f2 .feature a{cursor:default}
.features.f2 .feature a .feature-title{font-size:24px;border-radius:0;right:0;text-align:center;display:flex;align-items:center;padding:1rem;justify-content:center;line-height:30px;height:80px;}
.features .feature a:hover .feature-title{background:#09312880;}
.features .feature a img{transition:scale 2.5s;}
.features .feature a:hover img{scale:1.15}

.equipments{margin-top:100px;margin-bottom:100px}
.equipments h2{text-align:center;font-size:40px;font-family:"Skoda Black";}

.teknik_ozellikler_tablo{width:100%;}
.teknik_ozellikler_tablo thead tr th{border-bottom:solid 2px black;padding:1rem 0;font-size:17px;font-family:"Skoda Bold"}
.teknik_ozellikler_tablo tbody tr td{border-bottom:solid 1px #ddd;padding:1rem 0;font-size:15px;font-family:"Skoda Light"}

.campaigns-list{margin-top:100px;margin-bottom:100px}
.campaigns-list h2{text-align:center;font-size:40px;font-family:"Skoda Black";}
.campaigns-list .campaign{position:relative;border-radius:20px;overflow:hidden;height:400px}
.campaigns-list .campaign-content{gap:1rem;display:flex;align-items:start;padding:2rem 10rem 2rem 2rem;justify-content:center;flex-direction:column;position:absolute;left:0;top:0;bottom:0;background:#78faae;max-width:50%;clip-path:polygon(0px 0px, 74% 0px, 100% 100%, 0px 100%)}
.campaigns-list .campaign.r .campaign-content{text-align:right;clip-path:polygon(26% 0px, 100% 0px, 100% 100%, 0px 100%);padding:2rem 2rem 2rem 10rem;left:unset;right:0}
.campaigns-list .campaign-content .title{font-size:37px;line-height:37px;font-family:"Skoda Black";}
.campaigns-list .campaign-content .desc{font-size:21px;}

.corp-list{margin-top:100px;margin-bottom:100px}
.corp-list h2{text-align:center;font-size:40px;font-family:"Skoda Black";}
.corp-list .corp-content{background:#ddfcea;padding:2rem;height:100%;display:flex;flex-direction:column;justify-content:center;}
.corp-list .corp-content .title{font-size:37px;font-family:"Skoda Black";}
.corp-list .corp-content .desc{font-size:21px;}
.corp-list .corp-content .desc p{font-size:15px;}

.corp-list.dif .corp-content .title{font-size:37px;font-family:"Skoda Black";}
.corp-list.dif .corp-content .desc{font-size:18px;}

.corp-list .corp-img{overflow:hidden;}
.corp-list .corp-img.r{border-top-left-radius:20px;border-bottom-left-radius:20px;}
.corp-list .corp-img.l{border-top-right-radius:20px;border-bottom-right-radius:20px;}

.corp-list .corp-content.r{border-top-right-radius:20px;border-bottom-right-radius:20px;}
.corp-list .corp-content.r .title{text-align:right;}
.corp-list .corp-content.r .desc{text-align:right;}
.corp-list .corp-content.l{border-top-left-radius:20px;border-bottom-left-radius:20px;}
.corp-list .corp-content.l .title{text-align:left;}
.corp-list .corp-content.l .desc{text-align:left;}

.green-notice{padding:5rem;background:#d5e5dd;border-radius:20px;}
.green-notice p{font-size:21px;}

.main-tabs .tabs{display:flex;justify-content:center;}
.main-tabs .tabs ul{display:flex;gap:2rem}
.main-tabs .tabs ul li a{position:relative;display:flex;font-size:21px;font-family:"Skoda Light";color:black;padding:0 .5rem;}
.main-tabs .tabs ul li a:after{position:absolute;bottom:-10px;height:3px;border-radius:3px;width:0;transition:width .5s, background .8s;content:'';left:0}
.main-tabs .tabs ul li.active a:after{background:#51ffa9;width:100%}
.main-tabs .tabs ul li:not(.active) a:hover:after{background:#51ffa950;width:100%}

.main-tabs .tab-contents .tab-content{position:absolute;top:0;width:100%;scale:.85;visibility:hidden;opacity:0;transition:opacity .35s, scale .35s;}
.main-tabs .tab-contents .tab-content.active{position:unset;opacity:1;scale:1;visibility:visible}

.eq-content h3{font-size:29px;font-family:"Skoda Black"}
.eq-content p{font-size:21px;}

.show-more{display:flex;justify-content:center;}
.show-more a{transition:background .25s, color .25s;display:inline-flex;background:#093128;color:white;font-size:21px;justify-content:center;padding:10px 25px;border-radius:30px;}
.show-more a:hover{background:#09312850;color:#093128}

.more-content{position:absolute;top:0;width:100%;scale:.85;opacity:0;transition:opacity .35s, scale .35s;}
.more-content.active{position:unset;opacity:1;scale:1;}

.colors{margin-top:100px;margin-bottom:100px}
.colors h2{text-align:center;font-size:40px;font-family:"Skoda Black";}

.colors .color-left{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.colors .color-left h5{font-size:29px;font-family:"Skoda Black";}
.colors .color-right{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.colors .color-changer{display:flex;gap:1rem;flex-direction:column;width:100%;}
.colors .color-changer.right{align-items:end}
.colors .color-changer h3{font-size:23px;}
.colors .color-changer ul{display:flex;gap:.75rem}
.colors .color-changer ul li a{display:block;width:40px;height:40px;border-radius:100%}
.colors .color-changer ul li.active a{outline:solid 3px #51ffa9}
.colors .color-changer ul li:not(.active) a:hover{outline:solid 3px #51ffa950}

.helping{margin-top:100px;margin-bottom:100px}
.helping h2{text-align:center;font-size:40px;font-family:"Skoda Black";}

.helping a{transition:scale .5s, border .15s;display:flex;flex-direction:column;text-align:center;align-items:center;box-sizing:border-box;justify-content:center;gap:1rem;padding:2rem;border-radius:20px;border:solid 2px #09312875;color:black;font-size:22px}

.flags-items{display:grid;gap:2rem}
.flags-items.t1{grid-template-columns:repeat(3, 1fr);}
.flags-items.t2{grid-template-columns:repeat(2, 1fr);}
.flags-items.t3{grid-template-columns:2fr 1fr;grid-template-rows:auto auto;}
.flag-item{position:relative;height:370px;border-radius:20px;overflow:hidden;display:grid;background-size:cover;}
.flag-item a{position:absolute;inset:0;}
.flag-item a .flag-title{transition:background 1.5s, height .3s, scale 1s;position:absolute;bottom:0;height:90px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;font-size:35px;color:white;font-family:"Skoda Bold";background:#093128}
.flag-item a:hover .flag-title{height:100%;scale:1.15;background:#09312899;}

#footer{background:#093128;padding:50px 0}
#footer .footer-left-contact a{align-items:center;display:inline-flex;border-radius:7px;padding:4px 8px;color:#7afdbc;font-size:17px;font-family:"Skoda Bold";gap:.75rem}
#footer .footer-left-contact a img{animation:phone 3s linear infinite}
#footer .footer-left-contact a:hover{background:#7afdbc10}
#footer .footer-media{display:flex;justify-content:end}
#footer .footer-media ul{display:flex;gap:1rem;align-items:center;}
#footer .footer-media ul li a{padding:4px;display:flex;border-radius:7px;}
#footer .footer-media ul li a:hover{background:#7afdbc10}

#footer .footer-middle{border-top:solid 2px #7afdbc35;border-bottom:solid 2px #7afdbc35;padding:10px 0}
#footer .footer-middle ul{justify-content:center;display:flex;gap:1rem;align-items:center;}
#footer .footer-middle ul li a{padding:4px 8px;border-radius:7px;color:White;font-family:"Skoda Light";font-size:15px;}
#footer .footer-middle ul li:first-child a{font-family:"Skoda Bold";}
#footer .footer-middle ul li a:hover{background:#7afdbc10}

#footer .footer-bottom .footer-menu .title{border-bottom:solid 2px #7afdbc35;padding-bottom:15px;color:#7afdbc;font-size:17px;font-family:"Skoda Bold";}
#footer .footer-bottom .footer-menu ul{display:flex;flex-direction:column;gap:.35rem}
#footer .footer-bottom .footer-menu ul li a{color:white;font-size:15px;font-family:"Skoda Light";}
#footer .footer-bottom .footer-menu ul li a:hover{text-decoration:underline;}

.mobile-menu{align-items:end;justify-content:end;position:relative;z-index:2;}
.mobile-menu-elements{transition:opacity .5s, scale .75s, transform .55s;transform:translateX(50%);opacity:0;scale:1.5;visibility:hidden;padding:2rem;width:100%;height:100%;inset:0;background:rgba(255,255,255,.95);backdrop-filter:blur(5px);z-index:6;position:fixed;}
.mobile-menu-elements.active{opacity:1;visibility:visible;scale:1;transform:translateX(0);}
.mobile-menu-elements ul{display:flex;flex-direction:column;gap:1.5rem}
.mobile-menu-elements ul ul{margin-top:1.5rem;padding-left:2.5rem}
.mobile-menu-elements ul li a{display:flex;width:100%;transition:padding-left .25s;font-size:21px;font-family:"Skoda Bold";color:black}
.mobile-menu-elements ul li a:hover, .mobile-menu-elements ul li a:active{padding-left:15px;}
.mobile-menu-close{position:relative;width:100%;right:0;}
.mobile-menu-close a{position:absolute;right:0;color:black;font-size:15px;top:0;display:flex;align-items:center;justify-content:end}

.modalor{transition:opacity .5s, scale .5s, transform .55s;transform:translateY(-30px);opacity:0;visibility:hidden;scale:.95;width:100%;height:100%;z-index:7;position:fixed;inset:0;background:rgba(255,255,255,.95);backdrop-filter:blur(5px)}
.modalor.active{opacity:1;visibility:visible;scale:1;transform:translateY(0);}
.modalor .content{height:100%;overflow:scroll}
.modalor .close-modalor{display:flex;align-items:center;justify-content:end;height:100px;}
.modalor .close-modalor a{display:flex;gap:.5rem;align-items:center;font-size:27px;color:black;}
.modalor .content-middle{height:450px}

.modalor .content-middle .modalor-img{width:100%;height:100%;overflow:hidden;position:relative;}
.modalor .content-middle .modalor-img img{width:100%;height:100%;object-fit:cover;object-position:center;}
.modalor .content-white{display:flex;flex-direction:column;gap:2rem;wdith:100%;padding-bottom:3rem}
.modalor .white-top h3{font-size:19px;font-family:"Skoda Bold";color:#444;}
.modalor .white-top h2{font-size:45px;font-family:"Skoda Black"}

.modalor.active .content-tabs .content-tab{opacity:0;visibility:hidden;position:absolute;}
.modalor.active .content-tabs .content-tab.active{opacity:1;visibility:visible;position:unset;}

.modalor-buttons{position:absolute;left:0;bottom:2rem;right:0;width:100%;display:flex;align-items:center;justify-content:center;z-index:3;}
.modalor-buttons ul{display:flex;gap:1rem;align-items:Center;}
.modalor-buttons ul li a{display:flex;background:rgba(255,255,255,.65);transition:background .75s, box-shadow 1s, scale .5s;border-radius:100%;width:12px;height:12px;}

@keyframes phone{
	10%{transform:rotate(-7deg)}
	15%{transform:rotate(7deg)}
	20%{transform:rotate(-5deg)}
	25%{transform:rotate(5deg)}
	30%{transform:rotate(-3deg)}
	35%{transform:rotate(3deg)}
	40%{transform:rotate(-1deg)}
	55%{transform:rotate(1deg)}
	60%{transform:rotate(0deg)}
}

@media(max-width: 1399px){
	.slider-container{max-width: 1140px;padding: 0 8px;}
}

@media(max-width: 768px){
	.slider-container{max-width: 540px;padding: 0!important;margin:unset;}
	.slider-main .slider-content{max-width:unset;width:100%;text-align:center;justify-content:center;align-items:center;}
	.slider-main .slider-content .slider-title{font-size:24px;color:white;font-family:"Skoda Black"}
	.slider-main .slider-content .slider-description{font-size:17px;color:white;line-height:27px}
	.footer-media{justify-content:center!important}
	#footer .footer-left-contact a{width:100%;justify-content:center!important;margin-bottom:15px;}
	.flag-item{height:290px !important}
	.header-logo{top:5px;position:relative;display:flex;}
	.flag-title{font-size:25px!important}

	#models .skoda-model-item .model-title-dis .name, #models .skoda-model-item .model-title .name{font-size:27px;}
	#models .skoda-model-item .model-title-dis .desc, #models .skoda-model-item .model-title .desc{font-size:20px;}
	#models .skoda-model-item .model-title-dis{padding-right:0 !important;align-items:center;text-align:center;}
	#models .skoda-model-item .model-title{padding:0 !important;}
	#models .model-table{font-size:16px !important;}
	.title h2{font-size:34px !important}
	#models .models-items .model-item{padding:1.7rem}
	#models .models-items .model-item .model-name{font-size:19px;font-family:"Skoda Bold"}

	.corp-list .corp-img.l{border-radius:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
	.corp-list .corp-img.r{border-radius:0;border-top-left-radius:20px;border-top-right-radius:20px;}
	.corp-list .corp-content.l{border-radius:0;border-top-right-radius:20px;border-top-left-radius:20px;}
	.corp-list .corp-content.r{border-radius:0;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}
	.corp-content .title{font-size:27px!important}
	.corp-content .desc{font-size:17px!important}

	.ord-top .detail-title .title{font-size:27px !important}
	.ord-top .detail-title .desc{font-size:19px !important}

	.campaign{height:370px!important}
	.campaign .campaign-content{clip-path:unset!important;position:unset!important;max-width:100%!important;padding:2rem!important}
	.campaign img{border-bottom-left-radius:20px!important;border-bottom-right-radius:20px!important}
	.campaign .campaign-content .title{font-size:23px!important;line-height:23px;}
	.campaign .campaign-content .desc{font-size:17px!important;line-height:23px;}

	.viewer-main .viewer-title{font-size:27px}

	.features h2, .equipments h2, .helping h2{font-size:27px;}
	.features.f2 .feature-title{font-size:15px!important;}
	.helping a{font-size:15px}

	.main-tabs .tabs li a{font-size:15px!important;}

	.tab-content img{border-radius:20px;}
	.eq-content h3{font-size:21px;}
	.eq-content p{font-size:17px;}
	.colors .color-changer ul li a{width:27px;height:27px}
	.colors .color-changer{align-items:center!important}

	.main-color{padding:2rem 0}
	.main-color:nth-child(odd){background:#f5f5f5;}
	.features .feature{height:240px}

	.onecikan .feature-title{font-size:17px !important;padding:1rem!important}
	.cozum .feature-title{font-size:15px !important;padding:1rem!important}
}

@media(max-width: 992px){
	#models .models-items .model-item{flex:2;}
	.flags-items{display:flex;flex-direction:column}
	#models .skoda-model-item .model-title-dis{padding-right:0;align-items:center}
	#models .model-table{font-size:18px;}
	#models .skoda-model-item .model-title{padding-right:0;align-items:center}
	.corp-list .corp-img.l{border-radius:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
	.corp-list .corp-img.r{border-radius:0;border-top-left-radius:20px;border-top-right-radius:20px;}
	.corp-list .corp-content.l{border-radius:0;border-top-right-radius:20px;border-top-left-radius:20px;}
	.corp-list .corp-content.r{border-radius:0;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}
	.corp-content .title{font-size:27px!important}
	.corp-content .desc{font-size:17px!important}
}

@media (min-width: 729px) and (max-width: 991.98px){
	.slider-main .slider-content{max-width:unset;width:100%;text-align:center;justify-content:center;align-items:center;}
	.slider-main .slider-content .slider-title{font-size:40px;color:white;font-family:"Skoda Black"}
	.slider-main .slider-content .slider-description{font-size:24px;color:white;line-height:34px}
	.slider-container{max-width: 720px;padding: 0!important;margin:unset;}
}

@media (min-width: 992px) and (max-width: 1199px){
	#models .skoda-model-item .model-title{padding:0}
}

@media(max-width: 1199.98px){
	.header-top .header-menu > ul{gap:.5rem}
	.header-top .header-menu > ul li a{font-size:14px;}
	.slider-container{max-width: 960px;padding: 0 8px;}
}

@media (min-width: 1199.98px) and (max-width: 1400px) {
	.header-top .header-menu > ul{gap:.75rem}
	.header-top .header-menu > ul li a{font-size:15px;}
}

.seo-more .seo-body{height:200px;position:relative;overflow:hidden}
.seo-more .seo-body.active{height:auto;overflow:auto}
.seo-more .seo-body:after{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 84px;background: linear-gradient(180deg,rgb(0 0 0 / .0001) 0%,#fff 100%);}
.seo-more .seo-body.active:after{content:unset;}

.seo-more .buttons{display:flex;align-items:center;justify-content:center;text-align:center;}
.seo-more .buttons a{opacity:0;scale:0;visibility:hidden;position:absolute;font-size:17px;font-weight:700;padding:1rem;color:black;gap:.5rem;display:flex;align-items:center;}
.seo-more .buttons a.active{opacity:1;scale:1;visibility:visible;position:unset;}