* {
	margin: 0;
	padding: 0;
}
.slider-container {
    padding: 0;
}
body {
	color: #000;
	font-family: Montserrat,Arial,sans-serif;
	font-size: 16px;
    line-height: 1.5;
}
@font-face { 
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.eot");
    src:url("../fonts/Montserrat-Regular.woff") format("woff"),
        url("../fonts/Montserrat-Regular.woff2") format("woff2"),
        url("../fonts/Montserrat-Regular.svg") format("svg"),
        url("../fonts/Montserrat-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat-Bold";
    src: url("../fonts/Montserrat-Bold.eot");
    src:url("../fonts/Montserrat-Bold.woff") format("woff"),
        url("../fonts/Montserrat-Bold.woff2") format("woff2"),
        url("../fonts/Montserrat-Bold.svg") format("svg"),
        url("../fonts/Montserrat-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.headBg {
    padding: 15px 0 0;
    background: url(../images/bg_header.jpg) no-repeat center;
    background-size: cover;
}
.header {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(248, 248, 248, .1);
    font-size: 13px;
    line-height: 20px;
    color: #fff;
}
.header p {
    margin: 0;
}
.mess {
    text-align: right;
    margin-bottom: 15px;
}
.malBukH {
    font-size: 10px;
}
.malBukH img {
    margin-right: 10px;
}
.pochOz {
    padding-left: 100px;
}
.pochta a, .telef a {
    color: #fff;
    text-decoration: none;
}
a.ostZayav {
    cursor: pointer;
    color: #008dc4;
}
.modal-content, .modal-header {
    background: transparent;
    border: none;
}
.modal-dialog .convertforms {
    background: transparent;
}
.modal-dialog .convertforms .cf-form-wrap {
    border: 2px solid #019670;
    border-radius: 10px;
    background: #2a3b57;
    padding: 25px;
    color: #fff;
}
.modal-header .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    opacity: 1;
}
a.zakazZv, a.ostZSh {
    display: block;
    height: 53px;
    padding: 16px 5px;
    border: 1px solid #019670;
    border-radius: 5px;
    background-color: #019670;
    color: #fff;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
a.zakazZv:hover, a.ostZSh:hover {
    border: 1px solid #019670;
    background-color: #fff;
    color: #019670;
}
.convertforms .cf-btn {
    border: 1px solid #019670;
}
.convertforms .cf-btn:hover {
    border: 1px solid #019670;
    background-color: #fff;
    color: #019670 !important;
    opacity: 1;
}
a.ostZSh {
    display: inline-block;
    width: 210px;
    margin-left: 35px;
}
.telVr {
    padding-left: 70px;
}
.fonGM .dj-megamenu-clean li a.dj-up_a > span span.name {
    color: #fff;
}
.fonGM .dj-megamenu-clean.dj-fa-no .arrow:before {
    border: solid #fff;
    border-width: 0 1px 1px 0;
}
.fonGM .dj-megamenu-clean li:nth-child(1) a.dj-up_a {
    padding-left: 0;
}
.fonGM .dj-megamenu-clean li a.dj-up_a {
    font-size: 15px;
}
.fonGM .dj-megamenu-clean li ul.dj-submenu > li {
    background-color: rgba(1, 150, 112, 0.1);
}
.fonGM .dj-megamenu-clean li ul.dj-submenu > li > a {
    padding: 5px 15px;
}
.utpZ {
    position: relative;
    color: #fff;
    padding-bottom: 200px;
}
.utpZg {
    padding-top: 130px;
    font-family: "Montserrat-Bold";
    font-size: 40px;
    line-height: 1;
}
.utpMl {
    margin-bottom: 40px;
    font-size: 30px;    
}
.utp ul {
    margin-top: 20px;
    list-style: none;
    line-height: 40px;
}
.utp li {
    margin-bottom: 30px;
    padding-left: 50px;
    background: url(../images/bg_li.png) no-repeat 0 center;
    line-height: 1.5;
}
.zayavka {
    position: absolute;
    top: 100px;
    right: 0;
    width: fit-content;
}

        .interlink-block {
            padding: 20px;
            margin: 20px 0;
            border-radius: 5px;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            font-family: Arial, sans-serif;
        }

        .interlink-block h2 {
            font-size: 24px;
            color: #333;
            margin-bottom: 15px;
            text-align: center;
        }

        .interlink-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
            list-style: none;
            padding: 0;
        }

        .interlink-list li {
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 15px;
            text-align: center;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .interlink-list li:hover {
            transform: translateY(-3px);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .interlink-list a {
            text-decoration: none;
            color: #007bff;
            font-size: 16px;
            font-weight: 500;
        }

        .interlink-list a:hover {
            color: #0056b3;
            text-decoration: underline;
        }

        @media (max-width: 768px) {
            .interlink-list {
                grid-template-columns: 1fr;
            }
        }

#cf_3 {
    width: 422px;
    margin-left: auto;
    margin-right: 0em;
    background: rgba(4, 12, 28, 0.7);
    border: 1px solid #5f5f5f;
    border-radius: 10px;
    backdrop-filter: blur(2px);
    color: #fff;
}
#cf_3 .cf-content-wrap, #cf_3 .cf-form-wrap {
    padding: 60px 50px;
}
#cf_3 .zagPr {
    padding: 12px 40px;
}
#cf_3 .h3, #cf_3 h3 {
    font-weight: 700;
}
#cf_3 .cf-input {    
    background-color: transparent;
    color: #fff;
}
#form3_name {    
    background: url(../images/bg_input.png) no-repeat 88% center, url(../images/bg_imya.png) no-repeat 96% center;
}
#form3_tel7 {    
    background: url(../images/bg_input.png) no-repeat 88% center, url(../images/bg_telForm.png) no-repeat 96% center;
}
#cf_3 ::placeholder, #cf_5 ::placeholder {
  color: #fff;
}
#cf_3 ::-webkit-input-placeholder, #cf_5 ::-webkit-input-placeholder {
  color: #fff;
}
#cf_3 ::-moz-placeholder, #cf_5 ::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
#cf_3 :-ms-input-placeholder, #cf_5 :-ms-input-placeholder {
  color: #fff;
}
#cf_1 .cf-checkbox-group .cf-label, #cf_2 .cf-checkbox-group .cf-label, #cf_3 .cf-checkbox-group .cf-label {
    font-size: 14px;
    color: #fff;
}
.kluch {
    width: 507px;
    height: 418px;
    position: absolute;
    top: 215px;
    right: 150px;
    background: url(../images/kluch.png) no-repeat center;
}
.pochSt, .uslugi, .vykupaem, .textGl, .shRab, .filialy, .otzyvy, .voprosy, .ostVop {
    margin-top: 90px;
}
.h2, h2 {
    margin-bottom: 30px;
    font-family: "Montserrat-Bold";
    font-size: 40px;
}
.pochSt .col {
    padding: 0 20px;
}
.bordL {
    border-left: 1px solid rgba(0, 0, 0, .2);
}
.zagPrim {
    margin-bottom: 10px;
    font-family: "Montserrat-Bold";
    font-size: 16px;    
}
.kred {
    width: 24%;
    background: url(../images/vykup_kreditnyh.png) no-repeat center;
}
.lising {
    width: 24%;
    margin: 0 1% 20px;
    background: url(../images/vykup_lizing.png) no-repeat center;
}
.bezDok {
    background: url(../images/vykup_bez_dok.png) no-repeat center;
}
.zapret {
    width: 49%;
    margin-right: 1%;
    background: url(../images/vykup_s_zapretom.png) no-repeat center;
}
.zalog {
    background: url(../images/vykup_s_zalogom.png) no-repeat center;
}
.hu {
    height: 299px;
    padding: 0;
    border-radius: 10px;
    background-size: cover;
}
.grad {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(14, 40, 94, 0) 0%, rgba(8, 19, 43, 0.6) 60.4%, #091223 100%);
    opacity: .8;
    border-radius: 10px;
}
.opisU {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
}
.zagUsl {
    font-family: "Montserrat-Bold";
    font-size: 18px;
}
.cena {
    font-size: 14px;
}
.logot {
    position: relative;
    height: 100px;
    box-shadow: 0px 11px 33px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 10px;
}
.logot img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.load-more-container .col-sm-3:nth-child(1n + 11) {
    max-height: 0;
    opacity: 0;
    transition: 0.1s ease-in;
}
.load-more-container .load-more-btn, .pokazVs a {
    display: block;
    width: 206px;
    line-height: 52px;
    border-radius: 2px;
    margin: 0 auto;
    background-color: #fff;
    color: #019670;
    border: 1px solid #019670;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}
.pokazVs a {
    text-decoration: none;
}
.load-more-container .load-more-btn:hover, .pokazVs a:hover {
    background-color: #019670;
    border: 1px solid #019670;
    color: #fff;
}
.load-more-container .load-more-btn .loaded {
    display: none;
}
.load-more-container #load-more {
    display: none;
}
.load-more-container #load-more:checked ~ .col-sm-3:nth-child(1n + 11) {
    max-height: 999px;
    opacity: 1;
    transition: 0.2s ease-in;
}
.load-more-container #load-more:checked ~ .load-more-btn .loaded {
    display: block;
}
.load-more-container #load-more:checked ~ .load-more-btn .unloaded {
    display: none;
}
.pokaz {
    margin-top: 30px;
    z-index: 1;
}
.textGl {
    padding: 85px 15px;
    background: url(../images/bg_textGl.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
}
.txtGl {
    padding-right: 50%;
    font-size: 17px;
    line-height: 30px;
}
.h1, h1 {
    margin-bottom: 20px;
    font-size: 46px;
    font-family: "Montserrat-Bold";
}
.shem {
    position: relative;
    padding-left: 120px;
    background: url(../images/sh_strel.png) no-repeat left;
    background-size: contain;
}
.cifrSh {
    position: absolute;
    left: 45px;
    color: #019670;
    font-size: 36px;
    line-height: 1;
}
.zagSh {    
    font-size: 24px;
    text-transform: uppercase;
}
.whatsB {
    margin-right: 10px;
}
.filialy .col-sm-6 {
    margin-bottom: 20px;
}
.filialy a {
    color: #000;
    text-decoration: none;
}
.zagNf {
    font-size: 24px;
}
.posl {    
    padding-top: 51px;
}
#karta {
    padding: 0;
}
.besplOc {
    position: relative;
}
.BeOc {
    position: absolute;
    top: -155px;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 11px 33px 0px rgba(0, 0, 0, 0.1);
}
.zagBOc {
    padding: 50px 50px 0;
    text-align: center;
}
#cf_4 {
    max-width: 100%;
}
#cf_4 .cf-form-wrap {
    padding: 50px;
}
#cf_4 .imya, #cf_4 .telef {
    max-width: 32%;
    margin-right: 2%;
    padding: 0;
}
/*#form4_name, #form4_tel7 {
    height: 70px;
}*/
#cf_4 .btnBespl {
    max-width: 32%;
    padding: 0;
}
#cf_4 .btnBespl .cf-btn {
    width: 100%;
    /*height: 70px;*/
}
#cf_4 .polit .cf-checkbox-group {
    margin: 10px auto 0;
}
.ocMess {
    text-align: center;
}
.vykuplAvto {
    margin-top: 350px;
}
.zagVykAv {
    text-align: center;
}
.jt-cs .jt-imagecover::before {
    background: none;
}
.jt-cs .jt-imagecover:hover img {
    transition: none;
    transform: none;
}
.vykuplAvto .owl-carousel .owl-item .jt-introtext img {
    display: none;
}
.jtcs114.positioncenter.owl-carousel .owl-nav {
    z-index: 1 !important;
}
.vykuplAvto .positioncenter.owl-carousel .owl-prev span, .vykuplAvto .positioncenter.owl-carousel .owl-next span {
    display: none;
}
.vykuplAvto .positioncenter.owl-carousel .owl-prev, .vykuplAvto .positioncenter.owl-carousel .owl-next {
    width: 67px;
    height: 67px;
}
.vykuplAvto .positioncenter.owl-carousel .owl-nav button.owl-prev {
    left: 0;
    background: url(../images/prev.png) no-repeat center;
}
.vykuplAvto .positioncenter.owl-carousel .owl-nav button.owl-next {
    right: 0;
    background: url(../images/next.png) no-repeat center;
}
.vykuplAvto .jt-cs .owl-carousel .owl-nav .owl-next, .vykuplAvto .jt-cs .owl-carousel .owl-nav .owl-prev {
    opacity: 1;
}
.vykuplAvto .owl-carousel .owl-item img {
    margin: auto;
}
.vykuplAvto .jt-introtext {
    font-size: 24px;
    text-align: center;
}
.markaAvto {
    margin-right: 35px;
    font-family: "Montserrat-Bold";
}
.vseAvto {
    margin-top: 25px;
}
.otzyvy .owl-carousel .owl-stage {
    padding: 0 0 30px;
}
.otzyvy .jt-cs .slide {
    box-shadow: 0px 11px 33px 0px rgba(0, 0, 0, 0.1);
}
.fotkl {
    padding-right: 0;
}
.imyaKl {
    font-family: "Montserrat-Bold";
    font-size: 13px;
}
.dataOt {
    font-size: 12px;
    color: #c4c4c4;
}
.testi-vote {
    margin-bottom: 15px;
}
span.otzstar:after {
    content: "\2605";
    color: #d2d2d2;
    font-size: 20px;
}
span.otzstar.otzactivestar:after {
    color: #ffd500;
}
.jt-cs .owl-dots span {
    position: relative;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    display: block;
    background: #ebebeb;
    border: none;
    margin: 0 5px;
}
.jt-cs .owl-dots .active span {
    background: #019670;
    box-shadow: none;
    height: 22px;
    width: 22px;
    margin-bottom: -1px;
}
.vseOt {
    margin-top: 45px;
}
.voprosy .accordion-item {
    margin-bottom: 10px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 11px 33px 0px rgba(0, 0, 0, 0.1);
}
.voprosy .accordion-button {
    font-size: 20px;
    border-radius: 10px;
}
/*.voprosy .collapse {
    background-color: rgba(1, 150, 112, 0.1);
    border-radius: 0 0 10px 10px;
}*/
.voprosy .accordion-body {
    background-color: rgba(1, 150, 112, 0.1);
    border-radius: 0 0 10px 10px;
}
.voprosy .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}
.voprosy .accordion-button::after {
    width: 34px;
    height: 34px;
    content: "";
    background: url(../images/vopZakr.png) no-repeat;
}
.voprosy .accordion-button:not(.collapsed)::after {
    width: 34px;
    height: 34px;
    content: "";
    background: url(../images/vopOtkr.png) no-repeat;
}
.voprosy .accordion-button:focus {
    border: none;
    box-shadow: none;
}
.ostVop {
    padding: 40px 15px;
    background: url(../images/bg_ostVop.png) no-repeat right;    
    background-size: cover;
    color: #fff;
}
#cf_5 {
    max-width: 50%;
    background: none;
}
#cf_5 .cf-form-wrap {
    padding: 0;
}
#cf_5 .polit .cf-checkbox-group .cf-label {
    color: #fff;
}
#cf_5 .imya {
    max-width: 49%;
    margin-right: 1%;
}
#cf_5 .email {
    max-width: 49%;
    margin-left: 1%;
}
#cf_5 .cf-input {    
    border: 1px solid #5f5f5f;
}
#form5_name {    
    background: url(../images/bg_input.png) no-repeat 88% center, url(../images/bg_imya.png) no-repeat 96% center, linear-gradient(rgba(4, 12, 28, 0.7), rgba(4, 12, 28, 0.7));    
    backdrop-filter: blur(2px);
}
#form5_email {
    background: url(../images/bg_input.png) no-repeat 88% center, url(../images/bg_email.png) no-repeat 96% center, linear-gradient(rgba(4, 12, 28, 0.7), rgba(4, 12, 28, 0.7));
    backdrop-filter: blur(2px);
}
#form5_textarea5 {
    background-color: rgba(4, 12, 28, 0.7);
    backdrop-filter: blur(2px);
}
#cf_5 .cf-input {
    color: #fff;
}
.fonComp {
    padding-bottom: 40px;
}







