html {
    font-size: 1px;
}

@media (max-width: 1680px) {
    html {
        font-size: 0.0595238vw;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 0.130208vw;
    }
}

@media (max-width: 468px) {
    html {
        font-size: 0.241546vw;
    }
}

.row, .my-row {
    margin-left: -10rem;
    margin-right: -10rem;
}

.push1 {
    height: 1rem;
}

.push2 {
    height: 2rem;
}

.push3 {
    height: 3rem;
}

.push4 {
    height: 4rem;
}

.push5 {
    height: 5rem;
}

.push6 {
    height: 6rem;
}

.push7 {
    height: 7rem;
}

.push8 {
    height: 8rem;
}

.push9 {
    height: 9rem;
}

.push10 {
    height: 10rem;
}

.push15 {
    height: 15rem;
}

.push20 {
    height: 20rem;
}

.push25 {
    height: 25rem;
}

.push30 {
    height: 30rem;
}

.push35 {
    height: 35rem;
}

.push40 {
    height: 40rem;
}

.push45 {
    height: 45rem;
}

.push50 {
    height: 50rem;
}

.push55 {
    height: 55rem;
}

.push60 {
    height: 60rem;
}

.push70 {
    height: 70rem;
}

.push80 {
    height: 80rem;
}

.push90 {
    height: 90rem;
}

.push100 {
    height: 100rem;
}

.f8 {
    font-size: 8rem;
}

.f9 {
    font-size: 9rem;
}

.f10 {
    font-size: 10rem;
}

.f11 {
    font-size: 11rem;
}

.f12 {
    font-size: 12rem;
}

.f13 {
    font-size: 13rem;
}

.f14 {
    font-size: 14rem;
}

.f15 {
    font-size: 15rem;
}

.f16 {
    font-size: 16rem;
}

.f18 {
    font-size: 18rem;
}

.f20 {
    font-size: 20rem;
}

.f22 {
    font-size: 22rem;
}

.f24 {
    font-size: 24rem;
}

.f26 {
    font-size: 26rem;
}

.f28 {
    font-size: 28rem;
}

.f30 {
    font-size: 30rem;
}

.f34 {
    font-size: 34rem;
}

.f36 {
    font-size: 36rem;
}

html, body {
    margin: 0px;
    padding: 0px;
    height: 100% !important;
}

body {
    font-size: 14rem;
    line-height: 1.4;
    color: rgb(21, 34, 66);
    overflow-x: hidden;
    font-family: Roboto, sans-serif;
}

.content {
    line-height: 1.4;
}

.main-wrapper {
    min-height: 100%;
    background: rgb(255, 255, 255);
    margin-bottom: -408rem;
}

.footer-push {
    height: 408rem;
}

.footer-wrapper {
    min-height: 408rem;
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 301;
    font-size: 13rem;
    color: rgb(0, 0, 0);
}

.footer-bottom {
    padding: 30rem 0px;
}

.footer-top-wrapper {
    padding: 50rem 0px;
    border-bottom: 1rem solid rgb(238, 238, 238);
    border-top: 1rem solid rgb(238, 238, 238);
}

.footer-top-inner {
    padding-right: 280rem;
    min-height: 150rem;
}

.footer-top-last {
    max-width: 250rem;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px;
}

.footer-top-wrapper {
    min-height: 330rem;
}

.footer-top-wrapper .title {
    font-weight: bold;
    font-size: 16rem;
    margin-bottom: 20rem;
    text-transform: uppercase;
}

.footer-text {
    padding-right: 30rem;
}

.footer-menu li {
    margin-bottom: 10rem;
}

.footer-menu li:last-of-type {
    margin-bottom: 0px;
}

.footer-menu a {
    text-decoration: none;
}

.footer-contacts-el {
    margin-bottom: 10rem;
    font-size: 14rem;
    font-weight: bold;
}

.footer-contacts-el a {
    text-decoration: none;
}

.footer-wrapper a:hover {
    color: rgb(0, 0, 0);
}

.footer-wrapper .btn:hover {
    color: rgb(255, 255, 255);
}

.footer-wrapper .social {
    padding-top: 15rem;
}

.footer-wrapper .social a {
    margin: 0px 2rem 2rem;
    display: inline-block;
    transition: all 200ms ease-out 0s;
    border: 1rem solid rgb(52, 116, 209);
    color: rgb(52, 116, 209);
    width: 34rem;
    text-align: center;
    height: 34rem;
    line-height: 34rem;
    font-size: 13rem;
    border-radius: 5rem;
}

.footer-wrapper .social a:hover {
    background: rgb(52, 116, 209);
    color: rgb(255, 255, 255);
}

.footer-wrapper .logo {
    margin-bottom: 20rem;
}

@media (max-width: 1229px) {
    .footer-top-inner {
        padding-right: 0px;
    }

    .footer-top-first {
        margin-bottom: 50rem;
        border-bottom: 1rem solid rgba(255, 255, 255, 0.1);
    }

    .footer-top-last {
        max-width: 100%;
        position: static;
        padding: 0px 10rem;
    }

    .footer-text {
        padding-right: 0px;
    }
}

h1, .title-h1 {
    font-size: 36rem;
    line-height: 1.3;
    margin-bottom: 40rem;
    position: relative;
    font-weight: bold;
}

h2, .title-h2 {
    font-size: 30rem;
    line-height: 1.3;
    margin-bottom: 40rem;
    position: relative;
    font-weight: bold;
}

h3, .title-h3 {
    font-size: 26rem;
    line-height: 1.3;
    margin-bottom: 40rem;
    position: relative;
    font-weight: bold;
}

h4, .title-h4 {
    font-size: 24rem;
    line-height: 1.4;
    margin-bottom: 20rem;
    position: relative;
    font-weight: bold;
}

h5, .title-h5 {
    font-size: 20rem;
    line-height: 1.3;
    margin-bottom: 10rem;
    position: relative;
    font-weight: bold;
}

@media (max-width: 767px) {
    h1, .title-h1 {
        font-size: 30rem;
        margin-bottom: 20rem;
    }

    h2, .title-h2 {
        font-size: 30rem;
        margin-bottom: 20rem;
    }

    h3, .title-h3 {
        font-size: 26rem;
        margin-bottom: 20rem;
    }

    h4, .title-h4 {
        font-size: 22rem;
        margin-bottom: 15rem;
    }

    h5, .title-h5 {
        font-size: 18rem;
        line-height: 1.3;
        margin-bottom: 10rem;
    }
}

blockquote {
    position: relative;
    margin: 30rem 0px;
    padding: 2rem 0px 5rem 20rem;
    border-left: 1rem solid rgb(251, 77, 9);
    text-align: left;
    font-size: 1.1em;
    color: rgb(95, 95, 95);
}

blockquote p {
    margin-bottom: 0px;
}

p {
    margin-bottom: 20rem;
}

