@charset "UTF-8";
@import "../../../external.html?link=https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,700,700i,800&subset=cyrillic";

@font-face {
    font-family: 'Gagalin';
    src: url(../fonts/Gagalin-Regular.eot) format("embedded-opentype"),
        url(../fonts/Gagalin-Regular.otf) format("opentype"),
        url(../fonts/Gagalin-Regular.woff) format("woff"),
        url(../fonts/Gagalin-Regular.ttf) format("truetype"),
        url(../fonts/Gagalin-Regular.svg) format("svg");
    font-style: normal;
    font-display: swap;
}

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; max-height:99999px; }
html { overflow-y:scroll; margin:0; padding:0; }
body { background-color:#fff; color: #696969; font-family:"Open Sans",Arial,Helvetica,sans-serif; font-size: 16px; margin:0; padding:0 !important; }
header{ margin-top: 20px;}
h1 { color:#636E75; margin-top:0; margin-bottom:20px; font-size:32px; text-shadow:0 0 1px rgba(0,0,0,.01); text-align:center; }
h2 { color:#000; font-size:16px; margin-top:0; margin-bottom:5px; }
p { margin-top:0; margin-bottom:10px; }
form { padding:0; margin:0; display:inline; }
input[ type='text'] { background:#F8F8F8; border:1px solid #CCC; padding:3px; margin-left:0; margin-right:0; }
select { background:#F8F8F8; border:1px solid #CCC; padding:2px; }
#container { text-align:left; max-width:1920px; margin:0 auto; box-shadow:0 0 20px #ccc; }
#container:after { content:""; clear:both; display:block; }
#content { min-height:400px; display:block; width:100%; float:left; }
.head_bg {  }
.text_logo { font-family:'Open Sans Condensed',sans-serif; font-weight:700; font-size:20px; text-transform:uppercase; }
.text_logo span { color:#ff6802; }
.text_logo p { font-weight:300; font-size:18px; text-transform:none; }
div#logo { float:left; display:inline-block; margin-top:8px; }
.logo img { margin: 0 auto; margin-top:8px; }
.header { margin-top:12px; }
.telefon { font-size:28px; font-weight:400; color:#000; line-height:1.2; text-align:right; top:16px; position:relative; }
.timer_bg { background:url(../img/funkc2.jpg) center 0 no-repeat; }
.taimer { position: relative; padding-top:49px; display:block; width:100%; margin:0 auto; }
.heading { color:#2496b1; font-size:48px; font-family:'Gagalin',sans-serif; margin-top: 30px; margin-bottom: 30px; }
.heading strong{ color: #ff6802; }
ul.kvit { list-style:none; width:72%; display:block; text-align:center; line-height:38px; margin:0 auto; }
ul.kvit li { font-size:18px; font-weight:300; color:#000; padding:0; margin:0; }
ul.kvit li:before { content:""; background:url(../img/kvit.png) no-repeat; position:relative; display:inline-block; height:16px; width:17px; margin-right:7px; top:1px; }
.kviton:before { content:""; background:url(../img/kvit.png) no-repeat; position:relative; display:inline-block; height:16px; width:17px; margin-right:7px; top:1px; }
.kviton{ font-size: 20px; line-height: 30px; font-family: 'Gagalin',sans-serif; }
.kviton span{ color: #ff6802;}
.catch .kviton { color: #fff;}
.catch .kviton span{ color:#a1e2f1; }

#tel
{
   text-decoration: none;
   color: dodgerblue;
}

.kviton-2 { font-size: 18px; line-height: 24px; font-family: 'Gagalin',sans-serif; }
.kviton-2:before { content:""; background:url(../img/kvit-2.png) no-repeat; position:relative; display:inline-block; height:19px; width:18px; margin-right:7px; top:1px; }

.cod_timer { font-size:30px; font-weight:300; margin-left:90px; margin-top:92px; text-align:center; width:50%; }
.cod_timer span { font-weight:800; }
.cod_timer strong { font-size:48px; color:#ff6802; font-weight:800; }
.otlichie_bg { background:#fff; height:570px; }
.otlich { margin-top:39px; }
.otlich .heading_otl { font-size:36px; color:#000; text-align:center; padding-bottom:10px; font-family:'Gagalin',sans-serif; }
.otlich .heading_otl strong { color:#ff6802; font-size:36px; }
.otlich span { display:block; text-align:center; font-size:24px; font-style:italic; font-weight:300; color:#2496b1; }
.block_otl { text-align:center; }
.block_otl img { display:block; margin:0 auto; margin-top:30px; margin-bottom:30px; }
.block_otl span { display:block; font-weight:600; font-size:16px; color:#000; margin-bottom:12px; }
.block_otl div { font-size:12px; font-weight:400; width:220px; margin:0 auto; line-height:19px; }
.mestoe_bg { background:url(../img/mesto.jpg) no-repeat; background-position:center; width:100%; height:729px; }
.devochka { position:relative; top:43px; }
img.stel { position:relative; top:210px; display:block; left:70px; }

a.knopka { background:url(../img/knopka.png) no-repeat; display:block; position:relative; top:307px; margin:0 auto; width:399px; height:93px; padding-top:6px; text-decoration:none; font-size:22px; color:#ca8c03; font-weight:700; text-transform:uppercase; line-height:1.2; text-align:center; text-shadow:0 1px 1px rgba(255,249,208,0.75); font-family:'Gagalin',sans-serif; }
a.knopka span { text-align:center; font-size:24px; color:#000; text-transform:none; display:block; line-height:33px; font-weight:300; text-shadow:none; }
.action{ padding-top: 0; padding-bottom: 20px; }
.action table{ font-size: 13px; }
.action th,
.action td{ padding: 6px; }
.action .color-circle { width: 24px;height: 24px; border-radius: 50%; margin-right: 4px; display: inline-block; float:left }
.action .loz{ margin-top: 10px; margin-bottom: 4px; }
.difference{
    background-color:#f4f9ff;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #000000;
}
.difference td{ padding: 8px 10px; font-size: 14px; }
.difference th{ padding: 8px 10px; font-size: 14px; }
.difference h5{ font-size: 20px; line-height: 24px; font-family: 'Gagalin',sans-serif; margin-top: 10px; color: #ff6802; }
.promote{ padding-bottom: 30px;}
.promo{ font-size: 16px; line-height: 18px; text-align: justify; padding-bottom: 30px;}
.promo2{ background-color: #2496b1; padding: 8px 20px;}
.logisty{ padding-bottom: 20px; padding-top: 20px;}
.knopka2 { background:url(../img/knopka2.png) no-repeat; display:block; margin:0 auto; width:328px; height:64px;
    padding-top:0; text-decoration:none; font-size:20px; color:#ca8c03; font-weight:700; text-transform:uppercase; line-height:1.2; text-align:center; text-shadow:0 1px 1px rgba(255,249,208,0.75); font-family:'Gagalin',sans-serif;
    border: 0; cursor: pointer;
}
.knopka:hover { background:url(../img/knopka2_hover.png) no-repeat; }
.knopka2 span { text-align:center; font-size:20px; color:#000; text-transform:none; display:block; line-height:30px; font-weight:300; text-shadow:none; }

.devochka img { left:-46px; position:relative; }
.strelka { display:inline-block; padding:0; margin:0; }
.telefon { position:relative; top:95px; right:24px; }
.hed_online { color:#fff; text-align:center; font-size:60px; font-family:'Gagalin',sans-serif; margin-top:-9px; }
.hed_online span { display:block; color:#82e4fe; font-size:30px; font-style:italic; font-weight:300; line-height:29px; }

.box-heading { font-size:36px; text-align:center; font-family:'Gagalin',sans-serif; line-height:53px; padding-top:20px; margin-bottom:20px; }
.box-heading span { font-size:24px; font-style:italic; font-weight:300; display:block; color:#2496b1; }
.box-heading strong { color:#ff6802; }
.thanku { background-color:#f4f9ff; background-position:center; min-height: 360px; }

.funkc  { background-color: #fff; height:auto; }

.func .description p{ color: dimgray; font-size: 14px; line-height: 16px; text-align: justify; font-weight: normal; }
.marginbottom5 { margin-bottom:5px; margin-left:105px; font-size:24px; color:#000; font-weight:600; }
.blog-image { float:left; margin-right:5px; margin-bottom:2px; margin-top:-37px; padding-bottom:29px; }
.kakzakaz_bg { background:url(../img/kakzakaz_bg.jpg) no-repeat; background-position:center; width:100%; height:471px; }
.kakzakaz_bg2 { background:url(../img/kakzakaz_bg.jpg) no-repeat; background-position:center; width:100%; height:100%; }

section#fq {
    height: auto;
    background-size: cover;
}
.heding_kak { font-size:36px; text-align:center; color:#fff; font-family:'Gagalin',sans-serif; }
.heding_kak strong { color:#ff6802; }
.heding_kak i{ font-size:24px; font-style:italic; font-weight:300; display:block; color:#a1e2f1; padding-top:8px; padding-bottom:36px; }
.kakzakaz { padding-top:40px; text-align:center; padding-bottom:40px; }
.str_a { position:relative; top:29px; }
.bl_z { text-align:center; }
.bl_z img { display:block; margin:0 auto; margin-bottom:12px; min-height:87px; }
.bl_z span { display:block; font-size:18px; color:#fff; font-weight:600; width:183px; }
.bl_z strong { font-size:14px; color:#fff; font-weight:400; padding-top:9px; display:block; width:117%; }
.rew_bg { background:url(../img/rev-bg-5.jpg) no-repeat; background-position:center; width:100%; height:691px; }
.rewis { position:relative; top:100px; left:27px; width:60%; }
.rewis img { float:left; margin-right:25px; border-radius:50%; overflow:hidden; margin-top:30px; margin-bottom:41px; }
.description p{ line-height:26px; color: whitesmoke; font-weight: 600;}
.name { font-size:18px; line-height:20px; margin-top: 8px; margin-bottom: 8px; text-align: center}
.desk { font-size:18px; font-style:italic; }
.city { font-size:20px; text-align: center; }
.car-item { margin-top: 90px; }
.car-item .image{ margin: 0 auto; width: 146px; }
.rew-box-heading { font-size:36px; color:#fff; text-align:center; font-family:'Gagalin',sans-serif; position:relative; top:34px; }
.rew-box-heading strong { color:#ff6802; }
.rew-box-heading span { font-size:24px; font-style:italic; font-weight:300; display:block; color:#fff; padding-top:17px; }
.sim { width:707px; padding:0; margin:0; float:right; margin-top:61px; left:48%; overflow:auto; position:absolute; }
.sim img { max-width:100%; float:left; }
.marginbottom6 { margin-bottom:5px; margin-left:95px; font-size:24px; color:#000; font-weight:600; }
.blog-images { float:left; margin-right:27px; margin-bottom:28px; margin-top:-38px; }
.prem { background:url(../img/funkc.jpg) no-repeat; background-position:center; width:100%; height:auto; padding-bottom: 10px; }

.media-body p{ text-align: justify; font-size: 14px; line-height: 16px}
.media { margin-bottom: 8px; }
.media-body h5{ font-size: 14px; font-weight: bold;}

.youtube-heading { font-size:36px; text-align:center; font-family:'Gagalin',sans-serif; line-height:53px; padding-top:44px; margin-bottom:32px; }
.youtube-heading strong { color:#ff6802; }
.youtube-heading span { font-size:24px; font-style:italic; font-weight:300; display:block; color:#2496b1; }
.youtube_bg { margin:0 auto; float:none; background-color: #00838f; width:887px; height:524px; z-index:9999; position:relative; }
.youtube_bg .after {position: absolute;content:"";cursor: pointer;width: 125px;height: 20px;/* background: #fff; */left: 380px;bottom: 20px;}
.youtube { margin:0 auto; float:none; width:706px; height:427px; top:30px; }
.youtube iframe { width:100%; height:100%; }
.video_bg { height:580px; }
.catch { background:url(../img/spec.jpg) no-repeat; background-position:center; width:100%; height:auto; padding-bottom: 20px; }
.catch .desc{
    font-size: 20px;
    margin-bottom: 20px;
}
.first .desc{
    font-weight: bold;
}
.modal-content{
    margin-top: 10px;
    margin-bottom: 20px;
    border: solid 4px #ff6802;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.modal-content h6{
    font-family: "medium", sans-serif;
    font-size: 24px;
}
.modal-content h5{
    font-size: 18px;
    line-height: 24px;
    color: #696969;
}
.spec { width:100%; position:relative; text-align:center; top:175px; }
.shead { font-family:'Gagalin',sans-serif; font-size:36px; color:#fff; text-transform:uppercase; padding-bottom:14px; }
.kupi { float:right; position:relative; top:78px; text-align:center; }
.subm{
    margin: 0 auto; text-shadow:-.485px -.875px 0 rgba(194,79,1,0.004); color:#fff; text-decoration:none; text-transform:uppercase; font-size:30px; font-family:'Gagalin',sans-serif; background:url(../img/knp_tim.png) no-repeat; width:227px; height:78px; display:block; text-align:center;
    padding-top: 0;
    border: none;
    cursor: pointer;
}
.subm:hover{ background-position:0 -76px; }
a.time_knp { margin: 0 auto; text-shadow:-.485px -.875px 0 rgba(194,79,1,0.004); color:#fff; text-decoration:none; text-transform:uppercase; font-size:30px; font-family:'Gagalin',sans-serif; background:url(../img/knp_tim.png) no-repeat; width:227px; height:78px; display:block; text-align:center; padding-top:13px; }
a.time_knp:hover { background-position:0 -76px; }
.time_mg { position:absolute; margin-top:425px; }
.countdown_dashboard { height:88px; width: 251px; margin: 0 auto; }
.dash { width:73px; height:60px;  float:left; margin-right: 4px; position:relative; border-radius:5px; }
.dash .digit { font-size:45px; font-weight:700; float:left; text-align:center; position:relative; line-height:1.2; font-family:'Gagalin',sans-serif; width:100%; }
.back-1 { background:#2496b1; color: #f5fafd }
.back-2 { background:#f5fafd; color: #2496b1;}
.timer { width:280px; margin: 0 auto;}
.tim_cart { width:280px; margin: 0 auto; }
.dash_title { position:absolute; display:block; bottom:0; font-size:12px; color:#555; top:62px; text-align:center; font-weight:400; width:73px; }
input[type="text"],select { border:2px solid #bdbdbd; height:45px; line-height:56px; width:100%; padding: 0 15px; font-size:20px; margin-bottom:5px; }
form * { outline:none; }
form input[type="submit"] { width:84%; background:#f13650; height:80px; line-height:80px; border-radius:40px; color:#fff; font-size:20px; letter-spacing:1px; font-weight:700; margin-top:0; }
.errField { display:none; font-size:14px; background:red; color:#fff; text-align:center; padding:10px; margin-bottom:6px; }
.color_bg { padding:50px 0 0; }
.color_bg img { width:20%; float:left; display:inline-block; }
.footer { font-size:12px; padding:20px 0; color: dimgray; }

.watches{
    margin-top: 10px;
    margin-bottom: 30px;
}
.loz{
    margin-top: 0;
    margin-bottom: 40px;
}
.phone{
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 8px;
}
.phone2{
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 8px;
}
.button-phone{
    border-radius: 4px;
    border-color: #2c92af;
    border-width: 1px;
    cursor: pointer;
    background-color: white;
    margin-bottom: 8px;
    color: #696969;
    padding: 6px 8px;
}
.button-phone:hover{
    background-color: #2c92af;
    color: white;
}
.show-off{
    font-size: 20px;
    line-height: 20px;
}
.show-on{
    font-size: 20px;
    line-height: 20px;
}
a{
    color: #dc3545;
    text-decoration: none;
}
a:hover{
    color: #dc3545;
    text-decoration: underline;
}

.work{
    font-size: 14px;
    line-height: 16px;
}
.price {
    width:100%;
    margin: 10px auto;
    font-size: 24px;
    text-align: center;
}
.price p{
    margin: 0;
}
.price .old{
    text-decoration: line-through;
    color: dimgray;
}
.price .new{
    color: #ff6802;
    font-weight: 600;
}
.catch .price{
    color: #fff;
}
@media screen and (max-width: 1360px) {
	.sim { display:none; }
	.rewis { width:940px; }
	.youtube_bg .after { display: none; }
}
@media (max-width: 1180px) {
	ul.kvit { width:100%; }
	.timer_bg { -webkit-background-size:2411px; background-size:2411px; background-position:58% 0; }
	.block_otl div { width:auto; }
	.otlichie_bg { height:auto; bottom:20px; }
	.mestoe_bg { overflow:hidden; height:auto; padding-bottom:20px; }
	.hed_online { font-size:50px; }
	.funkc { height:auto; padding-bottom:20px;  }
	.marginbottom5 { font-size:21px; }
	.blog-image { padding-bottom:120px; }
	.bl_z span { width:auto; }
	.bl_z strong { width:auto; }
	.kakzakaz_bg { height:auto; background:#2c92af; }
	.rewis { width:750px; }
	.blog-images { margin-bottom:72px; }
	.prem { height:auto; padding-bottom:20px; background:#f5fafd; }
	.youtube_bg { width:800px; -webkit-background-size:800px; background-size:800px; }
	.rew_bg { background-position:41% center; }
	.youtube { width:636px; height:382px; }
}
@media (max-width: 860px) {
    .text_logo { font-size:20px; }
	.timer_bg { background:#e2f1fa; height:auto; padding-bottom:20px; }
	.cod_timer { margin:10px auto; font-size:25px; }
	.tim_cart { text-align:center; }
	.taimer { float:none; width:auto; overflow:hidden; text-align:center; position:static; display:block; margin:10px auto; }
	.countdown_dashboard { position:static; }
	.dash { display:inline-block; float:none; vertical-align:top; }
	.time_mg { position:static; max-width:243px; text-align:center; display:block; margin:10px auto; }
	a.time_knp { display:inline-block; width:227px; padding:12px auto 0; float:none; }
	.otlich { text-align:center; }
	.hed_online { font-size:30px; }
	.hed_online span { font-size:17px; }
	img.stel { top:267px; display:block; left:-9px; }
	.devochka img { left:-97px; }
	a.knopka { z-index:9; left:-23px; }
	.blog-image { padding-bottom:99px; }
	.rew_bg { background: darkseagreen; height:auto; padding-bottom:70px; }
	.rewis { width:500px; top:50px; }
	.blog-images { margin-bottom:30px; }
	.youtube_bg { width:500px; -webkit-background-size:500px; background-size:500px; }
	.youtube { width:412px; height:236px; }
	.kupi { float:none; top:20px; width:auto!important; }
	.spec { position:static; }
	.kupi:after { content:""; position:absolute; width:195px; height:314px; top:264px; left:50%; margin-left:-97.5px; background:url(../img/time_img.png) no-repeat center; -webkit-background-size:195px; background-size:195px; }
    .heading { font-size:30px; margin-bottom: 10px;}
    .loz { margin-bottom: 4px; }
    .kviton{ font-size: 14px; font-family:'Open Sans Condensed',sans-serif; font-weight: 600; }
}
@media (max-width: 580px) {
	.container1 { width:320px; }
	.text_logo { font-size:20px; }
	.timer { padding-top:28px; }
	ul.kvit { padding-left:0; }
	ul.kvit:after { content:""; clear:both; display:table; }
	ul.kvit li { font-size:15px; }
	.cod_timer { width:auto; font-size:31px; }
	.otlich span { font-size:21px; }
	.telefon { display:none; }
	a.knopka { width:300px; font-size:18px; left:-100px; top:390px; -webkit-background-size:300px; background-size:300px; }
	a.knopka span { font-size:20px; line-height:25px; }
	.box-heading { padding:20px 10px 0; font-size:26px; line-height:1.25; }
	.box-heading span { font-size:16px; }
	.marginbottom5 { margin:10px auto; }
	.blog-image { text-align:center; float:none; margin:5px auto; padding-bottom:0; }
	.heding_kak { font-size:26px; }
	.heding_kak span { font-size:16px; }
	.rewis img { float:none; display:block; margin:10px auto; }
	.rewis { width:280px; }
	.rew-box-heading { font-size:26px; line-height:1.25; }
	.rew-box-heading span { font-size:16px; line-height:1.25; }
	.rew-box-heading strong { display:block; }
	.marginbottom6 { margin:10px auto; }
	.blog-images { float:none; margin:10px auto; text-align:center; }
	.youtube { width:264px; height:153px; top:4px; }
	.youtube_bg { -webkit-background-size:300px; width:300px; background-size:300px; }
	.youtube-heading { font-size:26px; }
	.youtube-heading span { font-size:16px; }
	.youtube-heading strong { display:block; }
	.youtube-heading { line-height:1.25; }
	.video_bg { height:385px; }
	.youtube_bg { height:256px; }
	.nameis { margin-left:0; text-align:right; }
	.otlich .heading_otl { font-size: 30px; }
    .heading { font-size:30px; margin-bottom: 10px;}
    .loz { margin-bottom: 4px; }
    .kviton{ font-size: 14px;  }
    .mestoe_bg { background:url(../img/mesto2.jpg) no-repeat; background-position:center; width:100%; height:729px; }
    .catch{ background:#2c92af; height:auto; padding-bottom:20px; }
    .catch .modal-content{ margin-top: 10px;}

}
.copyr{
    font-size: 12px;
    margin-top: 5px;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
#block_15_new .asked-questions {
    max-width: 720px;
    margin: 20px auto;
}

#block_15_new .panel-default>.panel-heading {
    background-image: none;
}

#block_15_new .panel-heading {
    border-radius: 0;
}

#block_15_new .panel-heading .panel-title {
    font-size: 18px;
    color: #000;
    margin: 0;
    font-weight: 300;
}

#block_15_new .panel-heading .panel-title a {
    /* font-family: Square; */
    color: #000;
    background: none;
    font-weight: 300;
    line-height: 18px;
}

#block_15_new .panel-heading .panel-title a:hover
{
    text-decoration: none;
     font-weight: 300;
}
.panel-body {
    padding: 15px;
}
#block_15_new .panel-heading .panel-title .caret {
    margin-right: 10px;
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

#block_15_new .panel {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    margin-bottom: 20px;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f1f5fe;
    border-color: #ddd;
    padding: 8px 10px;
}
#block_15_new .panel-body {
    /* font-family: Square; */
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
}#block_15_new .panel-heading .panel-title a:hover, #block_15_new .panel-heading .panel-title a:focus {
    text-decoration: none;
    /* font-weight: 600; */
}#block_15_new .panel-heading .panel-title .caret {
    margin-right: 10px;
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
ul.verticalmenu {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    position: fixed;
    left: -80px;
    bottom: 100px;    z-index: 6;
}
ul.verticalmenu li {
    display: inline;
    margin-left: 10px;
}
ul.verticalmenu li a {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 10px 10px 10px;
    background: #ff6d00;
    text-decoration: none;
    text-shadow: 2px 2px 3px #222;
}
ul.verticalmenu li.active a{background: rgb(38, 79, 88);}
ul.verticalmenu li a:hover{text-decoration: none;}
@media (max-width: 860px) {ul.verticalmenu { -webkit-transform: none; -moz-transform: none;position: fixed;left: 14%;bottom:0px; z-index: 6;}}

/*Слайдер*/
.carousel {
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 300px; /* Высота слайдера */
}

.item {
  min-width: 100%;
  transition: transform 0.5s ease;
}

.carousel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes slide {
  0% { transform: translateX(0); }
  11% { transform: translateX(0); }
  22% { transform: translateX(-100%); }
  33% { transform: translateX(-100%); }
  44% { transform: translateX(-200%); }
  55% { transform: translateX(-200%); }
  66% { transform: translateX(-300%); }
  77% { transform: translateX(-300%); }
  88% { transform: translateX(-400%); }
  100% { transform: translateX(-400%); }
}

.carousel {
  animation: slide 30s infinite;
}