.footer {
    padding: 30px 15px;
    background-color: #091223;
    color: #fff;
}
.logoF {
    margin-bottom: 17px;
    font-size: 14px;
}
.logoF p, .kontFoot p {
    margin: 0;
}
.sloganF {
    font-size: 13px;
}
.zagFoot {
    font-size: 17px;
}
.mF1 a, .mF2 a {
    font-size: 14px;    
    color: #aaa;
    text-decoration: none;
}
.mF2 {
    padding-top: 42px;
}
.kontFoot p.zagFoot {
    margin-bottom: 1rem;
}
.kontFoot .malBukH {
    color: #aaa;
}
.kontFoot a {
    color: #fff;
    text-decoration: none;
}
.adresF {
    margin-top: 35px;
}
.kontFoot .zakZv {
    margin-top: 65px;
}
.kontFoot a.zakazZv {
    width: 210px;
}
.item-image {
    overflow: hidden;
}
.item-image img {
    max-width: 100%;
    height: auto;
}
.item-image:hover img {transition: all 0.2s linear 0s;-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.nProekt .h2, .nProekt h2 {
    font-family: "Montserrat";
    font-size: 16px;
}
.proItem {
    position: relative;
}
.prItCon {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: linear-gradient(180deg, rgba(14, 40, 94, 0) 0%, rgba(8, 19, 43, 0.6) 60.4%, #091223 100%);
    color: #fff;
}
.prItCon .blDis {
    display: none;
}





.copyright {
    background: #091223;
    text-align: center;
    color: #fff;
}
.copyr {
    border-top: 1px solid rgba(248, 248, 248, .1);
}
.razR {
    margin-top: 10px;
    font-size: 12px;
}
#scroll2top {
    right: auto;
}
.scrollToTop.medium {
    margin: 0 0 0 10px;
}


@media (max-width: 799px) {
	
}
@media (min-width: 800px) {
	
}
@media (min-width: 768px) {
	
}
@media (min-width: 768px) and (max-width: 1680px) {
	
}
@media (min-width: 768px) and (max-width: 1440px) {
	
}
@media (min-width: 768px) and (max-width: 1366px) {
	.fonGM .dj-megamenu-clean li a.dj-up_a {
        padding: 0 10px;
    }
    .pochOz {
        padding-left: 80px;
    }
    .utpZg {
        padding-top: 50px;
    }
    .zayavka {
        top: 40px;
    }
    .kluch {
        top: 140px;
    }
    .utpZ {
        padding-bottom: 100px;
    }
    #form5_name, #form5_email {
        background-position: 85% center, 95% center;
    }
    .mF1 a, .mF2 a {
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 1280px) {
	
}
@media (min-width: 768px) and (max-width: 1200px) {
	
}
@media (min-width: 768px) and (max-width: 1199px) {
	.container {
		max-width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 1194px) {
    .BeOc {
        max-width: 90%;
    }
}
@media (min-width: 768px) and (max-width: 1180px) {
	
}
@media (min-width: 768px) and (max-width: 1080px) {
	.slogan {
        width: 20.66666667%;
    }
    .pochOz {
        padding-left: 40px;
    }
    .telVr {
        width: 21%;
        padding-left: 30px;
    }
    .fonGM .dj-megamenu-clean li a.dj-up_a {
        font-size: 14px;
    }
    .utpZg {
        font-size: 34px;
    }
    .utpMl {
        font-size: 26px;
    }
    .rabot, .moment, .pried {
        width: 33.33333333%;
        flex: 0 0 auto;
        margin-bottom: 20px;
    }
    .zagUsl {
        font-size: 16px;
    }
    .h1, h1 {
        font-size: 42px;
    }
    .h2, h2 {
        font-size: 36px;
    }
    .logoF {
        font-size: 13px;
    }
    .sloganF {
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 1050px) {
	.fonGM .dj-megamenu-clean li a.dj-up_a {
        font-size: 13px;
    }
    .zagSh {
        font-size: 22px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.utpZg {
        font-size: 32px;
    }
    .utpMl {
        font-size: 24px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
	.logo {
        font-size: 12px;
    }
    .fonGM .dj-megamenu-clean li a.dj-up_a, .fonGM .dj-megamenu-clean li a.dj-up_a > span {
        height: 50px;
    }
    .fonGM .dj-megamenu-clean li a.dj-up_a {
        font-size: 12px;
    }
    .utpZg {
        padding-top: 20px;
        font-size: 30px;
    }
    .utpMl {
        font-size: 22px;
    }
    .zayavka {
        top: 10px;
    }
    .kluch {
        top: 110px;
        right: 110px;
    }
    .zagUsl {
        font-size: 15px;
    }
    .kred, .bezDok {
        width: 32.33333333%;
    }
    .lising {
        width: 33.33333333%;
    }
    .h1, h1 {
        font-size: 40px;
    }
    .h2, h2 {
        font-size: 34px;
    }
    .logoF {
        font-size: 12px;
    }
    #form5_name, #form5_email {
        background-position: 83% center, 94% center;
    }
    .sloganF, .mF1 a, .mF2 a {
        font-size: 11px;
    }
}
@media (min-width: 768px) and (max-width: 966px) {
	.sloganF {
        font-size: 10px;
    }
    .mF1, .mF2 {
        line-height: 1.2;
    }
}
@media (min-width: 897px) {
	.brUsl {
	   display: none;
	}
}
@media (min-width: 768px) and (max-width: 896px) {
	.logo {
        font-size: 11px;
    }
    .slogan {
        width: 22%;
    }
    .pochOz {
        padding-left: 20px;
    }
    .telVr {
        width: 19%;
        padding-left: 15px;
    }
    .zakZv {
        width: 17%;
    }
    .fonGM .dj-megamenu-clean li a.dj-up_a {
        padding: 0 6px;
    }
    .utpZ {
        padding-bottom: 50px;
    }    
    .utpZg {
        font-size: 27px;
    }
    .utpMl {
        font-size: 21px;
    }
    .kluch {
        width: 460px;
        top: 75px;
        right: 70px;
        background-size: contain;
    }
    #cf_3 {
        width: 380px;
    }
    #cf_3 .cf-content-wrap, #cf_3 .cf-form-wrap {
        padding: 35px 30px;
    }
    .txtGl {
        padding-right: 15px;
    }
    .tGlOt {
        padding-right: 50%;
    }
    .h1, h1 {
        font-size: 36px;
    }
    .h2, h2 {
        font-size: 30px;
    }
    .zagSh {
        font-size: 19px;
    }
    .ostVop {
        padding: 20px 15px;
    }
    #form5_name, #form5_email {
        background-position: 81% center, 94% center;
    }
    .logMes, .kontFoot {
        width: 100%;
    }
    .logoF, .sloganF, .mF1 a, .mF2 a {
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 853px) {
    .mess {
        margin-bottom: 50px;
        text-align: left;
    }
	.logo {
        font-size: 10px;
    }
    .pochOz {
        padding-left: 15px;
    }
    .zakZv {
        font-size: 12px;
    }
    #cf_3 {
        width: 330px;
    }
    #cf_3 .zagPr {
        padding: 12px 15px;
    }
    .GMenu .dj-mobile-open-btn {
        position: fixed;
        top: 20px;
        right: 20px;
        background: #3b81eb;
        width: 55px;
        height: 55px;
        z-index: 2;
    }
    #form3_name, #form3_tel7 {
        background-position: 86% center, 95% center;
    }
}
@media (min-width: 768px) and (max-width: 834px) {
    .vremya {
        order: 1;
        width: 21%;
    }
    .mess {
        width: 11%;
        order: 2;
    }
	.logo {
        width: 21%;
        font-size: 13px;
    }
    .slogan {
        width: 70%;
        margin-bottom: 20px;
    }
    .pochOz {
        width: 28%;
        order: 1;
    }
    .telVr {
        width: 19%;
        order: 1;
        padding-right: 0;
    }
    .zakZv {
        width: 21%;
        font-size: 13px;
        order: 2;
    }
    .kluch {
        width: 390px;
    }
    .h1, h1 {
        font-size: 34px;
    }
    .h2, h2 {
        font-size: 28px;
    }
    .zagSh {
        font-size: 17px;
    }
}
@media (min-width: 768px) and (max-width: 820px) {
	
}
@media (min-width: 813px) {
	
}
@media (min-width: 768px) and (max-width: 812px) {
	.utpZg {
        font-size: 25px;
    }
    .utpMl {
        font-size: 19px;
    }
    .shem {
        padding-left: 100px;
    }
    .cifrSh {
        left: 35px;
    }
}
@media (min-width: 768px) and (max-width: 800px) {
    .logo {
        font-size: 12px;
    }
	.utp ul {
        padding-left: 20px;
    }
    .utp li {
        padding-left: 30px;
    }
}
@media (min-width: 768px) and (max-width: 786px) {
	.shem {
        padding-left: 96px;
    }
}
@media (min-width: 768px) and (max-width: 768px) {
	.vremya {
        width: 19%;
    }
    .telVr {
        width: 21%;
    }
    .utpZg {
        font-size: 23px;
    }
    .utpMl {
        font-size: 17px;
        font-weight: bold;
    }
    .utp ul {
        padding-left: 10px;
    }
    .kluch {
        right: 55px;
    }
    a.ostZSh {
        margin-left: 30px;
    }
    .shem {
        padding-left: 88px;
    }
    .cifrSh {
        left: 30px;
    }
    #cf_5 {
        max-width: 60%;
    }
}
@media (max-width: 767px) /*740px*/ {
	.container, .container-sm {
        max-width: 100%;
    }	
    .GMenu .dj-mobile-open-btn {
        position: fixed;
        top: 20px;
        right: 20px;
        background: #3b81eb;
        width: 55px;
        height: 55px;
        z-index: 2;
    }
    .vremya {
        order: 1;
        width: 18%;
    }
    .mess {
        width: 11%;
        order: 2;
    }
	.logo {
        width: 18%;
        font-size: 9px;
    }
    .slogan {
        width: 70%;
        margin-bottom: 20px;
    }
    .pochOz {
        width: 29%;
        order: 1;
        padding-left: 15px;
    }
    .telVr {
        width: 21%;
        order: 1;
        padding-right: 0;
        padding-left: 15px;
    }
    .header .zakZv {
        width: 21%;
        font-size: 13px;
        order: 2;
    }
    .utpZ {
        padding-bottom: 50px;
    }
    .utpZg {
        padding-top: 20px;
        font-size: 22px;
    }
	.utpMl {
        font-size: 17px;
        font-weight: bold;
    }
    .utp ul {
        padding-left: 10px;
    }
    .utp li {
        padding-left: 30px;
    }
    .kluch {
        width: 360px;
        top: 75px;
        right: 55px;
        background-size: contain;
    }
    .zayavka {
        top: 10px;
    }
    #cf_3 {
        width: 300px;
    }
    #cf_3 .cf-content-wrap, #cf_3 .cf-form-wrap {
        padding: 35px 30px;
    }
    #cf_3 .zagPr {
        padding: 12px 10px;
    }
    #cf_3 .h3, #cf_3 h3 {
        font-size: 22px !important;
    }
    #cf_3 .cf-btn {
        font-size: 15px;
    }    
    #form3_name, #form3_tel7 {
        background-position: 84% center, 95% center;
    }
    .h1, h1 {
        font-size: 34px;
    }
    .h2, h2 {
        font-size: 28px;
    }
    .rabot, .moment, .pried, .dogovor {
        width: 50%;
        flex: 0 0 auto;
        margin-bottom: 20px;
    }
    .pried, .taxi {
        border: none;
    }
    .kred, .bezDok {
        width: 49%;
        margin-right: 1%;
    }
    .lising, .zapret {
        width: 49%;
        margin: 0 0 20px 1%;
    }
    .zalog {
        width: 49%;
        margin: 0 auto;
    }
    .txtGl {
        padding-right: 15px;
    }
    .tGlOt {
        padding-right: 50%;
    }
    a.ostZSh {
        width: 180px;
        margin-left: 30px;
    }
    .shem {
        padding-left: 88px;
    }
    .cifrSh {
        left: 30px;
    }
    .zagSh {
        font-size: 17px;
    }
    .BeOc {
        max-width: 90%;
    }
    .ostVop {
        padding: 20px 15px;
    }
    #cf_5 {
        max-width: 60%;
    }
    #form5_name, #form5_email {
        background-position: 81% center, 94% center;
    }
    .logMes, .kontFoot {
        width: 100%;
    }
}
@media (max-width: 667px) {
	.vremya {
        width: 40%;
    }
    .mess {
        width: 11%;
        padding-left: 0;
    }
    .logo {
        width: 20%;
    }
    .slogan {
        width: 30%;
    }
    .pochOz {
        width: 33%;
    }
    .telVr {
        width: 23%;
    }
    .header .zakZv {
        width: 26%;
    }
    .utp {
        padding-left: 15px;
    }
    .utpMl, .utp li {
        margin-bottom: 15px;
    }
    .kluch {
        top: auto;
        right: auto;
        bottom: 0;
    }
    .zayavka {
        position: relative;
        top: 0;
        width: 100%;
    }
    #cf_3 {
        width: 70%;
        margin: 0 auto;
    }
    #form3_name, #form3_tel7 {
        background-position: 87% center, 95% center;
    }
    .tGlOt {
        padding-right: 15px;
    }
    a.ostZSh {
        width: 155px;
    }
    .brBOc {
        display: none;
    }
    .zagBOc {
        padding: 50px 30px 0;
    }
    #cf_4 .cf-form-wrap {
        padding: 10px 30px 50px;
    }
    #form5_name, #form5_email {
        background-position: 80% center, 94% center;
    }
}
@media (max-width: 640px) {
	.pochOz {
        width: 35%;
    }
    .telVr {
        width: 25%;
    }
    .textGl {
        padding: 30px 15px;
    }
    .txtGl {
        padding-right: 15px;
    }
    .mesSh {
        text-align: center;
    }
    a.ostZSh {
        width: 200px;
        margin: 30px 0 0;
    }
    #cf_5 {
        max-width: 70%;
    }
}
@media (max-width: 620px) {
	.logo {
        width: 22%;
    }
    .slogan {
        width: 32%;
    }
}
@media (max-width: 600px) {
	.pochOz {
        width: 37%;
    }
    .mess {
        width: 13%;
    }
    .header .zakZv {
        width: 25%;
        font-size: 12px;
    }
    #cf_3 .zagPr {
        padding: 12px 60px;
    }
    .h2, h2 {
        font-size: 26px;
    }
}
@media (max-width: 568px) {
    .header {
        font-size: 12px;
    }
    .logo {
        width: 24%;
    }
    .telVr {
        width: 24%;
        padding-left: 0;
    }
    .header .zakZv {
        padding-right: 0;
    }
    #cf_3 {
        width: 80%;
    }
    #cf_3 .zagPr {
        padding: 12px 75px;
    }
    .pochSt, .uslugi, .vykupaem, .textGl, .shRab, .filialy, .otzyvy, .voprosy, .ostVop {
        margin-top: 50px;
    }
    .rabot, .moment, .pried, .dogovor {
        width: 100%;
        border: none;
    }
    .vykupaem .col-sm-3 {
        width: 50%;
    }
    .shRab {
        position: relative;
        padding-bottom: 110px;
    }
    .mesSh {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
    }
    a.ostZSh {
        margin: 0 0 0 30px;
    }
    .zagTw {
        display: none;
    }
    .posl {
        padding-top: 0;
    }
    #cf_5 {
        max-width: 80%;
    }
    .logSl {
        width: 100%;
        margin-bottom: 20px;
    }
    .mFut {
        width: 50%;
    }
}
@media (max-width: 533px) {
	.header {
        font-size: 11px;
    }
    .slogan {
        line-height: 1.5;
    }
    .malBukH {
        font-size: 8px;
    }
}
@media (max-width: 480px) {
	.header {
        font-size: 12px;
    }
    .logo {
        width: 28%;
    }
    .slogan {
        width: 50%;
        margin-bottom: 15px;
        line-height: 1.5;
    }
    .malBukH {
        font-size: 10px;
    }
    .pochOz {
        width: 45%;
    }
    .telVr {
        width: 30%;
    }
    .mess {
        width: 15%;
        margin: 0;
        padding-top: 30px;
    }
    .vremya {
        width: 42%;
        order: 3;
        margin-top: 15px;
    }
    .header .zakZv {
        width: 46%;
        order: 3;
        margin-top: 15px;
        padding-right: 0;
    }
    #cf_3 .zagPr {
        padding: 12px 40px;
    }
    .kred, .bezDok, .lising, .zapret, .zalog {
        width: 100%;
        margin: 0 0 20px 0;
    }
    #cf_4 .imya, #cf_4 .telef {
        max-width: 100%;
        margin-right: 0;
        padding: 0 0 20px;
    }
    #cf_4 .btnBespl {
        max-width: 100%;
    }
    .vykuplAvto {
        margin-top: 450px;
    }
    #cf_5 {
        max-width: 90%;
    }
    .kontFoot {
        font-size: 14px;
    }
    .kontFoot .zakZv, .kontFoot a.zakazZv {
        width: 100%;
    }

}
@media (max-width: 432px) {
	.logo {
        width: 30%;
    }
    .pochOz {
        width: 50%;
    }
    .telVr {
        width: 33%;
    }
    .mess {
        width: 16%;
    }
    #cf_3 {
        width: 90%;
    }
    #form3_name, #form3_tel7 {
        background-position: 85% center, 95% center;
    }
    .brUtp {
        display: none;
    }
    .h1, h1 {
        font-size: 32px;
    }
    .h2, h2 {
        font-size: 24px;
    }
    #cf_5 {
        max-width: 100%;
    }
    .kontFoot {
        font-size: 12px;
    }
}
@media (max-width: 414px) {
    .logo {
        width: 33%;
    }
    .vremya {
        order: 2;
    }
    .telVr {
        width: 40%;
        order: 2;
        margin-top: 15px;
        padding-left: 15px;
    }
    .mess {
        width: 17%;
        order: 3;
    }
    .header .zakZv {
        width: 41%;
    }
    #cf_3 {
        width: 96%;
    }
    .h1, h1 {
        font-size: 30px;
    }
}
@media (max-width: 400px) {
	.pochOz {
        width: 58%;
    }
    .utpZg {
        font-size: 20px;
    }
    .utpMl {
        font-size: 16px;
    }
    #cf_3 .zagPr {
        padding: 12px 35px;
    }
    .mF1 a, .mF2 a {
        font-size: 13px;
    }
    .telefF, .pochtaF {
        padding-right: 0;
    }
}
@media (max-width: 390px) {
	.logo {
        width: 35%;
    }
    .telVr {
        width: 41%;
    }
    .mess {
        width: 19%;
    }
    .header .zakZv {
        width: 40%;
    }
    #cf_3 .zagPr {
        padding: 12px 30px;
    }
    .h1, h1 {
        font-size: 28px;
    }
    #cf_5 .imya, #cf_5 .email {
        max-width: 100%;
        margin: 0;
    }
    #form5_name, #form5_email {
        background-position: 85% center, 94% center;
    }
}
@media (max-width: 384px) {
	.mFut, .kontFoot .col-6 {
        width: 100%;
    }
    .mF2 {
        padding-top: 0;
    }
    .adresF, .pochtaF {
        margin-top: 15px;
    }
    .kontFoot .zakZv {
        margin-top: 30px;
    }
}
@media (max-width: 375px) {
    #cf_3 .zagPr {
        padding: 12px 25px;
    }
	.h1, h1 {
        font-size: 26px;
    }
    .h2, h2 {
        font-size: 22px;
    }
    .zagNf {
        font-size: 21px;
    }
    .vykuplAvto {
        margin-top: 500px;
    }
}
@media (max-width: 360px) {
	.header {
        font-size: 11px;
    }
    .logo {
        padding-right: 0;
    }
    .malBukH {
        font-size: 9px;
    }
    .mess {
        padding-right: 10px;
    }
    #cf_3 .zagPr {
        padding: 12px 15px;
    }
    .kluch {
        width: 340px;
    }
}
@media (max-width: 346px) {
	.telVr {
        width: 42%;
    }
    .mess {
        padding-right: 5px;
    }
    .header .zakZv {
        width: 39%;
    }
    #cf_3 .zagPr {
        padding: 12px 10px;
    }
    .kluch {
        width: 320px;
    }
    .h1, h1 {
        font-size: 25px;
    }
    a.ostZSh {
        width: 160px;
    }
}
@media (min-width: 321px) {
	
}
@media (max-width: 320px) {
	.logo {
        width: 40%;
        margin: 0 50% 10px 0;
    }
    .slogan {
        width: 100%;
    }
    .pochOz {
        width: 62%;
    }
    .vremya {
        width: 38%;
    }
    .telVr {
        width: 50%;
    }
    .mess {
        padding-right: 0;
    }
    .header .zakZv {
        width: 90%;
    }
    #cf_3 .cf-content-wrap, #cf_3 .cf-form-wrap {
        padding: 35px 20px;
    }
    #cf_3 .zagPr {
        padding: 12px 5px;
    }
    .brtGl {
        display: none;
    }
    a.ostZSh {
        margin-left: 20px;
    }
    #form5_name, #form5_email {
        background-position: 83% center, 94% center;
    }
}

