/* compiled by scssphp v0.1.9 on Wed, 28 Oct 2026 08:37:50 +0300 (0.3858s) */
@charset "UTF-8";
/* Пути
========================================================================== */
/* Шрифты
========================================================================== */
/* Размеры шрифтов
========================================================================== */
/* Размеры экранов
========================================================================== */
/* Цвета
========================================================================== */
/* Цвета авто в наличии
========================================================================== */
/**
* Контрольные точки
*
* @type {map}
*
* @require {variable} screen-lg-min
* @require {variable} screen-md-max
* @require {variable} screen-sm-max
* @require {variable} screen-xs-max
*/
/**
* Генерация медиа-запроса
*
* @param {string} $point
*
* @require {variable} $breakpoints
*/
/**
* Исправление действия свойства vertical-align
*
* Применяется к родительскому элементу.
*
* @param {string} $align
*/
/**
* Стили для заголовков
*
* @require {variable} $h1-font-size
* @require {variable} $h1-font-size-md
* @require {variable} $h1-font-size-sm
* @require {variable} $h1-font-size-xs
* @require {mixin} breakpoint
*/
/**
* Стили для параграфов
*/
/**
* @require {variable} $p-font-size
* @require {variable} $p-font-size-md
* @require {variable} $p-font-size-sm
* @require {variable} $p-font-size-xs
* @require {mixin} breakpoint
*/
/**
* @require {variable} $p-smaller-font-size
* @require {variable} $p-smaller-font-size-md
* @require {variable} $p-smaller-font-size-sm
* @require {variable} $p-smaller-font-size-xs
* @require {mixin} breakpoint
*/
/**
* @require {variable} $p-bigger-font-size
* @require {variable} $p-bigger-font-size-md
* @require {variable} $p-bigger-font-size-sm
* @require {variable} $p-bigger-font-size-xs
* @require {mixin} breakpoint
*/
/**
* Стили для блоков главной
*/
/**
* Стилизация placeholder
*/
/**
* Управление переносом строк при разбивке содержимого на колонки
*/
/* Fonts
========================================================================== */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("/app/src/fonts/Roboto/Roboto-r.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Roboto/Roboto-r.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("/app/src/fonts/Roboto/Roboto-m.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Roboto/Roboto-m.woff") format("woff"); }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("/app/src/fonts/Roboto/Roboto-b.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Roboto/Roboto-b.woff") format("woff"); }
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
src: url("/app/src/fonts/Manrope/Manrope-Regular.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Manrope/Manrope-Regular.woff2") format("woff2"), url("/app/src/fonts/Manrope/Manrope-Regular.woff") format("woff"), url("/app/src/fonts/Manrope/Manrope-Regular.ttf") format("truetype"), url("/app/src/fonts/Manrope/Manrope-Regular.svg#Manrope") format("svg"); }
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
src: url("/app/src/fonts/Manrope/Manrope-Medium.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Manrope/Manrope-Medium.woff2") format("woff2"), url("/app/src/fonts/Manrope/Manrope-Medium.woff") format("woff"), url("/app/src/fonts/Manrope/Manrope-Medium.ttf") format("truetype"), url("/app/src/fonts/Manrope/Manrope-Medium.svg#Manrope") format("svg"); }
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
src: url("/app/src/fonts/Manrope/Manrope-Bold.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Manrope/Manrope-Bold.woff2") format("woff2"), url("/app/src/fonts/Manrope/Manrope-Bold.woff") format("woff"), url("/app/src/fonts/Manrope/Manrope-Bold.ttf") format("truetype"), url("/app/src/fonts/Manrope/Manrope-Bold.svg#Manrope") format("svg"); }
@font-face {
font-family: 'RobotoCondensed';
font-style: normal;
font-weight: 400;
src: url("/app/src/fonts/Roboto/RobotoCondensed-r.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Roboto/RobotoCondensed-r.woff") format("woff"); }
@font-face {
font-family: 'RobotoCondensed';
font-style: normal;
font-weight: 700;
src: url("/app/src/fonts/Roboto/RobotoCondensed-b.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Roboto/RobotoCondensed-b.woff") format("woff"); }
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: url("/app/src/fonts/Ubuntu/Ubuntu-r.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Ubuntu/Ubuntu-r.woff") format("woff"); }
@font-face {
font-family: 'Ruble';
font-style: normal;
font-weight: 400;
src: url("/app/src/fonts/Ruble/ruble.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Ruble/ruble.woff") format("woff"); }
@font-face {
font-family: 'ALSRubl';
font-style: normal;
font-weight: 400;
src: url("/app/src/fonts/ALSRubl/ALSRubl.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/ALSRubl/ALSRubl.woff2") format("woff2"), url("/app/src/fonts/ALSRubl/ALSRubl.woff") format("woff"), url("/app/src/fonts/ALSRubl/ALSRubl.ttf") format("truetype"); }
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 300;
src: url("/app/src/fonts/Nunito/Nunito-Light.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Nunito/Nunito-Light.woff2") format("woff2"), url("/app/src/fonts/Nunito/Nunito-Light.woff") format("woff"), url("/app/src/fonts/Nunito/Nunito-Light.ttf") format("truetype"); }
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: url("/app/src/fonts/Nunito/Nunito-Regular.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Nunito/Nunito-Regular.woff2") format("woff2"), url("/app/src/fonts/Nunito/Nunito-Regular.woff") format("woff"), url("/app/src/fonts/Nunito/Nunito-Regular.ttf") format("truetype"); }
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
src: url("/app/src/fonts/Nunito/Nunito-SemiBold.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Nunito/Nunito-SemiBold.woff2") format("woff2"), url("/app/src/fonts/Nunito/Nunito-SemiBold.woff") format("woff"), url("/app/src/fonts/Nunito/Nunito-SemiBold.ttf") format("truetype"); }
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
src: url("/app/src/fonts/Nunito/Nunito-Bold.eot?#iefix") format("embedded-opentype"), url("/app/src/fonts/Nunito/Nunito-Bold.woff2") format("woff2"), url("/app/src/fonts/Nunito/Nunito-Bold.woff") format("woff"), url("/app/src/fonts/Nunito/Nunito-Bold.ttf") format("truetype"); }
/* General
========================================================================== */
*, *::before, *::after {
box-sizing: border-box; }
html {
font-size: 100%;
-webkit-font-smoothing: antialiased; }
body {
font-family: 'Manrope', sans-serif;
color: #00162d;
font-weight: 500; }
button, input, textarea {
outline: none !important; }
input:hover, textarea:hover {
z-index: 1;
border: 1px solid #0560c0; }
input:disabled, textarea:disabled {
background: #ebebeb; }
.checkbox-svg-mark, .radio-svg-mark, .radio-svg-background, .checkbox-svg-background {
display: none; }
input.is-special {
display: none; }
input[type="checkbox"], input[type="radio"], input[type="file"] {
display: none; }
input:hover ~ * .checkbox-svg-border, input:hover ~ * .radio-svg-border {
stroke: #069abf; }
input:checked ~ * .checkbox-svg-mark, input:checked ~ * .radio-svg-mark {
display: block; }
.grecaptcha-badge {
z-index: 100; }
.Content {
margin-bottom: 60px; }
.ruble {
width: auto !important;
font-family: 'Ruble', sans-serif;
font-size: inherit;
font-weight: 400 !important;
color: inherit; }
.ALSRubl {
font-family: 'ALSRubl', sans-serif; }
.clearfix:after {
display: table;
clear: both;
content: ''; }
/**
* Typography
*/
h1 {
font-size: 32px;
line-height: 1.2;
font-weight: 800;
/**
* @media
*/
margin-bottom: 24px; }
@media screen and (max-width: 1339px) {
h1 {
font-size: 32px; } }
h1 a {
font-size: 32px;
line-height: 1.2;
font-weight: 800;
/**
* @media
*/ }
@media screen and (max-width: 1339px) {
h1 a {
font-size: 32px; } }
h2 {
font-size: 24px;
line-height: 1.4;
font-weight: 800;
/**
* @media
*/
margin-bottom: 16px; }
@media screen and (max-width: 1339px) {
h2 {
font-size: 24px; } }
h3 {
font-size: 18px;
line-height: 1.4;
font-weight: 800;
/**
* @media
*/ }
@media screen and (max-width: 1339px) {
h3 {
font-size: 18px; } }
p, a, span {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
/**
* @media
*/ }
h1, h2, h3, p, span {
color: #00162d; }
a {
color: #0560c0;
text-decoration: none;
outline: none; }
a:hover {
color: #069abf; }
a[class*="js"] {
text-decoration: inherit;
cursor: pointer; }
ul li, ol li {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
/**
* @media
*/
color: #00162d; }
*.hide {
display: none !important; }
@media screen and (max-width: 1339px) {
.Content {
margin-bottom: 36px; } }
/* Utilities, components
========================================================================== */
/**
* align-self
*/
.u-selfBaseline {
-webkit-align-self: baseline;
-moz-align-self: baseline;
align-self: baseline;
-ms-flex-item-align: baseline; }
.u-selfCenter {
-webkit-align-self: center;
-moz-align-self: center;
align-self: center;
-ms-flex-item-align: center; }
.u-selfFlexEnd {
-webkit-align-self: flex-end;
-moz-align-self: flex-end;
align-self: flex-end;
-ms-flex-item-align: end; }
.u-selfFlexStart {
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
align-self: flex-start;
-ms-flex-item-align: start; }
.u-selfStretch {
-webkit-align-self: stretch;
-moz-align-self: stretch;
align-self: stretch;
-ms-flex-item-align: stretch; }
/**
* align-items
*/
.u-itemsBaseline {
-webkit-box-align: baseline;
-moz-box-align: baseline;
box-align: baseline;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
-o-align-items: baseline;
align-items: baseline;
-ms-flex-align: baseline; }
.u-itemsCenter {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; }
.u-itemsFlexEnd {
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end; }
.u-itemsFlexStart {
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
-ms-flex-align: start; }
.u-itemsStretch {
-webkit-box-align: stretch;
-moz-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-o-align-items: stretch;
align-items: stretch;
-ms-flex-align: stretch; }
/**
* justify-content
*/
.u-justifyCenter {
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.u-justifyFlexEnd {
-webkit-box-pack: end;
-moz-box-pack: end;
box-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-o-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end; }
.u-justifyFlexStart {
-webkit-box-pack: start;
-moz-box-pack: start;
box-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start; }
.u-justifySpaceAround {
-webkit-box-pack: distribute;
-moz-box-pack: distribute;
box-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
-o-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute; }
.u-justifySpaceBetween {
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
/**
* Генерация контента утилиты
*
* @param {string} $prefix
*/
/**
* Генерация классов утилиты под все медиа-запросы
*
* @require {mixin} utilities-grid-content
* @require {mixin} breakpoint
* @require {variable} breakpoints
*/
.u-hidden {
display: none !important; }
.u-block {
display: block !important; }
.u-inline {
display: inline !important; }
.u-inlineBlock {
display: inline-block !important;
max-width: 100%; }
.u-table {
display: table !important; }
.u-tableCell {
display: table-cell !important; }
.u-tableRow {
display: table-row !important; }
@media screen and (min-width: 1340px) {
.u-lg-hidden {
display: none !important; }
.u-lg-block {
display: block !important; }
.u-lg-inline {
display: inline !important; }
.u-lg-inlineBlock {
display: inline-block !important;
max-width: 100%; }
.u-lg-table {
display: table !important; }
.u-lg-tableCell {
display: table-cell !important; }
.u-lg-tableRow {
display: table-row !important; } }
@media screen and (max-width: 1339px) {
.u-md-hidden {
display: none !important; }
.u-md-block {
display: block !important; }
.u-md-inline {
display: inline !important; }
.u-md-inlineBlock {
display: inline-block !important;
max-width: 100%; }
.u-md-table {
display: table !important; }
.u-md-tableCell {
display: table-cell !important; }
.u-md-tableRow {
display: table-row !important; } }
@media screen and (max-width: 991px) {
.u-sm-hidden {
display: none !important; }
.u-sm-block {
display: block !important; }
.u-sm-inline {
display: inline !important; }
.u-sm-inlineBlock {
display: inline-block !important;
max-width: 100%; }
.u-sm-table {
display: table !important; }
.u-sm-tableCell {
display: table-cell !important; }
.u-sm-tableRow {
display: table-row !important; } }
@media screen and (max-width: 639px) {
.u-xs-hidden {
display: none !important; }
.u-xs-block {
display: block !important; }
.u-xs-inline {
display: inline !important; }
.u-xs-inlineBlock {
display: inline-block !important;
max-width: 100%; }
.u-xs-table {
display: table !important; }
.u-xs-tableCell {
display: table-cell !important; }
.u-xs-tableRow {
display: table-row !important; } }
/**
* Генерация контента утилиты
*
* @param {number} $nominator
* @param {number} $denominator
* @param {string} $prefix
*/
/**
* Пробегаемся по колонкам
*
* @param {number} $columns
*/
/**
* Генерация классов утилиты под все медиа-запросы
*
* @param {number} $columns
*
* @require {mixin} utilities-grid-content
* @require {mixin} breakpoint
* @require {variable} breakpoints
*/
.u-size1of12 {
width: 8.33333% !important; }
.u-before1of12 {
margin-left: 8.33333% !important; }
.u-after1of12 {
margin-right: 8.33333% !important; }
.u-size2of12 {
width: 16.66667% !important; }
.u-before2of12 {
margin-left: 16.66667% !important; }
.u-after2of12 {
margin-right: 16.66667% !important; }
.u-size3of12 {
width: 25% !important; }
.u-before3of12 {
margin-left: 25% !important; }
.u-after3of12 {
margin-right: 25% !important; }
.u-size4of12 {
width: 33.33333% !important; }
.u-before4of12 {
margin-left: 33.33333% !important; }
.u-after4of12 {
margin-right: 33.33333% !important; }
.u-size5of12 {
width: 41.66667% !important; }
.u-before5of12 {
margin-left: 41.66667% !important; }
.u-after5of12 {
margin-right: 41.66667% !important; }
.u-size6of12 {
width: 50% !important; }
.u-before6of12 {
margin-left: 50% !important; }
.u-after6of12 {
margin-right: 50% !important; }
.u-size7of12 {
width: 58.33333% !important; }
.u-before7of12 {
margin-left: 58.33333% !important; }
.u-after7of12 {
margin-right: 58.33333% !important; }
.u-size8of12 {
width: 66.66667% !important; }
.u-before8of12 {
margin-left: 66.66667% !important; }
.u-after8of12 {
margin-right: 66.66667% !important; }
.u-size9of12 {
width: 75% !important; }
.u-before9of12 {
margin-left: 75% !important; }
.u-after9of12 {
margin-right: 75% !important; }
.u-size10of12 {
width: 83.33333% !important; }
.u-before10of12 {
margin-left: 83.33333% !important; }
.u-after10of12 {
margin-right: 83.33333% !important; }
.u-size11of12 {
width: 91.66667% !important; }
.u-before11of12 {
margin-left: 91.66667% !important; }
.u-after11of12 {
margin-right: 91.66667% !important; }
.u-size1of10 {
width: 10% !important; }
.u-before1of10 {
margin-left: 10% !important; }
.u-after1of10 {
margin-right: 10% !important; }
.u-size2of10 {
width: 20% !important; }
.u-before2of10 {
margin-left: 20% !important; }
.u-after2of10 {
margin-right: 20% !important; }
.u-size3of10 {
width: 30% !important; }
.u-before3of10 {
margin-left: 30% !important; }
.u-after3of10 {
margin-right: 30% !important; }
.u-size4of10 {
width: 40% !important; }
.u-before4of10 {
margin-left: 40% !important; }
.u-after4of10 {
margin-right: 40% !important; }
.u-size5of10 {
width: 50% !important; }
.u-before5of10 {
margin-left: 50% !important; }
.u-after5of10 {
margin-right: 50% !important; }
.u-size6of10 {
width: 60% !important; }
.u-before6of10 {
margin-left: 60% !important; }
.u-after6of10 {
margin-right: 60% !important; }
.u-size7of10 {
width: 70% !important; }
.u-before7of10 {
margin-left: 70% !important; }
.u-after7of10 {
margin-right: 70% !important; }
.u-size8of10 {
width: 80% !important; }
.u-before8of10 {
margin-left: 80% !important; }
.u-after8of10 {
margin-right: 80% !important; }
.u-size9of10 {
width: 90% !important; }
.u-before9of10 {
margin-left: 90% !important; }
.u-after9of10 {
margin-right: 90% !important; }
.u-size1of8 {
width: 12.5% !important; }
.u-before1of8 {
margin-left: 12.5% !important; }
.u-after1of8 {
margin-right: 12.5% !important; }
.u-size2of8 {
width: 25% !important; }
.u-before2of8 {
margin-left: 25% !important; }
.u-after2of8 {
margin-right: 25% !important; }
.u-size3of8 {
width: 37.5% !important; }
.u-before3of8 {
margin-left: 37.5% !important; }
.u-after3of8 {
margin-right: 37.5% !important; }
.u-size4of8 {
width: 50% !important; }
.u-before4of8 {
margin-left: 50% !important; }
.u-after4of8 {
margin-right: 50% !important; }
.u-size5of8 {
width: 62.5% !important; }
.u-before5of8 {
margin-left: 62.5% !important; }
.u-after5of8 {
margin-right: 62.5% !important; }
.u-size6of8 {
width: 75% !important; }
.u-before6of8 {
margin-left: 75% !important; }
.u-after6of8 {
margin-right: 75% !important; }
.u-size7of8 {
width: 87.5% !important; }
.u-before7of8 {
margin-left: 87.5% !important; }
.u-after7of8 {
margin-right: 87.5% !important; }
.u-size1of6 {
width: 16.66667% !important; }
.u-before1of6 {
margin-left: 16.66667% !important; }
.u-after1of6 {
margin-right: 16.66667% !important; }
.u-size2of6 {
width: 33.33333% !important; }
.u-before2of6 {
margin-left: 33.33333% !important; }
.u-after2of6 {
margin-right: 33.33333% !important; }
.u-size3of6 {
width: 50% !important; }
.u-before3of6 {
margin-left: 50% !important; }
.u-after3of6 {
margin-right: 50% !important; }
.u-size4of6 {
width: 66.66667% !important; }
.u-before4of6 {
margin-left: 66.66667% !important; }
.u-after4of6 {
margin-right: 66.66667% !important; }
.u-size5of6 {
width: 83.33333% !important; }
.u-before5of6 {
margin-left: 83.33333% !important; }
.u-after5of6 {
margin-right: 83.33333% !important; }
.u-size1of5 {
width: 20% !important; }
.u-before1of5 {
margin-left: 20% !important; }
.u-after1of5 {
margin-right: 20% !important; }
.u-size2of5 {
width: 40% !important; }
.u-before2of5 {
margin-left: 40% !important; }
.u-after2of5 {
margin-right: 40% !important; }
.u-size3of5 {
width: 60% !important; }
.u-before3of5 {
margin-left: 60% !important; }
.u-after3of5 {
margin-right: 60% !important; }
.u-size4of5 {
width: 80% !important; }
.u-before4of5 {
margin-left: 80% !important; }
.u-after4of5 {
margin-right: 80% !important; }
.u-size1of4 {
width: 25% !important; }
.u-before1of4 {
margin-left: 25% !important; }
.u-after1of4 {
margin-right: 25% !important; }
.u-size2of4 {
width: 50% !important; }
.u-before2of4 {
margin-left: 50% !important; }
.u-after2of4 {
margin-right: 50% !important; }
.u-size3of4 {
width: 75% !important; }
.u-before3of4 {
margin-left: 75% !important; }
.u-after3of4 {
margin-right: 75% !important; }
.u-size1of3 {
width: 33.33333% !important; }
.u-before1of3 {
margin-left: 33.33333% !important; }
.u-after1of3 {
margin-right: 33.33333% !important; }
.u-size2of3 {
width: 66.66667% !important; }
.u-before2of3 {
margin-left: 66.66667% !important; }
.u-after2of3 {
margin-right: 66.66667% !important; }
.u-size1of2 {
width: 50% !important; }
.u-before1of2 {
margin-left: 50% !important; }
.u-after1of2 {
margin-right: 50% !important; }
@media screen and (min-width: 1340px) {
.u-lg-size1of12 {
width: 8.33333% !important; }
.u-lg-before1of12 {
margin-left: 8.33333% !important; }
.u-lg-after1of12 {
margin-right: 8.33333% !important; }
.u-lg-size2of12 {
width: 16.66667% !important; }
.u-lg-before2of12 {
margin-left: 16.66667% !important; }
.u-lg-after2of12 {
margin-right: 16.66667% !important; }
.u-lg-size3of12 {
width: 25% !important; }
.u-lg-before3of12 {
margin-left: 25% !important; }
.u-lg-after3of12 {
margin-right: 25% !important; }
.u-lg-size4of12 {
width: 33.33333% !important; }
.u-lg-before4of12 {
margin-left: 33.33333% !important; }
.u-lg-after4of12 {
margin-right: 33.33333% !important; }
.u-lg-size5of12 {
width: 41.66667% !important; }
.u-lg-before5of12 {
margin-left: 41.66667% !important; }
.u-lg-after5of12 {
margin-right: 41.66667% !important; }
.u-lg-size6of12 {
width: 50% !important; }
.u-lg-before6of12 {
margin-left: 50% !important; }
.u-lg-after6of12 {
margin-right: 50% !important; }
.u-lg-size7of12 {
width: 58.33333% !important; }
.u-lg-before7of12 {
margin-left: 58.33333% !important; }
.u-lg-after7of12 {
margin-right: 58.33333% !important; }
.u-lg-size8of12 {
width: 66.66667% !important; }
.u-lg-before8of12 {
margin-left: 66.66667% !important; }
.u-lg-after8of12 {
margin-right: 66.66667% !important; }
.u-lg-size9of12 {
width: 75% !important; }
.u-lg-before9of12 {
margin-left: 75% !important; }
.u-lg-after9of12 {
margin-right: 75% !important; }
.u-lg-size10of12 {
width: 83.33333% !important; }
.u-lg-before10of12 {
margin-left: 83.33333% !important; }
.u-lg-after10of12 {
margin-right: 83.33333% !important; }
.u-lg-size11of12 {
width: 91.66667% !important; }
.u-lg-before11of12 {
margin-left: 91.66667% !important; }
.u-lg-after11of12 {
margin-right: 91.66667% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of12 {
width: 8.33333% !important; }
.u-md-before1of12 {
margin-left: 8.33333% !important; }
.u-md-after1of12 {
margin-right: 8.33333% !important; }
.u-md-size2of12 {
width: 16.66667% !important; }
.u-md-before2of12 {
margin-left: 16.66667% !important; }
.u-md-after2of12 {
margin-right: 16.66667% !important; }
.u-md-size3of12 {
width: 25% !important; }
.u-md-before3of12 {
margin-left: 25% !important; }
.u-md-after3of12 {
margin-right: 25% !important; }
.u-md-size4of12 {
width: 33.33333% !important; }
.u-md-before4of12 {
margin-left: 33.33333% !important; }
.u-md-after4of12 {
margin-right: 33.33333% !important; }
.u-md-size5of12 {
width: 41.66667% !important; }
.u-md-before5of12 {
margin-left: 41.66667% !important; }
.u-md-after5of12 {
margin-right: 41.66667% !important; }
.u-md-size6of12 {
width: 50% !important; }
.u-md-before6of12 {
margin-left: 50% !important; }
.u-md-after6of12 {
margin-right: 50% !important; }
.u-md-size7of12 {
width: 58.33333% !important; }
.u-md-before7of12 {
margin-left: 58.33333% !important; }
.u-md-after7of12 {
margin-right: 58.33333% !important; }
.u-md-size8of12 {
width: 66.66667% !important; }
.u-md-before8of12 {
margin-left: 66.66667% !important; }
.u-md-after8of12 {
margin-right: 66.66667% !important; }
.u-md-size9of12 {
width: 75% !important; }
.u-md-before9of12 {
margin-left: 75% !important; }
.u-md-after9of12 {
margin-right: 75% !important; }
.u-md-size10of12 {
width: 83.33333% !important; }
.u-md-before10of12 {
margin-left: 83.33333% !important; }
.u-md-after10of12 {
margin-right: 83.33333% !important; }
.u-md-size11of12 {
width: 91.66667% !important; }
.u-md-before11of12 {
margin-left: 91.66667% !important; }
.u-md-after11of12 {
margin-right: 91.66667% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of12 {
width: 8.33333% !important; }
.u-sm-before1of12 {
margin-left: 8.33333% !important; }
.u-sm-after1of12 {
margin-right: 8.33333% !important; }
.u-sm-size2of12 {
width: 16.66667% !important; }
.u-sm-before2of12 {
margin-left: 16.66667% !important; }
.u-sm-after2of12 {
margin-right: 16.66667% !important; }
.u-sm-size3of12 {
width: 25% !important; }
.u-sm-before3of12 {
margin-left: 25% !important; }
.u-sm-after3of12 {
margin-right: 25% !important; }
.u-sm-size4of12 {
width: 33.33333% !important; }
.u-sm-before4of12 {
margin-left: 33.33333% !important; }
.u-sm-after4of12 {
margin-right: 33.33333% !important; }
.u-sm-size5of12 {
width: 41.66667% !important; }
.u-sm-before5of12 {
margin-left: 41.66667% !important; }
.u-sm-after5of12 {
margin-right: 41.66667% !important; }
.u-sm-size6of12 {
width: 50% !important; }
.u-sm-before6of12 {
margin-left: 50% !important; }
.u-sm-after6of12 {
margin-right: 50% !important; }
.u-sm-size7of12 {
width: 58.33333% !important; }
.u-sm-before7of12 {
margin-left: 58.33333% !important; }
.u-sm-after7of12 {
margin-right: 58.33333% !important; }
.u-sm-size8of12 {
width: 66.66667% !important; }
.u-sm-before8of12 {
margin-left: 66.66667% !important; }
.u-sm-after8of12 {
margin-right: 66.66667% !important; }
.u-sm-size9of12 {
width: 75% !important; }
.u-sm-before9of12 {
margin-left: 75% !important; }
.u-sm-after9of12 {
margin-right: 75% !important; }
.u-sm-size10of12 {
width: 83.33333% !important; }
.u-sm-before10of12 {
margin-left: 83.33333% !important; }
.u-sm-after10of12 {
margin-right: 83.33333% !important; }
.u-sm-size11of12 {
width: 91.66667% !important; }
.u-sm-before11of12 {
margin-left: 91.66667% !important; }
.u-sm-after11of12 {
margin-right: 91.66667% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of12 {
width: 8.33333% !important; }
.u-xs-before1of12 {
margin-left: 8.33333% !important; }
.u-xs-after1of12 {
margin-right: 8.33333% !important; }
.u-xs-size2of12 {
width: 16.66667% !important; }
.u-xs-before2of12 {
margin-left: 16.66667% !important; }
.u-xs-after2of12 {
margin-right: 16.66667% !important; }
.u-xs-size3of12 {
width: 25% !important; }
.u-xs-before3of12 {
margin-left: 25% !important; }
.u-xs-after3of12 {
margin-right: 25% !important; }
.u-xs-size4of12 {
width: 33.33333% !important; }
.u-xs-before4of12 {
margin-left: 33.33333% !important; }
.u-xs-after4of12 {
margin-right: 33.33333% !important; }
.u-xs-size5of12 {
width: 41.66667% !important; }
.u-xs-before5of12 {
margin-left: 41.66667% !important; }
.u-xs-after5of12 {
margin-right: 41.66667% !important; }
.u-xs-size6of12 {
width: 50% !important; }
.u-xs-before6of12 {
margin-left: 50% !important; }
.u-xs-after6of12 {
margin-right: 50% !important; }
.u-xs-size7of12 {
width: 58.33333% !important; }
.u-xs-before7of12 {
margin-left: 58.33333% !important; }
.u-xs-after7of12 {
margin-right: 58.33333% !important; }
.u-xs-size8of12 {
width: 66.66667% !important; }
.u-xs-before8of12 {
margin-left: 66.66667% !important; }
.u-xs-after8of12 {
margin-right: 66.66667% !important; }
.u-xs-size9of12 {
width: 75% !important; }
.u-xs-before9of12 {
margin-left: 75% !important; }
.u-xs-after9of12 {
margin-right: 75% !important; }
.u-xs-size10of12 {
width: 83.33333% !important; }
.u-xs-before10of12 {
margin-left: 83.33333% !important; }
.u-xs-after10of12 {
margin-right: 83.33333% !important; }
.u-xs-size11of12 {
width: 91.66667% !important; }
.u-xs-before11of12 {
margin-left: 91.66667% !important; }
.u-xs-after11of12 {
margin-right: 91.66667% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of10 {
width: 10% !important; }
.u-lg-before1of10 {
margin-left: 10% !important; }
.u-lg-after1of10 {
margin-right: 10% !important; }
.u-lg-size2of10 {
width: 20% !important; }
.u-lg-before2of10 {
margin-left: 20% !important; }
.u-lg-after2of10 {
margin-right: 20% !important; }
.u-lg-size3of10 {
width: 30% !important; }
.u-lg-before3of10 {
margin-left: 30% !important; }
.u-lg-after3of10 {
margin-right: 30% !important; }
.u-lg-size4of10 {
width: 40% !important; }
.u-lg-before4of10 {
margin-left: 40% !important; }
.u-lg-after4of10 {
margin-right: 40% !important; }
.u-lg-size5of10 {
width: 50% !important; }
.u-lg-before5of10 {
margin-left: 50% !important; }
.u-lg-after5of10 {
margin-right: 50% !important; }
.u-lg-size6of10 {
width: 60% !important; }
.u-lg-before6of10 {
margin-left: 60% !important; }
.u-lg-after6of10 {
margin-right: 60% !important; }
.u-lg-size7of10 {
width: 70% !important; }
.u-lg-before7of10 {
margin-left: 70% !important; }
.u-lg-after7of10 {
margin-right: 70% !important; }
.u-lg-size8of10 {
width: 80% !important; }
.u-lg-before8of10 {
margin-left: 80% !important; }
.u-lg-after8of10 {
margin-right: 80% !important; }
.u-lg-size9of10 {
width: 90% !important; }
.u-lg-before9of10 {
margin-left: 90% !important; }
.u-lg-after9of10 {
margin-right: 90% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of10 {
width: 10% !important; }
.u-md-before1of10 {
margin-left: 10% !important; }
.u-md-after1of10 {
margin-right: 10% !important; }
.u-md-size2of10 {
width: 20% !important; }
.u-md-before2of10 {
margin-left: 20% !important; }
.u-md-after2of10 {
margin-right: 20% !important; }
.u-md-size3of10 {
width: 30% !important; }
.u-md-before3of10 {
margin-left: 30% !important; }
.u-md-after3of10 {
margin-right: 30% !important; }
.u-md-size4of10 {
width: 40% !important; }
.u-md-before4of10 {
margin-left: 40% !important; }
.u-md-after4of10 {
margin-right: 40% !important; }
.u-md-size5of10 {
width: 50% !important; }
.u-md-before5of10 {
margin-left: 50% !important; }
.u-md-after5of10 {
margin-right: 50% !important; }
.u-md-size6of10 {
width: 60% !important; }
.u-md-before6of10 {
margin-left: 60% !important; }
.u-md-after6of10 {
margin-right: 60% !important; }
.u-md-size7of10 {
width: 70% !important; }
.u-md-before7of10 {
margin-left: 70% !important; }
.u-md-after7of10 {
margin-right: 70% !important; }
.u-md-size8of10 {
width: 80% !important; }
.u-md-before8of10 {
margin-left: 80% !important; }
.u-md-after8of10 {
margin-right: 80% !important; }
.u-md-size9of10 {
width: 90% !important; }
.u-md-before9of10 {
margin-left: 90% !important; }
.u-md-after9of10 {
margin-right: 90% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of10 {
width: 10% !important; }
.u-sm-before1of10 {
margin-left: 10% !important; }
.u-sm-after1of10 {
margin-right: 10% !important; }
.u-sm-size2of10 {
width: 20% !important; }
.u-sm-before2of10 {
margin-left: 20% !important; }
.u-sm-after2of10 {
margin-right: 20% !important; }
.u-sm-size3of10 {
width: 30% !important; }
.u-sm-before3of10 {
margin-left: 30% !important; }
.u-sm-after3of10 {
margin-right: 30% !important; }
.u-sm-size4of10 {
width: 40% !important; }
.u-sm-before4of10 {
margin-left: 40% !important; }
.u-sm-after4of10 {
margin-right: 40% !important; }
.u-sm-size5of10 {
width: 50% !important; }
.u-sm-before5of10 {
margin-left: 50% !important; }
.u-sm-after5of10 {
margin-right: 50% !important; }
.u-sm-size6of10 {
width: 60% !important; }
.u-sm-before6of10 {
margin-left: 60% !important; }
.u-sm-after6of10 {
margin-right: 60% !important; }
.u-sm-size7of10 {
width: 70% !important; }
.u-sm-before7of10 {
margin-left: 70% !important; }
.u-sm-after7of10 {
margin-right: 70% !important; }
.u-sm-size8of10 {
width: 80% !important; }
.u-sm-before8of10 {
margin-left: 80% !important; }
.u-sm-after8of10 {
margin-right: 80% !important; }
.u-sm-size9of10 {
width: 90% !important; }
.u-sm-before9of10 {
margin-left: 90% !important; }
.u-sm-after9of10 {
margin-right: 90% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of10 {
width: 10% !important; }
.u-xs-before1of10 {
margin-left: 10% !important; }
.u-xs-after1of10 {
margin-right: 10% !important; }
.u-xs-size2of10 {
width: 20% !important; }
.u-xs-before2of10 {
margin-left: 20% !important; }
.u-xs-after2of10 {
margin-right: 20% !important; }
.u-xs-size3of10 {
width: 30% !important; }
.u-xs-before3of10 {
margin-left: 30% !important; }
.u-xs-after3of10 {
margin-right: 30% !important; }
.u-xs-size4of10 {
width: 40% !important; }
.u-xs-before4of10 {
margin-left: 40% !important; }
.u-xs-after4of10 {
margin-right: 40% !important; }
.u-xs-size5of10 {
width: 50% !important; }
.u-xs-before5of10 {
margin-left: 50% !important; }
.u-xs-after5of10 {
margin-right: 50% !important; }
.u-xs-size6of10 {
width: 60% !important; }
.u-xs-before6of10 {
margin-left: 60% !important; }
.u-xs-after6of10 {
margin-right: 60% !important; }
.u-xs-size7of10 {
width: 70% !important; }
.u-xs-before7of10 {
margin-left: 70% !important; }
.u-xs-after7of10 {
margin-right: 70% !important; }
.u-xs-size8of10 {
width: 80% !important; }
.u-xs-before8of10 {
margin-left: 80% !important; }
.u-xs-after8of10 {
margin-right: 80% !important; }
.u-xs-size9of10 {
width: 90% !important; }
.u-xs-before9of10 {
margin-left: 90% !important; }
.u-xs-after9of10 {
margin-right: 90% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of8 {
width: 12.5% !important; }
.u-lg-before1of8 {
margin-left: 12.5% !important; }
.u-lg-after1of8 {
margin-right: 12.5% !important; }
.u-lg-size2of8 {
width: 25% !important; }
.u-lg-before2of8 {
margin-left: 25% !important; }
.u-lg-after2of8 {
margin-right: 25% !important; }
.u-lg-size3of8 {
width: 37.5% !important; }
.u-lg-before3of8 {
margin-left: 37.5% !important; }
.u-lg-after3of8 {
margin-right: 37.5% !important; }
.u-lg-size4of8 {
width: 50% !important; }
.u-lg-before4of8 {
margin-left: 50% !important; }
.u-lg-after4of8 {
margin-right: 50% !important; }
.u-lg-size5of8 {
width: 62.5% !important; }
.u-lg-before5of8 {
margin-left: 62.5% !important; }
.u-lg-after5of8 {
margin-right: 62.5% !important; }
.u-lg-size6of8 {
width: 75% !important; }
.u-lg-before6of8 {
margin-left: 75% !important; }
.u-lg-after6of8 {
margin-right: 75% !important; }
.u-lg-size7of8 {
width: 87.5% !important; }
.u-lg-before7of8 {
margin-left: 87.5% !important; }
.u-lg-after7of8 {
margin-right: 87.5% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of8 {
width: 12.5% !important; }
.u-md-before1of8 {
margin-left: 12.5% !important; }
.u-md-after1of8 {
margin-right: 12.5% !important; }
.u-md-size2of8 {
width: 25% !important; }
.u-md-before2of8 {
margin-left: 25% !important; }
.u-md-after2of8 {
margin-right: 25% !important; }
.u-md-size3of8 {
width: 37.5% !important; }
.u-md-before3of8 {
margin-left: 37.5% !important; }
.u-md-after3of8 {
margin-right: 37.5% !important; }
.u-md-size4of8 {
width: 50% !important; }
.u-md-before4of8 {
margin-left: 50% !important; }
.u-md-after4of8 {
margin-right: 50% !important; }
.u-md-size5of8 {
width: 62.5% !important; }
.u-md-before5of8 {
margin-left: 62.5% !important; }
.u-md-after5of8 {
margin-right: 62.5% !important; }
.u-md-size6of8 {
width: 75% !important; }
.u-md-before6of8 {
margin-left: 75% !important; }
.u-md-after6of8 {
margin-right: 75% !important; }
.u-md-size7of8 {
width: 87.5% !important; }
.u-md-before7of8 {
margin-left: 87.5% !important; }
.u-md-after7of8 {
margin-right: 87.5% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of8 {
width: 12.5% !important; }
.u-sm-before1of8 {
margin-left: 12.5% !important; }
.u-sm-after1of8 {
margin-right: 12.5% !important; }
.u-sm-size2of8 {
width: 25% !important; }
.u-sm-before2of8 {
margin-left: 25% !important; }
.u-sm-after2of8 {
margin-right: 25% !important; }
.u-sm-size3of8 {
width: 37.5% !important; }
.u-sm-before3of8 {
margin-left: 37.5% !important; }
.u-sm-after3of8 {
margin-right: 37.5% !important; }
.u-sm-size4of8 {
width: 50% !important; }
.u-sm-before4of8 {
margin-left: 50% !important; }
.u-sm-after4of8 {
margin-right: 50% !important; }
.u-sm-size5of8 {
width: 62.5% !important; }
.u-sm-before5of8 {
margin-left: 62.5% !important; }
.u-sm-after5of8 {
margin-right: 62.5% !important; }
.u-sm-size6of8 {
width: 75% !important; }
.u-sm-before6of8 {
margin-left: 75% !important; }
.u-sm-after6of8 {
margin-right: 75% !important; }
.u-sm-size7of8 {
width: 87.5% !important; }
.u-sm-before7of8 {
margin-left: 87.5% !important; }
.u-sm-after7of8 {
margin-right: 87.5% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of8 {
width: 12.5% !important; }
.u-xs-before1of8 {
margin-left: 12.5% !important; }
.u-xs-after1of8 {
margin-right: 12.5% !important; }
.u-xs-size2of8 {
width: 25% !important; }
.u-xs-before2of8 {
margin-left: 25% !important; }
.u-xs-after2of8 {
margin-right: 25% !important; }
.u-xs-size3of8 {
width: 37.5% !important; }
.u-xs-before3of8 {
margin-left: 37.5% !important; }
.u-xs-after3of8 {
margin-right: 37.5% !important; }
.u-xs-size4of8 {
width: 50% !important; }
.u-xs-before4of8 {
margin-left: 50% !important; }
.u-xs-after4of8 {
margin-right: 50% !important; }
.u-xs-size5of8 {
width: 62.5% !important; }
.u-xs-before5of8 {
margin-left: 62.5% !important; }
.u-xs-after5of8 {
margin-right: 62.5% !important; }
.u-xs-size6of8 {
width: 75% !important; }
.u-xs-before6of8 {
margin-left: 75% !important; }
.u-xs-after6of8 {
margin-right: 75% !important; }
.u-xs-size7of8 {
width: 87.5% !important; }
.u-xs-before7of8 {
margin-left: 87.5% !important; }
.u-xs-after7of8 {
margin-right: 87.5% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of6 {
width: 16.66667% !important; }
.u-lg-before1of6 {
margin-left: 16.66667% !important; }
.u-lg-after1of6 {
margin-right: 16.66667% !important; }
.u-lg-size2of6 {
width: 33.33333% !important; }
.u-lg-before2of6 {
margin-left: 33.33333% !important; }
.u-lg-after2of6 {
margin-right: 33.33333% !important; }
.u-lg-size3of6 {
width: 50% !important; }
.u-lg-before3of6 {
margin-left: 50% !important; }
.u-lg-after3of6 {
margin-right: 50% !important; }
.u-lg-size4of6 {
width: 66.66667% !important; }
.u-lg-before4of6 {
margin-left: 66.66667% !important; }
.u-lg-after4of6 {
margin-right: 66.66667% !important; }
.u-lg-size5of6 {
width: 83.33333% !important; }
.u-lg-before5of6 {
margin-left: 83.33333% !important; }
.u-lg-after5of6 {
margin-right: 83.33333% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of6 {
width: 16.66667% !important; }
.u-md-before1of6 {
margin-left: 16.66667% !important; }
.u-md-after1of6 {
margin-right: 16.66667% !important; }
.u-md-size2of6 {
width: 33.33333% !important; }
.u-md-before2of6 {
margin-left: 33.33333% !important; }
.u-md-after2of6 {
margin-right: 33.33333% !important; }
.u-md-size3of6 {
width: 50% !important; }
.u-md-before3of6 {
margin-left: 50% !important; }
.u-md-after3of6 {
margin-right: 50% !important; }
.u-md-size4of6 {
width: 66.66667% !important; }
.u-md-before4of6 {
margin-left: 66.66667% !important; }
.u-md-after4of6 {
margin-right: 66.66667% !important; }
.u-md-size5of6 {
width: 83.33333% !important; }
.u-md-before5of6 {
margin-left: 83.33333% !important; }
.u-md-after5of6 {
margin-right: 83.33333% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of6 {
width: 16.66667% !important; }
.u-sm-before1of6 {
margin-left: 16.66667% !important; }
.u-sm-after1of6 {
margin-right: 16.66667% !important; }
.u-sm-size2of6 {
width: 33.33333% !important; }
.u-sm-before2of6 {
margin-left: 33.33333% !important; }
.u-sm-after2of6 {
margin-right: 33.33333% !important; }
.u-sm-size3of6 {
width: 50% !important; }
.u-sm-before3of6 {
margin-left: 50% !important; }
.u-sm-after3of6 {
margin-right: 50% !important; }
.u-sm-size4of6 {
width: 66.66667% !important; }
.u-sm-before4of6 {
margin-left: 66.66667% !important; }
.u-sm-after4of6 {
margin-right: 66.66667% !important; }
.u-sm-size5of6 {
width: 83.33333% !important; }
.u-sm-before5of6 {
margin-left: 83.33333% !important; }
.u-sm-after5of6 {
margin-right: 83.33333% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of6 {
width: 16.66667% !important; }
.u-xs-before1of6 {
margin-left: 16.66667% !important; }
.u-xs-after1of6 {
margin-right: 16.66667% !important; }
.u-xs-size2of6 {
width: 33.33333% !important; }
.u-xs-before2of6 {
margin-left: 33.33333% !important; }
.u-xs-after2of6 {
margin-right: 33.33333% !important; }
.u-xs-size3of6 {
width: 50% !important; }
.u-xs-before3of6 {
margin-left: 50% !important; }
.u-xs-after3of6 {
margin-right: 50% !important; }
.u-xs-size4of6 {
width: 66.66667% !important; }
.u-xs-before4of6 {
margin-left: 66.66667% !important; }
.u-xs-after4of6 {
margin-right: 66.66667% !important; }
.u-xs-size5of6 {
width: 83.33333% !important; }
.u-xs-before5of6 {
margin-left: 83.33333% !important; }
.u-xs-after5of6 {
margin-right: 83.33333% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of5 {
width: 20% !important; }
.u-lg-before1of5 {
margin-left: 20% !important; }
.u-lg-after1of5 {
margin-right: 20% !important; }
.u-lg-size2of5 {
width: 40% !important; }
.u-lg-before2of5 {
margin-left: 40% !important; }
.u-lg-after2of5 {
margin-right: 40% !important; }
.u-lg-size3of5 {
width: 60% !important; }
.u-lg-before3of5 {
margin-left: 60% !important; }
.u-lg-after3of5 {
margin-right: 60% !important; }
.u-lg-size4of5 {
width: 80% !important; }
.u-lg-before4of5 {
margin-left: 80% !important; }
.u-lg-after4of5 {
margin-right: 80% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of5 {
width: 20% !important; }
.u-md-before1of5 {
margin-left: 20% !important; }
.u-md-after1of5 {
margin-right: 20% !important; }
.u-md-size2of5 {
width: 40% !important; }
.u-md-before2of5 {
margin-left: 40% !important; }
.u-md-after2of5 {
margin-right: 40% !important; }
.u-md-size3of5 {
width: 60% !important; }
.u-md-before3of5 {
margin-left: 60% !important; }
.u-md-after3of5 {
margin-right: 60% !important; }
.u-md-size4of5 {
width: 80% !important; }
.u-md-before4of5 {
margin-left: 80% !important; }
.u-md-after4of5 {
margin-right: 80% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of5 {
width: 20% !important; }
.u-sm-before1of5 {
margin-left: 20% !important; }
.u-sm-after1of5 {
margin-right: 20% !important; }
.u-sm-size2of5 {
width: 40% !important; }
.u-sm-before2of5 {
margin-left: 40% !important; }
.u-sm-after2of5 {
margin-right: 40% !important; }
.u-sm-size3of5 {
width: 60% !important; }
.u-sm-before3of5 {
margin-left: 60% !important; }
.u-sm-after3of5 {
margin-right: 60% !important; }
.u-sm-size4of5 {
width: 80% !important; }
.u-sm-before4of5 {
margin-left: 80% !important; }
.u-sm-after4of5 {
margin-right: 80% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of5 {
width: 20% !important; }
.u-xs-before1of5 {
margin-left: 20% !important; }
.u-xs-after1of5 {
margin-right: 20% !important; }
.u-xs-size2of5 {
width: 40% !important; }
.u-xs-before2of5 {
margin-left: 40% !important; }
.u-xs-after2of5 {
margin-right: 40% !important; }
.u-xs-size3of5 {
width: 60% !important; }
.u-xs-before3of5 {
margin-left: 60% !important; }
.u-xs-after3of5 {
margin-right: 60% !important; }
.u-xs-size4of5 {
width: 80% !important; }
.u-xs-before4of5 {
margin-left: 80% !important; }
.u-xs-after4of5 {
margin-right: 80% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of4 {
width: 25% !important; }
.u-lg-before1of4 {
margin-left: 25% !important; }
.u-lg-after1of4 {
margin-right: 25% !important; }
.u-lg-size2of4 {
width: 50% !important; }
.u-lg-before2of4 {
margin-left: 50% !important; }
.u-lg-after2of4 {
margin-right: 50% !important; }
.u-lg-size3of4 {
width: 75% !important; }
.u-lg-before3of4 {
margin-left: 75% !important; }
.u-lg-after3of4 {
margin-right: 75% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of4 {
width: 25% !important; }
.u-md-before1of4 {
margin-left: 25% !important; }
.u-md-after1of4 {
margin-right: 25% !important; }
.u-md-size2of4 {
width: 50% !important; }
.u-md-before2of4 {
margin-left: 50% !important; }
.u-md-after2of4 {
margin-right: 50% !important; }
.u-md-size3of4 {
width: 75% !important; }
.u-md-before3of4 {
margin-left: 75% !important; }
.u-md-after3of4 {
margin-right: 75% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of4 {
width: 25% !important; }
.u-sm-before1of4 {
margin-left: 25% !important; }
.u-sm-after1of4 {
margin-right: 25% !important; }
.u-sm-size2of4 {
width: 50% !important; }
.u-sm-before2of4 {
margin-left: 50% !important; }
.u-sm-after2of4 {
margin-right: 50% !important; }
.u-sm-size3of4 {
width: 75% !important; }
.u-sm-before3of4 {
margin-left: 75% !important; }
.u-sm-after3of4 {
margin-right: 75% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of4 {
width: 25% !important; }
.u-xs-before1of4 {
margin-left: 25% !important; }
.u-xs-after1of4 {
margin-right: 25% !important; }
.u-xs-size2of4 {
width: 50% !important; }
.u-xs-before2of4 {
margin-left: 50% !important; }
.u-xs-after2of4 {
margin-right: 50% !important; }
.u-xs-size3of4 {
width: 75% !important; }
.u-xs-before3of4 {
margin-left: 75% !important; }
.u-xs-after3of4 {
margin-right: 75% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of3 {
width: 33.33333% !important; }
.u-lg-before1of3 {
margin-left: 33.33333% !important; }
.u-lg-after1of3 {
margin-right: 33.33333% !important; }
.u-lg-size2of3 {
width: 66.66667% !important; }
.u-lg-before2of3 {
margin-left: 66.66667% !important; }
.u-lg-after2of3 {
margin-right: 66.66667% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of3 {
width: 33.33333% !important; }
.u-md-before1of3 {
margin-left: 33.33333% !important; }
.u-md-after1of3 {
margin-right: 33.33333% !important; }
.u-md-size2of3 {
width: 66.66667% !important; }
.u-md-before2of3 {
margin-left: 66.66667% !important; }
.u-md-after2of3 {
margin-right: 66.66667% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of3 {
width: 33.33333% !important; }
.u-sm-before1of3 {
margin-left: 33.33333% !important; }
.u-sm-after1of3 {
margin-right: 33.33333% !important; }
.u-sm-size2of3 {
width: 66.66667% !important; }
.u-sm-before2of3 {
margin-left: 66.66667% !important; }
.u-sm-after2of3 {
margin-right: 66.66667% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of3 {
width: 33.33333% !important; }
.u-xs-before1of3 {
margin-left: 33.33333% !important; }
.u-xs-after1of3 {
margin-right: 33.33333% !important; }
.u-xs-size2of3 {
width: 66.66667% !important; }
.u-xs-before2of3 {
margin-left: 66.66667% !important; }
.u-xs-after2of3 {
margin-right: 66.66667% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of2 {
width: 50% !important; }
.u-lg-before1of2 {
margin-left: 50% !important; }
.u-lg-after1of2 {
margin-right: 50% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of2 {
width: 50% !important; }
.u-md-before1of2 {
margin-left: 50% !important; }
.u-md-after1of2 {
margin-right: 50% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of2 {
width: 50% !important; }
.u-sm-before1of2 {
margin-left: 50% !important; }
.u-sm-after1of2 {
margin-right: 50% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of2 {
width: 50% !important; }
.u-xs-before1of2 {
margin-left: 50% !important; }
.u-xs-after1of2 {
margin-right: 50% !important; } }
.u-beforeNone {
margin-left: 0 !important; }
.u-afterNone {
margin-right: 0 !important; }
@media screen and (min-width: 1340px) {
.u-lg-beforeNone {
margin-left: 0 !important; }
.u-lg-afterNone {
margin-right: 0 !important; } }
@media screen and (max-width: 1339px) {
.u-md-beforeNone {
margin-left: 0 !important; }
.u-md-afterNone {
margin-right: 0 !important; } }
@media screen and (max-width: 991px) {
.u-sm-beforeNone {
margin-left: 0 !important; }
.u-sm-afterNone {
margin-right: 0 !important; } }
@media screen and (max-width: 639px) {
.u-xs-beforeNone {
margin-left: 0 !important; }
.u-xs-afterNone {
margin-right: 0 !important; } }
.u-size1of16 {
width: 6.25% !important; }
.u-before1of16 {
margin-left: 6.25% !important; }
.u-after1of16 {
margin-right: 6.25% !important; }
.u-size2of16 {
width: 12.5% !important; }
.u-before2of16 {
margin-left: 12.5% !important; }
.u-after2of16 {
margin-right: 12.5% !important; }
.u-size3of16 {
width: 18.75% !important; }
.u-before3of16 {
margin-left: 18.75% !important; }
.u-after3of16 {
margin-right: 18.75% !important; }
.u-size4of16 {
width: 25% !important; }
.u-before4of16 {
margin-left: 25% !important; }
.u-after4of16 {
margin-right: 25% !important; }
.u-size5of16 {
width: 31.25% !important; }
.u-before5of16 {
margin-left: 31.25% !important; }
.u-after5of16 {
margin-right: 31.25% !important; }
.u-size6of16 {
width: 37.5% !important; }
.u-before6of16 {
margin-left: 37.5% !important; }
.u-after6of16 {
margin-right: 37.5% !important; }
.u-size7of16 {
width: 43.75% !important; }
.u-before7of16 {
margin-left: 43.75% !important; }
.u-after7of16 {
margin-right: 43.75% !important; }
.u-size8of16 {
width: 50% !important; }
.u-before8of16 {
margin-left: 50% !important; }
.u-after8of16 {
margin-right: 50% !important; }
.u-size9of16 {
width: 56.25% !important; }
.u-before9of16 {
margin-left: 56.25% !important; }
.u-after9of16 {
margin-right: 56.25% !important; }
.u-size10of16 {
width: 62.5% !important; }
.u-before10of16 {
margin-left: 62.5% !important; }
.u-after10of16 {
margin-right: 62.5% !important; }
.u-size11of16 {
width: 68.75% !important; }
.u-before11of16 {
margin-left: 68.75% !important; }
.u-after11of16 {
margin-right: 68.75% !important; }
.u-size12of16 {
width: 75% !important; }
.u-before12of16 {
margin-left: 75% !important; }
.u-after12of16 {
margin-right: 75% !important; }
.u-size13of16 {
width: 81.25% !important; }
.u-before13of16 {
margin-left: 81.25% !important; }
.u-after13of16 {
margin-right: 81.25% !important; }
.u-size14of16 {
width: 87.5% !important; }
.u-before14of16 {
margin-left: 87.5% !important; }
.u-after14of16 {
margin-right: 87.5% !important; }
.u-size15of16 {
width: 93.75% !important; }
.u-before15of16 {
margin-left: 93.75% !important; }
.u-after15of16 {
margin-right: 93.75% !important; }
.u-size1of14 {
width: 7.14286% !important; }
.u-before1of14 {
margin-left: 7.14286% !important; }
.u-after1of14 {
margin-right: 7.14286% !important; }
.u-size2of14 {
width: 14.28571% !important; }
.u-before2of14 {
margin-left: 14.28571% !important; }
.u-after2of14 {
margin-right: 14.28571% !important; }
.u-size3of14 {
width: 21.42857% !important; }
.u-before3of14 {
margin-left: 21.42857% !important; }
.u-after3of14 {
margin-right: 21.42857% !important; }
.u-size4of14 {
width: 28.57143% !important; }
.u-before4of14 {
margin-left: 28.57143% !important; }
.u-after4of14 {
margin-right: 28.57143% !important; }
.u-size5of14 {
width: 35.71429% !important; }
.u-before5of14 {
margin-left: 35.71429% !important; }
.u-after5of14 {
margin-right: 35.71429% !important; }
.u-size6of14 {
width: 42.85714% !important; }
.u-before6of14 {
margin-left: 42.85714% !important; }
.u-after6of14 {
margin-right: 42.85714% !important; }
.u-size7of14 {
width: 50% !important; }
.u-before7of14 {
margin-left: 50% !important; }
.u-after7of14 {
margin-right: 50% !important; }
.u-size8of14 {
width: 57.14286% !important; }
.u-before8of14 {
margin-left: 57.14286% !important; }
.u-after8of14 {
margin-right: 57.14286% !important; }
.u-size9of14 {
width: 64.28571% !important; }
.u-before9of14 {
margin-left: 64.28571% !important; }
.u-after9of14 {
margin-right: 64.28571% !important; }
.u-size10of14 {
width: 71.42857% !important; }
.u-before10of14 {
margin-left: 71.42857% !important; }
.u-after10of14 {
margin-right: 71.42857% !important; }
.u-size11of14 {
width: 78.57143% !important; }
.u-before11of14 {
margin-left: 78.57143% !important; }
.u-after11of14 {
margin-right: 78.57143% !important; }
.u-size12of14 {
width: 85.71429% !important; }
.u-before12of14 {
margin-left: 85.71429% !important; }
.u-after12of14 {
margin-right: 85.71429% !important; }
.u-size13of14 {
width: 92.85714% !important; }
.u-before13of14 {
margin-left: 92.85714% !important; }
.u-after13of14 {
margin-right: 92.85714% !important; }
.u-size1of12 {
width: 8.33333% !important; }
.u-before1of12 {
margin-left: 8.33333% !important; }
.u-after1of12 {
margin-right: 8.33333% !important; }
.u-size2of12 {
width: 16.66667% !important; }
.u-before2of12 {
margin-left: 16.66667% !important; }
.u-after2of12 {
margin-right: 16.66667% !important; }
.u-size3of12 {
width: 25% !important; }
.u-before3of12 {
margin-left: 25% !important; }
.u-after3of12 {
margin-right: 25% !important; }
.u-size4of12 {
width: 33.33333% !important; }
.u-before4of12 {
margin-left: 33.33333% !important; }
.u-after4of12 {
margin-right: 33.33333% !important; }
.u-size5of12 {
width: 41.66667% !important; }
.u-before5of12 {
margin-left: 41.66667% !important; }
.u-after5of12 {
margin-right: 41.66667% !important; }
.u-size6of12 {
width: 50% !important; }
.u-before6of12 {
margin-left: 50% !important; }
.u-after6of12 {
margin-right: 50% !important; }
.u-size7of12 {
width: 58.33333% !important; }
.u-before7of12 {
margin-left: 58.33333% !important; }
.u-after7of12 {
margin-right: 58.33333% !important; }
.u-size8of12 {
width: 66.66667% !important; }
.u-before8of12 {
margin-left: 66.66667% !important; }
.u-after8of12 {
margin-right: 66.66667% !important; }
.u-size9of12 {
width: 75% !important; }
.u-before9of12 {
margin-left: 75% !important; }
.u-after9of12 {
margin-right: 75% !important; }
.u-size10of12 {
width: 83.33333% !important; }
.u-before10of12 {
margin-left: 83.33333% !important; }
.u-after10of12 {
margin-right: 83.33333% !important; }
.u-size11of12 {
width: 91.66667% !important; }
.u-before11of12 {
margin-left: 91.66667% !important; }
.u-after11of12 {
margin-right: 91.66667% !important; }
.u-size1of10 {
width: 10% !important; }
.u-before1of10 {
margin-left: 10% !important; }
.u-after1of10 {
margin-right: 10% !important; }
.u-size2of10 {
width: 20% !important; }
.u-before2of10 {
margin-left: 20% !important; }
.u-after2of10 {
margin-right: 20% !important; }
.u-size3of10 {
width: 30% !important; }
.u-before3of10 {
margin-left: 30% !important; }
.u-after3of10 {
margin-right: 30% !important; }
.u-size4of10 {
width: 40% !important; }
.u-before4of10 {
margin-left: 40% !important; }
.u-after4of10 {
margin-right: 40% !important; }
.u-size5of10 {
width: 50% !important; }
.u-before5of10 {
margin-left: 50% !important; }
.u-after5of10 {
margin-right: 50% !important; }
.u-size6of10 {
width: 60% !important; }
.u-before6of10 {
margin-left: 60% !important; }
.u-after6of10 {
margin-right: 60% !important; }
.u-size7of10 {
width: 70% !important; }
.u-before7of10 {
margin-left: 70% !important; }
.u-after7of10 {
margin-right: 70% !important; }
.u-size8of10 {
width: 80% !important; }
.u-before8of10 {
margin-left: 80% !important; }
.u-after8of10 {
margin-right: 80% !important; }
.u-size9of10 {
width: 90% !important; }
.u-before9of10 {
margin-left: 90% !important; }
.u-after9of10 {
margin-right: 90% !important; }
.u-size1of8 {
width: 12.5% !important; }
.u-before1of8 {
margin-left: 12.5% !important; }
.u-after1of8 {
margin-right: 12.5% !important; }
.u-size2of8 {
width: 25% !important; }
.u-before2of8 {
margin-left: 25% !important; }
.u-after2of8 {
margin-right: 25% !important; }
.u-size3of8 {
width: 37.5% !important; }
.u-before3of8 {
margin-left: 37.5% !important; }
.u-after3of8 {
margin-right: 37.5% !important; }
.u-size4of8 {
width: 50% !important; }
.u-before4of8 {
margin-left: 50% !important; }
.u-after4of8 {
margin-right: 50% !important; }
.u-size5of8 {
width: 62.5% !important; }
.u-before5of8 {
margin-left: 62.5% !important; }
.u-after5of8 {
margin-right: 62.5% !important; }
.u-size6of8 {
width: 75% !important; }
.u-before6of8 {
margin-left: 75% !important; }
.u-after6of8 {
margin-right: 75% !important; }
.u-size7of8 {
width: 87.5% !important; }
.u-before7of8 {
margin-left: 87.5% !important; }
.u-after7of8 {
margin-right: 87.5% !important; }
.u-size1of6 {
width: 16.66667% !important; }
.u-before1of6 {
margin-left: 16.66667% !important; }
.u-after1of6 {
margin-right: 16.66667% !important; }
.u-size2of6 {
width: 33.33333% !important; }
.u-before2of6 {
margin-left: 33.33333% !important; }
.u-after2of6 {
margin-right: 33.33333% !important; }
.u-size3of6 {
width: 50% !important; }
.u-before3of6 {
margin-left: 50% !important; }
.u-after3of6 {
margin-right: 50% !important; }
.u-size4of6 {
width: 66.66667% !important; }
.u-before4of6 {
margin-left: 66.66667% !important; }
.u-after4of6 {
margin-right: 66.66667% !important; }
.u-size5of6 {
width: 83.33333% !important; }
.u-before5of6 {
margin-left: 83.33333% !important; }
.u-after5of6 {
margin-right: 83.33333% !important; }
.u-size1of5 {
width: 20% !important; }
.u-before1of5 {
margin-left: 20% !important; }
.u-after1of5 {
margin-right: 20% !important; }
.u-size2of5 {
width: 40% !important; }
.u-before2of5 {
margin-left: 40% !important; }
.u-after2of5 {
margin-right: 40% !important; }
.u-size3of5 {
width: 60% !important; }
.u-before3of5 {
margin-left: 60% !important; }
.u-after3of5 {
margin-right: 60% !important; }
.u-size4of5 {
width: 80% !important; }
.u-before4of5 {
margin-left: 80% !important; }
.u-after4of5 {
margin-right: 80% !important; }
.u-size1of4 {
width: 25% !important; }
.u-before1of4 {
margin-left: 25% !important; }
.u-after1of4 {
margin-right: 25% !important; }
.u-size2of4 {
width: 50% !important; }
.u-before2of4 {
margin-left: 50% !important; }
.u-after2of4 {
margin-right: 50% !important; }
.u-size3of4 {
width: 75% !important; }
.u-before3of4 {
margin-left: 75% !important; }
.u-after3of4 {
margin-right: 75% !important; }
.u-size1of3 {
width: 33.33333% !important; }
.u-before1of3 {
margin-left: 33.33333% !important; }
.u-after1of3 {
margin-right: 33.33333% !important; }
.u-size2of3 {
width: 66.66667% !important; }
.u-before2of3 {
margin-left: 66.66667% !important; }
.u-after2of3 {
margin-right: 66.66667% !important; }
.u-size1of2 {
width: 50% !important; }
.u-before1of2 {
margin-left: 50% !important; }
.u-after1of2 {
margin-right: 50% !important; }
@media screen and (min-width: 1340px) {
.u-lg-size1of16 {
width: 6.25% !important; }
.u-lg-before1of16 {
margin-left: 6.25% !important; }
.u-lg-after1of16 {
margin-right: 6.25% !important; }
.u-lg-size2of16 {
width: 12.5% !important; }
.u-lg-before2of16 {
margin-left: 12.5% !important; }
.u-lg-after2of16 {
margin-right: 12.5% !important; }
.u-lg-size3of16 {
width: 18.75% !important; }
.u-lg-before3of16 {
margin-left: 18.75% !important; }
.u-lg-after3of16 {
margin-right: 18.75% !important; }
.u-lg-size4of16 {
width: 25% !important; }
.u-lg-before4of16 {
margin-left: 25% !important; }
.u-lg-after4of16 {
margin-right: 25% !important; }
.u-lg-size5of16 {
width: 31.25% !important; }
.u-lg-before5of16 {
margin-left: 31.25% !important; }
.u-lg-after5of16 {
margin-right: 31.25% !important; }
.u-lg-size6of16 {
width: 37.5% !important; }
.u-lg-before6of16 {
margin-left: 37.5% !important; }
.u-lg-after6of16 {
margin-right: 37.5% !important; }
.u-lg-size7of16 {
width: 43.75% !important; }
.u-lg-before7of16 {
margin-left: 43.75% !important; }
.u-lg-after7of16 {
margin-right: 43.75% !important; }
.u-lg-size8of16 {
width: 50% !important; }
.u-lg-before8of16 {
margin-left: 50% !important; }
.u-lg-after8of16 {
margin-right: 50% !important; }
.u-lg-size9of16 {
width: 56.25% !important; }
.u-lg-before9of16 {
margin-left: 56.25% !important; }
.u-lg-after9of16 {
margin-right: 56.25% !important; }
.u-lg-size10of16 {
width: 62.5% !important; }
.u-lg-before10of16 {
margin-left: 62.5% !important; }
.u-lg-after10of16 {
margin-right: 62.5% !important; }
.u-lg-size11of16 {
width: 68.75% !important; }
.u-lg-before11of16 {
margin-left: 68.75% !important; }
.u-lg-after11of16 {
margin-right: 68.75% !important; }
.u-lg-size12of16 {
width: 75% !important; }
.u-lg-before12of16 {
margin-left: 75% !important; }
.u-lg-after12of16 {
margin-right: 75% !important; }
.u-lg-size13of16 {
width: 81.25% !important; }
.u-lg-before13of16 {
margin-left: 81.25% !important; }
.u-lg-after13of16 {
margin-right: 81.25% !important; }
.u-lg-size14of16 {
width: 87.5% !important; }
.u-lg-before14of16 {
margin-left: 87.5% !important; }
.u-lg-after14of16 {
margin-right: 87.5% !important; }
.u-lg-size15of16 {
width: 93.75% !important; }
.u-lg-before15of16 {
margin-left: 93.75% !important; }
.u-lg-after15of16 {
margin-right: 93.75% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of16 {
width: 6.25% !important; }
.u-md-before1of16 {
margin-left: 6.25% !important; }
.u-md-after1of16 {
margin-right: 6.25% !important; }
.u-md-size2of16 {
width: 12.5% !important; }
.u-md-before2of16 {
margin-left: 12.5% !important; }
.u-md-after2of16 {
margin-right: 12.5% !important; }
.u-md-size3of16 {
width: 18.75% !important; }
.u-md-before3of16 {
margin-left: 18.75% !important; }
.u-md-after3of16 {
margin-right: 18.75% !important; }
.u-md-size4of16 {
width: 25% !important; }
.u-md-before4of16 {
margin-left: 25% !important; }
.u-md-after4of16 {
margin-right: 25% !important; }
.u-md-size5of16 {
width: 31.25% !important; }
.u-md-before5of16 {
margin-left: 31.25% !important; }
.u-md-after5of16 {
margin-right: 31.25% !important; }
.u-md-size6of16 {
width: 37.5% !important; }
.u-md-before6of16 {
margin-left: 37.5% !important; }
.u-md-after6of16 {
margin-right: 37.5% !important; }
.u-md-size7of16 {
width: 43.75% !important; }
.u-md-before7of16 {
margin-left: 43.75% !important; }
.u-md-after7of16 {
margin-right: 43.75% !important; }
.u-md-size8of16 {
width: 50% !important; }
.u-md-before8of16 {
margin-left: 50% !important; }
.u-md-after8of16 {
margin-right: 50% !important; }
.u-md-size9of16 {
width: 56.25% !important; }
.u-md-before9of16 {
margin-left: 56.25% !important; }
.u-md-after9of16 {
margin-right: 56.25% !important; }
.u-md-size10of16 {
width: 62.5% !important; }
.u-md-before10of16 {
margin-left: 62.5% !important; }
.u-md-after10of16 {
margin-right: 62.5% !important; }
.u-md-size11of16 {
width: 68.75% !important; }
.u-md-before11of16 {
margin-left: 68.75% !important; }
.u-md-after11of16 {
margin-right: 68.75% !important; }
.u-md-size12of16 {
width: 75% !important; }
.u-md-before12of16 {
margin-left: 75% !important; }
.u-md-after12of16 {
margin-right: 75% !important; }
.u-md-size13of16 {
width: 81.25% !important; }
.u-md-before13of16 {
margin-left: 81.25% !important; }
.u-md-after13of16 {
margin-right: 81.25% !important; }
.u-md-size14of16 {
width: 87.5% !important; }
.u-md-before14of16 {
margin-left: 87.5% !important; }
.u-md-after14of16 {
margin-right: 87.5% !important; }
.u-md-size15of16 {
width: 93.75% !important; }
.u-md-before15of16 {
margin-left: 93.75% !important; }
.u-md-after15of16 {
margin-right: 93.75% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of16 {
width: 6.25% !important; }
.u-sm-before1of16 {
margin-left: 6.25% !important; }
.u-sm-after1of16 {
margin-right: 6.25% !important; }
.u-sm-size2of16 {
width: 12.5% !important; }
.u-sm-before2of16 {
margin-left: 12.5% !important; }
.u-sm-after2of16 {
margin-right: 12.5% !important; }
.u-sm-size3of16 {
width: 18.75% !important; }
.u-sm-before3of16 {
margin-left: 18.75% !important; }
.u-sm-after3of16 {
margin-right: 18.75% !important; }
.u-sm-size4of16 {
width: 25% !important; }
.u-sm-before4of16 {
margin-left: 25% !important; }
.u-sm-after4of16 {
margin-right: 25% !important; }
.u-sm-size5of16 {
width: 31.25% !important; }
.u-sm-before5of16 {
margin-left: 31.25% !important; }
.u-sm-after5of16 {
margin-right: 31.25% !important; }
.u-sm-size6of16 {
width: 37.5% !important; }
.u-sm-before6of16 {
margin-left: 37.5% !important; }
.u-sm-after6of16 {
margin-right: 37.5% !important; }
.u-sm-size7of16 {
width: 43.75% !important; }
.u-sm-before7of16 {
margin-left: 43.75% !important; }
.u-sm-after7of16 {
margin-right: 43.75% !important; }
.u-sm-size8of16 {
width: 50% !important; }
.u-sm-before8of16 {
margin-left: 50% !important; }
.u-sm-after8of16 {
margin-right: 50% !important; }
.u-sm-size9of16 {
width: 56.25% !important; }
.u-sm-before9of16 {
margin-left: 56.25% !important; }
.u-sm-after9of16 {
margin-right: 56.25% !important; }
.u-sm-size10of16 {
width: 62.5% !important; }
.u-sm-before10of16 {
margin-left: 62.5% !important; }
.u-sm-after10of16 {
margin-right: 62.5% !important; }
.u-sm-size11of16 {
width: 68.75% !important; }
.u-sm-before11of16 {
margin-left: 68.75% !important; }
.u-sm-after11of16 {
margin-right: 68.75% !important; }
.u-sm-size12of16 {
width: 75% !important; }
.u-sm-before12of16 {
margin-left: 75% !important; }
.u-sm-after12of16 {
margin-right: 75% !important; }
.u-sm-size13of16 {
width: 81.25% !important; }
.u-sm-before13of16 {
margin-left: 81.25% !important; }
.u-sm-after13of16 {
margin-right: 81.25% !important; }
.u-sm-size14of16 {
width: 87.5% !important; }
.u-sm-before14of16 {
margin-left: 87.5% !important; }
.u-sm-after14of16 {
margin-right: 87.5% !important; }
.u-sm-size15of16 {
width: 93.75% !important; }
.u-sm-before15of16 {
margin-left: 93.75% !important; }
.u-sm-after15of16 {
margin-right: 93.75% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of16 {
width: 6.25% !important; }
.u-xs-before1of16 {
margin-left: 6.25% !important; }
.u-xs-after1of16 {
margin-right: 6.25% !important; }
.u-xs-size2of16 {
width: 12.5% !important; }
.u-xs-before2of16 {
margin-left: 12.5% !important; }
.u-xs-after2of16 {
margin-right: 12.5% !important; }
.u-xs-size3of16 {
width: 18.75% !important; }
.u-xs-before3of16 {
margin-left: 18.75% !important; }
.u-xs-after3of16 {
margin-right: 18.75% !important; }
.u-xs-size4of16 {
width: 25% !important; }
.u-xs-before4of16 {
margin-left: 25% !important; }
.u-xs-after4of16 {
margin-right: 25% !important; }
.u-xs-size5of16 {
width: 31.25% !important; }
.u-xs-before5of16 {
margin-left: 31.25% !important; }
.u-xs-after5of16 {
margin-right: 31.25% !important; }
.u-xs-size6of16 {
width: 37.5% !important; }
.u-xs-before6of16 {
margin-left: 37.5% !important; }
.u-xs-after6of16 {
margin-right: 37.5% !important; }
.u-xs-size7of16 {
width: 43.75% !important; }
.u-xs-before7of16 {
margin-left: 43.75% !important; }
.u-xs-after7of16 {
margin-right: 43.75% !important; }
.u-xs-size8of16 {
width: 50% !important; }
.u-xs-before8of16 {
margin-left: 50% !important; }
.u-xs-after8of16 {
margin-right: 50% !important; }
.u-xs-size9of16 {
width: 56.25% !important; }
.u-xs-before9of16 {
margin-left: 56.25% !important; }
.u-xs-after9of16 {
margin-right: 56.25% !important; }
.u-xs-size10of16 {
width: 62.5% !important; }
.u-xs-before10of16 {
margin-left: 62.5% !important; }
.u-xs-after10of16 {
margin-right: 62.5% !important; }
.u-xs-size11of16 {
width: 68.75% !important; }
.u-xs-before11of16 {
margin-left: 68.75% !important; }
.u-xs-after11of16 {
margin-right: 68.75% !important; }
.u-xs-size12of16 {
width: 75% !important; }
.u-xs-before12of16 {
margin-left: 75% !important; }
.u-xs-after12of16 {
margin-right: 75% !important; }
.u-xs-size13of16 {
width: 81.25% !important; }
.u-xs-before13of16 {
margin-left: 81.25% !important; }
.u-xs-after13of16 {
margin-right: 81.25% !important; }
.u-xs-size14of16 {
width: 87.5% !important; }
.u-xs-before14of16 {
margin-left: 87.5% !important; }
.u-xs-after14of16 {
margin-right: 87.5% !important; }
.u-xs-size15of16 {
width: 93.75% !important; }
.u-xs-before15of16 {
margin-left: 93.75% !important; }
.u-xs-after15of16 {
margin-right: 93.75% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of14 {
width: 7.14286% !important; }
.u-lg-before1of14 {
margin-left: 7.14286% !important; }
.u-lg-after1of14 {
margin-right: 7.14286% !important; }
.u-lg-size2of14 {
width: 14.28571% !important; }
.u-lg-before2of14 {
margin-left: 14.28571% !important; }
.u-lg-after2of14 {
margin-right: 14.28571% !important; }
.u-lg-size3of14 {
width: 21.42857% !important; }
.u-lg-before3of14 {
margin-left: 21.42857% !important; }
.u-lg-after3of14 {
margin-right: 21.42857% !important; }
.u-lg-size4of14 {
width: 28.57143% !important; }
.u-lg-before4of14 {
margin-left: 28.57143% !important; }
.u-lg-after4of14 {
margin-right: 28.57143% !important; }
.u-lg-size5of14 {
width: 35.71429% !important; }
.u-lg-before5of14 {
margin-left: 35.71429% !important; }
.u-lg-after5of14 {
margin-right: 35.71429% !important; }
.u-lg-size6of14 {
width: 42.85714% !important; }
.u-lg-before6of14 {
margin-left: 42.85714% !important; }
.u-lg-after6of14 {
margin-right: 42.85714% !important; }
.u-lg-size7of14 {
width: 50% !important; }
.u-lg-before7of14 {
margin-left: 50% !important; }
.u-lg-after7of14 {
margin-right: 50% !important; }
.u-lg-size8of14 {
width: 57.14286% !important; }
.u-lg-before8of14 {
margin-left: 57.14286% !important; }
.u-lg-after8of14 {
margin-right: 57.14286% !important; }
.u-lg-size9of14 {
width: 64.28571% !important; }
.u-lg-before9of14 {
margin-left: 64.28571% !important; }
.u-lg-after9of14 {
margin-right: 64.28571% !important; }
.u-lg-size10of14 {
width: 71.42857% !important; }
.u-lg-before10of14 {
margin-left: 71.42857% !important; }
.u-lg-after10of14 {
margin-right: 71.42857% !important; }
.u-lg-size11of14 {
width: 78.57143% !important; }
.u-lg-before11of14 {
margin-left: 78.57143% !important; }
.u-lg-after11of14 {
margin-right: 78.57143% !important; }
.u-lg-size12of14 {
width: 85.71429% !important; }
.u-lg-before12of14 {
margin-left: 85.71429% !important; }
.u-lg-after12of14 {
margin-right: 85.71429% !important; }
.u-lg-size13of14 {
width: 92.85714% !important; }
.u-lg-before13of14 {
margin-left: 92.85714% !important; }
.u-lg-after13of14 {
margin-right: 92.85714% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of14 {
width: 7.14286% !important; }
.u-md-before1of14 {
margin-left: 7.14286% !important; }
.u-md-after1of14 {
margin-right: 7.14286% !important; }
.u-md-size2of14 {
width: 14.28571% !important; }
.u-md-before2of14 {
margin-left: 14.28571% !important; }
.u-md-after2of14 {
margin-right: 14.28571% !important; }
.u-md-size3of14 {
width: 21.42857% !important; }
.u-md-before3of14 {
margin-left: 21.42857% !important; }
.u-md-after3of14 {
margin-right: 21.42857% !important; }
.u-md-size4of14 {
width: 28.57143% !important; }
.u-md-before4of14 {
margin-left: 28.57143% !important; }
.u-md-after4of14 {
margin-right: 28.57143% !important; }
.u-md-size5of14 {
width: 35.71429% !important; }
.u-md-before5of14 {
margin-left: 35.71429% !important; }
.u-md-after5of14 {
margin-right: 35.71429% !important; }
.u-md-size6of14 {
width: 42.85714% !important; }
.u-md-before6of14 {
margin-left: 42.85714% !important; }
.u-md-after6of14 {
margin-right: 42.85714% !important; }
.u-md-size7of14 {
width: 50% !important; }
.u-md-before7of14 {
margin-left: 50% !important; }
.u-md-after7of14 {
margin-right: 50% !important; }
.u-md-size8of14 {
width: 57.14286% !important; }
.u-md-before8of14 {
margin-left: 57.14286% !important; }
.u-md-after8of14 {
margin-right: 57.14286% !important; }
.u-md-size9of14 {
width: 64.28571% !important; }
.u-md-before9of14 {
margin-left: 64.28571% !important; }
.u-md-after9of14 {
margin-right: 64.28571% !important; }
.u-md-size10of14 {
width: 71.42857% !important; }
.u-md-before10of14 {
margin-left: 71.42857% !important; }
.u-md-after10of14 {
margin-right: 71.42857% !important; }
.u-md-size11of14 {
width: 78.57143% !important; }
.u-md-before11of14 {
margin-left: 78.57143% !important; }
.u-md-after11of14 {
margin-right: 78.57143% !important; }
.u-md-size12of14 {
width: 85.71429% !important; }
.u-md-before12of14 {
margin-left: 85.71429% !important; }
.u-md-after12of14 {
margin-right: 85.71429% !important; }
.u-md-size13of14 {
width: 92.85714% !important; }
.u-md-before13of14 {
margin-left: 92.85714% !important; }
.u-md-after13of14 {
margin-right: 92.85714% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of14 {
width: 7.14286% !important; }
.u-sm-before1of14 {
margin-left: 7.14286% !important; }
.u-sm-after1of14 {
margin-right: 7.14286% !important; }
.u-sm-size2of14 {
width: 14.28571% !important; }
.u-sm-before2of14 {
margin-left: 14.28571% !important; }
.u-sm-after2of14 {
margin-right: 14.28571% !important; }
.u-sm-size3of14 {
width: 21.42857% !important; }
.u-sm-before3of14 {
margin-left: 21.42857% !important; }
.u-sm-after3of14 {
margin-right: 21.42857% !important; }
.u-sm-size4of14 {
width: 28.57143% !important; }
.u-sm-before4of14 {
margin-left: 28.57143% !important; }
.u-sm-after4of14 {
margin-right: 28.57143% !important; }
.u-sm-size5of14 {
width: 35.71429% !important; }
.u-sm-before5of14 {
margin-left: 35.71429% !important; }
.u-sm-after5of14 {
margin-right: 35.71429% !important; }
.u-sm-size6of14 {
width: 42.85714% !important; }
.u-sm-before6of14 {
margin-left: 42.85714% !important; }
.u-sm-after6of14 {
margin-right: 42.85714% !important; }
.u-sm-size7of14 {
width: 50% !important; }
.u-sm-before7of14 {
margin-left: 50% !important; }
.u-sm-after7of14 {
margin-right: 50% !important; }
.u-sm-size8of14 {
width: 57.14286% !important; }
.u-sm-before8of14 {
margin-left: 57.14286% !important; }
.u-sm-after8of14 {
margin-right: 57.14286% !important; }
.u-sm-size9of14 {
width: 64.28571% !important; }
.u-sm-before9of14 {
margin-left: 64.28571% !important; }
.u-sm-after9of14 {
margin-right: 64.28571% !important; }
.u-sm-size10of14 {
width: 71.42857% !important; }
.u-sm-before10of14 {
margin-left: 71.42857% !important; }
.u-sm-after10of14 {
margin-right: 71.42857% !important; }
.u-sm-size11of14 {
width: 78.57143% !important; }
.u-sm-before11of14 {
margin-left: 78.57143% !important; }
.u-sm-after11of14 {
margin-right: 78.57143% !important; }
.u-sm-size12of14 {
width: 85.71429% !important; }
.u-sm-before12of14 {
margin-left: 85.71429% !important; }
.u-sm-after12of14 {
margin-right: 85.71429% !important; }
.u-sm-size13of14 {
width: 92.85714% !important; }
.u-sm-before13of14 {
margin-left: 92.85714% !important; }
.u-sm-after13of14 {
margin-right: 92.85714% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of14 {
width: 7.14286% !important; }
.u-xs-before1of14 {
margin-left: 7.14286% !important; }
.u-xs-after1of14 {
margin-right: 7.14286% !important; }
.u-xs-size2of14 {
width: 14.28571% !important; }
.u-xs-before2of14 {
margin-left: 14.28571% !important; }
.u-xs-after2of14 {
margin-right: 14.28571% !important; }
.u-xs-size3of14 {
width: 21.42857% !important; }
.u-xs-before3of14 {
margin-left: 21.42857% !important; }
.u-xs-after3of14 {
margin-right: 21.42857% !important; }
.u-xs-size4of14 {
width: 28.57143% !important; }
.u-xs-before4of14 {
margin-left: 28.57143% !important; }
.u-xs-after4of14 {
margin-right: 28.57143% !important; }
.u-xs-size5of14 {
width: 35.71429% !important; }
.u-xs-before5of14 {
margin-left: 35.71429% !important; }
.u-xs-after5of14 {
margin-right: 35.71429% !important; }
.u-xs-size6of14 {
width: 42.85714% !important; }
.u-xs-before6of14 {
margin-left: 42.85714% !important; }
.u-xs-after6of14 {
margin-right: 42.85714% !important; }
.u-xs-size7of14 {
width: 50% !important; }
.u-xs-before7of14 {
margin-left: 50% !important; }
.u-xs-after7of14 {
margin-right: 50% !important; }
.u-xs-size8of14 {
width: 57.14286% !important; }
.u-xs-before8of14 {
margin-left: 57.14286% !important; }
.u-xs-after8of14 {
margin-right: 57.14286% !important; }
.u-xs-size9of14 {
width: 64.28571% !important; }
.u-xs-before9of14 {
margin-left: 64.28571% !important; }
.u-xs-after9of14 {
margin-right: 64.28571% !important; }
.u-xs-size10of14 {
width: 71.42857% !important; }
.u-xs-before10of14 {
margin-left: 71.42857% !important; }
.u-xs-after10of14 {
margin-right: 71.42857% !important; }
.u-xs-size11of14 {
width: 78.57143% !important; }
.u-xs-before11of14 {
margin-left: 78.57143% !important; }
.u-xs-after11of14 {
margin-right: 78.57143% !important; }
.u-xs-size12of14 {
width: 85.71429% !important; }
.u-xs-before12of14 {
margin-left: 85.71429% !important; }
.u-xs-after12of14 {
margin-right: 85.71429% !important; }
.u-xs-size13of14 {
width: 92.85714% !important; }
.u-xs-before13of14 {
margin-left: 92.85714% !important; }
.u-xs-after13of14 {
margin-right: 92.85714% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of12 {
width: 8.33333% !important; }
.u-lg-before1of12 {
margin-left: 8.33333% !important; }
.u-lg-after1of12 {
margin-right: 8.33333% !important; }
.u-lg-size2of12 {
width: 16.66667% !important; }
.u-lg-before2of12 {
margin-left: 16.66667% !important; }
.u-lg-after2of12 {
margin-right: 16.66667% !important; }
.u-lg-size3of12 {
width: 25% !important; }
.u-lg-before3of12 {
margin-left: 25% !important; }
.u-lg-after3of12 {
margin-right: 25% !important; }
.u-lg-size4of12 {
width: 33.33333% !important; }
.u-lg-before4of12 {
margin-left: 33.33333% !important; }
.u-lg-after4of12 {
margin-right: 33.33333% !important; }
.u-lg-size5of12 {
width: 41.66667% !important; }
.u-lg-before5of12 {
margin-left: 41.66667% !important; }
.u-lg-after5of12 {
margin-right: 41.66667% !important; }
.u-lg-size6of12 {
width: 50% !important; }
.u-lg-before6of12 {
margin-left: 50% !important; }
.u-lg-after6of12 {
margin-right: 50% !important; }
.u-lg-size7of12 {
width: 58.33333% !important; }
.u-lg-before7of12 {
margin-left: 58.33333% !important; }
.u-lg-after7of12 {
margin-right: 58.33333% !important; }
.u-lg-size8of12 {
width: 66.66667% !important; }
.u-lg-before8of12 {
margin-left: 66.66667% !important; }
.u-lg-after8of12 {
margin-right: 66.66667% !important; }
.u-lg-size9of12 {
width: 75% !important; }
.u-lg-before9of12 {
margin-left: 75% !important; }
.u-lg-after9of12 {
margin-right: 75% !important; }
.u-lg-size10of12 {
width: 83.33333% !important; }
.u-lg-before10of12 {
margin-left: 83.33333% !important; }
.u-lg-after10of12 {
margin-right: 83.33333% !important; }
.u-lg-size11of12 {
width: 91.66667% !important; }
.u-lg-before11of12 {
margin-left: 91.66667% !important; }
.u-lg-after11of12 {
margin-right: 91.66667% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of12 {
width: 8.33333% !important; }
.u-md-before1of12 {
margin-left: 8.33333% !important; }
.u-md-after1of12 {
margin-right: 8.33333% !important; }
.u-md-size2of12 {
width: 16.66667% !important; }
.u-md-before2of12 {
margin-left: 16.66667% !important; }
.u-md-after2of12 {
margin-right: 16.66667% !important; }
.u-md-size3of12 {
width: 25% !important; }
.u-md-before3of12 {
margin-left: 25% !important; }
.u-md-after3of12 {
margin-right: 25% !important; }
.u-md-size4of12 {
width: 33.33333% !important; }
.u-md-before4of12 {
margin-left: 33.33333% !important; }
.u-md-after4of12 {
margin-right: 33.33333% !important; }
.u-md-size5of12 {
width: 41.66667% !important; }
.u-md-before5of12 {
margin-left: 41.66667% !important; }
.u-md-after5of12 {
margin-right: 41.66667% !important; }
.u-md-size6of12 {
width: 50% !important; }
.u-md-before6of12 {
margin-left: 50% !important; }
.u-md-after6of12 {
margin-right: 50% !important; }
.u-md-size7of12 {
width: 58.33333% !important; }
.u-md-before7of12 {
margin-left: 58.33333% !important; }
.u-md-after7of12 {
margin-right: 58.33333% !important; }
.u-md-size8of12 {
width: 66.66667% !important; }
.u-md-before8of12 {
margin-left: 66.66667% !important; }
.u-md-after8of12 {
margin-right: 66.66667% !important; }
.u-md-size9of12 {
width: 75% !important; }
.u-md-before9of12 {
margin-left: 75% !important; }
.u-md-after9of12 {
margin-right: 75% !important; }
.u-md-size10of12 {
width: 83.33333% !important; }
.u-md-before10of12 {
margin-left: 83.33333% !important; }
.u-md-after10of12 {
margin-right: 83.33333% !important; }
.u-md-size11of12 {
width: 91.66667% !important; }
.u-md-before11of12 {
margin-left: 91.66667% !important; }
.u-md-after11of12 {
margin-right: 91.66667% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of12 {
width: 8.33333% !important; }
.u-sm-before1of12 {
margin-left: 8.33333% !important; }
.u-sm-after1of12 {
margin-right: 8.33333% !important; }
.u-sm-size2of12 {
width: 16.66667% !important; }
.u-sm-before2of12 {
margin-left: 16.66667% !important; }
.u-sm-after2of12 {
margin-right: 16.66667% !important; }
.u-sm-size3of12 {
width: 25% !important; }
.u-sm-before3of12 {
margin-left: 25% !important; }
.u-sm-after3of12 {
margin-right: 25% !important; }
.u-sm-size4of12 {
width: 33.33333% !important; }
.u-sm-before4of12 {
margin-left: 33.33333% !important; }
.u-sm-after4of12 {
margin-right: 33.33333% !important; }
.u-sm-size5of12 {
width: 41.66667% !important; }
.u-sm-before5of12 {
margin-left: 41.66667% !important; }
.u-sm-after5of12 {
margin-right: 41.66667% !important; }
.u-sm-size6of12 {
width: 50% !important; }
.u-sm-before6of12 {
margin-left: 50% !important; }
.u-sm-after6of12 {
margin-right: 50% !important; }
.u-sm-size7of12 {
width: 58.33333% !important; }
.u-sm-before7of12 {
margin-left: 58.33333% !important; }
.u-sm-after7of12 {
margin-right: 58.33333% !important; }
.u-sm-size8of12 {
width: 66.66667% !important; }
.u-sm-before8of12 {
margin-left: 66.66667% !important; }
.u-sm-after8of12 {
margin-right: 66.66667% !important; }
.u-sm-size9of12 {
width: 75% !important; }
.u-sm-before9of12 {
margin-left: 75% !important; }
.u-sm-after9of12 {
margin-right: 75% !important; }
.u-sm-size10of12 {
width: 83.33333% !important; }
.u-sm-before10of12 {
margin-left: 83.33333% !important; }
.u-sm-after10of12 {
margin-right: 83.33333% !important; }
.u-sm-size11of12 {
width: 91.66667% !important; }
.u-sm-before11of12 {
margin-left: 91.66667% !important; }
.u-sm-after11of12 {
margin-right: 91.66667% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of12 {
width: 8.33333% !important; }
.u-xs-before1of12 {
margin-left: 8.33333% !important; }
.u-xs-after1of12 {
margin-right: 8.33333% !important; }
.u-xs-size2of12 {
width: 16.66667% !important; }
.u-xs-before2of12 {
margin-left: 16.66667% !important; }
.u-xs-after2of12 {
margin-right: 16.66667% !important; }
.u-xs-size3of12 {
width: 25% !important; }
.u-xs-before3of12 {
margin-left: 25% !important; }
.u-xs-after3of12 {
margin-right: 25% !important; }
.u-xs-size4of12 {
width: 33.33333% !important; }
.u-xs-before4of12 {
margin-left: 33.33333% !important; }
.u-xs-after4of12 {
margin-right: 33.33333% !important; }
.u-xs-size5of12 {
width: 41.66667% !important; }
.u-xs-before5of12 {
margin-left: 41.66667% !important; }
.u-xs-after5of12 {
margin-right: 41.66667% !important; }
.u-xs-size6of12 {
width: 50% !important; }
.u-xs-before6of12 {
margin-left: 50% !important; }
.u-xs-after6of12 {
margin-right: 50% !important; }
.u-xs-size7of12 {
width: 58.33333% !important; }
.u-xs-before7of12 {
margin-left: 58.33333% !important; }
.u-xs-after7of12 {
margin-right: 58.33333% !important; }
.u-xs-size8of12 {
width: 66.66667% !important; }
.u-xs-before8of12 {
margin-left: 66.66667% !important; }
.u-xs-after8of12 {
margin-right: 66.66667% !important; }
.u-xs-size9of12 {
width: 75% !important; }
.u-xs-before9of12 {
margin-left: 75% !important; }
.u-xs-after9of12 {
margin-right: 75% !important; }
.u-xs-size10of12 {
width: 83.33333% !important; }
.u-xs-before10of12 {
margin-left: 83.33333% !important; }
.u-xs-after10of12 {
margin-right: 83.33333% !important; }
.u-xs-size11of12 {
width: 91.66667% !important; }
.u-xs-before11of12 {
margin-left: 91.66667% !important; }
.u-xs-after11of12 {
margin-right: 91.66667% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of10 {
width: 10% !important; }
.u-lg-before1of10 {
margin-left: 10% !important; }
.u-lg-after1of10 {
margin-right: 10% !important; }
.u-lg-size2of10 {
width: 20% !important; }
.u-lg-before2of10 {
margin-left: 20% !important; }
.u-lg-after2of10 {
margin-right: 20% !important; }
.u-lg-size3of10 {
width: 30% !important; }
.u-lg-before3of10 {
margin-left: 30% !important; }
.u-lg-after3of10 {
margin-right: 30% !important; }
.u-lg-size4of10 {
width: 40% !important; }
.u-lg-before4of10 {
margin-left: 40% !important; }
.u-lg-after4of10 {
margin-right: 40% !important; }
.u-lg-size5of10 {
width: 50% !important; }
.u-lg-before5of10 {
margin-left: 50% !important; }
.u-lg-after5of10 {
margin-right: 50% !important; }
.u-lg-size6of10 {
width: 60% !important; }
.u-lg-before6of10 {
margin-left: 60% !important; }
.u-lg-after6of10 {
margin-right: 60% !important; }
.u-lg-size7of10 {
width: 70% !important; }
.u-lg-before7of10 {
margin-left: 70% !important; }
.u-lg-after7of10 {
margin-right: 70% !important; }
.u-lg-size8of10 {
width: 80% !important; }
.u-lg-before8of10 {
margin-left: 80% !important; }
.u-lg-after8of10 {
margin-right: 80% !important; }
.u-lg-size9of10 {
width: 90% !important; }
.u-lg-before9of10 {
margin-left: 90% !important; }
.u-lg-after9of10 {
margin-right: 90% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of10 {
width: 10% !important; }
.u-md-before1of10 {
margin-left: 10% !important; }
.u-md-after1of10 {
margin-right: 10% !important; }
.u-md-size2of10 {
width: 20% !important; }
.u-md-before2of10 {
margin-left: 20% !important; }
.u-md-after2of10 {
margin-right: 20% !important; }
.u-md-size3of10 {
width: 30% !important; }
.u-md-before3of10 {
margin-left: 30% !important; }
.u-md-after3of10 {
margin-right: 30% !important; }
.u-md-size4of10 {
width: 40% !important; }
.u-md-before4of10 {
margin-left: 40% !important; }
.u-md-after4of10 {
margin-right: 40% !important; }
.u-md-size5of10 {
width: 50% !important; }
.u-md-before5of10 {
margin-left: 50% !important; }
.u-md-after5of10 {
margin-right: 50% !important; }
.u-md-size6of10 {
width: 60% !important; }
.u-md-before6of10 {
margin-left: 60% !important; }
.u-md-after6of10 {
margin-right: 60% !important; }
.u-md-size7of10 {
width: 70% !important; }
.u-md-before7of10 {
margin-left: 70% !important; }
.u-md-after7of10 {
margin-right: 70% !important; }
.u-md-size8of10 {
width: 80% !important; }
.u-md-before8of10 {
margin-left: 80% !important; }
.u-md-after8of10 {
margin-right: 80% !important; }
.u-md-size9of10 {
width: 90% !important; }
.u-md-before9of10 {
margin-left: 90% !important; }
.u-md-after9of10 {
margin-right: 90% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of10 {
width: 10% !important; }
.u-sm-before1of10 {
margin-left: 10% !important; }
.u-sm-after1of10 {
margin-right: 10% !important; }
.u-sm-size2of10 {
width: 20% !important; }
.u-sm-before2of10 {
margin-left: 20% !important; }
.u-sm-after2of10 {
margin-right: 20% !important; }
.u-sm-size3of10 {
width: 30% !important; }
.u-sm-before3of10 {
margin-left: 30% !important; }
.u-sm-after3of10 {
margin-right: 30% !important; }
.u-sm-size4of10 {
width: 40% !important; }
.u-sm-before4of10 {
margin-left: 40% !important; }
.u-sm-after4of10 {
margin-right: 40% !important; }
.u-sm-size5of10 {
width: 50% !important; }
.u-sm-before5of10 {
margin-left: 50% !important; }
.u-sm-after5of10 {
margin-right: 50% !important; }
.u-sm-size6of10 {
width: 60% !important; }
.u-sm-before6of10 {
margin-left: 60% !important; }
.u-sm-after6of10 {
margin-right: 60% !important; }
.u-sm-size7of10 {
width: 70% !important; }
.u-sm-before7of10 {
margin-left: 70% !important; }
.u-sm-after7of10 {
margin-right: 70% !important; }
.u-sm-size8of10 {
width: 80% !important; }
.u-sm-before8of10 {
margin-left: 80% !important; }
.u-sm-after8of10 {
margin-right: 80% !important; }
.u-sm-size9of10 {
width: 90% !important; }
.u-sm-before9of10 {
margin-left: 90% !important; }
.u-sm-after9of10 {
margin-right: 90% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of10 {
width: 10% !important; }
.u-xs-before1of10 {
margin-left: 10% !important; }
.u-xs-after1of10 {
margin-right: 10% !important; }
.u-xs-size2of10 {
width: 20% !important; }
.u-xs-before2of10 {
margin-left: 20% !important; }
.u-xs-after2of10 {
margin-right: 20% !important; }
.u-xs-size3of10 {
width: 30% !important; }
.u-xs-before3of10 {
margin-left: 30% !important; }
.u-xs-after3of10 {
margin-right: 30% !important; }
.u-xs-size4of10 {
width: 40% !important; }
.u-xs-before4of10 {
margin-left: 40% !important; }
.u-xs-after4of10 {
margin-right: 40% !important; }
.u-xs-size5of10 {
width: 50% !important; }
.u-xs-before5of10 {
margin-left: 50% !important; }
.u-xs-after5of10 {
margin-right: 50% !important; }
.u-xs-size6of10 {
width: 60% !important; }
.u-xs-before6of10 {
margin-left: 60% !important; }
.u-xs-after6of10 {
margin-right: 60% !important; }
.u-xs-size7of10 {
width: 70% !important; }
.u-xs-before7of10 {
margin-left: 70% !important; }
.u-xs-after7of10 {
margin-right: 70% !important; }
.u-xs-size8of10 {
width: 80% !important; }
.u-xs-before8of10 {
margin-left: 80% !important; }
.u-xs-after8of10 {
margin-right: 80% !important; }
.u-xs-size9of10 {
width: 90% !important; }
.u-xs-before9of10 {
margin-left: 90% !important; }
.u-xs-after9of10 {
margin-right: 90% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of8 {
width: 12.5% !important; }
.u-lg-before1of8 {
margin-left: 12.5% !important; }
.u-lg-after1of8 {
margin-right: 12.5% !important; }
.u-lg-size2of8 {
width: 25% !important; }
.u-lg-before2of8 {
margin-left: 25% !important; }
.u-lg-after2of8 {
margin-right: 25% !important; }
.u-lg-size3of8 {
width: 37.5% !important; }
.u-lg-before3of8 {
margin-left: 37.5% !important; }
.u-lg-after3of8 {
margin-right: 37.5% !important; }
.u-lg-size4of8 {
width: 50% !important; }
.u-lg-before4of8 {
margin-left: 50% !important; }
.u-lg-after4of8 {
margin-right: 50% !important; }
.u-lg-size5of8 {
width: 62.5% !important; }
.u-lg-before5of8 {
margin-left: 62.5% !important; }
.u-lg-after5of8 {
margin-right: 62.5% !important; }
.u-lg-size6of8 {
width: 75% !important; }
.u-lg-before6of8 {
margin-left: 75% !important; }
.u-lg-after6of8 {
margin-right: 75% !important; }
.u-lg-size7of8 {
width: 87.5% !important; }
.u-lg-before7of8 {
margin-left: 87.5% !important; }
.u-lg-after7of8 {
margin-right: 87.5% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of8 {
width: 12.5% !important; }
.u-md-before1of8 {
margin-left: 12.5% !important; }
.u-md-after1of8 {
margin-right: 12.5% !important; }
.u-md-size2of8 {
width: 25% !important; }
.u-md-before2of8 {
margin-left: 25% !important; }
.u-md-after2of8 {
margin-right: 25% !important; }
.u-md-size3of8 {
width: 37.5% !important; }
.u-md-before3of8 {
margin-left: 37.5% !important; }
.u-md-after3of8 {
margin-right: 37.5% !important; }
.u-md-size4of8 {
width: 50% !important; }
.u-md-before4of8 {
margin-left: 50% !important; }
.u-md-after4of8 {
margin-right: 50% !important; }
.u-md-size5of8 {
width: 62.5% !important; }
.u-md-before5of8 {
margin-left: 62.5% !important; }
.u-md-after5of8 {
margin-right: 62.5% !important; }
.u-md-size6of8 {
width: 75% !important; }
.u-md-before6of8 {
margin-left: 75% !important; }
.u-md-after6of8 {
margin-right: 75% !important; }
.u-md-size7of8 {
width: 87.5% !important; }
.u-md-before7of8 {
margin-left: 87.5% !important; }
.u-md-after7of8 {
margin-right: 87.5% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of8 {
width: 12.5% !important; }
.u-sm-before1of8 {
margin-left: 12.5% !important; }
.u-sm-after1of8 {
margin-right: 12.5% !important; }
.u-sm-size2of8 {
width: 25% !important; }
.u-sm-before2of8 {
margin-left: 25% !important; }
.u-sm-after2of8 {
margin-right: 25% !important; }
.u-sm-size3of8 {
width: 37.5% !important; }
.u-sm-before3of8 {
margin-left: 37.5% !important; }
.u-sm-after3of8 {
margin-right: 37.5% !important; }
.u-sm-size4of8 {
width: 50% !important; }
.u-sm-before4of8 {
margin-left: 50% !important; }
.u-sm-after4of8 {
margin-right: 50% !important; }
.u-sm-size5of8 {
width: 62.5% !important; }
.u-sm-before5of8 {
margin-left: 62.5% !important; }
.u-sm-after5of8 {
margin-right: 62.5% !important; }
.u-sm-size6of8 {
width: 75% !important; }
.u-sm-before6of8 {
margin-left: 75% !important; }
.u-sm-after6of8 {
margin-right: 75% !important; }
.u-sm-size7of8 {
width: 87.5% !important; }
.u-sm-before7of8 {
margin-left: 87.5% !important; }
.u-sm-after7of8 {
margin-right: 87.5% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of8 {
width: 12.5% !important; }
.u-xs-before1of8 {
margin-left: 12.5% !important; }
.u-xs-after1of8 {
margin-right: 12.5% !important; }
.u-xs-size2of8 {
width: 25% !important; }
.u-xs-before2of8 {
margin-left: 25% !important; }
.u-xs-after2of8 {
margin-right: 25% !important; }
.u-xs-size3of8 {
width: 37.5% !important; }
.u-xs-before3of8 {
margin-left: 37.5% !important; }
.u-xs-after3of8 {
margin-right: 37.5% !important; }
.u-xs-size4of8 {
width: 50% !important; }
.u-xs-before4of8 {
margin-left: 50% !important; }
.u-xs-after4of8 {
margin-right: 50% !important; }
.u-xs-size5of8 {
width: 62.5% !important; }
.u-xs-before5of8 {
margin-left: 62.5% !important; }
.u-xs-after5of8 {
margin-right: 62.5% !important; }
.u-xs-size6of8 {
width: 75% !important; }
.u-xs-before6of8 {
margin-left: 75% !important; }
.u-xs-after6of8 {
margin-right: 75% !important; }
.u-xs-size7of8 {
width: 87.5% !important; }
.u-xs-before7of8 {
margin-left: 87.5% !important; }
.u-xs-after7of8 {
margin-right: 87.5% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of6 {
width: 16.66667% !important; }
.u-lg-before1of6 {
margin-left: 16.66667% !important; }
.u-lg-after1of6 {
margin-right: 16.66667% !important; }
.u-lg-size2of6 {
width: 33.33333% !important; }
.u-lg-before2of6 {
margin-left: 33.33333% !important; }
.u-lg-after2of6 {
margin-right: 33.33333% !important; }
.u-lg-size3of6 {
width: 50% !important; }
.u-lg-before3of6 {
margin-left: 50% !important; }
.u-lg-after3of6 {
margin-right: 50% !important; }
.u-lg-size4of6 {
width: 66.66667% !important; }
.u-lg-before4of6 {
margin-left: 66.66667% !important; }
.u-lg-after4of6 {
margin-right: 66.66667% !important; }
.u-lg-size5of6 {
width: 83.33333% !important; }
.u-lg-before5of6 {
margin-left: 83.33333% !important; }
.u-lg-after5of6 {
margin-right: 83.33333% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of6 {
width: 16.66667% !important; }
.u-md-before1of6 {
margin-left: 16.66667% !important; }
.u-md-after1of6 {
margin-right: 16.66667% !important; }
.u-md-size2of6 {
width: 33.33333% !important; }
.u-md-before2of6 {
margin-left: 33.33333% !important; }
.u-md-after2of6 {
margin-right: 33.33333% !important; }
.u-md-size3of6 {
width: 50% !important; }
.u-md-before3of6 {
margin-left: 50% !important; }
.u-md-after3of6 {
margin-right: 50% !important; }
.u-md-size4of6 {
width: 66.66667% !important; }
.u-md-before4of6 {
margin-left: 66.66667% !important; }
.u-md-after4of6 {
margin-right: 66.66667% !important; }
.u-md-size5of6 {
width: 83.33333% !important; }
.u-md-before5of6 {
margin-left: 83.33333% !important; }
.u-md-after5of6 {
margin-right: 83.33333% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of6 {
width: 16.66667% !important; }
.u-sm-before1of6 {
margin-left: 16.66667% !important; }
.u-sm-after1of6 {
margin-right: 16.66667% !important; }
.u-sm-size2of6 {
width: 33.33333% !important; }
.u-sm-before2of6 {
margin-left: 33.33333% !important; }
.u-sm-after2of6 {
margin-right: 33.33333% !important; }
.u-sm-size3of6 {
width: 50% !important; }
.u-sm-before3of6 {
margin-left: 50% !important; }
.u-sm-after3of6 {
margin-right: 50% !important; }
.u-sm-size4of6 {
width: 66.66667% !important; }
.u-sm-before4of6 {
margin-left: 66.66667% !important; }
.u-sm-after4of6 {
margin-right: 66.66667% !important; }
.u-sm-size5of6 {
width: 83.33333% !important; }
.u-sm-before5of6 {
margin-left: 83.33333% !important; }
.u-sm-after5of6 {
margin-right: 83.33333% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of6 {
width: 16.66667% !important; }
.u-xs-before1of6 {
margin-left: 16.66667% !important; }
.u-xs-after1of6 {
margin-right: 16.66667% !important; }
.u-xs-size2of6 {
width: 33.33333% !important; }
.u-xs-before2of6 {
margin-left: 33.33333% !important; }
.u-xs-after2of6 {
margin-right: 33.33333% !important; }
.u-xs-size3of6 {
width: 50% !important; }
.u-xs-before3of6 {
margin-left: 50% !important; }
.u-xs-after3of6 {
margin-right: 50% !important; }
.u-xs-size4of6 {
width: 66.66667% !important; }
.u-xs-before4of6 {
margin-left: 66.66667% !important; }
.u-xs-after4of6 {
margin-right: 66.66667% !important; }
.u-xs-size5of6 {
width: 83.33333% !important; }
.u-xs-before5of6 {
margin-left: 83.33333% !important; }
.u-xs-after5of6 {
margin-right: 83.33333% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of5 {
width: 20% !important; }
.u-lg-before1of5 {
margin-left: 20% !important; }
.u-lg-after1of5 {
margin-right: 20% !important; }
.u-lg-size2of5 {
width: 40% !important; }
.u-lg-before2of5 {
margin-left: 40% !important; }
.u-lg-after2of5 {
margin-right: 40% !important; }
.u-lg-size3of5 {
width: 60% !important; }
.u-lg-before3of5 {
margin-left: 60% !important; }
.u-lg-after3of5 {
margin-right: 60% !important; }
.u-lg-size4of5 {
width: 80% !important; }
.u-lg-before4of5 {
margin-left: 80% !important; }
.u-lg-after4of5 {
margin-right: 80% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of5 {
width: 20% !important; }
.u-md-before1of5 {
margin-left: 20% !important; }
.u-md-after1of5 {
margin-right: 20% !important; }
.u-md-size2of5 {
width: 40% !important; }
.u-md-before2of5 {
margin-left: 40% !important; }
.u-md-after2of5 {
margin-right: 40% !important; }
.u-md-size3of5 {
width: 60% !important; }
.u-md-before3of5 {
margin-left: 60% !important; }
.u-md-after3of5 {
margin-right: 60% !important; }
.u-md-size4of5 {
width: 80% !important; }
.u-md-before4of5 {
margin-left: 80% !important; }
.u-md-after4of5 {
margin-right: 80% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of5 {
width: 20% !important; }
.u-sm-before1of5 {
margin-left: 20% !important; }
.u-sm-after1of5 {
margin-right: 20% !important; }
.u-sm-size2of5 {
width: 40% !important; }
.u-sm-before2of5 {
margin-left: 40% !important; }
.u-sm-after2of5 {
margin-right: 40% !important; }
.u-sm-size3of5 {
width: 60% !important; }
.u-sm-before3of5 {
margin-left: 60% !important; }
.u-sm-after3of5 {
margin-right: 60% !important; }
.u-sm-size4of5 {
width: 80% !important; }
.u-sm-before4of5 {
margin-left: 80% !important; }
.u-sm-after4of5 {
margin-right: 80% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of5 {
width: 20% !important; }
.u-xs-before1of5 {
margin-left: 20% !important; }
.u-xs-after1of5 {
margin-right: 20% !important; }
.u-xs-size2of5 {
width: 40% !important; }
.u-xs-before2of5 {
margin-left: 40% !important; }
.u-xs-after2of5 {
margin-right: 40% !important; }
.u-xs-size3of5 {
width: 60% !important; }
.u-xs-before3of5 {
margin-left: 60% !important; }
.u-xs-after3of5 {
margin-right: 60% !important; }
.u-xs-size4of5 {
width: 80% !important; }
.u-xs-before4of5 {
margin-left: 80% !important; }
.u-xs-after4of5 {
margin-right: 80% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of4 {
width: 25% !important; }
.u-lg-before1of4 {
margin-left: 25% !important; }
.u-lg-after1of4 {
margin-right: 25% !important; }
.u-lg-size2of4 {
width: 50% !important; }
.u-lg-before2of4 {
margin-left: 50% !important; }
.u-lg-after2of4 {
margin-right: 50% !important; }
.u-lg-size3of4 {
width: 75% !important; }
.u-lg-before3of4 {
margin-left: 75% !important; }
.u-lg-after3of4 {
margin-right: 75% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of4 {
width: 25% !important; }
.u-md-before1of4 {
margin-left: 25% !important; }
.u-md-after1of4 {
margin-right: 25% !important; }
.u-md-size2of4 {
width: 50% !important; }
.u-md-before2of4 {
margin-left: 50% !important; }
.u-md-after2of4 {
margin-right: 50% !important; }
.u-md-size3of4 {
width: 75% !important; }
.u-md-before3of4 {
margin-left: 75% !important; }
.u-md-after3of4 {
margin-right: 75% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of4 {
width: 25% !important; }
.u-sm-before1of4 {
margin-left: 25% !important; }
.u-sm-after1of4 {
margin-right: 25% !important; }
.u-sm-size2of4 {
width: 50% !important; }
.u-sm-before2of4 {
margin-left: 50% !important; }
.u-sm-after2of4 {
margin-right: 50% !important; }
.u-sm-size3of4 {
width: 75% !important; }
.u-sm-before3of4 {
margin-left: 75% !important; }
.u-sm-after3of4 {
margin-right: 75% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of4 {
width: 25% !important; }
.u-xs-before1of4 {
margin-left: 25% !important; }
.u-xs-after1of4 {
margin-right: 25% !important; }
.u-xs-size2of4 {
width: 50% !important; }
.u-xs-before2of4 {
margin-left: 50% !important; }
.u-xs-after2of4 {
margin-right: 50% !important; }
.u-xs-size3of4 {
width: 75% !important; }
.u-xs-before3of4 {
margin-left: 75% !important; }
.u-xs-after3of4 {
margin-right: 75% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of3 {
width: 33.33333% !important; }
.u-lg-before1of3 {
margin-left: 33.33333% !important; }
.u-lg-after1of3 {
margin-right: 33.33333% !important; }
.u-lg-size2of3 {
width: 66.66667% !important; }
.u-lg-before2of3 {
margin-left: 66.66667% !important; }
.u-lg-after2of3 {
margin-right: 66.66667% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of3 {
width: 33.33333% !important; }
.u-md-before1of3 {
margin-left: 33.33333% !important; }
.u-md-after1of3 {
margin-right: 33.33333% !important; }
.u-md-size2of3 {
width: 66.66667% !important; }
.u-md-before2of3 {
margin-left: 66.66667% !important; }
.u-md-after2of3 {
margin-right: 66.66667% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of3 {
width: 33.33333% !important; }
.u-sm-before1of3 {
margin-left: 33.33333% !important; }
.u-sm-after1of3 {
margin-right: 33.33333% !important; }
.u-sm-size2of3 {
width: 66.66667% !important; }
.u-sm-before2of3 {
margin-left: 66.66667% !important; }
.u-sm-after2of3 {
margin-right: 66.66667% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of3 {
width: 33.33333% !important; }
.u-xs-before1of3 {
margin-left: 33.33333% !important; }
.u-xs-after1of3 {
margin-right: 33.33333% !important; }
.u-xs-size2of3 {
width: 66.66667% !important; }
.u-xs-before2of3 {
margin-left: 66.66667% !important; }
.u-xs-after2of3 {
margin-right: 66.66667% !important; } }
@media screen and (min-width: 1340px) {
.u-lg-size1of2 {
width: 50% !important; }
.u-lg-before1of2 {
margin-left: 50% !important; }
.u-lg-after1of2 {
margin-right: 50% !important; } }
@media screen and (max-width: 1339px) {
.u-md-size1of2 {
width: 50% !important; }
.u-md-before1of2 {
margin-left: 50% !important; }
.u-md-after1of2 {
margin-right: 50% !important; } }
@media screen and (max-width: 991px) {
.u-sm-size1of2 {
width: 50% !important; }
.u-sm-before1of2 {
margin-left: 50% !important; }
.u-sm-after1of2 {
margin-right: 50% !important; } }
@media screen and (max-width: 639px) {
.u-xs-size1of2 {
width: 50% !important; }
.u-xs-before1of2 {
margin-left: 50% !important; }
.u-xs-after1of2 {
margin-right: 50% !important; } }
.u-beforeNone {
margin-left: 0 !important; }
.u-afterNone {
margin-right: 0 !important; }
@media screen and (min-width: 1340px) {
.u-lg-beforeNone {
margin-left: 0 !important; }
.u-lg-afterNone {
margin-right: 0 !important; } }
@media screen and (max-width: 1339px) {
.u-md-beforeNone {
margin-left: 0 !important; }
.u-md-afterNone {
margin-right: 0 !important; } }
@media screen and (max-width: 991px) {
.u-sm-beforeNone {
margin-left: 0 !important; }
.u-sm-afterNone {
margin-right: 0 !important; } }
@media screen and (max-width: 639px) {
.u-xs-beforeNone {
margin-left: 0 !important; }
.u-xs-afterNone {
margin-right: 0 !important; } }
/**
* Генерация контента утилиты
*
* @param {string} $prefix
*/
/**
* Генерация классов утилиты под все медиа-запросы
*
* @require {mixin} utilities-size-content
* @require {mixin} breakpoint
* @require {variable} breakpoints
*/
.u-sizeFitLeft, .u-sizeFitRight {
display: block !important;
float: left !important;
width: auto !important; }
.u-sizeFitRight {
float: right !important; }
.u-sizeFillRight {
display: block !important;
overflow: hidden !important;
width: auto !important; }
.u-sizeFillLeft {
display: table-cell !important;
max-width: 100% !important;
width: 10000px !important; }
.u-sizeFull {
box-sizing: border-box !important;
display: block !important;
width: 100% !important; }
@media screen and (min-width: 1340px) {
.u-lg-sizeFitLeft, .u-lg-sizeFitRight {
display: block !important;
float: left !important;
width: auto !important; }
.u-lg-sizeFitRight {
float: right !important; }
.u-lg-sizeFillRight {
display: block !important;
overflow: hidden !important;
width: auto !important; }
.u-lg-sizeFillLeft {
display: table-cell !important;
max-width: 100% !important;
width: 10000px !important; }
.u-lg-sizeFull {
box-sizing: border-box !important;
display: block !important;
width: 100% !important; } }
@media screen and (max-width: 1339px) {
.u-md-sizeFitLeft, .u-md-sizeFitRight {
display: block !important;
float: left !important;
width: auto !important; }
.u-md-sizeFitRight {
float: right !important; }
.u-md-sizeFillRight {
display: block !important;
overflow: hidden !important;
width: auto !important; }
.u-md-sizeFillLeft {
display: table-cell !important;
max-width: 100% !important;
width: 10000px !important; }
.u-md-sizeFull {
box-sizing: border-box !important;
display: block !important;
width: 100% !important; } }
@media screen and (max-width: 991px) {
.u-sm-sizeFitLeft, .u-sm-sizeFitRight {
display: block !important;
float: left !important;
width: auto !important; }
.u-sm-sizeFitRight {
float: right !important; }
.u-sm-sizeFillRight {
display: block !important;
overflow: hidden !important;
width: auto !important; }
.u-sm-sizeFillLeft {
display: table-cell !important;
max-width: 100% !important;
width: 10000px !important; }
.u-sm-sizeFull {
box-sizing: border-box !important;
display: block !important;
width: 100% !important; } }
@media screen and (max-width: 639px) {
.u-xs-sizeFitLeft, .u-xs-sizeFitRight {
display: block !important;
float: left !important;
width: auto !important; }
.u-xs-sizeFitRight {
float: right !important; }
.u-xs-sizeFillRight {
display: block !important;
overflow: hidden !important;
width: auto !important; }
.u-xs-sizeFillLeft {
display: table-cell !important;
max-width: 100% !important;
width: 10000px !important; }
.u-xs-sizeFull {
box-sizing: border-box !important;
display: block !important;
width: 100% !important; } }
.Auth-social-prev_text {
margin-right: 20px; }
.Auth-forgot_link {
font-weight: 700; }
.Auth-social-link {
line-height: 0; }
/**
* Блок: баннер
*/
.Banner-block {
height: 110px;
overflow: hidden;
/**
* Модификатор: верхний баннер
*/ }
.Banner-block img {
display: block;
width: 100%; }
.Banner-block:empty {
display: none; }
.Banner-block.Banner-block--top .Banner {
margin-left: -160px; }
.Banner-block.Banner-block--main_right {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
height: 100%;
border-radius: 20px; }
.Banner-block.Banner-block--main_right .Banner {
width: 300px; }
.Banner-block.Banner-block--main_right .Banner img {
width: 100%;
height: 100%; }
.Banner-block.Banner-block--main_center {
width: 100%;
height: auto; }
.Banner-block.Banner-block--main_center .Banner {
width: 100%; }
.Banner-block.Banner-block--main_center .Banner img {
width: 100%;
height: 100%; }
/**
* Модификатор: правый баннер
*/
.Banner-block--right {
display: block;
height: auto;
margin-bottom: 45px; }
.Banner-block--right .Banner {
padding: 0; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Banner-block.Banner-block--main_right .Banner {
width: 231px; } }
/**
* Блок: стандартный блок на сайте
*/
.Block {
position: relative;
margin-bottom: 32px; }
.Block .Block-date {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #4d5c6c;
margin-bottom: 24px; }
.Block .Block-date:before {
content: '/';
margin-right: 5px; }
.Block--note {
margin-bottom: 60px; }
.Block--shadow {
margin-bottom: 60px;
border-radius: 20px;
box-shadow: 0 7px 28px 0 rgba(110, 117, 125, 0.1);
background: #fff;
padding: 20px; }
.Block.Block--research_right {
text-align: center; }
.Block.Block--research_right .Block-title {
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin-bottom: 16px; }
.Block.Block--research_right .Block-footer {
margin-top: 16px; }
.Block.Block--main_banner {
padding: 0; }
.Block--publication {
width: 300px;
flex-shrink: 0; }
.Block--videos {
width: 300px;
flex-shrink: 0; }
.Block--research {
width: 300px;
flex-shrink: 0; }
.Block--research .Block-title {
display: block;
text-align: center;
margin-bottom: 16px; }
.Block.Block--embedded {
float: right;
clear: both;
margin: 0 0 20px 20px; }
.Block.Block--embedded .Block-footer {
text-align: center;
margin-top: 0; }
.Block--publication_infographics {
width: 407px;
flex-shrink: 0; }
.Block--publication_news {
margin-bottom: 20px;
flex-shrink: 0; }
.Block.Block--flex_end .Block-conteiner {
display: flex;
flex-direction: column;
justify-content: flex-end; }
.Block .Block-conteiner {
position: relative;
height: 100%; }
.Block .Block-content {
position: relative;
height: 100%; }
.Block .Block-footer {
margin-top: 24px;
width: 100%; }
.Block .Block-footer.Block-footer--bottom {
position: absolute;
bottom: 0; }
.Block .Block-footer .Block-footer-button {
width: 100%;
text-align: center; }
.Block .Block-footer-link {
font-weight: 700; }
.Block .Block-footer-link:after {
background-color: #0560c0;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
vertical-align: middle;
margin-left: 4px; }
.Block .Block-footer-link:hover:after {
background-color: #069abf; }
.Block:last-child {
margin-bottom: 0; }
.Block--hidden {
display: none; }
.Block--spaced25 {
margin-bottom: 25px; }
.Block--white {
padding: 25px 40px 30px;
background: #fff; }
.Block--wide {
width: 100%; }
.Block--padding-table {
padding: 30px 20px 0 20px; }
.Block--pagination-filter {
margin-bottom: 8px; }
.Block--pagination-top {
margin-top: 13px; }
.Block--before {
margin-bottom: 0 !important;
padding-bottom: 65px;
overflow: hidden; }
.Block--before:before {
content: '';
z-index: 10;
position: absolute;
width: 100%;
height: 65px;
bottom: 0;
left: 0;
background: #f3f3f3; }
.Block--right-sidebar {
height: 100%;
margin-bottom: 0; }
.Block--right .Block-title {
font-size: 23px;
font-weight: 800;
line-height: 1.4;
margin-bottom: 8px; }
.Block--right .Block-description {
font-size: 16px;
font-weight: 700;
line-height: 22.4px;
margin-bottom: 12px; }
/**
* Блок: заголовок блока с элементами управления
*/
.Block-title {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
margin-bottom: 24px; }
.Block-title--start {
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
-webkit-align-items: start;
-moz-align-items: start;
-ms-align-items: start;
-o-align-items: start;
align-items: start;
-ms-flex-align: start; }
.Block-title--center {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; }
.Block-title--publick {
display: block; }
.Block-title--publick .Block-wrapper {
display: inline-block; }
.Block-title--publick .Button--large {
margin-top: 5px; }
.Block-title--publick .Block-wrapper-inside {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; }
.Block-title--publick .Block-wrapper-inside .Block-item-hidden {
display: inline-block; }
.Block-title--publick .Block-wrapper-inside li {
margin-right: 20px; }
.Block-title--publick .Block-wrapper-inside li:last-child {
margin-right: 0; }
.Block-title--publick_selection {
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
margin-bottom: 20px; }
.Block-title--publick_selection .Block-wrapper-inside {
margin-bottom: 20px; }
.Block-title--publick_selection .Block-wrapper-inside ul li {
margin-right: 25px; }
.Block-title--publick_selection .Block-wrapper-inside ul li:last-child {
margin-right: 0; }
.Block-title--publick_selection .Block-wrapper-inside ul li a {
font-size: 16px; }
.Block-title--publick_archive {
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
min-height: 35px;
margin-bottom: 20px; }
.Block-title--with_subtitle {
margin-bottom: 15px; }
.Block-title.Block-title--new-auto h2 {
max-width: 400px; }
.Block-title h1, .Block-title h2 {
display: inline-block;
margin-bottom: 0; }
.Block-title h2 .Block-title-link {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit; }
.Block-title h2 .Block-title-link:hover {
color: #069abf; }
.Block-title .Button {
white-space: nowrap; }
.Block-title--small h2 {
margin-bottom: 12px;
font-size: 18px;
font-weight: bold;
line-height: 28px; }
.Block-title--small h2 .Search-number {
margin-left: 5px;
font-weight: 400;
color: #8d8d8d; }
.Block-title--with_view_controls {
margin-bottom: 6px; }
.Block-title--search_auto_block {
margin-bottom: 0; }
.Block-title--search_auto_block h1 {
margin-bottom: 5px; }
.Block-title .Block-title-button {
position: relative;
font-weight: 700;
padding-right: 16px; }
.Block-title .Block-title-button:after {
content: "";
display: inline-block;
position: absolute;
top: 50%;
width: 7px;
height: 7px;
margin-left: 6px;
border-color: #0560c0;
border-width: 2px 2px 0 0;
border-style: solid;
transform: translateY(-50%) rotate(45deg); }
.Block-title .Block-title-button:hover:after {
border-color: #069abf; }
.Block-control .Block-control-button:first-child {
margin-right: 8px; }
/**
* Блок: указание количества элементов в заголовке блока
*/
.Block-title-count {
display: inline-block;
font-size: inherit;
font-weight: 400;
line-height: inherit;
color: #a0a0a0; }
.Block-title-wrapper h2 {
margin-bottom: 5px; }
.Block-subtitle {
color: #4d5c6c;
margin-bottom: 8px; }
/**
* Блок: обертка заголовка с меню "Публикации"
*/
.Block-wrapper h2 {
margin-right: 25px;
margin-bottom: 2px; }
.Block-wrapper li {
display: inline-block; }
.Block-wrapper li a {
color: #8c8c8c;
font-size: 15px; }
.Block-wrapper li a:hover {
color: #069abf; }
.Block-wrapper li .Button {
color: #1e1e1e;
font-size: 16px; }
.Block-wrapper li.Block-item-hidden {
display: inline-block; }
/**
* Блок кнопки Подробнее
*/
.Block-more-open {
-webkit-transition: max-height 0.3s ease-out 0s;
-moz-transition: max-height 0.3s ease-out 0s;
transition: max-height 0.3s ease-out 0s;
max-height: 9999px !important; }
.Block-advertising {
display: block;
margin-bottom: 45px; }
.Block-advertising.Block-advertising--banner_2 {
height: 250px; }
.Block-advertising.Block-advertising--banner_3 {
height: 500px; }
.Block-advertising.Block-advertising--yandex_rtb {
width: 300px;
overflow: hidden;
margin-bottom: 0; }
.Block-advertising.Block-advertising--yandex_rtb_big {
height: 600px; }
/**
* Блок: управление отображением списка сущностей
*/
.Block-view_controls {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
-ms-flex-align: start;
margin-bottom: 12px; }
.Block-view_controls--search_auto {
margin-bottom: 20px; }
/**
* Блок: управления сортировкой списка сущностей
*/
.Block-sorting {
padding-top: 8px; }
.Block-sorting .Block-sorting-phrase {
display: inline-block;
font-size: 15px;
margin-right: 12px; }
.Block-sorting .Block-sorting-list {
display: inline-block; }
.Block-sorting .Block-sorting-list-item {
display: inline-block;
position: relative;
font-size: 15px;
color: #0560c0;
padding: 4px 12px 7px;
border-radius: 3px; }
.Block-sorting .Block-sorting-list-item svg {
position: relative;
width: 10px;
height: 12px;
vertical-align: middle;
margin-left: 4px;
transform: translate3d(0, 0, 0); }
.Block-sorting .Block-sorting-list-item svg .st0 {
fill: #0560c0; }
.Block-sorting .Block-sorting-list-item.Block-sorting-list-item--desc svg {
transform: rotate(180deg);
height: 12px; }
.Block-sorting .Block-sorting-list-item--by_alphabet svg {
margin-left: 3px;
margin-right: 2px;
margin-bottom: 4px; }
.Block-sorting .Block-sorting-list-item--active {
color: ;
background-color: ; }
.Block-sorting .Block-sorting-list-item--active svg .st0 {
fill: ; }
.Block-sorting .Block-sorting-list-item--active.Block-sorting-list-item--by_alphabet .Block-sorting-list-item-letter {
color: #646464; }
.Block-sorting .Block-sorting-list-item:hover {
color: #069abf; }
.Block-sorting .Block-sorting-list-item:hover svg .st0 {
fill: #069abf; }
.Block-sorting .Block-sorting-list-item:hover.Block-sorting-list-item--by_alphabet .Block-sorting-list-item-letter {
color: #069abf; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Block--shadow {
padding: 15px;
margin-bottom: 36px; }
.Block--note {
margin-bottom: 30px; }
.Block--publication_infographics {
width: 315px; }
.Block--publication_b2b_autobussines {
width: 315px; }
.Block--publication_analytics {
width: 315px; }
.Block--videos {
width: 231px; }
.Block .Block-title h2 {
font-size: 18px;
font-weight: 800;
line-height: 1.4; }
.Block--right .Block-title {
font-size: 18px; }
.Block.Block--research {
width: 231px; } }
/**
* Блок: оберточный блок для отдельных элементов страницы
*/
.Block-group {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
gap: 20px; }
.Block-group.Block-group--four {
display: grid;
grid-template-columns: 300px 300px 300px 300px;
grid-template-rows: 386px 240px;
grid-auto-flow: row;
margin-bottom: 60px; }
.Block-group.Block-group--four .Block.Block--publications_articles {
grid-column: span 2;
margin-bottom: 0; }
.Block-group.Block-group--four .Block.Block--publication_showroom {
height: 240px;
grid-column: 1 / span 2;
grid-row: 2 / span 1;
margin-bottom: 0; }
.Block-group.Block-group--four .Block.Block--publication_showroom .Block-content {
display: block; }
.Block-group.Block-group--four .Block.Block--publication_test_draiv_7d {
grid-row: span 2;
margin-bottom: 0; }
.Block-group.Block-group--four .Block.Block--event {
grid-row: span 2;
margin-bottom: 0; }
.Block-group .Block:last-child {
margin-bottom: 60px; }
.Block-group .Block.Block--horizontal {
width: auto; }
.Block-group .Block.Block--horizontal .Block-title {
margin-bottom: 20px; }
.Block-group .Block.Block--horizontal .Block-content {
display: flex; }
.Block-group .Block.Block--horizontal .Block-footer-link {
display: none; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Block-group--line .Block {
width: 231px; }
.Block-group .Block:last-child {
margin-bottom: 36px; }
.Block-group.Block-group--four {
display: grid;
grid-template-columns: 315px 315px 315px;
grid-template-rows: 353px 536px;
grid-auto-flow: row;
margin-bottom: 60px;
gap: 36px 20px; }
.Block-group.Block-group--four .Block.Block--publications_articles {
grid-column: span 3; }
.Block-group.Block-group--four .Block.Block--publications_articles .Publications-item-title {
height: auto; }
.Block-group.Block-group--four .Block.Block--publication_showroom {
height: auto;
grid-column: 1 / span 1;
grid-row: 2 / span 1;
width: 315px; }
.Block-group.Block-group--four .Block.Block--publication_showroom .Block-conteiner {
display: flex;
flex-direction: column;
justify-content: flex-end; }
.Block-group.Block-group--four .Block.Block--publication_showroom .Publication--showroom {
display: block; }
.Block-group.Block-group--four .Block.Block--publication_showroom .Publication--showroom .Publication-image {
margin-right: 0;
width: auto;
margin-bottom: 24px; }
.Block-group.Block-group--four .Block.Block--publication_showroom .Publication--showroom .Publication-link {
display: none; }
.Block-group.Block-group--four .Block.Block--publication_showroom .Block-footer-link {
display: block; }
.Block-group.Block-group--four .Block.Block--publication_test_draiv_7d {
grid-column: 2 / span 1;
grid-row: 2 / span 1;
width: 315px; }
.Block-group.Block-group--four .Block.Block--event {
grid-column: 3 / span 1;
grid-row: 2 / span 1;
width: 315px; } }
/* @import 'components/blocks';*/
/**
* Блок: хлебные крошки
*/
.Breadcrumbs {
padding-bottom: 24px; }
.Breadcrumbs-list {
font-size: 0; }
.Breadcrumbs-item {
position: relative;
display: inline;
line-height: 1.4; }
.Breadcrumbs-item + .Breadcrumbs-item {
margin-left: 48px; }
.Breadcrumbs-item + .Breadcrumbs-item::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
margin: 3px 0;
position: absolute;
left: -30px; }
.Breadcrumbs-item:last-child .Breadcrumbs-link {
color: #4d5c6c;
cursor: default; }
.Breadcrumbs-link {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
color: #0560c0; }
.Breadcrumbs-link span {
line-height: inherit;
font-weight: 700;
color: inherit; }
.Button {
display: inline-block;
height: 50px;
font-size: 16px;
line-height: 18px;
font-weight: 700;
text-decoration: none;
color: #0560c0;
vertical-align: top;
padding: 16px 32px;
border-radius: 12px;
cursor: pointer;
white-space: nowrap; }
.Button:focus {
outline: none; }
.Button.Button--control {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
padding: 0;
border: 1px solid #0560c0;
border-radius: 12px; }
.Button.Button--control:after {
content: '';
display: inline-block;
width: 8px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
.Button.Button--control:hover {
border-color: #069abf; }
.Button.Button--control:hover:after {
background-color: #069abf; }
.Button.Button--prev:after {
background-color: #0560c0;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; }
.Button.Button--next:after {
background-color: #0560c0;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; }
.Button.Button--cart {
width: 100%;
height: auto;
padding: 6px 32px; }
.Button.Button--cart_recommend {
padding: 6px 23px; }
.Button.Button--cart_added {
display: flex;
align-items: center;
padding: 2px; }
.Button.Button--cart_added .Button-title {
width: 48px;
margin: 0 4px; }
.Button.Button--cart_added .Button-minus {
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
padding: 0; }
.Button.Button--cart_added .Button-plus {
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
padding: 0; }
.Button.Button--cart_delete {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 13px;
margin-left: 5px; }
.Button.Button--cart_delete .Button-title {
margin-left: 10px;
color: #bf2519; }
.Button.Button--cart_delete:hover svg path {
stroke: #069abf; }
.Button.Button--cart_delete:hover .Button-title {
color: #069abf; }
.Button.Button--bordered {
border: 1px solid #0560c0; }
.Button.Button--bordered:hover {
color: #069abf;
border-color: #069abf; }
.Button.Button--bordered_grey {
border: 1px solid #ccd0d5; }
.Button.Button--filled_blue {
color: #fff;
background-color: #0560c0; }
.Button.Button--filled_blue:hover {
background-color: #069abf; }
.Button.Button--scroll_to_top {
position: fixed;
bottom: 17px;
right: 85px;
padding: 13px;
z-index: 100; }
.Button.Button--scroll_to_top .Button-content {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
gap: 10px; }
.Button.Button--scroll_to_top .Button-icon {
width: 24px;
height: 24px; }
.Button.Button--scroll_to_top .Button-text {
color: #0560c0;
font-weight: 700;
font-size: 16px;
line-height: 1.12; }
.Button.Button--scroll_to_top:hover .Button-icon svg path {
stroke: #069abf; }
.Button.Button--scroll_to_top:hover .Button-text {
color: #069abf; }
.Button.Button--favorite {
padding: 14px 12px;
border-color: #00162d; }
.Button.Button--favorite.active svg {
fill: #0560c0; }
.Button.Button--favorite.active svg path {
stroke: #0560c0; }
.Button.Button--favorite.active:hover svg {
fill: #069abf; }
.Button.Button--favorite:hover {
color: #069abf;
border-color: #069abf; }
.Button.Button--favorite:hover svg path {
stroke: #069abf; }
.Button.Button--auth_to_reg_link, .Button.Button--reg_to_auth_link {
height: auto;
line-height: 1.4;
text-align: center;
padding-top: 0;
padding-bottom: 0; }
.Button.Button--eng_version_link {
height: 34px;
line-height: 1.4;
padding: 5px 12px 7px; }
.Button .Button-title {
text-align: center; }
.Button .Button-subtitle {
text-align: center;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
margin-top: 4px; }
.Button[type=submit] {
position: relative; }
.Button[type=submit]:after {
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
content: '';
z-index: 1;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: inherit;
background-repeat: no-repeat;
background-position: center;
visibility: hidden;
opacity: 0;
border-radius: 12px; }
.Button[type=submit].is-sending:after {
background-image: url('/app/src/img/form_sending.svg');
background-size: 32px;
visibility: visible;
opacity: 1; }
.Button[type=submit].is-sended:after {
background-image: url('/app/src/img/form_sended.svg');
background-size: 24px;
visibility: visible;
opacity: 1; }
.Button.Button--large {
-webkit-transition: background 0.3s, color 0.3s, border 0.3s;
-moz-transition: background 0.3s, color 0.3s, border 0.3s;
transition: background 0.3s, color 0.3s, border 0.3s;
padding: 6px 15px 8px;
border: 1px solid #b4b4b4;
border-radius: 3px; }
.Button.Button--large:hover {
color: #fff;
background: #006fe1;
border-color: #006fe1; }
.Button.Button--large:active {
color: #fff;
background: #0049ce;
border-color: #0049ce; }
.Button.Button--large-green {
-webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
-moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
font-size: 12px;
text-transform: uppercase;
color: #00b611;
border: 1px solid #00b611;
border-radius: 3px; }
.Button.Button--large-green:hover {
color: #fff;
background: #00c212;
border-color: #00c212; }
.Button.Button--large-red {
-webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
-moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
font-size: 12px;
text-transform: uppercase;
color: #eb5757;
border: 1px solid #eb5757;
border-radius: 3px; }
.Button.Button--large-red:hover {
color: #fff;
background: #eb5757;
border-color: #eb5757; }
.Button.Button--orange {
-webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
-moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
font-size: 16px;
color: #fff;
background: #f04000;
border-radius: 3px; }
.Button.Button--orange:hover {
color: #fff;
background: #d93a00; }
.Button.Button--calc_my_car_add {
padding: 7px 15px 9px;
vertical-align: middle; }
.Button.Button--personal_offer {
margin-bottom: 10px;
font-size: 14px;
text-align: center;
height: auto;
padding: 7px 9px 9px;
text-transform: none; }
.Button.Button--reduced-padding {
padding: 7px 21px 9px; }
.Button.Button--small-padding {
font-size: 16px;
padding: 7px 15px 9px; }
.Button.Button--wide {
width: 100%; }
.Button--calendar {
margin-top: -1px; }
.Button.Button--mw100 {
min-width: 100px; }
.Button.Button--mb20 {
margin-bottom: 20px; }
.Button.Button--filled-blue {
font-size: 21px;
height: 55px;
padding: 15px 70px;
text-align: center;
font-weight: bold;
line-height: 26px;
flex: none;
order: 0;
align-self: center;
flex-grow: 0;
background-color: #00b0f0;
color: #fff;
border-radius: 3px; }
.Button.Button--filled-blue:hover {
background-color: #0093e5;
color: #fff; }
.Button.Button--credit_order {
height: 55px;
padding: 14px 0 15px;
width: 282px; }
.Button.Button--credit_order:hover {
background-color: #0093e5;
color: #fff; }
.Button.Button--credit_order_form {
width: 350px;
height: 56px; }
.Button.Button--callback_request {
font-size: 14px;
padding: 6px 10px 5px;
text-transform: none;
line-height: 1.25; }
.Button.Button--icon_phone:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: url('/app/src/img/svg/icon_phone_green.svg') center no-repeat;
transition: background 0.25s ease;
vertical-align: middle;
margin-right: 7px; }
.Button.Button--icon_phone:hover:before {
background: url('/app/src/img/svg/icon_phone_white.svg') center no-repeat; }
.Button.Button--icon_without_title_md .Button-title {
display: none; }
.Button.Button--icon_without_title_md:before {
margin-right: 0; }
.Button.Button--comment_save {
display: none;
width: 24px;
height: 24px;
position: absolute;
bottom: 17px;
right: 16px;
padding: 0;
z-index: 10; }
.Button.Button--comment_save.is-sending {
-webkit-filter: invert(100%);
filter: invert(100%);
background-image: none; }
.Button.Button--comment_save.is-sending::after {
background-size: 25px; }
.Button.Button--comment_save.is-sended::after {
display: none; }
.Button.Button--comment_save:hover {
opacity: 0.7; }
.Button.Button--card-order_available_car {
font-size: 14px;
height: 33px;
line-height: 18px;
padding: 6px 0; }
.Button.Button--card-order_available_car.Button--with_arrow:after {
width: 16px;
height: 19px;
margin-left: 3px; }
.Button.Button--card-has_order_available_car {
padding: 6px 15px 7px 0; }
.Button.Button--card-callback_request {
line-height: 18px;
padding: 6px 0 9px;
height: 33px; }
.Button.Button--card-callback_request.Button--icon_phone:before {
width: 18px;
height: 18px; }
.Button--large-catalog {
-webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
-moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
font-size: 12px;
text-transform: uppercase;
color: #8c8c8c;
border: 1px solid transparent;
border-radius: 3px; }
.Button--large-catalog:hover {
color: #084fa3;
background: inherit;
border-color: #084fa3; }
.Button--hidden {
display: none; }
.Button--always_hidden {
display: none; }
.Button--weight {
font-family: 'RobotoCondensed', sans-serif;
font-weight: 500;
padding: 4px 9px; }
.Button--filled-white {
height: 40px;
vertical-align: middle;
color: ;
font-size: 18px;
padding: 7px 40px 9px;
background: white;
border: 1px solid ;
border-radius: 3px;
transition: 200ms; }
.Button--filled-white:hover {
color: white;
background: #069abf; }
.Button--filled-white:active {
background: #069abf; }
.Button--filled-green {
height: 40px;
vertical-align: middle;
color: #fff;
padding: 7px 40px 9px;
background: #00c212;
border-radius: 3px; }
.Button--filled-green:hover {
color: white;
background: #50d300; }
.Button--filled-green:active {
color: white;
background: #00b511; }
.Button--filled_light_green {
-webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
-moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
height: 40px;
vertical-align: middle;
color: #fff;
padding: 7px 40px 9px;
background-color: #2ecc71;
border-radius: 3px; }
.Button--filled_light_green:hover {
color: white;
background-color: #239854; }
.Button--filled_light_green:active {
color: white;
background-color: #00b511; }
.Button--filled_light_blue {
-webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
-moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
vertical-align: middle;
color: #fff;
padding: 6px 15px 8px;
background: #00b0f0;
border: 1px solid #00b0f0;
border-radius: 3px; }
.Button--filled_light_blue:hover {
color: white;
background-color: #068ec0;
border-color: #068ec0; }
.Button--filled_light_blue:active {
color: white;
background-color: #33bbec;
border-color: #33bbec; }
.Button--with_arrow {
position: relative;
font-size: 14px; }
.Button--with_arrow:after {
content: '';
position: absolute;
width: 10px;
height: 16px;
margin-left: 11px;
background-size: contain; }
.Button--with_arrow.Button--arrow_white:after {
background: url('/app/src/img/button_arrow_white.png') no-repeat right; }
.Button--with_arrow.Button--arrow_gray:after {
background: url('/app/src/img/svg/button_arrow_gray.svg') no-repeat right; }
.Button--banner_main {
margin-bottom: 13px;
padding: 7px 44px 8px 22px;
height: 34px; }
.ButtonView {
display: inline-block;
line-height: 0; }
.ButtonView .ButtonView-item {
position: relative;
width: 34px;
height: 34px;
background-color: #fff;
box-shadow: 1px 0 0 0 #b4b4b4, 0 1px 0 0 #b4b4b4, 1px 1px 0 0 #b4b4b4, 1px 0 0 0 #b4b4b4 inset, 0 1px 0 0 #b4b4b4 inset; }
.ButtonView .ButtonView-item:first-child {
border-radius: 3px 0 0 3px; }
.ButtonView .ButtonView-item:last-child {
border-radius: 0 3px 3px 0; }
.ButtonView .ButtonView-item:hover {
z-index: 1;
background-color: #e6f2ff;
box-shadow: 1px 0 0 0 #5dadff, 0 1px 0 0 #5dadff, 1px 1px 0 0 #5dadff, 1px 0 0 0 #5dadff inset, 0 1px 0 0 #5dadff inset; }
.ButtonView .ButtonView-item.is-active {
box-shadow: 1px 0 0 0 #b4b4b4, 0 1px 0 0 #b4b4b4, 1px 1px 0 0 #b4b4b4, 1px 0 0 0 #b4b4b4 inset, 0 1px 0 0 #b4b4b4 inset;
cursor: default; }
.ButtonView .ButtonView-item.ButtonView-item--tiles {
background-image: url('/app/src/img/r_tiles.png');
background-repeat: no-repeat; }
.ButtonView .ButtonView-item.ButtonView-item--tiles:hover {
background-position: center center; }
.ButtonView .ButtonView-item.ButtonView-item--tiles.is-active {
background-color: #f3f3f3;
background-position: center bottom; }
.ButtonView .ButtonView-item.ButtonView-item--list_with_images {
background-image: url('/app/src/img/r_ext_list.png');
background-repeat: no-repeat; }
.ButtonView .ButtonView-item.ButtonView-item--list_with_images:hover {
background-position: center center; }
.ButtonView .ButtonView-item.ButtonView-item--list_with_images.is-active {
background-color: #f3f3f3;
background-position: center bottom; }
.ButtonView .ButtonView-item.ButtonView-item--list {
background-image: url('/app/src/img/r_list.png');
background-repeat: no-repeat; }
.ButtonView .ButtonView-item.ButtonView-item--list:hover {
background-position: center center; }
.ButtonView .ButtonView-item.ButtonView-item--list.is-active {
background-color: #f3f3f3;
background-position: center bottom; }
.ButtonView .ButtonView-item.ButtonView-item--map {
background-image: url('/app/src/img/r_map.png');
background-repeat: no-repeat; }
.ButtonView .ButtonView-item.ButtonView-item--map:hover {
background-position: center center; }
.ButtonView .ButtonView-item.ButtonView-item--map.is-active {
background-color: #f3f3f3;
background-position: center bottom; }
.ButtonView--publications {
margin-right: 1px;
margin-bottom: 1px; }
.Button-shadow {
position: relative;
color: #084fa3;
padding: 12px 0 10px; }
.Button-shadow:hover {
color: #069abf; }
.Button-shadow:hover:after {
background-position: center -9px; }
.Button-shadow:after {
display: inline-block;
content: '';
width: 12px;
height: 7px;
vertical-align: middle;
background-image: url('/app/src/img/arrow.png');
background-position: center top;
margin-left: 5px; }
.Button-shadow.Button-shadow--categories {
position: absolute;
bottom: 17px;
right: 19px;
background: #fff;
box-shadow: -25px 0px 18px 0px #fff; }
.Button-shadow.Button-shadow--information {
max-width: 800px;
max-height: 82px;
overflow: hidden; }
.Button-shadow.Button-shadow--open:after {
background-position: center -97px; }
.Button-shadow.Button-shadow--open:hover:after {
background-position: center -45px; }
.Button-shadow--component {
position: absolute;
top: 0;
right: 20px;
padding: 0; }
.Button-shadow.Button-shadow--gray {
color: #646464; }
.Button-shadow.Button-shadow--gray:after {
background-position: center -27px; }
.Button-shadow.Button-shadow--gray:hover {
color: #069abf; }
.Button-shadow.Button-shadow--gray:hover:after {
background-position: center -9px; }
.Button-shadow.Button-shadow--gray.Button-shadow--open:after {
background-position: center -97px; }
.Button-shadow.Button-shadow--gray.Button-shadow--open:hover:after {
background-position: center -45px; }
.Button-shadow.Button-shadow--with_m_b {
margin-bottom: 13px; }
.Button--line {
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
text-align: center;
background: #fff;
border-top: 1px solid #d2d2d2;
border-radius: 0 0 3px 3px; }
.Button--line a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
display: block;
width: 100%;
color: #1f1f1f;
padding: 11px 0 13px; }
.Button--line:hover {
background: #006fe1; }
.Button--line:hover a {
color: #fff; }
.Button-wrapper.Button-wrapper--rightpart {
text-align: center;
padding-bottom: 5px; }
.Button--right {
float: right; }
.Button--gray {
-webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
-moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
transition: background 0.25s ease-in-out, color 0.25s ease-in-out, border 0.25s ease-in-out;
color: #8c8c8c;
border: 1px solid #8c8c8c;
border-radius: 3px; }
.Button--gray:hover {
background: #f3f3f3; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
}
/**
* Блок: группа кнопок
*/
.button-group--inline .Button {
display: inline-block;
margin-right: 20px; }
.button-group--inline .Button:last-child {
margin-right: 0; }
.button-group--between {
display: flex;
justify-content: space-between; }
.button-group--centered {
display: flex;
justify-content: center; }
.button-group--spaced {
margin-top: 25px;
margin-bottom: 20px; }
.button-group--top_spaced_25 {
margin-top: 25px; }
.button-group--bottom_spaced_25 {
margin-bottom: 25px; }
/**
* Блок: календарь
*/
.Calendar-block {
background: #fff;
border-radius: 3px;
/**
* Блок: отдельный автомобиль в календаре
*/ }
.Calendar-block .Calendar-block-title {
text-align: center; }
.Calendar-block .Calendar-block-title p {
height: 48px;
line-height: 46px; }
.Calendar-block .Calendar-block-item {
display: inline-block;
height: 100%;
vertical-align: top; }
.Calendar-block .Calendar-block-item .Calendar-block-main-info {
display: block;
padding: 0 5px 9px 5px; }
.Calendar-block .Calendar-block-item .Calendar-block-main-info:last-child {
padding-bottom: 15px; }
.Calendar-block .Calendar-block-item .Calendar-block-main-info:hover {
cursor: pointer; }
.Calendar-block .Calendar-block-item .Calendar-block-photo_wrapper {
position: relative; }
.Calendar-block .Calendar-block-item .Calendar-block-photo {
position: relative;
display: block;
height: 118px;
margin-bottom: 17px;
/**
* Модификатор: модель находится в продаже (шильдик)
*/ }
.Calendar-block .Calendar-block-item .Calendar-block-photo--in_sale:before {
z-index: 100;
content: 'В продаже';
position: absolute;
top: 10px;
right: 10px;
font-family: Roboto;
line-height: normal;
font-size: 13px;
color: #fff;
background: #ff3626;
border-radius: 3px;
padding: 1px 0 4px;
width: 79px;
text-align: center; }
.Calendar-block .Calendar-block-item .Calendar-block-photo:empty {
background-image: url('/app/src/img/zagl_s.png');
background-position: center center; }
.Calendar-block .Calendar-block-item img {
display: block;
width: 100%;
height: 100%; }
.Calendar-block .Calendar-block-item .Calendar-block-labels {
position: absolute;
bottom: -11px;
left: 10px; }
.Calendar-block .Calendar-block-item .Calendar-block-labels .Calendar-block-label {
display: inline-block;
vertical-align: top;
font-size: 13px;
color: #fff;
padding: 2px 6px 3px 6px;
border-radius: 3px;
margin-right: 11px; }
.Calendar-block .Calendar-block-item .Calendar-block-labels .Calendar-block-label--blue {
background: #084fa3; }
.Calendar-block .Calendar-block-item .Calendar-block-labels .Calendar-block-label--green {
background: #00c212; }
.Calendar-block .Calendar-block-item .Calendar-block-labels .Calendar-block-label--gray {
background: #393939; }
.Calendar-block .Calendar-block-item .Calendar-block-labels .Calendar-block-label--yellow {
background: #ffc720;
color: #000; }
.Calendar-block .Calendar-block-item .Calendar-block-labels .Calendar-block-label--red {
background: #f54128; }
.Calendar-block .Calendar-block-item .Calendar-block-labels .Calendar-block-label--light_green {
background: #2ecc93; }
.Calendar-block .Calendar-block-item .Calendar-video-review-wrapper {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
vertical-align: top; }
.Calendar-block .Calendar-block-item .Calendar-video-review {
z-index: 10; }
.Calendar-block .Calendar-block-item .Calendar-block-link {
display: block;
font-weight: bold;
font-size: 16px;
margin: 0 10px; }
.Calendar-block .Calendar-block-item .Calendar-wrapper-available-link {
display: block;
font-size: 14px;
color: #0560c0;
padding: 0 15px 15px 15px; }
.Calendar-block .Calendar-block-item .Calendar-wrapper-available-link:hover {
cursor: pointer;
color: #069abf; }
.Calendar-block .Calendar-block-item .Calendar-available-link {
display: block; }
.Calendar-block .Calendar-block-item .Calendar-block-preview {
margin: 0 20px;
color: #a0a0a0; }
.Calendar-block .Calendar-block-item:last-child {
border-right: 0 !important; }
.Calendar-block .Calendar-block-item:nth-child(4n), .Calendar-block .Calendar-block-item--hidden {
display: none; }
.Calendar-block .Calendar-block-item:hover .Calendar-block-photo {
opacity: 0.9; }
.Calendar-block .Calendar-block-item:hover .Calendar-block-info {
opacity: 0.8; }
.Calendar-block--incomplete {
background-color: inherit; }
.Calendar-block--incomplete .Calendar-block-wrapper--page {
padding: 0; }
.Calendar-block--incomplete .Button--calendar {
display: block; }
.Calendar-block--incomplete .Calendar-block-item {
background-color: #fff; }
.Calendar-block--lg-incomplete .Button--calendar {
display: block; }
.Calendar-block--lg-incomplete .Calendar-block-wrapper--page .Calendar-block-item {
padding-top: 15px; }
.Calendar-block--lg-incomplete .Calendar-block-wrapper--page .Calendar-block-item:first-child {
padding-left: 10px; }
.Calendar-block--lg-incomplete .Calendar-block-wrapper--page .Calendar-block-item:last-child {
padding-right: 10px; }
.Calendar-block--noBorder {
border-radius: 0; }
.Calendar-block.open .Calendar-block-item {
display: inline-block; }
.Calendar-block.open .Calendar-block-item:nth-child(4n), .Calendar-block.open .Calendar-block-item--hidden {
display: inline-block; }
.Calendar-block.Calendar-block--main .Calendar-block-wrapper {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.015), 14px 14px 20px rgba(0, 0, 0, 0.03), 4px 4px 6px rgba(0, 0, 0, 0.04); }
.Calendar-block-wrapper {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.025), 0 14px 63px rgba(0, 0, 0, 0.05), 0 4px 19px rgba(0, 0, 0, 0.06);
padding: 0 5px;
overflow: hidden; }
.Calendar-block-wrapper:last-child {
box-shadow: none; }
.Calendar-block-wrapper--page {
display: flex !important;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 15px 10px 0 10px; }
.Calendar-block-wrapper--page .Calendar-block-item {
height: auto; }
.Calendar-block-wrapper--page .Calendar-block-item:nth-child(3n) {
border-right: 0; }
.Calendar-block-wrapper--page .Calendar-block-item .Calendar-block-main-info:last-child {
padding-bottom: 37px; }
.Calendar-block-wrapper--page .Calendar-block-item .Calendar-wrapper-available-link {
padding-bottom: 37px; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Calendar-block .Calendar-block-item .Calendar-block-photo {
display: block;
height: 136px;
margin-bottom: 19px; }
.Calendar-block .Calendar-block-item:nth-child(4) {
display: inline-block; }
.Calendar-block .Calendar-block-item:nth-child(4).Calendar-block-item--last {
display: none; }
.Calendar-block--main .Calendar-block-item .Calendar-block-photo {
height: 136px; }
.Calendar-block--incomplete .Calendar-block-wrapper--page .Calendar-block-item {
padding-top: 15px; }
.Calendar-block--incomplete .Calendar-block-wrapper--page .Calendar-block-item:first-child {
padding-left: 10px; }
.Calendar-block--incomplete .Calendar-block-wrapper--page .Calendar-block-item:last-child {
padding-right: 10px; }
.Calendar-block-wrapper:last-child {
border-right: 0; }
.Calendar-block-wrapper:nth-child(2) .Calendar-block-item:last-child, .Calendar-block-wrapper:nth-child(3) .Calendar-block-item:last-child {
border-right: 0 !important; }
.Calendar-block-wrapper--page .Calendar-block-item:nth-child(4n) {
border-right: 0; }
.Calendar-block-wrapper--page .Calendar-block-item .Calendar-block-main-info:last-child {
padding-bottom: 33px; }
.Calendar-block-wrapper--page .Calendar-block-item .Calendar-wrapper-available-link {
padding-bottom: 33px; } }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Calendar-block .Calendar-block-wrapper:nth-child(2) {
border-right: 0; }
.Calendar-block .Calendar-block-wrapper:nth-child(2) .Calendar-block-item {
border-right: 0; }
.Calendar-block--incomplete .Calendar-block-item {
padding-top: 15px; }
.Calendar-block--incomplete .Calendar-block-item:first-child {
padding-left: 10px; }
.Calendar-block--incomplete .Calendar-block-item:last-child {
padding-right: 10px; } }
/**
* Блок: облако ссылок
*/
.Categories {
position: relative;
padding: 21px 20px 7px;
background: #fff; }
.Categories p.title {
margin-bottom: 13px;
font-size: 18px;
font-weight: bold; }
.Categories ul {
display: inline-block;
max-height: 148px;
overflow: hidden; }
.Categories ul li {
display: inline-block;
margin: 0px 10px 11px 0; }
.Categories ul li:last-child {
margin-right: 0; }
.Categories ul li a {
-webkit-transition: color 0.25s, background 0.25s;
-moz-transition: color 0.25s, background 0.25s;
transition: color 0.25s, background 0.25s;
display: block;
padding: 4px 10px 6px;
font-size: 15px;
color: ;
background-color: #e6f2ff;
border-radius: 3px; }
.Categories ul li a:hover {
color: #fdfeff;
background-color: #006fe1; }
.Categories ul li a:active {
background-color: #0049ce; }
.Categories ul li .Button {
color: ; }
.Categories .Categories-list.Block-more-open li:last-child {
margin-right: 140px; }
.Categories .Categories-list--hidden {
display: none; }
.Categories .Categories-list .Button-wrapper {
margin: 0; }
.Categories .Categories-list--mark .Categories-item--selected a {
position: relative;
padding-right: 31px;
color: #5a5a5a;
background-color: #f3f3f3; }
.Categories .Categories-list--mark .Categories-item--selected a:after {
position: absolute;
top: 8px;
right: 12px;
width: 11px;
height: 11px;
background: url('/app/src/img/cross_s.png');
background-position: center top;
content: ''; }
.Categories .Categories-list--mark .Categories-item--selected a:hover {
color: #1e1e1e;
background-color: #e3e4e4; }
.Categories--margin-bottom {
margin-bottom: 20px; }
.Categories--choose-brand {
padding-top: 10px; }
.Categories--choose-brand .Button-shadow--categories {
display: none; }
.Categories--choose-brand button {
color: #084fa3; }
.Categories--choose-brand button.Button-shadow--noArrows:after {
display: none; }
.Categories--choose-brand ul.Categories-list--choose-brand li a {
position: relative;
padding-right: 31px;
margin-right: 18px;
color: #5a5a5a;
background-color: #f3f3f3; }
.Categories--choose-brand ul.Categories-list--choose-brand li a:after {
position: absolute;
top: 8px;
right: 12px;
width: 11px;
height: 11px;
background: url('/app/src/img/cross_s.png');
background-position: center top;
content: ''; }
.Categories--choose-brand ul.Categories-list--choose-brand li a:hover {
color: #1e1e1e;
background-color: #e3e4e4; }
.Categories--choose-brand ul.Categories-list--choose-brand li a:hover:after {
background: url('/app/src/img/cross_s.png');
background-position: center bottom; }
.Categories--choose-brand .Categories-list--choose-brand {
margin-bottom: 6px; }
.Categories--choose-brand .Categories-list--hidden {
display: block; }
.Categories--choose-brand .Categories-list--mark {
display: none; }
.Categories--special-offers {
padding: 16px 20px 8px; }
.Categories--special-offers ul {
max-height: 100%; }
.Categories--special-offers ul li a {
height: 38px;
padding: 0 13px 0 12px;
line-height: 33px; }
.Categories--special-offers ul li a:hover .Categories-icon--credit {
background-position: center -20px; }
.Categories--special-offers ul li a:hover .Categories-icon--recovery {
background-position: center -23px; }
.Categories--special-offers ul li a:hover .Categories-icon--trade-in {
background-position: center -21px; }
.Categories--special-offers ul li a:hover .Categories-icon--gifts {
background-position: center -21px; }
.Categories--special-offers .Categories-icon {
display: inline-block;
vertical-align: middle; }
.Categories--special-offers .Categories-icon--credit {
width: 18px;
height: 18px;
background: url(/app/src/img/categories-1.png);
margin-right: 9px; }
.Categories--special-offers .Categories-icon--recovery {
width: 21px;
height: 21px;
background: url(/app/src/img/categories-2.png);
margin-right: 9px; }
.Categories--special-offers .Categories-icon--trade-in {
width: 23px;
height: 19px;
background: url(/app/src/img/categories-3.png);
margin-right: 8px; }
.Categories--special-offers .Categories-icon--gifts {
width: 20px;
height: 19px;
background: url(/app/src/img/categories-4.png);
margin-right: 8px; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Categories ul {
max-height: 111px; }
.Categories--margin-bottom {
margin-bottom: 10px; } }
/**
* Блок: выбор города
*/
.City-list {
position: relative;
margin-bottom: 10px;
/**
* Блок: популярные города (Москва/Питер)
*/ }
.City-list .City-list-item {
position: relative;
height: 24px;
margin-left: 37px; }
.City-list .City-list-item a {
padding: 2px 6px 4px 0;
font-size: 15px; }
.City-list .City-list-item a.active {
position: relative;
color: #1e1e1e !important; }
.City-list .City-list-item a.active:after {
display: block;
position: absolute;
top: -2px;
left: -7px;
width: calc(100% + 14px);
height: calc(100% + 4px);
background-color: #ebebeb;
border-radius: 2px;
z-index: -1;
content: ''; }
.City-list .City-list-item a .Quantity {
font-weight: 400;
color: #a0a0a0; }
.City-list.City-list--popular {
margin-bottom: 0; }
.City-list.City-list--popular .City-list-item {
margin-bottom: 10px; }
.City-list.City-list--popular .City-list-item a {
font-weight: 700; }
.City-list .City-section {
position: absolute;
top: 0;
left: 12px;
margin-left: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
color: #b4b4b4; }
.City-list--noindent .City-list-item {
margin-left: 0; }
.City-list-wrapper {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0; }
.City-list-wrapper .City-list .City-list-item {
height: auto;
word-wrap: break-word;
padding: 0 10px 0 0; }
.City-list-wrapper .City-list .City-list-item a {
line-height: 24px;
padding: 0; }
.City-list-wrapper.City-list-wrapper--no_break_inside .City-list {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.City-list-wrapper {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4; } }
table {
margin-bottom: 0; }
.Table-comparison-container {
position: relative;
overflow: hidden;
background: #fff; }
.Table-comparison-wrapper {
margin-left: 230px;
padding-bottom: 25px;
overflow-x: auto;
overflow-y: hidden; }
.Table-comparison-wrapper .Checkbox-wrapper {
margin-bottom: 35px; }
.Table-comparison-wrapper .Compare-button {
text-align: left;
margin-bottom: 28px; }
.Table-comparison-wrapper .Compare-clear_link a {
color: #084fa3; }
.Table-comparison-wrapper tr td {
width: 205px;
min-width: 205px;
max-width: 205px;
padding: 0 5px;
border-right: 4px solid #fff;
vertical-align: top; }
.Table-comparison-wrapper tr td p {
padding: 8px 12px 8px 0; }
.Table-comparison-wrapper tr td .title {
display: inline-block;
padding: 8px 12px 6px 0;
font-size: 16px;
font-weight: bold; }
.Table-comparison-wrapper tr td .mark span {
font-size: 14px; }
.Table-comparison-wrapper tr td .mark p {
padding: 8px 12px 8px 0; }
.Table-comparison-wrapper tr td .mark a {
font-size: 14px;
color: #084fa3; }
.Table-comparison-wrapper tr td:first-child {
border-right: 0; }
.Table-comparison-wrapper tr td.Compare-cell--name-padding p {
padding-top: 17px; }
.Table-comparison-wrapper tr p {
font-size: 15px; }
.Table-comparison-wrapper tr.compare-cell--stock a {
display: block;
font-size: 14px;
color: #084fa3; }
.Table-comparison-wrapper tr.compare-cell--stock a span {
display: inline-block; }
.Table-comparison-wrapper tr.compare-cell--stock a:hover {
color: #069abf; }
.Table-comparison-wrapper tr.compare-cell--stock .Not-available {
font-size: 14px;
color: #8c8c8c; }
.Table-comparison-wrapper tr.compare-cell--mark span {
display: inline-block;
margin-right: 18px;
font-size: 14px;
color: #1e1e1e;
line-height: 1.2; }
.Table-comparison-wrapper tr.compare-cell--mark a {
font-size: 14px;
color: #084fa3; }
.Table-comparison-wrapper tr.compare-cell--mark a:hover {
color: #069abf; }
.Table-comparison-wrapper tr.compare-cell--price p, .Table-comparison-wrapper tr.compare-cell--price span {
font-size: 14px;
color: #8c8c8c; }
.Table-comparison-wrapper tr.compare-cell--price p {
padding: 0; }
.Table-comparison-wrapper tr.compare-cell--price p:last-child {
margin-bottom: 2px; }
.Table-comparison-wrapper tr .Compare-cell--name {
width: 0;
min-width: 0;
max-width: 0;
padding: 0;
vertical-align: top !important; }
.Table-comparison-wrapper tr .Compare-cell--name .subparagraph {
width: 205px;
color: #1e1e1e;
font-size: 18px;
font-weight: 500; }
.Table-comparison-wrapper tr .Compare-cell--name .subparagraph--main {
font-size: 15px;
font-weight: 400; }
.Table-comparison-wrapper tr .compare-cell--floater {
position: absolute;
top: auto;
left: 0;
width: 230px;
min-width: 230px;
max-width: 230px;
height: 500px;
padding-left: 18px;
background-color: #fff; }
.Table-comparison-wrapper tr .compare-cell--stub {
width: 0;
overflow: hidden; }
.Table-comparison-wrapper tr .compare-cell--stub.compare-cell--stub-main-title {
padding-top: 20px; }
.Table-comparison-wrapper tr .compare-cell--stub.compare-cell--stub-main-title p {
padding: 0; }
.Table-comparison-wrapper tr .compare-cell--floater-checkbox {
padding: 20px 0 15px 18px; }
.Table-comparison-wrapper tr .compare-cell--photo {
padding: 10px 23px 0px 9px; }
.Table-comparison-wrapper tr .compare-cell--photo img {
width: 100%; }
.Table-comparison-wrapper tr .compare-cell--close {
position: relative; }
.Table-comparison-wrapper tr .compare-cell--close .modal_close {
z-index: 1;
position: absolute;
top: 21px;
right: 17px;
width: 16px;
height: 16px;
background: url('/app/src/img/cross_b.png') no-repeat;
background-size: cover;
cursor: pointer;
border: none; }
.Table-comparison-wrapper tr .compare-cell--close .modal_close:hover {
background-position: left -18px; }
.Table-comparison-wrapper tr input[type="checkbox"] + label {
vertical-align: top; }
.Table-comparison-wrapper tr input[type="checkbox"] + label:before {
vertical-align: top; }
.Table-comparison-wrapper tbody tr {
cursor: pointer; }
.Table-comparison-wrapper tbody tr:hover td {
background: #e6f2ff; }
.Table-comparison-wrapper tbody tr:hover .compare-cell--floater {
background: #e6f2ff; }
.Table-comparison-wrapper tbody tr.noHover {
cursor: default; }
.Table-comparison-wrapper tbody tr.noHover:hover td {
background: inherit; }
.Table-comparison-wrapper tbody tr.noHover:hover .compare-cell--floater {
background: inherit; }
.Table-comparison-wrapper tbody tr:last-child:hover .compare-cell--floater {
height: auto;
background: #e6f2ff; }
.Table-comparison-wrapper--show_only_different table tbody tr:not(.is_different) {
display: none; }
.Comparison {
height: 460px;
padding: 17px 20px;
background: #fff;
border-radius: 3px; }
.Comparison p {
max-width: 800px;
margin-bottom: 28px; }
.Comparison-selection-breadcrumbs {
margin-bottom: 23px;
padding: 0 10px; }
.Comparison-selection-breadcrumbs ul li {
position: relative;
display: inline-block;
margin-right: 30px; }
.Comparison-selection-breadcrumbs ul li a {
font-size: 18px;
color: #c8c8c8;
cursor: default; }
.Comparison-selection-breadcrumbs ul li:after {
position: absolute;
display: block;
right: -23px;
bottom: 2px;
color: #c8c8c8;
content: '→'; }
.Comparison-selection-breadcrumbs ul li:last-child {
margin-right: 0; }
.Comparison-selection-breadcrumbs ul li:last-child:after {
display: none; }
.Comparison-selection-breadcrumbs ul li.hidden {
display: none; }
.Comparison-selection-breadcrumbs ul li.active a {
font-weight: 700;
color: #1e1e1e; }
.Comparison-selection-breadcrumbs ul li.active:after {
color: #1e1e1e; }
.Comparison-selection-breadcrumbs ul li.active.choosed a {
color: #084fa3;
cursor: pointer; }
.Comparison-selection-breadcrumbs ul li.active.choosed a:hover {
color: #069abf; }
.Comparison-selection-breadcrumbs ul li.active.hidden {
display: inline-block; }
.Comparison-list {
position: relative;
margin-bottom: 10px; }
.Comparison-list li {
position: relative;
margin-left: 31px;
line-height: 1.5; }
.Comparison-list li a {
padding: 2px 6px 4px;
font-size: 15px; }
.Comparison-list .Comparison-section {
position: absolute;
top: 0;
left: 12px;
margin-left: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
color: #b4b4b4; }
.Comparison-wrapper {
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
/* IE 11 fix */
padding: 0;
padding-left: 11px;
margin: 0;
list-style: none;
overflow: hidden; }
.Comparison-wrapper a {
font-size: 15px; }
.Comparison-wrapper span {
font-size: 15px;
color: #8c8c8c; }
.Comparison-wrapper .Comparison-list-internal-item {
margin-bottom: 12px; }
.Comparison-wrapper .Comparison-list-internal-item a > span {
white-space: nowrap; }
.Comparison-wrapper .Comparison-list-internal-item button {
height: auto; }
.Comparison-wrapper--mark {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
/* IE 11 fix */
padding-left: 0; }
.Comparison-wrapper--model {
-webkit-column-fill: auto;
-moz-column-fill: auto;
column-fill: auto;
/* IE 11 fix */
-webkit-column-width: 440px;
-moz-column-width: 440px;
column-width: 440px;
/* IE 11 fix */
display: none;
max-height: 350px;
/* IE 11 fix */ }
.Comparison-wrapper--model.Comparison-wrapper--two_columns_list {
-webkit-column-width: 440px;
-moz-column-width: 440px;
column-width: 440px;
/* IE 11 fix */ }
.Comparison-wrapper--model.Comparison-wrapper--three_columns_list {
-webkit-column-width: 293px;
-moz-column-width: 293px;
column-width: 293px;
/* IE 11 fix */ }
.Comparison-wrapper--extended_model {
display: none;
max-height: 386px;
/* IE 11 fix */ }
.Comparison-wrapper--extended_model .Button-shadow {
font-size: 15px;
font-weight: 400;
padding: 0; }
.Comparison-wrapper--extended_model .Button-shadow .ruble {
color: #084fa3; }
.Comparison-wrapper--extended_model .Button-shadow.Button-shadow--open {
padding-bottom: 14px; }
.Comparison-wrapper--extended_model .Button-shadow:after {
position: relative;
top: -1px; }
.Comparison-wrapper--extended_model .Button-shadow:hover .ruble {
color: #069abf; }
.Comparison-wrapper--extended_model .Comparison-list-internal-item-configs_list {
max-height: 0;
overflow: hidden;
padding-left: 20px; }
.Comparison-wrapper--extended_model .Comparison-list-internal-item-config-wrapper {
margin-bottom: 12px; }
.Comparison-wrapper--extended_model .Comparison-list-internal-item-config-wrapper:last-child {
margin-bottom: 0; }
.Comparison-wrapper--extended_model .Comparison-list-internal-item-config-checkbox-wrapper input[type="checkbox"] + label span {
width: auto;
color: #1e1e1e; }
.Comparison-wrapper--extended_model .Comparison-list-internal-item-config-checkbox-wrapper input[type="checkbox"] + label span span {
color: #8c8c8c; }
.Comparison-wrapper--modification {
-webkit-column-fill: auto;
-moz-column-fill: auto;
column-fill: auto;
/* IE 11 fix */
-webkit-column-width: 440px;
-moz-column-width: 440px;
column-width: 440px;
/* IE 11 fix */
display: none;
max-height: 350px;
/* IE 11 fix */ }
.Comparison-wrapper--config {
-webkit-column-fill: auto;
-moz-column-fill: auto;
column-fill: auto;
/* IE 11 fix */
-webkit-column-width: 440px;
-moz-column-width: 440px;
column-width: 440px;
/* IE 11 fix */
display: none;
max-height: 350px;
/* IE 11 fix */ }
.Comparison-wrapper--config .Comparison-list-internal-item {
max-width: 420px;
padding-right: 20px; }
.Comparison-wrapper.Comparison-wrapper--no_break_inside .Comparison-list {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
/* IE 11 fix */ }
.Comparison-wrapper.Comparison-wrapper--one_level_list {
-webkit-column-fill: unset;
-moz-column-fill: unset;
column-fill: unset;
/* IE 11 fix */
-webkit-column-width: unset;
-moz-column-width: unset;
column-width: unset;
/* IE 11 fix */
overflow-y: auto; }
.Comparison-wrapper.Comparison-wrapper--one_level_list .Comparison-list-internal-item:last-child {
margin-bottom: 0; }
.Comparison-selection .Comparison-wrapper--extended_model .Comparison-list-internal-item-config-wrapper .Comparison-list-internal-item-config-checkbox-wrapper {
display: block; }
.Comparison-selection .Comparison-wrapper--extended_model .Comparison-list-internal-item-config-wrapper a {
display: none; }
.Comparison-selection--compare_mode_change .Comparison-wrapper--extended_model .Button-shadow.Button-shadow--open {
padding-bottom: 12px; }
.Comparison-selection--compare_mode_change .Comparison-wrapper--extended_model .Comparison-list-internal-item-config-wrapper {
margin-bottom: 14px; }
.Comparison-selection--compare_mode_change .Comparison-wrapper--extended_model .Comparison-list-internal-item-config-wrapper .Comparison-list-internal-item-config-checkbox-wrapper {
display: none; }
.Comparison-selection--compare_mode_change .Comparison-wrapper--extended_model .Comparison-list-internal-item-config-wrapper a {
display: block; }
.Comparison-selection--compare_mode_change .Comparison-wrapper--extended_model .Comparison-list-internal-item-config-wrapper:last-child {
margin-bottom: 2px; }
.Comparison-selection--compare_mode_change .Comparison-add_to_compare_button_wrapper {
display: none !important; }
.Comparison-selection--has_selected_configs .Comparison-wrapper--extended_model .Comparison-list-internal-item:last-child {
margin-bottom: 60px; }
.Comparison-selection--has_selected_configs .Comparison-add_to_compare_button_wrapper {
display: block; }
.Comparison-list-item {
height: auto;
/* IE 11 fix */
word-wrap: break-word;
/* IE 11 fix */
padding: 0 10px 0 0;
/* IE 11 fix */ }
.Comparison-add_to_compare_button_wrapper {
z-index: 2;
display: none;
position: absolute;
bottom: 30px;
left: 27px; }
.Comparison-add_to_compare_button_wrapper:after {
z-index: -1;
display: block;
position: absolute;
content: '';
top: -20px;
left: 0;
width: 900px;
height: 60px;
background-color: 900px;
opacity: 0.9;
background-color: #fff; }
.Comparison-block {
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
z-index: 999;
position: fixed;
bottom: 0;
left: 0;
display: none;
width: 100%;
padding: 0 30px;
background: #0b4ea2; }
.Comparison-block p {
position: relative;
margin: 0 auto;
width: 940px;
padding: 11px 53px 13px 0;
font-size: 16px;
color: #c4dfff; }
.Comparison-block p span {
color: #c4dfff; }
.Comparison-block p .Comparison-block-go_to_compare_phrase {
color: #fff; }
.Comparison-block p .Comparison-block-close {
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
position: absolute;
right: 0;
top: 50%;
z-index: 1;
width: 44px;
height: 44px;
cursor: pointer;
border: none; }
.Comparison-block p .Comparison-block-close:after {
position: absolute;
right: 14px;
top: 14px;
z-index: 2;
display: block;
content: ' ';
width: 16px;
height: 16px;
background: url('/app/src/img/cross_b.png') no-repeat;
background-size: cover;
background-position: 0 -36px; }
.Comparison-block p .Comparison-block-close:hover:after {
background-position: 0 -54px; }
.Comparison-block:hover {
background: #006fe1; }
.Comparison-block.active {
display: block; }
.Comparison-block .Comparison-block-wrapper {
display: block;
width: 100%; }
.Comparison-Scrolling-topMenu {
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
position: fixed;
z-index: 5;
top: 0;
width: 0;
background-color: #fff;
border-bottom: 1px solid #e2e2e2; }
.Comparison-Scrolling-topMenu:before {
content: '';
position: absolute;
left: 100%;
top: 0;
width: 100%;
height: 100%;
background: #fff;
border-bottom: 1px solid #a9a9a9;
box-shadow: 0 1px 0 0 #e2e2e2; }
.Comparison-Scrolling-topMenu:after {
content: '';
position: absolute;
right: 100%;
top: 0;
width: 100%;
height: 100%;
background: #fff;
border-bottom: 1px solid #a9a9a9;
box-shadow: 0 1px 0 0 #e2e2e2; }
.Comparison-Scrolling-topMenu.active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); }
.Comparison-Scrolling-topMenu .Comparison-Scrolling-box-position {
padding: 10px 0;
border-bottom: 1px solid #a9a9a9; }
.Comparison-Scrolling-topMenu .Table-comparison-wrapper--scroll {
padding-bottom: 0;
margin-left: 230px;
overflow: hidden; }
.Comparison-Scrolling-topMenu .Table-comparison-wrapper--scroll table {
margin-bottom: 10px; }
.Comparison-Scrolling-topMenu .Table-comparison-wrapper--scroll .compare-cell--close {
position: relative; }
.Comparison-Scrolling-topMenu .Table-comparison-wrapper--scroll .compare-cell--close .modal_close {
z-index: 1;
position: absolute;
top: 11px;
right: 16px;
width: 16px;
height: 16px;
background: url('/app/src/img/cross_b.png') no-repeat;
background-size: cover;
cursor: pointer;
border: none; }
.Comparison-Scrolling-topMenu .Table-comparison-wrapper--scroll .compare-cell--close .modal_close:hover {
background-position: left -18px; }
.Comparison-Scrolling-topMenu .Comparison-Scrolling-box-position {
position: relative;
overflow: hidden; }
.Comparison-Scrolling-topMenu .compare-cell--mark td {
padding-bottom: 3px; }
.Comparison-Scrolling-topMenu .compare-cell--stock a {
display: block; }
.Comparison-Scrolling-topMenu .compare-cell--stock .Not-available {
display: block;
font-size: 14px;
color: #8c8c8c; }
.Comparison-Scrolling-topMenu td {
width: 205px;
min-width: 205px;
max-width: 205px;
padding: 0 5px;
border-right: 4px solid #fff;
vertical-align: top; }
.Comparison-Scrolling-topMenu td.Compare-cell--name {
width: 0;
min-width: 0;
max-width: 0;
padding: 0;
vertical-align: top !important; }
.Comparison-Scrolling-topMenu td.Compare-cell--name .compare-cell--floater {
position: absolute;
top: auto;
left: 0;
width: 234px;
min-width: 234px;
max-width: 234px;
height: 500px;
padding: 10px 5px 15px 10px;
padding-left: 18px;
background-color: #fff; }
.Comparison-Scrolling-topMenu td .title {
padding: 8px 12px 8px 0;
font-size: 16px;
font-weight: bold;
color: #1e1e1e; }
.Comparison-Scrolling-topMenu tr a {
font-size: 14px;
color: #084fa3; }
.Comparison-Scrolling-topMenu .Checkbox-wrapper {
margin-bottom: 35px; }
.Comparison-Scrolling-topMenu .Compare-button {
text-align: left; }
.Comparison-Scrolling-topMenu .Compare-button .Button {
padding: 7px 21px 9px;
font-size: 18px; }
.Comparison-Scrolling-topMenu input[type="checkbox"] + label {
vertical-align: top; }
.Comparison-Scrolling-topMenu input[type="checkbox"] + label:before {
vertical-align: top; }
.Comparison-Scrolling-box {
position: fixed;
z-index: 2;
bottom: 0px;
padding: 5px 0;
background-color: #fff; }
.Comparison-Scrolling-box .Comparison-Scrolling-box-position {
position: absolute;
top: -10px;
right: 0;
left: 0;
height: 10px; }
.Comparison-Scrolling-box .Comparison-Scrolling-box-position .Comparison-Scrolling-box-circle-left {
top: 10px;
left: 0;
width: 100px;
height: 10px;
position: absolute; }
.Comparison-Scrolling-box .Comparison-Scrolling-box-position .Comparison-Scrolling-box-rect {
top: 10px;
right: 100px;
left: 100px;
height: 10px;
position: absolute; }
.Comparison-Scrolling-box .Comparison-Scrolling-box-position .Comparison-Scrolling-box-circle-right {
right: 0;
top: 10px;
width: 100px;
height: 10px;
left: auto;
position: absolute; }
.Comparison-Scrolling-box .Comparison-Scrolling-scroll {
overflow-x: auto;
overflow-y: hidden;
margin-left: 230px; }
.Comparison-Scrolling-box .Comparison-Scrolling-scroll .Comparison-Scrolling-scroll-bar {
height: 1px; }
.Table-comparison-border {
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 10;
position: absolute;
top: 0;
bottom: 0;
left: 230px;
background: #c8c8c8;
width: 1px;
opacity: 0; }
.Table-comparison-border.active {
opacity: 1; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Comparison-block p {
width: 100%;
max-width: 1260px; } }
/**
* @define Container
*/
.Container {
position: relative;
width: 984px;
margin: 0 auto; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Container {
width: 100%;
max-width: 1260px; } }
/* Пути
========================================================================== */
/* Шрифты
========================================================================== */
/* Размеры шрифтов
========================================================================== */
/* Размеры экранов
========================================================================== */
/* Цвета
========================================================================== */
/* Цвета авто в наличии
========================================================================== */
/**
* Контрольные точки
*
* @type {map}
*
* @require {variable} screen-lg-min
* @require {variable} screen-md-max
* @require {variable} screen-sm-max
* @require {variable} screen-xs-max
*/
/**
* Генерация медиа-запроса
*
* @param {string} $point
*
* @require {variable} $breakpoints
*/
/**
* Исправление действия свойства vertical-align
*
* Применяется к родительскому элементу.
*
* @param {string} $align
*/
/**
* Стили для заголовков
*
* @require {variable} $h1-font-size
* @require {variable} $h1-font-size-md
* @require {variable} $h1-font-size-sm
* @require {variable} $h1-font-size-xs
* @require {mixin} breakpoint
*/
/**
* Стили для параграфов
*/
/**
* @require {variable} $p-font-size
* @require {variable} $p-font-size-md
* @require {variable} $p-font-size-sm
* @require {variable} $p-font-size-xs
* @require {mixin} breakpoint
*/
/**
* @require {variable} $p-smaller-font-size
* @require {variable} $p-smaller-font-size-md
* @require {variable} $p-smaller-font-size-sm
* @require {variable} $p-smaller-font-size-xs
* @require {mixin} breakpoint
*/
/**
* @require {variable} $p-bigger-font-size
* @require {variable} $p-bigger-font-size-md
* @require {variable} $p-bigger-font-size-sm
* @require {variable} $p-bigger-font-size-xs
* @require {mixin} breakpoint
*/
/**
* Стили для блоков главной
*/
/**
* Стилизация placeholder
*/
/**
* Управление переносом строк при разбивке содержимого на колонки
*/
.Cookie-consent-block {
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
z-index: 999;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: none;
background: #ecf5ff;
padding: 0 30px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25); }
.Cookie-consent-block p {
position: relative;
margin: 0 auto;
width: 940px;
padding: 25px 164px 25px 0px;
line-height: 19px;
color: #000; }
.Cookie-consent-block p .Cookie-consent-block-text_link {
color: #0560c0; }
.Cookie-consent-block p .Cookie-consent-block-text_link:hover {
color: #069abf; }
.Cookie-consent-block p .Cookie-consent-block-button {
transform: translate(0, -50%);
position: absolute;
right: 0;
top: 50%;
z-index: 1;
cursor: pointer;
font-weight: 500;
font-size: 18px;
line-height: 21px;
align-items: center;
text-align: center;
background: #006fe1;
border-radius: 4px;
padding: 9px 15px 10px;
color: #fff; }
.Cookie-consent-block p .Cookie-consent-block-button:hover {
background-color: #0049ce; }
.Cookie-consent-block .Cookie-consent-block-wrapper {
display: block;
width: 100%; }
.Cookie-consent-block.active {
display: block; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Cookie-consent-block p {
width: 100%;
max-width: 1260px; } }
/**
* Кастомизация Datepicker, используется для на странице архив, для выбора недели/конкретной даты
*/
.ui-datepicker {
width: 288px;
margin: 8px 0; }
.ui-datepicker.ui-widget-content {
border-radius: 12px;
border: 1px solid #ccd0d5 !important;
padding: 8px;
background-color: #fff; }
.ui-datepicker .ui-datepicker-header {
position: relative;
height: 40px;
margin-bottom: 10px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
position: absolute;
top: 2px;
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #0560c0;
border-radius: 12px;
cursor: pointer; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
border-color: #069abf; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:after, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:after {
background-color: #069abf; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
right: 2px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
background-color: #0560c0;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
content: '';
display: inline-block;
width: 8px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
left: 2px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
background-color: #0560c0;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
content: '';
display: inline-block;
width: 8px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
margin: 0 auto;
text-align: center;
padding: 9px 0; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
font-weight: 400;
color: #2a2536;
line-height: 1.4; }
.ui-datepicker table {
margin-bottom: 0; }
.ui-datepicker table tr:last-child td a {
margin-bottom: 0; }
.ui-datepicker table tr td, .ui-datepicker table tr th {
padding: 0; }
.ui-datepicker table tr td span, .ui-datepicker table tr th span {
color: #d4d2d8;
cursor: default;
font-size: 14px;
line-height: 1.4;
width: 32px;
display: flex;
justify-content: center;
align-items: center; }
.ui-datepicker table tr td a, .ui-datepicker table tr th a {
width: 32px;
height: 32px;
border-radius: 4px; }
.ui-datepicker table tr td {
background: #fff; }
.ui-datepicker table tr td.ui-state-disabled span {
color: #c8c8c8; }
.ui-datepicker table tr td.ui-state-disabled:hover {
background: #fff; }
.ui-datepicker table tr td.ui-state-disabled span {
cursor: default; }
.ui-datepicker table tr td.ui-datepicker-week-end a {
color: #bf2519; }
.ui-datepicker table tr td span, .ui-datepicker table tr td a {
color: #00162d;
font-size: 14px;
line-height: 1.4;
margin-bottom: 10px;
margin-right: 8px;
display: flex;
justify-content: center;
align-items: center; }
.ui-datepicker table tr td span:hover, .ui-datepicker table tr td a:hover {
color: #fff;
background: #0560c0; }
.ui-datepicker table tr td:last-child a {
margin-right: 0; }
.ui-datepicker .ui-state-default {
border: 0; }
.ui-widget.ui-widget-content {
border: 0; }
/**
* Блок: список акций
*/
.Discounts {
/**
* Блок: блок акция
*/
/**
* Блок: слайдер акций
*/ }
.Discounts .Discounts-item .Discounts-item-wrapper {
display: block;
height: 115px;
padding: 14px 7px 13px;
background: #fff;
border-radius: 3px; }
.Discounts .Discounts-item .Discounts-slider-photo {
display: inline-block;
width: 115px;
padding: 3px 7px;
vertical-align: top;
text-align: center; }
.Discounts .Discounts-item .Discounts-slider-photo .Discounts-slider-photo-bacground {
background: #fff; }
.Discounts .Discounts-item .Discounts-slider-photo img {
height: 66px;
max-width: 100%; }
.Discounts .Discounts-item .Discounts-slider-text {
display: inline-block;
width: 175px;
padding: 0 7px;
vertical-align: top;
text-align: center; }
.Discounts .Discounts-item .Discounts-slider-text p {
font-size: 14px;
text-align: left; }
.Discounts .Discounts-item--mark .Discounts-item-wrapper {
background: #ecffce; }
.Discounts--slider {
background: #fff;
border-radius: 6px;
/**
* Модификатор: размер текста в акции
*/
/**
* Блок: обертка для кнопок управления и переход на все акции
*/
/**
* Блок: кнопки переключатели слайдов
*/ }
.Discounts--slider ul {
height: 115px;
overflow: hidden; }
.Discounts--slider .Discounts-item .Discounts-slider-text {
width: 155px; }
.Discounts--slider .Discounts-button {
padding: 10px 10px 10px 28px;
background: #dcdddd;
border-radius: 0 0 3px 3px; }
.Discounts--slider .Discounts-control {
display: inline-block;
margin: 0;
padding: 0;
line-height: 0;
border-radius: 5px;
box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.3); }
.Discounts--slider .Discounts-control, .Discounts--slider .Discounts-link {
display: inline-block;
vertical-align: top; }
.Discounts--slider .Discounts-control-next, .Discounts--slider .Discounts-control-prev {
display: inline-block;
height: 36px;
width: 36px; }
.Discounts--slider .Discounts-control-next .bx-next, .Discounts--slider .Discounts-control-prev .bx-prev {
display: block;
width: 100%;
height: 100%;
text-align: center; }
.Discounts--slider .Discounts-control-next {
background: url('/app/src/img/arrow_actions.png') center -76px;
background-color: #fff;
background-repeat: no-repeat;
border-radius: 0 5px 5px 0; }
.Discounts--slider .Discounts-control-next:hover {
background-position: center -114px; }
.Discounts--slider .Discounts-control-prev {
margin-right: 1px;
background: url('/app/src/img/arrow_actions.png') center top;
background-color: #fff;
background-repeat: no-repeat;
border-radius: 5px 0 0 5px; }
.Discounts--slider .Discounts-control-prev:hover {
background-position: center -38px; }
.Discounts--slider .Discounts-link {
margin-left: 28px; }
.Event .Event-image {
margin-bottom: 24px;
width: 100%;
height: auto;
overflow: hidden; }
.Event .Event-image img {
border-radius: 20px;
width: 100%;
display: block; }
.Event .Event-title {
font-size: 16px;
margin-bottom: 8px; }
.Event .Event-title a {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
color: #00162d; }
.Event .Event-title a:hover {
color: #069abf; }
.Event .Event-note {
margin-bottom: 12px; }
.Event .Event-info {
padding: 8px;
border: 1px solid #0560c0;
border-radius: 12px;
color: #0560c0;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 12px;
display: inline-block; }
.Event .Event-date {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #4d5c6c;
margin-bottom: 12px; }
.Event .Event-date:before {
content: '/';
margin-right: 2px; }
.Event .Event-link {
font-weight: 700;
position: absolute;
bottom: 0; }
.Event .Event-link:after {
background-color: #0560c0;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
vertical-align: middle;
margin-left: 4px; }
.Event .Event-link:hover:after {
background-color: #069abf; }
.error_orf {
padding: 20px !important;
background-color: #fff !important;
border-radius: 20px;
border: none !important; }
.Information {
padding: 15px 20px;
background: #fff;
border-radius: 3px; }
.Information .title {
margin-bottom: 10px;
font-weight: 700;
font-size: 18px; }
.Information .Information-more-wrapper {
-webkit-transition: max-height 0.3s ease-in 0s;
-moz-transition: max-height 0.3s ease-in 0s;
transition: max-height 0.3s ease-in 0s;
max-height: 120px;
overflow: hidden; }
.Information .Information-more-wrapper p {
margin-bottom: 7px; }
.Information .Information-more-wrapper p:last-of-type {
margin-bottom: 0; }
.Information .Information-more-wrapper.Information-more-wrapper--full_height {
max-height: unset; }
.Information .Information-text_about-button-wrapper--line-gradient {
position: relative; }
.Information .Information-text_about-button-wrapper--line-gradient:before {
content: '';
position: absolute;
top: -30px;
left: 0;
display: block;
width: 100%;
height: 30px;
background-image: url('/app/src/img/line_gradient_news_white.png');
background-repeat: repeat-x;
z-index: 1; }
.Information .Block-informationText p {
font-size: 14px; }
.Information .Block-informationText .Block-informationText-title {
font-size: 16px;
margin-bottom: 7px;
font-weight: bold; }
.Information .Block-informationText a {
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s;
color: #0560c0; }
.Information .Block-informationText a:hover {
color: #007eff; }
.Information .Block-informationText ol, .Information .Block-informationText ul {
margin-bottom: 18px; }
.Information .Block-informationText ol li, .Information .Block-informationText ul li {
font-size: 16px;
line-height: 1.25;
margin-bottom: 8px; }
.Information .Block-informationText ol li:last-child, .Information .Block-informationText ul li:last-child {
margin-bottom: 0; }
.Information .Block-informationText ol {
padding-left: 22px;
counter-reset: ol; }
.Information .Block-informationText ol li::before {
content: counter(ol) '. ';
counter-increment: ol; }
.Information .Block-informationText ul {
padding-left: 35px;
list-style-type: disc; }
.Information .Block-informationText .pre_table {
overflow-x: auto;
margin-bottom: 30px;
width: 100%; }
.Information .Block-informationText .pre_table::-webkit-scrollbar {
height: 8px; }
.Information .Block-informationText .pre_table::-webkit-scrollbar-thumb {
background: #828282; }
.Information .Block-informationText table {
max-width: 100%;
margin-bottom: 10px;
border: 1px solid #cecece; }
.Information .Block-informationText table tr {
-webkit-transition: background 0.1s;
-moz-transition: background 0.1s;
transition: background 0.1s;
font-size: 15px;
color: #333;
font-weight: normal;
cursor: default; }
.Information .Block-informationText table tr:first-child {
font-weight: 500;
color: #fff !important;
background: #303132; }
.Information .Block-informationText table tr:first-child p {
color: #fff; }
.Information .Block-informationText table tr:nth-child(2n+1):not(:first-child) {
background: #f2f2f2; }
.Information .Block-informationText table tr td {
padding: 18px 30px;
vertical-align: top; }
.Information .Block-informationText table tr:not(:first-child):hover {
background: #ecf5ff; }
.Information .Block-informationText table p {
margin: 0;
padding: 0; }
.Information.Information--model .Information-more-wrapper {
-webkit-transition: max-height 0.3s ease-in 0s;
-moz-transition: max-height 0.3s ease-in 0s;
transition: max-height 0.3s ease-in 0s;
max-height: 143px;
overflow: hidden; }
.Information.Information--dealer_text_about .Information-more-wrapper a {
color: #0560c0; }
.Information.Information--dealer_text_about .Information-more-wrapper a:hover {
color: #069abf; }
.Information .Information-text--grey {
color: #8d8b8e; }
.Information .Information-text--empty_stock {
padding-top: 10px; }
.Information--feedback {
margin-bottom: 15px; }
.Information--feedback a {
color: #0560c0; }
.Information--feedback a:hover {
color: #069abf; }
.Information--feedback p {
line-height: 24px; }
.Information--dealers-photo {
position: relative;
margin-bottom: 15px; }
.Information--dealers-photo img {
margin-right: 20px; }
.Information--dealers-photo .Information--dealers-photo-background {
width: 100%; }
.Information--dealers-photo .Information-dealers-photo-logo {
position: absolute;
top: 0;
left: 0;
padding: 20px; }
.Information--dealers-photo .Information-dealers-photo-logo ul {
display: inline-block;
max-width: 410px;
vertical-align: top; }
.Information--dealers-photo .Information-dealers-photo-logo ul li {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px; }
.Information--dealers-photo .Information-dealers-photo-logo ul li:last-child {
margin-right: 0; }
.Information--dealers-photo .Information-dealers-photo-logo ul li a {
display: block;
padding: 3px 10px 4px;
color: #1e1e1e;
background-color: #fff;
border-radius: 3px; }
.Information--dealers-photo .Information-dealers-photo-logo ul li a.no_hover {
cursor: default; }
.Information--dealers {
margin-bottom: 15px; }
.Information--dealers .title {
margin-bottom: 17px; }
.Information--dealers .Information--dealers-wrapper {
position: relative; }
.Information--dealers .Information--dealers-wrapper .Button-shadow--information {
padding: 0;
margin-bottom: 10px; }
.Information--dealers .Information--dealers-wrapper a {
color: #084fa3; }
.Information--dealers .Information--dealers-wrapper a:hover {
color: #069abf; }
.Information--dealers .Information--dealers-wrapper p {
margin-bottom: 3px; }
.Information--dealers .Information--dealers-wrapper .Information-worktime_title {
margin-bottom: 8px; }
.Information--dealers .Information--dealers-wrapper .worktime {
margin-bottom: 10px;
color: #8c8c8c; }
.Information--dealers .Information--dealers-wrapper .worktime-group {
display: inline-block;
height: 28px;
line-height: 28px;
padding: 0 10px; }
.Information--dealers .Information--dealers-wrapper .worktime-group.is_today {
color: #1e1e1e;
background-color: #e6f2ff;
border-radius: 3px; }
.Information--dealers .Information--dealers-wrapper .worktime.worktime--service {
margin-bottom: 18px; }
.Information--dealers .Information--dealers-wrapper .Information-right_block {
display: inline-block;
width: 200px;
text-align: right;
float: right; }
.Information--dealers .Information--dealers-wrapper .Information-phone {
display: inline-block;
font-size: 14px;
margin-bottom: 10px; }
.Information--dealers .Information--dealers-wrapper .Information-phone--substitute {
font-weight: 500;
font-size: 16px;
margin-bottom: 7px; }
.Information--dealers .Information--dealers-wrapper .Information-button-wrapper {
margin-bottom: 20px; }
.Information--dealers .Information--dealers-wrapper .Information-social_networks_title {
color: #8d8b8e;
margin: 22px 0 12px; }
.Information--dealers .Information--dealers-wrapper .Information-dealer_address {
margin-bottom: 17px; }
.Information--dealers-button {
position: absolute;
top: 0;
right: 0;
display: inline-block;
vertical-align: top; }
.Information--dealers-button p {
position: relative;
margin-right: 135px;
font-size: 18px;
font-weight: bold;
color: #1e1e1e; }
.Information--dealers-button p.hiddenPhone:after {
content: '...';
position: absolute;
top: -10px;
right: 0;
width: 42px;
padding: 10px 0;
text-align: left;
background: #fff;
color: #1e1e1e; }
.Information--dealers-button button {
position: absolute;
top: -7px;
right: 0;
font-size: 16px; }
.Information-map {
display: block;
width: 100%;
max-height: 0;
overflow: hidden; }
.Information-map--visible {
max-height: unset; }
.Information-map--dealer {
margin-bottom: 20px; }
.Information-map.Block-more-open {
margin: 10px 0 20px; }
.Information-map .Dealers-map {
width: 100%; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Information .Information-more-wrapper {
max-width: 800px;
max-height: 100px; }
.Information .Block-informationText p {
font-size: 16px; }
.Information .Block-informationText .Block-informationText-title {
font-size: 18px; }
.Information .Block-informationText ol, .Information .Block-informationText ul {
padding: 0 20px;
margin-bottom: 25px; }
.Information .Block-informationText ol li, .Information .Block-informationText ul li {
font-size: 18px; }
.Information .Block-informationText ul {
padding-left: 65px; }
.Information .Block-informationText ol {
padding-left: 52px; }
.Information .Block-informationText table tr {
font-size: 16px; }
.Information.Information--model .Information-more-wrapper {
-webkit-transition: max-height 0.3s ease-in 0s;
-moz-transition: max-height 0.3s ease-in 0s;
transition: max-height 0.3s ease-in 0s;
max-height: 90px;
overflow: hidden; }
.Information--dealers-photo .Information-dealers-photo-logo ul {
max-width: 750px; } }
.Favorites-add {
z-index: 99;
display: inline-block;
width: 18px;
height: 17px;
background: url('/app/src/img/unfilled-like.svg') no-repeat center; }
.Favorites-add--added {
background: url('/app/src/img/filled-like.svg') no-repeat center; }
.Favorites-add:hover {
cursor: pointer;
background: url('/app/src/img/filled-like.svg') no-repeat center; }
.Favorites-add:hover .Favorites-add-popup {
display: block; }
.Favorites-add.Favorites-add--circle {
width: 32px;
height: 32px;
border-radius: 50%;
background-position-y: 60%; }
.Favorites-add.Favorites-add--circle:hover {
background-position-y: 60%; }
.Favorites-add.Favorites-add--circle .Favorites-add-popup {
top: -7px;
right: -40px; }
.Favorites-add .Favorites-add-popup {
z-index: 1000;
display: none;
position: relative;
top: -17px;
right: -30px;
width: 179px;
height: 46px;
font-size: 14px;
line-height: 16px;
font-weight: normal;
white-space: nowrap;
color: ;
padding: 15px;
background: white;
border: none;
border-radius: 5px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15), 0px 5px 15px rgba(0, 0, 0, 0.1); }
.Favorites-add .Favorites-add-popup:before {
content: '';
position: absolute;
right: 100%;
top: calc(50% - 6px);
width: 0;
height: 0;
border-top: 6px solid transparent;
border-right: 6px solid white;
border-bottom: 6px solid transparent; }
.Favorites-add .Favorites-add-popup--mirrored {
right: 190px;
left: auto; }
.Favorites-add .Favorites-add-popup--mirrored:before {
left: 100%;
border-left: 6px solid white;
border-right: none; }
.Favorites-add--car {
position: absolute;
left: -43px; }
/**
* Блок: основной футер
*/
.Footer {
z-index: 10;
position: relative;
padding: 19px 0 27px; }
.Footer a {
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s;
color: #0560c0; }
.Footer a:hover {
color: #069abf; }
.Footer p {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #4d5c6c; }
.Footer .Quick_links_footer {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: top;
-moz-box-align: top;
box-align: top;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
-o-align-items: top;
align-items: top;
-ms-flex-align: top;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
column-gap: 20px;
margin-bottom: 32px; }
.Footer .Quick_links_footer-list {
flex-basis: 193.3px; }
.Footer .Quick_links_footer-item {
margin-bottom: 16px; }
.Footer .Quick_links_footer-item p, .Footer .Quick_links_footer-item a {
color: #00162d; }
.Footer .Quick_links_footer-item:first-child p, .Footer .Quick_links_footer-item:first-child a {
font-size: 18px;
line-height: 1.4;
font-weight: 800; }
.Footer .Quick_links_footer-item:last-child {
margin-bottom: 0; }
.Footer .Footer-menu {
margin-bottom: 32px; }
.Footer .Footer-socials {
margin-bottom: 24px; }
.Footer .Footer-text {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #4d5c6c;
margin-bottom: 24px; }
.Footer .Footer-text .Footer-text-address {
margin-bottom: 24px; }
.Footer .Footer-text .Footer-text-address p {
color: #00162d; }
.Footer .Footer-text .Footer-text-copyright {
margin-bottom: 9px; }
.Footer .Footer-text .Footer-text-license {
margin-bottom: 24px; }
.Footer .Footer-text .Footer-text-error {
color: #0560c0; }
.Footer-counters .Footer-counters-item {
font-size: 0;
margin-right: 24px;
display: inline-block; }
.Footer-counters .Footer-counters-item a {
display: inline-block;
font-size: 0; }
.Footer-development .Footer-development-item {
display: inline-block;
margin-right: 24px;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #4d5c6c; }
.Footer-development .Footer-development-item a {
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 1.4; }
.Footer-development .Footer-development-item:last-child {
margin-right: 0; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
}
.Form--dy_get_results {
width: 580px; }
.Form h3 {
margin-bottom: 24px; }
.Form input, .Form select, .Form textarea {
outline: none !important; }
.Form textarea {
resize: vertical; }
.Form--comment form {
margin-bottom: 0; }
.Form--comment .Form-group {
max-width: none;
width: 100%;
margin-bottom: 0;
position: relative; }
.Form--comment .Form-group .Form-textarea {
height: auto;
padding: 11px 15px;
line-height: 25.6px;
overflow: hidden;
min-height: 50px; }
.Form--xform {
margin-bottom: 24px; }
.Form-flex {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 100%; }
.Form-groups--horizontal .Form-group {
margin-bottom: 0; }
.Form-groups--horizontal .Form-group:last-child {
margin-right: 0; }
.Form-group {
max-width: 513px;
margin-bottom: 24px; }
.Form-group:last-child {
margin-bottom: 0; }
.Form-group--hidden {
display: none; }
.Form-group--half {
flex: 1 0 0%;
flex-shrink: 0;
width: 100%;
margin-right: 16px;
margin-bottom: 0; }
.Form-group--half:last-child {
margin-right: 0; }
.Form-group--center {
text-align: center; }
.Form-group--flex {
display: flex;
align-items: center;
justify-content: space-between; }
.Form-group .Form-group-field.Form-group-field--line {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 100%; }
.Form-group .Form-group-field.Form-group-field--line .Form-dash {
width: 19px;
margin: 0 16px;
border-bottom: 2px solid #00162d;
display: inline-block;
vertical-align: middle; }
.Form-field.required .Form-label:after {
content: '*'; }
.Form-field--radio .Form-label, .Form-field--checkbox .Form-label {
margin-bottom: 9px; }
.Form-field--icon {
position: relative; }
.Form-field--icon .Form-input {
padding: 11px 40px 11px 16px; }
.Form-field--calendar:before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
position: absolute;
right: 16px;
top: 50%;
transform: translate(0, -50%);
background-image: url('/app/src/img/calendar.svg'); }
.Form-field--high .select2-container .select2-selection {
padding: 13px 16px; }
.Form-field .Form-input--has_error {
border-color: #bf2519; }
.Form-field .Form-input--has_error .select2-container.select2-container--focus .select2-selection {
border-color: #bf2519; }
/* label
========================================================================== */
.Form-label {
display: block;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #4d5c6c;
margin-bottom: 4px; }
/* input
========================================================================== */
.Form-input {
width: 100%;
border: 1px solid #ccd0d5;
border-radius: 12px;
background: #fff;
padding: 11px 16px;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
color: #00162d; }
.Form-input::placeholder {
color: #99a2ab; }
.Form-input:hover, .Form-input:focus {
border-color: #0560c0; }
/* input[type='radio']
========================================================================== */
.Form-radio {
margin-bottom: 16px; }
.Form-radio:last-child {
margin-bottom: 0; }
.Form-radio .Form-radio-label {
display: inline-block;
cursor: pointer; }
.Form-radio .Form-radio-icon {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
width: 24px;
height: 24px;
float: left; }
.Form-radio .Form-radio-title {
display: flex;
vertical-align: middle;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
color: #00162d; }
/* input[type='checkbox']
========================================================================== */
.Form-checkbox {
margin-bottom: 16px; }
.Form-checkbox:last-child {
margin-bottom: 0; }
.Form-checkbox .Form-checkbox-label {
display: inline-block;
cursor: pointer; }
.Form-checkbox .Form-checkbox-icon {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
width: 24px;
height: 24px;
float: left; }
.Form-checkbox .Form-checkbox-title {
display: flex;
vertical-align: middle;
font-size: 16px;
font-weight: 500;
color: #00162d; }
.Form-checkbox .Form-checkbox-title a {
display: contents; }
/* input[type='file']
========================================================================== */
.Form-file .Form-file-label {
display: inline-block;
cursor: pointer; }
.Form-file .Form-file-label:hover .Form-file-icon path {
stroke: #069abf; }
.Form-file .Form-file-label:hover .Form-file-title {
color: #069abf; }
.Form-file .Form-file-icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
line-height: 0;
margin-right: 10px; }
.Form-file .Form-file-title {
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 18px;
vertical-align: middle;
color: #0560c0; }
.Form-file .Form-file-list .Form-file-item {
margin-top: 10px; }
.Form-file .Form-file-list .Form-file-item span {
margin-left: 7px;
cursor: pointer; }
/* select
========================================================================== */
.Form-select {
position: relative;
width: 100%;
border: 1px solid #ccd0d5;
border-radius: 12px;
padding: 13px 24px; }
.Form-select:disabled {
background-color: #eee; }
/* textarea
========================================================================== */
.Form-textarea {
position: relative;
width: 100%;
min-height: 110px;
border: 1px solid #ccd0d5;
border-radius: 12px;
padding: 16px;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
color: #00162d; }
.Form-textarea::placeholder {
color: #99a2ab; }
/* Информационное сообщение
========================================================================== */
.Form-alert {
display: inline-block;
max-width: 340px;
margin-left: 20px;
font-size: 16px;
vertical-align: middle;
/**
* Модификатор: сообщение об ошибке
*/
/**
* Модификатор: сообщение об успехе
*/ }
.Form-alert:empty {
display: none; }
.Form-alert--error {
color: #fe4242; }
.Form-alert--success {
color: #00b611; }
/* ===== Datatables ===== */
table.dataTable {
clear: both;
width: 100%; }
/* table.dataTable thead th { vertical-align: middle; padding: 3px 18px 2px 10px; font-weight: normal; color: #909090; cursor: pointer; *cursor: hand; font-size: 11px; box-shadow: 0 1px 0px #fff inset; -webkit-box-shadow: 0 1px 0px #fff inset; -moz-box-shadow: 0 1px 0px #fff inset; } */
table.dataTable thead th {
vertical-align: middle;
padding: 10px 22px 10px 11px;
line-height: 16px;
font-weight: normal;
cursor: pointer;
*cursor: hand;
box-shadow: 0 1px 0px #fff inset;
-webkit-box-shadow: 0 1px 0px #fff inset;
-moz-box-shadow: 0 1px 0px #fff inset; }
table.dataTable tfoot th {
padding: 3px 18px 3px 10px;
font-weight: bold; }
/* table.dataTable thead td { vertical-align: middle; padding: 10px 20px 10px 11px; } */
table.dataTable thead td {
vertical-align: middle;
padding: 10px 22px 10px 11px;
cursor: pointer;
*cursor: hand;
box-shadow: 0 1px 0px #fff inset;
-webkit-box-shadow: 0 1px 0px #fff inset;
-moz-box-shadow: 0 1px 0px #fff inset; }
table.dataTable td {
padding: 10px 11px;
vertical-align: middle;
line-height: 16px; }
table.dataTable td img {
display: block;
box-shadow: 0 0 2px #bbb;
margin: 0 auto; }
table.dataTable td a:hover img {
cursor: zoom-in; }
table.dataTable td.table_preview_image {
padding: 7px; }
table.dataTable td.center, table.dataTable td.dataTables_empty {
text-align: center; }
table.dataTable tbody tr td, table.dataTable thead tr th {
border-left: 1px solid #dfdfdf; }
table.dataTable tbody tr td:first-child, table.dataTable thead tr th:first-child {
border-left: none; }
table.dataTable thead tr:first-child {
margin: 0;
padding: 0;
border-top: none; }
table.dataTable tr {
border-top: 1px solid #dfdfdf; }
table.dataTable tr.even {
background-color: #f2f2f2; }
table.dataTable td.h_l, table.dataTable th.h_l {
text-align: left; }
table.dataTable td.h_c, table.dataTable th.h_c {
text-align: center; }
table.dataTable td.h_r, table.dataTable th.h_r {
text-align: right; }
table.dataTable td.v_t, table.dataTable th.v_t {
vertical-align: top; }
table.dataTable td.v_c, table.dataTable th.v_c {
vertical-align: middle; }
table.dataTable td.v_b, table.dataTable th.v_b {
vertical-align: bottom; }
tr.odd.gradeA td.sorting_1 {
background-color: #f4f4f4; }
tr.odd.gradeA td.sorting_2 {
background-color: #d1ffd1; }
tr.odd.gradeA td.sorting_3 {
background-color: #d1ffd1; }
tr.even.gradeA td.sorting_1 {
background-color: #efefef; }
tr.even.gradeA td.sorting_2 {
background-color: #e2ffe2; }
tr.even.gradeA td.sorting_3 {
background-color: #e2ffe2; }
tr.odd.gradeC td.sorting_1 {
background-color: #c4c4ff; }
tr.odd.gradeC td.sorting_2 {
background-color: #d1d1ff; }
tr.odd.gradeC td.sorting_3 {
background-color: #d1d1ff; }
tr.even.gradeC td.sorting_1 {
background-color: #d5d5ff; }
tr.even.gradeC td.sorting_2 {
background-color: #e2e2ff; }
tr.even.gradeC td.sorting_3 {
background-color: #e2e2ff; }
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1; }
.dataTables_length {
float: right;
margin-top: 15px; }
.showentries {
float: left;
margin: 4px 15px 0 0; }
.dataTables_filter {
float: left;
font-size: 11px;
text-align: left;
margin: 18px 0;
position: relative; }
.dataTables_filter label > span {
display: block;
float: left;
padding-top: 1px; }
.dataTables_filter input[type=text] {
padding: 5px 20px 5px 7px;
margin-left: 15px;
width: 180px;
background: #f9f9f9;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
border: 1px solid #d7d7d7; }
.dataTables_info {
display: none;
clear: both;
float: left;
padding: 6px 0; }
.tableFooter {
clear: both;
padding: 8px 12px;
height: 36px;
font-size: 11px;
color: #636363;
border-top: 1px solid #cdcdcd;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #efefef));
background: -webkit-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -o-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
background: linear-gradient(top, #f8f8f8 0%, #efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0); }
.hiddenpars .tablePars {
display: none; }
.shownpars .tablePars {
display: block; }
.tablePars {
border-bottom: 1px solid #d5d5d5;
height: 61px;
box-shadow: 0 1px 0 #fff inset;
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow: 0 1px 0 #fff inset;
clear: both;
padding: 0 16px;
font-size: 11px;
color: #636363;
background: url(/adm/src/images/backgrounds/alt.png); }
.dataTables_paginate {
float: right;
width: 100%; }
.dataTables_paginate .last {
margin-right: 0 !important; }
/* @import 'components/gallery';*/
/* @import 'components/gallery-slider';*/
/* @import 'components/gradient-container';*/
/**
* Блок: список поколений на странице с описанием марки модели
*/
.Generation {
position: relative;
max-height: 40px;
padding: 0 20px; }
.Generation .Link-title {
position: relative;
display: block;
font-size: 18px;
font-weight: 500;
line-height: 22px;
color: #1e1e1e;
padding-top: 50px;
/* Chrome Fix: Если сделать 40px, то кусок текста виден, перекрывается в &.Block-more-open .Link-title */
margin-bottom: 8px; }
.Generation .Link-title--previous {
color: #084fa3; }
.Generation .Link-title--previous:after {
content: '';
display: inline-block;
width: 12px;
height: 7px;
margin-left: 7px;
background-image: url(/app/src/img/arrow.png);
background-position: center top;
vertical-align: middle; }
.Generation .Link-title--previous:hover {
color: #007eff; }
.Generation .Link-title--previous:hover:after {
background-position: center -9px; }
.Generation .Link-title--open {
margin-bottom: 22px; }
.Generation .Link-title--open:after {
background-image: url(/app/src/img/arrow.png);
background-position: center -97px; }
.Generation .Link-title--open:hover:after {
background-position: center -45px; }
.Generation ul li {
margin: 0 -10px 3px;
border-radius: 3px; }
.Generation ul li a {
display: block;
padding: 5px 10px 7px;
font-size: 15px;
line-height: 19px;
color: #084fa3; }
.Generation ul li a:hover {
color: #069abf; }
.Generation ul li span {
float: right;
color: #8c8c8c; }
.Generation ul li span span {
float: none; }
.Generation ul li.active {
background: #e1e1e1; }
.Generation ul li.active a {
color: #8c8c8c !important;
cursor: default; }
.Generation ul li:last-child {
margin-bottom: 0; }
.Generation .ConfigsYearsTabs {
display: none; }
.Generation .ConfigsYearsTabs-nav {
margin-bottom: 26px; }
.Generation.Block-more-open {
max-height: 9999px; }
.Generation.Block-more-open .Link-title {
padding-top: 40px; }
.Generation.Block-more-open .ConfigsYearsTabs {
display: block; }
.Generation.Block-more-open .Generation-year:last-child .Generation-wrapper {
margin-bottom: 32px; }
.Generation-wrapper {
display: inline-block;
max-width: 245px;
vertical-align: top;
margin-right: 60px;
/* IE 11 fix */
margin-bottom: 13px; }
.Generation-wrapper--hidden {
max-height: 0;
overflow: hidden; }
.Generation-list {
margin-bottom: 23px; }
.Generation-list:last-child {
margin-bottom: 0; }
.Generation-item {
width: 215px; }
.Generation-item .Generation-item-name {
float: none;
display: inline-block;
width: 100%;
max-width: 49%;
color: inherit; }
.Generation-item .Generation-item-price {
width: 100%;
max-width: 51%; }
.Generation-item .ruble {
line-height: 1; }
.Generation-item-title {
font-weight: 500;
font-size: 16px;
margin-bottom: 10px; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Generation {
padding: 0;
max-height: 100%;
margin-right: 20px;
margin-top: 10px; }
.Generation .Generation-year {
margin-bottom: 35px; }
.Generation .Generation-year:last-child {
margin-bottom: 0; }
.Generation .Link-title {
padding-top: 0; }
.Generation .ConfigsYearsTabs {
display: block; }
.Generation .ConfigsYearsTabs-nav {
margin-bottom: 27px; }
.Generation .ConfigsYearsTabsButton + .ConfigsYearsTabsButton {
margin-left: 17px; }
.Generation-item {
width: 100%; }
.Generation-wrapper {
width: 100%;
max-height: 9999px;
margin-right: 0;
margin-bottom: 22px;
overflow: visible; }
.Generation-wrapper:last-child {
margin-bottom: 0; }
.Generation-wrapper--hidden {
max-height: 0;
margin-bottom: 0;
overflow: hidden; } }
/**
* Генерация отступов для сетки
*
* @param {number} $size
*/
/**
* Генерация отступов для полей формы
*
* @param {number} $size
*/
/**
* Генерация отступов для сетки
*
* @param {number} $size
*/
/**
* Генерация отступов для сетки
*
* @param {number} $size
*/
/**
* @define Grid
*/
.Grid {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-content: flex-start;
-moz-align-content: flex-start;
align-content: flex-start;
-ms-flex-line-pack: start; }
/**
* Модификаторы сетки с отступами
*/
.Grid--gutterHorizontal {
margin-right: -10px;
margin-left: -10px; }
.Grid--gutterVertical {
margin-top: -10px;
margin-bottom: -10px; }
.Grid--gutterHorizontal > .Grid-column {
padding-right: 10px;
padding-left: 10px; }
.Grid--gutterVertical > .Grid-column {
padding-top: 10px;
padding-bottom: 10px; }
.Grid--gutterFormHorizontal {
margin-right: -10px;
margin-left: -10px; }
.Grid--gutterFormVertical {
margin-top: -10px;
margin-bottom: -10px; }
.Grid--gutterFormHorizontal > .Grid-column {
padding-right: 10px;
padding-left: 10px; }
.Grid--gutterFormVertical > .Grid-column {
padding-top: 10px;
padding-bottom: 10px; }
.Grid--gutterNarrowHorizontal {
margin-right: -5.5px;
margin-left: -5.5px; }
.Grid--gutterNarrowVertical {
margin-top: -5.5px;
margin-bottom: -5.5px; }
.Grid--gutterNarrowHorizontal > .Grid-column {
padding-right: 5.5px;
padding-left: 5.5px; }
.Grid--gutterNarrowVertical > .Grid-column {
padding-top: 5.5px;
padding-bottom: 5.5px; }
.Grid--gutterSearchHorizontal {
margin-right: -7.5px;
margin-left: -7.5px; }
.Grid--gutterSearchVertical {
margin-top: -7.5px;
margin-bottom: -7.5px; }
.Grid--gutterSearchHorizontal > .Grid-column {
padding-right: 7.5px;
padding-left: 7.5px; }
.Grid--gutterSearchVertical > .Grid-column {
padding-top: 7.5px;
padding-bottom: 7.5px; }
/**
* Модификатор сетки для модального окна "Выбор города"
*/
.Grid--city {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
flex-flow: column wrap;
max-height: 380px;
padding: 0;
margin: 0;
list-style: none;
overflow: hidden; }
/**
* Модификатор сетки для блока "Каталог марок"
*/
.Grid--Brand {
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
flex-flow: column wrap;
max-height: 425px;
padding: 20px;
padding-bottom: 15px;
overflow: hidden; }
/**
* Модификатор сетки для блока "Поиск"
*/
.Grid--searchForm .Grid-column--button {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.Grid--searchForm .Grid-column--button > *:last-child {
margin-right: 0; }
/* Колонка
========================================================================== */
.Grid-column {
display: inline-block;
vertical-align: top; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Grid--Brand {
max-height: 350px; } }
@media screen and (max-width: 1339px) {
.Grid--gutterFormHorizontal {
margin-right: -4px;
margin-left: -4px; }
.Grid--gutterFormVertical {
margin-top: -4px;
margin-bottom: -4px; }
.Grid--gutterFormHorizontal > .Grid-column {
padding-right: 4px;
padding-left: 4px; }
.Grid--gutterFormVertical > .Grid-column {
padding-top: 4px;
padding-bottom: 4px; } }
.Header {
-webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: absolute;
left: 0;
z-index: 10;
width: 100%;
min-width: 1000px;
padding-top: 16px;
padding-bottom: 32px;
background: #fff;
box-shadow: 0px 7px 28px 0px rgba(110, 117, 125, 0.1); }
/**
* Верхняя часть шапки сайта
*/
.Header-top {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 100%;
margin-bottom: 24px; }
.Header-bottom {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.Header-top-right_part {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
gap: 32px; }
.Header-top-right_part a {
display: inline-block; }
.Header-top-search_by_tags {
display: inline-block;
position: relative; }
.Header-top-search_by_tags.is-active .Search-form {
display: block;
visibility: visible;
opacity: 1; }
.Header-top-search_by_tags_link {
position: relative;
font-size: 14px;
line-height: 1.4;
color: #00162d; }
.Header-top-search_by_tags_link span {
font-size: inherit;
line-height: inherit;
color: inherit; }
.Header-top-search_by_tags_link span.Header-top-search_by_tags_text {
margin-right: 4px; }
.Header-top-search_by_tags_link span.Header-top-search_by_tags_arrow_down_icon {
position: relative;
top: 3px; }
.Header-top-search_by_tags_link span.Header-top-search_by_tags_arrow_down_icon svg {
width: 16px;
height: 16px; }
.Header-top-search_by_tags_link:hover {
color: #069abf; }
.Header-top-search_by_tags_link:hover span.Header-top-search_by_tags_arrow_down_icon svg path {
stroke: #069abf; }
.Header-top-search_fulltext_link svg {
position: relative;
top: 5px; }
.Header-top-search_fulltext_link:hover svg path {
stroke: #069abf; }
/**
* Центральная часть шапки сайта
*/
.Header-center {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 100%;
margin-bottom: 32px; }
/**
* Обёртка логотипа
*/
.Header-logo-wrapper {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
line-height: 0; }
/**
* Блок: логотип Автостата
*/
.Header-logo {
display: inline-block;
position: relative;
width: 215px;
height: 55px;
margin-right: 36px;
background-image: url('/app/src/img/header/logo_header.svg');
background-repeat: no-repeat;
background-size: contain; }
.Header-center-right_part {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
margin-right: -16px; }
.Header-center-right_part a {
display: inline-block; }
.Header-center-callback_request {
margin-right: 16px; }
.Header-center-phones {
display: inline-block;
margin-right: 24px; }
.Header-center-phones .Header-center-phone {
line-height: 1.4;
font-weight: 700;
color: #00162d;
margin-right: 16px; }
.Header-center-phones .Header-center-phone:hover {
color: #069abf; }
.Header-center-phones .Header-center-phone:last-child {
margin-right: 0; }
.Header-center-lk_block {
position: relative;
text-align: right; }
.Header-center-lk_block:hover .Nav--lk_menu_header ul {
display: block; }
.Header-center-auth_link {
position: relative;
color: #0560c0;
padding-left: 16px;
padding-right: 16px; }
.Header-center-auth_link span {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit; }
.Header-center-auth_link span.Header-center-user_icon {
position: relative;
top: 3px;
margin-right: 9px; }
.Header-center-auth_link:hover {
color: #069abf; }
.Header-center-auth_link:hover span.Header-center-user_icon svg path {
stroke: #069abf; }
.Header-center-basket_link {
position: relative;
color: #0560c0;
padding-left: 16px;
padding-right: 16px; }
.Header-center-basket_link span {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit; }
.Header-center-basket_link span.Header-center-basket_icon {
position: relative;
top: 3px;
margin-right: 9px; }
.Header-center-basket_link span.Header-center-basket_total {
display: none;
padding: 0 8px;
border-radius: 224px;
background-color: #00162d;
color: #fff;
font-size: 12px;
font-weight: 400;
text-align: center;
line-height: 1.35;
position: absolute;
top: 4px;
left: 24px; }
.Header-center-basket_link:hover {
color: #069abf; }
.Header-center-basket_link:hover span.Header-center-basket_icon svg path {
stroke: #069abf; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Header {
padding-bottom: 20px; }
.Header .Header-logo {
margin-right: 20px; }
.Header .Header-center-right_part {
line-height: 1; }
.Header .Header-center-phones .Header-center-phone {
display: block;
margin-bottom: 6px; }
.Header .Header-center-phones .Header-center-phone:last-child {
margin-bottom: 0; } }
/* @import 'components/header-languages';*/
/* @import 'components/heading';*/
/**
* Блок: общий блок контента
*/
.Main {
position: relative;
min-height: calc(100vh - 152px);
padding-top: 276px;
/**
* Модификатор: страницы поиска при добавлении логотипа марки
*/
/**
* Модификатор: страницы с фиксированным логотипом
*/
/**
* Модификатор: для лендинга "Почему выгодно менять"
*/ }
.Main--search .Breadcrumbs {
padding-left: 140px; }
.Main--search .Main--search-title {
padding-left: 130px; }
.Main--fixed-logo .Breadcrumbs {
padding-left: 140px; }
.Main--fixed-logo .Main--search-title {
padding-left: 130px; }
.Main--fixed-logo .MainHeading--logo h1 {
padding-left: 130px; }
.Main--advantages {
padding-top: 0 !important; }
.MainHeading .MainHeading-title {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 100%;
margin-bottom: 24px; }
.MainHeading .MainHeading-title h1 {
margin-bottom: 0; }
.MainHeading--logo h1 {
padding-left: 130px; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Main {
min-height: calc(100vh - 172px);
padding-top: 278px;
/**
* Модификатор: для главной страницы
*/ }
.Main--home {
padding-top: 242px; } }
/* @import 'components/main-heading';*/
/**
* Блок: модальное окно
*/
.modal, .modal * {
box-sizing: border-box; }
.modal {
z-index: 1;
display: none;
position: relative;
height: 100%;
padding: 20px;
border-radius: 20px;
background-color: #fff;
transition: width 0.2s ease-in-out;
/**
* Модификатор: модальное окно отправки заявки на заказ автомобиля в наличии
*/
/**
* Модификатор: модальное окно запроса персонального предложения на базе модального окна отправки заявки на заказ
*/
/**
* Модификатор: модальное окно выбора/смены города
*/
/**
* Модификатор: модальное окно добавления/замены комплектации автомобиля в сравнении
*/
/**
* Модификатор: модальное окно добавления/замены комплектации автомобиля в сравнении
* Модификатор: модальное окно отправки результата оценки авто пользователю на почту
*/
/**
* Модификатор: модальное окно востановления автомобиля из архива
*/ }
.modal .modal-heading {
font-size: 24px;
font-weight: 800;
line-height: 1.4;
margin-bottom: 24px; }
.modal .h2 {
font-family: 'Manrope', sans-serif;
font-size: 23px;
font-weight: 700;
color: #1e1e1e;
padding-left: 11px;
margin-bottom: 20px; }
.modal .modal_close {
z-index: 1;
position: absolute;
top: 30px;
right: 24px;
width: 16px;
height: 16px;
border: none;
background: url('/app/src/img/cross_b.png') no-repeat;
background-size: cover;
cursor: pointer; }
.modal .modal_close:focus {
outline: none; }
.modal .modal_close:hover {
background-position: left -18px; }
.modal .modal-description {
margin-bottom: 24px; }
.modal .modal-description .modal-description-strong_text {
font-weight: bold; }
.modal .Form-group {
max-width: 580px; }
.modal .Form-alert {
max-width: none;
line-height: 1.4;
margin: 24px 0 0 0; }
.modal .form-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
background: #f3f3f3;
height: 60px;
cursor: pointer;
line-height: 60px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.modal .form-footer.modal-footer-link {
background: none; }
.modal .form-footer.modal-footer-link a {
color: #003fba;
margin-left: -15px; }
.modal .form-footer.modal-footer-link a:hover {
color: #007eff; }
.modal .form-footer a {
color: #8c8c8c;
transition: color 0.2s ease-in-out; }
.modal .form-footer a:hover {
color: #084fa3; }
.modal .form-forget-pass {
position: absolute;
right: 30px;
cursor: pointer;
color: #084fa3;
transition: color 0.2s ease-in-out; }
.modal .form-forget-pass:hover {
color: #069abf; }
.modal .form-group {
position: relative;
margin-bottom: 15px; }
.modal .form-group label {
font-size: 18px;
line-height: 36px;
color: #8c8c8c;
text-align: left;
white-space: nowrap; }
.modal .form-group > label:first-child {
display: inline-block;
width: 130px;
min-height: 42px;
vertical-align: top;
white-space: normal;
padding-right: 20px; }
.modal .form-group input, .modal .form-group textarea {
width: 100%;
font-size: 16px;
color: #1e1e1e;
padding-left: 14px;
padding-right: 14px;
border-radius: 3px;
border: 1px solid #bdbdbd; }
.modal .form-group input:hover, .modal .form-group textarea:hover {
border-color: #72b8ff;
box-shadow: none !important; }
.modal .form-group input:focus, .modal .form-group textarea:focus {
border-color: #72b8ff;
box-shadow: none !important; }
.modal .form-group input {
height: 42px;
line-height: 32px; }
.modal .form-group input.is-special {
display: none; }
.modal .form-group textarea {
height: 82px;
resize: none;
padding: 7px 14px; }
.modal .form-group p {
font: 400 12px/14px 'Manrope', sans-serif;
vertical-align: top; }
.modal .form-group .Phone-text {
margin: 7px 0 5px 17px;
font-size: 14px;
color: #8c8c8c;
line-height: 1.3; }
.modal .form-group .Form-label--lh20 {
line-height: 20px; }
.modal .form-group .Form-position-right {
display: inline-block;
width: 340px;
float: right; }
.modal .form-group .Checkbox-wrapper--multiline {
position: relative;
padding-left: 30px;
margin-bottom: 10px; }
.modal .form-group .Checkbox-wrapper--multiline input + label {
text-align: left;
white-space: normal;
font-size: 15px;
line-height: 1.5;
color: #1e1e1e; }
.modal .form-group .Checkbox-wrapper--multiline input + label span {
width: auto;
white-space: pre-wrap;
text-align: left;
line-height: 1.5;
font-size: 15px;
color: #1e1e1e; }
.modal .form-group .Checkbox-wrapper--multiline input + label:before {
position: absolute;
left: 0;
top: 4px; }
.modal .form-group .Checkbox-wrapper--multiline a {
font-size: 15px;
line-height: 1.5;
color: #084fa3; }
.modal .form-group .Checkbox-wrapper--multiline a:hover {
color: #007eff; }
.modal .form-group--indented {
margin-left: 130px; }
.modal .form-group.is-disabled {
display: none; }
.modal .form-group:last-child {
padding-top: 5px;
margin-bottom: 0; }
.modal .form-group:after, .modal .form-group:before {
content: '';
display: table; }
.modal .form-group:after {
clear: both; }
.modal .Form-note {
font-size: 14px;
padding: 5px 14px 0;
display: block;
color: #8c8c8c; }
.modal .Button--filled-green {
display: inline-block;
font-size: 16px;
vertical-align: top;
padding: 8px 16px 12px; }
.modal--order_available_car {
width: 920px;
padding: 20px;
background: #e1e1e1; }
.modal--order_available_car .TabsButton {
height: 60px; }
.modal--order_available_car .h2 {
padding-left: 0;
margin: 20px 0 0; }
.modal--order_available_car .form-note {
margin-bottom: 40px;
color: #8c8c8c; }
.modal--order_available_car .Form-alert--error {
margin-bottom: 2px; }
.modal--order_available_car .Modal-list-call-dealer {
list-style-type: decimal; }
.modal--order_available_car .Modal-list-call-dealer li {
margin-bottom: 25px; }
.modal--order_available_car .Modal-list-call-dealer li p {
font-size: 18px; }
.modal--order_available_car .Modal-list-call-dealer li p.Basic-information {
margin-bottom: 10px;
font-size: 21px;
font-weight: 700; }
.modal--order_available_car .Modal-list-call-dealer li p.Basic-information--small {
font-size: 16px;
line-height: 22px;
color: #1e1e1e;
margin-top: 5px; }
.modal--order_available_car .Modal-list-call-dealer li p.Additional-information {
font-size: 16px;
color: #8c8c8c; }
.modal--order_available_car .Modal-inform {
display: inline-block;
width: 300px;
vertical-align: top;
padding-top: 60px; }
.modal--order_available_car .Modal-inform .Model-item {
max-width: 205px;
margin-bottom: 20px; }
.modal--order_available_car .Modal-inform .Model-description p {
margin-bottom: 20px;
color: #8c8c8c; }
.modal--order_available_car .Tabs--modal {
display: inline-block;
width: 560px;
margin-right: 20px; }
.modal--order_available_car .Tabs--modal .Tabs-nav {
background: inherit; }
.modal--order_available_car .Tabs--modal .Tabs-nav .TabsButton {
font-size: 23px;
padding: 14px 41px 16px; }
.modal--order_available_car .Tabs--modal .Tabs-item {
min-height: 530px;
padding: 35px 40px;
background: #fff;
border-radius: 0 0 3px 3px; }
.modal--order_available_car .form-group {
margin-bottom: 10px; }
.modal--order_available_car .form-group textarea {
margin-bottom: 6px; }
.modal--order_available_car .form-group:last-child {
padding-top: 0; }
.modal--order_available_car .Model-item:hover .Model-photo:empty {
opacity: 1; }
.modal--personal_offer_user_request.modal--order_available_car {
min-width: 960px; }
.modal--personal_offer_user_request.modal--order_available_car.modal--top_spaced_30 {
padding-top: 30px; }
.modal--personal_offer_user_request.modal--order_available_car.modal--top_spaced_40 {
padding-top: 40px; }
.modal--personal_offer_user_request.modal--order_available_car .Tabs--modal .Tabs-item {
max-height: 600px; }
.modal--personal_offer_user_request h2 {
font-weight: 500;
font-size: 23px;
text-align: center; }
.modal--personal_offer_user_request h2.header--no-tabs {
margin-bottom: 25px; }
.modal--personal_offer_user_request .Tabs .Tabs-nav > .TabsButton {
height: 46px;
font-size: 18px;
padding: 12px 20px 10px 20px; }
.modal--personal_offer_user_request .Tabs .Tabs-item {
padding: 0;
min-height: 413px;
background: none; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Tabs-item-normal-text {
margin-bottom: 25px; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Tabs-item--gray_text {
max-width: 461px;
color: ;
font-size: 18px;
margin-bottom: 20px; }
.modal--personal_offer_user_request .Tabs .Tabs-item button, .modal--personal_offer_user_request .Tabs .Tabs-item a.Button {
font-weight: 500;
font-size: 18px;
padding: 8px 30px 11px 30px;
margin-bottom: 15px; }
.modal--personal_offer_user_request .Tabs .Tabs-item .More-button {
font-size: 15px;
color: #0560c0;
margin-top: 15px; }
.modal--personal_offer_user_request .Tabs .Tabs-item .More-button:hover {
cursor: pointer;
color: #069abf; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Tabs-grid {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
max-width: 470px;
margin-bottom: 15px; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Tabs-grid .Checkbox-wrapper.Checkbox-wrapper--multiline {
margin-bottom: 12px; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Tabs-grid .Checkbox-wrapper.Checkbox-wrapper--multiline:last-child {
margin-bottom: 0; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Tabs-grid .Checkbox-wrapper input + label span {
max-width: 190px;
line-height: 1.25; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Checkbox-wrapper.Checkbox-wrapper--multiline {
width: auto; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Additional_field {
margin-bottom: 25px; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Additional_field p {
color: ;
font-size: 18px;
margin: 0px 0 15px 0; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Additional_field textarea {
height: 84px;
margin-bottom: 10px; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Additional_field .Checkbox-wrapper {
margin-bottom: 0 !important; }
.modal--personal_offer_user_request .Tabs .Tabs-item .Additional_field .Checkbox-wrapper input + label span {
font-size: 16px; }
.modal--personal_offer_user_request .Tabs .Tabs-item .show_more-group {
display: block;
margin-bottom: 20px;
font-size: 15px;
font-weight: normal;
padding: 0; }
.modal--personal_offer_user_request .Modal-inform {
width: 394px;
display: block;
padding: 0; }
.modal--personal_offer_user_request .Modal-inform.Modal-inform--short {
width: 300px; }
.modal--personal_offer_user_request .Modal-inform.Modal-inform--no_space_top {
padding-top: 0; }
.modal--personal_offer_user_request .Modal-inform .Models-box {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-arrows {
width: 20px; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-arrows img {
position: relative;
top: 50px;
width: inherit; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-arrows img:nth-child(1) {
position: relative; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-arrows img:nth-child(2) {
position: relative; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-car_item {
width: 165px;
font-size: 16px; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-car_item:hover {
cursor: pointer; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-car_item:hover img {
opacity: 0.9; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-car_item:hover div {
color: ; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-car_item img {
width: 165px;
min-height: 124px;
margin-bottom: 10px; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-car_item p {
margin-bottom: 7px; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-car_item p span {
font-weight: bold; }
.modal--personal_offer_user_request .Modal-inform .Models-box .Models-car_item div {
font-weight: bold; }
.modal--personal_offer_user_request .Modal-inform .Model-description {
margin-bottom: 0; }
.modal--personal_offer_user_request .Modal-inform .Model-description p {
font-size: 15px;
margin-bottom: 15px; }
.modal--personal_offer_user_request .Modal-inform .question {
display: inline-block;
position: relative;
left: 5px;
top: 2px;
width: 15px;
height: 15px;
background: url("/app/src/img/svg/question_in_cirkle.svg") no-repeat center / cover; }
.modal--personal_offer_user_request .Modal-inform .question:hover {
cursor: pointer; }
.modal--personal_offer_user_request .Modal-inform .question:hover .question-info {
display: block; }
.modal--personal_offer_user_request .Modal-inform .question + span {
margin-left: 10px; }
.modal--personal_offer_user_request .Modal-inform .question div.question-info {
z-index: 1000;
display: none;
position: absolute;
left: 200%;
color: white !important;
font-weight: normal !important;
font-size: 12px !important;
line-height: 1.2;
padding: 12px 19px;
background: #242b35;
border-radius: 3px;
border: none; }
.modal--personal_offer_user_request .Modal-inform .question div.question-info:before {
content: "";
width: 0;
height: 0;
position: absolute;
right: 100%;
top: calc(50% - 6px);
border-top: 6px solid transparent;
border-right: 6px solid #242b35;
border-bottom: 6px solid transparent; }
.modal--personal_offer_user_request .Modal-inform .question div.question-info.question-info--old_auto {
width: 236px;
height: auto;
top: -32px; }
.modal--personal_offer_user_request .Tabs--modal {
width: 920px !important;
margin: 0; }
.modal--personal_offer_user_request .Tabs--modal .Tabs-item .Tabs-item-column {
display: inline-block; }
.modal--personal_offer_user_request .Tabs--modal .Tabs-item .Tabs-item-column--left {
width: 506px;
margin-right: 20px;
padding: 20px 20px 20px 20px;
background: white;
float: left; }
.modal--personal_offer_user_request .Tabs--modal .Tabs-item .Tabs-item-column--right {
width: 394px; }
.modal--personal_offer_user_request .Tabs--modal .Tabs-item--wide .Tabs-item-column--left {
width: 600px; }
.modal--personal_offer_user_request .Tabs--modal .Tabs-item--wide .Tabs-item-column--right {
width: 300px; }
.modal--personal_offer_user_request .Models-item {
padding: 15px;
background: white;
max-width: 394px !important;
margin-bottom: 20px; }
.modal--personal_offer_user_request .Models-item.Models-item--short {
max-width: 195px !important; }
.modal--personal_offer_user_request .Models-item .Models-surcharge {
padding-top: 10px;
margin-top: 17px;
border-top: 1px solid #e1e1e1; }
.modal--personal_offer_user_request .Models-item .Models-surcharge p {
font-size: 14px;
line-height: 1; }
.modal--personal_offer_user_request .Models-item .Models-surcharge p span {
font-size: 23px;
font-weight: bold; }
.modal--user_car {
width: 1005px;
padding-top: 31px; }
.modal--user_car .modal_close {
top: 38px; }
.modal--user_car .modal-heading {
font-weight: 500;
text-align: left;
padding: 0; }
.modal--error_orf p {
margin-bottom: 24px; }
.modal--city_choose {
width: 960px;
height: 100%;
padding: 26px 16px 30px; }
.modal--city_choose .modal_close {
right: 32px;
top: 32px; }
.modal--add_to_compare {
width: 960px;
min-height: 540px;
height: 100%;
padding: 26px 16px 30px; }
.modal--add_to_compare .modal_close {
right: 32px;
top: 32px; }
.modal--feedback, .modal--request_calculator_business_version, .modal--send_to_email_calculator_result {
width: 700px; }
.modal--feedback .form-group input, .modal--request_calculator_business_version .form-group input, .modal--send_to_email_calculator_result .form-group input, .modal--feedback .form-group textarea, .modal--request_calculator_business_version .form-group textarea, .modal--send_to_email_calculator_result .form-group textarea {
width: 340px; }
.modal--feedback .form-group .Form-position-right, .modal--request_calculator_business_version .form-group .Form-position-right, .modal--send_to_email_calculator_result .form-group .Form-position-right {
float: none;
margin-left: 130px; }
.modal--auth {
width: 482px; }
.modal--auth .Button--filled-green {
padding: 8px 30px 12px; }
.modal--registration {
width: 630px; }
.modal--phone_confirm_reg, .modal--phone_confirm_forgot {
width: 600px; }
.modal--phone_confirm_reg .form-group > label:first-child, .modal--phone_confirm_forgot .form-group > label:first-child {
width: initial;
padding-right: 29px; }
.modal--phone_confirm_reg .form-group input, .modal--phone_confirm_forgot .form-group input, .modal--phone_confirm_reg .form-group textarea, .modal--phone_confirm_forgot .form-group textarea {
width: 340px; }
.modal--phone_confirm_reg .form-group .Form-position-right, .modal--phone_confirm_forgot .form-group .Form-position-right {
float: none;
margin-left: 103px; }
.modal--phone_confirm_reg .form-group--ib, .modal--phone_confirm_forgot .form-group--ib {
display: inline-block; }
.modal--phone_confirm_reg .form-group--indented, .modal--phone_confirm_forgot .form-group--indented {
margin-left: 103px; }
.modal--phone_confirm_reg .modal-resend-counter, .modal--phone_confirm_forgot .modal-resend-counter {
font-size: 16px;
color: ;
margin-bottom: 25px;
margin-left: 103px; }
.modal--phone_confirm_reg .modal-resend-counter.blue, .modal--phone_confirm_forgot .modal-resend-counter.blue {
color: #084fa3;
cursor: pointer; }
.modal--recover {
width: 482px; }
.modal--change_pass {
width: 600px; }
.modal--change_pass .form-group input, .modal--change_pass .form-group textarea {
width: 340px; }
.modal--change_pass .form-group > label:first-child {
width: 150px; }
.modal--change_pass .form-group > .normal-lh {
line-height: 21px; }
.modal--change_pass .form-group--indented {
margin-left: 150px; }
.modal--calculator_limit_reached_unauthorized {
width: 600px; }
.modal--calculator_limit_reached_unauthorized .button-group .Button {
width: 190px; }
.modal--calculator_limit_reached_authorized {
width: 600px; }
.modal--cancel-deal {
width: 600px; }
.modal--cancel-deal .modal-heading {
margin-bottom: 20px; }
.modal--cancel-deal p {
max-width: 431px;
text-align: center;
margin: 0 auto 30px auto; }
.modal--cancel-deal .button-group {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.modal--cancel-deal .button-group .Button {
width: 150px;
text-align: center; }
.modal--cancel-deal .button-group .Button + .Button {
margin-left: 20px; }
.modal--cancel-deal .button-group .Button.modal_close {
position: static;
height: 40px;
vertical-align: middle;
color: ;
padding: 7px 40px 9px;
background: white;
border: 1px solid ;
border-radius: 3px;
transition: 200ms; }
.modal--cancel-deal .button-group .Button.modal_close:hover {
color: white;
background: #069abf; }
.modal--cancel-deal .button-group .Button.modal_close:active {
background: #069abf; }
.modal--image_crop img {
margin-bottom: 20px; }
.modal--restore_car, .modal--move_car_to_archive, .modal--car_booking {
max-width: 740px; }
.modal--credit {
font-family: ProximaNova;
padding: 75px 115px;
width: 919px; }
.modal--credit .modal-heading {
font-weight: bold;
font-size: 36px;
line-height: 44px;
text-align: center;
margin-bottom: 35px; }
.modal--credit .modal-description {
font-size: 18px;
line-height: 22px;
color: #4e4e4e; }
.modal--credit .modal-list li {
font-size: 18px;
line-height: 22px;
color: #4e4e4e; }
.modal--credit .modal-list--circle li {
margin-bottom: 17px; }
.modal--credit .modal-list--circle li:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
background-color: #00a3fe;
border-radius: 50%;
margin-right: 7px;
top: 5px;
vertical-align: top;
position: relative;
top: 7px; }
.modal--credit .modal-list--circle li span {
display: inline-block;
width: 90%; }
.modal--credit .modal-list--dash {
margin-left: 24px; }
.modal--credit .modal-list--dash li {
margin-bottom: 10px; }
.modal--credit .modal-list--dash li:before {
content: none; }
.modal--credit_order_accepted {
width: 441px;
padding: 50px 75px; }
.modal--credit_order_accepted .modal-heading {
font-size: 28px;
line-height: 34px;
padding: 0; }
.modal--credit_order_accepted .Button {
height: 55px; }
.modal--dealer_callback_request {
width: 600px; }
.modal--dealer_callback_request .form-group input, .modal--dealer_callback_request .form-group textarea {
width: 340px; }
.modal--dealer_callback_request .form-group .Form-position-right {
float: none;
margin-left: 130px; }
/**
* Оверлей модального окна
*/
.modalOverlay {
position: fixed;
left: 0;
top: 0;
z-index: 190;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7); }
/**
* Обёртка модального окна
*/
.modalWrapper {
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
position: fixed;
left: 50%;
top: 50%;
z-index: 200;
display: none;
height: auto;
max-height: 90%;
overflow-y: auto;
overflow-x: hidden; }
.modalWrapper--no_scroll {
overflow: unset; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.modal--auth {
width: 406px; }
.modal--registration {
width: 600px; }
.modal--recover {
width: 406px; } }
.Model.open .Model-item {
display: block !important; }
.Model-favorites {
display: inline-block; }
.Model-title {
margin-bottom: 8px;
font-weight: bold; }
.Model-price {
margin-bottom: 3px;
font-size: 16px;
font-weight: 700;
color: ; }
.Model-tradein_price {
margin-bottom: 2px;
font-size: 14px;
font-weight: normal;
color: ; }
.Model-price-credit {
display: inline-block;
font-size: 14px;
color: #0560c0 !important;
cursor: pointer; }
.Model-price-credit:hover {
color: #069abf !important; }
.Model-price-credit--bigger-font-size-for-tablet {
font-size: 16px; }
.Model-price-credit--small-font-size {
font-size: 12px; }
.Model-wrapper-price-tradein .Model-price {
margin-bottom: -2px; }
.Model-wrapper-price-tradein .Model-price-credit {
margin-bottom: 8px; }
.Model-wrapper-price-tradein .Model-price-sale {
font-size: 14px;
color: ; }
.Model-price-title {
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #8c8c8c;
margin-bottom: 4px; }
.Model-description {
margin-bottom: 6px;
font-size: 14px;
color: ; }
.Model-wrapper-year, .Model-wrapper-city {
color: #1e1e1e; }
.Model-notAvailable {
font-size: 14px;
color: #8c8c8c;
padding: 0 0 17px; }
.Model-notAvailable--with_tipsy {
margin-top: -2px; }
.Model-notAvailable-info {
display: inline-block;
position: relative;
top: 2px;
left: 2px;
box-sizing: content-box;
width: 14px;
height: 14px;
line-height: 0;
padding: 2px; }
.Model-notAvailable-info svg.icon_info {
display: inline-block;
width: 100%;
height: 100%;
line-height: inherit; }
.Model-notAvailable-info:hover svg.icon_info path, .Model-notAvailable-info:hover svg.icon_info rect, .Model-notAvailable-info:hover svg.icon_info circle, .Model-notAvailable-info:hover svg.icon_info ellipse, .Model-notAvailable-info:hover svg.icon_info polygon {
fill: #069abf; }
.Model-link {
display: block;
font-size: 14px; }
.Model-photo-wrapper {
min-height: 124.98px;
vertical-align: top;
margin-bottom: 10px; }
.Model-photo-wrapper .Model-photo {
margin-bottom: 0; }
.Model-photo {
margin-bottom: 10px;
min-height: 111px; }
.Model-photo:empty {
background-image: url('/app/src/img/model_no_photo.jpg');
background-position: center center;
background-size: cover; }
.Model-photo img {
display: block;
width: 100%; }
.Model-photo--available {
padding: 0 10px; }
.Model-item {
position: relative;
background: #fff; }
.Model-item a {
display: block; }
.Model-item .Model-item-link {
display: block;
padding: 15px 10px 17px 10px; }
.Model-item .Model-item-link .Model-text {
padding: 0 10px;
position: relative; }
.Model-item .Model-item-link .Model-text--flex {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.Model-item:hover img {
opacity: 0.9; }
.Model-item:hover .Model-photo:empty {
opacity: 0.9; }
.Model-item--withoutAvailable .Model-description {
padding-bottom: 17px;
margin-bottom: 0; }
.Model-item--reserved {
opacity: 0.6; }
.Model-item--with_actions .Model-actions {
display: none; }
.Model-old-price {
position: relative;
font-weight: 400;
color: #8b8b8b; }
.Model-old-price:after {
position: absolute;
top: 11px;
right: 0;
content: '';
width: 100%;
height: 1px;
background: red; }
.Model-old-price .Model-price {
font-weight: 400;
color: #8b8b8b; }
.Model-blockLink ul li {
display: inline-block;
margin: 0 12px;
font-size: 23px;
font-weight: 500;
color: ; }
.Model-blockLink ul li:first-child {
margin-left: 0; }
.Model-blockLink ul li a {
font-size: 23px;
font-weight: 400;
color: #084fa3; }
.Model-blockLink ul li a:hover {
color: #069abf; }
.Model--newAuto {
display: none; }
.Model--newAuto .Model-description {
margin-bottom: 12px; }
.Model--newAuto .Model-button {
font-weight: 400;
text-align: center;
background: #fff;
border-radius: 0 0 3px 3px;
border-top: 1px solid #e1e1e1; }
.Model--newAuto .Model-button button {
width: 100%;
padding: 10px 0 15px; }
.Model--newAuto .Model-button .Model-price {
font-size: 16px; }
.Model--newAuto .Model-item-link {
height: 100%; }
.Model--newAuto.is-active {
display: block; }
.Model--stock .Model-description {
margin-bottom: 12px; }
.Model--tiles .Model-item {
position: relative;
background: #fff;
box-shadow: 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 1px 0 0 0 #d2d2d2 inset, 0 1px 0 0 #d2d2d2 inset; }
.Model--tiles .Model-item .Model-item-link {
position: relative; }
.Model--tiles .Model-item:nth-child(3n+1) {
box-shadow: 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2 inset, 0 1px 0 0 #d2d2d2 inset; }
.Model--tiles .Model-item:nth-child(1) {
box-shadow: 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2 inset, 0 0 0 0 #d2d2d2 inset; }
.Model--tiles .Model-item:nth-child(2), .Model--tiles .Model-item:nth-child(3) {
box-shadow: 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 1px 0 0 0 #d2d2d2 inset, 0 0 0 0 #d2d2d2 inset; }
.Model--tiles .Model-item.Model-item--hiden {
display: none; }
.Model--tiles .Model-item:hover {
z-index: 20;
box-shadow: 1px 1px 10px 2px rgba(210, 210, 210, .85), -1px -1px 10px 2px rgba(210, 210, 210, .35) !important; }
.Model--tiles .Model-item:hover .Model-favorites {
display: block; }
.Model--tiles .Model-item:after {
content: '';
position: absolute;
top: 0;
right: -1px;
display: block;
width: 1px;
height: 100%;
background: #fff; }
.Model--tiles .Model-item .Model-photo:hover .Model-title {
color: #069abf; }
.Model--tiles .Model-item.Model-item--new:after {
position: absolute;
right: 0;
top: 1px;
content: '';
width: 40px;
height: 25px;
background: url('/app/src/img/logo-new.png'); }
.Model--tiles .Model-item .Model-wrapper-price-tradein .Model-price-sale {
display: inline-block;
min-width: 75px;
white-space: nowrap;
padding-top: 4px; }
.Model--tiles .Model-item--with_actions .Model-actions {
margin-top: 14px; }
.Model--tiles .Model-item--with_actions .Model-actions .Button {
margin: 0 0 8px;
width: 100%; }
.Model--tiles .Model-item--with_actions .Model-actions .Button:last-child {
margin: 0; }
.Model--tiles .Model-favorites {
position: absolute;
display: none;
top: 25px;
right: 30px;
width: 32px;
height: 32px;
border-radius: 50%;
background: #fff;
box-shadow: 0px 1.75302px 7.88858px rgba(0, 0, 0, 0.025), 0px 14px 63px rgba(0, 0, 0, 0.05), 0px 4px 19px rgba(0, 0, 0, 0.06); }
.Model--list .Model-item {
border-bottom: 1px solid #e1e1e1; }
.Model--list .Model-item:last-child {
border-bottom: 0; }
.Model--list .Model-item--discount:after {
display: none; }
.Model--list .Model-item--with_actions:hover {
z-index: 20;
box-shadow: 1px 1px 10px 2px rgba(210, 210, 210, .85), -1px -1px 10px 2px rgba(210, 210, 210, .35) !important; }
.Model--list .Model-item--with_actions:hover .Model-indent {
height: 51px; }
.Model--list .Model-item--with_actions .Model-actions {
width: 100%;
margin-top: 17px;
position: absolute;
bottom: -51px; }
.Model--list .Model-item--with_actions .Model-actions .Button {
margin-right: 15px;
width: 161px; }
.Model--list .Model-item--with_actions .Model-actions .Button:last-child {
margin-right: 0; }
.Model--list .Model-text {
-webkit-box-lines: single;
-moz-box-lines: single;
box-lines: single;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.Model--list .Model-wrapper-title {
display: inline-block;
width: 182px;
margin-right: 10px; }
.Model--list .Model-wrapper-title .Model-description {
display: block; }
.Model--list .Model-wrapper-price {
display: inline-block;
width: 182px;
margin-right: 10px; }
.Model--list .Model-wrapper-description {
display: none;
width: 160px;
margin-right: 10px; }
.Model--list .Model-wrapper-logo {
margin-right: 10px;
/**
* Определяем список используемых типов цветов (модификаторов) SVG-иконок кузовов автомобилей в наличии
*/
/**
* Формируем модификаторы для корректного окрашивания SVG-иконок кузовов автомобилей в наличии
*/ }
.Model--list .Model-wrapper-logo svg {
width: 57px;
max-height: 28px; }
.Model--list .Model-wrapper-city {
width: 100px;
margin-right: 10px; }
.Model--list .Model-wrapper-city p {
font-size: 14px; }
.Model--list .Model-title {
font-size: 14px;
margin-bottom: 5px; }
.Model--list .Model-price {
font-size: 14px; }
.Model--list .Model-description {
margin-bottom: 0; }
.Model--list .Model-description--text-color-black {
color: ; }
.Model--list .Model-favorites {
display: inline-block;
position: relative;
width: 18px;
height: 17px;
margin-top: 5px; }
.Model--list_with_images .Model-wrapper-logo {
display: none; }
.Model--list_with_images .Model-item {
border-bottom: 1px solid #e1e1e1; }
.Model--list_with_images .Model-item:last-child {
border-bottom: 0; }
.Model--list_with_images .Model-item .Model-item-link .Model-text {
padding: 0; }
.Model--list_with_images .Model-item .Model-wrapper-price-tradein {
padding-top: 5px; }
.Model--list_with_images .Model-item--with_actions {
padding-bottom: 6px; }
.Model--list_with_images .Model-item--with_actions:hover {
z-index: 20;
box-shadow: 1px 1px 10px 2px rgba(210, 210, 210, .85), -1px -1px 10px 2px rgba(210, 210, 210, .35) !important; }
.Model--list_with_images .Model-item--with_actions .Model-actions {
width: 100%;
margin-bottom: 17px; }
.Model--list_with_images .Model-item--with_actions .Model-actions .Button {
margin-right: 15px;
width: 161px; }
.Model--list_with_images .Model-item--with_actions .Model-actions .Button:last-child {
margin-right: 0; }
.Model--list_with_images .Model-item--with_actions .Model-photo-wrapper {
margin-bottom: 17px; }
.Model--list_with_images .Model-photo-wrapper {
position: relative;
display: inline-block;
width: 175px;
margin: 23px 40px 23px 0; }
.Model--list_with_images .Model-photo-wrapper .Model-photo {
margin: 0; }
.Model--list_with_images .Model-wrapper-year {
display: none;
width: 50px;
vertical-align: top;
margin-top: 18px;
margin-right: 20px; }
.Model--list_with_images .Model-wrapper-year p {
font-size: 18px; }
.Model--list_with_images .Model-wrapper-description {
display: inline-block;
width: 135px;
margin-right: 40px;
margin-top: 18px;
vertical-align: top; }
.Model--list_with_images .Model-wrapper-description .Model-description {
font-size: 16px; }
.Model--list_with_images .Model-wrapper-price {
display: inline-block;
width: 167px;
/* IE 11 fix */
margin-top: 18px;
margin-right: 10px;
vertical-align: top; }
.Model--list_with_images .Model-wrapper-price .Model-price {
font-size: 16px; }
.Model--list_with_images .Model-wrapper-price .City-hidden {
display: block;
color: #1e1e1e;
margin-top: 25px; }
.Model--list_with_images .Model-wrapper-price .City-hidden + .Model-reserved {
margin-top: 10px; }
.Model--list_with_images .Model-wrapper-city {
display: none;
width: 100px;
margin-top: 18px;
vertical-align: top; }
.Model--list_with_images .Model-wrapper-city p + .Model-reserved {
margin-top: 30px; }
.Model--list_with_images .Model-reserved {
position: relative;
width: 130px;
border: 1px solid #ff8a00;
box-sizing: border-box;
border-radius: 3px;
padding: 7px 10px 8px 24px; }
.Model--list_with_images .Model-reserved span {
position: absolute;
width: 7px;
height: 7px;
top: 13px;
left: 10px;
background: #ff8a00;
border-radius: 50%; }
.Model--list_with_images .Model-reserved div {
font-size: 14px; }
.Model--list_with_images .Model-item-link {
padding: 0 15px 0 15px; }
.Model--list_with_images .Model-favorites {
position: relative;
display: inline-block;
width: 18px;
height: 17px;
margin-top: 25px; }
.Model-wrapper-year {
display: none;
width: 42px;
margin-right: 20px; }
.Model-wrapper-year p {
font-size: 14px; }
/**
* Блок: список марок для блока с табами в правой части поиска в баннерах
*/
.Model-search-list {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
display: none;
padding: 15px 20px;
overflow: hidden; }
.Model-search-list .Model-search-item {
margin-bottom: 12px; }
.Model-search-list--Visible {
display: block; }
.Model--some-links .Model-item-link {
padding: 15px 10px 0px 10px;
height: auto; }
.Model--some-links .Model-item-wrapper-link {
padding: 0px 20px 17px 20px;
color: #084fa3; }
.Model--some-links .Model-item-wrapper-link:hover {
color: #069abf; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Model-photo-wrapper {
min-height: 146.25px; }
.Model-photo {
min-height: 128px; }
.Model-photo--available_modal_order:empty {
min-height: 111px; }
.Model-item {
display: block; }
.Model--tiles .Model-item:nth-child(3n+1) {
box-shadow: 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 1px 0 0 0 #d2d2d2 inset, 0 1px 0 0 #d2d2d2 inset; }
.Model--tiles .Model-item:nth-child(4n+1) {
box-shadow: 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2 inset, 0 1px 0 0 #d2d2d2 inset; }
.Model--tiles .Model-item:nth-child(1) {
box-shadow: 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2 inset, 0 0 0 0 #d2d2d2 inset; }
.Model--tiles .Model-item:nth-child(4) {
box-shadow: 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 0 0 0 0 #d2d2d2, 1px 0 0 0 #d2d2d2 inset, 0 0 0 0 #d2d2d2 inset; }
.Model--tiles .Model-item.Model-item--hiden {
display: block; }
.Model--tiles .Model-item .Model-wrapper-price-tradein .Model-price-sale {
padding-top: 0; }
.Model--tiles .Model-item--with_actions .Model-actions {
margin-top: 21px; }
.Model--list .Model-item {
border-bottom: 1px solid #e1e1e1; }
.Model--list .Model-item:last-child {
border-bottom: 0; }
.Model--list .Model-item--discount:after {
display: none; }
.Model--list .Model-item .Model-item-link {
padding: 13px 10px 13px 20px; }
.Model--list .Model-item--with_actions .Model-actions {
position: relative;
bottom: 0; }
.Model--list .Model-item--with_actions:hover .Model-indent {
height: 0; }
.Model--list .Model-text {
-webkit-box-lines: single;
-moz-box-lines: single;
box-lines: single;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.Model--list .Model-text .Model-text-column {
width: 478px;
padding-bottom: 0; }
.Model--list .Model-wrapper-title {
display: inline-block;
width: 220px;
margin-right: 15px; }
.Model--list .Model-wrapper-title .Model-description {
display: none; }
.Model--list .Model-wrapper-price {
display: inline-block;
width: 182px;
margin-right: 15px; }
.Model--list .Model-wrapper-description {
display: inline-block;
vertical-align: top;
width: 228px;
margin-right: 15px; }
.Model--list .Model-wrapper-description .Year-hidden {
display: none; }
.Model--list .Model-wrapper-logo {
margin-right: 20px; }
.Model--list .Model-title {
font-size: 16px; }
.Model--list .Model-price {
font-size: 16px; }
.Model--list .Model-wrapper-year {
display: block; }
.Model--list_with_images .Model-wrapper-year {
display: inline-block; }
.Model--list_with_images .Model-photo-wrapper {
width: 190px; }
.Model--list_with_images .Model-wrapper-description {
width: 250px;
margin-right: 20px; }
.Model--list_with_images .Model-wrapper-description .Model-title {
font-size: 18px; }
.Model--list_with_images .Model-wrapper-description .Year-hidden {
display: none; }
.Model--list_with_images .Model-wrapper-price {
width: 145px;
/* IE 11 fix */
margin-right: 15px; }
.Model--list_with_images .Model-wrapper-price .Model-price {
font-size: 18px; }
.Model--list_with_images .Model-wrapper-price .City-hidden {
display: none; }
.Model--list_with_images .Model-wrapper-city {
display: inline-block;
width: 130px;
margin-right: 20px; }
.Model--list_with_images .Model-wrapper-city p {
font-size: 18px; }
.Model--list_with_images .Model-item-link {
padding: 0 15px 0 20px; }
.Model-blockLink ul li {
margin: 0 15px; }
.Model-price-credit--bigger-font {
font-size: 16px; }
.Model-price-credit--small-font-size {
font-size: 14px; } }
.Nav {
position: relative; }
.Nav--quick_links_header_top ul {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
gap: 20px; }
.Nav--quick_links_header_top .Nav-item a {
font-size: 14px;
font-weight: 500; }
.Nav--main_menu_header ul {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
gap: 32px; }
.Nav--lk_menu_header {
position: absolute;
right: 0;
width: 100%; }
.Nav--lk_menu_header ul {
display: none;
border: 1px solid #ccd0d5;
border-radius: 12px;
background: #fff; }
.Nav--lk_menu_header ul .Nav-item {
display: block;
white-space: nowrap; }
.Nav--lk_menu_header ul .Nav-item a {
display: block;
font-size: 16px;
line-height: 1.6;
font-weight: 500;
padding: 4px 16px; }
.Nav--lk_menu_header ul .Nav-item--first > a {
padding-top: 8px; }
.Nav--lk_menu_header ul .Nav-item--last > a {
padding-bottom: 8px; }
.Nav--menu_footer > ul {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 20px; }
.Nav--menu_footer > ul .Nav-item {
display: block;
flex: 1; }
.Nav--menu_footer > ul .Nav-item a {
margin-bottom: 16px;
display: inline-block;
font-size: 18px;
font-weight: 800;
line-height: 1.4; }
.Nav--menu_footer > ul .Nav-item ul a {
font-size: 16px;
font-weight: 500;
line-height: 1.6; }
.Nav--menu_footer > ul .Nav-item--first > a:hover {
color: #00162d;
cursor: default; }
/* Элемент
========================================================================== */
.Nav-item {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: relative;
display: inline-block;
line-height: 1.4; }
.Nav-item a {
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s;
line-height: 1.4;
font-weight: 700;
color: #00162d; }
.Nav-item a:hover {
color: #069abf; }
.Nav-item a:hover svg path {
stroke: #069abf; }
.Nav-item.Nav-item--last {
margin-right: 0; }
.Nav-item.is-active a {
background: ;
border-radius: 3px; }
.Nav-item.is-active.is-current_page a {
cursor: default; }
.Nav-item.is-active.is-current_page a:hover {
color: #00162d; }
.Nav-item.is-active.Nav-item--icon a {
background-color: transparent; }
.Nav-item.Nav-item--dropdown > a {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; }
.Nav-item.Nav-item--dropdown ul {
display: none;
position: absolute;
top: 35px;
border: 1px solid #ccd0d5;
border-radius: 12px;
background: #fff; }
.Nav-item.Nav-item--dropdown ul .Nav-item {
display: block;
white-space: nowrap; }
.Nav-item.Nav-item--dropdown ul .Nav-item a {
display: block;
font-size: 16px;
line-height: 1.6;
font-weight: 500;
padding: 4px 16px; }
.Nav-item.Nav-item--dropdown ul .Nav-item--first > a {
padding-top: 8px; }
.Nav-item.Nav-item--dropdown ul .Nav-item--last > a {
padding-bottom: 8px; }
.Nav-item.Nav-item--dropdown .Nav-item-arrow_down {
width: 20px;
height: 20px; }
.Nav-item.Nav-item--dropdown .Nav-item-arrow_down svg {
width: 100%;
height: 100%; }
.Nav-item.Nav-item--dropdown.Nav-item--open ul {
display: block; }
.Nav-item.Nav-item--dropdown.Nav-item--open > a {
color: #0560c0; }
.Nav-item.Nav-item--dropdown.Nav-item--open path {
stroke: #0560c0; }
.Nav-item.Nav-item--dropdown.Nav-item--open .Nav-item-arrow_down {
transform: rotate(180deg); }
.Nav-item.Nav-item--icon {
vertical-align: middle; }
.Nav-item.Nav-item--icon a {
display: block;
width: 19px;
height: 21px;
margin-bottom: 2px;
box-sizing: content-box;
background-clip: content-box;
background-origin: content-box;
background-repeat: no-repeat;
background-position: center -19px; }
.Nav-item.Nav-item--icon a:hover {
background-position: center bottom; }
.Nav-item.Nav-item--icon.Nav-item--icon_svg a {
width: 22px;
height: 22px;
margin-bottom: 0;
background-position: center bottom; }
.Nav-item.Nav-item--icon.Nav-item--icon_svg a svg path, .Nav-item.Nav-item--icon.Nav-item--icon_svg a svg rect, .Nav-item.Nav-item--icon.Nav-item--icon_svg a svg circle, .Nav-item.Nav-item--icon.Nav-item--icon_svg a svg ellipse, .Nav-item.Nav-item--icon.Nav-item--icon_svg a svg polygon {
-webkit-transition: fill 0.2s;
-moz-transition: fill 0.2s;
transition: fill 0.2s; }
.Nav-item.Nav-item--icon.Nav-item--icon_svg a:hover {
background-position: center bottom; }
.Nav-item.Nav-item--icon.Nav-item--icon_svg a:hover svg path, .Nav-item.Nav-item--icon.Nav-item--icon_svg a:hover svg rect, .Nav-item.Nav-item--icon.Nav-item--icon_svg a:hover svg circle, .Nav-item.Nav-item--icon.Nav-item--icon_svg a:hover svg ellipse, .Nav-item.Nav-item--icon.Nav-item--icon_svg a:hover svg polygon {
fill: #069abf; }
.Nav_tabs {
border: 1px solid #ccd0d5;
border-radius: 12px;
padding: 4px;
display: inline-block; }
.Nav_tabs .Nav_tabs-list {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.Nav_tabs .Nav_tabs-item {
display: inline-block; }
.Nav_tabs .Nav_tabs-item.active a {
background-color: #0560c0;
color: #fff; }
.Nav_tabs .Nav_tabs-item-link {
display: inline-block;
border-radius: 8px;
padding: 12px 24px 12px 24px;
font-size: 16px;
font-weight: 700;
line-height: 18px;
color: #00162d; }
.Nav_tabs .Nav_tabs-item-link:hover {
background-color: #069abf;
color: #fff; }
.Nav_tabs .Nav_tabs-item-link.active {
background-color: #0560c0;
color: #fff; }
.Nav_tabs.Nav_tabs--wide {
width: 100%; }
.Nav_tabs.Nav_tabs--middle {
width: 100%; }
.Nav_tabs.Nav_tabs--middle .Nav_tabs-list {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.Nav_tabs.Nav_tabs--middle .Nav_tabs-item {
width: 100%; }
.Nav_tabs.Nav_tabs--middle .Nav_tabs-item-link {
width: 100%;
text-align: center; }
.Nav_tabs.Nav_tabs--profile {
margin-bottom: 24px; }
.Nav_tabs-content-item {
display: none; }
.Nav_tabs-content-item.active {
display: block; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Nav {
margin-right: 10px; }
.Nav--menu_footer > ul .Nav-item a {
margin-bottom: 16px;
line-height: 1.4; }
.Nav--menu_footer > ul .Nav-item ul a {
font-size: 14px; }
.Nav_tabs .Nav_tabs-item-link {
padding: 12px; } }
/* @import 'components/nav-button';*/
.Pagination-list {
text-align: center; }
.Pagination-list .Pagination-link {
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
vertical-align: middle;
color: #00162d; }
.Pagination-list .Pagination-link:hover {
color: #069abf; }
.Pagination-list .Pagination-item {
display: inline-block;
vertical-align: middle;
width: 50px;
margin: 0 10px; }
.Pagination-list .Pagination-item--prev .Pagination-link {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
border: 1px solid #0560c0;
border-radius: 12px; }
.Pagination-list .Pagination-item--prev .Pagination-link:after {
background-color: #0560c0;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
content: '';
display: inline-block;
width: 8px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
.Pagination-list .Pagination-item--prev .Pagination-link:hover {
border-color: #069abf; }
.Pagination-list .Pagination-item--prev .Pagination-link:hover:after {
background-color: #069abf; }
.Pagination-list .Pagination-item--next .Pagination-link {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
border: 1px solid #0560c0;
border-radius: 12px; }
.Pagination-list .Pagination-item--next .Pagination-link:after {
background-color: #0560c0;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
content: '';
display: inline-block;
width: 8px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
.Pagination-list .Pagination-item--next .Pagination-link:hover {
border-color: #069abf; }
.Pagination-list .Pagination-item--next .Pagination-link:hover:after {
background-color: #069abf; }
.Pagination-list .Pagination-item--hidden {
visibility: hidden; }
.Pagination-list .Pagination-item.Pagination-item--active .Pagination-link {
color: #0560c0;
cursor: default; }
.Pagination-list.Pagination-list--smaller {
text-align: center;
height: 40px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 0; }
.Pagination-list.Pagination-list--smaller .Pagination-item--prev {
float: left;
height: 100%;
background-image: url('/app/src/img/arrow_pages.png');
background-position: center -5px;
border-radius: 0 2px 2px 0;
border-right: 1px solid #c8c8c8; }
.Pagination-list.Pagination-list--smaller .Pagination-item--prev:hover {
background-position: center -57px; }
.Pagination-list.Pagination-list--smaller .Pagination-item--prev .Pagination-link {
width: 40px;
height: 40px;
margin: 0; }
.Pagination-list.Pagination-list--smaller .Pagination-item--next {
float: right;
height: 100%;
background-image: url('/app/src/img/arrow_pages.png');
background-position: center -109px;
border-radius: 0 2px 2px 0;
border-left: 1px solid #c8c8c8; }
.Pagination-list.Pagination-list--smaller .Pagination-item--next:hover {
background-position: center -161px; }
.Pagination-list.Pagination-list--smaller .Pagination-item--next .Pagination-link {
width: 40px;
height: 40px;
margin: 0; }
.Pagination-list.Pagination-list--smaller .Pagination-link {
line-height: 38px; }
/**
* Блок: одна публикация
*/
.Publication.Publication--block_short .Publication-wrapper {
padding-bottom: 90px; }
.Publication .Publication-wrapper {
padding-bottom: 24px;
position: relative; }
.Publication .Publication-image {
margin-bottom: 24px;
width: 260px;
height: 100%;
overflow: hidden; }
.Publication .Publication-image img {
display: block;
border: 1px solid #f2f3f4;
border-radius: 20px;
width: 100%; }
.Publication .Publication-title {
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
color: #00162d;
margin-bottom: 8px; }
.Publication .Publication-title:hover {
color: #069abf; }
.Publication .Publication-note {
margin-bottom: 12px; }
.Publication .Publication-link {
font-weight: 700;
position: absolute;
bottom: 0; }
.Publication .Publication-link:after {
background-color: #0560c0;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
vertical-align: middle;
margin-left: 4px; }
.Publication .Publication-link:hover:after {
background-color: #069abf; }
.Publication.Publication--right .Publication-image {
width: 100%; }
.Publication.Publication--right .Publication-date {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #4d5c6c;
margin-bottom: 24px; }
.Publication.Publication--right .Publication-date:before {
content: '/';
margin-right: 5px; }
.Publication.Publication--right .Publication-link {
position: relative; }
.Publication.Publication--right .Publication-wrapper {
padding-bottom: 0; }
.Publication.Publication--infographics .Publication-image {
width: 367px; }
.Publication.Publication--horizontal {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.Publication.Publication--horizontal .Publication-image {
margin-bottom: 0;
margin-right: 20px;
width: 182px;
flex: 1 0 auto; }
.Publication.Publication--horizontal .Publication-title {
font-size: 18px; }
.Publication.Publication--horizontal .Publication-title a {
font-size: 18px; }
.Publication.Publication--horizontal .Publication-note {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden; }
.Publication .Publication-date {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #4d5c6c;
margin-bottom: 24px; }
.Publication .Publication-date:before {
content: '/';
margin-right: 5px; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Publication.Publication--infographics .Publication-image {
width: 275px; }
.Publication.Publication--horizontal .Publication-note {
-webkit-line-clamp: 2; }
.Publication .Publication-image {
width: 100%; } }
/**
* Блок: список публикаций
*/
.Publications {
display: block; }
.Publications.Publications--block .Publications-item {
padding-top: 16px;
padding-bottom: 15px;
border-bottom: 1px solid #ccd0d5;
line-height: 1.4; }
.Publications.Publications--block .Publications-item:last-child {
border-bottom: none; }
.Publications.Publications--block .Publications-item:first-child {
padding-top: 0; }
.Publications.Publications--block .Publications-item .Publications-item-wrapper {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 100%;
gap: 16px; }
.Publications.Publications--block .Publications-item .Publications-item-title {
height: 44px;
line-height: 1.4;
font-weight: 700;
color: #00162d;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden; }
.Publications.Publications--block .Publications-item .Publications-item-title:hover {
color: #069abf; }
.Publications.Publications--block .Publications-item .Publications-item-date {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #4d5c6c;
width: 100px;
flex-shrink: 0; }
.Publications.Publications--block .Publications-item .Publications-item-date:before {
content: '/';
margin-right: 2px; }
.Publications.Publications--block.Publications--infographics .Publications-item .Publications-item-title {
height: auto; }
.Publications.Publications--block.Publications--articles .Publications-item:nth-child(4) {
border-bottom: none; }
.Publications.Publications--block.Publications--articles .Publications-item:nth-child(5) {
display: none; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Publications {
display: block; }
.Publications.Publications--block.Publications--articles .Publications-item:nth-child(4) {
border-bottom: 1px solid #ccd0d5; }
.Publications.Publications--block.Publications--articles .Publications-item:nth-child(5) {
display: block; }
.Publications.Publications--block.Publications--infographics .Publications-item .Publications-item-title {
height: 44px; }
.Publications.Publications--block.Publications--infographics .Publications-item:nth-child(4) {
border-bottom: none; }
.Publications.Publications--block.Publications--infographics .Publications-item:nth-child(5) {
display: none; } }
.Preview {
display: grid;
width: 100%;
padding: 24px;
border-radius: 20px;
background: #fff;
box-shadow: 0 7px 28px 0 rgba(110, 117, 125, 0.1);
grid-template-columns: 337px auto;
margin-bottom: 32px; }
.Preview:last-child {
margin-bottom: 0; }
.Preview .Preview-photo-wrapper {
width: 337px;
height: 251px; }
.Preview .Preview-photo {
position: relative;
display: inline-block; }
.Preview .Preview-photo img {
border-radius: 20px;
width: 100%;
height: 100%;
display: block; }
.Preview .Preview-text {
padding: 0 0 0 24px;
position: relative; }
.Preview .Preview-info {
margin: 0 0 16px 0; }
.Preview .Preview-date {
color: #4d5c6c;
font-size: 14px;
font-weight: 500;
line-height: 1.4; }
.Preview .Preview-date:before {
content: '/';
margin-right: 5px; }
.Preview .Preview-title {
display: inline-block;
font-size: 18px;
font-weight: 800;
line-height: 1.4;
margin: 0 0 8px 0;
color: #00162d;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden; }
.Preview .Preview-title:hover {
color: #069abf; }
.Preview .Preview-description {
color: #4d5c6c;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
text-align: left; }
.Preview .Preview-description p {
color: #4d5c6c;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
text-align: left; }
.Preview .Preview-buttom {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
position: absolute;
bottom: 0;
left: 0;
padding: 0 24px;
gap: 20px; }
.Preview .Preview-description {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden; }
.Preview .Preview-button {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center; }
.Preview--video .Preview-photo--icon:before {
content: '';
position: absolute;
background: url("/app/src/img/svg/youtube_icon.svg") no-repeat center;
display: inline-block;
width: 55px;
height: 40px;
background-color: rgba(0, 22, 45, 0.5);
border-radius: 12px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.Preview--video .Preview-photo--icon:hover:before {
background-color: #e40046; }
.Preview--research {
grid-template-columns: 165px auto; }
.Preview--research .Preview-photo-wrapper {
width: 165px;
height: 242px; }
.Preview--research .Preview-photo img {
border-radius: 10px; }
.Preview--research .Preview-info {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
width: 100%;
margin: 0 0 13px 0; }
.Preview--research .Preview-description {
margin-bottom: 16px; }
.Preview--research .Preview-format {
border: 1px solid #0560c0;
border-radius: 7px;
padding: 4px 8px 4px 8px;
margin-right: 16px;
font-size: 14px;
line-height: 1.4; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Preview {
grid-template-columns: 232px auto; }
.Preview .Preview-photo-wrapper {
width: 232px;
height: 173px; }
.Preview .Preview-description {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden; }
.Preview .Preview-description p {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden; }
.Preview--research {
grid-template-columns: 165px auto; }
.Preview--research .Preview-photo-wrapper {
width: 165px;
height: 242px; } }
.Plate {
display: inline-block;
border: 1px solid #ccd0d5;
border-radius: 12px;
background: #fff;
margin-right: 8px; }
.Plate:last-child {
margin-right: 0; }
.Plate .Plate-title {
display: inline-block;
padding: 4px 12px 4px 12px;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #00162d; }
.Plate .Plate-title:hover {
color: #069abf; }
.Plate.active {
border-color: #0560c0; }
.Plate.active a {
color: #0560c0; }
.Researches {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.Researches .Researches-item {
width: 280px;
text-align: center;
margin-right: 30px;
position: relative; }
.Researches .Researches-item .Researches-item-wrapper {
height: 100%; }
.Researches .Researches-item.Researches-item--flex_end {
display: flex;
flex-direction: column;
justify-content: flex-end; }
.Researches .Researches-item:last-child {
margin-right: 0; }
.Researches .Researches-item .Researches-item-title {
margin-bottom: 16px; }
.Researches .Researches-item .Researches-item-title a {
color: #00162d;
font-weight: 700; }
.Researches .Researches-item .Researches-item-title a:hover {
color: #069abf; }
.Researches .Researches-item.Researches-item--focus {
width: 100%;
margin-right: 0; }
.Researches .Researches-item.Researches-item--focus .Researches-item-image {
display: inline-block; }
.Researches .Researches-item.Researches-item--focus .Researches-item-image img {
width: 100%;
height: 100%; }
.Researches .Researches-item.Researches-item--embedded {
width: 100%;
margin-right: 0; }
.Researches .Researches-item.Researches-item--embedded .Researches-item-image {
height: 314px;
display: inline-block; }
.Researches .Researches-item.Researches-item--embedded .Researches-item-image img {
width: 100%;
height: 100%; }
.Researches .Researches-item .Researches-item-category {
margin-bottom: 16px; }
.Researches .Researches-item .Researches-item-category a {
font-size: 18px;
font-weight: 800;
line-height: 1.4;
color: #00162d; }
.Researches .Researches-item .Researches-item-category a:hover {
color: #069abf; }
.Researches .Researches-item .Researches-item-image {
height: 242px;
margin-bottom: 16px;
display: inline-block; }
.Researches .Researches-item .Researches-item-image img {
height: 100%;
border-radius: 12px; }
.Researches .Researches-item .Researches-item-info {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
margin-bottom: 16px; }
.Researches .Researches-item .Researches-item-format {
border: 1px solid #0560c0;
border-radius: 7px;
padding: 4px 8px 4px 8px;
margin-right: 16px; }
.Researches .Researches-item .Researches-item-date {
color: #4d5c6c; }
.Researches .Researches-item .Researches-item-date:before {
content: '/';
margin-right: 2px; }
.Researches .Researches-item .Researches-item-title {
font-size: 16px;
margin-bottom: 16px; }
.Researches .Researches-item .Researches-item-title a {
font-weight: 700;
line-height: 1.4;
color: #00162d; }
.Researches .Researches-item .Researches-item-title a:hover {
color: #069abf; }
.Researches .Researches-item .Researches-item-button {
width: 100%; }
.Researches .Researches-item-link:after {
background-color: #0560c0;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
vertical-align: middle;
margin-left: 4px; }
.Researches .Researches-item-link:hover:after {
background-color: #069abf; }
.Research_right .Research_right-title {
font-size: 16px;
margin-bottom: 16px; }
.Research_right .Research_right-title a {
color: #00162d;
font-weight: 700;
line-height: 1.4; }
.Research_right .Research_right-title a:hover {
color: #069abf; }
.Research_right .Research_right-info {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
margin-bottom: 16px;
gap: 16px; }
.Research_right .Research_right-format {
border: 1px solid #0560c0;
border-radius: 7px;
padding: 4px 8px 4px 8px;
font-size: 14px;
line-height: 1.4;
display: inline-block; }
.Research_right .Research_right-date {
color: #4d5c6c;
font-size: 14px;
line-height: 1.4; }
.Research_right .Research_right-date:before {
content: '/';
margin-right: 5px; }
.Research_right .Research_right-image {
height: 146px;
width: 100%;
display: inline-block;
margin-bottom: 16px; }
.Research_right .Research_right-image img {
width: 100px;
height: 100%;
border-radius: 12px; }
.Researches-item-cart {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
width: 100%; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Researches.Researches--list .Researches-item {
width: 295px; }
.Researches.Researches--list .Researches-item:first-child {
display: none; }
.Researches .Researches-item.Researches-item--embedded .Researches-item-image {
height: 220px; } }
.Basket_modal-researches {
width: 580px;
margin-bottom: 24px; }
.Basket_modal-researches .Basket_modal-researches-in_basket {
border: 1px solid #ccd0d5;
border-radius: 20px;
padding: 16px 20px; }
.Basket_modal-researches .Basket_modal-researches-in_basket .Researches-in_basket-title {
font-size: 18px;
font-weight: 800;
line-height: 25.2px;
margin-bottom: 20px; }
.Basket_modal-researches .Basket_modal-researches-item {
display: grid;
margin-bottom: 20px;
box-shadow: none;
grid-template-columns: 100px auto;
padding: 0; }
.Basket_modal-researches .Basket_modal-researches-item:first-child {
margin-bottom: 24px; }
.Basket_modal-researches .Basket_modal-researches-item .Basket_modal-researches-item-photo-wrapper {
width: 100px;
height: 146px; }
.Basket_modal-researches .Basket_modal-researches-item .Basket_modal-researches-item-photo-wrapper img {
border-radius: 10px; }
.Basket_modal-researches .Basket_modal-researches-item .Basket_modal-researches-item-text {
padding: 0 15px; }
.Basket_modal-researches .Basket_modal-researches-item .Basket_modal-researches-item-title {
font-size: 16px;
font-weight: 700;
display: inline-block;
line-height: 1.4;
margin: 0 0 8px 0;
color: #00162d; }
.Basket_modal-researches .Basket_modal-researches-item .Basket_modal-researches-item-title:hover {
color: #069abf; }
/**
* Блок: обертка для правой части
*/
.Right-content {
position: relative;
padding-left: 20px;
margin-bottom: 65px;
/**
* Модификатор: отрицательный отступ
*/
/**
* Модификатор: большой положительный отступ (сдвиг контента вниз)
*/
/**
* Модификатор: малый положительный отступ (сдвиг контента вниз)
*/ }
.Right-content .Right-content-list {
margin-bottom: 30px; }
.Right-content .Right-content-list--fixed {
position: sticky;
top: 0; }
.Right-content .Right-content-list:last-child {
margin-bottom: 0; }
.Right-content .Right-content-item {
margin-bottom: 30px; }
.Right-content .Right-content-item:last-child {
margin-bottom: 0; }
.Right-content .Advertising-slider-photo img {
width: auto;
max-height: 90px;
margin: auto; }
.Right-content--shifted_up {
margin-top: -46px; }
.Right-content--shifted_down_big {
margin-top: 54px; }
.Right-content--shifted_down_small {
margin-top: 46px; }
.Right-content-noTitle {
margin-top: 46px; }
/**
* Блок: поиск
*/
.Search {
/**
* Модификатор: плашка поиска в меню
*/ }
.Search--header {
-webkit-transform: translate(150%, -50%);
-moz-transform: translate(150%, -50%);
-ms-transform: translate(150%, -50%);
-o-transform: translate(150%, -50%);
transform: translate(150%, -50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
position: absolute;
top: 35px;
left: 0;
width: 100%;
padding: 10px 0;
margin-bottom: 0;
background: #fff;
border-radius: 3px;
opacity: 0;
z-index: 100;
box-shadow: 0 7px 28px 0 rgba(110, 117, 125, 0.1); }
.Search--header.active {
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: 1; }
.Search--header .Search-form-wrapper {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
position: relative;
gap: 10px; }
.Search--header .Search-form-wrapper input {
width: 100%; }
.Search--header .Search-form-button {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
gap: 10px; }
.Search-form {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.Search-form input {
width: 100%;
height: 50px;
font-size: 16px;
line-height: 18px;
color: #00162d;
padding-left: 56px;
padding-right: 56px;
border-radius: 12px;
border: 1px solid #ccd0d5;
box-shadow: none; }
.Search-form.is-active .Search-form-icon--cross {
display: inline-block !important; }
.Search-form .Search-form-wrapper {
position: relative;
width: 100%; }
.Search-form .Search-form-input {
position: relative;
width: 100%; }
.Search-form .Search-form-list {
position: absolute; }
.Search-form .Search-form-icon {
position: absolute; }
.Search-form .Search-form-icon.Search-form-icon--loop {
left: 0;
height: 24px;
padding: 0 16px;
top: 50%;
transform: translateY(-50%); }
.Search-form .Search-form-icon.Search-form-icon--loop svg {
vertical-align: middle; }
.Search-form .Search-form-icon.Search-form-icon--loop svg path {
stroke: #00162d; }
.Search-form .Search-form-icon.Search-form-icon--cross {
display: none;
cursor: pointer;
height: 24px;
top: 50%;
right: 0;
padding: 0 21px;
transform: translateY(-50%); }
.Search-form .Search-form-icon.Search-form-icon--cross svg {
vertical-align: middle; }
.Search-form.Search-form--tags {
width: 100%; }
.Search-form.Search-form--tags input {
width: 100%;
height: 56px;
font-size: 16px;
line-height: 18px;
font-weight: 500;
color: #99a2ab;
padding-left: 56px;
padding-right: 56px;
border-radius: 12px; }
.Search-form.Search-form--tags .Search-form-wrapper {
position: relative;
width: 100%; }
.Search-form.Search-form--tags .Search-form-icon {
position: absolute; }
.Search-form.Search-form--top_by_tags {
position: absolute;
right: 0;
top: -12px;
display: none;
visibility: hidden;
opacity: 0;
transition: all ease-in 0.1s;
z-index: 101; }
.Search-form.Search-form--top_by_tags input {
width: 371px; }
/**
* Стилизация выпадающего списка ui-autocomplete
*/
.ui-widget.ui-autocomplete {
z-index: 99999;
max-height: 300px;
padding: 0;
top: 2px !important;
border: 1px solid #ccd0d5;
border-radius: 12px;
background-color: #fff;
overflow-y: auto; }
.ui-widget.ui-autocomplete .ui-menu-item {
padding: 12px 16px;
cursor: pointer; }
.ui-widget.ui-autocomplete .ui-menu-item:hover {
background: #f2f3f4; }
/* @import 'components/section';*/
.select2-container {
width: 100% !important; }
.select2-container .select2-selection {
width: 100%;
height: unset;
padding: 10px 16px;
border: 1px solid #cdd0d5;
border-radius: 12px !important; }
.select2-container .select2-selection:hover {
border-color: #0560c0; }
.select2-container .select2-selection .select2-selection__arrow {
width: 40px;
height: 100%; }
.select2-container .select2-selection .select2-selection__arrow b {
width: 16px;
height: 16px;
border: none;
background-image: url('/app/src/img/svg/arrow_down.svg');
background-position: center;
transform: translateY(-50%) translateX(-50%); }
.select2-container--open .select2-selection .select2-selection__arrow b {
transform: translateY(-50%) translateX(-50%) rotate(180deg); }
.select2-container--focus .select2-selection {
border-color: #0560c0; }
.select2-container--disabled .select2-selection:hover {
border-color: #cdd0d5; }
.select2-container--disabled.select2-container--focus .select2-selection {
border-color: #cdd0d5; }
.select2-dropdown {
overflow: hidden;
border: 1px solid #ccd0d5 !important;
border-radius: 12px !important; }
.select2-dropdown .select2-results__option {
position: relative;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
color: #00162d;
padding: 12px 16px; }
.select2-dropdown .select2-results__option[aria-selected=true] {
background-color: unset; }
.select2-dropdown .select2-results__option[aria-selected=true]:after {
content: '';
position: absolute;
top: 50%;
right: 16px;
width: 16px;
height: 16px;
border: none;
background-image: url('/app/src/img/svg/select_checked_icon.svg');
background-position: center;
background-repeat: no-repeat;
transform: translateY(-50%); }
.select2-dropdown .select2-results__option--highlighted[aria-selected] {
color: #00162d;
background-color: unset; }
.select2-dropdown .select2-results__option:hover {
background-color: #f2f3f4; }
.select2-dropdown--above {
top: -2px; }
.select2-dropdown--below {
top: 2px; }
.Showrooms .Showrooms-item img {
display: block;
width: 100%;
height: 190px; }
.Showrooms .Showrooms-item .Showrooms-item-link {
position: relative;
display: block;
height: 100%;
background-color: #fff; }
.Showrooms .Showrooms-item .Showrooms-item-link:hover .Showrooms-item-title {
color: #069abf; }
.Showrooms .Showrooms-item .Showrooms-item-link:hover img {
opacity: 0.9; }
.Showrooms .Showrooms-item .Showrooms-item-photo {
display: block;
height: 190px;
background-color: #fff; }
.Showrooms .Showrooms-item .Showrooms-item-photo:empty {
background-image: url('/app/src/img/zagl_s.png');
background-position: center center; }
.Showrooms .Showrooms-item .Showrooms-item-text {
padding: 15px 18px 32px;
background: #fff; }
.Showrooms .Showrooms-item .Showrooms-item-text .Showrooms-item-title {
display: block;
margin-bottom: 5px;
font-size: 16px;
color: ; }
.Showrooms .Showrooms-item .Showrooms-item-text .Showrooms-item-mark {
display: block;
color: ;
margin-bottom: 12px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.Showrooms .Showrooms-item .Showrooms-item-text .Showrooms-item-mark a {
color: ;
margin-bottom: 12px;
font-size: 14px; }
.Showrooms .Showrooms-item .Showrooms-item-text .Showrooms-item-city {
position: absolute;
bottom: 15px;
left: 18px;
font-size: 14px;
color: ; }
.Showrooms-block {
padding: 14px 20px 14px;
background: #fff; }
.Showrooms-block .Grid--city {
max-height: 555px; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Showrooms-block .Grid--city {
max-height: 405px; } }
/**
* @define Slider
*/
.Text-slider {
position: relative; }
/* Контент
========================================================================== */
.Text-slider-content {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
width: 100%;
overflow: hidden;
*zoom: 1; }
.Text-slider-content > ul {
height: 100%; }
.Text-slider-content > ul::after {
clear: both;
content: "";
display: table; }
/* Слайд
========================================================================== */
.Text-slider-item {
position: relative;
float: left;
z-index: 1;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover; }
/* Навигация
========================================================================== */
.Text-slider-arrow {
position: absolute;
top: 0;
z-index: 2;
display: block;
width: 30%;
height: 100%;
cursor: pointer; }
.Text-slider-arrow:hover path {
fill: #707274; }
.Text-slider-arrow svg {
width: 35px;
height: 26px; }
.Text-slider-arrow path {
-webkit-transition: fill 0.3s ease;
-moz-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.Text-slider-arrow--prev {
left: 0;
padding-left: 20px;
text-align: left; }
.Text-slider-arrow--next {
right: 0;
padding-right: 20px;
text-align: right; }
/* Навигация (bulls)
========================================================================== */
.SN_Groups .Icon {
display: inline-block;
width: 28px;
height: 28px;
text-align: center;
margin-right: 8px;
border-radius: 8px; }
.SN_Groups .Icon svg {
display: inline-block;
vertical-align: middle; }
.SN_Groups .Icon:last-child {
margin-right: 0; }
.SN_Groups .Icon:hover {
opacity: 0.8; }
.SS_Links-wrapper {
width: 100%;
height: 212px;
text-align: center;
padding: 24px;
background-color: #fff;
border-radius: 20px;
box-shadow: 0px 7px 28px 0px rgba(110, 117, 125, 0.1); }
.SS_Links .SS_Links-title {
font-size: 24px;
font-weight: 800;
line-height: 1.4;
margin-bottom: 24px; }
.SS_Links .SS_Links-services {
display: flex;
margin-bottom: 24px; }
.SS_Links .SS_Links-services .SS_Links-item {
width: 100%;
border-radius: 12px; }
.SS_Links .SS_Links-networks .SS_Links-item {
width: 32px;
height: 32px;
padding: 0;
background-repeat: no-repeat;
background-position: center center;
background-color: #0560c0;
border-radius: 8px; }
.SS_Links .SS_Links-networks .SS_Links-item:hover {
background-color: #0560c0; }
.SS_Links .SS_Links-networks .SS_Links-item:before {
content: none; }
.SS_Links .SS_Links-networks .SS_Links-item--vk {
background-image: url('/app/src/img/svg/icon_social_service_vk.svg'); }
.SS_Links .SS_Links-networks .SS_Links-item--ok {
background-image: url('/app/src/img/svg/icon_social_service_ok.svg'); }
.SS_Links .SS_Links-networks .SS_Links-item--yt {
background-image: url('/app/src/img/svg/icon_social_service_yt.svg'); }
.SS_Links .SS_Links-item {
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 18px;
text-align: center;
padding: 16px;
margin-right: 10px;
border-radius: 3px;
cursor: pointer; }
.SS_Links .SS_Links-item span {
vertical-align: middle;
color: #fff; }
.SS_Links .SS_Links-item:last-child {
margin-right: 0; }
.SS_Links .SS_Links-item:before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 9px;
background-size: cover;
background-position: center top; }
.SS_Links .SS_Links-item--tg {
background: #00162d; }
.SS_Links .SS_Links-item--tg:hover {
background: #00162d; }
.SS_Links .SS_Links-item--tg:before {
height: 19px;
background-image: url('/app/src/img/svg/icon_social_service_tg.svg'); }
.SS_Links .SS_Links-item--ml {
background: #fff;
border: 1px solid #00162d; }
.SS_Links .SS_Links-item--ml span {
color: #00162d; }
.SS_Links .SS_Links-item--ml:hover {
background: #fff; }
.SS_Links .SS_Links-item--ml:before {
background-image: url('/app/src/img/svg/icon_social_service_ml.svg'); }
.SS_Links .SS_Links-item--yz {
background: #000; }
.SS_Links .SS_Links-item--yz:hover {
background: #363a3f; }
.SS_Links .SS_Links-item--yz:before {
background-image: url('/app/src/img/svg/icon_social_service_yz.svg'); }
.SS_Links .SS_Links-item--ig {
background: #e02279; }
.SS_Links .SS_Links-item--ig:hover {
background: #a80d54; }
.SS_Links .SS_Links-item--ig:before {
background-image: url('/app/src/img/svg/icon_social_service_ig.svg'); }
.Table-block {
position: relative; }
.Table-preview {
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
position: absolute;
right: 10px;
top: -5px;
width: 200px;
height: 115px;
text-align: center; }
.Table-preview img {
max-width: 100%; }
.Table {
width: 100%;
margin-bottom: 0; }
.Table thead {
background: #d9e1ea; }
.Table thead tr td {
padding: 10px 0;
border-radius: 2px 2px 0 0;
vertical-align: top; }
.Table thead tr td span {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: ;
vertical-align: bottom; }
.Table thead tr td:first-child {
padding-left: 19px; }
.Table thead tr td:last-child {
padding-right: 19px; }
.Table tbody {
-webkit-transition: background 0.25s ease-in-out;
-moz-transition: background 0.25s ease-in-out;
transition: background 0.25s ease-in-out;
background: #fff; }
.Table tbody tr td {
height: 50px;
font-size: 14px;
vertical-align: top;
padding: 11px 5px 0; }
.Table tbody tr td p {
font-size: 14px; }
.Table tbody tr td .old-price {
position: relative;
display: inline-block;
color: #8b8b8b; }
.Table tbody tr td .old-price:after {
position: absolute;
top: 11px;
right: 0;
content: '';
width: 100%;
height: 1px;
background-color: #ff3626; }
.Table tbody tr td .new-price {
font-weight: bold; }
.Table tbody tr td span.year {
color: #8c8c8c; }
.Table tbody tr td .Table-title {
color: #8c8c8c; }
.Table tbody tr td .Table-title.Table-title--full {
display: none; }
.Table tbody tr td.Table-config-title {
width: 38%;
padding-left: 20px; }
.Table tbody tr td.Table-config-title a {
display: inline-block;
font-size: 14px; }
.Table tbody tr td.Table-config-year {
width: 16%; }
.Table tbody tr td.Table-config-catalog_prices {
width: 24%; }
.Table tbody tr td.Table-config-available_cars_prices {
width: 19%; }
.Table tbody tr td.Table-config-available_cars_prices p {
font-weight: 700; }
.Table tbody tr td.Table-config-link_button {
width: 14%; }
.Table tbody tr td.Table-config-link_button a {
font-size: 10px; }
.Table tbody tr td.Table-config-compare_button {
width: 22%;
padding: 13px 20px 0 8px;
vertical-align: top; }
.Table tbody tr td.Table-config-compare_button input[type="checkbox"] + label span {
line-height: 17px; }
.Table tbody tr .nowrap {
white-space: nowrap; }
.Table tbody tr:last-child td {
padding-bottom: 12px; }
.Table tbody:last-child tr:last-child td {
padding-bottom: 27px; }
.Table tbody:hover {
background-color: #e6f2ff; }
.Table tbody.Table-title-wrapper tr td {
height: 42px; }
.Table tbody.Table-title-wrapper tr td.Table-config-available_cars_prices p {
font-weight: 400; }
.Table tbody.Table-title-wrapper:hover {
background-color: #fff; }
.Table:last-child tbody:last-child tr:last-child td {
padding-bottom: 12px; }
.Table-price-minus {
width: 12px;
height: 2px;
margin-bottom: 2px;
margin-top: 8px;
background: #8c8c8c;
vertical-align: middle; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Table-preview {
width: 260px;
height: 155px; }
.Table thead tr td {
padding: 12px 0; }
.Table thead tr td span {
font-size: 18px; }
.Table tbody tr td {
height: 55px;
font-size: 16px;
padding: 11px 10px 0; }
.Table tbody tr td p {
font-size: 16px; }
.Table tbody tr td .Table-title {
display: none; }
.Table tbody tr td .Table-title.Table-title--full {
display: block; }
.Table tbody tr td.Table-config-title {
width: 47%;
padding-left: 20px; }
.Table tbody tr td.Table-config-title a {
font-size: 16px; }
.Table tbody tr td.Table-config-year {
width: 13%; }
.Table tbody tr td.Table-config-catalog_prices {
width: 24%; }
.Table tbody tr td.Table-config-available_cars_prices {
width: 27%; }
.Table tbody tr td.Table-config-available_cars_prices p {
display: inline-block; }
.Table tbody tr td.Table-config-available_cars_prices p.Table-title {
display: none; }
.Table tbody tr td.Table-config-available_cars_prices p.Table-title.Table-title--full {
display: block; }
.Table tbody tr td.Table-config-link_button {
width: 10%;
padding: 11px 2px 0; }
.Table tbody tr td.Table-config-link_button a {
font-size: 12px; }
.Table tbody tr td.Table-config-compare_button {
width: 16%;
padding: 13px 20px 0 8px; }
.Table tbody tr td.Table-config-compare_button input[type="checkbox"] + label span {
line-height: 18px; }
.Table tbody tr:last-child td {
padding-bottom: 12px; }
.Table tbody.Table-title-wrapper tr td {
height: 48px; } }
.Table-characteristic-content {
background: #fff;
border-radius: 0 0 3px 3px; }
.Table-characteristic-content h3 {
padding: 0 20px;
margin-bottom: 12px;
font-size: 18px;
font-weight: 500;
color: #1e1e1e; }
.Table-characteristic-content--selected {
padding: 15px 20px; }
.Table-characteristic-content--selected h3 {
padding: 0; }
.Table-characteristic-content--selected ul li {
margin-bottom: 5px; }
.Table-characteristic-content--selected ul li p {
font-size: 15px;
font-weight: bold; }
.Table-characteristic-content--selected ul li p.description {
font-weight: 400;
color: #8c8c8c; }
.Table-characteristic-content-list {
padding: 15px 0 20px;
border-top: 1px solid #e1e1e1; }
.Table-characteristic-content-list:first-child {
border-top: 0; }
.Table-characteristic-content-list--reduced-bottom {
padding-bottom: 4px; }
.Table-characteristic-content-list--reduced-bottom .Table-characteristic-content-item {
padding-right: 10px;
padding-left: 20px; }
.Table-characteristic-content-list--reduced-bottom .Table-characteristic-content-item:last-child {
padding-right: 20px;
padding-left: 10px; }
.Table-characteristic-content-list--option .Table-characteristic-content-item {
width: 100%; }
.Table-characteristic-content-list--option .Table-characteristic-content-item li {
margin-bottom: 16px; }
.Table-characteristic-content-list--option .Checkbox-wrapper span {
display: inline;
margin-left: 2px;
font-weight: bold; }
.Table-characteristic-content-list--option .Checkbox-wrapper span .Checkbox-price {
font-weight: 400; }
.Table-characteristic-content-list--option .Checkbox-wrapper span.Checkbox-description {
display: block;
margin-left: 30px;
font-weight: 400;
color: #8c8c8c; }
.Table-characteristic-content-list--price {
padding: 18px 20px 12px; }
.Table-characteristic-content-list--price .Table-characteristic-content-item {
width: auto;
max-width: 100%;
padding: 0; }
.Table-characteristic-content-list--price p.title {
margin-bottom: 5px;
font-size: 13px;
color: #8c8c8c; }
.Table-characteristic-content-list--price span {
font-size: 23px; }
.Table-characteristic-content-list--price span.final-cost {
font-weight: bold; }
.Table-characteristic-content-list--price span.sign {
padding: 0 40px; }
.Table-characteristic-content-list--price .Table-characteristic-content-hiden {
display: none; }
.Table-characteristic-content-list--price.active .Table-characteristic-content-hiden {
display: inline-block; }
.Table-characteristic-content-list--hidden {
display: none; }
.Table-characteristic-content-list input[type="checkbox"]:checked:disabled + label .Checkbox-wrapper-price:after {
content: ' установлен';
display: inline;
font-size: 15px;
color: #00b611;
font-weight: 400; }
.Table-characteristic-content-list input[type="checkbox"]:checked:disabled + label .Checkbox-price:after {
content: ', ';
display: inline;
font-size: 15px; }
.Table-characteristic-content-item-wrapper {
margin-bottom: 15px; }
.Table-characteristic-content-item-wrapper h3 {
padding-left: 0;
padding-right: 10px; }
.Table-characteristic-content-item-wrapper dd:nth-last-child(1) {
margin-bottom: 0; }
.Table-characteristic-content-item-wrapper dt:nth-last-child(2) {
margin-bottom: 0; }
.Table-characteristic-content-item-label, .Table-characteristic-content-item-value {
float: left;
margin: 0 0 13px;
padding: 0;
font-size: 15px;
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden; }
.Table-characteristic-content-item-label {
clear: both;
width: 56%;
padding-right: 10px;
color: #8c8c8c; }
.Table-characteristic-content-item-value {
width: 44%; }
.Table-characteristic-content-item-value .Table-characteristic-content-item-rating-wrapper--1 {
width: 16px; }
.Table-characteristic-content-item-value .Table-characteristic-content-item-rating-wrapper--2 {
width: 32px; }
.Table-characteristic-content-item-value .Table-characteristic-content-item-rating-wrapper--3 {
width: 48px; }
.Table-characteristic-content-item-value .Table-characteristic-content-item-rating-wrapper--4 {
width: 64px; }
.Table-characteristic-content-item-value .Table-characteristic-content-item-rating-wrapper--5 {
width: 80px; }
.Table-characteristic-content-item-value .Table-characteristic-content-item-rating {
position: relative;
height: 21px;
background-image: url('/app/src/img/rating.svg');
background-position: left center;
background-repeat: repeat-x;
background-size: 16px 16px; }
.Table-characteristic-content-item dl {
display: block; }
.Table-characteristic-content-item {
display: inline-block;
width: 50%;
max-width: 315px;
padding: 0 20px;
vertical-align: top; }
.Table-characteristic-content-item--increased-indentation .Table-characteristic-content-item-wrapper {
margin-bottom: 28px; }
.Table-characteristic-content-item--increased-indentation .Table-characteristic-content-item-wrapper:last-child {
margin-bottom: 14px; }
.Table-characteristic-content-item li {
margin-bottom: 14px;
font-size: 15px;
color: #1e1e1e; }
.Table-characteristic-content-item li:last-child {
margin-bottom: 0; }
.Table-characteristic-content-item--full-width {
max-width: 100%; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Table-characteristic-content-item-label, .Table-characteristic-content-item-value {
font-size: 16px; }
.Table-characteristic-content-list--reduced-bottom .Table-characteristic-content-item {
padding: 0 20px; }
.Table-characteristic-content-list--reduced-bottom .Table-characteristic-content-item:last-child {
padding: 0 20px; } }
.Tabs {
position: relative;
display: block; }
.Tabs .Tabs-nav {
background: ;
border-radius: 3px 3px 0 0; }
.Tabs .Tabs-nav .TabsButton {
padding: 9px 18px 14px 20px;
font-size: 18px;
font-weight: 500;
color: #1e1e1e;
text-align: left; }
.Tabs .Tabs-nav .TabsButton:not(.is-active):hover {
color: #007eff; }
.Tabs .Tabs-nav .TabsButton.is-active {
background: #fff;
border-radius: 3px 3px 0 0;
cursor: default; }
.Tabs .Tabs-nav .TabsButton--overallWidth {
width: 50%; }
.Tabs .Tabs-nav .TabsButton .Sub-title {
display: block;
font-size: 15px;
font-weight: 400;
color: #8c8c8c; }
/* Контент
========================================================================== */
.Tabs-content {
position: relative; }
/* Элемент
========================================================================== */
.Tabs-item {
display: none; }
.Tabs-item.is-active {
display: block; }
/* @import 'components/tabs-button';*/
.Block--text .Text-details-wrapper {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.Block--text .Text-details-wrapper .Text-details-line {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 5px; }
.Block--text .Text-details-wrapper--calendar_item {
margin-bottom: 22px;
flex-wrap: wrap; }
.Block--text .Text-details-wrapper--calendar_item .Text-date:last-child {
margin-bottom: 0; }
.Block--text .Text-date {
font-size: 16px;
color: #8c8c8c;
padding-right: 12px;
margin-bottom: 10px; }
.Block--text .Text-date.Text-date--calendar_item_publication {
margin: 0 5px 0 0; }
.Block--text .Text-date.Text-date--calendar_item_premiere {
color: #1e1e1e;
margin-bottom: 22px;
display: block;
width: 100%; }
.Block--text .Text-date.Text-date--calendar_item_premiere time {
text-transform: lowercase; }
.Block--text .Text-date.Text-date--news_item_published {
margin-right: 8px; }
.Block--text .Text-amountOfViews {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
margin-right: 20px; }
.Block--text .Text-amountOfViews .icon {
margin-right: 7px;
width: 27px;
height: 17px; }
.Block--text .Text-amountOfViews .text {
color: #1e1e1e; }
.Block--text .Text-share {
position: relative;
margin-right: 20px; }
.Block--text .Text-share p {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
cursor: default; }
.Block--text .Text-share .icon {
margin-right: 7px; }
.Block--text .Text-share .text {
line-height: 20px;
color: #1e1e1e; }
.Block--text .Text-share .Share-text {
display: none; }
.Block--text .Text-share .Share-wrapper {
position: absolute;
background: #fff;
padding: 15px;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);
display: none;
top: 29px;
left: -10px; }
.Block--text .Text-share .Share-wrapper::before {
content: '';
display: block;
position: absolute;
width: 10px;
height: 10px;
background: white;
top: -5px;
margin: auto;
left: 0;
right: 0;
transform: rotate(45deg);
box-shadow: -2px -2px 5px -2px rgba(0, 0, 0, 0.25); }
.Block--text .Text-share .Share-wrapper .Share {
padding: 0px; }
.Block--text .Text-share .Share-wrapper .Share ul {
display: flex; }
.Block--text .Text-share .Share-wrapper .Share ul li:last-child {
margin-right: 0px; }
.Block--text .Text-info {
max-width: 450px;
margin-bottom: 12px; }
.Block--text .Text-info p {
margin: 0;
color: #8c8c8c; }
.Block--text .Text-button {
margin-bottom: 24px;
display: inline-block; }
.Block--text .Text-button button {
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 18px; }
.Block--text .Share-text {
color: #8c8c8c;
margin-bottom: 8px; }
.Block--text .Text-comments_count {
cursor: pointer;
margin-bottom: 0px; }
.Block--text .Text-comments_count .icon {
margin-right: 6px;
width: 18px;
height: 18px;
vertical-align: bottom; }
.Text-social {
margin-bottom: 20px; }
.Text-social:last-child {
margin-bottom: 0; }
.Text-social h3 {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 8px; }
/**
* Кастомный заголовок для страницы "Контакты"
*/
.Text-title {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
-ms-flex-align: start; }
.Text-title .Text-title-button-wrapper {
text-align: right; }
.Text-title.Text-title-with-label {
display: block;
margin-bottom: 3px; }
.Text-title.Text-title-with-label h1 {
display: inline;
margin-right: 15px; }
.Text-title.Text-title-with-label .Text-title-label {
position: relative;
bottom: 2px;
color: #fff;
font-size: 13px;
border-radius: 3px;
padding: 2px 6px 4px 6px;
display: inline-block;
margin-top: 7px; }
.Text-title.Text-title-with-label .Text-title-label--blue {
background: #084fa3; }
.Text-title.Text-title-with-label .Text-title-label--green {
background: #00c212; }
.Text-title.Text-title-with-label .Text-title-label--gray {
background: #393939; }
.Text-title.Text-title-with-label .Text-title-label--yellow {
background: #ffc720;
color: #000; }
.Text-title.Text-title-with-label .Text-title-label--red {
background: #f54128; }
.Text-title.Text-title-with-label .Text-title-label--light_green {
background: #2ecc93; }
/**
* Типография
*/
.Block--text a {
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s;
color: #0560c0; }
.Block--text a:hover {
color: #007eff; }
.Block--text h1, .Block--text h2, .Block--text h3, .Block--text h4, .Block--text h5, .Block--text h6 {
color: #000; }
.Block--text h2 {
font-size: 24px;
font-weight: 800;
line-height: 1.4;
margin-bottom: 24px; }
.Block--text h3 {
font-size: 18px;
font-weight: 800;
line-height: 1.4;
margin-bottom: 24px; }
.Block--text h4, .Block--text h5, .Block--text h6 {
font-size: 16px; }
.Block--text p {
font-size: 16px;
font-weight: 500;
line-height: 1.6;
margin-bottom: 24px; }
.Block--text p:last-child {
margin-bottom: 0; }
.Block--text p.title {
margin-bottom: 5px;
font-weight: 700; }
/**
* Списки
*/
.Text {
margin-bottom: 24px; }
.Text:last-child {
margin-bottom: 0; }
.Text ol, .Text ul {
margin-bottom: 24px; }
.Text ol li, .Text ul li {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
/**
* @media
*/
margin-bottom: 4px; }
.Text ol li:last-child, .Text ul li:last-child {
margin-bottom: 0; }
.Text ol {
padding-left: 5px;
counter-reset: ol; }
.Text ol li::before {
content: counter(ol) '. ';
counter-increment: ol;
margin-right: 2px; }
.Text ul {
padding-left: 28px;
list-style-type: disc; }
.Text .pre_table {
overflow-x: auto;
border-radius: 20px;
box-shadow: 0 7px 28px 0 rgba(110, 117, 125, 0.1);
background: #fff;
padding: 20px;
display: inline-block; }
.Text .pre_table::-webkit-scrollbar {
height: 8px; }
.Text .pre_table::-webkit-scrollbar-thumb {
background: #828282; }
.Text table {
max-width: 100%; }
.Text table.no_border {
border-radius: 0;
box-shadow: none;
padding: 0; }
.Text table.no_border td {
border: 0 !important;
padding: 0 !important; }
.Text table thead tr td {
font-weight: 700; }
.Text table tr {
font-size: 16px;
font-weight: 500;
line-height: 1.6;
cursor: default; }
.Text table tr td {
padding: 10px;
vertical-align: top;
border: 1px solid #ccd0d5; }
.Text table tr td span {
padding: 0; }
.Text table tr td:first-child {
font-weight: 700; }
.Text table p {
margin: 0;
padding: 0;
white-space: normal; }
.Text-bigPhoto {
margin-bottom: 24px;
text-align: center; }
.Text-bigPhoto img {
width: 100%;
border-radius: 20px;
display: block; }
.Text-bigPhoto a img:hover {
cursor: url("/app/src/img/big_photo_block_zoom_in.png"), pointer; }
.Text-slide {
margin: 24px 0; }
.Text-slide .Text-slide-link {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
border-bottom: 1px dashed #0560c0; }
.Text-slide .Text-slide-link:hover {
border-color: #007eff; }
.Text-slide .Text-slide-content {
margin-top: 24px; }
.Text-embed-admission {
box-sizing: border-box;
float: right;
position: relative;
width: 235px;
min-width: 206px;
padding: 20px;
margin: 5px 0 25px 20px;
background: #fff;
border: 1px solid #d2d2d2;
border-radius: 2px;
clear: both; }
.Text-embed-admission .Text-embed-admission-block-text {
margin-bottom: 24px; }
.Text-embed-admission .Text-embed-admission-text {
display: block;
margin-bottom: 5px; }
.Text-embed-admission .Text-embed-admission-text:last-child {
margin-bottom: 0; }
.Text-embed-admission .Text-embed-admission-button-wrapper {
text-align: center; }
.Text-embed-admission .Text-embed-admission-button-wrapper .Text-embed-admission-button {
display: block;
width: 100%;
font-weight: normal;
font-size: 16px;
line-height: 21px;
padding: 8px 0 9px 0;
text-transform: inherit; }
.Text-embed-mark {
float: right;
position: relative;
width: 235px;
min-width: 206px;
margin: 5px 0 25px 20px;
background: #fff;
border: 1px solid #d2d2d2;
border-radius: 2px;
clear: both; }
.Text-embed-mark .Text-embed-mark-link {
display: block;
padding: 15px 10px 0px 10px;
height: auto; }
.Text-embed-mark .Text-embed-mark-link.Text-embed-mark-link--available {
margin: 0;
padding: 0px 20px 0px 20px;
color: #084fa3;
font-size: 15px; }
.Text-embed-mark .Text-embed-mark-link.Text-embed-mark-link--available .link {
display: block; }
.Text-embed-mark .Text-embed-mark-link:last-child {
padding-bottom: 20px; }
.Text-embed-mark .Text-embed-mark-link:hover {
color: #069abf; }
.Text-embed-mark .Text-embed-mark-link:hover .Text-embed-mark-title {
color: #069abf; }
.Text-embed-mark .Text-embed-mark-link:hover .Text-embed-mark-photo img {
opacity: 0.9; }
.Text-embed-mark .Text-embed-mark-link:hover .Text-embed-mark-photo:empty {
opacity: 0.9; }
.Text-embed-mark .Text-embed-mark-photo-wrapper {
position: relative; }
.Text-embed-mark .Text-embed-mark-photo {
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
position: relative;
min-height: 111px;
margin-bottom: 10px; }
.Text-embed-mark .Text-embed-mark-photo:empty {
background-image: url('/app/src/img/model_no_photo.jpg');
background-position: center center;
background-size: cover; }
.Text-embed-mark .Text-embed-mark-photo img {
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
display: block;
width: 100%; }
.Text-embed-mark .Text-embed-mark-photo--new:before {
content: 'New';
position: absolute;
bottom: 0;
left: 0;
padding: 5px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
color: #fff;
text-transform: uppercase;
background: #ff3626; }
.Text-embed-mark .Text-embed-labels {
position: absolute;
bottom: -10px;
left: 20px; }
.Text-embed-mark .Text-embed-labels .Text-embed-label {
display: inline-block;
font-size: 13px;
line-height: 125%;
color: #fff;
padding: 2px 6px 3px 6px;
border-radius: 3px;
margin: 0 11px 0 0; }
.Text-embed-mark .Text-embed-labels .Text-embed-label--blue {
background: #084fa3; }
.Text-embed-mark .Text-embed-labels .Text-embed-label--green {
background: #00c212; }
.Text-embed-mark .Text-embed-labels .Text-embed-label--gray {
background: #393939; }
.Text-embed-mark .Text-embed-labels .Text-embed-label--yellow {
background: #ffc720;
color: #000; }
.Text-embed-mark .Text-embed-labels .Text-embed-label--red {
background: #f54128; }
.Text-embed-mark .Text-embed-labels .Text-embed-label--light_green {
background: #2ecc93; }
.Text-embed-mark .Text-embed-video-review-wrapper {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
height: 21px;
vertical-align: middle; }
.Text-embed-mark .Text-embed-mark-text {
padding: 0 10px; }
.Text-embed-mark .Text-embed-mark-title {
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s;
font-weight: 700;
color: #1e1e1e;
font-size: 16px;
margin: 0 0 5px; }
.Text-embed-mark .Text-embed-mark-description {
margin-bottom: 5px;
font-size: 15px;
color: #8c8c8c; }
.Text-embed-mark .Text-embed-mark-notAvailable {
margin: 0;
font-size: 14px;
color: #8c8c8c; }
.Text-embed-mark--full .Text-embed-mark-photo {
margin-bottom: 19px; }
.Text-embed-mark--full .Text-embed-mark-title {
margin-bottom: 5px; }
.Text-embed-mark--full .Text-embed-mark-description {
margin-bottom: 5px; }
.Text-embed-mark--full .Text-embed-mark-link {
padding: 0; }
.Text-embed-mark--full .Text-embed-mark-text {
padding: 0 20px; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Text-embed-admission {
width: 206px; }
.Text-embed-admission .Text-embed-admission-block-text {
margin-bottom: 22px; }
.Text-embed-admission .Text-embed-admission-text {
font-size: 14px;
line-height: 1.29;
margin-bottom: 5px; }
.Text-embed-admission .Text-embed-admission-button-wrapper .Text-embed-admission-button {
font-size: 14px;
line-height: 16px;
height: 35px; }
.Text-embed-mark {
width: 206px; }
.Text-embed-mark--full .Text-embed-mark-photo {
margin-bottom: 15px; } }
.Text-files {
margin: 30px 0; }
.Text-files .Text-files-item-format {
position: absolute;
bottom: 0;
left: 0;
font-size: 10px;
font-weight: 600;
line-height: 1.6;
color: #0560c0; }
.Text-files .Text-files-item-wrapper {
margin-bottom: 22px;
padding-left: 10px; }
.Text-files .Text-files-item-wrapper:last-child {
margin-bottom: 0; }
.Text-files .Text-files-item {
position: relative; }
.Text-files .Text-files-item:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 28px;
height: 36px;
background: url('data:image/svg+xml, ');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-right: 18px; }
.Text-files .Text-files-item-title {
font-size: 16px;
font-weight: 500;
line-height: 1.6;
color: #00162d; }
.Text-files .Text-files-item-format {
position: absolute;
top: 3px;
left: 6px; }
.TextHeading {
margin-bottom: 34px;
padding-top: 0; }
.TextHeading h1 {
font-size: 38px;
text-transform: none; }
.TextHeading-date {
margin-bottom: 20px;
color: #646464; }
.Text-slider {
margin-top: 24px;
margin-bottom: 24px; }
.Text-slider:after {
display: table;
clear: both;
content: ''; }
/* Контент
========================================================================== */
.Text-slider-content {
height: 640px; }
/* Слайд
========================================================================== */
.Text-slider-item {
border-radius: 20px;
background-size: cover; }
/* Навигация
========================================================================== */
.Text-slider-arrow {
width: 32px;
height: 32px;
padding: 0;
top: 50%;
transform: translateY(-50%);
margin: 20px; }
.Text-slider-arrow span {
display: inline-block;
width: 32px;
height: 32px;
background-color: #fff;
opacity: 0.4;
border-radius: 50%; }
.Text-slider-arrow:after {
content: "";
width: 10px;
height: 10px;
border-color: #fff;
border-width: 2px 2px 0 0;
border-style: solid;
transform: rotate(45deg);
display: inline-block;
position: absolute;
top: 11px;
right: 12px; }
.Text-slider-arrow--prev:after {
transform: rotate(225deg);
right: 10px; }
.Text-slider-dots {
position: absolute;
bottom: 23px;
left: 50%;
display: inline-block;
transform: translateX(-50%); }
.Text-slider-dots .Text-slider-dot {
display: inline-block;
width: 6px;
height: 6px;
background-color: #fff;
border-radius: 50%;
margin: 3px; }
.Text-slider-dots .Text-slider-dot.active {
background-color: #0560c0; }
/* @media
========================================================================== */
@media screen and (max-width: 1339px) {
.Text-slider-content {
height: 500px; } }
.Text-youtube {
margin: 24px 0; }
.Text-youtube iframe {
width: 100%;
height: 377px;
max-width: 690px;
border-radius: 20px; }
.tippy-tooltip {
padding: 15px;
background-color: rgba(32, 39, 49, 0.98); }
.tippy-tooltip .tippy-content {
font-size: 14px; }
.tippy-tooltip .tippy-content .Model-item-wrapper-link {
color: #fff;
pointer-events: auto; }
.tippy-tooltip .tippy-content .Model-item-wrapper-link:hover {
color: #00c0ff; }
.tippy-tooltip.light-theme {
color: ;
background: #fff;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.15); }
.tippy-tooltip.light-theme .tippy-arrow {
border-right: 7px solid #fff; }
.tippy-tooltip.dark_c-theme {
padding: 12px;
font-size: 12px;
text-align: left;
line-height: 1.2; }
.tipsy {
z-index: 1000;
position: absolute;
font-size: 11px;
padding: 4px; }
.tipsy-inner {
max-width: 220px;
text-align: center;
color: white;
padding: 2px 10px 2px 10px;
background-color: #1d1d1d;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px; }
.tipsy-arrow {
position: absolute;
width: 9px;
height: 5px;
background: url('/app/src/img/tipsy.gif') no-repeat top left; }
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px; }
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px; }
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px; }
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left; }
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left; }
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left; }
.tipsy-e .tipsy-arrow {
top: 50%;
right: 0;
width: 5px;
height: 9px;
margin-top: -4px;
background-position: top right; }
.tipsy-w .tipsy-arrow {
top: 50%;
left: 0;
width: 5px;
height: 9px;
margin-top: -4px; }
.Videos .Videos-item {
margin-bottom: 24px; }
.Videos .Videos-item:last-child {
margin-bottom: 0; }
.Videos .Videos-item-image {
border-radius: 20px;
margin-bottom: 16px;
overflow: hidden;
position: relative; }
.Videos .Videos-item-image img {
display: block;
width: 100%;
height: 100%; }
.Videos .Videos-item-image:after {
cursor: pointer;
content: '';
position: absolute;
display: inline-block;
width: 62px;
height: 38px;
background-repeat: no-repeat;
background-size: cover;
vertical-align: middle;
top: 50%;
left: 50%;
background-image: url('data:image/svg+xml, ');
transform: translateX(-50%) translateY(-50%); }
.Videos .Videos-item-image:hover:after {
opacity: 0.8; }
.Videos .Videos-item-title {
font-size: 16px;
margin-bottom: 8px; }
.Videos .Videos-item-title a {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
color: #00162d; }
.Videos .Videos-item-title a:hover {
color: #069abf; }
.Videos .Videos-item-date {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #4d5c6c; }
.Videos .Videos-item-date:before {
content: '/';
margin-right: 2px; }
/**
* @define Wrapper
*/
.Wrapper {
position: relative;
min-width: 1000px;
margin: auto;
background-color: #fff !important;
overflow: hidden; }
.Wrapper--bg_white {
background: #fff !important; }
.Wrapper-content {
position: relative;
z-index: 1; }
.Content-plate {
padding: 20px;
margin-bottom: 20px;
border-radius: 3px;
background: #fff; }
.Multicolumn {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2; }
.Multicolumn .Multicolumn-item {
font-size: 15px;
line-height: 1.25;
margin-bottom: 12px; }
.Multicolumn .Multicolumn-item--with_image {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
-ms-flex-align: start;
min-height: 21px; }
.Multicolumn .Multicolumn-item--with_image span {
display: block;
line-height: 21px; }
.Multicolumn .Multicolumn-item img {
position: relative;
width: 20px;
height: 20px;
top: 3px;
margin-right: 10px; }
.Multicolumn .Multicolumn-item p {
display: inline;
color: ;
line-height: 1.25; }
.Multicolumn .Multicolumn-item p--date {
display: block; }
.Multicolumn .Multicolumn-item p::after {
content: ":"; }
.Multicolumn .Multicolumn-item .Multicolumn-item-image {
position: relative;
top: 2px;
width: 26px;
margin-right: 3px; }
.Multicolumn .Multicolumn-item .Multicolumn-item-image svg {
margin: 0 auto;
text-align: center; }
.Multicolumn.Multicolumn--between_space12 {
margin-bottom: 0; }
.Multicolumn.Multicolumn--between_space12 .Multicolumn-item {
margin-bottom: 10px; }
.Multicolumn.Multicolumn--between_space15 {
margin-bottom: 0; }
.Multicolumn.Multicolumn--between_space15 .Multicolumn-item {
margin-bottom: 12px; }
.Multicolumn.Multicolumn--between_space17 {
margin-bottom: 0; }
.Multicolumn.Multicolumn--between_space17 .Multicolumn-item {
margin-top: 0;
margin-bottom: 14px; }
.Multicolumn.Multicolumn--modal {
max-width: 470px;
margin-bottom: 10px; }
.Multicolumn.Multicolumn--modal .Multicolumn-item {
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
column-break-inside: avoid;
page-break-inside: avoid; }
.Multicolumn.Multicolumn--modal .hidden {
display: none; }
.Multicolumn.Multicolumn--modal .Block-more-open {
display: block; }
.Multicolumn.Multicolumn--wide {
max-width: none; }
.Multicolumn.Multicolumn--with_image {
margin-bottom: 0; }
.Multicolumn.Multicolumn--user_car_parameters {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2; }
.Multicolumn.Multicolumn--user_car_parameters .Multicolumn-item-image {
height: 20px; }
.Multicolumn.Multicolumn--user_car_additional_info {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1; }
.Multicolumn.Multicolumn--user_car_additional_info .Multicolumn-item-label {
display: inline-block; }
.Multicolumn.Multicolumn--user_car_additional_parameters {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3; }
/* @media
========================================================================== */
@media screen and (min-width: 1340px) {
.Multicolumn {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
margin-bottom: -11px; }
.Multicolumn.Multicolumn--modal {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2; }
.Multicolumn.Multicolumn--user_car_main_parameters_wo_reg_dates {
column-fill: auto;
max-height: 99px; }
.Multicolumn.Multicolumn--between_space12 {
margin-bottom: -10px; }
.Multicolumn.Multicolumn--between_space15 {
margin-bottom: -12px; }
.Multicolumn.Multicolumn--between_space17 {
margin-bottom: -14px; } }