/*
=====================================================
 Файл стилей для сайта genixauto.ru  - разработка stillmaster 
-----------------------------------------------------
 https://stillmaster.ru/
-----------------------------------------------------
 Copyright (c) 2024 stillmaster (Иван Марченко)
=====================================================
*/
@import url(all.min.css);

  @font-face {
                font-family: icomoon;
                src: url(../fonts/icomoon.ttf) format("truetype"),url(../fonts/icomoon.woff) format("woff"),url(../fonts/icomoon.svg#icomoon) format("svg");
                font-weight: 400;
                font-style: normal;
                font-display: block
            }


/*Сброс*/
* {text-decoration-line: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;margin: 0;padding: 0;}
html, html a { -webkit-font-smoothing: antialiased; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html {height: 100%;}
body, html { margin: 0; padding: 0; overflow-x: hidden; }
h2 { font-size: 50px; font-weight: 700;}
body {background-color: #ffffff;font-family: 'Inter', sans-serif;font-size: 16px;line-height: 1.5;color: #000000;height: 100%;position: relative;    max-width: 1920px;
    margin: auto;}
header {background-color: #002853;}

.uslugi-list {
    padding-left: 20px;
    margin: 10px 0;
}

.uslugi-list li {
    margin-bottom: 8px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.headerup {max-width: 1920px;color: #ffffff;margin: auto;width: 100%;padding: 16px 85px;list-style: none;}
.headerup a {color: #ffffff;text-decoration: none;    font-size: 14px; font-weight: 200;    display: flex; align-items: center; gap: 10px;}
.headerup, .headerdown {    display: flex; justify-content: space-between; align-items: center;}
.headerup img {filter: invert(1);}
.fa-instagram, .fa-whatsapp, .fa-phone {font-size: 24px;}
.fa-whatsappp {font-size: 30px;}
.headerdown {background-color: #e0e5e8;max-width: 1920px;margin: auto;width: 100%;padding: 16px 80px;list-style: none;    gap: 25px;}
.headerdown a {color: #000000;text-decoration: none;    font-size: 18px; font-weight: 600;}
.button { transition: all 0.3s ease-in-out; border: none; background-color: #007aae; color: #fff;  font-size: 18px; font-weight: 700;cursor: pointer;    padding: 15px 10px;    border: 1px solid #007aae;}
.menu {display: flex;list-style: none;    width: 100%;         justify-content: space-between; align-items: center;    gap: 20px;    margin-left: 80px;}
.menu .button {display: none;}
.button_nomenu {    flex-shrink: 0; padding: 15px;}
/*Форма */
#submitBtn {width: 100%;    margin-top: 15px;}
.flexbtn {    display: flex; justify-content: center; gap: 15px;}
.forminput { background-color: #EEEFF1; text-align: center; padding: 15px; }
.forminput-notmain { background-color: #FFF; }
.modal .forminput { max-width: 629px; margin: auto; position: absolute; width: 100%; }
.forminput h2 { padding-top: 80px;  font-size: 36px;}
.forminput p { font-size: 18px; font-weight: 400; }
.form-group label { display: block; margin-bottom: 8px; font-weight: 400; font-size: 14px; line-height: 1.5;}
.form-group {    width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
.forminput form { display: flex; flex-direction: column; max-width: 545px; width: 100%; margin: 20px auto; align-items: flex-start; }
.forminput input[type="text"] { width: 100%; max-width: 542px; height: 82px;  font-size: 18px; font-weight: 400; margin-bottom: 20px; padding-left: 30px; }
.form-check-label { font-size: 16px; font-weight: 400; color: #000; }
.form-check-input { position: absolute; z-index: -1; opacity: 0; }
.form-check-input+label { display: inline-flex; align-items: center; user-select: none; }
.form-check-input+label::before { content: ''; display: inline-block; width: 16px; height: 16px; flex-shrink: 0; flex-grow: 0; border: 2px solid #006D32; border-radius: 0.25em; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }
.form-check-input:checked+label::before { border-color: #2A7BCC; ; background-color: #2A7BCC; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.form-check-input:not(:disabled):not(:checked)+label:hover::before { border-color: #2A7BCC; }
.js-modal-wa {    width: 100%; height: 75px; margin: 30px 0 25px; font-size: 18px; cursor: pointer; color: #fff;    padding: 14px 20px; font-weight: 800;font-size: 18px;   border-color: #3dbf00; background-color: #3dbf00;}
.js-modal-wa:hover {background-color: #fff;color: #3dbf00;}
.js-modal-t {    width: 100%; height: 75px; margin: 30px 0 25px; font-size: 18px; cursor: pointer; color: #fff;    padding: 14px 20px; font-weight: 800;font-size: 18px;   border-color: #345194; background-color: #345194;}
.js-modal-t:hover {background-color: #fff;color: #345194;}


.modal {  display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); padding-top: 60px; }
.st-landing-wrap_modal .close { margin: 0; position: absolute; right: 25px; top: 0; color: #000; font-size: 35px; font-weight: bold; }
.st-landing-wrap_modal .close:hover, .st-landing-wrap_modal .close:focus { color: red; cursor: pointer; }
.st-landing-wrap_modal { margin: auto; width: 100%; position: relative; max-width: 629px; }
.animate { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s }
.animateoff { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s }
@-webkit-keyframes animatezoom { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @keyframes animatezoom { from { transform: scale(0) } to { transform: scale(1) } } @keyframes animateoff { from { transform: scale(1) } to { transform: scale(0) } }
.closemenu {display: none;}
.menuopen {display: none;}
.headmain {    background-color: #003f75; color: #fff; display: flex; justify-content: space-between; padding: 40px 160px 40px 170px;    gap: 15px;}
.text h1 {    font-weight: 700; font-size: 60px; text-transform: uppercase;    max-width: 640px;    line-height: 1.15;}
.text p {font-size: 20px;}
.text .button {font-size: 20px;}
.imgmain {position: relative;    width: 768px; height: 672px;}
.imgmain img {width: 100%;height: 100%;object-fit: cover;}
.text {display: flex; flex-direction: column; justify-content: space-between;}
.headmain .button {    max-width: 417px; width: 100%;    height: 78px;transition: all 0.3s ease-in-out;}
.catmain {display: flex; position: absolute; bottom: 25px; left: 50px;gap: 10px;    flex-wrap: wrap;}
.catss a {display: flex; flex-direction: column;justify-content: space-between; background-color: #eff8ff; color: #000;width:182px; height: 100px; padding: 5px;border: 1px solid #eff8ff;transition: all 0.3s ease-in-out;}
.catss a:hover {background:none;color: #fff;transition: all 0.3s ease-in-out;}
.catss img {    width: 66px; height: 40px; border: 1px solid;background-color: white;}
.catss span {font-size: 14pt;}

.container {margin: 0 80px;}
.opit, .uslugi  {    padding: 65px 65px 85px 75px;margin-top: 100px;color: #002353;}
.background_section {background-color: #e0e5e8; }
.flex {display: flex;}
.block_opyt {    background-color: white; padding: 45px 50px; display: flex; flex-direction: column; align-items: center; gap: 10px;    width: 25%;}
.blocks {gap: 15px;margin-top: 50px;}
.block_opyt b {font-size: 36pt;}
.block_opyt span {font-size: 20px;text-align: center;    line-height: 1.2;}
.block_uslugi {width: 33%;background-color: white;padding: 45px 50px; display: flex; flex-direction: column; align-items: center; gap: 25px;}
.block_uslugi b {   display: flex; align-items: center; justify-content: space-between; width: 100%;}
.block_uslugi b span {font-size: 24pt; }
.block_uslugi span {font-size: 16.5pt;line-height: 1.2;}
.block_uslugi  img{    width: 120px; height: 70px; border: 1px solid; background-color: white;}
.shema {margin-top: 60px;color: #002353;;}
.shemablocks {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px;margin-top: 40px;}
.shemablock {    background-color: #e0e5e8;    background-color: #e0e5e8; display: flex; flex-direction: column; padding: 50px; gap: 20px; }
.shemablock_img img {    height: 100%; object-fit: cover;    width: 100%}
.shemablock i {font-size: 40px;}
.shemablock b {font-size: 22px;}
.shemablock-last b {font-size: 40px;}
.shemablock span {font-size: 20px;}
.shemablock-last { grid-column: span 2;    background-color: #003f75; color: #fff; }
.shemablock-last b {width: 336px;}
.shemablock .button {background-color: #fff; color: #003f75;cursor: pointer;    font-size: 20px; height: 70px; width: 267px;}
.buttons {margin-top: 25px;}
.shemablock a .button {color: #3f7d65;}
.slider {padding: 65px 40px 85px 75px;margin-top: 60px;color: #002353;}
.expanded.review_short, .expanded.autobay  { height: auto!important; }
.short {    width: 384px;   background-color: white; padding: 20px;}
.short figure {    width: 100%; height: 215px;}
.short figure img  {width: 100%; object-fit: cover;    height: 100%;}
.swiper-container {overflow: hidden;}
.title {      font-size: 20px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block;}
.short ul {    list-style: none; font-size: 18px; color: darkgray;    margin-top: 15px;}
small {font-size: 7pt;}
.cena {    font-size: 20px; font-weight: 700;    line-height: 1.2;}
.gridslider {    display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;    margin-top: 15px;}
.next, .prev {    margin-right: 10px; background-color: #003f75; color: #fff; text-align: center; font-size: 24pt;cursor: pointer; transition: all 0.3s ease-in-out;}
.link {    grid-column: span 2; background-color: #003f75;text-align: center;transition: all 0.3s ease-in-out;}
.link  {color: #fff;font-size: 22pt;    font-weight: 700;}
.slider h2 {margin-bottom: 25px;}
.img_prem {width: 614px; height: 759px; background-color: #030303; position: relative;grid-row: span 2;  }
.img_prem img {width: 100%;position: absolute; bottom: 0;object-fit: cover;}
.blocks_prem {margin-top: 60px;}
.img_prem h2 {    position: absolute; color: #fff; top: 0; padding: 100px 30px; font-size: 48pt;}
.blocks_prem {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 15px;}
.block_prem {    display: flex; flex-direction: column; gap: 15px; border: 1px solid gray; padding: 20px;}
.block_prem i {font-size: 45px; color: #003f75;}
.block_prem b {font-size: 16pt;    text-transform: uppercase;}

.review h2 {margin: 0;}
.review .flex {    justify-content: space-between; align-items: center;margin-bottom: 30px;}
.review .gridslider {display: flex;}
.review .next, .review .prev  {width: 50px;background: none; color: black; border: 1px solid gray;}
.review .link {background: none; color: black; border: 1px solid gray;    padding: 0 20px;}
.review_short {    width: 415px;   border: 1px solid gray; padding: 30px;    }
.review_short  .flex {display: flex; flex-direction: column;justify-content: space-between;    height: 100%;}

.review_short .title {overflow: unset;}
.swiper-slide.review_short { position: relative; overflow: hidden; }
.short-story {  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; position: relative; }
.read-more { display: none;  margin-bottom: 15px; cursor: pointer; text-align: left; background: none; border: none; font-size: 16pt; color: #003f75;    font-weight: 700; }
.review_short figure {    width: 80%; height: 210px;}
.review_short figure img { width: 100%; height: 100%;     object-fit: contain;}
.review_short  > div {display: flex; flex-direction: column;}
.review_short .short-story {    font-size: 16px; line-height: 1.4; margin-top: 15px;    width: 80%;}
.review {margin-top: 60px;color: #002353;}
.overflow-hidden { overflow: hidden; }
.yotube .swiper-slide {width: 50%;}

.yotube img {width: 100%;height: auto;    object-fit: cover;}
.yotube .link {    background-color: #003f75; color: #fff;}
.socblock {    background-color: #e0e5e8; padding: 50px;    width: 50%;    display: flex; flex-direction: column; justify-content: space-between;}
.soc { gap: 10px;    margin-top: 50px;}
.socblock b {    font-size: 50px; color: #002354;line-height: 1;    margin-left: 60px;}
.social {    display: flex;  gap: 10px;margin-top: 90px;    margin-left: 60px;}
.socblock img {    width: 54px; height: 90px;    filter: invert(1);    object-fit: contain;}
.socblock i {font-size: 90px;color: #fff;}
.socblock a {    background-color: #003f75; display: flex; width: 190px; height: 190px; align-items: center; justify-content: center;}
.socblock .ya {filter: none;}
footer {background-color: #002354;    padding: 50px; margin-top: 60px;}
.footer_up {    display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #fff; padding-bottom: 50px;}
.footer_up button {    background-color: #fff; color: #002354;    padding: 15px 25px;}
.footer_midle {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin-top: 60px;}
.footer_soc {    display: flex;     justify-content: flex-start; gap: 5px; font-size: 24px; color: #fff;}
.footer_soc a {    background-color: #003f75; width: 58px; height: 58px; display: flex; justify-content: center; align-items: center; border: 2px solid #fff; cursor: pointer; font-size: 30px;}
.footer_soc i {color: #fff;}
.footer_tel {margin-top: 45px;color: #fff;gap: 15px;}
.footer_tel .flex {flex-direction: column;    line-height: 1;}
.footer_tel i {font-size: 45px;}
.midleblock .footer_tel  a {    font-size: 24pt;color: #fff;    font-weight: 700;}
.midleblock {list-style: none;}
.midleblock a {    color: #fff; font-weight: 700;    font-size: 14pt;}
.midleblock li {    padding-bottom: 5px;}
.adress {    display: flex; flex-direction: column; color: #a8a8a8; font-size: 14pt;}
.adress b {font-size: 16pt;}
.footer_down {    color: #a8a8a8;    display: flex; justify-content: space-between;    font-size: 10pt; padding-top: 50px; border-top: 2px solid #fff;    margin-top: 50px;}
.footer_down_right {    max-width: 426px; font-size: 10pt;}
.cat {margin-top: 50px; margin-bottom: 50px;     padding: 65px 100px;}
.cat ul {    display: flex; gap: 5px; list-style: none;    }
.cat h1 {    font-size: 48pt; color: #002353;}
.gallery-thumbs li {width: 25%;height: 150px;}
.gallery-thumbs img {width: 100%; height:100%;object-fit: cover;}
.autobay_left {width: 50%;}
.autobay_right {width: 50%;    display: flex; flex-direction: column;}

.autobay {    margin-bottom: 100px; background-color: #fff; padding: 25px;}
.autobay .flex {gap: 15px;}
.gallery-top img {width: 100%; height:565px;object-fit: cover;}
.autobay_right .title {font-size: 30px;color: #002353;text-transform: uppercase;    white-space: nowrap;}
.autobay_right span {padding-left: 10px;}
.autobay_right b, .autobay_right span {font-size: 16px;}
.autobay_footer {margin-top: 25px;}
.cenarf {display: flex; flex-direction: column; align-items: center; background-color: #e0e5e8; border: 1px solid gray; padding: 15px;width: 30%;}
.cenarf > div {font-size: 26px; font-weight: 800; color: #002e5c;}
.cenarf span {font-size: 14px;}
.cenan {background-color: #002353;color: #fff;}
.cenan > div {color: #fff;}
.autobay_footer {justify-content: space-between;}
.autobay_footer button {width: 30%;    height: auto; font-size: 30px;}
.pagination {    display: flex; justify-content: center;    grid-row-end: span 1; grid-column-start: 1; grid-column-end: -1; }
.pagination__btn-loader a {    background-color: #003f75; color: #fff; padding: 15px 60px;border: 1px solid #003f75; display: block; font-size: 30pt; font-weight: 700;margin-top: 25px;}
.pagination__btn-loader a:hover {    background-color: #fff; color: #002e5c;border: 1px solid black;}
.japanimg {height: 612px;}
.catran .gallery-thumbs .swiper-wrapper {    flex-direction: column;}
.catran  .gallery-thumbs li { width: 140px; height: 90px; }
.catgrid #dle-content {    display: grid;     grid-template-columns: 1fr 1fr; gap: 10px;}
.catran {    padding: 10px; border: 1px solid;}
.catran .flex {    gap: 10px;    height: 370px;}
.catran .gallery-thumbs {flex-shrink: 0;}
.catran .gallery-top img {    width: 100%; height: 100%; object-fit: cover;}
.catran_foot {    display: flex; justify-content: space-between; margin-top: 15px;gap: 15px;    width: 100%;}
.catran .gallery-top a { width: 100%; height: 100%; display: block; }
.catran_foot .title {color: #003f75;    text-transform: uppercase;}
.cats {margin-top: 50px;}
.cats h2 {color: #003f75;}
.catrc {    display: flex; flex-direction: column; gap: 10px;    align-items: baseline; }
.catrc .button {padding: 15px 90px;}
.catrc .cena {    display: flex; flex-direction: column;}
.catrc .cena span {font-weight: 400; }
.catrc span {    font-size: 10pt; width: 175px; color: darkgray; }
.cats form {    display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 15px;        align-items: end; margin-bottom: 15px; background-color: #e0e5e8; padding: 35px 15px;       width: 100%; justify-content: space-between; }
.cats form > div {    display: flex; flex-direction: column;    width: 100%;}
.box-field__input input {    height: auto; padding: 20px; border: 1px solid gray;    width: 100%;}
.submit {height: 10px;}
 input[type="button"] {    background-color: #007aae; border: none; color: #fff; font-weight: 900; padding: 20px;}
 .cats form  .tail-select {width: 100%;}
.box-field__input {display: flex;width: 100%;}
 .cat h2 {color: #002e5c;}           
.autobuy-swiper > .flex {justify-content: space-between;    align-items: center;    margin-bottom: 20px;}
.autobuy-swiper .next, .autobuy-swiper .prev { background-color: #fff; border: 1px solid gray; color: black;     padding: 5px 20px;}
.podobrano { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 18; overflow: hidden; text-overflow: ellipsis; position: relative; }
.tail-select .select-label, .box-field__input input {    font-size: 16px; font-weight: 600;}
.show-text .short-story, .show-text .podobrano { display: block; }
.blocks_cena {    display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.blocks_cena h2 {    background-color: #003f75; color: #fff;     padding: 70px 135px; font-size:50px; font-weight: 700;    line-height: 1.2;}
.block_cena {    background-color: #e0e5e8; padding: 20px;}
.block_cena .flex {    display: flex; flex-direction: column;     gap: 15px;}
.block_cena .flex > div {display: flex; gap: 30px;    align-items: center; }
.block_cena .flex > div > div {display: flex; flex-direction: column; gap: 5px;}
.block_cena b {    font-size: 20px;}
.block_cena span {    font-size: 18px;}
.stous {width: 100%;height: 100%;object-fit: cover;}
.blocks_cena .shemablock {background-color: #003f75;    color: #fff;}
.blocks_cena .shemablock b { font-size: 36pt; line-height: 1;}
.slider .link {   font-size: 19pt; display: flex; align-items: center; justify-content: center; }
@media (min-width: 1100px) {
    .slider .link {margin-right: 10px; }
}

.slider .title {    white-space: nowrap;}
.headerdown a:hover {color: #2a84bd;}
.headmain .button:hover {background-color: #fff;color: #002e5c;}
.button:hover {background-color: #fff;color: #002e5c; }
.shemablock .button:hover {background-color: #002e5c;color: #fff;}
.next:hover, .prev:hover {background-color: #ffffff; color: #002e5c;}
.review .next:hover, .review .prev:hover {background-color: #002e5c; color: #fff;}

.autobuy-swiper .next:hover, .autobuy-swiper .prev:hover {background-color: #002e5c; color: #fff;}
.link:hover {background-color: #ffffff;color: #002e5c;}  
.review .link:hover {background-color: #002e5c; color: #fff;}
.nomob svg {width: 24px;height: 24px;fill: #fff;}
svg {--icon-color:#fff}

.headerup a:hover {color: #2a84bd;}
.headerup a:hover svg {fill: #2a84bd; --icon-color:#2a84bd}
.socblock a:hover {background-color: #fff;color: #002e5c;}
.footer_up button:hover {background-color: #003f75; color: #ffffff;} 
.midleblock a:hover {color: #2a84bd;}
.socblock a:hover i {color: #002e5c;}
.socblock a:hover .ya {filter: invert(1);}
.footer_soc a:hover {background-color: #fff;color: #002e5c;}
.footer_soc .wp:hover {background-color: #00b33170;;color: #fff;}
.footer_soc .wp:hover svg {fill: #fff;}


.footer_soc a:hover i {color: #002e5c;}
.teams #dle-content {    display: grid; grid-template-columns: 1fr 1fr;gap: 10px;} 
.team img {width: 100%;height: 100%;object-fit: cover;}
.team {    display: flex;gap: 15px;    background-color: #e0e5e8;    padding: 15px;}
.team .img {width: 50%;height: 500px;}
.team .info {width: 50%;    display: flex; flex-direction: column; justify-content: space-between;font-size: 16pt;}
.name {    font-size: 24pt; font-weight: 700; color: #002354;}
.info .button {    display: flex; justify-content: center; align-items: center; gap: 10px;width: 100%;}
.company p, .company b {font-size: 16pt;}
.company p {padding-bottom: 10px;}
.headmain button:hover {border: 1px solid black;}


/*Добавление отзыва*/
.container iframe {height: 390px;width: 100%;    overflow: hidden;    border: none;}
.addnews {display: flex;    column-gap: 20px;background-color: #EEEFF1;padding: 20px;}
.addnewsleft {display: flex;flex-direction: column;    row-gap: 20px;max-width: 520px;width: 100%;}
.addnewsleft .f_input { width: 100%;height: 60px;font-family: 'Inter';    font-weight: 500;
    font-size: 16px;}
.addcomment {width: 100%;    display: flex;    gap: 15px;}
.addcomment .comment {width: 100%;height: 300px;    font-family: 'Inter';    font-weight: 500;
    font-size: 16px;}
 .addcomment .comment::placeholder {
            color: black;font-size: 16px;
        }

.addnewsleft .f_input::placeholder {
            color: black;font-size: 16px;
        }
.addcomment .qq-uploader {background: url(../img/arrow.png) right  no-repeat;     min-height: 60px;}
.addcomment .qq-upload-button {    width: 82px; height: 82px; margin: 0; opacity: 0; position: absolute; z-index: 5; font-size: 5px; }
.addcomment_send {    display: flex;column-gap: 15px;justify-content: space-between;    flex-direction: column;    width: 350px;}
.addcomment_send button {color: #fff;font-size:18px}
.addcomment_foto {display: flex;        gap: 15px; align-items: center;flex-direction: column;    width: 100%;}
.addcomment_foto #xfupload_foto {    background-color: #007aae;
    width: 100%;    padding: 0 15px;}
.addcomment_foto .qq-uploader .file-preview-card  {height: 95px;       width: 100%;}
.addcomment_foto .file-content {width: 95px;height: 95px;}
.addcomment_foto .file-footer-caption {display: none;}
.addcomment_foto .file-footer-bottom {margin-top: -33px;}
.addcomment_foto .file-content {height: 95px;}
.addcomment_foto .file-preview-card .file-content {height: 95px;    width: 100%;}
.addcomment_foto .moxie-shim {width: 100%!important;}
#xfupload_foto::before {
    content: "Выбрать файл";
    position: absolute;
    top: 50%;
    left: 43%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.file-preview-card .file-footer-bottom .file-delete {    position: absolute;}
.fs15 {font-size:15px;}
.opacity_5 {opacity: 0.5;}
.file-preview-card .file-content .file-preview-image {    width: 100%!important; height: 100%!important; object-fit: cover;}
.allreviews #dle-content {    display: grid; grid-template-columns: 1fr 1fr;gap: 15px;}
.allreviews .review_short {width: 100%;    height: 650px;}
.allreviews .review_short figure {height: 350px;    width: 70%;    }
footer.container {margin-top: 50px;}
.sticky {    position: sticky; z-index: 9999; top: 0;}
.social svg {    fill: #fff;width:70px;}
.socblock a:hover svg {    fill: #002354;;}
body .tail-select .select-label, .tail-select-container  {border-radius:0;}

.catran_foot .flexcat {display: flex;    flex-direction: column;justify-content: space-between;}
.footer_soc svg {fill:#fff;width:18px;}
.footer_soc a:hover svg {fill:#002354;}
.block_uslugi .button {border:1px solid #007aae;    padding: 15px 25px; }
.short  .button {border:1px solid #007aae; }
.catran_foot > div {width: 49%;}
.short .button {font-size: 16px;padding: 15px 35px;}
.review .short-story {width: 100%;    -webkit-line-clamp: 3;}
.gallery-top {position: relative;}
.gallery-top-next, .gallery-top-prev {color: aliceblue;opacity: 0; transition: all 0.3s ease-in-out; padding: 15px; background: linear-gradient(hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, .15)), linear-gradient(rgba(160, 118, 246, .15), rgba(160, 118, 246, .15)); backdrop-filter: blur(13px);}
.gallery-top:hover .gallery-top-next, .gallery-top:hover .gallery-top-prev {opacity: 1;} 
.gallery-top-prev.swiper-button-disabled {opacity: 0;transition: all 0.3s ease-in-out;}

.gallery-top:hover .gallery-top-prev.swiper-button-disabled {opacity: 0.4;}
.headerupmob {display: none;}
.credit {       display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 60px; grid-template-rows: repeat(1, 550px);}
.credit img {width: 100%;height: 100%;object-fit: cover;}
.blockcredit {  background-color: #e0e5e8; display: flex; flex-direction: column; justify-content: center;padding: 100px;    align-items: flex-start;}

.credit h2 {    font-size: 36px; line-height: 1.2; margin-bottom: 30px;}
.credit h2 span {color: #002354;}
.blockcredit p {    font-size: 16px;margin-bottom: 70px;}
.label-count {display: none!important;} 
.container.cats .label-inner {padding: 15px;}
.container.cats .tail-select .select-label:after {top: 50%;}






@media (max-width: 700px) {
    .review .swiper-wrapper-after {  display: flex; align-items: center; justify-content: center; margin-top: 15px; }
 
}

@media (min-width: 701px) {
 
    .review .swiper-wrapper-after { display: none; }
}





@media (max-width: 1800px) {
    .text h1 {font-size: 48px;}
    .imgmain {    width: 695px; height: 648px;}
}

@media (max-width: 1790px) {
    .block_opyt span {font-size: 20px; }
    .block_opyt b { font-size: 30px }
    .block_uslugi b span {font-size: 20pt; }
    .cat {padding: 90px 60px;}
}


@media (max-width: 1580px) {
    .headmain  {padding: 120px 60px 60px 60px;}
    .container { margin: 80px 40px 0 40px; }
    .shemablocks {grid-template-columns: 1fr 1fr 1fr ;}
    .shemablock-last { grid-column: span 3;}
    .blocks_prem {margin-top: 60px; grid-template-columns: 1fr 1fr 1fr ;}
    .block_prem:last-child {grid-column: span 2;}
    .opit { padding: 65px 75px 0 75px;}
    .slider { padding: 25px 40px 30px 75px;}
    .catrc .button {width: 100%;font-size: 14pt;}
    .catran_foot .title  {font-size: 14pt;}
    .catran_foot {font-size: 10pt;}
}




@media (max-width: 1500px) {
    .headerup a, .headerdown a {font-size: 16px;}
    .block_uslugi b span {font-size: 18pt; }
    .block_uslugi b {gap: 10px;}
    .blocks_cena  .button { width: 250px;}
    .team .img {height: 440px;}

}

@media (max-width: 1439px) {
    .text h1 { font-size: 40px; }
    .text p {font-size: 16px;}
    .imgmain { width: 650px; height: 480px; }
    .catss span { font-size: 13pt; }
    .opit {padding: 45px;}
    .blocks {margin-top: 15px;display: grid;    grid-template-columns: 1fr 1fr;}
    .block_opyt {width: 100%;}
    .uslugi .blocks {display: flex;}
    .autobay_right b, .autobay_right span { font-size: 12pt; }
    .cenarf > div {font-size: 20pt;}
    .cenarf span { font-size: 10pt; }
    .autobay_footer button {font-size: 18pt;}
    .gallery-thumbs li { width: 25%; height: 100px; }
    .blocks_cena h2 {    font-size: 36pt;}
    .block_cena b { font-size: 14pt; }
    .block_cena span { font-size: 12pt; }
    .team .info {font-size: 12pt;}
    .name {font-size: 20pt;}
    .company p, .company b { font-size: 12pt; }
    .block_uslugi span { font-size: 18px;}
}

@media (max-width: 1400px) {
    .addnewsleft { max-width: 300px; }
    .menu  {    margin-left: 20px;}
}



@media (max-width: 1300px) {
    .catran_foot .title { font-size: 12pt; }
    .catrc .cena { font-size: 12pt; }
    .cats form {    display: grid; grid-template-columns: 1fr 1fr;}
    .blocks_cena .button { width: 185px; }
    .blocks_cena .button {font-size: 12pt;}
    .headerup {    padding: 16px 30px;}
    .headerdown {    padding: 16px 30px;}
    .blockcredit {padding: 40px;}
    .credit h2 { font-size: 30px;}
}

@media (max-width: 1270px) {
 .headerdown img {    width: 132px; object-fit: contain; height: 37px;}
 .headerdown a  {font-size: 16px;}
 .headerdown button {font-size: 16px;    width: 200px;height: 50px;}
 .socblock b { font-size: 30pt;}
 .socblock i { font-size: 50px;}
 .socblock a {    width: 90px; height: 90px;}
 .socblock img { width: 45px; height: 45px;}
 .socblock  svg {width: 45px;}
}
@media (max-width: 1200px) {
    .uslugi .blocks {        flex-direction: column;}
    .block_uslugi {width: 100%;}
    .shemablocks {grid-template-columns: 1fr 1fr ;}
    .shemablock-last { grid-column: span 2;}
    .img_prem {    width: 100%; grid-column: span 2;}
    .block_prem:last-child {grid-column: span 3;}
    .catgrid #dle-content {    grid-template-columns: 100%;}
    .blocks_cena h2 { font-size: 30pt;padding: 70px 90px; }
    .blocks_cena .shemablock b { font-size: 22pt; }
    .team .info { font-size: 10pt; }
    .info .button {font-size: 12pt;}
    .team .img {height: 370px;}
    .catss:first-child { margin-right: 30%; }
    h2 {font-size: 34px;}
    .cat {padding: 80px 40px;}
    .menu {gap: 15px;}
 
    .credit h2 {font-size: 22px;}
}
@media (max-width: 1200px) {
    .footer_midle { grid-template-columns: 1fr 1fr; grid-template-areas: "left right" "left right"; }
    .footer_midle > .midleblock:nth-child(2) { grid-area: left; }
    .allreviews .review_short figure {    height: 290px;}
    .allreviews .review_short {height: 580px;}
    .shemablock span { font-size: 16px; }
}

@media (max-width: 1090px) {
    .menu {display: none;}
    .nomob {display: none;}
    .mobmenu .menu {display:flex;flex-direction: column;margin-left: 0;}
    .mobmenu.open { right: 0; }
    .menuopen {display: block;    font-size: 40px; color: #002853;}
    .headerup {justify-content: center;}
    .mobmenu {background: fixed; position: fixed; display: flex; flex-direction: column; top: 0; background-color: #002853; width: 300px; right: -300px; padding: 25px 0; height: 100%; justify-content: flex-start;  transition: right 0.5s ease;         z-index: 99999; }
    .closemenu {width: 100%; text-align: end; padding: 0 25px;display: block;        font-size: 30px;}
    .button_nomenu {display: none;}
    .mobmenu .button {display: block;}
    .headerupmob {        display: grid; list-style: none; align-items: center; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;         padding: 15px 25px; gap: 10px;}
    .headerupmob svg {width: 30px; height:30px;        --icon-color: #fff;;fill: #fff;;}
    .headerupmob i {color: #fff;}
    .headerupmob li {    display: flex; justify-content: center; align-items: center;}
    .nogrid {    grid-row-end: span 1; grid-column-start: 1; grid-column-end: -1; }
    .nogrid a {color: #007aae;}
    .mobmenu a, .mobmenu i {color: #fff;}
}

@media (max-width: 1023px) {
    .headmain {padding: 40px;    flex-direction: column; align-items: center;}
    .headmain .button {margin-top: 15px; }
    .text h1 {max-width: 100%;        margin-bottom: 20px;}
    .imgmain {        width: 100%; height: 380px;}
    .imgmain img {    object-position: top;}
    .gridslider {grid-template-columns: 1fr 1fr;gap: 15px; }
    .next, .prev {margin-right: 0;}
    .catss:first-child { margin-right: 0; }
    .text p {margin-bottom: 15px;}
}




@media (max-width: 1000px) {
    
  
    .autobay { margin-bottom: 50px;}
    .blocks_prem {grid-template-columns: 1fr 1fr;}
    .block_prem:last-child {grid-column: span 1;}
    .img_prem h2 {    font-size: 37pt; text-align: center;    padding: 30px;}
    .img_prem {height: 580px;}
    .yotube .swiper-slide {width: 90%;}
    .soc {    flex-direction: column; }
    .socblock {width: 100%;}
    .social {margin-top: 20px;}
    .midleblock .footer_tel  a {    font-size: 20pt;}
.autobay > .flex:not(.autobay_footer) {flex-direction: column;}
.autobay_left, .autobay_right  { width: 100%; }
.autobay_footer button { font-size: 15pt; }
.blocks_cena {grid-template-columns: 1fr}
.teams #dle-content {    grid-template-columns: 1fr;}
.team .info { font-size: 14pt; }
.addnews { flex-wrap: wrap; row-gap: 20px;}
.addnewsleft { display: grid; grid-template-columns: 1fr 1fr; max-width: 100%; column-gap: 20px; }
.addcomment .comment { height: 80px; }
    .addcomment {    flex-direction: column;}
.allreviews .review_short .short-story  {    font-size: 10pt;}
.allreviews .review_short {height: 535px;}
.allreviews .review_short figure { height: 230px; width: 95%;}
.allreviews .review_short {    height: 490px;}
.autobay {     display: flex; flex-direction: column; justify-content: space-between;}
.podobrano {    -webkit-line-clamp: 10;}
.modal {padding: 0;}
.st-landing-wrap_modal {    max-width: 100%; height: 100%;}
.modal .forminput {max-width: 100%;}
.credit {        grid-template-columns: repeat(1, 1fr);    grid-template-rows: repeat(2, 1fr); }
    .container iframe {    height: 490px;}
}

@media (max-width: 800px) {
    .addcomment_send { flex-direction: column; align-items: center;        gap: 15px;     width: 270px;
    margin: 0 auto;}
    .allreviews #dle-content {    grid-template-columns: 1fr;}
    .allreviews .review_short figure {width: 90%;}
}

@media (max-width: 850px) {
    .footer_down {    flex-direction: column;  gap: 15px;}
    .flex.autobay_footer {flex-direction: column;    align-items: center;}
    .cenarf {width: 90%;}
    .autobay_footer button { width: 90%; padding: 25px;}
    .gallery-top img { height: 420px;}
}



@media (max-width: 710px) {
    .block_opyt b { font-size: 20pt; }
    .block_opyt span { font-size: 16px; }
    .block_opyt {padding: 20px;}
    .footer_up img {width: 150px; object-fit: contain;} 
    .footer_up button {font-size: 14px; }
    footer {padding: 25px 15px;}
    .midleblock li a { font-size: 12pt; }
    .adress {font-size: 10pt;}
    .footer_soc a {width: 40px; height: 40px;}
    .midleblock .footer_tel a { font-size: 16pt; }
    .footer_tel span { font-size: 10pt; }
    .footer_tel i { font-size: 30px; }
    .footer_tel { margin-top: 30px;}
    .catran .flex {height: 260px;}
    .catran .gallery-thumbs li { width: 100px; height: 70px; }
    .pagination__btn-loader a {    font-size: 16pt;}
    .team .info { font-size: 10pt; }
    .shemablock i { font-size: 30px; }
    .credit {        grid-template-columns: repeat(1, 1fr);        grid-template-rows: 1fr 250px; }
    .credit img {    height: 250px;}
   
}




@media (max-width: 620px) {
    .catss {width: 33%;}
    .catmain {left: 0;    padding: 0px 15px;}
    .opit, .uslugi, .slider { padding: 20px;}
    .shemablock {padding: 50px 30px;}
    .shemablock span { font-size: 12pt; }
    .shemablock .button {    width: auto; padding: 0 15px;font-size: 16px;}
    .shemablock-last {    padding:50px 20px;}
    .block_prem b {font-size: 14pt;}
    .block_prem span { font-size:12px;}
    .catran_foot .title { font-size: 10pt; }
    .catrc .button { width: 85%; font-size: 13pt;}
    h2 {font-size: 26px;}
    .catmain {flex-direction: column;}
    .catss a {    flex-direction: row;    width: 230px;    align-items: center;    height: 50px;    padding: 10px;}
    .container { margin: 70px 20px 0 20px; }
    h2 { font-size: 26px; }
    .socblock b { font-size: 26px; }
    .cat {    padding: 20px;}
    .podobrano {-webkit-line-clamp: 10;}
    .img_prem { height: 480px; }
    .img_prem img {height: 350px;}
    .autobay_right .title { font-size: 20px;}
}

@media (max-width: 540px) {
    .team {flex-direction: column;}
    .team .img {width: 100%;}
    .team .info {width: 100%; }
    .catrc .button { padding: 15px 30px; }
}



@media (max-width: 520px) {
    .midleblock .footer_tel a { font-size: 12pt; }
    .footer_tel i { font-size: 25px; }
    .adress b { font-size: 13pt; }
    .adress { font-size: 9px; -webkit-text-size-adjust: none; /* Для WebKit-браузеров */
        -moz-text-size-adjust: none;    /* Для Firefox */
        -ms-text-size-adjust: none;     /* Для Internet Explorer */
        text-size-adjust: none;font-variant-numeric: normal;    }
}






@media (max-width: 500px) {
    .text h1 { font-size: 24px; }
    .headmain { padding: 20px;}
    .catss span { font-size: 10pt; }
    .blocks {grid-template-columns: 1fr;}
    .opit, .uslugi  {padding: 20px;}
    h2 {font-size: 24px;}
    .block_uslugi {padding: 15px;}
    .buttons {    display: flex; gap: 5px;}
    .img_prem h2 {font-size: 25pt;}
    .img_prem { height: 360px; }
    .review_short{width: 100%;}  
    .catran_foot {    flex-direction: column; align-items: center;}
    .catran_foot > div { width: 100%; }
    .blocks_cena h2 { padding: 70px 40px; }
    .block_cena b { font-size: 11pt; }
    .block_cena span { font-size: 10pt; }
    .catran .gallery-thumbs li { width: 70px; height: 50px; }
    .gallery-top img { height: 250px; }
    .gallery-thumbs li { height: 60px; }
    .cat h1  {font-size: 28pt;}
    .social,  .socblock b  {margin-left: 20px;}
    .img_prem img { height: 280px; }
    .catrc {    text-align: left;}
    .catrc .cena {    align-items: flex-start;}
}





@media (max-width: 445px) {
    .shemablocks {grid-template-columns: 100% ;}
    .shemablock-last { grid-column: span 1;}
    .blocks_prem {grid-template-columns: 100% ;}
    .img_prem {grid-column: span 1;}
    .review .link {    display: flex; align-items: center;font-size: 25px;}
    .footer_midle { grid-template-columns: 100%;        grid-template-areas: "top ";}
    .footer_midle > .midleblock:nth-child(2) { grid-area: top; }
    .autobay_right .title { font-size: 16pt;}
    .catran .flex { height: 185px; }
    .cats form {        grid-template-columns: 100%;}

}



@media (max-width: 400px) {
    .catss span { font-size: 8pt; }
    .short {width: 100%;}
    .socblock {    padding: 20px;}
    .shemablock-last b { width: 100%; }
    .footer_up img {        width: 120px;}
    .footer_up button {    padding: 15px 5px;}
}



.DLEPush {
    z-index: 9999999999;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

iframe #content {display:block}

#loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1000;
}

#loader img {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}


.tail-select-container.select-label .select-handle {
    /* margin: 5px 3px; */
    padding: 15px!important;
}

.stat {background-color: #ffffff;
    padding: 20px;    display: flex;
    gap: 25px;    margin-bottom: 15px;}
.stat img {    width: 650px;
    height: 400px;
    object-fit: cover;    flex-shrink: 0;}
.titlestat {    color: #003f75;
    font-size: 30px;
    font-weight: 900;
}
.infostat {display: flex;
    flex-direction: column;
    justify-content: space-between;}
.infostat .button {    width: 165px;
    text-align: center;}
.infostat .button a {color:#ffffff;}
.infostat .button a:hover {color:#002e5c;}
.infostat .button:hover a {color:#002e5c;}
.linkbutton {    display: flex;
    justify-content: flex-end;}


@media (max-width: 1300px) {
    .stat img {width: 450px;
    height: 250px;}
    
}

@media (max-width: 1200px) {
.titlestat {    font-size: 20px;}
    .shortstat {font-size: 14px;}
}

@media (max-width: 1000px) {
    .stat img {width: 350px;}
}

@media (max-width: 900px) {
    .stat {    flex-direction: column;
    align-items: center;}
    .stat img {width: 100%;}
}
.full {background-color: #ffffff;
    padding: 15px;}
.full .stat {padding: 0;}
.full h2 {font-size: 20px;}
.full ol {    margin-left: 15px;} 
.full-story img {    max-width: 100%;
    object-fit: cover;}

.related-news {    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
    grid-gap: 10px 10px;
    grid-auto-flow: row dense;}
.related-news img {width: 100%;height: 100%;
    object-fit: cover;}
.related {height: 250px;    position: relative;    width: 100%;
    max-width: 100%;}
.related .title {    position: absolute;
    bottom: 0;
    padding: 10px;    color: #fff;}
.related  a {color: #ffffff;     width: 100%;
    display: block;
    max-width: 100%;    height: 100%;}
.speedstat ul  {    flex-wrap: wrap;}
@media (max-width: 910px) {
    .related-news {    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
}
/* Основная кнопка */
.whatsapp-button {
    position: fixed;
    right: 50px;
    bottom: 25px;
    background: #25D366;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 9999;

    display: flex;
    justify-content: center;
    align-items: center;

    box-shadow: 0 4px 12px rgba(0,0,0,0.25);

    animation: wa-fade 0.4s ease;
}

/* Картинка иконки */
.whatsapp-button .wa-icon {
    width: 35px;
    height: 35px;
}

/* Волны */
.whatsapp-button:before,
.whatsapp-button:after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    border: 2px solid #25D366; /* тонкая линия */
    animation: wa-wave 2.5s linear infinite; /* медленно */
    opacity: 0;
}

.whatsapp-button:after {
    animation-delay: .7s;
}

/* Анимация волн — тонкие, плавные, медленные */
@keyframes wa-wave {
    0% {
        transform: scale(1);
        opacity: 0.4;   /* старт мягче */
    }
    60% {
        transform: scale(1.4); /* волны больше и плавнее */
        opacity: 0.08;  /* почти исчезают */
    }
    100% {
        transform: scale(1.8); 
        opacity: 0;
    }
}

/* Плавное появление кнопки */
@keyframes wa-fade {
    from { opacity: 0; transform: scale(0.5); }
    to   { opacity: 1; transform: scale(1); }
}

/* --- АДАПТАЦИЯ ДЛЯ МОБИЛЬНЫХ --- */
@media (max-width: 800px) {

    .whatsapp-button {
        right: 45px;
        bottom: 20px;
        transform: translateX(50%);  
        width: 60px;
        height: 60px;
    }

    .whatsapp-button .wa-icon {
        width: 33px;
        height: 33px;
    }
}