a {
    color: rgb(52, 116, 209);
    text-decoration: underline;
    transition: all 200ms ease-out 0s;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

a.decoration-none {
    text-decoration: none;
}

strong, b, .bold {
    font-weight: bold;
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
}

textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

.red {
    color: red;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

a.absolute {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}

:invalid {
    box-shadow: none;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

em, i {
    font-style: italic;
}

.emoji {
    width: 1em;
    display: inline-block;
    height: 1.1em;
    vertical-align: top;
    background-image: url("../images/ok.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

.emoji.ok {
    background-image: url("../images/ok.png");
}

.emoji.guarantee {
    background-image: url("../images/guarantee.png");
}

.emoji.down {
    background-image: url("../images/down.png");
}

.emoji.key {
    background-image: url("../images/key.png");
}

.emoji.fire {
    background-image: url("../images/fire.png");
}

.emoji.power {
    background-image: url("../images/power.png");
}

.emoji.money {
    background-image: url("../images/money.png");
}

.emoji.blue-car {
    background-image: url("../images/blue-car.png");
}

.emoji.red-car {
    background-image: url("../images/red-car.png");
}

.emoji.magic {
    background-image: url("../images/magic.png");
}

.cleaner, .clear {
    clear: both;
    height: 0px;
    line-height: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.upper {
    text-transform: uppercase;
}

.error {
    color: rgb(255, 0, 0);
}

img {
    max-width: 100%;
}

img[src$=".svg"], img[src$=".SVG"] {
    width: 100%;
}

img.left {
    float: left;
    margin-right: 15rem;
    margin-bottom: 5rem;
}

img.right {
    float: right;
    margin-left: 15rem;
    margin-bottom: 5rem;
}

.white {
    color: rgb(255, 255, 255);
}

.black {
    color: rgb(0, 0, 0);
}

.strike {
    text-decoration: line-through;
}

ul.list, ol.list, .product-text ul, .content ul, .product-text ol, .content ol {
    margin-bottom: 30rem;
}

ul.list > li, ol.list > li, .product-text ul > li, .product-text ol > li, .content ul > li, .content ol > li {
    margin-bottom: 15rem;
    position: relative;
}

ul.list > li, .product-text ul > li, .content ul > li {
    padding-left: 20rem;
}

ul.list > li::before, .product-text ul > li::before, .content ul > li::before {
    content: "";
    display: block;
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: 10rem;
    left: 0px;
    background: rgb(213, 213, 213);
}

ul.list ul, ol.list ul, ol.list ol, ul.list ol, .product-text ul ul, .content ul ul, .product-text ol ul, .content ol ul, .product-text ol ol, .content ol ol, .product-text ul ol, .content ul ol {
    padding-top: 10rem;
    padding-left: 10rem;
}

ul.list ul li, ol.list ul li, .product-text ul ul li, .product-text ol ul li, .content ol ul li, .content ul ul li {
    padding-left: 15rem;
    position: relative;
    margin-bottom: 10rem;
}

ul.list ul li::after, ol.list ul li::after, .product-text ul ul li::after, .content ul ul li::after, .product-text ol ul li::after, .content ol ul li::after {
    content: "";
    display: block;
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 9rem;
    left: 0px;
    border: 1rem solid rgb(153, 153, 153);
    border-radius: 50%;
}

ul.list ol li, ol.list ol li, .product-text ul ol li, .content ul ol li, .product-text ol ol li, .content ol ol li {
    list-style: decimal;
    padding-left: 3rem;
    margin-left: 12rem;
    margin-bottom: 10rem;
}

ol.list, .product-text ol, .content ol {
    counter-reset: item 0;
}

ol.list li, .product-text ol, .content ol {
    display: block;
}

ol.list li::before, .product-text ol::before, .content ol::before {
    content: counters(item, ".") ". ";
    counter-increment: item 1;
    padding: 0px 5rem 0px 10rem;
    color: rgb(153, 153, 153);
}

ul.list ul ol li::after, ol.list ul ol li::after, .product-text ul ul ol li::after, .content ul ul ol li::after, .product-text ol ul ol li::after, .content ol ul ol li::after {
    display: none;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0px, 0px, 0px);
}

.slick-track {
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
}

.slick-track::before, .slick-track::after {
    display: table;
    content: "";
}

.slick-track::after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1rem;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1rem solid transparent;
}

.slider-wrapper .item img {
    min-height: 300rem;
}

.slick-dots {
    width: 100%;
    padding: 0px;
    list-style: none;
    text-align: center;
    display: block;
    margin-bottom: 30rem;
}

.slick-dots li button {
    position: absolute;
    top: -5rem;
    left: -5rem;
    border: none;
    border-radius: 50%;
    display: block;
    opacity: 0;
}

.slick-dots li {
    background: transparent;
    border-radius: 50%;
    display: inline-block;
    width: 14rem;
    height: 14rem;
    margin: 0px 7rem;
    cursor: pointer;
    position: relative;
    border: 2rem solid rgb(251, 77, 9);
}

.slick-dots li.slick-active {
    border-color: rgb(251, 77, 9);
    background: rgb(251, 77, 9);
}

.slick-prev::after, .slick-next::after {
    content: "";
    display: block;
    position: absolute;
    width: 10rem;
    height: 10rem;
    top: 50%;
    left: 50%;
    margin-top: -5rem;
    margin-left: -3rem;
    border-left: 2rem solid rgb(33, 33, 33);
    border-bottom: 2rem solid rgb(33, 33, 33);
    transition: all 200ms ease-out 0s;
}

.slick-prev::after {
    transform: rotate(45deg);
}

.slick-next::after {
    transform: rotate(225deg);
    margin-left: -7rem;
}

.slick-prev:hover, .slick-next:hover {
    background: rgb(255, 255, 255);
    opacity: 0.9;
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

@keyframes fadeIn {
    0% {
        transform: translateY(50rem);
        animation-timing-function: ease-in;
        opacity: 0;
    }

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

.animate__flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important;
}

.fancybox-modal-wrap .fancybox-skin {
    background: transparent;
}

.fancybox-modal-wrap .fancybox-close {
    position: fixed;
    top: 20rem;
    right: 20rem;
    background: transparent;
    width: 51rem;
    height: 51rem;
}

.fancybox-modal-wrap .fancybox-close::before, .fancybox-modal-wrap .fancybox-close::after {
    background: rgb(255, 255, 255);
}

.fancybox-modal-wrap .fancybox-close:hover::before, .fancybox-modal-wrap .fancybox-close:hover::after {
    background: rgb(210, 28, 45);
}

.fancybox-modal-wrap .fancybox-close::before {
    height: 2rem;
}

.fancybox-modal-wrap .fancybox-close::after {
    width: 2rem;
}

.modal {
    display: none;
    width: 600rem;
    max-width: 100%;
}

.modal-inner {
    background: rgb(255, 255, 255);
    padding: 40rem 30rem;
    animation-name: fadeIn;
    backface-visibility: visible !important;
}

.modal[style="display: block;"] .modal-inner {
    animation-duration: 400ms;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.modal .title {
    font-size: 26rem;
    font-weight: bold;
    margin-bottom: 30rem;
    line-height: 1.1;
}

.modal p {
    margin-bottom: 0px;
}

.modal-adress-text-block {
    color: rgb(0, 0, 0);
    font-size: 14rem;
    line-height: 1.2em;
    border-radius: 10rem;
    padding: 15rem;
    box-shadow: rgba(228, 233, 241, 0.7) 0px 4rem 34rem;
    text-align: left;
}

.modal-adress-title {
    font-weight: bold;
    text-decoration: none;
    font-size: 16rem;
}

.modal-adress-title:hover {
    color: rgb(251, 77, 9);
}

.modal-adress-link {
    display: none;
}

.modal-adress-span {
    margin-bottom: 5rem;
    min-height: 2em;
    font-size: 16rem;
    display: flex;
    flex-flow: row;
    place-content: stretch start;
    align-items: center;
}

.modal-phone-link {
    text-decoration: none;
    font-weight: bold;
    font-size: 18rem;
}

@media (max-width: 767px) {
    .fancybox-modal-wrap .fancybox-close {
        top: 15rem;
        right: 15rem;
        width: 41rem;
        height: 41rem;
    }
}

@media (max-width: 468px) {
    .modal-contact-row > div {
        width: 100%;
    }
}

.label {
    display: block;
    margin-bottom: 4rem;
}

.dashed {
    text-decoration: none;
    border-bottom: 1rem dashed;
}

.dashed:hover {
    border-bottom-color: transparent;
}

.static {
    position: static;
}

.hidden {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.visible {
    opacity: 1;
}

.button, .btn {
    display: inline-block;
    color: rgb(255, 255, 255);
    background: rgb(12, 98, 213);
    font-size: 16rem;
    line-height: 1.5;
    font-weight: 400;
    padding: 12rem 30rem;
    margin-bottom: 10rem;
    position: relative;
    border: 1rem solid rgb(12, 98, 213);
    border-radius: 7rem;
    text-align: center;
    cursor: pointer;
    transition: all 200ms ease-out 0s;
    text-decoration: none !important;
}

.button:hover, .btn:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(24, 118, 242);
}

.button.block, .btn.block {
    display: block;
    width: 100%;
    padding-left: 15rem;
    padding-right: 15rem;
}

.button.invert, .btn.invert {
    background: rgb(80, 66, 65);
    border-color: rgb(80, 66, 65);
    color: rgb(255, 255, 255);
}

.blue-btn {
    background: rgb(12, 98, 213);
    border-color: rgb(12, 98, 213);
}

@media (max-width: 991px) {
    .button {
        padding: 12rem 25rem;
    }
}

.dotted {
    border-bottom: 1rem dotted;
    text-decoration: none !important;
}

.dotted:hover {
    border: none;
}

.header-top {
    background: rgb(251, 77, 9);
    padding: 9rem 0px;
    font-size: 14rem;
}

.header-address {
    position: relative;
    padding-left: 30rem;
}

.header-address svg {
    width: 25rem;
    height: 25rem;
    position: absolute;
    left: 0px;
    top: -4rem;
}

.header-bottom {
    background: rgb(255, 255, 255);
    position: relative;
}

.header-bottom .inner {
    min-height: 116rem;
    padding: 0px;
    display: flex;
}

.header-adress {
    right: 0rem;
    z-index: 1200;
}

.header-adress-text-block {
    padding: 0px 10rem;
    color: rgb(21, 34, 66);
    font-size: 14rem;
    line-height: 1.2em;
    text-align: left;

}

.header-adress-title {
    font-weight: 400;
    text-decoration: none;
    font-size: 16rem;
    color: rgb(12, 98, 213);
}

.header-adress-title:hover {
    color: rgb(101, 164, 246);
}

.header-adress-link {
    color: rgb(21, 34, 66);
    font-weight: bold;
    text-decoration: none;
    font-size: 18rem;
}

.header-adress-span {
    margin-bottom: 0px;
    min-height: 2em;
    text-align: left;
    font-size: 14rem;
    display: flex;
    flex-flow: row;
    place-content: stretch start;
    align-items: center;
}

header a.header-adress-link {
    display: inline-block;
    text-decoration: none;
    font-size: larger;
}

.header-adress-wrapper {
    display: flex;
    flex: 1 1 0px;
    align-items: center;
    overflow-x: hidden;
    justify-content: end;
    flex-wrap: wrap;
    margin-left: 0%;
}

header.fixed .header-adress-wrapper {
}

.header-show-adress-button {
    display: none;
}

.header-tel-inner {
    padding-left: 40rem;
    display: inline-block;
}

.header-tel-inner svg {
    width: 32rem;
    height: 32rem;
    position: absolute;
    top: 0px;
    left: 0px;
}

.header-tel-inner div {
    color: rgb(51, 51, 51);
    font-size: 20rem;
    transition: all 200ms ease-out 0s;
    text-decoration: none !important;
}

.header-tel a {
    text-decoration: none;
    color: rgb(21, 34, 66);
}

.header-tel a:hover {
    color: rgb(251, 77, 9);
}

.callback-link-wrapper {
    text-align: right;
}

.callback-link {
    font-size: 14rem;
    border-bottom: 1rem dashed;
}

.callback-link:hover {
    border-color: transparent;
}

.messagers {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -20rem;
}

.message-btn {
    display: inline-block;
    width: 40rem;
    height: 40rem;
    padding: 10rem;
    margin: 0px 0px 0px 5rem;
    position: relative;
    color: rgb(255, 255, 255);
    border-radius: 3rem;
    transition: all 200ms ease-out 0s;
}

.message-btn svg {
    width: 100%;
    height: 100%;
}

.whatsapp-btn {
    background: rgb(40, 196, 76);
}

.telegram-btn {
    background: rgb(6, 136, 210);
}

.viber-btn {
    background: rgb(118, 89, 235);
}

.message-btn:hover {
    filter: brightness(114%);
}

@media (max-width: 768px) {
    .header-bottom .inner {
        padding: 15rem 0px 0px;
        min-height: 0px;
    }

    .messagers a {
        color: rgb(255, 255, 255);
        text-decoration: none;
        font-size: 24rem;
    }

    .messagers svg {
        width: 40rem;
        margin-right: 10rem;
    }

    .messagers svg path {
        fill: rgb(255, 255, 255);
    }

    .messagers {
        position: absolute;
        right: auto;
        left: 0px;
        align-items: center;
        margin-top: 0px;
        top: 8rem;
        display: flex !important;
    }

    .message-btn {
        background: rgb(255, 255, 255) !important;
        color: rgb(80, 66, 65) !important;
    }
}

.article {
    font-size: 16rem;
    line-height: 1.2em;
    color: rgb(54, 57, 70);
}

.article, .article p {
    font-weight: 400;
    font-style: normal;
}

.article p {
    margin: 0px 0px 25rem;
    padding: 0px;
}

.article p:last-child {
    margin-bottom: 0px;
}

.article h1 {
    font-size: 2.25rem;
}

.article h1, .article h2 {
    line-height: 1.33333;
    font-weight: 400;
    font-style: normal;
}

.article h2 {
    font-size: 20rem;
    font-weight: 700;
    margin: 0px 0px 15rem;
    padding: 0px;
}

.article h2:last-child {
    margin-bottom: 0px;
}

.article h3 {
    font-size: 1.375rem;
    line-height: 1.36364;
    margin: 0px 0px 10rem;
    padding: 0px;
    font-family: gothampro-bold, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.article h3:last-child {
    margin-bottom: 0px;
}

.article h4 {
    padding: 20rem 0px;
    font-family: gothampro-medium, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.11111;
}

.article h4:last-child {
    padding-bottom: 0px;
}

.article h5, .article h6 {
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
    line-height: 1.42857;
}

.article img {
    margin: 0px 0px 15px;
}

.article a {
    font-family: gothampro, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    color: rgb(54, 57, 70);
}

.article a:focus, .article a:hover {
    text-decoration: underline;
    color: rgb(54, 57, 70);
}

.article ul {
    font-family: gothampro, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0px 0px 10rem;
    padding: 0px;
    list-style-type: none;
}

.article ul:last-child {
    margin-bottom: 0px;
}

.article ul li {
    position: relative;
    margin: 0px;
    padding: 5rem 0px 5rem 15rem;
}

.article ul li::before {
    content: "";
    position: absolute;
    top: calc(50% - 3rem);
    left: 0px;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: rgb(7, 86, 165);
    z-index: 1;
}

.article ol {
    font-family: gothampro, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0px 0px 10rem;
    padding: 0px 0px 0px 20rem;
    list-style-type: none;
    counter-reset: list 0;
}

.article ol:last-child {
    margin-bottom: 0px;
}

.article ol li {
    position: relative;
    margin: 0px;
    padding: 5rem 0px 5rem 25rem;
}

.article ol li::before {
    counter-increment: list 1;
    content: counter(list);
    position: absolute;
    top: 5rem;
    left: 0px;
    font-size: 1rem;
    line-height: 1.5;
    font-family: gothampro-bold, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: rgb(16, 89, 105);
    z-index: 1;
}

.article table {
    margin: 0px 0px 25rem;
    width: 100%;
    border-spacing: 2rem;
    border-collapse: separate;
}

.article table, .article table th {
    font-family: gothampro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.article table th {
    padding: 13rem 5rem;
    background: rgb(231, 234, 246);
    border: none;
}

.article table td {
    padding: 10rem 5rem;
    border: none;
    background: rgb(251, 251, 253);
}

.article .fr-dropdown-list li::before {
    opacity: 0;
}

.clearfix::after {
    clear: both;
    display: block;
    content: "";
}

.article table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%;
}

.article table.fr-dashed-borders td, .article table.fr-dashed-borders th {
    border-style: dashed;
}

.article table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: rgb(245, 245, 245);
}

.article table td, .article table th {
    border: 1rem solid rgb(221, 221, 221);
}

.article table td:empty, .article table th:empty {
    height: 20px;
}

.article table td.fr-highlighted, .article table th.fr-highlighted {
    border: 1rem double red;
}

.article table td.fr-thick, .article table th.fr-thick {
    border-width: 2rem;
}

.article table th {
    background: rgb(230, 230, 230);
}

.article hr {
    clear: both;
    user-select: none;
    break-after: page;
}

.article .fr-file {
    position: relative;
}

.article .fr-file::after {
    position: relative;
    content: "📎";
    font-weight: 400;
}

.article pre {
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.article blockquote {
    border-left: 2rem solid rgb(94, 53, 177);
    margin-left: 0px;
    padding-left: 5rem;
    color: rgb(94, 53, 177);
}

.article blockquote blockquote {
    border-color: rgb(0, 188, 212);
    color: rgb(0, 188, 212);
}

.article blockquote blockquote blockquote {
    border-color: rgb(67, 160, 71);
    color: rgb(67, 160, 71);
}

.article span.fr-emoticon {
    font-weight: 400;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols;
    display: inline;
    line-height: 0;
}

.article span.fr-emoticon.fr-emoticon-img {
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-height: 20rem;
    min-width: 20rem;
    display: inline-block;
    margin: -0.1em 0.1em 0.1em;
    line-height: 1;
    vertical-align: middle;
    background-repeat: no-repeat !important;
}

.article .fr-text-gray {
    color: rgb(170, 170, 170) !important;
}

.article .fr-text-bordered {
    display: block;
    padding: 15rem;
    background-color: rgb(255, 255, 255);
    border: 1rem solid rgb(230, 238, 246);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1rem 1rem;
}

.article .fr-text-bordered strong:first-child {
    display: inline-block;
    padding-bottom: 5px;
}

.article .fr-text-spaced {
    letter-spacing: 1px;
}

.article .fr-text-uppercase {
    text-transform: uppercase;
}

.article img {
    position: relative;
    max-width: 100%;
}

.article img.fr-dib {
    margin: 0px 0px 15rem;
    display: block;
    float: none;
}

.article img.fr-dib.fr-fil {
    margin-left: 0px;
}

.article img.fr-dib.fr-fir {
    margin-right: 0px;
}

.article img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5rem;
    margin-right: 5rem;
    max-width: calc(100% - 10px);
}

.article img.fr-dii.fr-fil {
    float: left;
    margin: 5rem 45rem 10rem 0px;
    max-width: calc(100% - 45px);
}

.article img.fr-dii.fr-fir {
    float: right;
    margin: 5rem 0px 5rem 45rem;
    max-width: calc(100% - 45px);
}

.article img.fr-rounded {
    border-radius: 100%;
    background-clip: padding-box;
}

.article img.fr-bordered {
    border: 10rem solid rgb(204, 204, 204);
    box-sizing: content-box;
}

.article .fr-video {
    position: relative;
    padding-top: 1.38889rem;
    padding-bottom: 67.5%;
    height: 0px;
    overflow: hidden;
}

.article .fr-video embed, .article .fr-video iframe, .article .fr-video object, .article .fr-video video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.article .fr-video > * {
    box-sizing: content-box;
    max-width: 100%;
    border: none;
}

.article .fr-video.fr-dvb {
    display: block;
    clear: both;
}

.article .fr-video.fr-dvb.fr-fvl {
    text-align: left;
}

.article .fr-video.fr-dvb.fr-fvr {
    text-align: right;
}

.article .fr-video.fr-dvi {
    display: inline-block;
}

.article .fr-video.fr-dvi.fr-fvl {
    float: left;
}

.article .fr-video.fr-dvi.fr-fvr {
    float: right;
}

.article a.fr-strong {
    font-weight: 700;
}

.article a.fr-green {
    color: green;
}

.article button.fr-rounded, .article input.fr-rounded, .article textarea.fr-rounded {
    border-radius: 10rem;
    background-clip: padding-box;
}

.article button.fr-large, .article input.fr-large, .article textarea.fr-large {
    font-size: 24px;
}

a .article.fr-strong {
    font-weight: 700;
}

a .article.fr-green {
    color: green;
}

img .article {
    position: relative;
    max-width: 100%;
}

img .article.fr-dib {
    margin: 5rem auto;
    display: inline-block;
    float: none;
    vertical-align: top;
}

img .article.fr-dib.fr-fil {
    margin-left: 0px;
}

img .article.fr-dib.fr-fir {
    margin-right: 0px;
}

img .article.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5rem;
    margin-right: 5rem;
    max-width: calc(100% - 10px);
}

img .article.fr-dii.fr-fil {
    float: left;
    margin: 5rem 5rem 5rem 0px;
    max-width: calc(100% - 5px);
}

img .article.fr-dii.fr-fir {
    float: right;
    margin: 5rem 0px 5rem 5rem;
    max-width: calc(100% - 5px);
}

img .article.fr-rounded {
    border-radius: 100%;
    background-clip: padding-box;
}

img .article.fr-bordered {
    border: 10rem solid rgb(204, 204, 204);
    box-sizing: content-box;
}

.top-slider-wrapper {
    overflow: hidden;
    width: 100%;
}

.top-slider > div {
    display: none;
}

.top-slider > div:first-of-type, .top-slider.slick-slider > div {
    display: block;
}

.top-slider .slick-slide > div {
    height: 730rem;
}

.top-slider .item .inner {
    height: 730rem;
    overflow: hidden;
}

.top-slider .item-img {
    position: absolute;
    inset: 0px;
    background-color: rgb(241, 245, 246);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.top-slider .element-content-wrapper {
    position: absolute;
    inset: 0px;
    overflow: hidden;
}

.top-slider .element-content {
    padding-right: 500rem;
    position: relative;
    z-index: 30;
}

.top-slider .item-title {
    font-size: 76rem;
    line-height: 1;
    margin-bottom: 20rem;
    font-weight: bold;
    color: rgb(80, 66, 65);
}

.top-slider .item-description {
    margin-bottom: 20rem;
    font-size: 30rem;
    color: rgb(80, 66, 65);
    font-weight: 200;
}

.top-slider .slick-prev, .top-slider .slick-next {
    position: absolute;
    display: block;
    width: 44rem;
    height: 44rem;
    text-align: center;
    top: 50%;
    margin-top: -26rem;
    z-index: 20;
    border-radius: 2rem;
    transition: all 200ms ease-out 0s;
    background: rgb(255, 255, 255);
    color: rgb(80, 66, 65);
    border: 2rem solid rgb(255, 255, 255);
}

.top-slider .slick-prev {
    left: -65rem;
}

.top-slider .slick-next {
    right: -65rem;
}

.top-slider:hover .slick-prev {
    left: 25rem;
}

.top-slider:hover .slick-next {
    right: 25rem;
}

.top-slider .slick-prev:hover, .top-slider .slick-next:hover {
    background: rgb(251, 77, 9);
    color: rgb(255, 255, 255);
    border-color: rgb(251, 77, 9);
}

.top-slider .slick-prev:hover::after, .top-slider .slick-next:hover::after {
    border-color: rgb(255, 255, 255);
}

.top-form-wrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
}

.top-form {
    width: 390rem;
    max-width: 100%;
    position: absolute;
    right: 0px;
    top: 100rem;
    z-index: 100;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: rgba(0, 0, 0, 0.13) 0px 28rem 57rem;
    padding: 55rem 50rem;
}

.top-form::before {
    content: "";
    background: url("../images/ruller.png") 0px 0px / contain no-repeat;
    width: 70rem;
    height: 70rem;
    position: absolute;
    top: 20rem;
    right: 20rem;
}

.top-form-title {
    font-size: 20rem;
    color: rgb(80, 66, 65);
    margin-bottom: 30rem;
}

.top-form .form-control {
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 2rem solid rgb(251, 77, 9);
    background: transparent;
    font-size: 16rem;
    margin-bottom: 20rem;
}

@media (max-width: 768px) {
    .top-slider .item-title {
        font-size: 6vw;
    }

    .top-slider .item-description {
        font-size: 4vw;
    }

    .top-form::before {
        display: none;
    }
}

.gray {
    color: rgb(138, 138, 138);
}

hr {
    border-top: 1rem solid rgb(199, 199, 199);
    border-bottom: 1rem solid rgb(255, 255, 255);
}

.hr-min {
    border-top: 1rem solid rgb(251, 77, 9);
    border-bottom: 1rem solid rgb(251, 77, 9);
    width: 60rem;
}

.title-h2 span {
    font-size: 18rem;
    line-height: 1;
    display: block;
    font-weight: normal;
    margin-bottom: 20rem;
    margin-top: 10rem;
}

.modal .title + p {
    font-size: 16rem;
    margin: -10rem 0px 30rem;
}

.top-bar {
    width: 100%;
    height: 55rem;
    background: rgb(21, 34, 66);
    z-index: 300;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2rem 2rem;
}

.top-bar .btn {
    position: absolute;
    right: 0px;
    height: 55rem;
    padding: 17rem 30rem 0px;
    z-index: 10;
}

.top-menu {
    display: none;
}

.mobile-menu {
    position: absolute;
    top: 44rem;
    right: -15rem;
    left: -15rem;
    background: rgb(21, 34, 66);
    width: auto;
    z-index: 300;
    display: none;
    overflow: auto;
}

.mobile-menu > ul > li {
    position: relative;
    z-index: 300;
    background: rgb(255, 255, 255);
}

.mobile-menu > ul {
    background: rgb(21, 34, 66);
    width: auto;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3rem 5rem;
}

.mobile-menu > ul > li > a {
    background: rgb(21, 34, 66);
    display: block;
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 15rem;
    text-decoration: none;
    transition: all 200ms ease-out 0s;
    text-transform: uppercase;
    font-size: 13rem;
    position: relative;
}

.mobile-menu > ul > li > a::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1rem;
    top: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
    opacity: 0.1;
}

.mobile-menu > ul > li > a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 1rem;
    bottom: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
    opacity: 0;
}

.mobile-menu > ul > li.active > a::after {
    opacity: 0.1;
}

.mobile-menu > ul > li > ul {
    background: rgb(52, 116, 209);
    padding: 18rem 15rem 13rem;
    display: none;
    position: relative;
}

.mobile-menu > ul > li > ul::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1rem;
    top: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
    opacity: 0.1;
}

.mobile-menu > ul > li > ul > li {
    margin-bottom: 10rem;
    position: relative;
}

.mobile-menu > ul > li > ul a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11rem;
    display: block;
    padding: 5rem 0px 5rem 12rem;
    position: relative;
}

.mobile-menu > ul > li > ul > li.active a span {
    text-decoration: underline;
}

.mobile-menu > ul > li > ul a::before {
    content: "";
    display: block;
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 11rem;
    left: 0px;
    background: rgb(255, 255, 255);
    border-radius: 1rem;
}

.mobile-menu > ul > li > ul a span {
    position: relative;
    z-index: 5;
}

.mobile-menu .dropdown-button {
    display: block;
    width: 50rem;
    height: 48rem;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 20;
}

.mobile-menu .dropdown-button::after {
    content: "";
    display: block;
    width: 12rem;
    height: 12rem;
    position: absolute;
    right: 17rem;
    top: 17rem;
    border-bottom: 1rem solid rgb(255, 255, 255);
    border-right: 1rem solid rgb(255, 255, 255);
    transform: rotate(45deg);
    transition: all 200ms ease-out 0s;
}

.mobile-menu .dropdown-button.active::after {
    transform: rotate(-135deg);
    top: 22rem;
}

.mobile-menu ul ul .dropdown-button {
    height: 25rem;
    right: -15rem;
}

.mobile-menu ul ul .dropdown-button::after {
    width: 6rem;
    height: 6rem;
    content: "+";
    border: none;
    color: rgb(255, 255, 255);
    font-size: 18rem;
    right: 21rem;
    transition: none 0s ease 0s;
    transform: rotate(0deg) !important;
    top: 0px !important;
}

.mobile-menu ul ul .dropdown-button.active::after {
    content: "—";
    font-size: 10rem;
    right: 22rem;
    top: 4rem !important;
}

.mobile-menu .dropdown-button + ul {
    display: none;
}

.mobile-menu ul ul ul {
    padding-top: 6rem;
}

.mobile-menu ul ul ul a {
    padding: 6rem 0px 6rem 30rem;
}

.mobile-menu ul ul ul a::before {
    left: 17rem;
}

.mob-menu-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20rem;
    width: 40rem;
    cursor: pointer;
}

