html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
}
input[type=submit] {
-webkit-appearance: none;
}
img {
border: 0;
max-width: 100%;
}
ul._list {
margin-bottom: 20px;
}
ul._list li {
background: url("../img/li-bg.svg") no-repeat 0 2px;
padding-left: 35px;
margin-bottom: 20px;
}
ul._list li:last-child {
margin-bottom: 0;
}
input, textarea, select {
outline: none;
}
textarea {
resize: none;
overflow: hidden;
}
a {
text-decoration: underline;
cursor: pointer;
}
a:hover {
text-decoration: none;
-webkit-transition: all 0.2s ease 0.05s;
transition: all 0.2s ease 0.05s;
}
a:active,
a:focus,
a:focus-within,
a:target,
a:visited,
a:focus-visible {
outline: none;
}
hr {
margin: 0;
height: 0;
}
textarea, input[type=text], input[type=button], input[type=submit] {
-webkit-appearance: none;
border-radius: 0;
}
p {
line-height: 1.4;
margin-bottom: 22px;
}
button:focus {
outline: 0;
}
*, *:before, *:after {
box-sizing: border-box;
}
sup {
font-size: 75%;
top: -0.5em;
position: relative;
}
.c-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 577px) {
.c-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.c-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.c-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.c-container {
max-width: 1140px;
}
}
@media (min-width: 1300px) {
.c-container {
max-width: 1280px;
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1700px) {
.c-container {
max-width: 1640px;
}
}
.c-container-fluid {
max-width: 2560px;
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
position: relative;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BoldCondIt.eot");
src: local("Myriad Pro Bold Condensed Italic"), local("MyriadPro-BoldCondIt"), url("../fonts/MyriadPro-BoldCondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldCondIt.woff") format("woff"), url("../fonts/MyriadPro-BoldCondIt.ttf") format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BlackIt.eot");
src: local("Myriad Pro Black Italic"), local("MyriadPro-BlackIt"), url("../fonts/MyriadPro-BlackIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BlackIt.woff") format("woff"), url("../fonts/MyriadPro-BlackIt.ttf") format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-LightIt.eot");
src: local("Myriad Pro Light Italic"), local("MyriadPro-LightIt"), url("../fonts/MyriadPro-LightIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-LightIt.woff") format("woff"), url("../fonts/MyriadPro-LightIt.ttf") format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BlackCond.eot");
src: local("Myriad Pro Black Condensed"), local("MyriadPro-BlackCond"), url("../fonts/MyriadPro-BlackCond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BlackCond.woff") format("woff"), url("../fonts/MyriadPro-BlackCond.ttf") format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-Cond.eot");
src: local("Myriad Pro Condensed"), local("MyriadPro-Cond"), url("../fonts/MyriadPro-Cond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Cond.woff") format("woff"), url("../fonts/MyriadPro-Cond.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-Bold.eot");
src: local("Myriad Pro Bold"), local("MyriadPro-Bold"), url("../fonts/MyriadPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Bold.woff") format("woff"), url("../fonts/MyriadPro-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BoldIt.eot");
src: local("Myriad Pro Bold Italic"), local("MyriadPro-BoldIt"), url("../fonts/MyriadPro-BoldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldIt.woff") format("woff"), url("../fonts/MyriadPro-BoldIt.ttf") format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BoldSemiCnIt.eot");
src: local("Myriad Pro Bold SemiCondensed Italic"), local("MyriadPro-BoldSemiCnIt"), url("../fonts/MyriadPro-BoldSemiCnIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldSemiCnIt.woff") format("woff"), url("../fonts/MyriadPro-BoldSemiCnIt.ttf") format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-CondIt.eot");
src: local("Myriad Pro Condensed Italic"), local("MyriadPro-CondIt"), url("../fonts/MyriadPro-CondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-CondIt.woff") format("woff"), url("../fonts/MyriadPro-CondIt.ttf") format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-LightCond.eot");
src: local("Myriad Pro Light Condensed"), local("MyriadPro-LightCond"), url("../fonts/MyriadPro-LightCond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-LightCond.woff") format("woff"), url("../fonts/MyriadPro-LightCond.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-SemiCn.eot");
src: local("Myriad Pro SemiCondensed"), local("MyriadPro-SemiCn"), url("../fonts/MyriadPro-SemiCn.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiCn.woff") format("woff"), url("../fonts/MyriadPro-SemiCn.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-SemiCnIt.eot");
src: local("Myriad Pro SemiCondensed Italic"), local("MyriadPro-SemiCnIt"), url("../fonts/MyriadPro-SemiCnIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiCnIt.woff") format("woff"), url("../fonts/MyriadPro-SemiCnIt.ttf") format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BoldCond.eot");
src: local("Myriad Pro Bold Condensed"), local("MyriadPro-BoldCond"), url("../fonts/MyriadPro-BoldCond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldCond.woff") format("woff"), url("../fonts/MyriadPro-BoldCond.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-LightSemiExtIt.eot");
src: local("Myriad Pro Light SemiExtended Italic"), local("MyriadPro-LightSemiExtIt"), url("../fonts/MyriadPro-LightSemiExtIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-LightSemiExtIt.woff") format("woff"), url("../fonts/MyriadPro-LightSemiExtIt.ttf") format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-Black.eot");
src: local("Myriad Pro Black"), local("MyriadPro-Black"), url("../fonts/MyriadPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Black.woff") format("woff"), url("../fonts/MyriadPro-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-Regular.eot");
src: local("Myriad Pro Regular"), local("MyriadPro-Regular"), url("../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Regular.woff") format("woff"), url("../fonts/MyriadPro-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-LightSemiCn.eot");
src: local("Myriad Pro Light SemiCondensed"), local("MyriadPro-LightSemiCn"), url("../fonts/MyriadPro-LightSemiCn.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-LightSemiCn.woff") format("woff"), url("../fonts/MyriadPro-LightSemiCn.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BlackCondIt.eot");
src: local("Myriad Pro Black Condensed Italic"), local("MyriadPro-BlackCondIt"), url("../fonts/MyriadPro-BlackCondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BlackCondIt.woff") format("woff"), url("../fonts/MyriadPro-BlackCondIt.ttf") format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-LightCondIt.eot");
src: local("Myriad Pro Light Condensed Italic"), local("MyriadPro-LightCondIt"), url("../fonts/MyriadPro-LightCondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-LightCondIt.woff") format("woff"), url("../fonts/MyriadPro-LightCondIt.ttf") format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-LightSemiExt.eot");
src: local("Myriad Pro Light SemiExtended"), local("MyriadPro-LightSemiExt"), url("../fonts/MyriadPro-LightSemiExt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-LightSemiExt.woff") format("woff"), url("../fonts/MyriadPro-LightSemiExt.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BlackSemiCnIt.eot");
src: local("Myriad Pro Black SemiCondensed Italic"), local("MyriadPro-BlackSemiCnIt"), url("../fonts/MyriadPro-BlackSemiCnIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BlackSemiCnIt.woff") format("woff"), url("../fonts/MyriadPro-BlackSemiCnIt.ttf") format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-SemiboldCondIt.eot");
src: local("Myriad Pro Semibold Condensed Italic"), local("MyriadPro-SemiboldCondIt"), url("../fonts/MyriadPro-SemiboldCondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiboldCondIt.woff") format("woff"), url("../fonts/MyriadPro-SemiboldCondIt.ttf") format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BoldSemiExtIt.eot");
src: local("Myriad Pro Bold SemiExtended Italic"), local("MyriadPro-BoldSemiExtIt"), url("../fonts/MyriadPro-BoldSemiExtIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldSemiExtIt.woff") format("woff"), url("../fonts/MyriadPro-BoldSemiExtIt.ttf") format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BlackSemiExtIt.eot");
src: local("Myriad Pro Black SemiExtended Italic"), local("MyriadPro-BlackSemiExtIt"), url("../fonts/MyriadPro-BlackSemiExtIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BlackSemiExtIt.woff") format("woff"), url("../fonts/MyriadPro-BlackSemiExtIt.ttf") format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-SemiboldSemiExtIt.eot");
src: local("Myriad Pro Semibold SemiExtended Italic"), local("MyriadPro-SemiboldSemiExtIt"), url("../fonts/MyriadPro-SemiboldSemiExtIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiboldSemiExtIt.woff") format("woff"), url("../fonts/MyriadPro-SemiboldSemiExtIt.ttf") format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-LightSemiCnIt.eot");
src: local("Myriad Pro Light SemiCondensed Italic"), local("MyriadPro-LightSemiCnIt"), url("../fonts/MyriadPro-LightSemiCnIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-LightSemiCnIt.woff") format("woff"), url("../fonts/MyriadPro-LightSemiCnIt.ttf") format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BoldSemiCn.eot");
src: local("Myriad Pro Bold SemiCondensed"), local("MyriadPro-BoldSemiCn"), url("../fonts/MyriadPro-BoldSemiCn.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldSemiCn.woff") format("woff"), url("../fonts/MyriadPro-BoldSemiCn.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-SemiboldSemiCnIt.eot");
src: local("Myriad Pro Semibold SemiCondensed Italic"), local("MyriadPro-SemiboldSemiCnIt"), url("../fonts/MyriadPro-SemiboldSemiCnIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiboldSemiCnIt.woff") format("woff"), url("../fonts/MyriadPro-SemiboldSemiCnIt.ttf") format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-SemiboldIt.eot");
src: local("Myriad Pro Semibold Italic"), local("MyriadPro-SemiboldIt"), url("../fonts/MyriadPro-SemiboldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiboldIt.woff") format("woff"), url("../fonts/MyriadPro-SemiboldIt.ttf") format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-It.eot");
src: local("Myriad Pro Italic"), local("MyriadPro-It"), url("../fonts/MyriadPro-It.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-It.woff") format("woff"), url("../fonts/MyriadPro-It.ttf") format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BoldSemiExt.eot");
src: local("Myriad Pro Bold SemiExtended"), local("MyriadPro-BoldSemiExt"), url("../fonts/MyriadPro-BoldSemiExt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldSemiExt.woff") format("woff"), url("../fonts/MyriadPro-BoldSemiExt.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-Light.eot");
src: local("Myriad Pro Light"), local("MyriadPro-Light"), url("../fonts/MyriadPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Light.woff") format("woff"), url("../fonts/MyriadPro-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-SemiExtIt.eot");
src: local("Myriad Pro SemiExtended Italic"), local("MyriadPro-SemiExtIt"), url("../fonts/MyriadPro-SemiExtIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiExtIt.woff") format("woff"), url("../fonts/MyriadPro-SemiExtIt.ttf") format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BlackSemiCn.eot");
src: local("Myriad Pro Black SemiCondensed"), local("MyriadPro-BlackSemiCn"), url("../fonts/MyriadPro-BlackSemiCn.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BlackSemiCn.woff") format("woff"), url("../fonts/MyriadPro-BlackSemiCn.ttf") format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-BlackSemiExt.eot");
src: local("Myriad Pro Black SemiExtended"), local("MyriadPro-BlackSemiExt"), url("../fonts/MyriadPro-BlackSemiExt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BlackSemiExt.woff") format("woff"), url("../fonts/MyriadPro-BlackSemiExt.ttf") format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-SemiExt.eot");
src: local("Myriad Pro SemiExtended"), local("MyriadPro-SemiExt"), url("../fonts/MyriadPro-SemiExt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiExt.woff") format("woff"), url("../fonts/MyriadPro-SemiExt.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MyriadPro-Semibold.eot");
src: local("Myriad Pro Semibold"), local("MyriadPro-Semibold"), url("../fonts/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Semibold.woff") format("woff"), url("../fonts/MyriadPro-Semibold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
body {
font-family: "Myriad Pro", sans-serif;
font-size: 16px;
font-weight: 400;
height: auto;
margin: 0 auto;
background: #fff;
color: #101820;
line-height: normal;
max-width: 2560px;
min-height: 100vh;
display: flex;
flex-direction: column;
}
@media (max-width: 1199px) {
body {
font-size: 14px;
}
}
main {
flex-grow: 1;
overflow-x: hidden;
}
body.overflow main {
overflow-x: unset;
}
sup {
font-size: 75%;
}
picture {
display: flex;
flex-direction: column;
height: 100%;
}
strong {
font-weight: 700;
}
a {
color: inherit;
transition: 0.25s;
}
a:hover {
color: #ce2e43;
transition: 0.25s;
}
.section-title {
font-size: 40px;
line-height: 1.2;
margin-bottom: 15px;
}
@media (max-width: 1499px) {
.section-title {
font-size: 35px;
}
}
@media (max-width: 1199px) {
.section-title {
font-size: 30px;
}
}
@media (max-width: 767px) {
.section-title {
font-size: 25px;
}
}
@media (max-width: 576px) {
.section-title {
font-size: 24px;
}
}
.section-subtitle {
font-size: 24px;
margin-bottom: 15px;
}
@media (max-width: 1199px) {
.section-subtitle {
font-size: 20px;
}
}
@media (max-width: 576px) {
.section-subtitle {
font-size: 18px;
}
}
.page-form__title {
font-size: 36px;
margin-bottom: 30px;
}
.page-form__subtitle {
margin-bottom: 30px;
flex-grow: 1;
}
@media (max-width: 1399px) {
.page-form__title {
font-size: 30px;
}
}
@media (max-width: 1199px) {
.page-form__title {
font-size: 25px;
}
}
.page-btn {
position: relative;
color: #2F3738;
line-height: 1;
text-align: center;
text-decoration: none !important;
padding: 10px 15px;
min-height: 60px;
outline: none;
cursor: pointer;
border: 1px solid transparent;
border-radius: 0;
font-size: 18px;
font-weight: normal;
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
transition: 0.25s;
}
@media (max-width: 767px) {
.page-btn {
font-size: 16px;
}
}
.page-btn._primary {
border-color: #101820;
background-color: #101820;
color: #fff;
}
.page-btn._secondary {
border-color: #A7A8A9;
background-color: #A7A8A9;
color: #fff;
}
.page-btn._red {
border-color: #EE2737;
background-color: #EE2737;
color: #fff;
}
.page-btn._black {
border-color: #1E1E1E;
background-color: #1E1E1E;
color: #fff;
}
.page-btn._transparent {
background-color: transparent;
border-color: #fff;
}
.page-btn._white {
background-color: #fff;
color: #101820;
border-color: #101820;
}
.page-btn:active {
box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3019607843) inset;
}
.page-btn:hover, .page-btn:active {
color: #fff;
background-color: #c5212e;
border-color: #c5212e;
}
._nowrap {
white-space: nowrap;
}
._uppercase {
text-transform: uppercase;
}
._text-accent {
color: #101820;
}
._text-white {
color: #fff;
}
._text-grey1 {
color: #BDBDBD;
}
._text-grey2 {
color: #828282;
}
._text-blue {
color: #39AEB2;
}
._text-red {
color: #D20C1C;
}
._bg-lightgrey {
background-color: #EDEDED;
}
._text-center {
text-align: center;
}
._rel {
position: relative;
}
._w100 {
width: 100%;
}
input[type=number] {
-moz-appearance: textfield;
}
input[type=checkbox] {
display: none;
}
input[type=checkbox] + label,
input[type=checkbox] + span {
padding-left: 30px;
position: relative;
cursor: pointer;
}
input[type=checkbox] + label:before,
input[type=checkbox] + span:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border-radius: 0;
border: 1px solid rgba(255, 255, 255, 0.5);
flex-shrink: 0;
}
input[type=checkbox] + label:hover:before,
input[type=checkbox] + span:hover:before {
border-color: #fff;
}
input[type=checkbox]:checked + span:before,
input[type=checkbox]:checked + label:before {
background-color: #ce2e43;
border-color: #ce2e43;
background-image: url("../img/ico-check.svg");
background-size: 10px 10px;
background-repeat: no-repeat;
background-position: 50% 50%;
}
@media (min-width: 500px) {
._show-499 {
display: none !important;
}
}
@media (max-width: 499px) {
._hide-499 {
display: none !important;
}
}
@media (min-width: 768px) {
._show-767 {
display: none !important;
}
}
@media (max-width: 767px) {
._hide-767 {
display: none !important;
}
}
@media (min-width: 992px) {
._show-991 {
display: none !important;
}
}
@media (max-width: 991px) {
._hide-991 {
display: none !important;
}
}
@media (min-width: 1200px) {
._show-1199 {
display: none !important;
}
}
@media (max-width: 1199px) {
._hide-1199 {
display: none !important;
}
}
@media (min-width: 1300px) {
._show-1299 {
display: none !important;
}
}
@media (max-width: 1299px) {
._hide-1299 {
display: none !important;
}
}
@media (min-width: 992px) {
.toTop {
position: fixed;
right: 100px;
bottom: 100px;
cursor: pointer;
z-index: 50;
display: none;
border-radius: 50%;
-webkit-transition: 0.25s;
transition: 0.25s;
}
.toTop:hover {
-webkit-transition: 0.25s;
transition: 0.25s;
}
.toTop:hover svg circle {
fill: transparent;
}
.toTop.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
}
}
@media (max-width: 991px) {
.toTop.active {
height: 0;
width: 0;
display: none;
}
}
header.header {
margin-bottom: 64px;
}
@media (max-width: 1199px) {
header.header {
margin-bottom: 50px;
}
}
.page-form .modal-input--label,
.page-form .label-agreement {
color: #A7A8A9;
}
body.overflow {
height: 100vh;
overflow: hidden;
}
@media (min-width: 620px) {
.modal-dialog.modal-sm {
width: 600px;
}
}
.modal {
overflow: hidden;
opacity: 0;
position: fixed;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(101.43deg, rgba(0, 0, 0, 0.24) -5.15%, rgba(0, 0, 0, 0.04) 104.36%);
backdrop-filter: blur(8px);
}
.modal .close {
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
width: 24px;
height: 24px;
opacity: 0.6;
transition: 0.25s;
}
.modal .close:hover {
opacity: 1;
transition: 0.25s;
}
.modal-dialog {
position: absolute;
left: 50%;
top: -100%;
transform: translateX(-50%);
height: auto;
width: calc(100vw - 30px);
background-color: #101820;
color: #CACACA;
transition: 0.25s;
}
@media (min-width: 1150px) {
.modal-dialog {
max-width: 1000px;
width: 100%;
}
}
.modal.modal-open {
display: block;
overflow: visible;
opacity: 1;
z-index: 100;
transition: 0.25s;
}
.modal.modal-open .modal-dialog {
top: 75px;
transition: 0.25s ease-in-out;
transition-delay: 0.25s;
}
@media (max-width: 1399px) {
.modal.modal-open .modal-dialog {
top: 60px;
}
}
.modal.modal-open .modal-dialog.modal-sm {
top: 50%;
transform: translate(-50%, -50%);
}
.modal-header {
padding: 20px 30px 0 30px;
border: 0;
margin-bottom: 30px;
}
@media (max-width: 991px) {
.modal-header {
margin-bottom: 15px;
}
}
@media (max-width: 499px) {
.modal-header {
padding: 15px 15px 0 15px;
}
}
.modal-body {
padding: 0 60px 40px 60px;
}
@media (max-width: 499px) {
.modal-body {
padding: 0 15px 50px 15px;
}
}
.modal-title {
font-size: 30px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
margin-bottom: 31px;
text-align: center;
}
@media (max-width: 649px) {
.modal-title {
font-size: 30px;
margin-bottom: 30px;
}
}
@media (max-width: 499px) {
.modal-title {
font-size: 20px;
margin-bottom: 20px;
}
}
.modal-subtitle {
font-size: 16px;
}
@media (max-width: 767px) {
.modal-subtitle {
font-size: 14px;
}
}
.modal-text {
padding-top: 15px;
}
.modal-button {
display: flex;
justify-content: center;
position: relative;
}
.modal-button button:disabled {
transition: none;
}
.modal-form {
margin-top: 19px;
}
@media (max-width: 991px) {
.modal-form {
margin-top: 10px;
}
}
.modal-form--wrap {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.modal-input {
width: 100%;
}
.modal-input input {
width: 100%;
border: 1px solid rgba(16, 24, 32, 0.3);
padding: 20px 15px;
border-radius: 0;
background: #fff;
font-size: 16px;
transition: 0.25s;
}
.modal-input input:hover, .modal-input input:focus {
border-color: #101820;
transition: 0.25s;
}
.modal-input input::placeholder {
color: rgba(16, 24, 32, 0.5);
transition: 0.25s;
}
.modal-input input.error {
border-color: red;
}
.modal-input--label {
font-size: 14px;
margin-bottom: 4px;
}
.modal-check {
display: flex;
align-items: flex-start;
font-size: 14px;
font-weight: 300;
margin-top: 15px;
}
@media (max-width: 650px) {
.modal-check {
font-size: 14px;
}
}
@media (max-width: 499px) {
.modal-check {
font-size: 12px;
}
}
.modal-check.trembling {
animation: 1.2s ease-in-out 0s normal none running trembling-animation;
}
.js-btn-submit.js-disabled:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
z-index: 10;
}
.label-agreement {
display: flex;
align-items: flex-start;
}
.label-agreement a {
text-decoration: none;
}
.label-agreement a:hover {
text-decoration: underline;
}
label:hover span:before {
border-color: #fff;
}
@media (max-width: 499px) {
.modal-dialog.modal-sm .modal-body {
padding: 0 15px 30px 15px;
}
}
@keyframes trembling-animation {
0%, 50%, 100% {
transform: scale(1);
}
10%, 30% {
transform: scale(1.1);
}
20%, 40% {
transform: scale(1);
}
}
/*start menu-top*/
@media (max-width: 1199px) {
body.menu-show {
overflow: hidden;
}
body.menu-show .menu-top {
background-color: #fff;
}
body.menu-show .menu-top--nav {
height: calc(100vh - 50px);
right: 0;
overflow-y: auto;
transition: 0.25s;
}
body.menu-show .menu-top--nav-overlay:before {
width: calc(100vw - 350px);
transition: 0.3s;
transition-delay: 0.2s;
}
}
.menu-top {
height: 64px;
padding: 0 30px;
position: fixed;
width: 100vw;
z-index: 20;
left: 0;
top: 0;
display: flex;
justify-content: center;
background-color: #fff;
transition: 0.15s;
}
.menu-top.menu-shrink {
height: 60px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
background-color: #fff;
transition: 0.4s;
}
@media (max-width: 1199px) {
.menu-top.menu-shrink {
height: 50px;
}
}
@media (max-width: 1199px) {
.menu-top {
height: 50px;
padding: 0 15px 0 27px;
}
}
@media (max-width: 576px) {
.menu-top {
padding: 0 3px 0 15px;
}
}
.menu-top--wrap {
width: 100%;
max-width: 1640px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 0;
transition: 0.25s;
}
@media (max-width: 1399px) {
.menu-top--wrap {
max-width: 100%;
}
}
@media (max-width: 1199px) {
.menu-top--wrap {
align-items: center;
}
}
.menu-top--logo {
display: flex;
align-items: center;
}
@media (max-width: 1199px) {
.menu-top--logo {
align-items: center;
padding: 0 0 0 15px;
}
}
.menu-top--logo ._dealer {
font-size: 20px;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
padding-left: 26px;
max-width: 145px;
position: relative;
}
.menu-top--logo ._dealer:before {
content: "";
position: absolute;
left: 13px;
top: 0;
width: 2px;
height: 40px;
background-color: #EDEDED;
}
@media (max-width: 576px) {
.menu-top--logo ._dealer {
font-size: 15px;
max-width: 100px;
}
.menu-top--logo ._dealer:before {
height: 20px;
top: -4px;
}
}
@media (max-width: 1199px) {
.menu-top--logo {
flex-grow: 1;
justify-content: center;
}
.menu-top--logo img {
height: 35px;
}
}
.menu-top--nav {
flex-grow: 1;
margin: 0;
display: flex;
justify-content: space-between;
flex-shrink: 0;
}
@media (max-width: 1199px) {
.menu-top--nav {
height: calc(100vh - 50px);
background-color: #fff;
display: flex;
flex-direction: column;
position: fixed;
right: -200%;
top: 50px;
width: 350px;
z-index: 11;
padding: 30px 20px;
margin: 0;
transition: 0.25s;
}
.menu-top--nav.active {
right: 0;
transition: 0.25s;
}
}
@media (max-width: 399px) {
.menu-top--nav {
width: 100vw;
}
}
@media (max-width: 1199px) {
.menu-top--nav-overlay:before {
height: calc(100vh - 50px);
background: linear-gradient(101.43deg, rgba(0, 0, 0, 0.24) -5.15%, rgba(0, 0, 0, 0.04) 104.36%);
backdrop-filter: blur(8px);
content: "";
position: fixed;
width: 0;
right: 350px;
top: 50px;
}
}
@media (max-width: 399px) {
.menu-top--nav-overlay:before {
display: none;
}
}
.menu-top--nav-links {
display: flex;
align-self: center;
justify-content: center;
flex-grow: 1;
margin-right: 30px;
}
@media (max-width: 1499px) {
.menu-top--nav-links {
margin-right: 10px;
}
}
@media (max-width: 1199px) {
.menu-top--nav-links {
display: flex;
flex-direction: column;
width: 100%;
padding-bottom: 30px;
margin-bottom: 30px;
margin-right: 0;
border-bottom: 2px solid #BDBDBD;
}
}
.menu-top--nav-links .menu-link {
padding: 5px 0;
margin: 0 20px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
position: relative;
cursor: pointer;
transition: 0.25s;
}
@media (max-width: 1699px) {
.menu-top--nav-links .menu-link {
margin: 0 15px;
}
}
@media (max-width: 1499px) {
.menu-top--nav-links .menu-link {
margin: 0 10px;
}
}
@media (max-width: 1199px) {
.menu-top--nav-links .menu-link {
padding: 15px 0;
margin: 0;
font-size: 16px;
font-weight: 600;
}
}
.menu-top--nav-links .menu-link:hover, .menu-top--nav-links .menu-link.active {
color: #ce2e43;
}
.menu-top--nav-title {
display: none;
color: #fff;
}
@media (max-width: 599px) {
.menu-top--nav-title {
display: inline-flex;
margin-bottom: 16px;
}
}
@media (max-width: 1199px) {
.menu-top--nav-buttons {
display: flex;
flex-direction: column;
align-items: center;
}
.menu-top--nav-buttons .page-btn {
margin-bottom: 25px;
width: 100%;
}
.menu-top--nav-buttons .page-btn:last-child {
margin-bottom: 0;
}
}
@media (max-width: 599px) {
.menu-top--nav-buttons {
justify-content: center;
}
}
.menu-top--contacts {
margin-right: 30px;
display: flex;
flex-direction: column;
}
.menu-top--contacts a {
font-size: 20px;
margin-bottom: 4px;
text-decoration: none;
}
.menu-top--contacts span {
font-size: 14px;
font-weight: 600;
color: #A7A8A9;
}
@media (max-width: 1399px) {
.menu-top--contacts {
display: none;
}
}
@media (max-width: 1199px) {
.menu-top--contacts {
display: inline-flex;
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.show-mob,
.js-mob-btn {
display: none;
}
}
@media (max-width: 1199px) {
.show-mob,
.js-mob-btn {
display: inline-flex;
}
}
@media (max-width: 1199px) {
.js-mob-btn {
position: relative;
flex-shrink: 0;
border: none;
background: transparent;
width: 24px;
height: 24px;
z-index: 2;
}
.js-mob-btn::before, .js-mob-btn::after {
content: "";
left: 0;
position: absolute;
display: block;
width: 100%;
height: 2px;
background: #101820;
border-radius: 2px;
}
.js-mob-btn::before {
top: 3px;
box-shadow: 0 8px 0 #101820;
transition: box-shadow 0.3s 0.15s, top 0.3s 0.15s, transform 0.3s;
}
.js-mob-btn::after {
bottom: 3px;
transition: bottom 0.3s 0.15s, transform 0.3s;
}
.js-mob-btn.active::before {
top: 11px;
transform: rotate(45deg);
box-shadow: none;
transition: box-shadow 0.15s, top 0.3s, transform 0.3s 0.15s;
}
.js-mob-btn.active::after {
bottom: 11px;
transform: rotate(-45deg);
transition: bottom 0.3s, transform 0.3s 0.15s;
}
}
@media (max-width: 767px) {
body.menu-show {
overflow: hidden;
}
body.menu-show .menu-top--nav {
right: 0;
overflow-y: auto;
height: calc(100vh - 50px);
transition: 0.25s;
}
body.menu-show .menu-top--nav-overlay:before {
width: calc(100vw - 350px);
transition: 0.3s;
transition-delay: 0.2s;
}
}
.menu-top--button {
display: flex;
flex-direction: column;
}
.menu-top--button ._callback {
min-height: 40px;
font-size: 14px;
padding: 5px 15px;
font-weight: 600;
display: flex;
align-items: center;
}
.menu-top--button ._callback svg {
margin-left: 10px;
}
@media (max-width: 1199px) {
.menu-top--button {
margin-bottom: 30px;
}
.menu-top--button .page-btn {
width: 100%;
}
}
.menu-top--mobile-phone {
display: none;
}
@media (max-width: 1199px) {
.menu-top--mobile-phone {
display: flex;
padding: 12px;
flex-shrink: 0;
}
}
/*end menu-top*/
/*start section-top*/
@media (max-width: 991px) {
.section-top {
background-color: #101820;
display: flex;
flex-direction: column-reverse;
}
.section-top > ._rel {
position: static;
}
}
.section-top__point {
display: flex;
justify-content: center;
position: relative;
}
.section-top__wrap {
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
position: absolute;
left: calc(50% - 820px);
top: 100px;
z-index: 2;
}
@media (max-width: 1699px) {
.section-top__wrap {
left: calc(50% - 640px);
}
}
@media (max-width: 1299px) {
.section-top__wrap {
left: calc(50% - 550px);
}
}
@media (max-width: 1199px) {
.section-top__wrap {
left: calc(50% - 460px);
top: 50px;
}
}
@media (max-width: 991px) {
.section-top__wrap {
left: 27px;
bottom: 50px;
flex-direction: column;
top: 30px;
}
}
@media (max-width: 576px) {
.section-top__wrap {
left: 15px;
}
}
@media (max-width: 449px) {
.section-top__wrap {
bottom: 100px;
}
}
.section-top__title {
color: #fff;
font-size: 100px;
display: flex;
flex-direction: column;
line-height: 1.2;
}
.section-top__title span {
font-size: 60px;
}
@media (max-width: 1699px) {
.section-top__title {
font-size: 85px;
}
}
@media (max-width: 1499px) {
.section-top__title {
font-size: 70px;
}
.section-top__title span {
font-size: 50px;
}
}
@media (max-width: 1299px) {
.section-top__title {
font-size: 60px;
}
.section-top__title span {
font-size: 40px;
}
}
@media (max-width: 1199px) {
.section-top__title {
font-size: 45px;
}
.section-top__title span {
font-size: 30px;
}
}
@media (max-width: 450px) {
.section-top__title {
font-size: 10vw;
}
.section-top__title span {
font-size: 7vw;
}
}
.section-top__form {
color: #fff;
max-width: 500px;
padding: 40px;
background: rgba(16, 24, 32, 0.5);
display: flex;
flex-direction: column;
justify-content: space-between;
position: absolute;
right: 0;
top: 16vh;
z-index: 2;
}
@media (max-width: 1499px) {
.section-top__form {
top: 50px;
}
}
@media (max-width: 991px) {
.section-top__form {
position: static;
max-width: 100%;
background: none;
padding: 30px 0;
}
.section-top__form .feedback-form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
flex-direction: column;
}
.section-top__form .feedback-form .modal-form--wrap,
.section-top__form .feedback-form .modal-button {
width: calc(50% - 5px);
}
.section-top__form .feedback-form .modal-check {
width: 100%;
justify-content: center;
}
}
@media (max-width: 767px) {
.section-top__form {
padding-bottom: 40px;
}
.section-top__form .feedback-form {
flex-direction: column;
align-items: stretch;
}
.section-top__form .feedback-form .modal-form--wrap {
margin-bottom: 15px;
}
.section-top__form .feedback-form .modal-form--wrap,
.section-top__form .feedback-form .modal-button {
width: 100%;
}
}
.section-top__form ._header {
/*max-width: 380px;*/
text-align: center;
margin-bottom: 20px;
}
.section-top__form ._header .section-title {
/*max-width: 360px;*/
text-align: center;
}
@media (max-width: 991px) {
.section-top__form ._header {
max-width: unset;
margin-bottom: 10px;
}
.section-top__form ._header .section-title {
max-width: unset;
}
}
@media (max-width: 767px) {
.section-top__form ._header {
margin-bottom: 0;
}
}
.section-top__form .label-agreement a {
color: #A7A8A9;
text-decoration: underline;
}
.section-top__form .label-agreement a:hover {
text-decoration: none;
}
.top-slider .owl-item {
position: relative;
}
.top-slider .owl-item:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: linear-gradient(90deg, rgba(16, 24, 32, 0.7) 1.08%, rgba(30, 30, 30, 0) 97.69%);
z-index: 1;
}
@media (max-width: 991px) {
.top-slider .owl-item:before {
height: 50%;
background: linear-gradient(180deg, rgba(16, 24, 32, 0.7) 1.08%, rgba(30, 30, 30, 0) 97.69%);
}
}
.top-slider .owl-item picture {
width: 100%;
}
.top-slider .owl-item img {
min-height: 870px;
max-height: calc(100vh - 60px);
display: block;
object-fit: cover;
object-position: 0 50%;
}
@media (max-width: 1499px) {
.top-slider .owl-item img {
min-height: 650px;
}
}
@media (max-width: 991px) {
.top-slider .owl-item img {
min-height: auto;
}
}
@media (max-width: 767px) {
.top-slider .owl-item img {
min-height: 400px;
}
}
@media (max-width: 576px) {
.top-slider .owl-item img {
object-position: 50% 50%;
}
}
.top-slider .owl-dots {
position: absolute;
left: calc(50% - 820px);
bottom: 35px;
}
@media (max-width: 1699px) {
.top-slider .owl-dots {
left: calc(50% - 640px);
}
}
@media (max-width: 1299px) {
.top-slider .owl-dots {
left: calc(50% - 550px);
}
}
@media (max-width: 1199px) {
.top-slider .owl-dots {
left: calc(50% - 460px);
}
}
@media (max-width: 991px) {
.top-slider .owl-dots {
left: 27px;
bottom: 25px;
}
}
@media (max-width: 576px) {
.top-slider .owl-dots {
left: 15px;
bottom: 15px;
}
}
.top-slider .owl-dots .owl-dot span {
width: 100px;
height: 3px;
border-radius: 3px;
margin: 0 5px;
}
@media (max-width: 991px) {
.top-slider .owl-dots .owl-dot span {
width: 75px;
margin: 0 5px;
}
}
@media (max-width: 576px) {
.top-slider .owl-dots .owl-dot span {
width: 15vw;
}
}
.top-slider .owl-dots .owl-dot.active span {
background-color: #EE2737;
}
.top-slider .owl-dots .owl-dot:first-child span {
margin-left: 0;
}
.top-slider .owl-dots .owl-dot:last-child span {
margin-right: 0;
}
/*end section-top*/
/*start color-select*/
section.color-select {
padding: 100px 0 50px;
background: url("../img/logo-bg.svg") no-repeat 50% 50px;
}
@media (max-width: 1399px) {
section.color-select {
padding: 60px 0 30px;
background-position: 50% 10px;
}
}
@media (max-width: 1099px) {
section.color-select {
background-position: 0 10px;
background-size: contain;
}
}
@media (max-width: 576px) {
section.color-select {
padding: 40px 0 20px;
background-position: 0 25px;
}
}
.models-color--dot-bg {
width: 100%;
height: 100%;
display: inline-flex;
border-radius: 50%;
position: relative;
}
.models-color--dot-bg[data-color=black] {
background-color: #000;
}
.models-color--dot-bg[data-color=white] {
background-color: #fff;
}
.models-color--dot-bg[data-color=brown] {
background-color: #502C15;
}
.models-color--dot-bg[data-color=grey] {
background-color: #101820;
}
.models-color--dot-bg[data-color=silver] {
background-color: #404853;
}
.models-color {
display: flex;
flex-direction: column;
align-items: center;
}
.images-wrap {
position: relative;
min-height: 500px;
min-width: 1000px;
z-index: 3;
display: flex;
}
@media (max-width: 1199px) {
.images-wrap {
min-width: 100%;
min-height: 450px;
}
}
@media (max-width: 991px) {
.images-wrap {
min-height: 350px;
}
}
@media (max-width: 767px) {
.images-wrap {
min-height: 250px;
}
}
@media (max-width: 576px) {
.images-wrap {
min-height: 50vw;
}
}
.images-wrap picture {
align-items: center;
}
.images-wrap img {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: 0.5s;
}
.images-wrap .models-color--image.active img {
opacity: 1;
}
.models-color--dots {
display: flex;
position: relative;
z-index: 3;
background: rgba(207, 193, 174, 0.2);
border-radius: 50px;
}
.models-color--dots-wrap {
display: flex;
flex-direction: column;
padding-left: 50px;
}
@media (max-width: 991px) {
.models-color--dots-wrap {
padding-left: 0;
padding-bottom: 30px;
}
}
.models-color--dots-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 25px;
}
@media (max-width: 499px) {
.models-color--dots-title {
margin-bottom: 15px;
}
}
.models-color--dot {
width: 40px;
height: 40px;
margin: 4px 5px;
cursor: pointer;
position: relative;
border-radius: 50%;
flex-shrink: 0;
}
.models-color--dot:before {
content: "";
position: absolute;
left: -19px;
top: -15px;
width: 76px;
height: 68px;
z-index: -1;
}
.models-color--dot.active {
border: 1px solid #fff;
border-radius: 50%;
}
.models-color--dot.active:before {
background: url("../img/dot-active.svg") no-repeat 50% 50%;
z-index: inherit;
}
body.overflow .models-slider {
z-index: -1;
}
.clock-models {
padding-top: 60px;
margin-bottom: -230px;
}
@media (max-width: 991px) {
.clock-models {
width: 400px;
padding-top: 20px;
margin-bottom: -170px;
}
}
@media (max-width: 767px) {
.clock-models {
margin-bottom: -160px;
}
}
@media (max-width: 576px) {
.clock-models {
width: 72vw;
margin-bottom: -27vw;
}
}
/*end color-select*/
/*start configuration*/
section.configuration {
padding: 100px 0;
}
@media (max-width: 1399px) {
section.configuration {
padding: 70px 0;
}
}
@media (max-width: 576px) {
section.configuration {
padding: 50px 0;
}
}
.configuration__list {
display: flex;
width: 100%;
overflow-x: auto;
padding: 40px 0 10px;
cursor: grab;
}
@media (max-width: 576px) {
.configuration__list {
padding-top: 0;
}
}
@media (min-width: 1240px) {
.configuration__list input::-webkit-outer-spin-button,
.configuration__list input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.configuration__list::-webkit-scrollbar {
height: 8px;
}
.configuration__list::-webkit-scrollbar-track {
background: #EDEDED;
border-radius: 4px;
}
.configuration__list::-webkit-scrollbar-thumb {
background: var(--card-accent-color);
border-radius: 4px;
}
.configuration__list::-moz-selection {
color: var(--card-accent-color);
background: #EDEDED;
}
.configuration__list::selection {
color: var(--card-accent-color);
background: #EDEDED;
}
.configuration__list:focus, .configuration__list:active {
cursor: grabbing;
}
}
.configuration__point {
width: calc(33.3333333333% - 10px);
margin: 5px;
border: 1px solid #A7A8A9;
padding: 20px;
flex-shrink: 0;
}
@media (max-width: 1199px) {
.configuration__point {
padding: 20px 10px;
}
}
@media (max-width: 991px) {
.configuration__point {
width: calc(50% - 10px);
}
}
@media (max-width: 767px) {
.configuration__point {
width: 300px;
margin: 0 10px 0 0;
}
}
@media (max-width: 349px) {
.configuration__point {
width: 270px;
}
}
.configuration-slider__image {
position: relative;
}
.configuration-slider__image ._label {
position: absolute;
left: 0;
top: 0;
padding: 9px 11px;
font-size: 14px;
background-color: transparent;
opacity: 0;
transition: 0.25s;
transition-delay: 0.5s;
}
.configuration-slider__image ._label-red {
background-color: #EE2737;
color: #fff;
}
.configuration-slider__image ._label-green {
background-color: #43A9A6;
color: #fff;
}
.configuration-slider__image ._label-blue {
background-color: #2F5DB4;
color: #fff;
}
.configuration-slider .owl-nav [class*=owl-] {
padding: 0;
}
.configuration-slider .owl-nav .owl-prev {
left: 0;
}
.configuration-slider .owl-nav .owl-next {
right: 0;
}
.configuration-slider .owl-item.active ._label {
opacity: 1;
}
.configuration__point__info ._head {
margin-bottom: 30px;
}
.configuration__point__info ._head-logo {
margin-bottom: 15px;
}
.configuration__point__info ._head-logo img {
display: block;
}
.configuration__point__info ._head-wrap {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
@media (max-width: 1299px) {
.configuration__point__info ._head-wrap {
flex-direction: column;
align-items: flex-start;
}
}
.configuration__point__info ._name {
font-size: 40px;
text-transform: uppercase;
font-weight: 600;
line-height: 1;
}
@media (max-width: 1699px) {
.configuration__point__info ._name {
font-size: 32px;
}
}
@media (max-width: 1299px) {
.configuration__point__info ._name {
margin-bottom: 15px;
}
}
.configuration__point__info ._profit {
font-size: 28px;
}
@media (max-width: 1699px) {
.configuration__point__info ._profit {
font-size: 21px;
}
}
.configuration__point__info ._profit ._text-red {
font-weight: 600;
}
.configuration__point__info ._options {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
@media (max-width: 1299px) {
.configuration__point__info ._options {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.configuration__point__info ._options {
margin-bottom: 20px;
}
}
@media (max-width: 1299px) {
.configuration__point__info ._options-list {
margin-bottom: 20px;
}
}
.configuration__point__info ._options-point {
display: flex;
margin-bottom: 5px;
}
.configuration__point__info ._options-point span {
color: #A7A8A9;
font-weight: 100;
width: 85px;
}
@media (max-width: 1699px) {
.configuration__point__info ._options-advantages {
width: 50%;
}
}
@media (max-width: 1299px) {
.configuration__point__info ._options-advantages {
width: auto;
}
}
.configuration__point__info ._options-advantages ._point {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.243 15.3141L5 11.0701L6.414 9.65615L9.243 12.4841L14.899 6.82715L16.314 8.24215L9.243 15.3141Z' fill='%23EE2737'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 11C0 4.925 4.925 0 11 0C17.075 0 22 4.925 22 11C22 17.075 17.075 22 11 22C4.925 22 0 17.075 0 11ZM11 20C9.8181 20 8.64778 19.7672 7.55585 19.3149C6.46392 18.8626 5.47177 18.1997 4.63604 17.364C3.80031 16.5282 3.13738 15.5361 2.68508 14.4442C2.23279 13.3522 2 12.1819 2 11C2 9.8181 2.23279 8.64778 2.68508 7.55585C3.13738 6.46392 3.80031 5.47177 4.63604 4.63604C5.47177 3.80031 6.46392 3.13738 7.55585 2.68508C8.64778 2.23279 9.8181 2 11 2C13.3869 2 15.6761 2.94821 17.364 4.63604C19.0518 6.32387 20 8.61305 20 11C20 13.3869 19.0518 15.6761 17.364 17.364C15.6761 19.0518 13.3869 20 11 20Z' fill='%23EE2737'/%3E%3C/svg%3E%0A");
background-position: 0 0;
background-repeat: no-repeat;
padding: 3px 0 3px 30px;
margin-bottom: 10px;
}
.configuration__point__info ._options-advantages ._point:last-child {
margin-bottom: 0;
}
.configuration__point__buttons .page-btn {
margin-bottom: 10px;
}
.configuration__point__buttons .page-btn:last-child {
margin-bottom: 0;
}
/*end configuration*/
/*start description*/
section.description {
padding: 60px 0;
}
@media (max-width: 1399px) {
section.description {
padding: 50px 0;
}
}
@media (max-width: 576px) {
section.description {
padding: 40px 0;
}
}
.description__list {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.description__list {
flex-direction: column;
margin-bottom: 0;
}
}
.description__list:last-child {
margin-bottom: 0;
}
.description__list:nth-child(even) {
flex-direction: row-reverse;
}
@media (max-width: 991px) {
.description__list:nth-child(even) {
flex-direction: column;
}
}
.description__card {
padding: 20px;
background-color: #fff;
display: flex;
}
@media (max-width: 1199px) {
.description__card {
padding: 15px;
}
}
@media (max-width: 991px) {
.description__card {
margin: 0 0 15px 0;
}
}
.description__card._w33 {
width: calc(33.3333333333% - 10px);
flex-direction: column;
}
@media (max-width: 991px) {
.description__card._w33 {
width: 100%;
}
}
.description__card._w33 ._about {
margin-top: 10px;
}
.description__card._w66 {
width: calc(66.6666666667% - 10px);
}
.description__card._w66 ._about {
margin-left: 20px;
align-self: center;
}
@media (max-width: 1699px) {
.description__card._w66 ._image {
width: 60%;
}
}
@media (max-width: 991px) {
.description__card._w66 {
width: 100%;
}
}
@media (max-width: 767px) {
.description__card._w66 {
flex-direction: column;
}
.description__card._w66 ._image {
width: 100%;
}
.description__card._w66 ._about {
margin-left: 0;
margin-top: 10px;
}
}
.description__card ._image {
flex-shrink: 0;
}
.description__card ._image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.description__card ._about-title {
font-size: 30px;
font-weight: 600;
margin-bottom: 10px;
}
@media (max-width: 1699px) {
.description__card ._about-title {
font-size: 25px;
}
}
@media (max-width: 991px) {
.description__card ._about-title {
font-size: 21px;
}
}
.description__card ._about-text {
line-height: 1.5;
}
/*end description*/
/*start choice-model*/
:root {
--card-accent-color: #EE2737;
}
section.choice-model {
padding: 50px 0;
}
@media (max-width: 1399px) {
section.choice-model {
padding: 40px 0;
}
}
@media (max-width: 576px) {
section.choice-model {
padding: 30px 0;
}
}
section.choice-model .section-title {
margin-bottom: 40px;
}
@media (max-width: 576px) {
section.choice-model .section-title {
margin-bottom: 30px;
}
}
.choice__result {
display: flex;
width: 100%;
overflow-x: auto;
padding: 40px 0 10px;
cursor: grab;
}
@media (max-width: 576px) {
.choice__result {
padding-top: 0;
}
}
@media (min-width: 1240px) {
.choice__result input::-webkit-outer-spin-button,
.choice__result input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.choice__result::-webkit-scrollbar {
height: 8px;
}
.choice__result::-webkit-scrollbar-track {
background: #EDEDED;
border-radius: 4px;
}
.choice__result::-webkit-scrollbar-thumb {
background: var(--card-accent-color);
border-radius: 4px;
}
.choice__result::-moz-selection {
color: var(--card-accent-color);
background: #EDEDED;
}
.choice__result::selection {
color: var(--card-accent-color);
background: #EDEDED;
}
.choice__result:focus, .choice__result:active {
cursor: grabbing;
}
}
.choice__result__point {
width: 385px;
flex-shrink: 0;
background-color: #EDEDED;
margin-right: 20px;
}
@media (max-width: 991px) {
.choice__result__point {
margin-right: 10px;
}
}
@media (max-width: 767px) {
.choice__result__point {
width: 350px;
}
}
@media (max-width: 576px) {
.choice__result__point {
width: 300px;
}
}
.choice__result__point:last-child {
margin-right: 0;
}
.choice__result__point__image {
width: 100%;
height: 240px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
@media (max-width: 991px) {
.choice__result__point__image {
height: 200px;
}
}
@media (max-width: 576px) {
.choice__result__point__image {
height: 160px;
}
}
.choice__result__point__image img {
max-height: 100%;
}
.choice__result__point__info {
padding: 15px 25px;
}
.choice__result__point__info ._model {
font-size: 40px;
text-transform: uppercase;
font-weight: 600;
}
@media (max-width: 991px) {
.choice__result__point__info ._model {
font-size: 35px;
}
}
@media (max-width: 576px) {
.choice__result__point__info ._model {
font-size: 30px;
}
}
.choice__result__point__info ._price {
font-size: 28px;
margin-bottom: 20px;
font-weight: 300;
}
.choice__result__point__info ._price strong{
text-decoration:line-through;
}
@media (max-width: 991px) {
.choice__result__point__info ._price {
font-size: 24px;
}
}
@media (max-width: 576px) {
.choice__result__point__info ._price {
font-size: 20px;
}
}
.choice__result__point__info ._price strong {
color: var(--card-accent-color);
}
.choice__result__point__info ._options {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.choice__result__point__info ._options-point {
white-space: nowrap;
margin-bottom: 10px;
margin-right: 20px;
}
.choice__result__point__info ._options-point:last-child {
margin-right: 0;
}
@media (max-width: 991px) {
.choice__result__point__info ._options-point {
white-space: normal;
}
}
.choice__result__point__info ._options-point strong {
font-weight: normal;
}
.choice__result__point__info ._options-point span {
color: #A7A8A9;
font-weight: 100;
margin-right: 20px;
}
.choice__result__point__buttons {
padding: 15px 12px;
}
.choice__result__point__buttons .page-btn {
margin-bottom: 10px;
}
.choice-model__filter input[type=radio] {
display: inline-block;
opacity: 0;
width: 0;
position: absolute;
z-index: -100;
}
.choice-model__filter input[type=radio] + span {
cursor: pointer;
display: inline-flex;
position: relative;
}
.choice-model__filter input[type=radio] + span:hover {
background-color: #EDEDED;
}
.choice-model__filter input[type=radio]:checked + span {
background-color: #EDEDED;
color: var(--card-accent-color);
}
.choice-model-wrap {
position: relative;
min-height: 60px;
}
.choice-model__filter {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
@media (max-width: 576px) {
.choice-model__filter {
position: static;
margin-bottom: 15px;
width: 100%;
}
}
.choice-form {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 991px) {
.choice-form {
justify-content: space-between;
}
}
@media (max-width: 576px) {
.choice-form {
flex-direction: column;
align-items: stretch;
}
}
.choice-model__select {
display: flex;
flex-direction: column;
width: calc(33.3333333333% - 5px);
z-index: 5;
position: relative;
transition: 0.25s;
}
@media (max-width: 991px) {
.choice-model__select {
width: calc(33.3333333333% - 5px);
}
}
@media (max-width: 576px) {
.choice-model__select {
width: 100%;
margin-bottom: 5px;
}
}
.choice-model__select:last-child {
margin-right: 0;
}
.choice-model__select:hover {
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.choice-model__select._active {
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.choice-model__select__title {
font-size: 18px;
padding: 16px 45px 16px 20px;
background-color: #fff;
border-bottom: 1px solid #ededed;
cursor: pointer;
position: relative;
width: 100%;
height: 60px;
display: flex;
align-items: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
@media (max-width: 1299px) {
.choice-model__select__title {
font-size: 16px;
}
}
.choice-model__select__title:before {
position: absolute;
right: 20px;
top: 18px;
display: block;
width: 12px;
height: 12px;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right: 2px solid var(--card-accent-color);
border-bottom: 2px solid var(--card-accent-color);
-webkit-transition: 0.25s;
transition: 0.25s;
}
.choice-model__select__list {
position: absolute;
left: 0;
top: 60px;
width: 100%;
background-color: #fff;
color: #30363A;
padding: 0 10px 10px 10px;
display: none;
z-index: 12;
max-height: 300px;
overflow-y: auto;
scrollbar-width: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 576px) {
.choice-model__select__list {
position: static;
}
}
.choice-model__select__list .no-results-text {
font-size: 14px;
color: #EE2737;
margin-top: -5px;
}
.choice-model__select__list label {
display: block;
}
.choice-model__select__list span {
padding: 10px;
font-size: 14px;
margin-bottom: 2px;
width: 100%;
}
.choice-model__select__list input[type=search] {
width: 100%;
border: 0;
border-bottom: 1px solid rgba(48, 54, 58, 0.3);
padding: 10px 10px 10px 40px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='122.879px' height='119.799px' viewBox='0 0 122.879 119.799' enable-background='new 0 0 122.879 119.799' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.033v0.04 h-0.007c-0.005,5.557-0.917,10.905-2.594,15.892c-0.281,0.837-0.575,1.641-0.877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307 l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971 l-0.011,0.016l-0.175,0.203l-0.035,0.035l-0.146,0.16l-0.016,0.021c-1.565,1.642-3.654,2.534-5.78,2.646 c-2.097,0.111-4.247-0.54-5.971-1.978l-0.015-0.011l-0.204-0.175l-0.029-0.024L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765 c-1.233,0.755-2.51,1.466-3.813,2.115c-6.699,3.342-14.269,5.222-22.272,5.222v0.007h-0.016v-0.007 c-13.799-0.004-26.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.033v-0.016h0.007 c0.004-13.799,5.601-26.296,14.645-35.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.016 h-0.033V11.21c-10.686,0.007-20.372,4.35-27.384,11.359C15.56,29.578,11.213,39.274,11.21,49.973h0.007v0.016v0.033H11.21 c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.016h0.033v0.007 c10.686-0.007,20.368-4.348,27.382-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.016v-0.033h0.006 c-0.006-10.686-4.35-20.372-11.358-27.384C70.396,15.56,60.703,11.213,50.004,11.21L50.004,11.21z' fill='%2330363a' fill-opacity='0.5'/%3E%3C/g%3E%3C/svg%3E");
background-position: 10px 50%;
background-repeat: no-repeat;
background-size: 18px;
margin-bottom: 10px;
position: sticky;
top: 0;
background-color: #fff;
z-index: 1;
transition: 0.25s;
}
.choice-model__select__list input[type=search]:hover, .choice-model__select__list input[type=search]:active, .choice-model__select__list input[type=search]:focus {
border-color: #101820;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='122.879px' height='119.799px' viewBox='0 0 122.879 119.799' enable-background='new 0 0 122.879 119.799' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.033v0.04 h-0.007c-0.005,5.557-0.917,10.905-2.594,15.892c-0.281,0.837-0.575,1.641-0.877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307 l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971 l-0.011,0.016l-0.175,0.203l-0.035,0.035l-0.146,0.16l-0.016,0.021c-1.565,1.642-3.654,2.534-5.78,2.646 c-2.097,0.111-4.247-0.54-5.971-1.978l-0.015-0.011l-0.204-0.175l-0.029-0.024L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765 c-1.233,0.755-2.51,1.466-3.813,2.115c-6.699,3.342-14.269,5.222-22.272,5.222v0.007h-0.016v-0.007 c-13.799-0.004-26.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.033v-0.016h0.007 c0.004-13.799,5.601-26.296,14.645-35.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.016 h-0.033V11.21c-10.686,0.007-20.372,4.35-27.384,11.359C15.56,29.578,11.213,39.274,11.21,49.973h0.007v0.016v0.033H11.21 c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.016h0.033v0.007 c10.686-0.007,20.368-4.348,27.382-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.016v-0.033h0.006 c-0.006-10.686-4.35-20.372-11.358-27.384C70.396,15.56,60.703,11.213,50.004,11.21L50.004,11.21z' fill='%2330363a' /%3E%3C/g%3E%3C/svg%3E");
}
.choice-model__select__title._active:before {
top: 26px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.choice-model__select__title._checked {
color: var(--card-accent-color);
}
/*end choice-model*/
/*start credit*/
section.credit {
padding: 60px 0;
}
@media (max-width: 1399px) {
section.credit {
padding: 40px 0;
}
}
@media (max-width: 576px) {
section.credit {
padding: 30px 0;
}
}
.credit-wrap {
display: flex;
}
@media (max-width: 991px) {
.credit-wrap {
flex-direction: column;
}
}
.credit__left {
position: relative;
flex-grow: 1;
}
.credit__left__image {
height: 100%;
min-height: 300px;
}
.credit__left__image img {
display: flex;
width: 100%;
height: 100%;
min-height: 300px;
object-fit: cover;
object-position: 0 0;
}
@media (max-width: 1699px) {
.credit__left__image img {
object-position: 77% 0;
}
}
@media (max-width: 1299px) {
.credit__left__image img {
object-position: 40% 0;
}
}
@media (max-width: 991px) {
.credit__left__image img {
object-position: inherit;
}
}
.credit__right {
color: #fff;
background: #101820;
width: 100%;
display: flex;
flex-direction: column;
padding: 60px 100px;
margin-top: 58px;
max-width: 650px;
}
@media (max-width: 1699px) {
.credit__right {
padding: 40px 30px;
margin-top: 56px;
max-width: 475px;
}
}
@media (max-width: 1299px) {
.credit__right {
margin-top: 54px;
}
}
@media (max-width: 991px) {
.credit__right {
max-width: 100%;
margin-left: 0;
margin-top: 0;
}
}
@media (max-width: 576px) {
.credit__right {
padding: 30px 15px;
}
}
.credit-form {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
padding-top: 15px;
}
.form__range {
margin-bottom: 30px;
}
.form__range__title {
font-size: 20px;
margin-bottom: 10px;
display: flex;
font-weight: 400;
justify-content: space-between;
align-items: flex-end;
}
@media (max-width: 1199px) {
.form__range__title {
font-size: 18px;
}
}
@media (max-width: 379px) {
.form__range__title {
font-size: 16px;
}
}
.form__range__current {
display: flex;
justify-content: center;
font-size: 18px;
font-weight: 600;
}
.form__range__current i {
font-size: 0.95em;
margin-left: 4px;
font-weight: 500;
}
.form__range__values {
display: flex;
justify-content: space-between;
margin-top: 5px;
font-weight: 500;
color: #BDBDBD;
}
.form__range__values i {
font-size: 0.95em;
margin-left: 4px;
}
.form__range input[type=range] {
-webkit-appearance: none;
width: 100%;
margin: 0;
background-color: transparent;
padding: 0;
border: none;
height: auto;
}
.form__range input[type=range]::-webkit-slider-runnable-track {
max-width: 100%;
height: 2px;
border: none;
background-color: #fff;
border-radius: 5px;
}
.form__range input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: 1px solid #fff;
height: 16px;
width: 34px;
border-radius: 20px;
background-color: #2B2B2B;
margin-top: -8px;
cursor: grab;
}
.form__range input[type=range]::-webkit-slider-thumb:hover {
background-color: #ce2e43;
transition: 0.25s;
}
.form__range input[type=range]::-moz-range-track {
max-width: 100%;
height: 2px;
border: none;
background-color: #fff;
border-radius: 5px;
}
.form__range input[type=range]::-moz-range-thumb {
-webkit-appearance: none;
border: 1px solid #fff;
height: 16px;
width: 34px;
border-radius: 20px;
background-color: #2B2B2B;
margin-top: -8px;
cursor: grab;
}
.credit__button {
margin: 20px 0;
}
.credit__advantages ._point {
font-size: 20px;
margin-bottom: 10px;
}
@media (max-width: 1199px) {
.credit__advantages ._point {
font-size: 18px;
}
}
.inputs-range {
display: none;
}
.credit-form .choice-model__filter {
position: relative;
margin-bottom: 30px;
}
.credit-form .choice-model__select {
width: 100%;
position: relative;
}
.credit-form .choice-model__select__list {
position: absolute;
left: 0;
top: 100%;
width: 100%;
}
.credit-form .choice-model__select__title {
background-color: #101820;
}
.credit-form .choice-model__select__list span {
background-color: #EDEDED;
color: #101820;
}
.credit-form .choice-model__filter input[type=radio] + span:hover,
.credit-form .choice-model__filter input[type=radio]:checked + span {
background-color: #A7A8A9;
}
.credit-form input {
color: #101820;
}
.tradein-check {
cursor: pointer;
}
.tradein-check input[type=checkbox] + span:before {
top: -2px;
}
/*end credit*/
/*start tradein*/
section.trade-in {
padding: 60px 0;
background-color: #fff;
}
@media (max-width: 1399px) {
section.trade-in {
padding: 40px 0;
}
}
@media (max-width: 576px) {
section.trade-in {
padding: 30px 0;
}
}
section.trade-in .section-subtitle {
margin-bottom: 50px;
}
@media (max-width: 767px) {
section.trade-in .section-subtitle {
margin-bottom: 30px;
}
}
@media (max-width: 576px) {
section.trade-in .section-subtitle {
margin-bottom: 20px;
}
}
.trade-in-wrap {
display: flex;
position: relative;
}
@media (max-width: 991px) {
.trade-in-wrap {
flex-direction: column-reverse;
}
}
.trade-in__form {
background: #EDEDED;
padding: 60px 100px;
width: 100%;
max-width: 650px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.trade-in__form ._fz18 {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.trade-in__form ._fz18 {
margin-bottom: 30px;
}
}
@media (max-width: 576px) {
.trade-in__form ._fz18 {
margin-bottom: 20px;
}
}
@media (max-width: 1699px) {
.trade-in__form {
padding: 40px 30px;
max-width: 475px;
}
}
@media (max-width: 991px) {
.trade-in__form {
max-width: 100%;
margin-left: 0;
margin-top: 0;
}
}
@media (max-width: 576px) {
.trade-in__form {
padding: 30px 15px;
}
}
@media (max-width: 991px) {
.trade-in__form {
max-width: 100%;
margin-right: 0;
}
}
.trade-in__form input[type=checkbox] + span:before {
border: 1px solid rgba(16, 24, 32, 0.5);
}
.trade-in__form input[type=checkbox] + span:hover:before {
border-color: #101820;
}
.trade-in__form label:hover span:before {
border-color: #101820;
}
.trade-in__form .page-form .modal-input--label,
.trade-in__form .page-form .label-agreement {
color: #A7A8A9;
font-weight: normal;
}
.trade-in__bg {
flex-grow: 1;
position: relative;
}
.trade-in__bg img {
display: flex;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1399px) {
.trade-in__bg img {
object-position: 30% 0;
}
}
@media (max-width: 1199px) {
.trade-in__bg img {
object-position: 20% 0;
}
}
@media (max-width: 991px) {
.trade-in__bg img {
min-height: 300px;
}
}
@media (max-width: 576px) {
.trade-in__bg img {
min-height: auto;
object-fit: cover;
height: 100%;
}
}
.trade-in__image {
position: absolute;
right: 0;
bottom: 0;
transform: translate(120px, 33%);
width: calc(100% - 650px);
}
@media (max-width: 1699px) {
.trade-in__image {
width: calc(100% - 475px);
}
}
@media (max-width: 1299px) {
.trade-in__image {
width: calc(100% - 400px);
}
}
@media (max-width: 1199px) {
.trade-in__image {
width: calc(100% - 250px);
}
}
@media (max-width: 991px) {
.trade-in__image {
bottom: unset;
top: 160px;
width: auto;
}
}
@media (max-width: 767px) {
.trade-in__image {
top: 130px;
transform: translate(50px, 25%);
}
}
@media (max-width: 576px) {
.trade-in__image {
top: 25vw;
transform: translate(50px, 25%);
}
}
/*end tradein*/
/*start test-drive*/
section.test-drive {
padding: 60px 0;
background-color: #fff;
}
@media (max-width: 1399px) {
section.test-drive {
padding: 40px 0;
}
}
@media (max-width: 576px) {
section.test-drive {
padding: 30px 0;
}
}
section.test-drive .section-subtitle {
margin-bottom: 50px;
}
@media (max-width: 991px) {
section.test-drive .section-subtitle {
margin-bottom: 30px;
}
}
@media (max-width: 576px) {
section.test-drive .section-subtitle {
margin-bottom: 20px;
}
}
@media (max-width: 991px) {
section.test-drive .section-title,
section.test-drive .section-subtitle,
section.test-drive .page-form .label-agreement {
color: #101820;
}
section.test-drive .section-title {
padding-top: 40px;
position: relative;
z-index: 1;
}
section.test-drive input[type=checkbox] + span:before {
border: 1px solid rgba(16, 24, 32, 0.5);
}
section.test-drive input[type=checkbox] + span:hover:before {
border-color: #101820;
}
section.test-drive label:hover span:before {
border-color: #101820;
}
}
@media (max-width: 576px) {
section.test-drive .section-title {
padding-top: 5vw;
}
}
.test-drive-wrap {
display: flex;
flex-direction: row-reverse;
position: relative;
}
@media (max-width: 991px) {
.test-drive-wrap {
flex-direction: column-reverse;
}
}
.test-drive__form {
background: #101820;
padding: 60px 100px;
width: 100%;
max-width: 650px;
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-around;
position: relative;
z-index: 1;
}
@media (max-width: 1699px) {
.test-drive__form {
padding: 40px 30px;
max-width: 475px;
}
}
@media (max-width: 991px) {
.test-drive__form {
position: static;
z-index: unset;
background-color: #EDEDED;
max-width: 100%;
margin-left: 0;
margin-top: 0;
}
}
@media (max-width: 576px) {
.test-drive__form {
padding: 30px 15px;
}
}
@media (max-width: 991px) {
.test-drive__form {
max-width: 100%;
margin-right: 0;
}
}
.test-drive__bg {
flex-grow: 1;
position: relative;
}
.test-drive__bg img {
display: flex;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1399px) {
.test-drive__bg img {
object-position: 30% 0;
}
}
@media (max-width: 1199px) {
.test-drive__bg img {
object-position: 20% 0;
}
}
@media (max-width: 991px) {
.test-drive__bg img {
min-height: 300px;
}
}
@media (max-width: 576px) {
.test-drive__bg img {
min-height: auto;
object-fit: cover;
height: 100%;
}
}
.test-drive__image {
position: absolute;
left: 0;
bottom: 0;
transform: translate(0, 22%);
width: calc(100% - 650px);
}
@media (max-width: 1699px) {
.test-drive__image {
width: calc(100% - 475px);
}
}
@media (max-width: 1299px) {
.test-drive__image {
width: calc(100% - 400px);
}
}
@media (max-width: 1199px) {
.test-drive__image {
width: calc(100% - 250px);
transform: translate(-100px, 25%);
}
}
@media (max-width: 991px) {
.test-drive__image {
bottom: unset;
top: 0;
width: auto;
transform: translate(0, 31%);
}
}
/*end test-drive*/
/*start promo*/
section.promo {
padding: 50px 0;
}
@media (max-width: 1399px) {
section.promo {
padding: 40px 0;
}
}
@media (max-width: 576px) {
section.promo {
padding: 30px 0;
}
}
section.promo .section-title {
position: relative;
}
.promo__card {
position: relative;
}
.promo__card__about {
color: #fff;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 499px) {
.promo__card__about {
padding: 15px;
}
}
.promo__card__about:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
}
.promo__card__about ._title,
.promo__card__about ._text,
.promo__card__about ._link {
position: relative;
}
.promo__card__about ._title {
font-size: 30px;
line-height: 1.2;
font-weight: 600;
margin-bottom: 15px;
}
@media (max-width: 1199px) {
.promo__card__about ._title {
font-size: 27px;
}
}
@media (max-width: 767px) {
.promo__card__about ._title {
font-size: 25px;
}
}
@media (max-width: 576px) {
.promo__card__about ._title {
font-size: 24px;
}
}
.promo__card__about ._text {
font-size: 20px;
}
@media (max-width: 1699px) {
.promo__card__about ._text {
font-size: 18px;
}
}
@media (max-width: 1199px) {
.promo__card__about ._text {
font-size: 17px;
}
}
@media (max-width: 576px) {
.promo__card__about ._text {
font-size: 16px;
}
}
@media (max-width: 499px) {
.promo__card__about ._text {
font-size: 14px;
}
}
.promo__card__about ._link {
font-size: 18px;
font-weight: 600;
text-decoration: none;
margin-top: 16px;
}
.promo-slider .owl-nav {
position: absolute;
right: 0;
top: 0;
transform: translateY(-100%);
}
.promo-slider .owl-nav .owl-prev {
margin-right: 50px;
}
.promo-slider .owl-nav [class*=owl-] {
position: static;
transform: none;
padding: 20px 0;
}
@media (max-width: 767px) {
.promo-slider .owl-stage {
margin-left: -40px;
}
}
@media (max-width: 459px) {
.promo-slider .owl-stage {
margin-left: -20px;
}
}
/*end promo*/
/*start advantages*/
section.advantages {
padding: 100px 0 70px;
}
@media (max-width: 1399px) {
section.advantages {
padding: 30px 0 40px;
}
}
@media (max-width: 576px) {
section.advantages {
padding: 20px 0 120px;
}
}
.advantages__list {
display: flex;
justify-content: space-between;
}
@media (max-width: 576px) {
.advantages__list {
flex-direction: column;
}
}
.advantages__list ._left,
.advantages__list ._right {
display: flex;
}
@media (max-width: 991px) {
.advantages__list ._left,
.advantages__list ._right {
flex-direction: column;
}
}
.advantages__list ._left .advantages__point:nth-child(1) {
border-color: #EDEDED;
}
.advantages__list ._left .advantages__point:nth-child(2) {
border-color: #A7A8A9;
}
.advantages__list ._right .advantages__point:nth-child(1) {
border-color: #101820;
}
.advantages__list ._right .advantages__point:nth-child(2) {
border-color: #EE2737;
}
.advantages__point {
width: 240px;
font-size: 20px;
font-weight: 600;
margin-right: 20px;
padding-top: 30px;
border-top: 8px solid transparent;
}
@media (max-width: 1699px) {
.advantages__point {
font-size: 18px;
width: 200px;
}
}
@media (max-width: 1199px) {
.advantages__point {
font-size: 16px;
width: 170px;
}
}
@media (max-width: 991px) {
.advantages__point {
padding-top: 10px;
margin-bottom: 20px;
margin-right: 0;
border-width: 5px;
}
}
@media (max-width: 576px) {
.advantages__point {
width: 100%;
border-top: 0;
border-left: 4px solid transparent;
padding-left: 15px;
padding-top: 0;
}
}
.advantages__point:last-child {
margin-right: 0;
}
@media (max-width: 991px) {
.advantages__point:last-child {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.advantages__point:last-child {
margin-bottom: 20px;
}
}
.advantages__image {
position: absolute;
left: 50%;
transform: translate(-50%, 50%);
bottom: -50px;
z-index: 2;
}
@media (max-width: 1699px) {
.advantages__image {
width: 400px;
bottom: -56px;
}
}
@media (max-width: 1399px) {
.advantages__image {
width: 400px;
bottom: -26px;
}
}
@media (max-width: 1299px) {
.advantages__image {
width: 330px;
bottom: -76px;
}
}
@media (max-width: 991px) {
.advantages__image {
width: 250px;
bottom: 15px;
}
}
@media (max-width: 767px) {
.advantages__image {
width: 200px;
bottom: -30px;
}
}
@media (max-width: 576px) {
.advantages__image {
bottom: -75px;
}
}
.advantages__image img {
width: 100%;
height: 100%;
object-fit: contain;
}
/*end advantages*/
/*start map*/
.section-map {
position: relative;
display: flex;
}
.section-map .map-wrap {
display: flex;
height: 600px;
width: 100%;
}
@media (max-width: 991px) {
.section-map .map-wrap {
height: 350px;
}
}
.section-map .map-area {
width: 100%;
height: 100%;
}
#wrapMap {
position: relative;
cursor: help;
overflow: hidden;
}
#wrapMap .mapTitle {
position: absolute;
z-index: 1000;
display: none;
padding: 5px 20px;
border-radius: 5px;
background: #fefefe;
color: #222;
}
#wrapMap.not-active:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
z-index: 1;
}
/*end map*/
/*start footer*/
.footer {
padding: 30px 0;
background-color: #fff;
}
.footer__top {
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 1px solid #F5F5F5;
padding-bottom: 20px;
}
@media (max-width: 991px) {
.footer__top {
flex-direction: column;
align-items: center;
}
}
.footer__logo {
margin-bottom: 40px;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.footer__logo {
margin-bottom: 20px;
}
}
.footer__logo ._dealer {
font-size: 12px;
font-weight: 600;
padding-left: 60px;
max-width: 220px;
position: relative;
}
.footer__logo ._dealer:before {
content: "";
position: absolute;
left: 30px;
top: 5px;
width: 1px;
height: 24px;
background-color: #363E40;
}
@media (max-width: 576px) {
.footer__logo ._dealer {
font-size: 10px;
padding-left: 20px;
max-width: 150px;
}
.footer__logo ._dealer:before {
left: 10px;
height: 20px;
top: 4px;
}
}
.footer__menu {
display: flex;
justify-content: flex-end;
}
@media (max-width: 767px) {
.footer__menu {
flex-direction: column;
align-items: center;
}
}
.footer__menu .menu-link {
color: #101820;
font-weight: 600;
text-decoration: none;
margin: 0 20px;
}
@media (max-width: 991px) {
.footer__menu .menu-link {
font-size: 14px;
margin: 0 15px;
}
}
@media (max-width: 767px) {
.footer__menu .menu-link {
font-size: 16px;
margin: 10px 0;
}
}
.footer__menu .menu-link:hover, .footer__menu .menu-link.active {
color: #ce2e43;
}
.footer__bottom {
padding-top: 20px;
font-size: 14px;
display: flex;
align-items: flex-end;
justify-content: center;
}
@media (max-width: 767px) {
.footer__bottom {
flex-direction: column-reverse;
align-items: center;
text-align: center;
}
}
.footer__bottom ._point {
text-decoration: none;
color: #A7A8A9;
margin: 0 30px;
}
.footer__bottom a._point:hover {
color: #ce2e43;
}
/*end footer*/
/*# sourceMappingURL=style.css.map */