.gallery-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    margin-bottom: 20px;
}

.image-wrapper {
    display: block;
    cursor: pointer;
}

.grid-image {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
    transition: transform 0.3s ease;
}

.grid-image:hover {
    transform: scale(1.02);
}

.lightbox-toggle {
    display: none;
}

.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000 !important;
    align-items: center;
    justify-content: center;
}

.lightbox-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999 !important;
    cursor: pointer;
}

.lightbox-toggle[id^="img"]:checked ~ .lightbox {
    display: flex !important;
}

.lightbox-content-wrapper {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    width: 1200px;
    height: 900px;
    z-index: 10001 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.lightbox-content {
    display: none;
    width: 100%;
    height: 100%;
    pointer-events: auto;
}

.lightbox-toggle[id^="img"]:checked ~ .lightbox #content1,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content2,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content3,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content4,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content5,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content6,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content7,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content8,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content9,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content10,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content11,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content12,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content13,
.lightbox-toggle[id^="img"]:checked ~ .lightbox #content14 {
    display: none !important;
}

#img1:checked ~ .lightbox #content1,
#img2:checked ~ .lightbox #content2,
#img3:checked ~ .lightbox #content3,
#img4:checked ~ .lightbox #content4,
#img5:checked ~ .lightbox #content5,
#img6:checked ~ .lightbox #content6,
#img7:checked ~ .lightbox #content7,
#img8:checked ~ .lightbox #content8,
#img9:checked ~ .lightbox #content9,
#img10:checked ~ .lightbox #content10,
#img11:checked ~ .lightbox #content11,
#img12:checked ~ .lightbox #content12,
#img13:checked ~ .lightbox #content13,
#img14:checked ~ .lightbox #content14 {
    display: block !important;
}