.icon-menu-burger {
    height: 2rem;
    width: 28rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1rem 0px 0px -14rem;
    transition: transform 0.1s ease 0s;
}

.icon-menu-burger__line {
    background: rgb(255, 255, 255);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: transform 0.1s linear 0.1s;
}

.icon-menu-burger::before, .icon-menu-burger::after {
    background: rgb(255, 255, 255);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
}

.icon-menu-burger::before {
    top: -6rem;
    transition: top 0.1s linear 0.2s;
}

.icon-menu-burger::after {
    bottom: -6rem;
    transition: bottom 0.1s linear 0.2s;
}

.mob-menu-btn.active .icon-menu-burger {
    transform: rotate(45deg);
    transition: transform 0.1s linear 0.2s;
}

.mob-menu-btn.active .icon-menu-burger__line {
    transform: rotate(90deg);
}

.mob-menu-btn.active .icon-menu-burger::before {
    transition: top 0.1s linear 0s;
    top: 0px;
}

.mob-menu-btn.active .icon-menu-burger::after {
    transition: bottom 0.1s linear 0s;
    bottom: 0px;
}

body::-webkit-resizer {
    background-image: url("");
    background-repeat: no-repeat;
    width: 12rem;
    height: 1rem;
}

body::-webkit-scrollbar {
    width: 12rem;
}

body::-webkit-scrollbar-button {
    background-image: url("");
    width: 12rem;
    height: 0rem;
}

body::-webkit-scrollbar-thumb {
    background-color: rgb(12, 98, 213);
}

body::-webkit-scrollbar-track {
    background-color: rgb(33, 33, 33);
}

#preloader {
    background: rgb(255, 255, 255);
    inset: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    display: block;
    transition: all 600ms ease-out 0s;
    opacity: 1;
}

#preloader.hid {
    opacity: 0;
    visibility: hidden;
}

#preloader table {
    width: 100%;
    height: 100%;
}

#preloader table td {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.load8 .loader {
    margin: 60rem auto;
    font-size: 6rem;
    position: relative;
    text-indent: -9999em;
    border-width: 1.1em;
    border-style: solid;
    border-color: rgba(0, 72, 127, 0.2) rgba(0, 72, 127, 0.2) rgba(0, 72, 127, 0.2) rgb(251, 77, 9);
    transform: translateZ(0px);
    animation: 1.1s linear 0s infinite normal none running load8;
}

.load8 .loader, .load8 .loader::after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

@-webkit-keyframes load8 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes mymove {
    0% {
        bottom: 0px;
    }

    100% {
        bottom: 20rem;
    }
}

@keyframes mymove {
    0% {
        bottom: 0px;
    }

    100% {
        bottom: 20rem;
        opacity: 0;
    }
}

#up {
    position: fixed;
    z-index: 300;
    bottom: 30rem;
    right: 30rem;
    display: none;
    color: rgb(255, 255, 255);
    width: 30rem;
    text-align: center;
    height: 30rem;
    cursor: pointer;
    border-radius: 5rem;
    transition: background-color 200ms ease-out 0s;
    background: rgb(21, 34, 66);
    font-size: 22rem;
}

#up:hover {
    filter: brightness(114%);
}

#up i {
    display: block;
    line-height: 30rem;
}

#up i::after {
    color: rgb(255, 255, 255);
    animation: 1.5s ease 0s infinite normal none running mymove;
    content: "";
    background-image: url("../images/arrow-up.svg");
    background-size: 60%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0px;
}

.delay-100 {
    animation-delay: 100ms;
}

.delay-200 {
    animation-delay: 200ms;
}

.delay-300 {
    animation-delay: 300ms;
}

.delay-400 {
    animation-delay: 400ms;
}

.delay-500 {
    animation-delay: 500ms;
}

.delay-600 {
    animation-delay: 600ms;
}

.delay-700 {
    animation-delay: 700ms;
}

.delay-800 {
    animation-delay: 800ms;
}

.delay-900 {
    animation-delay: 900ms;
}

.delay-1000 {
    animation-delay: 1000ms;
}

.delay-1100 {
    animation-delay: 1100ms;
}

.delay-1200 {
    animation-delay: 1200ms;
}

.delay-1300 {
    animation-delay: 1300ms;
}

.delay-1400 {
    animation-delay: 1400ms;
}

.row.min {
    margin-left: -5rem;
    margin-right: -5rem;
}

.row.min > div[class^="col-"] {
    padding-left: 5rem;
    padding-right: 5rem;
}

.row.no-padding {
    margin-left: 0px;
    margin-right: 0px;
}

