@font-face {
    font-family: 'Lack';
    src: url('fonts/Lack-Regular.woff2') format('woff2'),
         url('fonts/Lack-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
 font-family: 'Lato';
 src: url('fonts/Lato.woff2') format('woff2'),
  url('fonts/Lato.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Lato';
 src: url('fonts/Lato-Bold.woff2') format('woff2'),
  url('fonts/Lato-Bold.woff') format('woff');
 font-weight: bold;
 font-style: normal;
}
@font-face {
 font-family: 'Lato';
 src: url('fonts/Lato-Thin.woff2') format('woff2'),
  url('fonts/Lato-Thin.woff') format('woff');
 font-weight: 100;
 font-style: normal;
}

@font-face {
 font-family: 'Lato';
 src: url('fonts/Lato-Light.woff2') format('woff2'),
  url('fonts/Lato-Light.woff') format('woff');
 font-weight: 300;
 font-style: normal;
 font-display: swap;
}


#lean_overlay {position: fixed;z-index:900;top: 0px;left: 0px;height:100%;width:100%;background: #000;display: none;}

html {min-width: 320px;}

 body {position: relative; background:#fff;  margin: 0; padding: 0px 0 0 0; height: auto !important;  min-height: 100%; min-width:320px;  font-family: 'Lato';}
 html > body {padding: 0;}
 img {padding: 0; margin: 0; border: 0;}
 .cleaner {clear: both;}
 a:hover {text-decoration: none;}
input::-moz-placeholder {opacity: 0.5; color: #2E5766;}
input::-webkit-input-placeholder {opacity: 0.5; color: #2E5766;}
input:focus::-moz-placeholder {opacity: 0!important;}
input:focus::-webkit-input-placeholder {opacity: 0!important;}
textarea::-moz-placeholder {opacity: 0.5; color: #2E5766;}
textarea::-webkit-input-placeholder {opacity: 0.5; color: #2E5766;}
textarea:focus::-moz-placeholder {opacity: 0;}
textarea:focus::-webkit-input-placeholder {opacity: 0;}
a {color: #09a9dc;}
* {outline: none}
.all {width:100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
form {padding: 0; margin: 0; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}
button, a {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}


.container {position: relative; width:100%; overflow: hidden; margin: 0 auto;}
p {padding: 0; margin: 0;}

.first-screen {overflow: hidden; min-height: 600px; height: 100vh; position: relative;}
.inner .first-screen {min-height: 120px; height: auto; overflow: visible;}

.inner {background: #33302a;}

header {position: absolute; width: 100%; top: 25px; left: 0; z-index: 10;}
header .all {display: flex; justify-content: space-between; align-items: center;}
header .logo {margin: -4px 0 0 0; text-decoration: none; font-family:'Lack'; font-size: 21px; color: #33302a;   text-transform: uppercase;}
header .logo span {font-size: 26px; text-transform: none; margin: 0 0 0px; display: block;}
header a.tel {margin: 0px 0 0 0; display: flex; align-items: center; font-size: 16px; color: #33302a; font-weight: bold; text-decoration: none;}
header a.tel:before {content: url(img/phone-call.svg); position: absolute; margin: 1px 0 0 -14px;}
header nav {font-family:'Lack'; margin: 0px 0 0 0;}
header nav ul {display: flex; align-items: center;  padding: 0; margin: 0; list-style-type: none;}
header nav ul li {margin: 0 33px;}
header nav ul li:last-child {margin: 0;}
header nav ul li a {font-size: 16px; color: #33302a; text-transform: uppercase; text-decoration: none;}
header nav .close {display: none;}
header .lang {display: flex; align-items: center; justify-content: center; width: 56px; height: 32px; border: 1px solid #000; box-sizing: border-box; font-size: 16px; color: #33302a; text-transform: uppercase; text-decoration: none; margin: 0px 0 0 0;}
header .lang:hover {background: #000; color: #b298a5;}
header .menu-icon {display: none;}


.popup {top: 50%!important; transform: translateY(-50%); font-size: 16px; line-height: 20px; color: #33302A; width: 710px; box-sizing: border-box; background: #ECE2C8; padding: 50px 110px;}
.popup .exit {position: absolute; top: 12px; right: 12px; cursor: pointer;}
.popup p {margin: 0 0 30px;}
.popup .in {align-items: flex-end; margin: 0 0 24px; display: flex; font-size: 16px; text-transform: uppercase;}
.popup .in input {text-transform: uppercase; font-size: 16px; padding: 5px 10px 0; box-sizing: border-box; line-height: 38px; height: 30px; border: 0; background: none; font-family: inherit; width:100%; border-bottom: 1px solid #33302A;}
.popup .in span {padding: 0 5px 0 0;}
.popup p.upp {font-size: 16px; text-transform: uppercase; margin: 30px 0 2px;}
.popup textarea {text-transform: uppercase; width:100%; box-sizing: border-box; height: 160px; background: none; resize: none; overflow: hidden; font-family: inherit; padding: 10px; font-size: 16px; border: 1px solid #33302A;}
.popup .checkbox {position: relative; margin: 5px 0 16px 0; display: flex;}
.popup .checkbox input {z-index:2; padding: 0; cursor:pointer; position: relative; opacity: 0; width: 10px; height: 10px; margin: 1px 4px 0 0;}
.popup .checkbox input:checked + label span:after {content: ''; width: 4px; height: 4px; position: absolute; top: 2px; left: 2px; background: #33302A;}
.popup .checkbox label {line-height: 12px; color: #33302A; font-size: 12px; width: calc(100% - 14px);}
.popup .checkbox label span {width: 10px; display: block; height: 10px; box-sizing: border-box; border: 1px solid #33302A; position: absolute; top: 1px; left: 0; }
.popup .submit {cursor: pointer; display: table; border: 0; font-family: inherit; height: 32px; line-height: 32px; padding: 0 12px; text-transform: uppercase; background: #33302A; font-family: 'Lack'; font-size: 16px; color: #EEE3C7;}

.inner header {top: 40px;}
.inner header .logo {color: #eee3c7;}
.inner header nav ul li a {color: #eee3c7;}
.inner header .lang {color: #eee3c7; border-color: #eee3c7;}
.inner header .lang:hover {background: #eee3c7; color: #33302a;}
.inner header a.tel {color: #eee3c7;}
.inner header a.tel:before {content: url(img/phone-call-l.svg); }

.slider {width:100%; position: absolute; top: 0; left: 0;}
.slider .item {display: flex; align-items: center; justify-content: flex-end; min-height: 600px; width:100%; height: 100vh; background-position: center center; background-size: cover;}
.slider .item .text {font-size: 28px; line-height: 115%; color: #33302a; width: calc(50% - 50px);}
.slider .item .text h2 {font-family:'Lack'; line-height: 120%; font-size: 100px; font-weight: normal;padding: 0 0 10px; margin: 0;}
.slider .item .text .btn {font-family:'Lack'; display: flex; margin: 50px 0 0 0; align-items: center; justify-content: center; width: 140px; height: 32px; background: #33302a; font-size: 16px; color: #EEE3C7; text-transform: uppercase; text-decoration: none;}
.slider .item .text .btn:hover {filter: brightness(110%); color:#fff;}
.content .filter li .block {display: none;}
.slider .owl-carousel .owl-nav {display: none;}
.slider .owl-carousel .owl-dots {display: flex; width:100%; position: absolute; bottom: 30px; left: 0; justify-content: center;}
.slider .owl-carousel .owl-dots .owl-dot {border: 2px solid #fff; margin: 0 27px; width: 18px; height: 18px; border-radius: 50%; box-sizing: border-box; }
.slider .owl-carousel .owl-dots .owl-dot.active {background: #fff;}

.about {background: #33302a; padding: 150px 0 150px; font-size: 16px; line-height: 20px;  color: #eee3c7; }
.about .all {max-width: 1050px; text-align:center;}
.about .all.w1300 {max-width: 1300px;}
.about h2 {font-family:'Lack'; display: block; line-height: 58px; max-width: 950px; font-size: 48px; color: #EEE3C7; font-weight: normal; margin: 0 auto 60px; padding: 0;}
.about .btn {font-family: Lack; font-size: 16px; display: flex; align-items: center; justify-content: center; text-decoration: none; width: 260px; height: 32px; box-sizing: border-box; border: 1px solid #eee3c7; color: #eee3c7; text-transform: uppercase; margin: 70px auto 125px;}
.about .btn:hover {background: #eee3c7; color: #33302a;}
.about .txt {max-width: 550px; margin: 0 auto;}

.about h3 {font-family: Lack; line-height: 110%; font-size: 36px; color: #eee3c7; text-transform: uppercase; margin: 0 0 60px; padding: 0; font-weight: normal;}

.serv-list {max-width: 1400px; display: flex; margin:0 auto 125px;}
.serv-list .block {padding: 45px 50px; font-size: 24px; color: #eee3c7; line-height: 28px; text-decoration: none; border-right: 1px solid #362b17; box-sizing: border-box; width: 25%; height: 680px; display:block; position: relative; background-position: center center; background-size: cover;}
.serv-list .block:hover:before {opacity: 0.5;}
.serv-list .block:before {transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: url(img/opacity.png) center center/cover no-repeat;opacity: 0.7;}
.serv-list .block:last-child {border: 0;}
.serv-list .block span {position: relative;}

.benefits {font-size: 16px; line-height: 20px;  color: #eee3c7; padding: 0 0 140px; text-align:left; display: flex; align-items: flex-start; justify-content: space-between;}
.benefits .block {width: 260px; max-width: calc(100% / 3 - 50px); box-sizing: border-box;}
.benefits .block:last-child {padding: 0;}
.benefits .icon {box-sizing: border-box; margin: 0 0 35px; width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #EEE3C7;}
.benefits .icon.i1 {padding-top: 10px;}

.form {position: relative; padding: 100px 0; box-sizing: border-box; max-width: 1400px; margin: 0 auto;}
.form:before {content: ''; position: absolute; top: 0; right: 0px; bottom: 0; width: 1090px; background: url(img/form-bg.jpg) center center/cover no-repeat;}
.form .in {font-size: 16px; color: #33302a;  line-height: 20px; padding: 70px 70px 70px 100px; box-sizing: border-box; position: relative; width:600px; background: #eee3c7;}
.form .in .int {width: 670px; margin: 0 auto; max-width: 100%;}
.form .in h2 {font-family:'Lack'; font-size: 30px; color: #33302a; font-weight: normal; text-transform: uppercase; padding: 0 0 25px; margin: 0; line-height: 110%;}
.form .in p {max-width: 270px;}
.form .in form {padding: 30px 0 0 0; width: 100%; display: flex; justify-content: space-between;}
.form .in form input[type=text] {border-radius: 0!important; border: 0; background: none; width: calc(100% - 130px); box-sizing: border-box; font-family:'Lack'; font-size: 16px; color: #33302a; height: 32px; line-height: 31px; border-bottom: 1px solid #33302a;}
.form .in form .submit {border-radius: 0!important; font-family:'Lack'; font-size: 16px; transition:all 0.3s ease; width: 120px; height: 32px; border: 0; cursor: pointer; background: #33302a; color: #eee3c7; text-transform: uppercase;}
.form .in form .submit:hover {filter: brightness(110%); color:#fff;}

.services-list {display: flex; flex-wrap: wrap; margin: 0 -10px; width: calc(100% + 20px);}
.services-list .block {display: block; margin: 0 10px 20px; text-decoration: none; border: 1px solid #eee3c7;  width: calc(50% - 20px); height: 460px; box-sizing: border-box;}
.services-list .block.hid {display: none;}
.services-list .block:hover {filter: brightness(110%);}
.services-list .block .bg {border-bottom: 1px solid #eee3c7;  height: 300px; background-position: center center; background-size: cover;}
.services-list .block .title {font-family:'Lack'; font-size: 24px; color: #eee3c7; flex-wrap: wrap; height: calc(100% - 300px); display: flex; text-align: center; justify-content: center; align-items: center;}
.services-list .block .title span {font-family:'Lato'; display: block; width:100%; font-size: 18px; font-weight: 300; text-transform: uppercase; margin: 20px 0 0 0;}

footer {background: #33302a; font-size: 22px; color: #eee3c7; font-weight: 300; padding: 0 0 100px;}
footer p {padding: 0 0 15px; margin: 0;}
footer .all {display: flex; justify-content: space-between; align-items: flex-start;}
footer .logo { font-size: 16px; text-transform: uppercase;}
footer .logo span {font-family:'Lack';display: block; font-size: 26px; display: block; margin: 0 0 14px; line-height: 110%; text-transform: none; }
footer .soc {margin: 05px 0 38px 0; display: flex; align-items: flex-start;}
footer .soc a {margin: 0 30px 0 0;}
footer .soc a:last-child {margin: 0;}


footer nav {font-family:'Lack'; margin: 0px 0 0 0;}
footer nav ul {display: flex; align-items: center;  padding: 0; margin: 0 0 60px; list-style-type: none;}
footer nav ul li {margin: 0 66px 0 0;}
footer nav ul li:last-child {margin: 0;}
footer nav ul li a {font-size: 16px; color: #EEE3C7; text-transform: uppercase; text-decoration: none;}
footer nav .close {display: none;}
footer .lang {display: flex; align-items: center; justify-content: center; width: 56px; height: 32px; border: 1px solid #EEE3C7; box-sizing: border-box; font-size: 16px; color: #EEE3C7; text-transform: uppercase; text-decoration: none; margin: 0px 0 0 0;}

footer .contacts {display: flex; align-items: flex-start;}
footer .contacts .block {padding: 0 50px 0 0; width: 50%; font-size: 16px;  color: #EEE3C7;}
footer .contacts p {padding: 0 0 20px; margin: 0;}
footer .contacts .tel {margin: 0 0 20px; display: flex; align-items: center;}
footer .contacts .tel img {display: block;}
footer .contacts .tel a {color: inherit; text-decoration: none; margin: 0 16px 0 0;}


.inner footer {padding-top:120px;}

.contact-us {position: fixed; bottom: 20px; right:20px; z-index: 99;}
.contact-us .hidden {bottom: 80px; position: absolute; right: -999px; opacity: 0; transition: opacity 0.3s ease;}
.contact-us .hidden .block {background: #33302A; margin: 0 0 18px; position: relative; border: 1px solid #EEE3C7; width: 226px; height: 44px; border-radius: 30px; box-sizing: bodrer-box; display: flex; padding: 0 0 0 25px; align-items: center; color: #EEE3C7; font-size: 14px; text-decoration: none;}
.contact-us .hidden .block i {position: absolute; display: flex; align-items: center; justify-content: center; top: 0; right: 0; border-radius: 50%; border: 1px solid #EEE3C7; width: 44px; height: 44px; margin: -1px; }
.contact-us .ic {width: 80px; height: 80px; background: #33302A; cursor: pointer; display: flex; text-align:center; justify-content: center; align-items: center; color: #EEE3C7; font-size: 55px; border-radius: 50%; line-height: 50px; padding: 8px 0 0 0; border: 1px solid #EEE3C7; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.contact-us:hover .hidden {opacity: 1; right: 20px;}

.pattern-blocks {max-width: 1300px; margin: 80px auto 0px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.pattern-blocks .block {display: flex; align-items: flex-start; margin: 0 0 45px; font-size: 16px; line-height: 20px; color: #EEE3C7; width: 385px; min-width: calc(100% / 3 - 50px);}
.pattern-blocks .block:before {width: 64px; height: 47px; content: ''; display: block; background: url(img/pattern.png) no-repeat; margin: 0 18px 0 0;}
.pattern-blocks .block .t {padding: 15px 0 0 0; width: calc(100% - 82px);}
.pattern-blocks .block.empty:before {background: none;}

a.back:first-child {margin-top: 0;}
a.back {display: flex;align-items: center; margin: 25px 0 90px -44px; text-transform: uppercase; font-size: 16px; color: #EEE3C7; text-decoration: none; font-family: 'Lack';}
a.back:before {content: url(img/back.svg); margin: 0 20px 0 0;}

.ser-detail-pic {position: relative; height: 700px; margin: 0px -42px 10px; filter: sepia(100%) brightness(80%) contrast(1.2); width: calc(100% + 84px); background-position: center center; background-size: cover;}
.ser-detail-pic:after {content: ''; position: absolute; top: 0; left: 0; bottom: 0; width:100%; background: rgba(51,42,48,0.3); display: block;}

.serv-detail {margin: 0 0 0px;}
.serv-detail .description {line-height: 135%; max-width: 540px; text-align: center; margin: 0px auto 0; font-size: 16px; color: #eee3c7; line-height: 20px;}
.serv-detail .description + .btn {margin-top: 60px; width: 260px;}
.serv-detail .description p {padding: 0 0 20px; margin: 0;}
.serv-detail .description p:last-child {padding: 0;}
.serv-detail .description p.upp {text-transform: uppercase;}

.serv-detail h2 {font-family:'Lack'; text-align:center; font-size: 36px; color: #eee3c7; text-transform: uppercase; font-weight: normal; margin: 125px 0 50px;}

.serv-detail .models {display: flex; position: absolute; left: -9999px; opacity: 0; transition: opacity 0.3s ease;  align-items: flex-start;  }
.serv-detail .models.visible {opacity: 1; position: relative; left: auto;}
.serv-detail .models .left {min-height: 740px; position: relative; width: 520px; padding: 0 40px 80px; box-sizing: border-box; }
.serv-detail .models .left ul {padding: 0; margin: 0; list-style-type: none;}
.serv-detail .models .left ul li {margin: 0 0 20px; position: relative; transition: all 1s ease;}
.serv-detail .models .left ul li a {text-transform: uppercase; font-size: 24px; color: #eee3c7;}
.serv-detail .models .left ul li.active {}
.serv-detail .models .left ul li.active + li {margin-top: 50px;}
.serv-detail .models .left ul li.active:before {position: absolute; top: 0; left: -25px; content: url(img/arr.svg);}
.serv-detail .models .left ul li.active:first-child {margin-top: 0;}
.serv-detail .models .left ul li.active a {text-decoration: none;}
.serv-detail .models .right {background-size: cover; background-position: center center; margin: 0 0px 0 0; height: 740px; width: calc(100% - 260px);}

.serv-detail .steps {margin:50px 0 0 0; display: flex; align-items: flex-start; justify-content: space-between;}
.serv-detail .steps.bl {margin: 0; display:block;}
.serv-detail .steps.bl .block {margin: 0 auto 30px;}
.serv-detail .steps .block {font-size: 16px; line-height: 20px; text-align: center; color: #EEE3C7; text-algin:center; width: 360px; max-width: calc(100% / 3 - 50px);}
.serv-detail .steps .block .big {font-size: 80px; line-height: 96px; text-align: center; color: #EEE3C7;}
.serv-detail .steps.bl .block .big {margin: 0 0 10px;}
.serv-detail .steps p.upp {text-transform: uppercase; padding: 0 0 20px;}

table.price {font-weight:300; font-size: 16px; line-height: 24px; color: #EEE3C7; max-width: 1195px; margin: 0 auto; border: 0; border-collapse:collapse;}
table.price th {padding: 15px 24px; border-bottom: 1px solid #EEE3C7; border-right: 1px solid #EEE3C7; text-align: left; text-transform: uppercase; font-weight: normal;}
table.price th:first-child {padding-left: 0;}
table.price th:last-child {border-right: 0;}
table.price td {border-right: 1px solid #EEE3C7; padding: 40px 24px; border-bottom: 1px solid #EEE3C7;}
table.price td:first-child {padding-left: 0; min-width: 220px;}
table.price td:last-child {border-right: 0;}


.gallery.mods {display: none;}
.gallery.mods.visible {display: block;}
.gallery .big-image {margin: 90px 0 50px 0; height: 800px; background-position: center center; background-size: cover; max-height: 50vw;}
.gallery .big-image-j {max-height: 50vw; margin: 90px 0 50px 0; height: 800px; background-position: center center; background-size: cover;}
.gallery .owl-carousel.owl-thumbs {max-width: 675px; margin:0 auto;}
.gallery .owl-carousel.owl-thumbs .owl-next {top: 50%; margin-top: -55px; right: -200px; display:block; width: 54px; height: 109px; position: absolute; display:block; cursor: pointer; border: 0; background: url(img/arrow-r.svg) center center/contain no-repeat;}
.gallery .owl-carousel.owl-thumbs .owl-prev {top: 50%; margin-top: -55px; left: -200px; display:block; width: 54px; height: 109px; position: absolute; display:block; cursor: pointer; border: 0; background: url(img/arrow-r.svg) center center/contain no-repeat; transform: scale(-1,1);}
.gallery .owl-thumbs a {display:block; cursor: pointer; height: 245px; background-position: center center; background-size: cover;}

.content {padding: 0 0 0px;}
.content .form {margin-top: 120px;}
.content .services {margin-top: 140px;}
.content .services.other {margin: 0 0 0px;}
.content h1 {font-family:'Lack'; text-align:center; font-size: 80px; color: #eee3c7; line-height:96px; font-weight: normal; padding: 0 0 60px; margin: 0;}
.content h2.subt {font-family: 'Lack'; font-size: 36px; color: #EEE3C7;text-transform: uppercase; font-weight: normal; padding: 0 0 10px; margin: 0; text-align:center;}
.content .tabs {flex-wrap: wrap; list-style-type: none; display: flex; justify-content: center; padding: 0; margin: 0 0 85px;}
.content .tabs li {margin: 0 100px;}
.content .tabs.cars {margin-bottom: 50px;}
.content .tabs.cars.modelsl {margin:80px 0 -30px 0;}
.content .tabs.cars li {margin: 0 30px 40px;}
.content .tabs.cars li a {font-size: 28px; text-transform: uppercase; }
.content .tabs li a {font-size: 33px; color: #eee3c7;}
.content .tabs li.active a {text-decoration: none;}


.content .tabs.cars li .models {display: none;}

.content .filter {flex-wrap: wrap; list-style-type: none; display: flex; justify-content: center; padding: 0; margin: 0 auto 85px; max-width: 1300px;}
.content .filter li {margin: 0 28px 38px;}
.content .filter li a {text-transform: uppercase; font-size: 28px; color: #eee3c7;}
.content .filter li.active a {text-decoration: none;}


.content .tabs-content .tab {position: absolute; left: -99999px; opacity: 0; transition: opacity 0.8s ease;}
.content .tabs-content .tab.active {position: relative; left: auto; opacity: 1;}



.contacts-page {max-width: 1300px; display: flex; align-items: flex-start; margin: 115px auto 0;}
.contacts-page .block {width: 50%; text-align:center;}

.contacts-page .block {font-size: 24px; color: #eee3c7;}
.contacts-page .block a {color: inherit; text-decoration: none;}
.contacts-page .block p {padding: 0 0 20px; margin: 0;}
.contacts-page .block p:last-child {padding: 0;}
.contacts-page .block p + p.icons {padding-top: 100px;}
.contacts-page .block p.icons {display: flex; margin: 0 0 35px; align-items: center; font-size: 24px; justify-content: center;}
.contacts-page .block p.icons img {display: block; height: 28px;}
.contacts-page .block p.icons span {margin: 0 8px;}
.contacts-page .block .flag {margin: 0 0 20px;}


.content .btn {font-family: 'Lack'; display: flex; align-items: center; justify-content: center; text-decoration: none; width: 260px; height: 32px; box-sizing: border-box; border: 1px solid #eee3c7; font-size: 16px; color: #eee3c7; text-transform: uppercase; margin: 120px auto 0;}
.content .btn:hover {background: #eee3c7; color: #33302a;}

.content .btn.more {margin: 70px auto 0px; width: 190px;}
.content .btn.rent {position: absolute; bottom: 0; left: 0; width: 140px;}

.prices .block {padding: 40px 0; box-sizing: border-box; display: flex; position: relative; background: #585348; margin: 0 0 36px;}
.prices .block .left {padding: 24px 44px; box-sizing: border-box; background: #eee3c7; margin: 0 90px 0 0; width: 620px; height: 400px; position: relative;}
.prices .block.b2 .left {background: #CCBE9D;}
.prices .block.b3 .left {background: #867D6A;}
.prices .block.b4 .left {background: #34302A;}
.prices .block.b4 .left:before {border: 2px solid #FDEDC8;}
.prices .block.b4 .left .num {color: #FDEDC8;}
.prices .block.b4 .left .brown {color: #34302A; background: #FDEDC8;}
.prices .block.b4 .left .brown .big {color: #34302A;}
.prices .block.b4 .left .title {color: #FDEDC8;}
.prices .block.b4 .left .title a {color: #FDEDC8;}
.prices .block.b4 .left .bottom a {color: #FDEDC8;}
.prices .block .left:before {content: ''; border: 2px solid #34302A; width: 316px; height: 224px; position: absolute; display: block; top: 14px; left: 14px;}
.prices .block .left .num {position: absolute; top: 18px; left: 46px; font-family: Lack; font-size: 22px; color: #34302A;}
.prices .block .left .brown {padding: 10px 0 0 0; box-sizing: border-box; font-size: 23px; font-weight: 300; line-height: 28px; text-transform: uppercase; color: #E2D3AF; top: 42px; height: 46px; position: absolute; width: 320px; height: 228px; background: #33302A;}
.prices .block .left .brown .big {white-space: nowrap; position: absolute; bottom: -16px; right: -10px; font-size: 80px; line-height: 80px; font-weight: normal; color: #fdedc8; text-transform: none;}
.prices .block .left .brown .big span {color: #34302A;}
.prices .block.b2 .left .brown .big {right: -76px;}
.prices .block.b3 .left .brown .big {right: -79px;}
.prices .block .left .title {text-align: right; top: 74px; right: 44px; position: absolute; font-size: 24px;  color: #34302A; }
.prices .block .left .title a {margin: 2px 0 0 0; color: inherit; text-decoration: none; display:block; font-size: 14px; text-transform: uppercase; color: #34302A;}
.prices .block .left .bottom {font-size: 14px; color: #34302A; text-transform: uppercase; position: absolute; bottom: 46px; width:calc(100% - 88px); display: flex; align-items: center; justify-content: space-between;}
.prices .block .left .bottom a {color: inherit; text-transform: uppercase; text-decoration: none;}
.prices .block .right {font-size: 16px; line-height: 20px; color: #EEE3C7; position: relative; width: calc(100% - 710px);}
.prices .block .right .bl {margin: 0 0 28px; display: flex;}
.prices .block .right .bl>div:first-child {text-transform: uppercase; width: 170px;}
.prices .block .right .bl>div {width: calc(100% - 170px);}
.prices .block .right .bl .soc {display: flex; align-items: center;}
.prices .block .right .bl .soc a {margin: 0 25px 0 0;}
.prices .block .right .bl p {padding: 0 0 5px;}
.prices .block .right small {display: block; padding-left: 170px;}

.prices .block:before {content: ''; display: block; width: 6000px; margin-left: -3000px; left: 50%; top: 0; bottom: 0; position: absolute; background: #585348; }

.checkboxes {margin: -40px 0 80px; display: flex; flex-wrap: wrap; width: 100%;}
.checkboxes.hid {display: none;}
.checkboxes label {margin: 0 0 30px; padding: 0 20px; box-sizing:border-box; font-weight: 300; color: #EEE3C7; font-size: 28px; width: 50%; display: flex; align-items: flex-start; position:relative;}
.checkboxes label input {margin: 4px 23px 0 0; width: 26px; height: 26px; position: relative; cursor: pointer; z-index:2; opacity: 0;}
.checkboxes label input:checked + span:after {content: ''; display: block; width: 10px; height: 10px; background: #EEE3C7;}
.checkboxes label span {display: flex; align-items: center; justify-content: center; position: absolute; top: 4px; left: 20px; width: 26px; height: 26px; box-sizing: border-box; border: 1px solid #EEE3C7;}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


@media screen and (max-width: 1500px) {
a.back {margin-left: 0px;}
}

@media screen and (max-width: 1400px) {
.prices .block .left {width: 500px; margin: 0 40px 0 0;}
.prices .block .right {width: calc(100% - 540px);}
.prices .block .left:before {width: 240px;}
.prices .block .left .brown .big {font-size: 70px;}
.prices .block .left .brown {width: 240px;}
.prices .block .left .title {font-size: 21px;}
}

@media screen and (max-width: 1200px) {
.content .services {margin-top: 40px;}
.content h1 {font-size: 46px;}
.content .filter li a {font-size:22px;}
.ser-detail-pic {max-height: 50vw;}
}


@media screen and (max-width: 1050px) {
* {-webkit-appearance: none!important;max-height: 9999999px;}
}



@media screen and (max-width: 1000px) {
.checkboxes {display: none;}
.open .checkboxes {display: block; margin:30px 0;}
.checkboxes label {align-items: flex-start;}
.checkboxes label input {margin-top: 0;}
.checkboxes label span {top: 0;}
.checkboxes label {width:100%; font-size: 18px;}
.prices .block .right {width: 100%; display: none;}
.prices .block .left {width: 100%; margin: 0; }
.prices .block:before {display: none;}
.prices .block {padding: 0; background: none;}
.prices .block .left:before {width: 40%;}
.prices .block .left .brown {width: 40%;}
.prices .block.b4 .left {border:1px solid #FDEDC8;}
.pattern-blocks .block.empty {display: none;}
.gallery .big-image-j {margin: 0 -20px 40px; width: calc(100% + 40px);}
.serv-detail .steps {margin-top: 0;}
.content .tabs.cars.modelsl {margin-top: 30px; margin-bottom: 20px;}
.prices .block .right small {padding-left: 0;}

.content .tabs.cars.modelsl .right {z-index: 9999; width: 100%; height: 50vw; opacity: 0; transition: opacity 0.3s ease; position: fixed; left: -99999px; top: 50%; transform: translateY(-50%);}
.content .tabs.cars.modelsl .right .close {filter: invert(1); position: absolute; display: block; top: 10px; right: 10px; width: 14px; height: 14px; background: url(img/close.svg);}
.content .tabs.cars.modelsl .right.open {left: 0; opacity:1;}
.gallery.open .big-image {display: block; z-index: 9999; width: 100%; height: 50vw; opacity: 1; transition: opacity 0.3s ease; position: fixed; left: 0; top: 50%; transform: translateY(-50%); margin: 0;}
.gallery.mods {display:block;}
.gallery.open .big-image .close {filter: invert(1); position: absolute; display: block; top: 10px; right: 10px; width: 14px; height: 14px; background: url(img/close.svg);}
.serv-detail .steps {display: block;}
.serv-detail .steps .block {width:100%; margin: 0 0 30px; max-width: 100%;}
.vip-t .owl-thumbs {display: none;}
.content .btn {margin-top: 40px;}
table.price th {display: none;}
table.price {width:100%; margin: 0;}
table.price tr {margin: 0 0 20px; display: block;}
table.price td {border: 0; padding: 0; display: block; max-height: 0; overflow: hidden; transition: all 0.3s ease;  width: 100%;}
table.price .open td {max-height: 400px; margin-bottom: 20px; }
table.price td:first-child {font-size: 24px; margin: 0 0 15px; font-weight: normal; max-height: 200px; position: relative;}
table.price td:first-child:after {content: url(img/arr-serv.svg); position: absolute; margin: 0px 0 0 10px; right: 10px; top: 3px;}
table.price .open td:first-child:after {transform: scale(1,-1); top: 7px;}
table.price td:before {text-transform: uppercase; margin: 0 0 5px; font-weight: normal; content: attr(data-label); display: block;}
.serv-detail {padding-bottom: 40px;}
.owl-thumbs {margin: 0 -20px 30px; width: calc(100% + 40px);}
.owl-thumbs a {display: block; margin: 0 0 10px; width: 100%; height: 50vw; background-position: center center; background-size: cover;}
.owl-thumbs a:nth-child(n + 3) {display: none;}
.gallery .big-image {display: none;}
.content h2.subt {font-size: 24px;}
.content .services.other {display: none;}
.serv-detail .models .left {min-height: 1px; padding: 15px 0 20px;}
.serv-detail .models .left ul li a {font-size: 16px;}
.serv-detail .models .right {z-index: 9999; width: 100%; height: 50vw; opacity: 0; transition: opacity 0.3s ease; position: fixed; left: -99999px; top: 50%; transform: translateY(-50%);}
.serv-detail .models .right .close {filter: invert(1); position: absolute; display: block; top: 10px; right: 10px; width: 14px; height: 14px; background: url(img/close.svg);}
.serv-detail .models .right.open {left: 0; opacity:1;}
.content .tabs.cars li a.rent {display: none;}
.content .tabs.cars li .models {display: block; max-height: 0; overflow: hidden; transition: all 0.3s ease; position: relative; left: auto; opacity: 1;}
.content .tabs.cars li.active .models {max-height: 700px;}
.content .tabs.cars {display:block; margin-top: 40px;}
.content .tabs.cars li {margin: 0 0 20px; text-align:left;}
.content .tabs.cars li a {display: block; position: relative; font-size: 24px; font-weight: normal; padding: 0 25px 0 0; box-sizing: border-box;}
.content .tabs.cars li a:after {content: url(img/arr-serv.svg); position: absolute;top:50%; right: 0px; margin-top: -18px;}
.content .tabs.cars li.active a:after {transform: scale(1,-1); margin-top: -15px;}
.content .tabs.cars.modelsl li a:after {display: none;}
.content .tabs.cars.modelsl li a {padding-right: 0;}
a.back {margin-top: 0;}
.ser-detail-pic {display: none;}
a.back {margin-bottom: 40px;}
.contacts-page {margin-top: 50px; display: block;}
.contacts-page .block {width: 100%; margin: 0 0 50px;}
.contacts-page .block p.icons {margin-bottom: 0;}
.content .form {margin-top: 70px;}
.inner footer {padding-top: 70px;}
.content .filter li .block .title span {display: none;}
.content .filter li .block .title {text-transform: none; font-size: 24px;}
.content h1 {line-height: 110%;}
.content .services {margin-top: 0;}
.content .filter {display: block; margin: 0;}
.content .filter li {display: block; width: 100%; margin: 0 0 10px;}
.content .filter li>a:not(.block) {position: relative; text-transform: none; text-decoration: none; padding: 0 35px 0 25px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align:center; height: 84px; border: 1px solid #EEE3C7; font-size: 24px; line-height: 28px;}
.content .filter li>a:not(.block):after {content: url(img/arr-serv.svg); position: absolute;top:50%; right: 10px; margin-top: -15px;}
.content .filter li.open>a:after {transform: scale(1,-1); margin-top: -12px;}
.content .filter li .block {text-align:center; display: block; max-height: 0; overflow: hidden; transition: all 0.3s ease;}
.content .filter li.open .block {margin: 5px 0; max-height: 100px;}
.content .filter li.open .block:nth-child(2) {margin-top: 20px;}
.content .filter li.open .block:last-child {margin-bottom: 20px;}
.content .btn.more {display: none;}
header nav {position: fixed; right: -100%; width: 50%; background: rgba(186,186,186,0.8); box-sizing: border-box; transition: all 0.3s ease;}
header nav.visible {right: 0; top: 0; height: 100vh}
header .menu-icon {display: block; width: 20px; height: 18px; background: url(img/menu.svg) center center no-repeat;}
header nav ul {display: block; padding: 70px 0 0 0; text-align:center;}
header nav ul li {margin: 0 0 20px;}
header nav .close {position: absolute; display: block; top: 26px; right: 26px; width: 14px; height: 14px; background: url(img/close.svg);}
header .lang {margin: 0 auto;}
.slider .item .text {width: 100%; text-align:center;}
.slider .item .text .btn {margin-left: auto; margin-right: auto;}
.first-screen {min-height: 500px;}
.slider .item {background: url(img/top-bg-m.jpg) top left/cover no-repeat!important;}
header a.tel span {display: none;}
header a.tel:before,
.inner header a.tel:before {width: 20px; height: 20px; background: url(img/phone-icon.svg) center center/contain no-repeat; content: '';}
.inner header a.tel:before {background: url(img/phone-icon-w.svg) center center/contain no-repeat;}
.inner header .menu-icon {background-image: url(img/menu-w.svg);}
header a.tel, .inner header a.tel {position: absolute; right: 70px; top: 15px;}
.inner header nav ul li a {color:#33302a;}
.inner header .lang{color:#33302a; border-color:#33302a;}
header .logo {margin: 0;}
.slider .item .text h2 {font-size: 80px;}

.about {padding-top: 50px;}
.about h2 {font-size: 35px; line-height: 130%;}
.serv-list {display: block;}
.serv-list .block {height: 50vw; width: 100%; margin: 0 0 20px; padding: 10px 20px; box-sizing: border-box;}
.why-us {display:none;}
footer nav {display: none;}
footer .all {flex-wrap: wrap;}
footer .all>* {order:1; width:100%; text-align:center;}
footer .all>.left {order:2;}
footer .contacts {display: block;}
footer .contacts .block {width: 100%; margin: 0 0 40px;}
footer .contacts .tel {justify-content: center;}
footer .soc {justify-content: center;}
footer .soc {margin-bottom: 10px;}
footer .contacts .tel {margin-bottom: 15px;}
.about, footer {padding-bottom: 70px;}
.contact-us .ic {width: 60px; height: 60px; font-size: 45px;}
.contact-us:hover .hidden {right: 0; bottom: 60px;}
.content h1 {font-size: 36px; padding: 0 0 40px;}
.serv-detail .description + .btn {margin-top: 30px;}
.serv-detail h2 {margin: 40px 0 20px; font-size: 26px;}

.prices .block .left:after {content: url(img/arr-t.svg); position: absolute; bottom: 15px; right: 15px;}
.prices .block {display: block;}
.prices .block .right {padding-top: 30px;}
.prices .block .right .bl>div {width: 100%;}
.prices .block .right .bl>div:first-child {width: 100%; padding: 0 0 10px;}
.prices .block .right .bl {display:block;}
.prices .block.b4 .left:after {filter: brightness(500%);}

}

@media screen and (max-width: 700px) {
.form .in form .submit {font-size: 15px;}
.popup {width: 100%; padding: 20px;}
.popup textarea {height:100px;}
.popup p {padding-right:30px;}
.prices .block .left .title {top: 15px; right: 15px; }
.prices .block .left .brown .big {font-size: 30px; bottom: -30px; right: 0;}
.prices .block.b2 .left .brown .big {right: -30px;}
.prices .block.b3 .left .brown .big {right: -30px;}
.prices .block .left .title a {font-size: 10px;}
.prices .block .left .title {font-size: 16px;}
.prices .block .left .num {    position: absolute;    top: 9px;    left: 30px;    font-family: Lack;    font-size: 16px;    color: #34302A;}
.prices .block .left {height: 175px;}
.prices .block .left:before {top: 10px; left:15px; height: 120px;}
.prices .block .left .brown {padding-top: 5px; top:25px; left: 30px; height: 120px; font-size: 14px; line-height: 100%;}
.prices .block .left .bottom {display: none;}


.form:before {display: none;}
.form {padding: 0;}
.form .in {width: 100%; padding: 20px;}
.form .in h2 {font-size: 24px;}
.serv-list {margin-bottom:50px;}
.slider .item .text h2 {font-size: 48px;}
.slider .item .text {font-size: 24px; line-height: 44px;}

.about h2 {font-size: 20px; line-height: 24px; padding: 0 0 30px; margin: 0;}
.about {font-size: 16px; line-height: 28px;}
.about .btn {margin-top: 28px; margin-bottom: 70px;}
}