.lightbox-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    pointer-events: auto;
}

.lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    text-decoration: none;
    padding: 10px;
    z-index: 10002 !important;
    pointer-events: auto;
}

.lightbox-prev {
    left: -60px;
}

.lightbox-next {
    right: -60px;
}

.lightbox-nav:hover {
    color: #ccc;
}

.lightbox-toggle[id^="img"]:checked ~ .lightbox .lightbox-nav {
    display: none !important;
}

#img1:checked ~ .lightbox #nav-prev1,
#img1:checked ~ .lightbox #nav-next1,
#img2:checked ~ .lightbox #nav-prev2,
#img2:checked ~ .lightbox #nav-next2,
#img3:checked ~ .lightbox #nav-prev3,
#img3:checked ~ .lightbox #nav-next3,
#img4:checked ~ .lightbox #nav-prev4,
#img4:checked ~ .lightbox #nav-next4,
#img5:checked ~ .lightbox #nav-prev5,
#img5:checked ~ .lightbox #nav-next5,
#img6:checked ~ .lightbox #nav-prev6,
#img6:checked ~ .lightbox #nav-next6,
#img7:checked ~ .lightbox #nav-prev7,
#img7:checked ~ .lightbox #nav-next7,
#img8:checked ~ .lightbox #nav-prev8,
#img8:checked ~ .lightbox #nav-next8,
#img9:checked ~ .lightbox #nav-prev9,
#img9:checked ~ .lightbox #nav-next9,
#img10:checked ~ .lightbox #nav-prev10,
#img10:checked ~ .lightbox #nav-next10,
#img11:checked ~ .lightbox #nav-prev11,
#img11:checked ~ .lightbox #nav-next11,
#img12:checked ~ .lightbox #nav-prev12,
#img12:checked ~ .lightbox #nav-next12,
#img13:checked ~ .lightbox #nav-prev13,
#img13:checked ~ .lightbox #nav-next13,
#img14:checked ~ .lightbox #nav-prev14,
#img14:checked ~ .lightbox #nav-next14 {
    display: block !important;
}

.car-info {
    text-align: center;
    padding: 20px 0;
}

.marka-avto {
    font-size: 24px;
    font-weight: bold;
    margin-right: 20px;
    color: #333;
}

.cena-avto {
    font-size: 24px;
    color: #c0392b;
}

@media (max-width: 768px) {
    .gallery-container {
        padding: 10px;
    }

    .image-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }

    .grid-image {
        height: 100px;
    }

    .marka-avto, .cena-avto {
        font-size: 18px;
    }

    .lightbox-content-wrapper {
        max-width: 95vw;
        max-height: 95vh;
        width: 100%;
        height: auto;
    }

    .lightbox-nav {
        font-size: 30px;
        padding: 5px;
    }

    .lightbox-prev {
        left: -40px;
    }

    .lightbox-next {
        right: -40px;
    }
}

@media (max-width: 480px) {
    .image-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }

    .grid-image {
        height: 80px;
    }

    .lightbox-content-wrapper {
        max-width: 98vw;
        max-height: 98vh;
    }

    .lightbox-nav {
        font-size: 24px;
    }

    .lightbox-prev {
        left: -30px;
    }

    .lightbox-next {
        right: -30px;
    }
}