.row.no-padding > div[class^="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}

.table tbody.blured {
    filter: blur(5rem);
}

.table tbody {
    transition: filter 500ms ease 0s;
}

.table {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}

.table tfoot {
    position: sticky;
    inset-block-end: 0px;
}

.table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.first-section {
    position: relative;
    padding-bottom: 0px;
    background-image: linear-gradient(to top, rgba(4, 13, 33, 0.8), rgba(4, 13, 33, 0.8)), url("../images/hero-bg-blured-2.jpg");
}

.first-section .section-content {
    padding-right: 30rem;
    padding-bottom: 50rem;
    padding-top: 50rem;
    height: 100%;
    display: flex;
    flex-flow: column wrap;
    align-items: start;
    justify-content: center;
}

.first-section h1 {
    margin-bottom: 0rem;
    color: rgb(255, 255, 255);
}

.first-section .hero__subtitle {
    font-size: 20rem;
    line-height: 1.4em;
    color: rgb(255, 255, 255);
    margin: 24rem 0px 36rem;
}

.first-section .hero__subtitle_blue {
    background: rgb(24, 118, 242);
    border-radius: 4rem;
    padding: 1rem 5rem 4rem;
    margin: 0px 3rem;
}

.first-section .features > .row {
    margin-left: -15rem;
    margin-right: -15rem;
}

.first-section .features > .row > .col-xs-6 {
    padding-left: 15rem;
    padding-right: 15rem;
}

.first-section .features {
    position: relative;
    padding-left: 80rem;
}

.first-section .features::before {
    position: absolute;
    display: none;
    content: "";
    width: 50vw;
    left: 0px;
    top: 0px;
    height: 100%;
    backdrop-filter: blur(40rem);
    background: rgba(21, 34, 66, 0.08);
}

.first-section .features .item {
    position: relative;
    height: 100rem;
    margin-bottom: 30rem;
    border-radius: 20rem;
    box-shadow: rgba(21, 34, 66, 0.16) 0px 12rem 48rem, rgba(21, 34, 66, 0.32) 0px 0px 1rem;
    padding-left: 100rem;
    background: rgb(255, 255, 255);
}

.first-section .features .item .item-icon {
    width: 60rem;
    height: 60rem;
    padding: 10rem;
    border-radius: 20rem;
    background: rgb(245, 246, 250);
    position: absolute;
    left: 20rem;
    top: 50%;
    margin-top: -30rem;
}

.first-section .features .item .item-content {
    height: 100rem;
    padding-right: 20rem;
    font-size: 18rem;
    color: rgb(21, 34, 66);
}

.first-section .blue-btn.anim {
    animation: 2s ease 0.5s infinite normal none running anim1;
    margin-right: 10rem;
}

.first-section .orange-btn {
    animation: 2s ease 0s infinite normal none running anim;
}

@keyframes anim {
    100% {
        box-shadow: transparent 0px 0px 0px 15rem;
    }

    50% {
        box-shadow: rgb(251, 77, 9) 0px 0px 0px 0px;
    }
}

@keyframes anim1 {
    100% {
        box-shadow: transparent 0px 0px 0px 15rem;
    }

    50% {
        box-shadow: rgb(52, 116, 209) 0px 0px 0px 0px;
    }
}

.first-section-location {
    font-size: 20rem;
    padding: 10rem 0px 0px 30rem;
}

.first-section .check-boxes ul {
    justify-content: space-between;
    display: flex;
}

.first-section .check-boxes.db ul {
    display: block;
}

.first-section .check-boxes.db ul li {
    display: inline-block;
    margin-right: 30rem;
}

.first-section .check-boxes li {
    margin-top: 30rem;
    padding-left: 30rem;
    background: url("../images/check.svg") 0px 50% / 20rem no-repeat;
    font-size: 16rem;
}

section h2 {
    font-weight: 500;
    font-size: 32rem;
    align-items: center;
    line-height: 1.2em;
    color: rgb(21, 34, 66);
    margin-bottom: 8rem;
}

.section__subtitle {
    font-weight: 400;
    text-align: center;
    font-size: 16rem;
    margin: 0px auto 50rem;
    line-height: 1.4em;
    color: rgb(87, 88, 102);
}

.table__caption {
    font-weight: 500;
    font-size: 18rem;
    line-height: 1.4em;
    color: rgb(3, 44, 84);
}

.widget-catalog-main-content-sidebar {
    width: 26.3081%;
    max-width: 362rem;
    min-width: 265rem;
    margin: 0px 0px 0px 15rem;
    background: rgb(255, 255, 255);
    box-shadow: rgba(21, 34, 66, 0.2) 0px 0px 1rem, rgba(21, 34, 66, 0.12) 0px 14rem 32rem;
    border-radius: 12rem;
    display: inline-block;
    position: sticky;
    top: 80rem;
    vertical-align: top;
}

.widget-catalog-main-content-sidebar-header {
    background: linear-gradient(160.2deg, rgb(15, 121, 223) 9.1%, rgb(12, 98, 213) 73.99%);
    border-radius: 12rem 12rem 0px 0px;
}

.widget-catalog-main-content-sidebar .modal-adress-text-block {
    margin-bottom: 15rem;
}

.widget-catalog-main-content-sidebar .modal-adress-text-block:last-child {
    margin-bottom: 0rem;
}

.widget-catalog-main-content-sidebar .cart-h {
    display: none;
    padding: 15rem 24rem;
    justify-content: space-between;
}

.widget-catalog-main-content-sidebar .cart-h-null {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 24rem;
    line-height: 1.4em;
    color: rgb(255, 255, 255);
}

.widget-catalog-main-content-sidebar .cart-h.active {
    display: flex;
}

.widget-catalog-main-content-sidebar .cart-h-left-block {
    display: flex;
    flex-direction: column;
}

.widget-catalog-main-content-sidebar .cart-h-left-block .prise-text {
    font-weight: 500;
    font-size: 18rem;
    line-height: 1.4em;
    color: rgb(255, 255, 255);
    margin-bottom: 2rem;
}

.widget-catalog-main-content-sidebar .cart-h-left-block p span {
    font-weight: 700;
    font-size: 24rem;
    line-height: 1.4em;
    margin-right: 4rem;
}

.widget-catalog-main-content-sidebar .cart-h-left-block p i {
    font-weight: 600;
    font-size: 20rem;
    line-height: 1.4em;
    opacity: 0.6;
    font-style: normal;
}

.widget-catalog-main-content-sidebar .cart-h-right-block {
    font-weight: 700;
    font-size: 12rem;
    line-height: 1.4em;
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
}

.widget-catalog-main-content-sidebar-form {
    padding: 24rem;
}

.widget-catalog-main-content-sidebar .btn-blue {
    margin-top: 26rem;
    font-weight: 600;
    font-size: 14rem;
    line-height: 1.4em;
}

.widget-catalog-main-content-sidebar .btn-blue.disabled, .widget-catalog-main-content-sidebar .btn-blue[disabled="disabled"] {
    background: rgb(244, 245, 247);
    color: rgb(171, 175, 187);
    pointer-events: none;
    opacity: 1;
}

.widget-catalog .widget-catalog-sidebar-headline {
    height: 100%;
}

.widget-catalog .widget-catalog-sidebar-form .user_info {
    margin-bottom: 24rem;
}

.widget-catalog .widget-catalog-sidebar-form .label-block {
    font-weight: 600;
    font-size: 14rem;
    line-height: 1.4em;
    color: rgb(21, 34, 66);
    margin-bottom: 12rem;
    display: flex;
    align-items: center;
    position: relative;
}

.widget-catalog .widget-catalog-sidebar-form .label-block-icon {
    width: 16rem;
    height: 16rem;
    margin-right: 3rem;
}

.widget-catalog .widget-catalog-sidebar-form .label-block-comment {
    display: none;
}

.widget-catalog .widget-catalog-sidebar-form .label-block-comment.active {
    display: flex;
}

.widget-catalog .widget-catalog-sidebar-form .input-group {
    margin-bottom: 12rem;
}

.widget-catalog .widget-catalog-sidebar-form textarea {
    height: 124rem;
    border-radius: 6rem;
    border: 1rem solid rgb(234, 235, 238);
    box-shadow: none;
}

.widget-catalog .widget-catalog-sidebar-form textarea::placeholder {
    font-weight: 500;
    font-size: 14rem;
    line-height: 1.4em;
    color: rgb(115, 122, 142);
}

.widget-catalog .widget-catalog-sidebar-form textarea:focus {
    box-shadow: rgba(101, 164, 246, 0.5) 0px 0px 0px 3rem;
    border: 1rem solid rgb(101, 164, 246);
}

.to_price_title {
    display: flex;
    padding: 25rem;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1rem solid rgb(234, 235, 238);
}

.table__caption--title {
    position: relative;
    height: 50rem;
    display: flex;
    align-items: center;
    padding-right: 30rem;
    margin-right: 30rem;
}

.table__caption--title::after {
    content: "";
    position: absolute;
    right: 5rem;
    background: rgb(234, 235, 238);
    border-radius: 500rem;
    height: 32rem;
    width: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.to-wrapper {
    display: flex;
    position: relative;
    align-items: start;
}

.to-elements {
    width: 71.3663%;
    border-radius: 12rem;
    box-shadow: rgba(21, 34, 66, 0.2) 0px 0px 1rem, rgba(21, 34, 66, 0.12) 0px 14rem 32rem;
    overflow: clip;
}

table thead, table tfoot {
    position: sticky;
}

table thead {
    inset-block-start: 0px;
}

table tfoot {
    inset-block-end: 0px;
}

.custom-checkbox__input {
    display: none;
}

.custom-checkbox__label {
    position: relative;
    padding-left: 30rem;
    min-height: 24rem;
    align-items: center;
    color: rgb(21, 34, 66);
    display: flex;
}

.custom-checkbox__label::before {
    content: "";
    width: 24rem;
    height: 24rem;
    min-width: 24rem;
    background: rgb(255, 255, 255);
    border: 1rem solid rgb(234, 235, 238);
    border-radius: 6rem;
    transition: background 0.3s ease 0s;
    cursor: pointer;
    margin-right: 12rem;
    position: absolute;
    left: 0rem;
}

.custom-checkbox__label::after {
    content: "";
    position: absolute;
    width: 14rem;
    height: 10rem;
    background-repeat: no-repeat;
    background-size: contain;
    left: 12rem;
    top: 12rem;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml;charset=utf-8,<svg width=\"14\" height=\"10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.707.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L5 7.586 12.293.293a1 1 0 011.414 0z\" fill=\"%23fff\"/></svg>");
}

input:checked ~ .custom-checkbox__label::before {
    background: rgb(12, 98, 213);
    border: 1rem solid rgb(12, 98, 213);
}

.table-field--name .brand-logo {
    width: 40rem;
    display: inline-block;
}

.table-field {
    color: rgb(21, 34, 66);
}

.table--maintenance-raw .custom-checkbox--radio {
    padding-left: 10rem;
    display: inline-block;
    vertical-align: middle;
}

.table__wrap table thead tr:nth-child(2n+1) {
    background: transparent;
}

.table__wrap tfoot tr td {
    text-align: right;
    font-weight: 500;
    font-size: 18rem;
    line-height: 1.4em;
    color: rgb(3, 44, 84);
}

.table__wrap table th {
    background: transparent;
    font-weight: 400;
    font-size: 14rem;
    line-height: 1.4em;
    color: rgb(21, 34, 66);
}

.to_price_section select {
    max-width: 250rem;
    width: 100%;
    height: 50rem;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    border-radius: 6rem;
    border: 1rem solid rgb(234, 235, 238);
    padding-left: 15rem;
    position: relative;
    font-weight: 500;
    font-size: 14rem;
    line-height: 1.4em;
    color: rgb(21, 34, 66);
    appearance: none;
}

.to_price_section .select-wrapper {
    position: relative;
    width: 200rem;
}

.to_price_section .select-wrapper::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMCIgcm9sZT0icHJlc2VudGF0aW9uIiBjbGFzcz0idnNfX29wZW4taW5kaWNhdG9yIj48cGF0aCBkPSJNOS4yMTEzNjQgNy41OTkzMWw0LjQ4MzM4LTQuODY3MjI5Yy40MDcwMDgtLjQ0MTg1NC40MDcwMDgtMS4xNTgyNDcgMC0xLjYwMDQ2bC0uNzM3MTItLjgwMDIzYy0uNDA3MDA4LS40NDE4NTQtMS4wNjY5MDQtLjQ0MTg1NC0xLjQ3NDI0MyAwTDcgNS4xOTg2MTcgMi41MTY2Mi4zMzEzOWMtLjQwNzAwOC0uNDQxODUzLTEuMDY2OTA0LS40NDE4NTMtMS40NzQyNDMgMGwtLjczNzEyMS44MDAyM2MtLjQwNzAwOC40NDE4NTQtLjQwNzAwOCAxLjE1ODI0OCAwIDEuNjAwNDYxbDQuNDgzMzggNC44NjcyMjhMNyAxMGwyLjIxMTM2NC0yLjQwMDY5eiI+PC9wYXRoPjwvc3ZnPg==");
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    width: 14rem;
    height: 14rem;
    opacity: 0.5;
    right: 15rem;
    top: calc(50% - 7rem);
}

.to_price_section table tr:nth-child(2n+1) {
    background: rgb(255, 255, 255);
}

.to_price_section table tr {
    border-bottom: 1rem solid rgb(234, 235, 238);
}

.table__caption--total {
    text-align: right;
}

.show_more {
    width: 100%;
    height: 100rem;
    align-items: end;
    z-index: 100;
    display: flex;
    justify-content: center;
    background-image: linear-gradient(rgba(255,255,255, 0), rgba(255,255,255,1) 60%);
    margin-top: -80rem;
    position: relative;

}

.show_more a {
    margin-bottom: 0;
}

.index-template .services-section {
    background: rgb(255, 255, 255);
    padding-top: 70rem;
    position: relative;
}

.services-list-section .services-elements {
    display: flex;
    flex-wrap: wrap;
}

.services-elements.content, .services-elements.brands {
    display: flex;
    flex-wrap: wrap;
}

.services-elements.brands {
    height: 320rem;
    overflow: hidden;
    justify-content: center;
}

.car_types_section {
    padding: 90rem 0px;
}

.car_types_section .services-elements {
    display: flex;
    flex-wrap: wrap;
}

.grid_item_tile {
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    width: 25%;
    height: 80rem;
    position: relative;
}

.grid_item_tile.grid_item_tile--big {
    height: 180rem;
    width: 33.3333%;
    border-radius: 6rem;
}

.grid_item_tile.grid_item_tile--big .tile_arrow_icon {
    display: none;
}

.grid_item_tile::before {
    bottom: -1rem;
    content: "";
    position: absolute;
    height: 1rem;
    box-shadow: rgb(234, 235, 238) 0px 1rem 0px 0px inset;
    left: 24rem;
    width: calc(100% - 48rem);

}

@media screen and (max-width: 500px) {
    .grid_item_tile::before {
        width: calc(100% - 32rem);
        left: 16rem;
    }
}

.grid_item_tile::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 6rem;
}

.grid_item_tile:hover {
    opacity: 1;
}

.grid_item_tile--big .grid_item_title, .grid_item_tile--big .grid_item_image {
    width: 50%;
}

.grid_item_tile--big .grid_item_image {
    border-top-left-radius: 6rem;
    border-bottom-left-radius: 6rem;
    overflow: hidden;
    height: calc(100% - 42rem);
    margin-left: 22rem;
    margin-top: 22rem;
}

.grid_item_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: none;
}

.grid_item_tile .grid_item_title {
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 19rem 19rem 19rem 24rem;
    overflow: hidden;
}

.grid_item_tile .grid_item_icon {
    width: 72rem;
    height: 100%;
    display: block;
    position: relative;
    padding: 16rem 0px 16rem 24rem;
    filter: grayscale(100%);
    opacity: 0.8;
}

.grid_item_icon img {
    width: 130%;
    max-width: 200%;
    object-fit: cover;
    height: 130%;
    position: absolute;
    left: calc(50% + 16rem);
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.grid_item_tile:hover .grid_item_icon {
    filter: none;
    opacity: 1;
}

.grid_item_tile .tile_arrow_icon {
    flex-shrink: 0;
    margin: 28rem 24rem;
    width: 24rem;
    height: 24rem;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.72 6.97a.75.75 0 000 1.06L13.69 12l-3.97 3.97a.75.75 0 101.06 1.06l4.5-4.5a.75.75 0 000-1.06l-4.5-4.5a.75.75 0 00-1.06 0z' fill='%23737A8E'/%3E%3C/svg%3E");
}

.grid_item_tile .grid_item_title .model-date-label, .grid_item_tile .grid_item_title .model-date-content {
    color: rgb(21, 34, 66);
    font-size: 14rem;
}

.grid_item_tile .grid_item_title .grid_item_price, .grid_item_tile .grid_item_title .grid_item_name {
    color: rgb(21, 34, 66);
    font-style: normal;
    font-weight: 500;
    font-size: 16rem;
    line-height: 1.4em;
}

.grid_item_tile:hover {
    z-index: 1;
    border-radius: 6rem;
    box-shadow: none;
}

.grid_item_tile:hover::after {
    z-index: 1;
    border: 1rem solid rgb(255, 255, 255);
    box-shadow: rgba(21, 34, 66, 0.12) 0px 0px 1rem, rgba(21, 34, 66, 0.12) 0px 2rem 8rem !important;
}

.grid_item_tile:hover::before {
    display: none !important;
}

.grid_item_tile:hover .grid_item_title_with_icon {
    color: rgb(12, 98, 213);
}

.grid_item_tile:hover .grid_item_title_with_icon img {
    filter: none;
    opacity: 1;
}

.grid_item_tile:hover .grid_item_title .grid_item_price, .grid_item_tile:hover .grid_item_title .grid_item_name {
    color: rgb(12, 98, 213);
}

.grid_item_tile:hover .grid_item_title .count {
    transition: all 0.4s ease 0s;
    display: block;
}

.grid_item_tile:hover .tile_arrow_icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%230C62D5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.72 6.97a.75.75 0 000 1.06L13.69 12l-3.97 3.97a.75.75 0 101.06 1.06l4.5-4.5a.75.75 0 000-1.06l-4.5-4.5a.75.75 0 00-1.06 0z' fill='%23fff'/%3E%3C/svg%3E");
}

.services-list-section .services-elements .item-title {
    margin: 0px;
}

.services-list-section .services-elements .item p {
    margin-bottom: 0px;
    font-size: 18rem;
}

.services-list-section .services-elements .item p span {
    font-weight: 700;
}

.services-list-section .services-elements .item {
    width: 100%;
}

.services-elements > .row {
    margin-left: -15rem;
    margin-right: -15rem;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

#models, #generations {
    display: none;
}

.services-elements.models {
    padding-top: 40rem;
}

.services-elements.brands > .row {
    margin-left: -5rem;
    margin-right: -5rem;
}

.services-elements .spinner {
    width: 100%;
    text-align: center;
    opacity: 0.45;
}

.services-elements > .row > div {
    padding-left: 15rem;
    padding-right: 15rem;
    margin-bottom: 30rem;
}

.services-elements > .row > .brand {
    padding-left: 5rem;
    padding-right: 5rem;
    margin-bottom: 5rem;
    width: calc(11.1111%);
}

.services-elements .item {
    box-shadow: rgba(21, 34, 66, 0.2) 0px 0px 1rem, rgba(21, 34, 66, 0.08) 0px 14rem 32rem;
    background: rgb(255, 255, 255);
    border-radius: 10rem;
    height: 100%;
    min-height: 0px;
    transition: all 200ms ease-out 0s;
}

.services-elements .item:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4rem 34rem;
}

.services-elements .item-inner {
    padding: 30rem;
    height: 100%;
    overflow: hidden;
    border-radius: 10rem;
}

.services-list-section .services-elements .item-inner {
    padding: 10rem;
    height: 100%;
    overflow: hidden;
    border-radius: 10rem;
    display: flex;
    justify-content: space-between;
}

.services-elements .application-btn-wrapper {
    display: none;
}

.services-elements .item-title {
    font-size: 18rem;
    font-weight: bold;
    margin-bottom: 15rem;
    line-height: 1.4em;
    height: auto;
    overflow: hidden;
}

.services-elements .item .item-img {
    width: 200rem;
    height: 200rem;
    position: absolute;
    bottom: -30rem;
    right: -30rem;
    border-radius: 100%;
    z-index: 4;
}

