:root { --bs-gutter-x:10px; --swiper-theme-color:#339586; scroll-behavior:auto; } .row { --bs-gutter-x:20px; --bs-gutter-y:20px; } .g-0, .gy-0 { --bs-gutter-y: 0!important; } .g-0, .gx-0 { --bs-gutter-x: 0!important; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x:30px; } @media (min-width: 1440px) { .container-fluid {--bs-gutter-x:164px; max-width:100%;} } @media (min-width: 1200px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1484px; } } @media (max-width: 1199px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 100%!important; } } .-fs-12 {font-size:12px;} .-fs-14 {font-size:14px;} .-fs-15 {font-size:15px;} .-fs-16 {font-size:16px;} .-fs-18 {font-size:18px;} .-fs-20 {font-size:20px;} .-fs-24 {font-size:24px;} .-fs-28 {font-size:28px;} .-fs-32 {font-size:32px;} .-fs-36 {font-size:36px;} .-fs-40 {font-size:40px;} .-fs-48 {font-size:48px;} .-fs-128 {font-size:128px;} /* IMPORT -------------------------------------------------- */ @font-face { font-family: 'candara'; src: url('../fonts/candara.ttf') format('truetype'); font-weight: normal; font-style: normal; } .-monster-r {font-family: 'candara', sans-serif; font-weight:400;} .-monster-m {font-family: 'candara', sans-serif; font-weight:500;} .-monster-sb {font-family: 'candara', sans-serif; font-weight:600;} .-monster-b {font-family: 'candara', sans-serif; font-weight:700;} @media (min-width: 768px) { * {scrollbar-width:thin;} *::-webkit-scrollbar {width:4px; height:4px; background:#C4C4C4;} *::-webkit-scrollbar-thumb {width:4px; height:4px; background:#339586;} } ::selection {background:#339586; color:#fff;} ::-moz-selection {background:#339586; color:#fff;} html, body {font-size:16px; font-family:'candara', sans-serif; font-weight:400; color:#000; line-height:1.4; min-width:320px; margin:0 auto; position:relative;} .pt-0 {padding-bottom:0px!important;}.pt-0 {padding-top:0px!important;}.mb-0 {margin-bottom:0px!important;}.mt-0 {margin-top:0px!important;}.pb-1 {padding-bottom:4px!important;}.pt-1 {padding-top:4px!important;}.mb-1 {margin-bottom:4px!important;}.mt-1 {margin-top:4px!important;}.pb-2 {padding-bottom:8px!important;}.pt-2 {padding-top:8px!important;}.mb-2 {margin-bottom:8px!important;}.mt-2 {margin-top:8px!important;}.pb-3 {padding-bottom:16px!important;}.pt-3 {padding-top:16px!important;}.mb-3 {margin-bottom:16px!important;}.mt-3 {margin-top:16px!important;}.pb-4 {padding-bottom:24px!important;}.pt-4 {padding-top:24px!important;}.mb-4 {margin-bottom:24px!important;}.mt-4 {margin-top:24px!important;}.pb-5 {padding-bottom:32px!important;}.pt-5 {padding-top:32px!important;}.mb-5 {margin-bottom:32px!important;}.mt-5 {margin-top:32px!important;}.pb-6 {padding-bottom:40px!important;}.pt-6 {padding-top:40px!important;}.mb-6 {margin-bottom:40px!important;}.mt-6 {margin-top:40px!important;}.pb-7 {padding-bottom:48px!important;}.pt-7 {padding-top:48px!important;}.mb-7 {margin-bottom:48px!important;}.mt-7 {margin-top:48px!important;}.pb-8 {padding-bottom:56px!important;}.pt-8 {padding-top:56px!important;}.mb-8 {margin-bottom:56px!important;}.mt-8 {margin-top:56px!important;}.pb-9 {padding-bottom:64px!important;}.pt-9 {padding-top:64px!important;}.mb-9 {margin-bottom:64px!important;}.mt-9 {margin-top:64px!important;}.pb-10 {padding-bottom:72px!important;}.pt-10 {padding-top:72px!important;}.mb-10 {margin-bottom:72px!important;}.mt-10 {margin-top:72px!important;}@media (min-width: 576px){.pt-sm-0 {padding-bottom:0px!important;}.pt-sm-0 {padding-top:0px!important;}.mb-sm-0 {margin-bottom:0px!important;}.mt-sm-0 {margin-top:0px!important;}.pb-sm-1 {padding-bottom:4px!important;}.pt-sm-1 {padding-top:4px!important;}.mb-sm-1 {margin-bottom:4px!important;}.mt-sm-1 {margin-top:4px!important;}.pb-sm-2 {padding-bottom:8px!important;}.pt-sm-2 {padding-top:8px!important;}.mb-sm-2 {margin-bottom:8px!important;}.mt-sm-2 {margin-top:8px!important;}.pb-sm-3 {padding-bottom:16px!important;}.pt-sm-3 {padding-top:16px!important;}.mb-sm-3 {margin-bottom:16px!important;}.mt-sm-3 {margin-top:16px!important;}.pb-sm-4 {padding-bottom:24px!important;}.pt-sm-4 {padding-top:24px!important;}.mb-sm-4 {margin-bottom:24px!important;}.mt-sm-4 {margin-top:24px!important;}.pb-sm-5 {padding-bottom:32px!important;}.pt-sm-5 {padding-top:32px!important;}.mb-sm-5 {margin-bottom:32px!important;}.mt-sm-5 {margin-top:32px!important;}.pb-sm-6 {padding-bottom:40px!important;}.pt-sm-6 {padding-top:40px!important;}.mb-sm-6 {margin-bottom:40px!important;}.mt-sm-6 {margin-top:40px!important;}.pb-sm-7 {padding-bottom:48px!important;}.pt-sm-7 {padding-top:48px!important;}.mb-sm-7 {margin-bottom:48px!important;}.mt-sm-7 {margin-top:48px!important;}.pb-sm-8 {padding-bottom:56px!important;}.pt-sm-8 {padding-top:56px!important;}.mb-sm-8 {margin-bottom:56px!important;}.mt-sm-8 {margin-top:56px!important;}.pb-sm-9 {padding-bottom:64px!important;}.pt-sm-9 {padding-top:64px!important;}.mb-sm-9 {margin-bottom:64px!important;}.mt-sm-9 {margin-top:64px!important;}.pb-sm-10 {padding-bottom:72px!important;}.pt-sm-10 {padding-top:72px!important;}.mb-sm-10 {margin-bottom:72px!important;}.mt-sm-10 {margin-top:72px!important;}}@media (min-width: 768px) {.pb-md-0 {padding-bottom:0!important;}.pt-md-0 {padding-top:0!important;}.mb-md-0 {margin-bottom:0!important;}.mt-md-0 {margin-top:0!important;}.pb-md-1 {padding-bottom:4px!important;}.pt-md-1 {padding-top:4px!important;}.mb-md-1 {margin-bottom:4px!important;}.mt-md-1 {margin-top:4px!important;}.pb-md-2 {padding-bottom:8px!important;}.pt-md-2 {padding-top:8px!important;}.mb-md-2 {margin-bottom:8px!important;}.mt-md-2 {margin-top:8px!important;}.pb-md-3 {padding-bottom:16px!important;}.pt-md-3 {padding-top:16px!important;}.mb-md-3 {margin-bottom:16px!important;}.mt-md-3 {margin-top:16px!important;}.pb-md-4 {padding-bottom:24px!important;}.pt-md-4 {padding-top:24px!important;}.mb-md-4 {margin-bottom:24px!important;}.mt-md-4 {margin-top:24px!important;}.pb-md-5 {padding-bottom:32px!important;}.pt-md-5 {padding-top:32px!important;}.mb-md-5 {margin-bottom:32px!important;}.mt-md-5 {margin-top:32px!important;}.pb-md-6 {padding-bottom:40px!important;}.pt-md-6 {padding-top:40px!important;}.mb-md-6 {margin-bottom:40px!important;}.mt-md-6 {margin-top:40px!important;}.pb-md-7 {padding-bottom:48px!important;}.pt-md-7 {padding-top:48px!important;}.mb-md-7 {margin-bottom:48px!important;}.mt-md-7 {margin-top:48px!important;}.pb-md-8 {padding-bottom:56px!important;}.pt-md-8 {padding-top:56px!important;}.mb-md-8 {margin-bottom:56px!important;}.mt-md-8 {margin-top:56px!important;}.pb-md-9 {padding-bottom:64px!important;}.pt-md-9 {padding-top:64px!important;}.mb-md-9 {margin-bottom:64px!important;}.mt-md-9 {margin-top:64px!important;}.pb-md-10 {padding-bottom:72px!important;}.pt-md-10 {padding-top:72px!important;}.mb-md-10 {margin-bottom:72px!important;}.mt-md-10 {margin-top:72px!important;}}@media (min-width: 992px) {.pb-lg-0 {padding-bottom:0!important;}.pt-lg-0 {padding-top:0!important;}.mb-lg-0 {margin-bottom:0!important;}.mt-lg-0 {margin-top:0!important;}.pb-lg-1 {padding-bottom:4px!important;}.pt-lg-1 {padding-top:4px!important;}.mb-lg-1 {margin-bottom:4px!important;}.mt-lg-1 {margin-top:4px!important;}.pb-lg-2 {padding-bottom:8px!important;}.pt-lg-2 {padding-top:8px!important;}.mb-lg-2 {margin-bottom:8px!important;}.mt-lg-2 {margin-top:8px!important;}.pb-lg-3 {padding-bottom:16px!important;}.pt-lg-3 {padding-top:16px!important;}.mb-lg-3 {margin-bottom:16px!important;}.mt-lg-3 {margin-top:16px!important;}.pb-lg-4 {padding-bottom:24px!important;}.pt-lg-4 {padding-top:24px!important;}.mb-lg-4 {margin-bottom:24px!important;}.mt-lg-4 {margin-top:24px!important;}.pb-lg-5 {padding-bottom:32px!important;}.pt-lg-5 {padding-top:32px!important;}.mb-lg-5 {margin-bottom:32px!important;}.mt-lg-5 {margin-top:32px!important;}.pb-lg-6 {padding-bottom:40px!important;}.pt-lg-6 {padding-top:40px!important;}.mb-lg-6 {margin-bottom:40px!important;}.mt-lg-6 {margin-top:40px!important;}.pb-lg-7 {padding-bottom:48px!important;}.pt-lg-7 {padding-top:48px!important;}.mb-lg-7 {margin-bottom:48px!important;}.mt-lg-7 {margin-top:48px!important;}.pb-lg-8 {padding-bottom:56px!important;}.pt-lg-8 {padding-top:56px!important;}.mb-lg-8 {margin-bottom:56px!important;}.mt-lg-8 {margin-top:56px!important;}.pb-lg-9 {padding-bottom:64px!important;}.pt-lg-9 {padding-top:64px!important;}.mb-lg-9 {margin-bottom:64px!important;}.mt-lg-9 {margin-top:64px!important;}.pb-lg-10 {padding-bottom:72px!important;}.pt-lg-10 {padding-top:72px!important;}.mb-lg-10 {margin-bottom:72px!important;}.mt-lg-10 {margin-top:72px!important;}}@media (min-width: 1200px) {.pb-xl-0 {padding-bottom:0!important;}.pt-xl-0 {padding-top:0!important;}.mb-xl-0 {margin-bottom:0!important;}.mt-xl-0 {margin-top:0!important;}.pb-xl-1 {padding-bottom:4px!important;}.pt-xl-1 {padding-top:4px!important;}.mb-xl-1 {margin-bottom:4px!important;}.mt-xl-1 {margin-top:4px!important;}.pb-xl-2 {padding-bottom:8px!important;}.pt-xl-2 {padding-top:8px!important;}.mb-xl-2 {margin-bottom:8px!important;}.mt-xl-2 {margin-top:8px!important;}.pb-xl-3 {padding-bottom:16px!important;}.pt-xl-3 {padding-top:16px!important;}.mb-xl-3 {margin-bottom:16px!important;}.mt-xl-3 {margin-top:16px!important;}.pb-xl-4 {padding-bottom:24px!important;}.pt-xl-4 {padding-top:24px!important;}.mb-xl-4 {margin-bottom:24px!important;}.mt-xl-4 {margin-top:24px!important;}.pb-xl-5 {padding-bottom:32px!important;}.pt-xl-5 {padding-top:32px!important;}.mb-xl-5 {margin-bottom:32px!important;}.mt-xl-5 {margin-top:32px!important;}.pb-xl-6 {padding-bottom:40px!important;}.pt-xl-6 {padding-top:40px!important;}.mb-xl-6 {margin-bottom:40px!important;}.mt-xl-6 {margin-top:40px!important;}.pb-xl-7 {padding-bottom:48px!important;}.pt-xl-7 {padding-top:48px!important;}.mb-xl-7 {margin-bottom:48px!important;}.mt-xl-7 {margin-top:48px!important;}.pb-xl-8 {padding-bottom:56px!important;}.pt-xl-8 {padding-top:56px!important;}.mb-xl-8 {margin-bottom:56px!important;}.mt-xl-8 {margin-top:56px!important;}.pb-xl-9 {padding-bottom:64px!important;}.pt-xl-9 {padding-top:64px!important;}.mb-xl-9 {margin-bottom:64px!important;}.mt-xl-9 {margin-top:64px!important;}.pb-xl-10 {padding-bottom:72px!important;}.pt-xl-10 {padding-top:72px!important;}.mb-xl-10 {margin-bottom:72px!important;}.mt-xl-10 {margin-top:72px!important;}}@media (min-width: 1400px) {.pb-xxl-0 {padding-bottom:0!important;}.pt-xxl-0 {padding-top:0!important;}.mb-xxl-0 {margin-bottom:0!important;}.mt-xxl-0 {margin-top:0!important;}.pb-xxl-1 {padding-bottom:4px!important;}.pt-xxl-1 {padding-top:4px!important;}.mb-xxl-1 {margin-bottom:4px!important;}.mt-xxl-1 {margin-top:4px!important;}.pb-xxl-2 {padding-bottom:8px!important;}.pt-xxl-2 {padding-top:8px!important;}.mb-xxl-2 {margin-bottom:8px!important;}.mt-xxl-2 {margin-top:8px!important;}.pb-xxl-3 {padding-bottom:16px!important;}.pt-xxl-3 {padding-top:16px!important;}.mb-xxl-3 {margin-bottom:16px!important;}.mt-xxl-3 {margin-top:16px!important;}.pb-xxl-4 {padding-bottom:24px!important;}.pt-xxl-4 {padding-top:24px!important;}.mb-xxl-4 {margin-bottom:24px!important;}.mt-xxl-4 {margin-top:24px!important;}.pb-xxl-5 {padding-bottom:32px!important;}.pt-xxl-5 {padding-top:32px!important;}.mb-xxl-5 {margin-bottom:32px!important;}.mt-xxl-5 {margin-top:32px!important;}.pb-xxl-6 {padding-bottom:40px!important;}.pt-xxl-6 {padding-top:40px!important;}.mb-xxl-6 {margin-bottom:40px!important;}.mt-xxl-6 {margin-top:40px!important;}.pb-xxl-7 {padding-bottom:48px!important;}.pt-xxl-7 {padding-top:48px!important;}.mb-xxl-7 {margin-bottom:48px!important;}.mt-xxl-7 {margin-top:48px!important;}.pb-xxl-8 {padding-bottom:56px!important;}.pt-xxl-8 {padding-top:56px!important;}.mb-xxl-8 {margin-bottom:56px!important;}.mt-xxl-8 {margin-top:56px!important;}.pb-xxl-9 {padding-bottom:64px!important;}.pt-xxl-9 {padding-top:64px!important;}.mb-xxl-9 {margin-bottom:64px!important;}.mt-xxl-9 {margin-top:64px!important;}.pb-xxl-10 {padding-bottom:72px!important;}.pt-xxl-10 {padding-top:72px!important;}.mb-xxl-10 {margin-bottom:72px!important;}.mt-xxl-10 {margin-top:72px!important;}} *:focus {outline:none; box-shadow:none;} img, svg, video {max-width:100%;} svg {height:auto;} h1, .h1 {font-size:48px; margin:0 0 40px; font-family:'candara', Arial, sans-serif; font-weight:400} h2, .h2 {font-size:32px; margin:0 0 22px; color:#000; font-family:'Gilroy', Arial, sans-serif; font-weight:400; line-height:30px;} h3, .h3 {font-size:18px; margin:0 0 16px; color:#000; font-family:'Gilroy', Arial, sans-serif; font-weight:400; line-height:24px;} #navigation+h1, #navigation+.h1 {margin-top:-22px;} a {color:#339586; text-decoration:underline; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} a:hover {text-decoration:none; color:#339586; fill:#339586;} p {margin:0;} *+p {margin-top:16px;} *+table {margin-top:16px;} b, strong {font-weight:700;} *+h1, *+.h1 {margin-top:48px} *+h2, *+.h2 {margin-top:48px} *+h3, *+.h3 {margin-top:30px} ul:not(.navbar-nav):not(.ui-menu) {padding:0; list-style:none; padding-left:16px; margin:0;} ul:not(.navbar-nav):not(.ui-menu) li {position:relative;} ul:not(.navbar-nav):not(.ui-menu) li:before {content:""; display:block; width:6px; height:6px; border-radius:50%; background:#339586; position:absolute; top:7px; left:-16px;} ul:not(.navbar-nav):not(.ui-menu) li+li {margin-top:8px;} *+ul:not(.navbar-nav):not(.ui-menu) {margin-top:16px;} ul:not(.navbar-nav):not(.ui-menu) ul {margin-top:16px;} ul:not(.navbar-nav):not(.ui-menu) ul li:before {background:none; border:1px solid #339586;} ol {margin:0; padding:0; padding-left:24px; color:#339586;} ol li {padding-left:8px;} *+ol {margin-top:16px;} label {margin:0;} ymaps {font-family:'LADAPragmatica', Arial, sans-serif!important; font-weight:400;} table {} tr {} th, td {padding:16px; border:4px solid #fff; background:#ededed; border-radius:15px;} th {color:#000; font-size:20px; font-weight:400; text-align:center; background:#cdcdcd; font-family:'LADAPragmatica', Arial, sans-serif;} th.important__cell {background:#339586; color:#fff;} th span {} td {vertical-align:top;} td span {text-decoration:underline;} /* td:nth-child(2n) {background:#dbd9d9;} */ td.important__cell {background:#ebdce2!important;} th.empty__cell, td.empty__cell {background:transparent!important;} .btn {text-decoration:none; cursor:pointer; line-height:0.9; text-align:center; min-width:300px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .btn.row {display:flex; justify-content:center; align-items:center;} .btn-primary {color:#fff; background:transparent; border:1px solid transparent; border-radius:0; padding:0 40px; height:46px; line-height:45px; box-shadow:none!important; box-shadow:none; position:relative;} .btn-primary:before {content:""; display:block; width:100%; height:100%; background:#7F8589; z-index:1; position:absolute; top:0; left:0; /* transform:skew(-25deg, 0); */ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .btn-primary span {position:relative; z-index:2;} .btn-primary svg {fill:#fff; margin-left:8px;} .btn-primary:focus,.btn-primary.active {color:#fff; background:transparent; border:1px solid transparent;} .btn-primary:hover {color:#fff; background:transparent; border:1px solid transparent;} .btn-primary:hover:before {background:#5B646A;} .btn-secondary {color:#fff; background:transparent; border:1px solid transparent; border-radius:0; padding:0 40px; height:46px; line-height:45px; box-shadow:none!important; box-shadow:none; position:relative;} .btn-secondary:before {content:""; display:block; width:100%; height:100%; background:#339586; z-index:1; position:absolute; top:0; left:0; /*transform:skew(-25deg, 0); */ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .btn-secondary span {position:relative; z-index:2;} .btn-secondary svg {fill:#fff; margin-left:8px;} .btn-secondary:focus,.btn-secondary.active {color:#fff; background:transparent; border:1px solid transparent;} .btn-secondary:hover {color:#fff; background:transparent; border:1px solid transparent;} .btn-secondary:hover:before {background:#0e7062;} .btn-third {color:#fff; background:#339586; border:1px solid #339586; border-radius:0; padding:0 18px; height:45px; line-height:44px; box-shadow:none!important; box-shadow:none;} .btn-third:focus,.btn-third.active {color:#fff; background:#339586; border:1px solid #339586;} .btn-third:hover {color:#fff; background:#0e7062; border:1px solid #0e7062;} .navbar {padding:0;} .nav-link {line-height:1; padding:0;} .dropdown-menu {display:block; border-radius:0; border:0; background:none; margin:0; padding:0; z-index:-100; opacity:0; -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; transition:opacity 0.3s ease; pointer-events:none;} .dropdown:hover .dropdown-menu {z-index:600; opacity:1!important; pointer-events:auto;} .-fullwidth {width:100%;} .-fullheight {height:100%;} .popup {display:none; padding:40px 60px 60px; width:600px; margin:0;} .popup .form__body {padding:0;} #success {} #policy {width:700px;} #legalinfo {width:700px;} .model__popup {width:700px;} /* .menu__title, .menu__bottom, .menu__close, .menu__toggle, .-dropdown-menu-title-row {display:none;} */ @media screen and (max-width: 1199px) { .menu__toggle {display:flex; align-items:center; justify-content:center; align-content:center; width:40px; height:40px;} .menu__toggle svg {width:32px; fill:#fff; stroke:#fff;} body.-cpopup {overflow:hidden;} .header:after {content:""; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:300; pointer-events:none; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} body.-cpopup .header:after {opacity:1; pointer-events:all;} .-mobile-menu-popup {display:flex; flex-direction:column; position:fixed; top:0; left:-100%; width:320px!important; height:100%; margin:0!important; z-index:200; padding:0!important; background:#fff; overflow-y:auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; z-index:1000;} .header__menu {} .-mobile-menu-popup.-show-menu {left:0;} .-mobile-menu-popup > .container {height:100%; padding:0; max-width:100%;} .menu__block {display:flex; flex-direction:column; height:100%;} .menu__title {padding:20px 16px; background:#000;} .menu__logotype svg {width:190px; fill:#4c5865;} .menu__logotype img {width:160px;} .menu__close svg {width:24px; fill:#fff;} .menu__nav {flex:1; padding:16px 0;} .menu__bottom {background:#fff; padding:20px 16px; color:#000;} .menu__phone a {text-decoration:none; color:#000; font-size:20px; font-weight:bold;} .-mobile-menu-popup .nav__list {font-size:24px; justify-content:flex-start!important;} .-mobile-menu-popup .nav__item {margin:0!important; width:100%;} .-mobile-menu-popup .nav__item+.nav__item {border-top:1px solid #c7c7c7;} .-mobile-menu-popup .nav__link {padding:16px;} } @media screen and (max-width: 575px) { /* .-mobile-menu-popup > nav {padding:24px;} */ .-mobile-menu-popup {width:100%!important;} } .form {padding:0; color:#000;} .form__body {} .form__title {} input[type="text"], input[type="password"], input[type="tel"], select {height:48px;} input[type="text"], input[type="password"], input[type="tel"], textarea, select {width:100%; color:#000; border:0; border:1px solid #E3E3E3; background:#fff; outline:none; text-align:left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; border-radius:0; padding:14px 16px;} textarea {height:100px; display:block;} input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus {border-color:#000;} input[type="text"].invalid, input[type="password"].invalid, input[type="tel"].invalid, textarea.invalid {border-color:#339586!important;} .-error input[type="text"], .-error input[type="password"], .-error input[type="tel"], .-error textarea {border-color:#339586!important;} ::-webkit-input-placeholder {color:#000; opacity:1;}/* webkit */ ::-moz-placeholder {color:#000; opacity:1;}/* Firefox 19+ */ :-moz-placeholder {color:#000; opacity:1;}/* Firefox 18- */ :-ms-input-placeholder {color:#000; opacity:1;}/* IE */ .form__row {position:relative; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; text-align:left;} .form__row > .row {--bs-gutter-y:20px;} .form__row + .form__row {margin-top:20px;} .form__field + .form__field {margin-top:20px;} .form__error {color:#339586; font-size:12px;} .form__label {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .form__val:focus+.form__label {font-size:12px; top:-16px;} .form__policy+.form__policy {margin-top:8px;} .form__row.-policy {margin-top:40px;} .form__row.-submit {margin-top:40px;} .form__checkbox {display:none;} .-checkbox-label-row {display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; cursor:pointer; align-items:flex-start; -webkit-justify-content:flex-start; justify-content:flex-start; color:#7B7B7B;} .-checkbox-label-row:before {content:""; display:block; width:23px; height:23px; margin-top:-1px; background:#fff; background-size:12px; border:1px solid #C4C4C4; border-radius:0; margin-right:10px; -webkit-flex-shrink:0; flex-shrink:0; background-position:50% 50%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .form__checkbox:checked+label:before {background:#fff url(../i/ok.svg) no-repeat 50% 50%; background-size:12px; border-color:#339586;} .-form-white {color:#fff;} .-form-white input[type="text"], .-form-white input[type="password"], .-form-white input[type="tel"], .-form-white textarea, .-form-white select {border-color:#fff; background:#fff;} .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {border-color:#339586;} .ui-widget {font-family:'Gilroy', Arial, sans-serif; font-weight:300;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {font-weight:300; background:transparent; border:0; border-bottom:1px solid #dadada; border-radius:0; padding:14px 0;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {background:transparent; border:0; border-bottom:1px solid #dadada; font-weight:inherit;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background:transparent; border:0; color:#339586; font-weight:inherit;} .ui-selectmenu-text {color:#000;} .ui-selectmenu-button.ui-button {width:100%; height:50px; display:flex; align-items:center; color:#000;} .ui-selectmenu-icon.ui-icon {width:40px; height:100%; position:absolute; top:0; right:0; background:url(../i/arrow.svg) no-repeat 50% 50%; background-size:16px; transform:rotate(180deg);} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {background:url(../i/arrow.svg) no-repeat 50% 50%; background-size:16px;} .ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon {transform:rotate(0);} .ui-menu .ui-menu-item-wrapper {padding:7px 15px;} .ui-widget.ui-widget-content {background:#fff; border:0; box-shadow:rgb(0 0 0 / 5%) 0px 4px 5px;} .swiper-button-next, .swiper-button-prev {background:#2A2C2E; width:50px; height:50px; border-radius:0; border:0; display:flex; flex-direction:column; justify-content:center; align-items:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .swiper-button-next:after, .swiper-button-prev:after {display:none;} .swiper-button-next svg, .swiper-button-prev svg {fill:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .swiper-button-prev svg {transform:rotate(180deg);} .swiper-button-next:hover, .swiper-button-prev:hover {background:#000;} .swiper-button-disabled {cursor:not-allowed!important; pointer-events:all!important;} .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {display:flex; align-items:center; justify-content:center;} .swiper-pagination-bullet {width:32px; height:24px; background:transparent; border-radius:0; opacity:1; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; display:flex; flex-direction:column; justify-content:center; margin:0 12px!important;transform: rotate(-45deg);} .swiper-pagination-bullet:before {content:""; display:block; width:100%; height:4px; background:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; transform:skew(-40deg, 0);} .swiper-pagination-bullet-active {background:transparent;width:64px;} .swiper-pagination-bullet-active:before {background:#339586;} .smart-filter-slider-track {height:4px; background:#B7B2B2;} .smart-filter-slider-price-bar-vd {background:#339586;} .smart-filter-slider-range {z-index:100;} .smart-filter-slider-handle {background:#fff; width:24px; height:24px; border:0; border-radius:50%; box-shadow:0 1px 5px rgba(238, 198, 184, 0.68); top:-11px; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;} .smart-filter-slider-handle.left {border:0; margin:0; margin-left:-12px;} .smart-filter-slider-handle.right {border:0; margin:0; margin-right:-12px;} #navigation {margin-bottom:40px;} .breadcrumbs {-webkit-justify-content:flex-start; justify-content:flex-start; color:#000;} .breadcrumbs .list__item {margin-right:12px;} .breadcrumbs a {color:#000;} .breadcrumbs a:hover {color:#000;} .breadcrumbs span {} .-go-to {cursor:pointer;} .red-text {color:#339586;} .header {color:#fff; position:fixed; top:0; left:0; width:100%; background:transparent; z-index:10; background:-moz-linear-gradient(top, rgba(0,0,0,1) 0.17%, rgba(0,0,0,0.45) 75%, rgba(0,0,0,0.3) 89%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0.17%,rgba(0,0,0,0.45) 75%,rgba(0,0,0,0.3) 89%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0.17%,rgba(0,0,0,0.45) 75%,rgba(0,0,0,0.3) 89%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );} /* .header:before {content:""; display:block; width:450px; height:100%; position:absolute; top:0; left:0; z-index:1; background:#fff; transform:skew(-30deg, 0);} */ /* .header:after {content:""; display:block; position:absolute; top:0; left:450px; border-left:50px solid #fff; border-bottom:86px solid transparent; z-index:1;} */ .-header-row {flex-wrap:nowrap;} .header > .container-fluid {position:relative; z-index:2;} .-header-logotype-col {position:relative;} .-header-logotype-col:before {content:""; display:block; width:calc(100% + 200px); height:94px; position:absolute; top:-34px; left:-230px; z-index:1; /*background:#fff; */ transform:skew(-30deg, 0);} .header__logotype {position:relative; z-index:2; width:390px;} .avilon__logo {padding-left:15px; margin-left:15px; border-left:1px solid rgba(255,255,255,0.3);} .avilon__logo svg {width:92px; fill:#fff;} .header__menu {} .nav__list {} .nav__item {} .nav__link {color:#000; display:block; text-decoration:none; padding:38px 4px; border-bottom:4px solid transparent; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .nav__link:hover {border-color:#339586;} .nav__item+.nav__item {margin-left:30px;} .header__contacts {} .header__socials {} .header__social {text-decoration:none;} .header__social svg {fill:#fff;} .header__social+.header__social {margin-left:20px;} .header__info {padding-left:16px;} .header__callback a {color:#fff;margin: 0 10px;} .header__phone a {color:#fff; text-decoration:none;} .-secound .header {background:#000;} .modeles__menu {background:#141A20; color:#fff; position:fixed; top:0; left:0; z-index:4; width:100%; padding-top:90px; opacity:0; pointer-events:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; max-height:100vh; overflow-y:auto;} .modeles__menu__list {} .modeles__menu__item {text-decoration:none; color:#fff; padding:10px 0;} .modeles__menu__content {} .modeles__menu__title {} .modeles__menu__title span {color:#339586;} .modeles__menu__price {} .modeles__menu__image {} .modeles__menu__image img {display:block; opacity:0.6;} .modeles__menu__item:hover {color:#fff;} .modeles__menu__item:hover .modeles__menu__title {font-weight:bold;} .modeles__menu__item:hover .modeles__menu__image img {opacity:1;} .modeles__menu__item+.modeles__menu__item {border-top:1px solid rgba(255,255,255,0.2);} .modeles__menu__bigimages {height:100%; position:relative;} .modeles__menu__bigimage {height:100%; margin-right:-82px; display:none;} .modeles__menu__bigimage img {display:block; width:100%; height:100%; min-height:605px; object-fit:cover;} .modeles__menu__buttons {position:absolute; left:140px; bottom:40px; z-index:2;} .modeles__menu__buttons .btn {margin:10px 10px 0;} .-show-modeles .modeles__menu {opacity:1; pointer-events:all;} .main {} .islider {} .islider__item {position:relative;} .islider__image {position:relative; overflow:hidden;max-height: 100vh;;} .islider__image:before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; } .islider__image img {width:100%; height: 100vh; min-height:870px; object-fit:cover; object-position:bottom; display:block; width:100%; transform:scale(1.2); -webkit-transition:all 0s ease; -moz-transition:all 0s ease; -o-transition:all 0s ease; transition:all 0s ease;} .islider__image video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; object-fit: cover; } body.-ready .islider__image img {transform:scale(1); -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease;} .islider__content {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; padding:160px 80px 80px; color:#fff;} .islider__content {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; padding:160px 80px 80px; color:#fff; background:-moz-linear-gradient(-45deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 10%,rgba(0,0,0,0) 100%); background: linear-gradient(135deg, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 10%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=1 );} .islider__content__block {display:inline-block; padding:24px; /*background:rgba(0,0,0,0.6); */} .islider__title {position:relative; opacity:0; top:10px;} .islider__text {position:relative; opacity:0; top:10px;} .iinfo {overflow:hidden; background:#2A2C2E; color:#fff;background: #000; background-image: url(../i/car-bg.jpg); color: #fff; min-height: 900px;} .iinfo-swiper {width:120%; margin-left:-10%;} .iinfo-swiper-slide {} .iinfo-swiper-slide.swiper-slide-active {} .iinfo__item {} .iinfo__image {position:relative; overflow:hidden; height: 180px} .iinfo__image img {display:block; width:100%; transform:scale(1.05); -webkit-transition:all 0s ease; -moz-transition:all 0s ease; -o-transition:all 0s ease; transition:all 0s ease;} .iinfo__image:before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0.5; z-index:1; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .iinfo-swiper-slide.swiper-slide-active .iinfo__image img {transform:scale(1); -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;} .iinfo-swiper-slide.swiper-slide-active .iinfo__image:before {opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .iinfo-slider .iinfo__image{overflow: visible;} .iinfo-slider .iinfo__image:before{background: none;} .iinfo-slider .iinfo__image img{ display: block; width: 100%; transform: scale(1.05); -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; max-height: 80px; object-fit: contain; } .iinfo-slider .iinfo-swiper-slide.swiper-slide-active .iinfo__image img{ max-height: 150px; transform: scale(1); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .car-wheel img{ opacity: 0; } .iinfo__car{ opacity: 0; } .iinfo-slider .iinfo-swiper-slide.swiper-slide-active .iinfo__car{ opacity: 1; } .iinfo__content {padding:32px 0;} .iinfo__title {position:relative; top:10px; opacity:0;} .iinfo__text {line-height:2; position:relative; top:10px; opacity:0;} .iinfo__button {position:relative; top:10px; opacity:0;} .iinfo-swiper-button-prev {left:10%;} .iinfo-swiper-button-next {right:10%;} .iinfo-swiper-pagination {position:relative; bottom:0; margin-top:40px;} .ichess-content{ padding: 50px 0; background: #000; color: #fff; } .ichess-line { display: flex; } .ichess__item { width: 50%; } .ichess__content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 20px; } .ichess__item p { display: flex; justify-content: center; align-items: center; /* height: 100%; */ padding: 0 8%; } .ichess__line { border-bottom: 2px solid #339586; width: 150px; margin-top: 10%; } @media screen and (max-width: 767px){ .ichess-line { flex-wrap: wrap; } .ichess__item { width: 100%; } .ichess__item p { margin-top: 20px; } } .desctop {font-size: 12px;} .iinstock {} .iinstock__block {position:relative;} .iinstock__close {position:absolute; top:40px; right:40px; cursor:pointer;} .iinstock__close svg {width:24px; fill:#000;} .iinstock__item {border:1px solid #CECECE;} .iinstock__top {} .iinstock__image {position:relative;} .models-item-photos {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:row;} .models-item-photo {position:relative; width:100%;} .models-item-photo:after {content:''; display:block; position:absolute; left:5px; right:5px; bottom:-10px; height:1px; background:#DADADA; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .models-item-photo.-active:after {background:#525252;} .iinstock__content {padding:20px 14px 14px;} .iinstock__info {color:#868686;} .iinstock__props {} .iinstock__prop {} .iinstock__icon {flex-shrink:1; width:16px;} .iinstock__icon svg {fill:#868686; display:block; margin:0 auto;} .iinstock__icon svg[data-icon="dot"] {fill:#43C454;} .iinstock__value {padding-left:8px;} .iinstock__prop+.iinstock__prop {margin-top:12px;} .iinstock__controls {} .iinstock__price {padding:14px;} .iinstock__price > span {padding-right:8px;} .iinstock__price strike {color:#868686;} .imodeles {} .imodeles__list {} .imodeles__item {position:relative; overflow:hidden;} .imodeles__card {position:relative;} .imodeles__card:before{ content: ''; position: absolute; bottom: 0; width: 100%; height: 100%; background: rgb(2,0,36); background: linear-gradient(0deg, #1d1d1d 0%, rgba(2,0,36,0.24) 50%); z-index: 1; } .imodeles__image {width:calc(50% + 5vw);width: 100%; height: 100vh;} .imodeles__image img {display:block; width:100%; height:100vh; object-fit:cover; min-height:931px;} .imodeles__content {width:calc(50% - 5vw); position:relative; padding:80px 82px;position: absolute; padding: 80px 82px; top: 0; width: 100%; height: 100%;} .imodeles__content:before {content:""; display:block; width:10vw; height:calc(100% + 1px); background:#000; z-index:1; top:0; position:absolute; pointer-events:none;} .imodeles__title {position: absolute; right: 30%; top: 10%; z-index: 2; color: #fff;} .imodeles__title h3{ color: #fff; font-size: 32px; } .imodeles__title p{ color: #fff; font-size: 28px; padding-bottom: 20px; border-bottom: 2px solid #339586; } .imodeles__title span {/*color:#339586;*/} .imodeles__price {position: absolute; /* width: 100%; */ bottom: 5%; right: 5%; z-index: 2; margin: 0 auto; display: flex; justify-content: center; justify-content: flex-end; max-width: 80%; /* margin-left: 10%; */ flex-direction: column; align-items: center; } .imodeles__price-name { margin-bottom: 20px; color: #fff; font-size: 1.5rem; } .imodeles__price-value{ color:#339586; font-size: 3rem; } .imodeles__price.left-col{ right: unset; left: 5%; } .imodeles__props {} .imodeles__prop {padding-right:40px;} .imodeles__prop svg {fill:#339586; margin-right:8px; margin-top:-2px;} .imodeles__prop+.imodeles__prop {margin-top:8px; padding-top:8px; border-top:1px solid #EAEAEA;} .imodeles__buttons {position: absolute; bottom: 5%; left: 5%; } .imodeles__buttons .btn {margin:0 10px 10px 0;} .imodeles__item:nth-child(2n+1) {} .imodeles__item:nth-child(2n+1) .imodeles__content:before {left:-10vw; clip-path:polygon(100% 0, 100% 100%, 0 100%); shape-outside:polygon(100% 0, 100% 100%, 0 100%);} .imodeles__item:nth-child(2n) {} .imodeles__item:nth-child(2n) .imodeles__content:before {right:-10vw; clip-path:polygon(0 0, 100% 100%, 0 100%); shape-outside:polygon(0 0, 100% 100%, 0 100%);} .imodeles__item:nth-child(2n) .imodeles__image {order:2;} .imodeles__item:nth-child(2n) .imodeles__content {order:1; padding-left:162px;} .imodeles__rate{color: #fff;} .iservices {} .iservices__list {} .iservices__item {flex:1; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .iservices__item:hover {flex:2;} .iservices__image {position:relative;} .iservices__image img {height:752px; width:100%; display:block; object-fit:cover; position:relative;} .iservices__content {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.6); z-index:1; color:#fff; padding:100px 80px;} .inews {background: #000;color: #fff;} .inews-swiper-slide {height:auto;} .inews__item {text-decoration:none; color:#000; display:block;} .inews__image {position:relative; overflow:hidden;} .inews__image img {display:block; width:100%; transform:scale(1.05); -webkit-transition:all 0s ease; -moz-transition:all 0s ease; -o-transition:all 0s ease; transition:all 0s ease;} .inews-swiper-slide.swiper-slide-active .inews__image img {transform:scale(1); -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;} .inews-swiper-slide.swiper-slide-prev .inews__image img {transform:scale(1); -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;} .inews-swiper-slide.swiper-slide-next .inews__image img {transform:scale(1); -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;} .inews__content {padding:14px;} .inews__title {position:relative; top:10px; /* opacity:0; */ color:#fff;} .inews__text {position:relative; top:10px; /* opacity:0; */ color:#000;} .inews__date {position:relative; top:10px; /* opacity:0; */ color:#fff;} .inews-swiper-pagination {position:relative!important; bottom:0!important; margin-top:40px;} .inews-swiper-pagination .swiper-pagination-bullet:before {background:#2A2C2E;} .inews-swiper-pagination .swiper-pagination-bullet-active:before {background:#339586;} .inews-swiper-button-prev, .inews-swiper-button-next {top:170px; margin-top:0;} .news {} .news__item {border-left:1px solid #C6C6C6; text-decoration:none; color:#000; display:block;} .news__image {position:relative; overflow:hidden;} .news__image img {display:block; width:100%; transform:scale(1.05); -webkit-transition:all 0s ease; -moz-transition:all 0s ease; -o-transition:all 0s ease; transition:all 0s ease;} .news__content {padding:14px;} .news__title {} .news__text {color:#000;} .news__date {color:#000;} .ivisual {background:#000;} .section-visual-new {} .section-visual-new-block {position:relative; overflow:hidden;} .section-visual-new-image {} .section-visual-new-image img {display:block;} .section-visual-new-start-block {position:absolute; top:0; left:0; width:100%; height:100%;} .section-visual-new-start {position:absolute; top:0; left:0; width:100%; height:100%; padding:80px 30px;} .section-visual-new-end-block {position:absolute; top:0; left:0; height:100%; -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease; overflow:hidden; width:0;} .section-visual-new-end {position:absolute; top:0; left:0; width:100%; height:100%; padding:80px 30px; background:url(../i/pc1-салон_09.webp) no-repeat 0 0; background-size:cover;} .section-visual-new-back-text {padding:24px; display:inline-block; position:relative; background:rgba(255,255,255,0.6); backdrop-filter:blur(20px);} .section-visual-new-title {font-size:28px; min-width:300px; z-index:2; position:relative;} .section-visual-new-title .decor-red {color:#CA282B;} .section-visual-new-text {font-size:14px; margin-top:16px; min-width:300px; opacity:0; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; z-index:2; position:relative;} .section-visual-new-buttons {margin-top:32px; min-width:300px; opacity:0; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; z-index:2; position:relative;} .section-visual-new-block.active {} .section-visual-new-block.active .section-visual-new-end-block {width:100%;} .section-visual-new-block.show .section-visual-new-text {opacity:1;} .section-visual-new-block.show .section-visual-new-buttons {opacity:1;} .imap {position:relative;} .ya-map {height:570px;} .imap__block {position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;} .imap__content {padding:32px 24px; background:#fff; border:1px solid #DEDEDE; pointer-events:all;} .imap__icon {flex-shrink:1; width:32px;} .imap__icon svg {fill:#0C121C; margin-top:-1px;} .imap__text {} .imap__phone {} .imap__phone a {text-decoration:none; color:#000;} .imap__wat {} .imap__wat a {text-decoration:none; color:#000;} .page__top {position:relative;} .page__top__image {position:relative;} .page__top__image img {width:100%;max-height: 100vh; object-fit: cover; } .page__top__image:before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.3) 75%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.3) 75%,rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); } .page__top__content {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; padding-bottom:80px; color:#fff;} .page__top__title {} .page__top__title h1 {margin:0;} .page__top #navigation {margin-bottom:0;} .page__top .breadcrumbs {color:#fff;} .page__top .breadcrumbs a {color:#fff;} .page__title {margin-top:86px;} .page__title h1 {margin:0; text-transform:uppercase;} .page__title #navigation {margin-bottom:0; margin-top:16px;} .specials {} .-specials-row {--bs-gutter-y:80px;} .specials__item {border-left:1px solid #C6C6C6;} .specials__image {position:relative; overflow:hidden;} .specials__image img {display:block; width:100%; transform:scale(1.05); -webkit-transition:all 0s ease; -moz-transition:all 0s ease; -o-transition:all 0s ease; transition:all 0s ease;} .specials__content {padding:24px 12px 12px;} .specials__title {} .specials__text {opacity:0.5;} .specials__button {padding-left:8px;} .atext {} .atext__block {max-width:866px; margin:0 auto; line-height:2;} .ateam {background:#2A2C2E; color:#fff;} .ateam__title {} .ateam__item {} .ateam__image {} .ateam__image img {width:100%;} .ateam__content {line-height:2; padding:40px 32px 24px; border-left:1px solid #339586;} .ateam__name {} .ateam__position {} .ateam__text {} .contacts {} .contacts__phone {position:relative;} .contacts__phone:before {content:""; display:block; width:86px; height:30px; position:absolute; top:0px; left:0; background:url(../i/line.svg) no-repeat 50% 50%;} .contacts__phone:after {content:""; display:block; width:86px; height:30px; position:absolute; top:0px; right:0; background:url(../i/line.svg) no-repeat 50% 50%;} .contacts__phone a {color:#000; text-decoration:none;} .contacts__worktime {padding-left:40px;} .cform {} .cform__block {background:#F8F9F9;} .cform__image {height:100%;} .cform__image img {width:100%; height:100%; object-fit:cover;} .cform__form {padding:60px 32px;} .cform__form input[type="text"] {max-width:420px;} .instock {} .instock__filter {} .infilter__group {} .infilter__title {cursor:pointer; padding:10px 0; border-bottom:1px solid #C7C7C7;} .infilter__title svg {fill:#868686; transform:rotate(-90deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .active .infilter__title svg {fill:#339586; transform:rotate(0);} .infilter__block {padding:10px 0; display:none;} .infilter__list {} .infilter__item {} .infilter__checkbox {} .infilter__checkbox input {display:none;} .infilter__checkbox label {cursor:pointer;} .infilter__checkbox label:before {content:""; display:block; width:12px; height:12px; margin-right:8px; border:1px solid #585858; background:#fff; background-size:8px!important; background-position:50% 50%!important;} .infilter__checkbox input:checked+label {} .infilter__checkbox input:checked+label:before {background:url(../i/ok.svg) no-repeat 50% 50%; border-color:#585858;} .infilter__checkbox label.disabled {pointer-events:none; color:#e4e4e4!important;} .infilter__checkbox label.disabled:before {border-color:#e4e4e4!important;} .infilter__item+.infilter__item {margin-top:12px;} .infilter__group+.infilter__group {margin-top:32px;} .instock__cars {padding-left:20px;} .instock__item {} .instock__item.-fullheight {height:100%!important;} .instock__top {} .instock__image {} .instock__content {} .instock__title {border-bottom:1px solid #339586;} .instock__title a {color:#000; text-decoration:none; display:block;} .instock__title span {color:#339586;} .instock__price {} .instock__price__old {color:#868686;} .instock__price__real {color:#339586;} .instock__props {} .instock__prop {color:#868686;} .instock__icon {flex-shrink:0; width:20px; text-align:center;} .instock__icon svg {fill:#868686; display:block;} .instock__value {padding-left:8px;} .instock__prop+.instock__prop {margin-top:8px;} .car {} .cimages {max-width:717px; margin:0 auto;} .gimage-swiper-button-next {background:none!important;} .gimage-swiper-button-next svg {transform:rotate(-90deg); fill:#339586;} .gimage-swiper-button-prev {background:none!important;} .gimage-swiper-button-prev svg {transform:rotate(90deg); fill:#339586;} .gimage2-swiper-slide {position:relative;} .gimage2-swiper-slide img {width:100%;} .gimage2-swiper-slide:before {content:""; display:block; width:100%; height:100%; background:#000; position:absolute; top:0; left:0; z-index:1; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .gimage2-swiper-slide.swiper-slide-thumb-active:before {opacity:0.4;} .ccontent {padding-left:100px;} .cprice {border-bottom:1px solid #339586;} .cprice__title {color:#868686;} .cprice__price {color:#339586;} .cprops {color:#868686;} .cprops__item {} .cprops__item+.cprops__item {margin-top:8px;} .cbuttons {} .cbottom {} .cbottom__tabs {} .cbottom__tab {cursor:pointer; margin-right:80px; margin-top:8px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .cbottom__tab svg {fill:#000; transform:rotate(-90deg); margin-left:12px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .cbottom__tab.active {font-weight:bold;} .cbottom__tab.active svg {transform:rotate(0); fill:#339586;} .cbottom__content {display:none;} .cbottom__chars {} .cbottom__char {} .cbottom__char svg {width:8px; flex-shrink:0; margin-right:10px; fill:#339586;} .cbottom__char span {} .modeles {} .modeles__list {} .modeles__item {position:relative;} .modeles__image {} .modeles__image:before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:-moz-linear-gradient(left, rgba(0,0,0,1) 0.26%, rgba(0,0,0,0) 51.48%); background:-webkit-linear-gradient(left, rgba(0,0,0,1) 0.26%,rgba(0,0,0,0) 51.48%); background:linear-gradient(to right, rgba(0,0,0,1) 0.26%,rgba(0,0,0,0) 51.48%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );} .modeles__image img {width:100%;} .modeles__block {position:absolute; top:0; left:0; width:100%; color:#fff; padding:100px 0;} .modeles__content {} .modeles__title {} .modeles__title span {color:#339586;} .modeles__subtitle {} .modeles__text {} .modeles__buttons {} .modeles__buttons .btn {margin-right:30px; margin-top:16px;} .modeles__item:nth-child(2n) {} .modeles__item:nth-child(2n) .modeles__image:before {background:-moz-linear-gradient(left, rgba(0,0,0,0) 51.48%, rgba(0,0,0,1) 100%); background:-webkit-linear-gradient(left, rgba(0,0,0,0) 51.48%,rgba(0,0,0,1) 100%); background:linear-gradient(to right, rgba(0,0,0,0) 51.48%,rgba(0,0,0,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );} .mileage {position:relative; overflow:hidden;} .mileage__image {width:calc(45% + 5vw);} .mileage__image img {display:block; width:100%; height:100%; object-fit:cover;} .mileage__content {width:calc(55% - 5vw); background:#fff; position:relative; padding:80px 82px;} .mileage__content:before {content:""; display:block; width:10vw; height:calc(100% + 1px); background:#fff; z-index:1; top:0; position:absolute; pointer-events:none; left:-10vw; clip-path:polygon(100% 0, 100% 100%, 0 100%); shape-outside:polygon(100% 0, 100% 100%, 0 100%);} .mileage__title {} .mileage__title span {color:#339586;} .mileage__price {color:#339586;} .mileage__props {} .mileage__prop {padding-right:40px;} .mileage__prop svg {fill:#339586; margin-right:8px; margin-top:-2px;} .mileage__prop+.mileage__prop {margin-top:8px; padding-top:8px; border-top:1px solid #EAEAEA;} .mileage__buttons {} .mileage__buttons .btn {margin:0 10px 10px 0;} .seo__text {line-height:1.8;} .seo__text.-dark-back {background:#2A2C2E; color:#fff;} .seo__block {max-width:866px; margin:0 auto;} .seo__text.-dark-back .h2, .seo__text.-dark-back h2 {color:#fff;} .model {} .model__list {} .model__item {position:relative;} .model__image {} .model__image:before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:-moz-linear-gradient(left, rgba(0,0,0,.4) 15.84%, rgba(0,0,0,0) 91.24%); background: -webkit-linear-gradient(left, rgba(0,0,0,.4) 15.84%,rgba(0,0,0,0) 91.24%); background: linear-gradient(to right, rgba(0,0,0,.4) 15.84%,rgba(0,0,0,0) 91.24%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); } .model__image img {width:100%;} .model__block {position:absolute; top:0; left:0; width:100%; color:#fff; padding:100px 0; height:100%;} .model__block > .container {height:100%;} .model__content {} .model__title {} .model__title span {color:#339586;} .model__subtitle {} .model__text {} .model__props {text-align:left;} .model__prop {padding-right:40px;} .model__prop svg {fill:#339586; margin-right:8px; margin-top:-2px;} .model__prop+.model__prop {margin-top:8px; padding-top:8px; border-top:1px solid #EAEAEA;} .model__buttons {} .model__buttons .btn {margin-right:30px; margin-top:16px;} .model__chars {} .model__char {padding:0 24px;} .smart-filter-popup-result {display:none!important;} .infilter__slider {padding:0;} .infilter__slider__block {padding:10px 13px;} .infilter__values {margin-top:20px;} .infilter__val {} .infilter__val__title {font-size:12px; color:#B7B2B2;} .infilter__val input {height:40px; background:none; border:0; border-radius:0!important; border-bottom:1px solid #B7B2B2; padding:10px 4px;} .infilter__separator {width:40px; height:40px; margin-top:12px;} .infilter__separator svg {width:11px; height:1px; fill:#383632; flex-shrink:0;} .infilter__slider+.infilter__button {border:0; padding-top:0;} ymaps.ymaps-2-1-79-inner-panes { filter: grayscale(1); } .footer {background:#000; color:#fff; padding:16px 0;overflow: hidden;} .-footer-row {} .footer__logotype {} .logotype {} .footer .avilon__logo {border-color:rgba(255,255,255,0.3);} .footer .avilon__logo svg {fill:#fff;} .footer__menu {} .footer__menu__list {} .footer__menu__item {} .footer__menu__link {color:#fff; padding:8px 0; position:relative; text-decoration:none;} .footer__menu__link:hover {color:#fff;} .footer__menu__link:after {content:""; display:block; width:0px; height:1px; background:#fff; position:absolute; left:51%; right:51%; bottom:0; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .footer__menu__item .active .footer__menu__link:after, .footer__menu__item:hover .footer__menu__link:after {width:100%; left:0; right:0;} .footer__menu__item+.footer__menu__item {margin-left:40px;} .footer__contacts {} .footer__socials {} .footer__social {} .footer__social img {width:23px;} .footer__social svg {fill:#D3D3D3; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .footer__social:hover svg {fill:#339586;} .footer__social+.footer__social {margin-left:20px;} .footer__info {padding-left:16px;} .footer__callback {} .footer__callback a {color:#fff;} .footer__phone {margin-top:4px;} .footer__phone a {color:#fff; text-decoration:none;} .footer__adress {margin-top:2px;} .footer__bottom {opacity:0.7;} .footer__links {padding-left:110px;} .footer__link {color:#fff; text-decoration:none;} .footer__link+.footer__link {margin-left:60px;} .mobile__callback {width:50px; height:50px; background:#339586; position:fixed; top:200px; right:0; z-index:10;} .mobile__callback svg {fill:#fff; width:22px;} @media screen and (max-width: 1919px) { .header > .container-fluid {--bs-gutter-x:30px;} .nav__item+.nav__item {margin-left:20px;} } @media screen and (max-width: 1660px) { .nav__item+.nav__item {margin-left:20px;} .logotype img {width:180px;} .avilon__logo svg {width:90px;} .avilon__logo {padding:4px 0; margin-left:10px; padding-left:10px; margin-top:-2px;} .-header-logotype-col:before {left:-180px;} .imodeles__buttons {flex-wrap:wrap;} .imodeles__buttons .btn {} /* .imodeles__buttons .btn+.btn {margin-left:0; margin-top:16px;} */ .imodeles__content {padding:40px 20px;} .imodeles__item:nth-child(2n) .imodeles__content {padding-left:60px;} .imodeles__image img {min-height:931px;} .header__logotype {width:290px;} .-header-menu-col {order:10; flex:100%;} .nav__link {display:block; padding:16px 8px; font-size:18px;} .nav__item+.nav__item {margin-left:0;} .-header-row {flex-wrap:wrap;} .page__top {margin-top:86px;} .page__title {margin-top:160px;} .modeles__buttons {flex-wrap:wrap;} .modeles__menu {padding-top:130px;} } @media screen and (max-width: 1600px) { } @media screen and (max-width: 1399px) { .footer {padding:0;padding-bottom:24px;} .footer__menu {padding:24px 0; background:#30363A; margin:0 -15px;} .iservices__image img {height:420px;} .iservices__content {padding:40px 20px;} .iservices__title {font-size:28px;} .iquiz__variant {width:25%;} .islider__content {padding:90px 40px 80px;} .imodeles__item {padding-left:0;} .islider__image img {min-height:auto;} .page__top__content {padding-bottom:40px;} .ateam__name {font-size:20px;} .ateam__content {font-size:14px;} .model__char__title {font-size:20px;} .model__char__value {font-size:80px;} .model__char__text {font-size:16px;} } @media screen and (max-width: 1279px) { .imodeles__content {padding-top:0;} .modeles__menu__title {font-size:32px;} .modeles__menu__price {font-size:18px;} } @media screen and (max-width: 1199px) { .iservices__image img {height:420px;} .islider__image img {min-height:100%;} .islider__title {font-size:30px;} .islider__text {font-size:20px;} .-header-logotype-col {flex:100%;} .imodeles__top {padding-left:0; justify-content:center;} .imodeles__top .btn+.btn {margin-left:16px;} .imodeles__item {padding:0;} .imodeles__image {padding:0;} .imodeles__card {max-width:560px; margin:0 auto;} .imcalc__body__item+.imcalc__body__item {margin-left:24px;} .imodel-calc-item {font-size:16px;} .imodeles__complectations {max-width:350px; margin-left:auto; margin-right:auto;} .section__title {font-size:32px;} .iservices__image img {height:300px;} .iservices__item {flex:1!important;} .inews-swiper-button-prev, .inews-swiper-button-next {top:20%;} .section-visual-new-image img {heigth:300px;} .section-visual-new-end {padding:30px;} .section-visual-new-start {padding:30px;} .inews__title {font-size:18px;} .inews__text {font-size:14px;} .news__title {font-size:18px;} .news__text {font-size:14px;} .iinstock__prop {font-size:14px;} .iinstock__info {font-size:12px;} .nav__link {width:100%; color:#000; display:block; font-size:18px;} .menu__socials {} .menu__social svg {fill:#2C2E30;} .menu__social+.menu__social {margin-left:20px;} .-header-logotype-col:before {display:none;} .header {background:#000;} .avilon__logo svg {fill:#fff;} .header__adress br {display:none;} .avilon__logo {border-color:rgba(255,255,255,0.3);} .imodeles__card {flex-wrap:wrap; max-width:560px; margin:0 auto; padding:40px 0;} .imodeles__image {width:100%; order:10!important;} .imodeles__image img {min-height:100%;} .imodeles__content {width:100%; order:20!important; background:none; padding:0!important; margin-top:24px;} .imodeles__content:before {display:none;} .imodeles__item:nth-child(2n) {background:#efefef;} .header__logotype {width:auto;} .-header-row {flex-wrap:nowrap;} .page__top {margin-top:70px;} .contacts {text-align:center;} .contacts__phone:before {display:none;} .contacts__phone:after {display:none;} .contacts__worktime {padding-left:0;} .page__title {margin-top:70px;} .infilter__group+.infilter__group {margin-top:16px;} .modeles__block {position:relative; background:#2A2C2E; padding:40px 0; text-align:center;} .modeles__buttons {justify-content:center;} .mileage {flex-wrap:wrap;} .mileage__image {width:100%;} .mileage__content {width:100%; padding:40px 15px; text-align:center;} .mileage__buttons {justify-content:center;} .mileage__title {font-size:32px;} .model__block {position:relative; background:#2A2C2E; padding:40px 0; text-align:center;} .model__buttons {justify-content:center;} .model__image:before {display:none;} .modeles__menu {display:none;} } @media screen and (max-width: 991px) { h1, .h1 {font-size:28px;} .breadcrumbs {font-size:12px;} .imcalc__result__item {padding:30px 16px 0;} .imcalc__result__value {font-size:28px;} .imcalc__result__title {font-size:12px;} .iinfo-swiper {width:100%; margin-left:0;} .iinfo__content {padding:24px 15px;} .section__title {font-size:24px;} .iquiz__text {font-size:18px;} .section-visual-new-back-text {background:none; color:#fff; display:block; text-align:center; backdrop-filter:none;} .section-visual-new-start-block {display:none;} .section-visual-new-buttons {opacity:1;} .iservices__list {flex-wrap:wrap;} .iservices__item {flex:100%!important;} .inews-swiper-button-prev, .inews-swiper-button-next {top:15%;} .imap__block {position:relative;} .imap__content {border:0; padding:32px 0; max-width:360px; margin:0 auto;} .footer__links {padding-left:0;} .footer__bottom {text-align:center;} .islider__content {position:relative; background:#000; padding:15px 15px 40px; text-align:center!important;} .islider__content br {display:none;} .islider__content__block {padding:0;} .page__top__content {position:relative; padding-bottom:0; color:#000;} .page__top__content .container-fluid {display:flex; flex-direction:column;} .page__top__title {order:2;} .page__top .bread {order:1;} .page__top .breadcrumbs {color:#000;} .page__top .breadcrumbs a {color:#000;} .ccontent {padding:0; text-align:center;} .cbottom__tab {font-size:24px; margin-right:40px;} .page__top__button {order:3;} .modeles {margin-top:40px;} .model__chars {flex-wrap:wrap; margin-top:-80px;} .model__char {width:50%; padding-top:80px;} .model {margin-top:40px;} } @media screen and (max-width: 840px) { } @media screen and (max-width: 767px) { .btn {min-width:240px;} .header__social+.header__social {margin-left:8px;} .header__social svg {width:18px;} .header__social img {height:auto!important;} .islider__title {font-size:26px;} .imcalc__body__list {flex-wrap:wrap;} .imcalc__body__item {text-transform:unset!important; margin-top:8px;} .imcalc__results {padding:16px;} .iquiz__variant {width:50%;} .imodeles__title {font-size:30px;} .imodeles__price {font-size:20px;} .imodeles__prop {font-size:16px;} .footer__menu__item {width:100%; text-align:center;} .footer__menu__item+.footer__menu__item {margin-left:0; margin-top:24px;} .footer__menu {padding:40px 0;} .footer__logotype {justify-content:center;} #policy {width:100%;} #legalinfo {width:100%;} .model__popup {width:100%;} .ya-map {height:300px;} .page__top {margin-top:56px;} .form__text {font-size:16px;} } @media screen and (max-width: 650px) { } @media screen and (max-width: 575px) { .swiper-pagination-bullet {margin:0 6px!important;} .swiper-button-next, .swiper-button-prev {width:32px;} .swiper-button-next svg, .swiper-button-prev svg {width:12px;} .imodeles__top {flex-wrap:wrap;} .imodeles__top .btn {width:100%;} .imodeles__top .btn+.btn {margin-left:0; margin-top:8px;} .logotype img {width:120px;} .avilon__logo {margin-top:0; padding:0; padding-left:0; margin-left:8px; border:0;} .avilon__logo svg {width:67px;} .main {padding-top:55px;} /* .islider__content {padding:15px 15px 30px;} .islider__title {font-size:16px;} .islider__text {font-size:14px;} */ .islider-swiper-button-next, .islider-swiper-button-prev {display:none;} .islider-swiper-pagination {bottom:0!important;} .imodeles__content {text-align:center;} .imodeles__prop {flex-wrap:wrap; padding:10px 0; font-size:14px;} .imodeles__prop+.imodeles__prop {margin-top:0; padding-top:10px;} .imodeles__prop__icon {width:100%;} .imodeles__prop__icon svg {width:30px;} .imodeles__prop__title {width:100%; padding:12px 0;} .imodeles__prop__value {width:100%;} .imcalc__body__item {width:100%; text-align:center;} .imcalc__body__item+.imcalc__body__item {margin-left:0;} .imcalc__width {padding:0 20px;} .imcalc__result__list {flex-wrap:wrap; margin:-30px 0 0;} .imcalc__result__item {width:100%; text-align:center; padding:30px 0 0;} .imcalc__result__item:before {width:42px; height:1px; top:15px; left:calc(50% - 21px);} .imcomplectations__content {padding:24px 0;} .imcomplectations__content:before {display:none;} .imodeles-swiper-button-prev {top:70px; left:0;} .imodeles-swiper-button-next {top:70px; right:0;} .imcalc__width__item+.imcalc__width__item {margin-left:10px;} .imcalc__height__item+.imcalc__height__item {margin-left:10px;} .iinfo-swiper-button-prev {left:0; display:none;} .iinfo-swiper-button-next {right:0; display:none;} .iquiz__variant {width:100%;} .section__title {font-size:18px;} .section-visual-new-title {font-size:20px;} .inews-swiper-button-prev {left:0;} .inews-swiper-button-next {right:0;} .imap__title {font-size:24px;} .imap__content {font-size:13px;} .footer__contacts {flex-wrap:wrap;} .footer__socials {width:100%; justify-content:center;} .footer__info {width:100%; padding-left:0; text-align:center!important; margin-top:24px;} .footer__bottom {font-size:12px;} .popup {padding:16px; width:100%;} .section-visual-new-title {min-width:100%;} .section-visual-new-buttons {min-width:100%;} .iinstock__close {top:10px; right:15px;} .-checkbox-label-row {font-size:12px;} .iservices__image img {height:220px;} .imcalc__body__helper {display:none;} .header__callback a {display:flex; align-items:center; justify-content:center; width:40px; height:40px; text-decoration:none; font-size:0;} .header__info {padding-left:0;} .header__callback a svg {fill:#fff; width:22px;} .-header-logotype-col {flex:unset!important;} .header__logotype {flex-wrap:wrap; justify-content:center;} .logotype {width:100%; text-align:center;} .logotype img {width:160px;} .footer__logotype {flex-wrap:wrap; justify-content:center;} .iinfo__title {font-size:24px;} .iinfo__subtitle {font-size:12px;} .iinfo__text {font-size:14px;} .imodeles__buttons {justify-content:center;} .imodeles__card {padding:0 0 40px;} .imodeles__content {padding:0 15px!important;} .btn {width:100%;} .btn-primary:before {/*transform:skew(-15deg, 0);*/} .btn-secondary:before {/*transform:skew(-15deg, 0);*/} .imodeles__buttons .btn {margin-right:0; width:100%;} .footer__link {width:100%; display:block;} .footer__link+.footer__link {margin-left:0; margin-top:8px;} .page__top {margin-top:0;} .ateam__content {padding:24px 16px 16px;} .cform__form {padding:24px 16px;} .form__text {font-size:14px;} .-contacts-row {font-size:18px;} .page__title {margin-top:0;} .cprops {font-size:16px;} .cbottom__tab {font-size:13px; width:100%; margin:0;} .cbottom__tab svg {width:12px;} .cbottom__tab+.cbottom__tab {margin-top:12px;} .modeles__content {font-size:16px;} .mileage__content {font-size:16px;} .modeles__buttons .btn {margin-right:0; width:100%;} .model__chars {margin-top:-40px;} .model__char {width:100%; padding-top:40px;} .model__char__value {font-size:60px;} .model__buttons .btn {margin-right:0; width:100%;} .model__title {font-size:28px;} .model__content {font-size:16px;} } @media screen and (max-width: 480px) { } @media screen and (max-width: 379px) { } @media screen and (max-width: 409px) { } @media screen and (min-width: 576px) { } @media screen and (max-height: 800px) { } @media screen and (max-height: 650px) { } .nav__item .dropdown {position:relative;} .header__menu-content {position:absolute; top:100%; left:-16px; width:200px; z-index:1; display: none; pointer-events:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .header__menu-sub {background:#212021; padding: 20px} .header__menu-sub-item {} .header__menu-sub-item a {display:block; color: #fff} .header__menu-sub-item+.header__menu-sub-item {margin-top:16px;} .nav__item:hover .header__menu-content {display: block; pointer-events:all;} .service-title {margin-bottom:30px;} .service-models {display:flex; flex-wrap:wrap; margin:0 -40px 60px -40px;} .service-model {display:block; width:calc(33.33% - 80px); margin:40px 40px 0 40px; text-align:center;} .service-model-image {overflow:hidden;} .service-model-image img {display:block; width:100%; transition:0.5s ease all;} .service-model-title {display:flex; align-items:center; justify-content:center; padding:13px; border:1px solid #339586;} .service-model:hover .service-model-image img {transform:scale(1.1);} .service-model:hover .service-model-title {background:#339586; color:#fff;} .services-list {display:flex; flex-wrap:wrap; margin:0 -40px 60px -40px;} .services-item {position:relative; width:calc(33.33% - 80px); margin:40px 40px 0 40px;} .services-item-image {display:block; overflow:hidden;} .services-item-image img {display:block; width:100%; transition:0.5s ease all;} .services-item:hover .services-item-image img {transform:scale(1.1);} .services-item-title {display:flex; justify-content:space-between; align-items:center; padding:13px 20px; border:1px solid #339586; cursor:pointer;} .services-item-title:after {content:''; display:block; width:10px; height:10px; background:url(../img/arrow_blue.svg) center center no-repeat;} .services-item:hover .services-item-title:after {background:url(../img/arrow_bottom.svg) center center no-repeat;} .services-item:hover .services-item-title {background:#339586;} .services-item:hover .services-item-title a {color:#fff;} .services-item ul {display:none; list-style-type:none; position:absolute; left:0; right:0; top:100%; margin:0; padding:13px 20px; z-index:11; background:#fafafa; border:1px solid #339586; border-top:none; font-size:13px;} .services-item:hover ul {display:block;} .services-item ul li {display:block;} .services-item ul li a {display:block; padding:1px 0;} .services-item ul li a:hover {color:#339586; text-decoration:underline;} .service-list {display:flex; flex-wrap:wrap; margin:0 -40px 60px -40px;} .service-item {display:flex; align-items:center; justify-content:center; width:calc(33.33% - 80px); margin:40px 40px 0 40px; padding:13px; border:1px solid #339586; text-align:center;} .service-item:hover {background:#339586; color:#fff;} .service-detail-text {margin-bottom:40px;} .service-detail-table {margin-bottom:40px;} @media screen and (max-width: 992px) { .services-list, .service-list { margin: 0; margin-top: 20px; margin-bottom: 20px; } .services-item, .service-item { margin: 10px; width: 44%; } .services-item-title { padding: 10px; min-height: 70px; } .flex-wrap-mob{ flex-wrap: wrap; } } .header__left { width: auto; display: flex; align-items: center; gap: 30px; margin: 0; padding: 0; } .header__right { width: auto; margin: 0; padding: 0; display: flex; align-items: center; gap: 30px; } a.logotype img, a.avilon__logo svg { max-width: 130px; max-height: 20px; width: auto; height: auto; } .header > .container-fluid { display: flex; height: auto; justify-content: center; } header .-header-row { width: 100%; height: auto; padding: 20px 0; } .header__contacts { display: flex; flex-direction: column; align-items: flex-end; } .header__callback a { margin: 0; background: #fff; color: #333; text-decoration: none; font-size: 18px; padding: 10px 16px; border-radius: 50px; transition: all .5s ease; } .header__callback a:hover { background: #339586; color: #fff; } .header__callback.-fs-28 { display: flex; } .footer__contacts { padding-right: 25px; } span.auto__delivery { display: flex; flex-direction: column; align-items: center; } span.auto__delivery > a { text-decoration: none; } span.auto__delivery .btn { min-width: 250px; padding: 10px 20px; border: 1px solid #009688; text-decoration: none; color: white; margin-bottom: 10px; text-align: center; border-radius: 0; } .instock__credit { display: none; } .btn:hover { background: #009688 !important; border-color: #009688 !important; } .btn-check:focus+.btn, .btn:focus { box-shadow: none !important; background-color: #009688; border-color: #009688; } .btn-check:active+.btn, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:active { background-color: #009688 !important; border-color: #009688 !important; } @media screen and (max-width: 768px) { a.logotype img, a.avilon__logo svg { max-width: 80px; } .header__left { gap: 14px; } .header__callback a span { display: none; } .header__callback a { padding: 0; background: transparent; } .header__contacts { display: none; } }