html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

body, html { height: 100%; }

img, fieldset, a img { border: none; }

input[type="submit"], button { cursor: pointer; }
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }

textarea { overflow: auto; }

input, button { margin: 0; padding: 0; border: 0; }

div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }

ul, ol { list-style-type: none; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { * { -webkit-text-size-adjust: none; } }
table { border-spacing: 0; border-collapse: collapse; width: 100%; }

@font-face {
  font-family: osR;
  src: url("../fonts/OpenSansRegular.eot");
  src: url("../fonts/OpenSansRegular.eot?#iefix") format("embedded-opentype"),
  url("../fonts/OpenSansRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: osEB;
  src: url("../fonts/OpenSansExtraBold.eot");
  src: url("../fonts/OpenSansExtraBold.eot?#iefix") format("embedded-opentype"),
  url("../fonts/OpenSansExtraBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body { font-size: 12px; line-height: 1.4; background: #fcfaf1; font-family: "osR", Arial, sans-serif; }

.out { width: 100%; max-width: 1350px; min-width: 360px; margin: 0 auto; }

.screen { margin-top: 50px; padding-top: 20px; clear: both; }

.screen__title { text-align: center; color: #343434; font-size: 21px; text-transform: uppercase; margin-bottom: 40px; font-family: "osEB", Arial, sans-serif; }

.title-w { font-size: 21px; color: #fcfaf1; text-align: center; text-transform: uppercase; font-family: "osEB", Arial, sans-serif; margin-bottom: 15px; }
.title-w .meta { font-family: "osR", Arial, sans-serif; line-height: 1; text-transform: none; }

.header { border-bottom: solid 4px black; min-height: 98px; padding-top: 5px; line-height: 1; background: url("../img/header-image.jpg"); font-size: 25px; font-family: "osEB", Arial, sans-serif; }


.header .header__info .gruz:before { content:''; background:url('../img/icons/icon4.png') no-repeat; background-size: 100%; width: 50px; height: 50px; display: block; position: absolute; left: -10%; bottom: 53%; }
.header .header__info .evacuation:before { content:''; background:url('../img/icons/icon6.png') no-repeat; background-size: 100%; width: 60px; height: 60px; display: block; position: absolute; left: -12%; bottom: 0 }


@media screen and (min-width: 1450px) { .header .container { width: 100%; } }
.header .container { max-width: 1350px; }
.header .header__row { display: flex; justify-content: space-between; margin-bottom: 5px; }
.header .header__telephone { display: flex; flex-direction: column; justify-content: space-around; }
.header .header__telephone div { display: inline-block; }
.header .header__telephone a { color: #343434; text-decoration: none; position: relative; padding-left: 40px; }
.header .header__telephone a:hover { text-decoration: underline; }
.header .header__telephone .icon-velcom { background: url('../img/velcom.png') no-repeat; background-size: 100%; width: 33px; height: 33px; display: block; position: absolute; left: 0px; top: 0px; }
.header .header__telephone .icon-mts { background: url('../img/mts.png') no-repeat; background-size: 100%; width: 33px; height: 33px; display: block; position: absolute; left: 0px; top: 0px; }

.header .header__info { display: flex; flex-direction: column; justify-content: space-around; }
.header .header__info p { color: black; font-family: "Trebuchet MS", sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 40px; text-shadow: #343434 0 0 2px; }
.header .header__info #callback { font-family: "osR", Arial, sans-serif; text-align: center; border: solid 2px red; border-radius: 15px; padding: 8px; width: 70%;}

.header .header__vertical-line p { display: block; width: 4px; height: 100%; background: #000; margin: 0, 0, 0, 0 auto; }
#callback a { text-decoration: none; color: red; }
#callback:hover { text-decoration: none; background-color: white; }

.header .header__feedback { display: flex; flex-direction: column; justify-content: space-around; }
.header .header__feedback a { position: relative; margin-top: -50px; }
.header .header__feedback .icon-vk:hover { border-radius: 8px; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1) }
.header .header__feedback .icon-instagram:hover { border-radius: 10px; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1) }
.header .header__feedback .icon-vk { background: url('../img/vk.png') no-repeat; background-size: 100%; width: 50px; height: 50px; display: block; position: absolute; }
.header .header__feedback .icon-instagram { background: url('../img/instagram.png') no-repeat; background-size: 100%; width: 50px; height: 50px; display: block; position: absolute; }

@media screen and (max-width: 1199px) {
  .header .header__row { justify-content: space-evenly; }
  .header .header__info p { font-size: 24px; }
  .header .header__info .gruz:before { width: 40px; height: 40px; bottom: 59%;}
  .header .header__info .evacuation:before { width: 49px; height: 49px; bottom: 4%; }

}
@media screen and (max-width: 991px) {
  .header, .header .header__info p { font-size: 18px; }
  .header .header__telephone .icon-mts { width: 28px; height: 28px; }
  .header .container { width: 100%;  }
  .header .header__info .gruz:before { width: 30px; height: 30px; bottom: 65%;}
  .header .header__info .evacuation:before { width: 42px; height: 42px; bottom: 10%; margin-left: -2%; }
  .header .header__vertical-line { padding-right: 10%;  }
}
@media screen and (max-width: 810px) {
  .header .container { padding-bottom: 8px; }
  .header .header__row { justify-content: space-around; margin-bottom: 10px; }
  .header .header__info { display: none; }
}
@media screen and (max-width: 560px) { .header .header__telephone { margin-top: 0; } .header .header__logo { margin-left: 10px; }.header .header__feedback { display: none; } .header .header__row{ display: block; text-align: center; } .header .tel { padding-top: 15px; } }

.carousel-block h2 { margin-top: -50px; margin-left: -40px; line-height: 1.1; font-size: 43.5px; text-shadow: #343434 0 0 15px; font-family: "osEB", Arial, sans-serif; color: #fcfaf1; text-transform: uppercase; }
@media screen and (max-width: 991px) { .carousel-block h2 { font-size: 30px; margin: 0 auto; } }
@media screen and (max-width: 767px) { .carousel-block h2 { font-size: 24px; } }
@media screen and (max-width: 480px) { .carousel-block h2 { font-size: 18px; } }

.carousel-block h1 { margin-top: -50px; margin-left: -40px; line-height: 1.1; font-size: 43.5px; text-shadow: #343434 0 0 15px; font-family: "osEB", Arial, sans-serif; color: #fcfaf1; text-transform: uppercase; }
@media screen and (max-width: 991px) { .carousel-block h1 { font-size: 30px; margin: 0 auto; } }
@media screen and (max-width: 767px) { .carousel-block h1 { font-size: 24px; } }
@media screen and (max-width: 480px) { .carousel-block h1 { font-size: 18px; } }

/* carousel fullscreen */

.carousel-block { position: relative; }
.carousel-block .hero__ribbon { position: absolute; z-index: 1; width: 100%; bottom: -60px; left: 0; }

.carousel-fullscreen .carousel-inner .item { height: 500px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.carousel-fullscreen .carousel-caption { top: 50%; bottom: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.overlay { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.3; transition: all 0.2s ease-out; }

.super-heading { font-size: 70px; }
.super-paragraph { font-size: 30px; font-weight: 300; }

.carousel-caption .super-paragraph a,
.carousel-caption .super-paragraph a:hover { color: #fff; }

#carousel-example-generic { margin: 40px 0; }

/* carousel fade */
/* original solution by https://codepen.io/Rowno/pen/Afykb */

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  background-size: cover;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.demo-content {padding-top: 50px; padding-bottom: 50px; }

.hero .hero__ribbon { position: absolute; width: 390px; bottom: -17px; left: 0; }
@media screen and (min-width: 320px) { .carousel-block .hero__ribbon { width: 300px; bottom: -13px; } }
@media screen and (min-width: 400px) { .carousel-block .hero__ribbon { width: 380px; bottom: -17px; } }
@media screen and (min-width: 520px) { .carousel-block .hero__ribbon { width: 500px; bottom: -22px; } }
@media screen and (min-width: 640px) { .carousel-block .hero__ribbon { width: 600px; bottom: -27px; } }
@media screen and (min-width: 768px) { .carousel-block .hero__ribbon { width: 720px; bottom: -32px; } }
@media screen and (min-width: 990px) { .carousel-block .hero__ribbon { width: 900px; bottom: -40px; } }
@media screen and (min-width: 1201px) { .carousel-block .hero__ribbon { width: 1100px; bottom: -49px; } }
@media screen and (min-width: 1220px) { .carousel-block .hero__ribbon { width: 1120px; bottom: -50px; } }
@media screen and (min-width: 1237px) { .carousel-block .hero__ribbon { width: 1154px; bottom: -51px; } }
@media screen and (min-width: 1250px) { .carousel-block .hero__ribbon { width: 1170px; bottom: -52px; } }
@media screen and (min-width: 1275px) { .carousel-block .hero__ribbon { width: 1200px; bottom: -53px; } }
@media screen and (min-width: 1288px) { .carousel-block .hero__ribbon { width: 1210px; bottom: -54px; } }
@media screen and (min-width: 1300px) { .carousel-block .hero__ribbon { width: 1220px; bottom: -54px; } }
@media screen and (min-width: 1325px) { .carousel-block .hero__ribbon { width: 1245px; bottom: -55px; } }
@media screen and (min-width: 1350px) { .carousel-block .hero__ribbon { width: 1276px; bottom: -57px; } }

@media screen and (max-width: 692px) { .hero h2 span:before { border-bottom: 0px; } }


.services { font-size: 0; }
.services .screen__title { margin-bottom: 0px; }
.services .container { width: 100.74%; margin-left: -0.74%; }
.services .container .row > div { padding: 0px; }
.services .container .row > div { padding-left: 0.74%; }
@media screen and (max-width: 990px) { .services { margin-left: 0; width: 100%; }
  .services .row > div { padding: 0 15px; } }
.services .services__item { max-width: 330px; margin: 40px auto 0; }
.services .services__item .name { min-height: 59px; font-size: 21px; color: #fcfaf1; font-family: "osEB", Arial, sans-serif; padding: 0 10px; line-height: 1.1; background: #e6b31e; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; text-align: center; }
@media screen and (max-width: 1200px) { .services .services__item .name { font-size: 18px; } }
@media screen and (max-width: 990px) { .services .services__item .name { font-size: 21px; } }
.services .services__item .description { font-family: "osR", Arial, sans-serif; font-size: 14px; background: #343434; color: #fcfaf1 ; min-height: 131px; height: auto; padding: 14px 20px 12px; border-left: 1px solid #e6b31e; position: relative; }
@media screen and (max-width: 1200px) { .services .services__item .description { min-height: 175px; } }
@media screen and (max-width: 990px) { .services .services__item .description { min-height: 131px; } }
.services .services__item .description li { position: relative; padding-left: 15px; line-height: 21px; }
.services .services__item .description li:before { content: ""; position: absolute; left: 0; top: 5px; background: url('../img/icon-arrow-white.png') no-repeat; background-size: 100%; width: 9px; height: 9px; }
.services .services__item .description:before { content: ""; position: absolute; top: -9px; right: 4.5454%; width: 15px; height: 13px; }

/*.avto .container { width: 100%; }*/
@media screen and (min-width: 991px) { .avto .container { width: 100%; } }
/*@media screen and (min-width: 120px) { .avto .container { width: 1346px; } }*/
.avto .avto__item { text-align: center; }
.avto .avto__item .image { border: 5px solid #343434; height: 200px; vertical-align: middle; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 10px; }
@media screen and (max-width: 1305px) { .avto .avto__item .image { height: 195px; } }
@media screen and (max-width: 1295px) { .avto .avto__item .image { height: 190px; } }
@media screen and (max-width: 1235px) { .avto .avto__item .image { height: 185px; } }
@media screen and (max-width: 1230px) { .avto .avto__item .image { height: 183px; } }
@media screen and (max-width: 1218px) { .avto .avto__item .image { height: 182px; } }
@media screen and (max-width: 1199px) { .avto .avto__item .image { height: 175px; } }
@media screen and (max-width: 1166px) { .avto .avto__item .image { height: 170px; } }
@media screen and (max-width: 1122px) { .avto .avto__item .image { height: 165px; } }
@media screen and (max-width: 1088px) { .avto .avto__item .image { height: 158px; } }
@media screen and (max-width: 1044px) { .avto .avto__item .image { height: 145px; } }
@media screen and (max-width: 991px) { .avto .avto__item .image { height: 228px; } }
@media screen and (max-width: 767px) { .avto .avto__item .image { max-width: 300px; width: 100%; height: 198px; margin: 0 auto; margin-bottom: 10px; } }
.avto .avto__item .image img { margin: 0 auto; }
.avto .avto__item .image .volume { font-size: 21px; font-family: "osEB", Arial, sans-serif; height: 34px; padding-top: 3px; min-width: 76px; text-align: center; background: #343434; color: #fcfaf1; position: absolute; right: -4px; bottom: -4px; }
.avto .avto__item .image .volume sup { position: relative; top: -3px; color: #fcfaf1; }
.avto .avto__item .name { font-size: 15px; background: #e6b31e; color: #fcfaf1; height: 35px; line-height: 35px; font-family: "osEB", Arial, sans-serif; }
@media screen and (max-width: 1200px) { .avto .avto__item .name { font-size: 14px; } }
@media screen and (max-width: 1110px) { .avto .avto__item .name { font-size: 13px; } }
@media screen and (max-width: 1050px) { .avto .avto__item .name { font-size: 12px; } }
@media screen and (max-width: 991px) { .avto .avto__item .name { font-size: 17px; padding-bottom: 20px;} }
@media screen and (max-width: 991px) { .avto .bottom-item { margin-top: 12px; } }
@media screen and (max-width: 767px) { .avto .avto__item .name { font-size: 20px; } }
@media screen and (max-width: 399px) { .avto .avto__item .name { font-size: 18px; } }
@media screen and (max-width: 768px) { .avto .avto__item { margin-bottom: 20px; } }

.work { background: #e6b31e; color: #fcfaf1; font-size: 21px; text-align: center; margin-top: 30px; padding: 34px; text-transform: uppercase; font-family: "osEB", Arial, sans-serif; }
.work span { border-bottom: 2px solid #f1d072; }
@media screen and (max-width: 768px) { .work { margin-top: 0px; } }

.prices { position: relative; padding-top: 0px; }
.prices .prices__item .name { height: 35px; line-height: 35px; background: #343434; color: #fcfaf1; font-family: "osEB", Arial, sans-serif; font-size: 21px; text-align: center; }
.prices .prices__item .description { color: #343434; padding: 20px 0px 25px; min-height: 160px; border-bottom: 5px solid #343434; font-size: 21px; }
.prices .prices__item .description li i { background: url('../img/icon-arrow-black.png') no-repeat; background-size: 100%; width: 13px; height: 13px; display: inline-block; margin-right: 6px; }
@media screen and (max-width: 1200px) { .prices .prices__item .description { min-height: 195px; } }
@media screen and (max-width: 990px) { .prices .prices__item .description { min-height: 224px; } }
@media screen and (max-width: 768px) { .prices .prices__item .description { min-height: 50px; } }
@media screen and (max-width: 768px) { .prices .row > div:last-child { margin-top: 20px; } }

.prices:after { content: ""; position: absolute; left: 50%; margin-left: -6px; bottom: -20px; width: 12px; height: 23px; }
@media screen and (max-width: 768px) { .prices:after { bottom: -30px; } }

.consultation { box-shadow: inset 0 0 0 1000px rgba(24,30,30,.8); background: url(../img/telephone.jpg) 50% 50% no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 251px; padding-top: 34px; margin-top: 48px; padding-bottom: 25px;  }
.consultation .consultation__call { text-align: center; margin-bottom: 30px; padding-top: 28px; color: #fcfaf1; font-size: 21px; line-height: 1.05; position: relative; }
.consultation .consultation__call a { color: #fcfaf1; font-family: "osEB", Arial, sans-serif; font-size: 36px; }
.consultation .consultation__call p { line-height: 1.25; }
.consultation .consultation__call .underline { border-bottom: 1px solid #fff; position: relative; margin-right: 22px; }
.consultation .consultation__call .underline:after { content: ""; position: absolute; right: -22px; bottom: 4px; width: 13px; height: 13px; }
@media screen and (max-width: 1200px) { .consultation .consultation__call { padding-top: 5px; }
  .consultation .consultation__call .underline:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } }
.consultation .consultation__call:after { content: ""; position: absolute; height: 100%; right: -15px; top: 0; border-right: 1px solid #fff; }
@media screen and (max-width: 1200px) { .consultation .consultation__call:after { border: none; } }
.consultation .consultation__form .mailto { color: #fcfaf1; font-size: 14px; line-height: 1; }
.consultation .consultation__form form .input-medium, .consultation .consultation__form form textarea { height: 40px; width: 100%; padding: 0 15px; text-align: center; font-size: 14px; background: #fcfaf1;}
.consultation .consultation__form form .input-medium:-moz-placeholder, .consultation .consultation__form form .input-medium::-moz-placeholder, .consultation .consultation__form form textarea:-moz-placeholder, .consultation .consultation__form form textarea::-moz-placeholder { color: #979695; opacity: 1; }
.consultation .consultation__form form .input-medium::-webkit-input-placeholder, .consultation .consultation__form form textarea::-webkit-input-placeholder { color: #979695; }
.consultation .consultation__form form textarea { height: 80px; border: 0; resize: none; padding: 10px 15px; position: relative; z-index: 1; background: transparent; }
.consultation .consultation__form form .input-large { position: relative; background: #fcfaf1; height: 80px; }
.consultation .consultation__form form .input-large .ph { position: absolute; left: 0; top: 0; text-align: center; padding: 10px 5px; color: #979695; font-size: 14px; }
.consultation .consultation__form form .input-large .ph p { font-size: 11px; line-height: 1.1; }
.consultation .consultation__form form > .row { padding-right: 18px; margin-top: 10px; }
.consultation .consultation__form form .col-left { padding-right: 5px; }
.consultation .consultation__form form .col-right { padding-left: 5px; }

.consultation .consultation__form form .input-medium:disabled, .consultation .consultation__form form textarea:disabled { background: #f1f1f1 }
.consultation .consultation__form form .feedback:disabled { background: #111819; }
.has-error { border: 2px solid red !important; }
.valid { border: 2px solid green !important; }


@media screen and (max-width: 1200px) { .consultation .consultation__form form > .row { padding-right: 0px; }
  .consultation .consultation__form form .col-left { padding-right: 15px; margin-bottom: 10px; }
  .consultation .consultation__form form .col-right { padding-left: 15px; } }
.consultation .consultation__form form .feedback { width: 100%; height: 80px; border: 5px solid #fcfaf1; font-size: 21px; text-transform: uppercase; color: #fcfaf1; background: rgba(48, 58, 58, 0.7); }
.consultation .consultation__form form .feedback:hover { background: #111819; }
.pluses { padding-bottom: 15px; }
.pluses .pluses__item li { padding-left: 80px; position: relative; min-height: 60px; font-size: 21px; margin-bottom: 30px; line-height: 1.2; color: #343434; }
.pluses .pluses__item li span { width: 60px; height: 60px; line-height: 60px; text-align: center; background: #e6b31e; display: block; position: absolute; top: -17px; left: 0; font-size: 36px; color: #fcfaf1; font-family: "osEB", Arial, sans-serif; }

.footer .footer-info { height: 50px; display: flex; flex-direction: column; justify-content: flex-end;}
.footer .footer-info p { padding: 3px; padding-left: 8px; color: #fcfaf1; font-family: "osEB", Arial, sans-serif; }
.footer { min-height: 100px; background: #343434; }
.footer .footer__logo { margin-bottom: -29px; margin-top: 5px; }
.footer .footer__nav { margin-top: 41px; margin-left: 70px; }
.footer .footer__nav li { display: inline-block; font-size: 14px; text-transform: uppercase; margin-right: 18px; }
.footer .footer__nav li a { color: #fcfaf1;  font-size: 17px; margin-right: 10px; }
.footer .footer__nav li a:hover { text-decoration: underline; }
.footer .footer__call { margin-top: 20px; text-align: right; font-size: 21px; color: #fcfaf1; line-height: 1.1; }
.footer .footer__call a { color: #fcfaf1; font-family: "osEB", Arial, sans-serif; }
.footer .footer__call p { font-size: 13px; position: absolute; right: 15px; }
.footer .footer__call p a { text-decoration: underline; font-family: "osR", Arial, sans-serif; }
.footer .footer__call p a:hover { text-decoration: none; }
@media screen and (max-width: 1200px) { .footer .row > div { text-align: center; }
  .footer .footer__nav { margin: 20px 0 0; padding-top: 15px;}
  .footer .footer__nav li { margin: 0px 9px; }
  .footer .footer__call p { position: static; } }

.modal { top: 50%; margin-top: -150px; text-align: center; }
.modal .modal-content { min-height: 150px; padding: 10px 0 20px; }
.modal .modal__result { font-size: 21px; color: #000; text-transform: uppercase; padding: 0 10px 10px; margin-bottom: 16px; border-bottom: 1px solid #000; font-family: "osEB", Arial, sans-serif; position: relative; }
.modal .modal__result img { width: 124px; height: auto; }
.modal .close { position: absolute; top: 5px; right: 10px; }
.modal .modal__text { font-size: 18px; color: #000; }

.l { *zoom: 1; }
.l:after { content: " "; display: table; clear: both; }
.l .l-col1 { float: left; width: 20%; }
.l .l-col2 { float: right; width: 70%; }

.visa-mastercard {
  
}
@media screen and (max-width: 600px) {
.visa-mastercard {
  display: none;
  position: fixed;
  width: 50px;
  height: 50px;
  }
}

.visa-mastercard-mob {
  display: flex;
  justify-content: center;
  width: 100%;
}

.visa-mastercard-mob-img {
  max-width: 409px;
  width: 50%;
}

@media only screen and (min-width : 600px) {
  .visa-mastercard-mob {
    display: none;
  }
}

@media only screen and (max-width : 360px) {
  .out {
    width: 100%;
    min-width: 0;
  }
  .image, .img-responsive {
    max-width: 330px;
    width: 100%;
  }

  .avto .avto__item .name {
    font-size: 14px;
  }
}