.services-elements .item .more {
    margin-bottom: 0rem;
    font-weight: 700;
    font-size: 16rem;
    color: rgb(176, 174, 186);
    text-decoration: none;
    display: inline-block;
}

.services-elements .item .more span {
    transition: all 200ms ease-out 0s;
    position: relative;
    left: 0px;
}

.services-elements .item:hover .more span {
    left: 10rem;
}

.services-elements .item .btn {
    margin-bottom: 0px;
    padding: 10rem 15rem;
    position: relative;
    z-index: 10;
    width: 180rem;
    max-width: 100%;
}

@media (max-width: 1169px) {
    .services-elements .item {
        min-height: 202rem;
    }

    .services-elements .item-inner {
        padding: 25rem 190rem 25rem 25rem;
    }

    .services-elements .item-title {
        font-size: 18rem;
        height: 38rem;
    }

    .services-elements .item .item-img {
        right: -50rem;
    }

    .services-elements .item .more {
        font-size: 16rem;
        margin-bottom: 30rem;
    }

    .services-elements .item .btn {
        font-size: 14rem;
    }
}

@media (max-width: 991px) {
    .services-elements > .row {
        margin-left: -10rem;
        margin-right: -10rem;
    }

    .services-elements > .row > div {
        padding-left: 10rem;
        padding-right: 10rem;
        margin-bottom: 20rem;
    }

    .services-elements .item-inner {
        padding: 20rem 170rem 20rem 20rem;
    }

    .services-elements .item-title {
        height: 58rem;
    }

    .services-elements .item .btn {
        padding: 10rem;
        font-size: 13rem;
        font-weight: normal;
    }
}

@media (max-width: 500px) {
    .services-elements .item {
        min-height: 160rem;
    }

    .services-elements .item .item-img {
        width: 150rem;
        height: 150rem;
        background-size: contain;
    }

    .services-elements .item-inner {
        padding: 20rem 120rem 20rem 20rem;
    }

    .services-elements .item-title {
        height: auto;
    }

    .services-elements .item .btn {
        padding: 5rem 10rem;
        font-size: 11rem;
        border-radius: 3rem;
    }
}

.features2 > .row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: -15rem;
    margin-right: -15rem;
}

.features2 > .row > div {
    margin-bottom: 30rem;
    padding-left: 15rem;
    padding-right: 15rem;
}

.features2 .item {
    height: 100%;
    position: relative;
    padding: 20rem;
}

.features2 .item-icon {
    width: 60rem;
    height: 60rem;
    padding: 10rem;
    border-radius: 20rem;
    background: rgb(245, 246, 250);
    position: absolute;
    left: 0px;
    top: 0px;
}

.features2 .item-title {
    padding-left: 80rem;
    margin-bottom: 16rem;
    font-size: 28rem;
    font-weight: 500;
    color: rgb(54, 57, 70);
}

.features2 .item.not-icon .item-title {
    padding-left: 0px;
}

.features2 .item.not-icon .item-title img {
    width: 100rem;
}

.features2 .item.not-icon {
    text-align: center;
}

.features2 .item-text {
    font-size: 15rem;
    line-height: 1.4em;
    position: relative;
    z-index: 4;
    margin-bottom: 15rem;
}

.project .row {
    position: relative;
}

.project > .row > div:first-child {
    position: sticky;
    top: 70rem;
    margin-bottom: 30rem;
}

.project .photo {
    border-radius: 20rem;
    overflow: hidden;
    box-shadow: rgba(228, 233, 241, 0.7) 0px 4rem 34rem;
    margin-bottom: 30rem;
}

.project .map {
    height: 300rem;
    border-radius: 20rem;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4rem 34rem;
}

.project .photo img {
    height: auto;
}

.project .slick-slider {
    margin-left: -10rem;
    margin-right: -10rem;
}

.project .photo_slide {
    border-radius: 10rem;
    overflow: hidden;
    display: block !important;
}

.project .slick-slide {
    padding: 0px 10rem;
}

.project .slick-slide img {
    height: auto;
}

.content-block {
    border-radius: 20rem;
    padding: 50rem 30rem 30rem;
    color: rgb(255, 255, 255);
    background: rgb(4, 13, 33);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4rem 34rem;
    overflow: hidden;
    margin-bottom: 35rem;
    font-size: 16rem;
    line-height: 1.4em;

}

.projects-top-block .row > div::after {
    content: "";
    position: absolute;
    display: block;
    width: 1rem;
    height: 80%;
    right: 0px;
    top: 10%;
    background: rgba(255, 255, 255, 0.2);
}

.projects-top-block .row > div:last-child::after {
    display: none;
}

.projects-top-block h3 {
    font-size: 20rem;
    margin-bottom: 5rem;
}

.projects-top-block, .cta-button-block {
    padding: 30rem;
}

.projects-top-block a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.phone-link-big {
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: 18rem;
    position: relative;
}

.cta-button-block .row > div:last-child {
    text-align: right;
}

.cta-button-block .btn {
    margin-top: 12rem;
}

.cta-button-block h3 {
    margin-bottom: 15rem;
}

.cta-button-block p {
    margin-bottom: 0rem;
}

@media (max-width: 768px) {
    .project > .row > div:first-child {
        position: relative;
        top: 0px;
    }

    .cta-button-block .row > div, .cta-button-block .row > div:last-child {
        text-align: center;
        width: 100%;
    }

    .projects-top-block {
        text-align: left;
        padding: 20rem;
    }

    .projects-top-block .row > div {
        margin-bottom: 10rem;
    }

    .projects-top-block .row > div:last-child {
        margin-bottom: 0px;
    }

    .projects-top-block h3 {
        font-size: 18rem;
    }
}

.contact-inner-wrap {
    padding: 30rem;
    margin: 0px;
    overflow: hidden;
    border-radius: 20rem;
    display: flex;
    place-items: start;
    position: relative;
    flex-direction: column;
    box-shadow: rgba(228, 233, 241, 0.7) 0px 4rem 34rem;
}

.contact_image {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40%;
    bottom: 0px;
}

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

.contact-namelink {
    font-size: 18rem;
    margin-bottom: 5rem;
    font-weight: bold;
    text-decoration: none;
}

.contact_address {
    font-size: 16rem;
    margin-bottom: 20rem;
}

.contact_phone a {
    font-size: 20rem;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 20rem;
    display: inline-block;
}

.contact-blk ul {
    display: flex;
    gap: 20rem;
    flex-wrap: wrap;
}

.contact-blk ul li {
    width: calc(50% - 10rem);
}

#yandex-map {
    width: 100%;
    height: 572rem;
    position: relative;
}

.contacts__services__list__item {
    background: rgba(236, 244, 254, 0.12);
}

.contacts__services__list__item_img {
    border: 1rem solid rgba(101, 164, 246, 0.16);
    background: rgba(101, 164, 246, 0.16);
}

.contacts__services__list {
    display: flex;
    flex-wrap: wrap;
    max-width: 68%;
    margin-right: auto;
    margin-left: auto;
    justify-content: center;
    margin-bottom: 49rem;
}

@media (max-width: 550px) {
    .contacts__services__list {
        padding: 0px 16rem;
        width: 100%;
        max-width: 100%;
        overflow: auto;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
    }

    .contacts__services__list::-webkit-scrollbar {
        width: 0px;
    }
}

.contacts__services__list__item {
    background: rgba(234, 235, 238, 0.7);
    border-radius: 500rem;
    margin: 0px 12rem 12rem 0px;
    display: flex;
    align-items: center;
}

.contacts__services__list__item_img {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1rem solid rgb(234, 235, 238);
    box-sizing: border-box;
    border-radius: 500rem;
    background: rgb(255, 255, 255);
    width: 32rem;
    height: 32rem;
    position: relative;
}

.contacts__services__list__item_img img {
    height: 18rem;
    width: 18rem;
}

.contacts__services__list__item_text {
    font-weight: 600;
    font-size: 14rem;
    line-height: 1.4em;
    color: rgb(21, 34, 66);
    padding: 7rem 14rem 7rem 8rem;
}

@media (max-width: 550px) {
    .contacts__services__list__item_text {
        white-space: nowrap;
    }
}

#yandex-map .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgb(0, 0, 0);
    opacity: 0.6;
}

#yandex-map .bg div {
    text-align: center;
    line-height: 400rem;
    height: 400rem;
    color: rgb(255, 255, 255);
}

#yandex-map #map {
    height: 100%;
}

#yandex-map #left {
    height: 100%;
    background: rgb(239, 239, 239);
    position: relative;
    z-index: 999999;
    float: left;
}

#yandex-map #left div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
}

.yandex-map-btn {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2rem 6rem 3rem;
    border: 1rem outset buttonface;
    font-weight: 500;
}

.contacts-template .map-wrapper, .contacts-template .map-iframe {
    height: 360rem;
}

.index-template .map-wrapper, .index-template .map-iframe {
    height: 550rem;
}

.map-iframe iframe {
    height: 100%;
    width: 100%;
    position: relative;
    bottom: -8rem;
}

@keyframes fadeInDownSmall {
    0% {
        opacity: 0;
        transform: translateY(-5rem);
    }

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

.fadeInDownSmall {
    animation-name: fadeInDownSmall;
}

@keyframes fadeOutUpSmall {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        transform: translateY(-5rem);
    }
}

.fadeOutUpSmall {
    animation-name: fadeOutUpSmall;
}

.breadcrumbs-wrapper {
    margin: 0px 0px 45rem;
    font-size: 14rem;
}

.breadcrumbs-wrapper li {
    display: inline-block;
    margin-right: 25rem;
}

.first-section .breadcrumbs-wrapper li {
    color: rgb(255, 255, 255);
}

.first-section .breadcrumbs-wrapper a {
    color: rgb(62, 141, 244);
}

.first-section .breadcrumbs-wrapper a:hover {
    color: rgb(62, 141, 244);
    opacity: 0.8;
}

.first-section .breadcrumbs-wrapper a:hover::after, .first-section .breadcrumbs-wrapper a::after {
    border-color: rgb(255, 255, 255);
}

.breadcrumbs-wrapper a {
    text-decoration: none;
    position: relative;
    transition: all 200ms ease-out 0s;
}

.breadcrumbs-wrapper a:hover {
    color: rgb(46, 46, 46);
}

.breadcrumbs-wrapper a::after {
    content: "";
    display: block;
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: 6rem;
    right: -16rem;
    border-top: 1rem solid rgb(80, 66, 65);
    border-right: 1rem solid rgb(80, 66, 65);
    transform: rotate(45deg);
    transition: all 200ms ease-out 0s;
}

.breadcrumbs-wrapper a:hover::after {
    border-color: rgb(46, 46, 46);
}

.lightgallery img {
    display: block;
    width: 100%;
}

.lightgallery a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url("../images/zoom.png") 50% 50% / 0px 0px no-repeat rgba(0, 0, 0, 0.2);
    z-index: 2;
    transition: all 200ms ease-out 0s;
    opacity: 0;
}

.lightgallery .img-wrapper:hover a::after {
    opacity: 1;
    background-size: 48rem 48rem;
}

.contacts-template .google-map {
    height: 250rem;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

table tr:nth-child(2n+1) {
    background: rgb(245, 245, 245);
}

table td, table th {
    padding: 14rem 20rem;
    font-size: 14rem;
    border-left: 1rem solid rgb(245, 245, 245);
    vertical-align: middle;
    color: rgb(95, 95, 95);
}

table th {
    color: rgb(251, 77, 9);
    background: rgb(245, 245, 245);
    font-weight: bold;
}

table td:first-child, table th:first-child {
}

table .separate td {
    background: rgb(226, 230, 231);
    color: rgb(51, 51, 51);
    font-weight: bold;
}

@media (max-width: 767px) {
    table td, table th {
        padding: 8rem 10rem;
        font-size: 14rem;
    }
}

.pagination {
    display: inline-block;
    margin: 30rem 0px;
}

.pagination li {
    display: inline;
}

.pagination li > span {
    cursor: default;
}

.pagination li > a, .pagination li > span {
    position: relative;
    float: left;
    padding: 6rem 12rem;
    margin-left: -1rem;
    line-height: 1.4em;
    color: rgb(98, 98, 98);
    text-decoration: none;
    background-color: rgb(255, 255, 255);
    border: 1rem solid rgb(221, 221, 221);
    font-weight: 100;
    margin-bottom: 5rem;
    margin-right: 5rem;
    border-radius: 5rem;
}

.pagination li:first-child > a, .pagination li:first-child > span {
    margin-left: 0px;
}

.pagination li > a:hover {
    background-color: rgb(238, 238, 238);
}

.pagination .active > a, .pagination .active > a:hover {
    background-color: rgb(251, 77, 9);
    color: rgb(255, 255, 255);
    border-color: rgb(251, 77, 9);
    cursor: default;
}

.brands-section {
    background: rgb(245, 246, 250);
    padding: 15rem 0px 130rem;
    position: relative;
}

.brands-section::before {
    content: "";
    background: url("../images/shape-top.png") 0% 0% / cover no-repeat;
    height: 118rem;
    width: 100%;
    position: absolute;
    z-index: 5;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.brands-section::after {
    content: "";
    background: url("../images/object5.png") left 40rem top 0px no-repeat;
    height: 142rem;
    width: 100%;
    position: absolute;
    z-index: 5;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.model, .logotype {
    margin: 0rem 0px 20rem;
    overflow: hidden;
    background: rgb(255, 255, 255);
    transition: all 200ms ease-out 0s;
    border-radius: 10rem;
    box-shadow: rgba(21, 34, 66, 0.2) 0px 0px 1rem, rgba(21, 34, 66, 0.08) 0px 14rem 32rem;
}

.model-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    align-items: center;
    margin: 0px;
}

.model-content .inner {
    width: 50%;
    height: 170rem;
}

.model-content .inner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.model-content .model-text-box {
    padding-left: 15rem;
    width: 50%;
}

.model-content .model-date-label {
    font-weight: 400;
}

.model-content .model-date-content span {
    font-weight: 700;
    text-transform: lowercase;
}

.model-content.model h5 {
    margin-top: 0px;
}

.logotype img {
    width: auto;
    height: 100%;
    transition: all 200ms ease-out 0s;
}

a:hover ~ .logotype, a:hover ~ .model, .model:hover, .logotype:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4rem 34rem;
}

.logotype .inner {
    height: 150rem;
    overflow: hidden;
}

.model h5 {
    transition: all 500ms ease 0s;
    margin-top: 10rem;
}

.logotype h5 {
    text-transform: uppercase;
    font-size: 16rem;
    font-weight: 400;
    transition: all 500ms ease 0s;
}

.relative:hover .logotype h5, .relative:hover .model h5 {
    color: rgb(12, 98, 213);
}

.model-img {
    height: 200rem;
}

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

.aside-menu {
    margin-bottom: 30rem;
}

.aside-menu a {
    display: block;
    color: rgb(23, 23, 23);
    padding: 15rem 36rem 15rem 15rem;
    font-size: 15rem;
    background: rgb(255, 255, 255);
    line-height: 1.4em;
    border-bottom: 1rem solid rgb(249, 249, 249);
    text-decoration: none !important;
}

.aside-menu li:hover > a, .aside-menu .open > a, .aside-menu .active > a {
    color: rgb(251, 77, 9) !important;
}

.aside-menu > ul ul {
    display: none;
}

.aside-menu .active > ul {
    display: block;
}

.aside-menu > ul li {
    position: relative;
}

.aside-menu > ul .dropdown-button {
    height: 53rem;
    width: 36rem;
    display: block;
    z-index: 20;
    top: 0px;
    right: 0px;
    position: absolute;
    cursor: pointer;
}

.aside-menu > ul .dropdown-button::after {
    content: "";
    display: block;
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 20rem;
    right: 21rem;
    border-bottom: 1rem solid rgb(31, 31, 31);
    border-right: 1rem solid rgb(31, 31, 31);
    transform: rotate(45deg);
    transition: all 200ms ease-out 0s;
}

.aside-menu > ul .dropdown-button.active::after {
    transform: rotate(225deg);
    top: 24rem;
}

.aside-menu > ul ul .dropdown-button {
    height: 37rem;
}

.aside-menu > ul ul .dropdown-button::after {
    top: 12rem;
}

.aside-menu > ul ul .dropdown-button.active::after, .aside-menu > ul ul .active > a + .dropdown-button::after, .aside-menu > ul ul .open > a + .dropdown-button::after {
    top: 16rem;
}

.aside-menu ul ul a {
    padding: 12rem 36rem 10rem 30rem;
    font-weight: normal;
    font-size: 13rem;
    position: relative;
}

.aside-menu ul ul > li > a::before {
    content: "";
    display: block;
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: 17rem;
    left: 15rem;
    background: rgb(213, 213, 213);
}

.aside-menu ul ul ul a {
    padding: 8rem 36rem 8rem 30rem;
}

.aside-menu ul ul ul a::before, .aside-menu ul ul ul ul a::before {
    display: none;
}

.aside-menu ul ul ul ul a {
    padding: 8rem 36rem 8rem 40rem;
}

.aside-menu ul ul ul ul ul a {
    padding: 8rem 36rem 8rem 50rem;
}

.aside-menu-title {
    padding: 15rem 42rem 15rem 20rem;
    background: rgb(251, 77, 9);
    position: relative;
    color: rgb(255, 255, 255);
}

.aside-menu-title::after {
    content: "";
    display: block;
    position: absolute;
    width: 12rem;
    height: 12rem;
    top: 50%;
    right: 20rem;
    border-right: 2rem solid rgb(255, 255, 255);
    border-bottom: 2rem solid rgb(255, 255, 255);
    margin-top: -8rem;
    transform: rotate(45deg);
    transition: all 200ms ease-out 0s;
}

.active .aside-menu-title::after {
    transform: rotate(-135deg);
    margin-top: -3rem;
}

.mini-content {
    background-color: rgb(255, 255, 255);
    border-radius: 20rem;
    box-shadow: rgba(228, 233, 241, 0.7) 0px 4rem 34rem;
    margin-bottom: 30rem;
    padding: 30rem;
    font-size: 16rem;
}

.row.flex {
    display: flex;
    flex-wrap: wrap;
}

.row.flex > div {
    float: none;
    display: block;
    padding: 10rem;
}

.row.flex::before, .row.flex::after {
    display: none;
}

.mini-content ul > li {
    margin-bottom: 0px;
}

.mini-content p:last-child {
    margin-bottom: 0px;
}

.mini-content .price-item-title, .mini-content .price-item {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1rem solid rgb(244, 244, 244);
    padding: 13rem 13rem 3rem;
}

.mini-content .price-item-title .price-item__title, .mini-content .price-item-title .price-item__value {
    font-size: 16rem;
}

.mini-content .price-item-title {
    padding: 13rem;
    font-weight: bold;
    color: rgb(255, 255, 255);
    border-top-right-radius: 10rem;
    border-top-left-radius: 10rem;
    background: rgb(52, 116, 209);
}

.mini-content .price-item__title {
    font-size: 14rem;
    line-height: 1.4em;
    flex: 0 0 calc(100% - 150rem);
    width: calc(100% - 150rem);
    max-width: calc(100% - 150rem);
    padding-right: 15rem;
}

.mini-content .price-item__value {
    font-size: 14rem;
    line-height: 1.4em;
    text-align: right;
    -webkit-box-flex: 0;
    flex: 0 0 150rem;
    width: 150rem;
    max-width: 150rem;
}

.services-icons-list-item {
    border-radius: 20rem;
    height: 100%;
    padding: 20rem;
    box-shadow: rgba(228, 233, 241, 0.7) 0px 4rem 34rem;
}

.services-icons-list-item .image {
    margin-bottom: 15rem;
}

.services-icons-list-item .name {
    font-weight: bold;
    font-size: 20rem;
    color: rgb(52, 116, 209);
    margin-bottom: 10rem;
}

@media (max-width: 768px) {
    .mini-content {
        padding: 20rem;
    }

    .mini-content .price-item__title, .mini-content .price-item__value {
        font-size: 12rem;
    }
}

.aside-menu > ul > li.active > a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(251, 77, 9) !important;
    border-color: rgb(251, 77, 9) !important;
}

.aside-menu > ul > li.active > .dropdown-button::after {
    border-color: rgb(255, 255, 255);
}

@media (max-width: 768px) {
    .aside-menu > ul {
        display: none;
    }

    .aside-menu.active > ul {
        display: block;
    }

    .aside {
        border-right: none;
    }

    .aside-menu a {
        border-right: 1rem solid rgb(245, 245, 245);
    }
}

.contacts-template .contacts-block > hr:last-of-type {
    display: none;
}

.aside-gallery img {
    width: 100%;
    margin-bottom: 10rem;
}

@media (max-width: 991px) {
    .base-template .header {
        margin-bottom: 40rem;
    }
}

@media (min-width: 768px) {
    .header-tel {
        height: 100%;
        display: none;
    }

    h2, .title-h2 {
        font-size: 34rem;
    }

    .title-h2 span {
        display: inline;
        margin: 0px 0px 0px 30rem;
    }

    h3, .title-h3 {
        font-size: 30rem;
    }

    .services-elements .text {
        height: 72rem;
        overflow: hidden;
    }

    .accordeon .element-content {
        font-size: 18rem;
    }

    .accordeon .element .title {
        font-size: 22rem;
    }
}

.top-bar .btn {
    top: 10rem;
    height: 35rem;
    padding: 5rem 16rem 0px;
}

.main-column {
    padding-left: 0rem;
}

.main-column-left {
    padding-right: 15rem;
}

.header-address {
    float: right;
}

.logo {
    max-width: 300rem;
    margin: 0;
    padding-right: 10rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;

}

.logo a {
    width: 100%;

}

.logo p {
    color: rgb(21, 34, 66);
    padding-left: 15rem;
    width: 70%;
    display: none;
    font-weight: 500;
    margin-bottom: 0px;

}

h2, .title-h2 {
    font-size: 36rem;
}

.modal-inner {
    padding: 30rem;
}

.title-h2 span {
    margin: 0px 0px 0px 70rem;
}

.mobile-menu {
    display: none;
}

.top-menu {
    position: static;
    display: block !important;
}

.top-menu > ul > li > a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    height: 55rem;
    display: flex;
    align-items: center;
    line-height: 1.4em;
    margin-right: 30rem;
    font-weight: 400;
    transition: all 200ms ease-out 0s;
    position: relative;
}

.top-menu > ul > li:hover > a {
    color: rgb(101, 164, 246);
}

.top-menu > ul > li.active > a {
    color: rgb(251, 77, 9);
}

.top-menu > ul > li {
    float: left;
    z-index: 10;
}

.top-menu > ul > li:last-child > a {
    margin-right: 0px;
}

.top-menu > ul > li.down a {
    padding-right: 16rem;
}

.top-menu > ul > li.down > a::after {
    content: "";
    display: block;
    position: absolute;
    width: 6rem;
    height: 6rem;
    transform: rotate(45deg);
    border-bottom: 1rem solid rgb(46, 46, 46);
    border-right: 1rem solid rgb(46, 46, 46);
    right: 0px;
    top: 50%;
    margin-top: -5rem;
}

.top-menu > ul > li > ul {
    position: absolute;
    width: 100%;
    top: 54rem;
    background: rgb(52, 116, 209);
    margin-top: 10rem;
    left: 0px;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    z-index: 300;
    visibility: hidden;
    opacity: 0;
    transition: all 200ms ease-out 0s;
}

.top-menu > ul > li:hover > ul {
    visibility: visible;
    top: 45rem;
    opacity: 1;
}

.top-menu > ul ul li {
    position: relative;
    flex: 0 0 25%;
    max-width: 25%;
}

.top-menu ul ul li > a {
    position: relative;
}

.top-menu ul ul li.down > a span::after {
    content: "";
    display: block;
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 50%;
    right: 15rem;
    transform: rotate(45deg);
    margin-top: -3rem;
    border-top: 1rem solid rgb(255, 255, 255);
    border-right: 1rem solid rgb(255, 255, 255);
}

.top-menu > ul ul li > a {
    padding: 12rem 12rem 10rem;
    display: block;
    font-size: 14rem;
    line-height: 1.4em;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    text-decoration: none;
    position: relative;
}

.top-menu > ul ul li > a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
    opacity: 0;
}

.top-menu > ul ul li:hover > a::after, .top-menu > ul ul li.active > a::after {
    opacity: 0.1;
}

.top-menu ul ul ul {
    position: absolute;
    top: 10rem;
    left: 280rem;
    width: 250rem;
    visibility: hidden;
    opacity: 0;
    transition: all 200ms ease-out 0s;
}

.top-menu ul ul li:hover ul {
    visibility: visible;
    opacity: 1;
    top: 0rem;
}

.contacts-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgb(245, 246, 250);
}

.contacts {
    padding-top: 65rem;
    width: 330rem;
    max-width: 100%;
}

.top-bar {
    position: relative;
}

.top-bar.fix-true.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
}

.body-fixed-true .top-bar.fix-true.fixed .top-bar-container {
    width: 1290rem;
    max-width: 100%;
    box-shadow: rgb(213, 213, 213) 0px 0px 0px 1rem;
    background: rgb(255, 255, 255);
    padding-right: 15rem;
}

.body-fixed-true .top-bar.fixed .top-menu > ul > li:first-of-type > a {
    border-left: none;
}

.base-template .top-bar {
    margin-bottom: 40rem;
}

.base-template .top-bar::after {
    opacity: 1;
}

.top-bar.fix-true.fixed + .top-bar-push-md {
    height: 56rem
}

.base-template .top-bar.fix-true.fixed + .top-bar-push-md {
    height: 96rem;
}

.top-bar-container {
    width: 1440rem;
    padding: 0px 15rem;
    margin: 0px auto;
}

.container {
    padding: 0px 15rem;
    width: 1440rem !important;
}

.services-elements .text {
    height: 58rem;
}

.contacts-template .contacts-block {
    padding-right: 60rem;
}

.news-section {
    background: url("../images/object7.png") right 60rem bottom 30rem / 128rem no-repeat;
}

.news > .row {
    margin-left: -15rem;
    margin-right: -15rem;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.news > .row > div {
    padding-left: 15rem;
    padding-right: 15rem;
    margin-bottom: 30rem;
}

.news .element {
    height: 100%;
    background: rgb(255, 255, 255);
    padding-left: 170rem;
    min-height: 150rem;
    border-radius: 10rem;
    box-shadow: rgba(228, 233, 241, 0.7) 0px 4rem 34rem;
    transition: all 200ms ease-out 0s;
}

.news .element.video {
    overflow: hidden;
    padding: 0px;
    min-height: 0px;
    display: block;
}

.news .element.video iframe {
    width: 100%;
    display: block;
}

.news .element .element-img {
    width: 170rem;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url("../images/news-empty.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10rem 0px 0px 10rem;
}

.news .element .element-content {
    padding: 20rem;
}

.news .element .title-h5 {
    overflow: hidden;
    max-height: 58rem;
}

.news .element .date {
    font-size: 12rem;
    margin-top: -3rem;
}

.news .element .text {
    color: rgb(106, 107, 112);
    overflow: hidden;
    font-size: 16rem;
    line-height: 1.4em;
}

.news .element:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4rem 34rem;
}

.box {
    display: none;
}

.box.visible {
    display: block;
}

ul.tabs {
    width: 100%;
    border-bottom: 1rem solid rgb(213, 213, 213);
}

ul.tabs li {
    display: table-cell;
    height: 50rem;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    border-top: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-left: 1rem solid transparent;
    border-image: initial;
    border-bottom: none;
    text-transform: uppercase;
    font-size: 14rem;
    line-height: 1.4em;
    font-weight: bold;
    color: rgb(51, 51, 51);
    background: rgb(255, 255, 255);
    transition: all 200ms ease-out 0s;
    position: relative;
    padding: 10rem 35rem;
}

ul.tabs li.current, ul.tabs li.current:hover {
    border-color: rgb(213, 213, 213);
    background: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
}

ul.tabs li:hover {
    background: rgb(246, 246, 246);
    border-color: rgb(246, 246, 246);
}

ul.tabs li.current::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2rem;
    bottom: -2rem;
    left: 0px;
    background: rgb(255, 255, 255);
}

.mobile-tab-header {
    display: none;
}

@media (max-width: 767px) {
    .mobile-tab-header {
        padding: 14rem 40rem 14rem 14rem;
        color: rgb(255, 255, 255);
        background: rgb(251, 77, 9);
        width: 100%;
        position: relative;
        display: block;
        font-weight: 600;
    }

    ul.tabs {
        position: relative;
        display: none;
        border: none;
    }

    .mobile-tab-header::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -10rem;
        right: 24rem;
        width: 12rem;
        height: 12rem;
        border-bottom: 2rem solid rgb(255, 255, 255);
        border-right: 2rem solid rgb(255, 255, 255);
        transform: rotate(45deg);
        transition: all 200ms ease-out 0s;
    }

    .mobile-tab-header.active::after {
        transform: rotate(225deg);
        margin-top: -4rem;
    }

    ul.tabs li {
        padding: 17rem 15rem;
        width: 100%;
        border-right: 1rem solid rgb(233, 233, 233);
        border-bottom: 1rem solid rgb(233, 233, 233);
        border-left: 1rem solid rgb(233, 233, 233);
        border-image: initial;
        border-top: none;
        display: block;
        height: auto;
        text-align: left;
        text-transform: none;
        font-size: 15rem;
    }

    ul.tabs li.current {
        display: none;
    }

    .mobile-tab-header.active + ul.tabs {
        display: block;
    }
}

@media (min-width: 768px) {
    .tabs.mobile {
        display: block !important;
    }
}

.aside-news .element {
    padding-left: 100rem;
    margin-bottom: 25rem;
    min-height: 74rem;
}

.aside-news .element .img-wrapper {
    position: absolute;
    left: 0px;
    top: 4rem;
}

.aside-news .element .img-wrapper img {
    border-radius: 5rem;
}

.aside-news .element .title a {
    text-decoration: none;
}

.aside-news .element:hover .title a {
    color: rgb(51, 51, 51);
}

.aside-news .inner {
    margin-top: -10rem;
}

.clear-hr, .cleaner-hr {
    height: 0px;
    opacity: 0;
    margin: 0px;
    padding: 0px;
    border: none;
}

.item-gallery .element {
    margin-bottom: 20rem;
    overflow: hidden;
}

.item-gallery > .row > hr:nth-of-type(2n) {
    clear: both;
}

@media (min-width: 992px) {
    .item-gallery > .row > hr:nth-of-type(2n) {
        clear: none;
    }

    .item-gallery > .row > hr:nth-of-type(3n) {
        clear: both;
    }
}

.video-list .element {
    margin-bottom: 20rem;
    background: rgb(255, 255, 255);
    width: 900rem;
    max-width: 100%;
}

.video-list .element .element-img {
    height: 420rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media (max-width: 1289px) {
    .video-list .element .element-img {
        height: 34vw;
    }
}

@media (max-width: 991px) {
    .video-list .element .element-img {
        height: 46vw;
    }
}

@media (max-width: 767px) {
    .video-list .element .element-img {
        height: 60vw;
    }
}

.video-list .element .play-block {
    position: absolute;
    inset: 0px;
    background: rgba(0, 0, 0, 0.8);
}

.video-list .element .play-block span {
    display: inline-block;
    padding: 8rem;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.1);
}

.video-list .element .play-block span i {
    display: inline-block;
    color: rgb(255, 255, 255);
    font-size: 40rem;
    width: 64rem;
    height: 64rem;
    line-height: 1.4em;
    border: 2rem solid rgb(255, 255, 255);
    border-radius: 100%;
    transition: all 200ms ease-out 0s;
}

.video-list .element .play-block:hover span i {
    color: rgb(255, 18, 26);
    border-color: rgb(255, 18, 26);
}

.video-list .element .element-content {
    padding: 25rem 0px;
}

.video-list .element .element-content .title {
    font-size: 20rem;
    font-weight: bold;
    margin-bottom: 3rem;
}

.video-list .element .element-content .text {
    font-size: 15rem;
    margin-bottom: 10rem;
}

.certificate-section {
    padding: 90rem 0px 0px;
}

.certificate-slider .slick-slide {
    padding: 20rem;
}

.certificate-slider.slick-slider::after, .certificate-slider.slick-slider::before {
    content: "";
    left: 0px;
    height: 100%;
    width: 40rem;
    position: absolute;
    top: 0px;
    z-index: 10;
    bottom: 0px;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%);
    display: block !important;
}

.certificate-slider.slick-slider::after {
    content: "";
    left: auto;
    right: 0px;
    background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%);
}

.certificate-slide {
    background: rgb(255, 255, 255);
    transition: all 200ms ease-out 0s;
    border-radius: 10rem;
    will-change: transform;
    padding: 10rem;
    max-width: 350rem;
    box-shadow: rgba(228, 233, 241, 0.7) 0px 4rem 34rem;
    overflow: hidden;
}

.certificate-slide img {
    width: 100%;
}

.certificate-slider .slick-prev, .certificate-slider .slick-next {
    position: absolute;
    display: block;
    width: 44rem;
    height: 44rem;
    text-align: center;
    top: 50%;
    margin-top: -26rem;
    z-index: 20;
    border-radius: 2rem;
    transition: all 200ms ease-out 0s;
    background: rgb(255, 255, 255);
    color: rgb(80, 66, 65);
    border: 2rem solid rgb(255, 255, 255);
}

.certificate-slider .slick-prev {
    left: 0px;
}

.certificate-slider .slick-next {
    right: 0px;
}

.certificate-slider:hover .slick-prev {
    left: 0px;
}

.certificate-slider:hover .slick-next {
    right: 0px;
}

.certificate-slider .slick-prev:hover, .certificate-slider .slick-next:hover {
    background: rgb(251, 77, 9);
    color: rgb(255, 255, 255);
    border-color: rgb(251, 77, 9);
}

.certificate-slider .slick-prev:hover::after, .certificate-slider .slick-next:hover::after {
    border-color: rgb(255, 255, 255);
}

@media (max-width: 767px) {
    .certificate-slider .slick-slide {
        padding: 5rem;
    }
}

.about .inner {
    padding: 40rem 0px;
}

.about .section__subtitle {
    margin-left: 0px;
    text-align: left;
}

.about .about-img {
    border-radius: 10rem;
    overflow: hidden;
}

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

.about .content {
    padding-left: 40rem;
}

.about.guarantee .content {
    padding-left: 0px;
}

.about .content ul > li {
    padding-left: 0;
    display: flex;
    align-items: center;

}

.about .content ul > li p {
    margin-bottom: 0px;
    font-size: 16rem;
    line-height: 1.4em;
}

.car_info .content ul > li p.title {
    font-weight: 500;
}

.car_info .content ul > li {
    flex-wrap: wrap;
    border-bottom: 1rem solid rgb(234, 235, 238);
    padding-bottom: 10rem;
    margin-bottom: 10rem;

}

.car_info .content ul > li .title-wrapper {
    width: 30%;
}

.car_info .content ul > li .content-wrapper {
    width: 70%;
}

.about .content ul > li::before {
    display: none;
}

.about .content ul > li .icon {
    width: 30rem;
    height: 30rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    background: url("../images/check-2.png") center center / 40% no-repeat, rgb(21, 34, 66);
    flex-shrink: 0;
    margin-right: 20rem;
}

@media (max-width: 767px) {
    .about .content {
        padding-top: 30rem;
        padding-left: 0px;
    }
}

.portfolio {
    background: rgb(4, 13, 33);
    color: rgb(255, 255, 255);
}

.portfolio h2 {
    color: rgb(255, 255, 255);
    margin-bottom: 30rem;
}

.portfolio.not-bg {
    background-position: 50% bottom;
}

.portfolio-items {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.portfolio-items > div {
    margin-bottom: 20rem;
}

.portfolio figure {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    background: rgb(255, 255, 255);
    transition: all 200ms ease-out 0s;
    box-shadow: none;
    border-radius: 10rem;
    overflow: hidden;
}

.portfolio .img-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0px;
}

.portfolio img {
    width: 100%;
    transition: all 400ms ease-out 0s;
    border-radius: 5rem 5rem 0px 0px;
}

.portfolio figure > a {
    position: relative;
    display: block;
    overflow: hidden;
}

.portfolio figure p {
    font-size: 14rem;
    color: rgb(51, 51, 51);
}

.portfolio figure a {
    text-decoration: none;
}

.portfolio figure a > div {
    transition: all 200ms ease-out 0s;
    padding: 10rem 25rem 5rem;
    position: relative;
    z-index: 2;
}

.portfolio .item-title {
    margin-bottom: 10rem;
    font-size: 16rem;
    line-height: 1.4em;
    color: rgb(51, 51, 51);
}

.lg-outer .lg-thumb {
    margin: auto;
}

.lg-outer .lg-thumb-item {
    border-radius: 0px !important;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: rgb(251, 77, 9) !important;
}

@media (max-width: 767px) {
    .portfolio .container {
        width: 530rem;
        max-width: 100%;
        margin: auto;
    }
}

.diagnost-section .element {
    height: 100%;
    background: rgb(255, 255, 255);
    min-height: 150rem;
    overflow: hidden;
    border-radius: 10rem;
    box-shadow: rgba(228, 233, 241, 0.7) 0px 4rem 34rem;
    transition: all 200ms ease-out 0s;
}

.diagnost-section .element-content {
    padding: 20rem;
}

.diagnost-section .price-item {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1rem solid rgb(244, 244, 244);
    padding: 13rem 0px 3rem;
}

.diagnost-section .price-item__title {
    font-size: 14rem;
    line-height: 1.4em;
    flex: 0 0 calc(100% - 150rem);
    width: calc(100% - 150rem);
    max-width: calc(100% - 150rem);
    padding-right: 15rem;
}

.diagnost-section .price-item__value {
    font-size: 14rem;
    line-height: 1.4em;
    text-align: right;
    -webkit-box-flex: 0;
    flex: 0 0 150rem;
    width: 150rem;
    max-width: 150rem;
}

.diagnost-section h5 {
    color: rgb(255, 255, 255);
    background: rgb(52, 116, 209);
    margin: 20rem -20rem -20rem;
    text-align: center;
    padding: 20rem;
}

@media (max-width: 991px) {
    .diagnost-section .price-item {
        border-bottom-width: 1rem;
    }

    .diagnost-section .price-item__title, .diagnost-section .price-item__value {
        font-size: 13rem;
    }
}

@media (max-width: 767px) {
    .diagnost-section .price-item__title, .diagnost-section .price-item__value {
        font-size: 12rem;
    }

    .diagnost-section .element {
        margin-bottom: 30rem;
    }
}

.promo {
    position: relative;
    text-align: center;
}

.promo .promo-box {
    background: rgb(4, 13, 33);
    border-radius: 12rem;
    padding: 80rem 44rem;
    color: rgb(255, 255, 255);
    box-shadow: rgba(21, 34, 66, 0.2) 0px 0px 1rem, rgba(21, 34, 66, 0.12) 0px 14rem 32rem;
}

.promo_inner_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15rem 60rem;
}

.promo_inner_item {
    width: 50%;
    padding: 0px 15rem;
    text-align: left;
}

.promo_inner_wrapper h4 {
    font-weight: 400;
    font-size: 20rem;
}

.promo_inner_wrapper h4 span {
    background: rgb(13, 84, 181);
    border-radius: 6rem;
    padding: 4rem 6rem;
    color: rgb(255, 255, 255);
}

.promo_list_item {
    font-size: 16rem;
    margin-bottom: 10rem;
    display: flex;
    align-items: center;
}

.promo_list_item .icon {
    width: 30rem;
    height: 30rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    background: url("../images/check-2.png") center center / 40% no-repeat, rgb(12, 98, 213);
    flex-shrink: 0;
    margin-right: 20rem;
}

.promo h2 {
    color: rgb(255, 255, 255);
    text-align: center;
}

.promo .section__subtitle {
    color: rgb(255, 255, 255);
    opacity: 0.85;
}

@media (max-width: 767px) {
    .promo .container {
        width: 530rem;
        max-width: 100%;
        margin: auto;
        text-align: center;
    }
}

.agreement {
    position: relative;
    margin-bottom: 30rem;
}

.agreement input {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.agreement label {
    padding-left: 25rem;
    display: inline-block;
    position: relative;
}

.agreement input + label::before {
    background: url("../images/check-empty.svg") 0px 0px no-repeat;
    content: "";
    display: block;
    position: absolute;
    width: 17rem;
    height: 17rem;
    top: 1rem;
    left: 0rem;
}

.agreement input:checked + label::before {
    background: url("../images/checked.svg") 0px 0px no-repeat;
}

.agreement input.error + label {
    color: red;
}

.reviews {
    padding-top: 35rem;
}

.rev-header .title {
    font-weight: 700;
    text-transform: none;
}

.reviews .rev-item, .rev-grid-sizer {
    width: 100%;
}

.reviews .rev-item .inner {
    padding: 20rem;
    margin: 0px 0px 20rem;
}

.reviews .rev-item > .inner {
    border-radius: 20rem;
    background: rgb(255, 255, 255);
    box-shadow: rgba(21, 34, 66, 0.16) 0px 12rem 48rem, rgba(21, 34, 66, 0.32) 0px 0px 1rem;
}

.reviews .rev-item > .inner .inner {
    border-radius: 20rem;
    box-shadow: none;
}

.rev-answer {
    margin-top: 30rem;
}

.ticket-comment {
    margin: 0px !important;
}

.comment-reply {
    padding: 10rem 0px;
}

.reviews .rev-item .rev-item .inner {
    padding: 20rem 0px 0px;
    border: none;
    margin: 0px;
    font-style: italic;
}

.reviews .rev-date {
    padding: 5rem 10rem;
    font-weight: 400;
    font-size: 12rem;
    border-radius: 3rem;
    color: rgb(251, 77, 9);
    position: absolute;
    right: 0px;
    top: 0px;
}

.reviews .rev-item .rev-item .rev-date {
    display: none !important;
}

.reviews .rev-item .rev-item .inner .title {
    text-transform: none;
    margin-bottom: 0px;
    color: rgb(251, 77, 9);
    font-size: 14rem;
}

.reviews .rev-item .rev-item .rev-text {
    margin-top: -10rem;
}

.reviews .rev-item .rev-item .comment-reply {
    display: none;
}

.reviews .slick-list {
    position: relative;
    width: 100%;
}

.reviews .slick-list::after, .reviews .slick-list::before {
    content: "";
    left: 0px;
    display: none;
    height: 100%;
    width: 40rem;
    position: absolute;
    top: 0px;
    z-index: 10;
    bottom: 0px;
    background: linear-gradient(90deg, rgb(4, 13, 33) 0%, rgba(0, 0, 0, 0) 100%);
}

.reviews .slick-list::after {
    content: "";
    left: auto;
    right: 0px;
    background: linear-gradient(270deg, rgb(4, 13, 33) 0%, rgba(0, 0, 0, 0) 100%);
}

.reviews .slick-prev, .reviews .slick-next {
    position: absolute;
    width: 44rem;
    height: 44rem;
    text-align: center;
    top: 50%;
    margin-top: -26rem;
    z-index: 20;
    border-radius: 2rem;
    transition: all 200ms ease-out 0s;
    background: rgb(255, 255, 255);
    color: rgb(80, 66, 65);
    border: 2rem solid rgb(255, 255, 255);
    display: none !important;
}

.reviews .slick-prev {
    left: 0px;
}

.reviews .slick-next {
    right: 0px;
}

.reviews:hover .slick-prev {
    left: 0px;
}

.reviews:hover .slick-next {
    right: 0px;
}

.reviews .slick-prev:hover, .reviews .slick-next:hover {
    background: rgb(251, 77, 9);
    color: rgb(255, 255, 255);
    border-color: rgb(251, 77, 9);
}

.reviews .slick-prev:hover::after, .reviews .slick-next:hover::after {
    border-color: rgb(255, 255, 255);
}

.comment-form-wrapper {
    position: relative;
    padding-bottom: 50rem;
}

.ie .comment-form-wrapper {
    background-attachment: scroll;
}

.comment-form-wrapper .inner {
    position: relative;
    z-index: 10;
    width: 575rem;
    max-width: 100%;
    margin: 0px;
}

#comment-editor {
    display: block;
    width: 100% !important;
}

#ticketForm .form-actions, #comment-form .form-actions {
    padding-top: 0px !important;
    border-top: none !important;
}

.comment-form-wrapper .form-control {
    background: rgb(255, 255, 255);
}

.comment-form-wrapper textarea.form-control {
    height: 180rem;
}

.comment-form-wrapper .form-control.error {
    border-color: rgb(255, 51, 36);
}

.comment-form-wrapper .form-control.error::-webkit-input-placeholder {
    color: rgb(234, 21, 39);
}

@media (max-width: 991px) {
    .reviews .rev-date {
        position: static;
        display: none;
        margin-bottom: 25rem;
    }
}

.reviews {
    display: flex;
    width: calc(100% + 30rem);
    margin: 0px auto;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.reviews__ellipse_start {
    display: flex;
    width: 100%;
}

.reviews__content h2 {
    color: rgb(255, 255, 255);
}

.reviews__content .section__subtitle {
    color: rgb(255, 255, 255);
    opacity: 0.85;
}

.reviews__content {
    padding: 60rem 16rem 120rem;
    display: flex;
    flex-direction: column;
    background: rgb(4, 13, 33);
    width: 100%;
}

@media (max-width: 550px) {
    .reviews__ellipse_start {
        padding-top: 60rem;
    }
}

.reviews__ellipse_start svg {
    width: 100%;
    position: relative;
    height: 45rem;
}

@media (max-width: 550px) {
    .reviews__ellipse_start svg {
        height: 20rem;
    }
}

.reviews__ellipse_end {
    position: absolute;
    bottom: 0px;
    display: flex;
    width: 100%;
}

.reviews__ellipse_end svg {
    width: 100%;
    position: relative;
    height: 45rem;
}

@media (max-width: 550px) {
    .reviews__ellipse_end svg {
        height: 20rem;
    }
}

.reviews_section {
    color: rgb(80, 66, 65);
    position: relative;
    background: rgb(255, 255, 255);
    width: 100%;
    overflow: hidden;
}

.certificate-section + .reviews_section {
    padding-top: 80rem;
}

.reviews-carousel {
    padding: 0px;
    margin: 0px -15rem;
}

.reviews-carousel .slick-track {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.reviews-carousel .slick-slide {
    height: inherit;
    padding: 10rem;
}

.reviews-carousel .slick-slide > div, .reviews-carousel .slick-slide > div > div {
    height: 100%;
}

.reviews-carousel .item {
    height: 100%;
    padding: 0px 15rem;
}

.reviews-carousel .item-inner {
    height: 100%;
    background: rgb(255, 255, 255);
    padding: 30rem;
    text-align: center;
}

.reviews-carousel .item-title {
    margin-bottom: 10rem;
    font-weight: bold;
    font-size: 20rem;
}

.reviews-carousel .item-title a {
    text-decoration: none;
}

.reviews-carousel .date {
    margin-bottom: 20rem;
}

.reviews-carousel .text {
    line-height: 1.4em;
    font-size: 13rem;
}

.accordeon .element-content {
    display: none;
    padding: 0px 0px 55rem;
}

.accordeon .element {
    background-color: rgb(255, 255, 255);
    border-radius: 20rem;
    box-shadow: rgba(228, 233, 241, 0.7) 0px 4rem 34rem;
    margin-bottom: 30rem;
    padding: 0px 30rem 0px 40rem;
}

.accordeon .element .title {
    font-size: 18rem;
    line-height: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 30rem 100rem 30rem 0px;
    cursor: pointer;
    position: relative;
    color: rgb(251, 77, 9);
    transition: all 200ms ease-out 0s;
}

.accordeon .element .title:hover, .accordeon .element.active .title {
    color: rgb(251, 77, 9);
}

.accordeon .element .title span {
    position: absolute;
    right: -5rem;
    top: 50%;
    display: block;
    width: 63rem;
    height: 22rem;
    margin-top: -11rem;
    cursor: pointer;
}

.accordeon .element .title span::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%) rotateZ(-90deg);
    width: 22rem;
    height: 63rem;
    background-image: url("../images/slider-left-arr-hover.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-height: 35rem;
    transition: all 0.1s ease-out 0s;
}

.accordeon .element .title span:hover::after {
    max-height: 63rem;
}

.accordeon > div:first-of-type .element-content {
    display: block;
}

.accordeon > div:last-of-type {
    margin-bottom: 0px;
}

.accordeon .price-item {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1rem solid rgb(244, 244, 244);
    padding: 13rem 0px 3rem;
}

.accordeon .price-item__title {
    font-size: 14rem;
    line-height: 1.4em;
    flex: 0 0 calc(100% - 150rem);
    width: calc(100% - 150rem);
    max-width: calc(100% - 150rem);
    padding-right: 15rem;
}

.accordeon .price-item__value {
    font-size: 14rem;
    line-height: 1.4em;
    text-align: right;
    flex: 0 0 150rem;
    width: 150rem;
    max-width: 150rem;
}

@media (max-width: 991px) {
    .accordeon .element {
        padding: 0px 20rem;
        margin-bottom: 20rem;
    }

    .accordeon .element .title {
        font-size: 13rem;
        padding: 20rem 70rem 20rem 0px;
    }

    .accordeon .element-content {
        padding: 0px 0px 30rem;
    }

    .accordeon .price-item {
        border-bottom-width: 1rem;
    }

    .accordeon .price-item__title, .accordeon .price-item__value {
        font-size: 13rem;
    }
}

@media (max-width: 767px) {
    .accordeon .element .title {
        font-size: 12rem;
    }

    .accordeon .price-item__title, .accordeon .price-item__value {
        font-size: 12rem;
    }

    .accordeon .element .title span {
        right: -10rem;
    }
}

.index-bottom-form .form-control {
    background: rgb(255, 255, 255);
    border: none;
    border-radius: 10rem;
}

.index-bottom-form input.form-control {
    height: 55rem;
}

.index-bottom-form textarea.form-control {
    padding: 18rem 15rem;
}

.index-bottom-form .agreement input + label::before {
    top: 3rem;
}

.grid_item_tile .grid_item_title .model-date-content strong:nth-child(2) {
    display: inline-block;
}

.grid_item_tile .grid_item_title .model-date-content strong:nth-child(3) {
    display: none;
}

@media (max-width: 1470px) {
    .first-section::before, .first-section::after, .brands-section::before, .brands-section::after {
        display: none;
    }

    .features2-section, .news-section {
        background: rgb(255, 255, 255);
    }

    .brands-section {
        padding-bottom: 20rem;
    }
}

@media (max-width: 768px) {
    .top-bar-container {
        padding: 0px 30rem;
        margin: 0px auto;
        width: 100% !important;
    }

    .container {
        padding: 0px 30rem;
        width: 100% !important;
    }

    .news .element {
        height: auto;
        min-height: 130rem;
        padding-left: 130rem;
    }

    .news .element .element-img {
        width: 130rem;
    }

    .news .element .title-h5 {
        max-height: inherit;
        font-size: 14rem;
    }

    .news .element .text {
        display: none;
    }

    .top-bar-push {
        height: 20rem;
    }

    .header-bottom {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 5rem 3rem;
    }

    .header-bottom .inner {
        display: none;
        flex-wrap: wrap;
    }

    .header-bottom .header-tel {
        display: none;
    }

    .header-adress-wrapper {
        display: none;
        overflow-x: visible;
        justify-content: space-between;
    }

    .header-bottom .logo {
        display: none;
    }

    .logo a {
        width: 100rem;
        display: inline-block;
    }

    .header-tel-inner {
        padding-bottom: 30rem;
    }

    .callback-link-wrapper {
        text-align: left;
    }

    .grid_item_tile.grid_item_tile--big {
        width: 50%;
    }

    section h2 {
        font-size: 24rem;
        line-height: 1.2em;
    }

    .section__subtitle {
        font-size: 14rem;
        margin-bottom: 40rem;
    }

    .about .inner {
        padding-top: 0px;
        text-align: center;
    }

    .about .inner .section__subtitle {
        text-align: center;
        margin-left: auto;
    }

    section > .push70:last-child, section > .push60:last-child {
        display: none;
    }
    
    .about .push70:last-child {
        display: block;
    }

    .about .content ul > li {
        width: calc(50% - 10rem);
        text-align: left;
        padding: 0px 15rem;
    }

    .about .content ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0px -15rem;
    }

    .about .about-img {
        display: none;
    }

    .to-wrapper {
        flex-wrap: wrap;
    }

    .to-elements {
        width: 100%;
        margin-bottom: 30rem;
    }

    .widget-catalog-main-content-sidebar {
        width: 100%;
        margin-left: 0px;
        max-width: 100%;
    }

    .widget-catalog-main-content-sidebar .modal-adress-text-block {
        width: calc(50% - 5rem);
        margin-bottom: 0px;
    }

    .widget-catalog-sidebar-form {
        display: flex;
        flex-wrap: wrap;
        gap: 10rem;
    }

    .grid_item_tile {
        width: 50%;
    }

    .features2 > .row > div {
        width: 50%;
    }

    .portfolio-items > div {
        width: 50%;
    }

    .promo_inner_item {
        width: 100%;
        margin-bottom: 20rem;
    }

    .promo_inner_item:nth-child(2) {
        margin-bottom: 0px;
    }

    .promo_inner_wrapper {
        margin-bottom: 20rem;
    }

    .promo .promo-box {
        padding: 40rem 20rem;
    }

    .contacts__services__list {
        max-width: 100%;
    }

    .footer-top-inner .row {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-top-inner .row > div {
        width: 50%;
        float: none;
    }

    .footer-top-inner .row > div:nth-child(4), .footer-top-inner .row > div:nth-child(2) {
        display: none;
    }

    .footer-top-wrapper {
        min-height: 0px;
        padding-bottom: 10rem;
    }

    .footer-wrapper {
        min-height: 0px;
    }

    .footer-push {
        height: 0px;
    }

    .main-wrapper {
        margin-bottom: 0px;
    }

    .first-section .row > div {
        width: 100%;
    }

    .first-section .features .push50 {
        display: none;
    }

    .first-section .features {
        padding-left: 0px;
        padding-bottom: 40rem;
    }

    .first-section .section-content {
        padding-bottom: 10rem;
        padding-right: 0px;
    }

    .push70 {
        height: 40rem;
    }

    .push90 {
        height: 60rem;
    }

    .push40 {
        height: 25rem;
    }

    .contact-blk ul li {
        width: calc(50% - 10rem);
    }

    .contact_image {
        display: none;
    }

    .contact-blk ul {
        flex-wrap: wrap;
    }

    .contact_address {
        margin-bottom: 10rem;
    }

    .contact-inner-wrap {
        margin: 0px;
        padding: 20rem;
    }

    .contact-inner-wrap .btn {
        display: none;
    }

    .contact_phone a {
        margin-bottom: 0px;
    }
}

@media (max-width: 468px) {
    .top-bar-container .top-menu {
        display: none !important;
    }

    .grid_item_tile.grid_item_tile--big {
        width: 100%;
        height: auto;
    }

    .first-section h1 {
        text-align: center;
    }

    .hero__subtitle {
        text-align: center;
    }

    .first-section-btns {
        margin: 0px auto;
    }

    .about .content ul > li {
        width: 100%;
    }
    
    .car_info.about .content ul > li {
        padding: 5rem 15rem 15rem 5rem;   
    }

    .grid_item_image {
        display: none;
    }

    .widget-catalog-main-content-sidebar .modal-adress-text-block {
        width: 100%;
    }

    .grid_item_tile {
        width: 100%;
        height: 60rem;
        align-items: center;
    }

    .features2 > .row > div {
        width: 100%;
    }

    .table-field.table-field--count .table-field__group input {
        width: 30rem;
        text-align: center;
    }

    .table__caption--title {
        font-size: 14rem;
        line-height: 1.4em;
        height: auto;
        padding-right: 15rem;
        margin-right: 15rem;
    }

    .custom-checkbox__label::before {
        height: 16rem;
        width: 16rem;
        min-width: 16rem;
        border-radius: 4rem;
    }

    .custom-checkbox__label::after {
        width: 10rem;
        height: 8rem;
        left: 8rem;
        top: 50%;
    }

    .custom-checkbox__label {
        padding-left: 30rem;
    }

    .table__wrap table th {
        font-size: 14rem;
    }

    .table__wrap table th:nth-child(2) {
        font-size: 0px;
    }

    .table-field--name .brand-logo {
        display: none;
    }

    .table--maintenance-raw .custom-checkbox--radio {
        padding-left: 0px;
    }

    section h2 {
        font-size: 20rem;
        max-width: 90%;
        margin: 0px auto 8rem;
    }

    .about .content ul > li p {
        font-size: 14rem;
    }

    .about .content ul > li .icon {
        width: 20rem;
        height: 20rem;
        margin-right: 10rem;
    }
    
    .car_info .content-wrapper .content {
        margin: 0;
        padding-top: 0;
    
    }

    .promo_inner_wrapper h4 {
        line-height: 1.6;
        text-align: center;
    }

    .contact-blk ul li {
        width: 100%;
    }

    .breadcrumbs-wrapper li {
        margin-right: 16rem;
    }

    .breadcrumbs-wrapper a::after {
        right: -11rem;
    }

    .grid_item_tile .grid_item_title .grid_item_price, .grid_item_tile .grid_item_title .grid_item_name {
        font-weight: 400;
    }

    .promo {
        background: rgb(4, 13, 33);
    }

    .promo .promo-box {
        padding: 60rem 0px;
    }

    .certificate-section {
        padding: 60rem 0px 0px;
    }

    .section__subtitle {
        max-width: 300rem;
    }

    .top-bar-container, .container {
        padding: 0px 15rem;
    }

    .contacts__services__list {
        margin-left: -15rem;
        margin-right: -15rem;
        padding-left: 15rem;
        padding-right: 15rem;
        max-width: none;
        width: auto;
        margin-bottom: 20rem;
    }

    .reviews__content .push20 {
        display: none;
    }

    .reviews__content {
        padding-bottom: 60rem;
    }

    .grid_item_tile .grid_item_title {
        flex-direction: row;
        align-items: center;
        padding-right: 0rem;
        justify-content: space-between;
    }

    .grid_item_tile .grid_item_title .model-date-label {
        display: none;
    }

    .grid_item_tile .grid_item_title .model-date-content strong:nth-child(2) {
        display: none;
    }

    .grid_item_tile .grid_item_title .model-date-content strong:nth-child(3) {
        display: inline-block;
    }

    .header {
        display: none;
    }

    .widget-catalog-main-content-sidebar-form {
        padding: 18rem;
    }

    .widget-catalog-main-content-sidebar .cart-h {
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .modal-phone-link {
        font-weight: 400;
    }

    .grid_item_tile .tile_arrow_icon {
        margin: 0px 16rem 0px 0px;
    }

    .car_types_section {
        padding-bottom: 0px;
    }
    .car_info.about .content ul {
        margin: 0;
    }
    
    .car_info.about .about-img {
        display: block;
    }
    .about .inner {
        padding-bottom: 0;
    }  .contacts__services__list__item:last-child {
        margin-right: 0px;
    }

    .contact-info-block {
        padding: 0px 10rem;
    }
    .top-bar .inner,
    .top-bar {
        display: flex;
        align-items: center;
    }
    .top-bar .inner {
        justify-content:space-between;
    }

    .top-bar .logo {
        width: 60rem;
    }
    .phones-toggle {
        display: flex;
        margin-right: 50rem;
    }
    .phones-toggle .btn {
        position: static;
        height: auto;
        margin: 0;
        padding: 4rem 10rem;
    }

    .top-bar.fix-true {
        position: fixed;
        top: 0;
    
    }

    .first-section .section-content {
        padding-top: 60rem;
    }

    .modal-inner {
        padding: 24rem;
    }

    .modal .title + p {
        margin-bottom: 10rem;
        text-align: center;
    }

    .contact_phone a {
        font-size: 16rem;
    }

    .contact_address {
        margin-bottom: 5rem;
    }

    .contact-namelink {
        margin-bottom: 0px;
    }

    .content-section.article .push70:last-child {
        display: block;
    }
    .modal .title {
        font-size: 20rem;
        color: #152242;
        text-align:center;
        margin-bottom: 12rem;
        line-height: 1.4em;
    }
    .top-bar.fix-true.fixed + .top-bar-push-md {
        height: 0;
    }
}