html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace,monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,strong {
font-weight: bolder
}
code,kbd,samp {
font-family: monospace,monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,input,optgroup,select,textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
.btn-plus::after,.btn-plus::before,.cars__cell::before,.cart-aside__item::before,.cart-list__item::before,.counter__btn::after,.counter__btn::before,.dropdown-list__item>a::before,.dropdown-list__label::before,.form__group-range-sep::before,.header_main .header__bottom .list-nav__item a::before,.main-about__col:nth-child(2):before,.radioblocks__item::before,.radiobox_extended .radiobox__item_active::before,.radiolist__icon::after,.radiolist__icon::before,.radiotable__icon-circle::after,.radiotable__icon-circle::before,.select .datepicker--cell::before,.select .datepicker--days-names::before,.select .datepicker--nav::before,.slider-main__content::before,.step-controls__item::before,.subcategory::before,.subcategory__item::before,.text3 ul li::before {
content: '';
display: block;
position: absolute
}
.account-forms__btns::after,.account-forms__btns::before,.best-offer__row::after,.best-offer__row::before,.card-product__controls::after,.card-product__controls::before,.card-product__prices::after,.card-product__prices::before,.cart-aside__item-content::after,.cart-aside__item-content::before,.cart-table__btn::after,.cart-table__btn::before,.catalog-item__controls::after,.catalog-item__controls::before,.catalog-item__prices::after,.catalog-item__prices::before,.catalog-top__content::after,.catalog-top__content::before,.catalog__body::after,.catalog__body::before,.catalog__controls-body::after,.catalog__controls-body::before,.collapse__controls::after,.collapse__controls::before,.filter-mobile-reset::after,.filter-mobile-reset::before,.fold__controls::after,.fold__controls::before,.footer .container::after,.footer .container::before,.header__bottom .container::after,.header__bottom .container::before,.header__city::after,.header__city::before,.header__icons::after,.header__icons::before,.header__top .container::after,.header__top .container::before,.list-default::after,.list-default::before,.main-about__numbers-col::after,.main-about__numbers-col::before,.main-about__numbers::after,.main-about__numbers::before,.main-about__row::after,.main-about__row::before,.main-wrapper::after,.main-wrapper::before,.map-contacts__controls::after,.map-contacts__controls::before,.order__delivery-form-desc::after,.order__delivery-form-desc::before,.order__promo-hidden::after,.order__promo-hidden::before,.page-block__controls::after,.page-block__controls::before,.page-container::after,.page-container::before,.partners__content::after,.partners__content::before,.partners__logos-container::after,.partners__logos-container::before,.popup-feedback::after,.popup-feedback::before,.radiobox__item-content::after,.radiobox__item-content::before,.service::after,.service::before,.service__content::after,.service__content::before,.show-all__body::after,.show-all__body::before,.slider-main__slide-content::after,.slider-main__slide-content::before,.step-controls::after,.step-controls::before,.step-controls__container::after,.step-controls__container::before,.yandex__header::after,.yandex__header::before {
content: " ";
display: table;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box
}
.account-forms__btns::after,.best-offer__row::after,.card-product__controls::after,.card-product__prices::after,.cart-aside__item-content::after,.cart-table__btn::after,.catalog-item__controls::after,.catalog-item__prices::after,.catalog-top__content::after,.catalog__body::after,.catalog__controls-body::after,.collapse__controls::after,.filter-mobile-reset::after,.fold__controls::after,.footer .container::after,.header__bottom .container::after,.header__city::after,.header__icons::after,.header__top .container::after,.list-default::after,.main-about__numbers-col::after,.main-about__numbers::after,.main-about__row::after,.main-wrapper::after,.map-contacts__controls::after,.order__delivery-form-desc::after,.order__promo-hidden::after,.page-block__controls::after,.page-container::after,.partners__content::after,.partners__logos-container::after,.popup-feedback::after,.radiobox__item-content::after,.service::after,.service__content::after,.show-all__body::after,.slider-main__slide-content::after,.step-controls::after,.step-controls__container::after,.yandex__header::after {
clear: both
}
.best-offer__item,.best-offer__link,.breadcrumb__link,.btn-back,.btn-condensed,.btn-link,.btn-plus,.btn-text,.button,.button-pills__item,.card-product__link,.cards-grid2__link,.cart-table__name-content,.catalog-item,.catalog-item__header,.catalog-item__header-content,.catalog-item__img,.catalog-item__title,.checkbox a,.dots-list__item a,.dropdown-list__item>a,.feedback-block__phone a,.fold__btn,.footer__dev,.footer__dev-x,.footer__list-item,.footer__menu li a,.footer__recall-link,.footer__recall-phone,.footer__text,.footer__title,.link,.link-icon,.list-default>li>a,.list-link__text,.list-nav__item a,.menu-mobile__link,.mobile-list-nav__item,.page-block-title_link .page-block-title__text,.page-block__tab,.page-link a,.pagination__arrow,.pagination__page,.recall__phone,.row-list a,.show-all__link,.subcategory__link,.text a,.text2 a,.text3 a,.yandex__link {
color: inherit;
text-decoration: none
}
.btn-back,.btn-block,.btn-condensed,.btn-plus,.btn-simple,.btn-text,.button,.button-pills__item,.cart-table__remove-icon,.counter__btn,.form__control-btn,.link {
border: none;
background: 0 0;
outline: 0
}
.cards-grid__title,.dropdown-form__title-text,.form__label,.radiobox__text,.radiotable-list__cell-text,.select__item-text,.select__text {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.breadcrumb,.dots-list__items,.dropdown-list,.footer__list,.footer__menu,.list-default,.list-link__items,.list-nav,.list-simple,.row-list,.select__dropdown,.starred__list,.subcategory__list,.text3 ul,.view-type__list {
margin: 0;
padding: 0;
list-style-type: none
}
.title {
font-family: btfagency2,sans-serif;
font-size: 51px;
margin: 0;
font-weight: 400
}
.catalog__title-empty,.form-grid__title,.title-small {
font-family: btfagency2,sans-serif;
font-size: 36px;
color: #000;
margin: 45px 0;
font-weight: 400
}
.catalog-top__text,.main-about__text,.order__text,.partners__text,.profile__text p,.service__col-text,.slider-main__text,.text2 p {
margin: 20px 0;
font-size: 17px;
font-family: btfagency3,sans-serif;
color: #000
}
.best-offer__link,.btn-plus,.link,.link-icon,.text a,.text2 a,.text3 a {
font-size: 17px;
color: #4a7ffe;
display: inline-block
}
@font-face {
font-family: SFUIDisplayBold;
src: url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayBold.eot);
src: url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayBold.eot) format("embedded-opentype"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayBold.woff2) format("woff2"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayBold.woff) format("woff"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayBold.ttf) format("truetype"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayBold.svg#SFUIDisplayBold) format("svg")
}
@font-face {
font-family: SFUIDisplayMedium;
src: url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayMedium.eot);
src: url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayMedium.eot) format("embedded-opentype"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayMedium.woff2) format("woff2"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayMedium.woff) format("woff"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayMedium.ttf) format("truetype"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayMedium.svg#SFUIDisplayMedium) format("svg")
}
@font-face {
font-family: SFUIDisplayRegular;
src: url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayRegular.eot);
src: url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayRegular.eot) format("embedded-opentype"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayRegular.woff2) format("woff2"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayRegular.woff) format("woff"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayRegular.ttf) format("truetype"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplayRegular.svg#SFUIDisplayRegular) format("svg")
}
@font-face {
font-family: SFUIDisplaySemibold;
src: url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplaySemibold.eot);
src: url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplaySemibold.eot) format("embedded-opentype"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplaySemibold.woff2) format("woff2"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplaySemibold.woff) format("woff"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplaySemibold.ttf) format("truetype"),url(../../../../../../local/zg/shininvest/build/public_html/fonts/SFUIDisplaySemibold.svg#SFUIDisplaySemibold) format("svg")
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: .84vw
}
body,html {
margin: 0;
padding: 0;
border: 0;
height: 100%;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent
}
body {
color: #262626;
font-family: btfagency3,sans-serif;
font-size: 15px;
line-height: 1.15
}
body ::-webkit-scrollbar-thumb {
background: #d9d9d9
}
body ::-webkit-scrollbar {
width: 6px
}
body ::-webkit-scrollbar-track {
background: #f3f3f3
}
a[href^=tel] {
color: inherit;
font-size: inherit;
text-decoration: none
}
@media screen and (max-width: 768px) {
body {
font-size:14px
}
}
.content-load * {
-webkit-transition: none!important;
-moz-transition: none!important;
-ms-transition: none!important;
-o-transition: none!important;
-webkit-animation-duration: 0s!important;
animation-duration: 0s!important
}
.hidden {
visibility: hidden
}
.invisible {
display: none
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform,height;
-o-transition-property: -o-transform;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
-o-transition-property: transform,height;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjMDA3YWZmJy8+PC9zdmc+");
left: 10px;
right: auto
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjMDAwMDAwJy8+PC9zdmc+")
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+")
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyMwMDdhZmYnLz48L3N2Zz4=");
right: 10px;
left: auto
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyMwMDAwMDAnLz48L3N2Zz4=")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyNmZmZmZmYnLz48L3N2Zz4=")
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
left: 0;
width: 100%
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff
}
.swiper-pagination-bullet-active {
opacity: 1
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
-ms-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px
}
.swiper-pagination-progress {
background: rgba(0,0,0,.25);
position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px
}
.swiper-container-cube,.swiper-container-flip {
overflow: visible
}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next .swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
animation: swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyM2YzZjNmMnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyNmZmYnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- {
color: #dedede
}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede
}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4
}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92,196,239,.1);
color: #ccc
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92,196,239,.2)
}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty {
background: 0 0;
border: none
}
.datepicker--cells {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.datepicker--cell {
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
height: 32px;
z-index: 1
}
.datepicker--cell.-focus- {
background: #f0f0f0
}
.datepicker--cell.-current- {
color: #4eb5e6
}
.datepicker--cell.-current-.-focus- {
color: #4a4a4a
}
.datepicker--cell.-current-.-in-range- {
color: #4eb5e6
}
.datepicker--cell.-in-range- {
background: rgba(92,196,239,.1);
color: #4a4a4a;
border-radius: 0
}
.datepicker--cell.-in-range-.-focus- {
background-color: rgba(92,196,239,.2)
}
.datepicker--cell.-disabled- {
cursor: default;
color: #aeaeae
}
.datepicker--cell.-disabled-.-focus- {
color: #aeaeae
}
.datepicker--cell.-disabled-.-in-range- {
color: #a1a1a1
}
.datepicker--cell.-disabled-.-current-.-focus- {
color: #aeaeae
}
.datepicker--cell.-range-from- {
border: 1px solid rgba(92,196,239,.5);
background-color: rgba(92,196,239,.1);
border-radius: 4px 0 0 4px
}
.datepicker--cell.-range-to- {
border: 1px solid rgba(92,196,239,.5);
background-color: rgba(92,196,239,.1);
border-radius: 0 4px 4px 0
}
.datepicker--cell.-range-from-.-range-to- {
border-radius: 4px
}
.datepicker--cell.-selected- {
color: #fff;
border: none;
background: #5cc4ef
}
.datepicker--cell.-selected-.-current- {
color: #fff;
background: #5cc4ef
}
.datepicker--cell.-selected-.-focus- {
background: #45bced
}
.datepicker--cell:empty {
cursor: default
}
.datepicker--days-names {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 8px 0 3px
}
.datepicker--day-name {
color: #ff9a19;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
text-align: center;
text-transform: uppercase;
font-size: .8em
}
.datepicker--cell-day {
width: 14.28571%
}
.datepicker--cells-months {
height: 170px
}
.datepicker--cell-month {
width: 33.33%;
height: 25%
}
.datepicker--years {
height: 170px
}
.datepicker--cells-years {
height: 170px
}
.datepicker--cell-year {
width: 25%;
height: 33.33%
}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- {
color: #dedede
}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede
}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4
}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92,196,239,.1);
color: #ccc
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92,196,239,.2)
}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty {
background: 0 0;
border: none
}
.datepickers-container {
position: absolute;
left: 0;
top: 0
}
@media print {
.datepickers-container {
display: none
}
}
.datepicker {
background: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15);
box-shadow: 0 4px 12px rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
font-family: Tahoma,sans-serif;
font-size: 14px;
color: #4a4a4a;
width: 250px;
position: absolute;
left: -100000px;
opacity: 0;
transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;
-webkit-transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;
-o-transition: opacity .3s ease,transform .3s ease,left 0s .3s;
transition: opacity .3s ease,transform .3s ease,left 0s .3s;
transition: opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;
z-index: 100
}
.datepicker.-from-top- {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px)
}
.datepicker.-from-right- {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px)
}
.datepicker.-from-bottom- {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px)
}
.datepicker.-from-left- {
-webkit-transform: translateX(-8px);
-ms-transform: translateX(-8px);
transform: translateX(-8px)
}
.datepicker.active {
opacity: 1;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
transition: opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;
-webkit-transition: opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;
-o-transition: opacity .3s ease,transform .3s ease,left 0s 0s;
transition: opacity .3s ease,transform .3s ease,left 0s 0s;
transition: opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease
}
.datepicker-inline .datepicker {
border-color: #d7d7d7;
-webkit-box-shadow: none;
box-shadow: none;
position: static;
left: auto;
right: auto;
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.datepicker-inline .datepicker--pointer {
display: none
}
.datepicker--content {
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: 4px
}
.-only-timepicker- .datepicker--content {
display: none
}
.datepicker--pointer {
position: absolute;
background: #fff;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
width: 10px;
height: 10px;
z-index: -1
}
.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer {
top: calc(100% - 4px);
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg)
}
.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer {
right: calc(100% - 4px);
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg)
}
.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer {
bottom: calc(100% - 4px);
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg)
}
.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer {
left: calc(100% - 4px);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer {
left: 10px
}
.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer {
right: 10px
}
.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer {
left: calc(50% - 10px/2)
}
.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer {
top: 10px
}
.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer {
bottom: 10px
}
.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer {
top: calc(50% - 10px/2)
}
.datepicker--body {
display: none
}
.datepicker--body.active {
display: block
}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- {
color: #dedede
}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede
}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4
}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92,196,239,.1);
color: #ccc
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92,196,239,.2)
}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty {
background: 0 0;
border: none
}
.datepicker--nav {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #efefef;
min-height: 32px;
padding: 4px
}
.-only-timepicker- .datepicker--nav {
display: none
}
.datepicker--nav-action,.datepicker--nav-title {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
cursor: pointer;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center
}
.datepicker--nav-action {
width: 32px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.datepicker--nav-action:hover {
background: #f0f0f0
}
.datepicker--nav-action.-disabled- {
visibility: hidden
}
.datepicker--nav-action svg {
width: 32px;
height: 32px
}
.datepicker--nav-action path {
fill: none;
stroke: #9c9c9c;
stroke-width: 2px
}
.datepicker--nav-title {
border-radius: 4px;
padding: 0 8px
}
.datepicker--nav-title i {
font-style: normal;
color: #9c9c9c;
margin-left: 5px
}
.datepicker--nav-title:hover {
background: #f0f0f0
}
.datepicker--nav-title.-disabled- {
cursor: default;
background: 0 0
}
.datepicker--buttons {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
padding: 4px;
border-top: 1px solid #efefef
}
.datepicker--button {
color: #4eb5e6;
cursor: pointer;
border-radius: 4px;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
height: 32px
}
.datepicker--button:hover {
color: #4a4a4a;
background: #f0f0f0
}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- {
color: #dedede
}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede
}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4
}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92,196,239,.1);
color: #ccc
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92,196,239,.2)
}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty {
background: 0 0;
border: none
}
.datepicker--time {
border-top: 1px solid #efefef;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 4px;
position: relative
}
.datepicker--time.-am-pm- .datepicker--time-sliders {
-ms-flex: 0 1 138px;
-webkit-box-flex: 0;
flex: 0 1 138px;
max-width: 138px
}
.-only-timepicker- .datepicker--time {
border-top: none
}
.datepicker--time-sliders {
-ms-flex: 0 1 153px;
-webkit-box-flex: 0;
flex: 0 1 153px;
margin-right: 10px;
max-width: 153px
}
.datepicker--time-label {
display: none;
font-size: 12px
}
.datepicker--time-current {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
font-size: 14px;
text-align: center;
margin: 0 0 0 10px
}
.datepicker--time-current-colon {
margin: 0 2px 3px;
line-height: 1
}
.datepicker--time-current-hours,.datepicker--time-current-minutes {
line-height: 1;
font-size: 19px;
font-family: century gothic,CenturyGothic,AppleGothic,sans-serif;
position: relative;
z-index: 1
}
.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after {
content: '';
background: #f0f0f0;
border-radius: 4px;
position: absolute;
left: -2px;
top: -3px;
right: -2px;
bottom: -2px;
z-index: -1;
opacity: 0
}
.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after {
opacity: 1
}
.datepicker--time-current-ampm {
text-transform: uppercase;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
color: #9c9c9c;
margin-left: 6px;
font-size: 11px;
margin-bottom: 1px
}
.datepicker--time-row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
font-size: 11px;
height: 17px;
background: -webkit-gradient(linear,left top,right top,from(#dedede),to(#dedede)) left 50%/100% 1px no-repeat;
background: -webkit-linear-gradient(left,#dedede,#dedede) left 50%/100% 1px no-repeat;
background: -o-linear-gradient(left,#dedede,#dedede) left 50%/100% 1px no-repeat;
background: linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat
}
.datepicker--time-row:first-child {
margin-bottom: 4px
}
.datepicker--time-row input[type=range] {
background: 0 0;
cursor: pointer;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
height: 100%;
padding: 0;
margin: 0;
-webkit-appearance: none
}
.datepicker--time-row input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none
}
.datepicker--time-row input[type=range]::-ms-tooltip {
display: none
}
.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
border-color: #b8b8b8
}
.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
border-color: #b8b8b8
}
.datepicker--time-row input[type=range]:hover::-ms-thumb {
border-color: #b8b8b8
}
.datepicker--time-row input[type=range]:focus {
outline: 0
}
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
background: #5cc4ef;
border-color: #5cc4ef
}
.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
background: #5cc4ef;
border-color: #5cc4ef
}
.datepicker--time-row input[type=range]:focus::-ms-thumb {
background: #5cc4ef;
border-color: #5cc4ef
}
.datepicker--time-row input[type=range]::-webkit-slider-thumb {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-webkit-transition: background .2s;
-o-transition: background .2s;
transition: background .2s
}
.datepicker--time-row input[type=range]::-moz-range-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-webkit-transition: background .2s;
-o-transition: background .2s;
transition: background .2s
}
.datepicker--time-row input[type=range]::-ms-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-webkit-transition: background .2s;
-o-transition: background .2s;
transition: background .2s
}
.datepicker--time-row input[type=range]::-webkit-slider-thumb {
margin-top: -6px
}
.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: 0 0
}
.datepicker--time-row input[type=range]::-moz-range-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: 0 0
}
.datepicker--time-row input[type=range]::-ms-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: 0 0
}
.datepicker--time-row input[type=range]::-ms-fill-lower {
background: 0 0
}
.datepicker--time-row input[type=range]::-ms-fill-upper {
background: 0 0
}
.datepicker--time-row span {
padding: 0 12px
}
.datepicker--time-icon {
color: #9c9c9c;
border: 1px solid;
border-radius: 50%;
font-size: 16px;
position: relative;
margin: 0 5px -1px 0;
width: 1em;
height: 1em
}
.datepicker--time-icon:after,.datepicker--time-icon:before {
content: '';
background: currentColor;
position: absolute
}
.datepicker--time-icon:after {
height: .4em;
width: 1px;
left: calc(50% - 1px);
top: calc(50% 1px);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.datepicker--time-icon:before {
width: .4em;
height: 1px;
top: calc(50% 1px);
left: calc(50% - 1px)
}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- {
color: #dedede
}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede
}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4
}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92,196,239,.1);
color: #ccc
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92,196,239,.2)
}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty {
background: 0 0;
border: none
}
body:after {
content: url(../../../../../../local/zg/shininvest/build/public_html/img/lightbox/close.png) url(../../../../../../local/zg/shininvest/build/public_html/img/lightbox/loading.gif) url(../../../../../../local/zg/shininvest/build/public_html/img/lightbox/prev.png) url(../../../../../../local/zg/shininvest/build/public_html/img/lightbox/next.png);
display: none
}
body.lb-disable-scrolling {
overflow: hidden
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: #000;
opacity: .8;
display: none
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: 400
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
border: 4px solid #fff
}
.lightbox a img {
border: none
}
.lb-outerContainer {
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
background-color: #fff
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../../../../../../local/zg/shininvest/build/public_html/img/lightbox/loading.gif) no-repeat
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10
}
.lb-container>.nav {
left: 0
}
.lb-nav a {
outline: 0;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}
.lb-next,.lb-prev {
height: 100%;
cursor: pointer;
display: block
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(/local/zg/shininvest/build/public_html/img/lightbox/prev.png) left 48% no-repeat;
opacity: 0;
-webkit-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s
}
.lb-nav a.lb-prev:hover {
opacity: 1
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(/local/zg/shininvest/build/public_html/img/lightbox/next.png) right 48% no-repeat;
opacity: 0;
-webkit-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s
}
.lb-nav a.lb-next:hover {
opacity: 1
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both
}
.lb-data {
padding: 0 4px;
color: #ccc
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: 700;
line-height: 1em
}
.lb-data .lb-caption a {
color: #4ae
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(/local/zg/shininvest/build/public_html/img/lightbox/close.png) top right no-repeat;
text-align: right;
outline: 0;
opacity: .7;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s
}
.lb-data .lb-close:hover {
cursor: pointer;
opacity: 1
}
.container {
padding: 0 99px;
width: 100%;
max-width: 1920px;
margin: 0 auto
}
@media screen and (max-width: 1919px) and (min-width:1279px) {
.container {
width:1260px;
padding: 0 50px
}
}
@media screen and (max-width: 1279px) {
.container {
width:100%;
padding: 0 50px
}
}
@media screen and (max-width: 768px) {
.container {
padding:0 20px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.container {
padding:0 50px
}
}
.main_main-page {
background: #b5a07a
}
@media screen and (max-width: 1279px) {
.main {
padding-top:95px
}
.main_main-page .page-container {
margin: 0;
padding: 0
}
}
.page {
background: #f3f3f3;
position: relative
}
.page_text {
padding: 35px 0 30px
}
.page_profile .subcategory {
display: none
}
@media screen and (max-width: 1279px) {
.page_profile .subcategory {
display:block
}
}
@media screen and (max-width: 768px) {
.page {
padding-bottom:1px
}
.page_text {
padding-top: 1px
}
}
.header {
position: relative;
z-index: 1000
}
.header__top {
height: 60px;
background: #000;
padding-top: 22px
}
.header__bottom {
height: 98px;
position: relative;
padding-top: 29px;
background: #fff;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)
}
.header__bottom .btn-link {
margin-top: 8px
}
.header__city,.header__icons {
float: right
}
.header__icons {
margin-top: 5px
}
.header_main .header__bottom {
-webkit-box-shadow: none;
box-shadow: none;
background: #101010
}
.header_main .header__bottom .btn-link {
padding: 15px 23px 15px 69px;
border-radius: 21px;
margin-top: -5px;
background: #000
}
.header_main .header__bottom .btn-link__pencil {
left: 23px
}
.header_main .header__bottom .btn-link__pencil path,.header_main .header__bottom .btn-link__pencil polygon {
fill: #fff
}
.header_main .header__bottom .list-nav__item a {
color: #fff;
position: relative
}
.header_main .header__bottom .list-nav__item a::before {
height: 45px;
border: 1px solid #c1b3b3;
left: -24px;
right: -24px;
top: 50%;
border-radius: 50px;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.header_main .header__bottom .btn-link__pencil path {
fill: #fff
}
.header_main .header__bottom .btn-link__text {
color: #fff
}
.header_main .header__bottom .cart-icon__icon path {
fill: #fff
}
.header_main .header__bottom .cart-icon__text {
color: #fff
}
.header_main .header__bottom .account-icon__icon path {
fill: #fff
}
.header .header__col {
float: left;
min-height: 1px
}
.header .header__col:nth-child(1) {
width: 60%
}
.header .header__col:nth-child(2) {
width: 30%
}
.header .header__col:nth-child(3) {
width: 10%
}
.header_fixed {
height: 158px
}
.header_fixed .header__bottom {
position: fixed;
width: 100%;
z-index: 1000;
top: 0
}
@media screen and (max-width: 2560px) and (min-width:1279px) {
.header .header__col:nth-child(1) {
width:60%
}
.header .header__col:nth-child(2) {
width: 28%
}
.header .header__col:nth-child(3) {
width: 12%
}
.header__top {
height: 50px;
padding-top: 17px
}
.header__bottom {
height: 70px;
padding-top: 19px
}
.header__bottom .header__col:nth-child(1) {
width: 66%
}
.header__bottom .header__col:nth-child(2) {
width: 21%
}
.header__bottom .header__col:nth-child(3) {
width: 13%
}
.header__icons {
margin-top: 4px
}
.header_main .header__bottom .header__col:nth-child(1) {
width: 65%
}
.header_main .header__bottom .header__col:nth-child(2) {
width: 22%
}
.header_main .header__bottom .header__col:nth-child(3) {
width: 13%
}
.header_main .header__bottom .list-nav__item a::before {
height: 35px
}
.header_fixed {
height: 120px
}
}
@media screen and (max-width: 1600px) {
.header_main .header__bottom .btn-link {
height:37px;
margin-top: -3px!important;
padding: 10px 23px 15px 57px!important
}
.header_main .header__bottom .btn-link__pencil {
height: 20px;
top: 48%
}
.header .btn-link {
padding-left: 36px
}
.header .btn-link__pencil {
height: 20px;
top: 48%
}
.header__icons {
margin-top: 7px!important
}
.account-icon__icon {
width: 20px!important;
height: 26px!important
}
.cart-icon__icon {
width: 26px!important;
height: 26px!important
}
}
@media screen and (max-width: 1279px) {
.header {
position:fixed;
width: 100%
}
.header__top {
padding-top: 16px;
height: 50px;
position: relative;
z-index: 1001
}
.header__bottom {
height: 45px;
padding-top: 4px
}
.header_fixed {
height: 95px
}
.header_fixed .header__bottom {
position: relative
}
.header_main .btn-hamb__line {
background: #fff
}
.header_main .mobile-phone svg {
fill: #fff
}
.header .nav {
display: none
}
.header .recall {
display: none
}
.header .list-nav {
display: none
}
.header .btn-link {
display: none
}
.header .header__col {
position: relative
}
.header .header__col:nth-child(1) {
z-index: 3
}
.header .header__col:nth-child(3) {
width: 100%
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.header__top {
padding-top:20px;
height: 60px
}
}
.list-default>li {
float: left;
margin-right: 32px
}
.list-default>li>a {
color: #fff;
font-family: btfagency3,sans-serif;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.list-default>li>a:hover {
color: #4a7ffe
}
.list-default>li.active>a {
color: #4a7ffe
}
.list-default>li:last-child {
margin-right: 0
}
.dropdown {
position: relative;
z-index: 1
}
.dropdown__label {
position: relative;
color: #fff;
cursor: pointer;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.dropdown__label:hover {
color: #4a7ffe
}
.dropdown_arrow .dropdown__label {
padding-right: 21px
}
.dropdown_arrow .dropdown__arrow {
position: absolute;
right: 0;
top: 50%;
width: 12px;
height: 8px;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.dropdown_arrow .dropdown__arrow svg {
display: block;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease
}
.dropdown_arrow .dropdown__arrow path {
fill: #000
}
.dropdown_marker .dropdown__label {
padding-left: 24px
}
.dropdown_marker .dropdown__marker {
position: absolute;
left: 0;
top: 50%;
width: 14px;
height: 17px;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.dropdown_marker .dropdown__marker svg {
display: block
}
.dropdown_marker .dropdown__marker path {
fill: #4a7ffe
}
.dropdown_active .dropdown__label {
color: #4a7ffe
}
.dropdown_menu .dropdown__label {
font-family: btfagency3,sans-serif
}
.dropdown_menu .dropdown-list {
left: -30px;
top: 100%;
margin-top: 10px
}
.dropdown_city .dropdown-list {
right: -35px;
top: 100%;
margin-top: 10px
}
.dropdown .dropdown-list {
position: absolute;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
transition: opacity .3s ease,-webkit-transform .3s ease;
-o-transition: opacity .3s ease,transform .3s ease;
transition: opacity .3s ease,transform .3s ease;
transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
-webkit-transform: translate3d(0,25px,0);
transform: translate3d(0,25px,0)
}
.dropdown_open {
z-index: 2
}
.dropdown_open .dropdown__label {
color: #4a7ffe
}
.dropdown_open .dropdown__arrow svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.dropdown_open .dropdown-list {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
pointer-events: all
}
@media screen and (max-width: 1279px) {
.dropdown .dropdown-list {
position:fixed;
top: 95px;
bottom: 0;
left: 0;
width: 100%
}
.dropdown_city .dropdown-list {
right: 0;
margin-top: 0;
top: 50px
}
.dropdown_arrow .dropdown__label {
padding-right: 19px
}
.dropdown_arrow .dropdown__arrow {
width: 8px;
height: 7px
}
.dropdown_marker .dropdown__label {
padding-left: 17px
}
.dropdown_marker .dropdown__marker {
width: 10px;
height: 14px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.dropdown {
top:3px
}
.dropdown-list {
position: absolute;
left: initial;
top: 30px;
bottom: initial;
border-radius: 15px
}
.dropdown-form__body {
width: 100%
}
.dropdown .account-forms__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.dropdown-list {
padding: 16px 0;
background: #fff;
border-radius: 15px;
min-width: 248px;
-webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,.1);
box-shadow: 0 0 15px 5px rgba(0,0,0,.1)
}
.dropdown-list__item>a {
display: block;
color: #282424;
padding: 12px 30px;
position: relative;
overflow: hidden;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.dropdown-list__item>a::before {
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: #4a7ffe;
-webkit-transform: translate3d(-3px,0,0);
transform: translate3d(-3px,0,0);
-webkit-transition: -webkit-transform .3s 0s cubic-bezier(.03,.47,.25,1);
transition: -webkit-transform .3s 0s cubic-bezier(.03,.47,.25,1);
-o-transition: transform .3s 0s cubic-bezier(.03,.47,.25,1);
transition: transform .3s 0s cubic-bezier(.03,.47,.25,1);
transition: transform .3s 0s cubic-bezier(.03,.47,.25,1),-webkit-transform .3s 0s cubic-bezier(.03,.47,.25,1)
}
.dropdown-list__item>a:hover {
background: #f3f3f3
}
.dropdown-list__item>a:hover::before {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: -webkit-transform .3s .1s cubic-bezier(.03,.47,.25,1);
transition: -webkit-transform .3s .1s cubic-bezier(.03,.47,.25,1);
-o-transition: transform .3s .1s cubic-bezier(.03,.47,.25,1);
transition: transform .3s .1s cubic-bezier(.03,.47,.25,1);
transition: transform .3s .1s cubic-bezier(.03,.47,.25,1),-webkit-transform .3s .1s cubic-bezier(.03,.47,.25,1)
}
.dropdown-list__item_active>a {
background: #f3f3f3
}
.dropdown-list__item_active>a::before {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: -webkit-transform .3s .1s cubic-bezier(.03,.47,.25,1);
transition: -webkit-transform .3s .1s cubic-bezier(.03,.47,.25,1);
-o-transition: transform .3s .1s cubic-bezier(.03,.47,.25,1);
transition: transform .3s .1s cubic-bezier(.03,.47,.25,1);
transition: transform .3s .1s cubic-bezier(.03,.47,.25,1),-webkit-transform .3s .1s cubic-bezier(.03,.47,.25,1)
}
.dropdown-list__text {
display: block;
line-height: 1.3
}
.dropdown-list__label {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 14px;
color: #9b9b9b;
position: relative;
padding: 12px 30px 22px;
margin-bottom: 10px;
white-space: nowrap
}
.dropdown-list__label::before {
left: 0;
bottom: 0;
right: 0;
height: 1px;
background: #e5e5e5
}
@media screen and (max-width: 1279px) {
.dropdown-list {
border-radius:0;
-webkit-box-shadow: none;
box-shadow: none;
overflow: auto;
padding: 0
}
.dropdown-list::-webkit-scrollbar-thumb {
background: #d9d9d9
}
.dropdown-list::-webkit-scrollbar {
width: 8px
}
.dropdown-list::-webkit-scrollbar-track {
background: #fff
}
.dropdown-list__item {
border-bottom: 1px solid #d9d9d9
}
.dropdown-list__item>a {
font-size: 15px;
padding: 15px 20px
}
.dropdown-list__label {
margin-bottom: 0;
padding: 24px 20px
}
.dropdown-list_mactive .dropdown-list__item_active>a {
background: #fff;
color: #4a7ffe
}
.dropdown-list_mactive .dropdown-list__item_active>a::before {
display: none
}
}
.recall__phone {
color: #f3f3f3!important;
display: inline-block;
font-family: SFUIDisplaySemibold,Tahoma,sans-serif
}
.recall__text {
color: #4a7ffe;
display: inline-block;
margin-left: 10px;
cursor: pointer;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.logo {
display: block;
float: left;
margin-top: -6px;
margin-left: -20px
}
.logo__img {
max-width: 100%;
width: 245px;
height: auto
}
@media screen and (max-width: 1919px) and (min-width:1279px) {
.logo {
width:170px;
margin-top: 1px
}
}
@media screen and (max-width: 1279px) {
.logo {
display:none
}
}
.list-nav {
float: left;
margin-top: 8px;
margin-left: 61px
}
.list-nav__item {
float: left;
margin-right: 65px
}
.list-nav__item a {
font-family: btfagency2,sans-serif;
font-size: 17px;
color: #999;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.list-nav__item a:hover {
color: #282424
}
.list-nav__item:last-child {
margin-right: 0
}
.list-nav__item_active a {
color: #282424
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.list-nav {
margin-left:40px
}
.list-nav__item a {
font-size: 15px
}
}
.btn-link {
padding-left: 46px;
position: relative;
font-family: btfagency2,sans-serif;
color: #000;
display: inline-block
}
.btn-link__pencil {
width: 23px;
height: 26px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.btn-link__pencil path,.btn-link__pencil polygon {
fill: #4a7ffe
}
.cart-icon {
display: inline-block;
position: relative
}
.cart-icon__icon {
width: 29px;
height: 25px;
display: inline-block;
position: relative
}
.cart-icon__icon path {
fill: #999
}
.cart-icon__count {
display: none;
position: absolute;
left: -7px;
top: -2px;
padding-top: 2px;
padding-right: 2px;
width: 15px;
height: 15px;
font-size: 10px;
color: #fff;
text-align: center;
border-radius: 50%;
background: #f93647
}
.cart-icon__text {
display: none;
white-space: nowrap;
color: #999;
position: absolute;
right: 100%;
bottom: 5px;
padding-right: 29px
}
.cart-icon__unit {
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.cart-icon_full .cart-icon__count {
display: block
}
.cart-icon_full .cart-icon__text {
display: block
}
@media screen and (max-width: 1919px) and (min-width:1279px) {
.cart-icon_full .cart-icon__text {
display:none
}
}
@media screen and (max-width: 1279px) {
.cart-icon__icon {
width:22px;
height: 18px
}
.cart-icon__count {
padding-right: 0
}
.cart-icon_full .cart-icon__text {
display: none
}
}
.account-icon {
display: inline-block;
position: relative;
margin-left: 37px;
padding-right: 21px;
cursor: pointer
}
.account-icon__icon {
width: 23px;
height: 28px;
display: inline-block;
position: relative
}
.account-icon__icon path {
fill: #999
}
.account-icon__arrow {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
width: 12px
}
.account-icon__arrow svg {
display: block;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease
}
.account-icon__arrow path {
fill: #4a7ffe
}
.account-icon .dropdown-list {
right: -40px;
top: 100%;
margin-top: 25px;
width: 353px;
padding: 0
}
.account-icon.dropdown_open .account-icon__arrow svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
@media screen and (max-width: 1600px) and (min-width:1280px) {
.account-icon .dropdown-form__body {
max-height:300px;
overflow: auto
}
.account-icon .dropdown-form__body::-webkit-scrollbar {
width: 8px
}
}
@media screen and (max-width: 1279px) {
.account-icon {
margin-left:25px;
padding-right: 19px
}
.account-icon__icon {
width: 17px;
height: 19px
}
.account-icon__arrow {
width: 8px;
height: 7px
}
.account-icon .dropdown-list {
right: 0;
top: 95px;
margin-top: 0;
width: 100%
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.account-icon .dropdown-list {
top:30px!important
}
}
.dropdown-form {
border-top: 1px solid #e5e5e5;
display: block;
cursor: default
}
.dropdown-form__content {
display: block;
padding: 0 40px
}
.dropdown-form__title {
display: block;
cursor: pointer;
position: relative
}
.dropdown-form__title-body {
position: relative;
padding-left: 65px;
padding-right: 20px;
display: block
}
.dropdown-form__title-text {
display: block;
padding: 33px 0
}
.dropdown-form__account-icon,.dropdown-form__arrow-icon,.dropdown-form__car-icon {
position: absolute;
display: block;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.dropdown-form__account-icon svg,.dropdown-form__arrow-icon svg,.dropdown-form__car-icon svg {
display: block
}
.dropdown-form__account-icon,.dropdown-form__car-icon {
left: 0;
width: 46px;
height: 46px;
background: #e5e5e5;
border-radius: 50%;
padding: 13px 7px
}
.dropdown-form__account-icon path,.dropdown-form__car-icon path {
fill: #929292
}
.dropdown-form__overlay-icons {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 100px
}
.dropdown-form__overlay-logout {
padding: 20px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0)
}
.dropdown-form__overlay-logout svg {
width: 18px;
height: 14px;
fill: #4a7ffe
}
.dropdown-form__account-icon {
padding-left: 13px;
padding-right: 13px
}
.dropdown-form__arrow-icon {
right: 0;
width: 12px;
height: 8px
}
.dropdown-form__arrow-icon svg {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.dropdown-form__arrow-icon path {
fill: #b2b2b2
}
.dropdown-form__body {
display: none;
cursor: default;
position: relative;
z-index: 1
}
.dropdown-form__content-wrp {
color: inherit;
text-decoration: none;
display: block
}
.dropdown-form_first {
border: none
}
.dropdown-form_active .dropdown-form__body {
display: block
}
.dropdown-form_active .dropdown-form__arrow-icon svg {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.dropdown-form__body {
width:50%
}
}
@media screen and (max-width: 1279px) {
.dropdown-form {
border-top:none
}
.dropdown-form__title-text {
padding: 28px 0
}
.dropdown-form__account-icon,.dropdown-form__car-icon {
width: 37px;
height: 37px;
padding: 11px 7px
}
.dropdown-form__account-icon {
padding: 9px 10px
}
.dropdown-form__arrow-icon {
width: 8px;
height: 7px
}
.dropdown-form__content {
padding: 0 20px
}
.dropdown-form__title-body {
padding-left: 48px
}
.dropdown-form__overlay-logout {
left: auto;
right: -20px;
padding: 15px
}
.dropdown-form .form__group_condensed {
margin-top: 25px;
margin-bottom: 20px
}
}
.select {
display: block;
font-size: 17px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #262626;
position: relative;
z-index: 1
}
.select span {
display: block
}
.select span.select__text_hidden {
display: none
}
.select svg {
display: block
}
.select__label {
margin-bottom: 12px;
padding-left: 19px;
font-size: 15px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.select__btn {
background: #f3f3f3;
border-radius: 25px;
height: 45px;
padding: 12px 45px 12px 19px;
position: relative;
cursor: pointer;
z-index: 2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.select__container {
display: none;
position: absolute;
overflow: hidden;
left: 0;
right: 0;
top: 0;
z-index: 1;
padding-top: 50px;
padding-bottom: 8px;
padding-right: 18px;
border-radius: 25px;
background: #faf9f9;
-webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,.1);
box-shadow: 0 0 15px 5px rgba(0,0,0,.1)
}
.select__content {
overflow: auto;
max-height: 260px
}
.select__dropdown_inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 19px 8px 10px 17px
}
.select__item {
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
padding: 12px 19px;
cursor: pointer
}
.select__item:last-child {
border: none
}
.select__item:hover,.select__item_active {
color: #4a7ffe
}
.select__item_hidden {
display: none
}
.select__item-btn {
float: left;
border: 1px solid #a2a2a2;
border-radius: 25px;
-webkit-transition: background .3s ease,color .3s ease;
-o-transition: background .3s ease,color .3s ease;
transition: background .3s ease,color .3s ease;
padding: 7px 10px 5px;
width: 66px;
font-size: 15px;
margin-right: 9px;
margin-bottom: 9px;
cursor: pointer;
text-align: center
}
.select__item-btn:hover {
border: 1px solid #4a7ffe
}
.select__item-btn.select__item_active {
background: #4a7ffe;
color: #fff;
border: 1px solid #4a7ffe
}
.select__text_hidden {
display: none
}
.select__text-input {
text-align: left;
border: none;
background: 0 0;
outline: 0;
display: block;
width: 100%
}
.select__text-wrp {
position: relative
}
.select__placeholder {
position: absolute;
top: 0;
left: 0;
color: #999;
font-size: 17px
}
.select__arrow {
position: absolute;
width: 12px;
height: 8px;
right: 20px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.select__arrow svg {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease
}
.select__arrow path {
fill: #999
}
.select__clock {
position: absolute;
width: 17px;
height: 20px;
right: 20px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.select__clock svg {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease
}
.select__clock path {
fill: #999
}
.select__calendar {
position: absolute;
width: 17px;
height: 19px;
right: 26px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.select__calendar svg {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease
}
.select__calendar path,.select__calendar polygon {
fill: #999
}
.select__list {
position: relative
}
.select .text p,.select .text2 p,.select .text3 p {
padding-left: 19px;
padding-right: 19px
}
.select_active {
z-index: 2
}
.select_active .select__container {
display: block
}
.select_active .select__arrow svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.select_grey .select__btn {
background: #e5e5e5
}
.select_disabled .select__list {
opacity: .5
}
.select_nolimit .select__container {
padding-right: 0;
padding-top: 45px
}
.select_nolimit .select__content {
overflow: visible;
max-height: 100%
}
.select_muted-ph.select_empty .select__text {
color: #999
}
.select_condensed .select__btn {
height: 35px;
padding: 7px 45px 7px 19px
}
.select_condensed .select__container {
padding-top: 40px
}
.select_condensed .select__item {
padding-top: 9px;
padding-bottom: 9px
}
.select .datepicker {
width: 100%;
border: none;
background: 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
font-size: 15px
}
.select .datepicker--nav {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
border: none;
background: #f3f3f3;
position: relative;
padding: 6px 15px 0
}
.select .datepicker--nav::before {
left: 0;
right: 0;
top: 100%;
height: 10px;
background: #f3f3f3
}
.select .datepicker--days-names {
padding: 17px 0 12px;
margin: 0;
position: relative
}
.select .datepicker--days-names::before {
bottom: 0;
left: -50px;
right: -50px;
height: 2px;
background: #f2f2f2
}
.select .datepicker--day-name {
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
font-size: 15px;
color: #999;
text-transform: lowercase
}
.select .datepicker--day-name.-weekend- {
color: #ef263a
}
.select .datepicker--content {
width: 100%;
padding: 0 15px 0 8px
}
.select .datepicker--cells-days {
padding: 10px 0
}
.select .datepicker--cell {
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
font-size: 15px;
color: #000;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.select .datepicker--cell::before {
width: 29px;
height: 29px;
border: 1px solid transparent;
left: 50%;
top: 50%;
border-radius: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
-webkit-transition: background .3s ease,border .3s ease;
-o-transition: background .3s ease,border .3s ease;
transition: background .3s ease,border .3s ease
}
.select .datepicker--cell.-focus- {
background: 0 0
}
.select .datepicker--cell.-focus-::before {
border: 1px solid #4a7ffe
}
.select .datepicker--cell.-current- {
background: 0 0
}
.select .datepicker--cell.-selected- {
background: 0 0;
color: #fff
}
.select .datepicker--cell.-selected-::before {
z-index: -1;
background: #4a7ffe;
border: 1px solid #4a7ffe
}
.select .datepicker--cell-day.-other-month- {
color: #999
}
.select .datepicker--cell-day.-disabled- {
color: #999
}
.select .datepicker--cell-day.-disabled-.-focus- {
color: #999
}
.select .datepicker--cell-day.-selected-.-current-.-focus- {
color: #fff
}
.select .datepicker--cell-day.-current-.-focus- {
color: #000
}
.select .-selected-.-focus-.datepicker--cell-day.-other-month- {
background: 0 0
}
.select .datepicker--cell-day.-other-month-.-selected- {
color: #fff
}
.select .datepicker--nav-title,.select .datepicker--nav-title i {
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
font-size: 15px;
color: #000
}
.select .datepicker--nav-title {
pointer-events: none;
width: 100%
}
.select .datepicker--nav-title:hover {
background: 0 0;
cursor: default
}
.select .datepicker--nav-action:hover {
background: 0 0
}
.select .datepicker--nav-action path {
stroke: #484848
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.select__item-btn {
width:29%;
text-align: center
}
}
@media screen and (max-width: 768px) {
.select {
font-size:14px
}
.select__item {
padding: 9px 19px
}
.select__text {
font-size: 14px
}
.select__label {
font-size: 14px;
margin-bottom: 8px
}
.select__btn {
height: 42px
}
.select__container {
padding-top: 46px;
padding-right: 10px
}
.select__content {
max-height: 165px
}
.select__arrow {
width: 8px;
height: 7px
}
.select__dropdown_inline {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 13px;
padding-bottom: 6px
}
.select__item-btn {
-ms-flex-preferred-size: 29%;
flex-basis: 29%;
text-align: center;
font-size: 14px;
padding-top: 6px
}
.select .datepicker {
font-size: 14px
}
.select .datepicker--days-names {
padding: 5px 0 10px;
font-size: 14px
}
.select .datepicker--cell {
font-size: 14px;
height: 26px
}
.select .datepicker--cells-days {
padding: 7px 0
}
.select .datepicker--nav-title {
font-size: 14px
}
.select .datepicker--nav {
height: 32px
}
}
.error {
display: block;
font-size: 13px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #f93647;
padding-left: 19px;
margin: 8px 0
}
.error:empty {
display: none
}
.form {
display: block;
padding-bottom: 34px;
padding-top: 20px
}
.form__group {
margin-bottom: 27px;
display: block;
position: relative;
z-index: 1
}
.form__group_active {
z-index: 2
}
.form__group_condensed {
margin-bottom: 17px
}
.form__group_515 {
max-width: 515px
}
.form__group_160 {
max-width: 160px
}
.form__group_660 {
max-width: 660px
}
.form__group_inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.form__group_inline .select__label {
display: none
}
.form__group_inline .form__label {
display: none
}
.form__group:last-child {
margin-bottom: 0
}
.form__group .checkbox {
margin-top: 16px
}
.form__label-inline {
min-width: 108px;
width: 108px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #000;
padding-top: 7px
}
.form__label {
display: block;
margin-bottom: 12px;
padding-left: 19px;
font-size: 15px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
position: relative
}
.form__label-info {
position: absolute;
right: 12px;
top: -11px
}
.form__control-inline {
width: 100%
}
.form__control {
background: #f3f3f3;
color: #999;
height: 45px;
border-radius: 25px;
border: none;
outline: 0;
width: 100%;
padding: 14px 19px;
font-size: 17px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
-moz-appearance: textfield
}
.form__control_grey {
background: #e5e5e5
}
.form__control_filled {
color: #000
}
.form__control_light {
background: #fff
}
.form__control_condensed {
height: 35px;
padding: 9px 19px
}
.form__control::-webkit-inner-spin-button,.form__control::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.form__group-range {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.form__group-range-input .form__control {
text-align: center
}
.form__group-range-sep {
min-width: 48px;
position: relative
}
.form__group-range-sep::before {
width: 28px;
height: 1px;
background: #000;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0)
}
.form textarea.form__control {
height: 115px;
resize: none
}
.form__compound {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.form__compound .form__control {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.form__control-btn {
padding: 13px 42px 13px 38px;
white-space: nowrap;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
font-size: 17px;
font-family: SFUIDisplayBold,Tahoma,sans-serif;
background: #bfa77b;
color: #fff;
text-align: center;
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.form__control-btn[disabled] {
background: #999
}
.form__control-btn_condensed {
padding-left: 19px;
padding-right: 30px
}
.form__inline-label {
display: table-cell;
white-space: nowrap
}
.form__inline-label .form__label {
padding-left: 0
}
.form__inline-label-content {
padding-right: 30px;
position: relative
}
.form__inline-input {
display: table-cell;
width: 100%
}
.im-colormask {
position: relative
}
.im-colormask .form__control {
position: relative;
opacity: 0;
z-index: 2
}
.im-colormask>div {
background: #f3f3f3;
color: #999;
height: 45px;
border-radius: 25px;
width: 100%;
padding: 13px 19px;
font-size: 17px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
position: absolute;
top: 0;
left: 0;
width: 100%!important
}
@media screen and (max-width: 768px) {
.form {
padding-top:10px
}
.form__group {
margin-bottom: 13px
}
.form__group_515 {
max-width: 100%
}
.form__group_160 {
max-width: 100%
}
.form__group_660 {
max-width: 100%
}
.form__group_inline {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.form__label {
font-size: 14px;
margin-bottom: 8px
}
.form__label-inline {
min-width: 0;
width: 100%;
font-size: 14px;
padding-left: 22px;
margin-bottom: 8px;
padding-top: 0
}
.form__group-range-sep {
min-width: 40px
}
.form__group-range-sep::before {
width: 23px
}
.form__control {
height: 42px;
font-size: 14px
}
.form__label-info {
display: none
}
.form__inline-label-content {
padding-right: 17px
}
.form__inline-input input {
text-align: center
}
.form__compound {
display: block
}
.form__compound .form__control {
border-top-right-radius: 25px;
border-bottom-right-radius: 25px
}
.form__control-btn {
padding: 0;
background: 0 0;
color: #4a7ffe;
font-size: 14px;
margin-left: 19px;
margin-top: 25px;
margin-bottom: 20px
}
.form__control-btn[disabled] {
background: 0 0;
color: #999
}
.form textarea.form__control {
height: 95px;
border-radius: 15px
}
.im-colormask>div {
height: 42px;
font-size: 14px
}
}
.button {
font-size: 17px;
font-family: btfagency3,sans-serif;
background: #4c4029;
color: #fff;
text-align: center;
cursor: pointer;
padding: 14px 40px;
border-radius: 25px;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
display: inline-block
}
.button:hover {
background: #4c4029
}
.button_expand {
width: 100%
}
.button_wide {
padding-left: 48px;
padding-right: 48px
}
.button_light {
background: #000
}
.button_condensed {
padding: 8px 40px 9px
}
.button[disabled] {
background: #d9d9d9
}
@media screen and (max-width: 768px) {
.button {
font-size:14px;
padding-top: 12px;
padding-bottom: 12px
}
.button_wide {
padding-left: 46px;
padding-right: 46px
}
}
.btn-simple {
font-size: 15px;
color: #4a7ffe;
cursor: pointer
}
.btn-simple_muted {
color: #979797
}
@media screen and (max-width: 768px) {
.btn-simple {
font-size:14px
}
}
.account-forms {
display: block;
padding-bottom: 25px
}
.account-forms__body {
display: block
}
.account-forms__btns {
display: block
}
.account-forms__form {
display: none
}
.account-forms__btn {
display: block;
margin-bottom: 10px
}
.account-forms__btn_login {
float: right
}
.account-forms_login .account-forms__form_login {
display: block
}
.account-forms_login .account-forms__btn_login {
display: none
}
.account-forms_reg .account-forms__form_reg {
display: block
}
.account-forms_reg .account-forms__btn_forgot-pass {
display: none
}
.account-forms_reg .account-forms__btn_reg {
display: none
}
.account-forms_forgot-pass .account-forms__form_forgot-pass {
display: block
}
.account-forms_forgot-pass .account-forms__btn_forgot-pass {
display: none
}
.account-forms_forgot-pass .account-forms__btn_reg {
display: none
}
@media screen and (max-width: 768px) {
.account-forms__btn_forgot-pass {
float:left
}
.account-forms__btn_reg {
float: right
}
}
.popup-bg {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #262626;
opacity: .5;
z-index: 1000
}
.popup-bg_active {
display: block
}
@media screen and (max-width: 768px) {
.popup-bg {
top:50px
}
}
.popup {
display: none;
background: #f2f2f2;
position: relative;
padding: 53px 33px 58px 43px;
border-radius: 25px
}
.popup__title {
font-size: 36px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
margin-bottom: 44px
}
.popup__text {
font-size: 17px;
color: #999
}
.popup__text_small {
font-size: 15px;
line-height: 1.5
}
.popup .form {
padding: 0
}
.popup .cross {
position: absolute;
right: 6px;
top: 3px
}
.popup .radiotable {
max-height: 400px;
overflow: auto;
width: 725px;
margin-bottom: 40px
}
.popup_feedback {
width: 954px
}
.popup_active {
display: block
}
.popup_light {
background: #fff
}
.popup_purchase {
max-width: 548px
}
.popup_car-add,.popup_car-edit,.popup_change-pass {
width: 454px
}
.popup_car-add .popup__text,.popup_car-edit .popup__text,.popup_change-pass .popup__text {
margin-bottom: 35px
}
.popup_change-pass .popup__text {
color: #999
}
.popup_match-car {
width: 824px
}
.popup_match-car .form__label-inline {
width: 183px
}
.popup_match-car .form__control-inline {
width: 232px
}
.popup_match-car .match-car__content {
margin-top: 50px
}
.popup_match-car .table-models {
margin: 0 -19px
}
@media screen and (max-width: 768px) {
.popup {
padding:45px 20px 40px;
border-radius: 0;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
overflow: hidden
}
.popup__title {
font-size: 24px;
margin-bottom: 30px
}
.popup__text {
font-size: 14px;
color: #000;
padding-right: 35px;
line-height: 1.5
}
.popup .radiotable {
width: 100%
}
.popup .button {
width: 100%
}
.popup .cross {
right: -4px;
top: -4px
}
.popup_feedback {
width: 100%
}
.popup_car-add,.popup_car-edit,.popup_change-pass {
width: 100%
}
.popup_car-add .button,.popup_car-edit .button,.popup_change-pass .button {
margin-top: 15px
}
.popup_match-car {
width: 100%
}
.popup_match-car .form__control-inline {
width: 100%
}
}
.popup-feedback__col {
float: left;
width: 50%
}
.popup-feedback__col:nth-child(1) {
padding-right: 70px
}
.popup-feedback__text {
margin-top: 35px
}
@media screen and (max-width: 768px) {
.popup-feedback__col {
width:100%
}
.popup-feedback__col:nth-child(1) {
padding-right: 0
}
.popup-feedback__text {
margin-top: 25px
}
.popup-feedback .button {
margin-top: 30px
}
}
.text strong {
font-size: 17px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.text p {
font-size: 15px;
color: #000;
margin: 25px 0;
line-height: 1.5
}
.text a {
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
font-size: 15px
}
@media screen and (max-width: 768px) {
.text strong {
font-size:14px;
font-weight: 400
}
.text p {
margin: 20px 0
}
}
@media screen and (max-width: 768px) {
.text2 p {
font-size:14px;
font-family: SFUIDisplayRegular,Tahoma,sans-serif
}
.text2 a {
font-size: 14px
}
}
.text3 h3 {
font-size: 17px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-weight: 400;
margin: 37px 0 25px
}
.text3 h3:first-child {
margin-top: 25px
}
.text3 h2 {
font-size: 24px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-weight: 400;
margin: 65px 0 25px
}
.text3 h2:first-child {
margin-top: 25px
}
.text3 p {
font-family: btfagency3,sans-serif;
font-size: 15px;
color: #262626;
margin: 25px 0;
line-height: 1.5
}
.text3 a {
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
font-size: 15px
}
.text3 img {
max-width: 100%;
height: auto
}
.text3 ul {
padding-left: 33px;
margin: 27px 0
}
.text3 ul li {
position: relative;
padding-left: 23px;
line-height: 1.5;
color: #787878;
margin-bottom: 20px
}
.text3 ul li:last-child {
margin-bottom: 0
}
.text3 ul li::before {
width: 5px;
height: 5px;
left: 0;
top: 8px;
background: #999;
border-radius: 50%
}
.text3 ol {
padding-left: 23px;
margin: 27px 0;
padding-left: 48px
}
.text3 ol li {
position: relative;
padding-left: 15px;
line-height: 1.5;
margin-bottom: 20px
}
.text3 ol li:last-child {
margin-bottom: 0
}
.text3 ol li p {
color: #787878;
margin: 13px 0
}
@media screen and (max-width: 768px) {
.text3 h3 {
font-size:14px;
line-height: 1.5;
margin: 35px 0 15px
}
.text3 h2 {
margin: 35px 0 25px
}
.text3 ul {
padding-left: 0
}
.text3 ul li {
padding-left: 19px;
color: #787878
}
.text3 ol {
padding-left: 15px
}
.text3 ol li {
padding-left: 4px;
color: #262626
}
.text3 p {
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
font-size: 14px;
color: #262626;
margin: 15px 0
}
}
.cross {
width: 60px;
height: 65px;
padding: 20px;
cursor: pointer;
position: relative;
z-index: 10;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.cross__content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.cross__container {
position: absolute;
top: 50%;
height: 2px;
width: 100%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.cross__line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #999;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease
}
.cross__line_left {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.cross__line_right {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0
}
.slider-main {
height: 640px;
background: #bfa77b;
padding-top: 120px;
position: relative
}
.slider-main__content {
overflow: hidden
}
.slider-main__slide {
background-position: 50% 50%;
background-size: cover;
width: 100%
}
.slider-main__desc {
float: left;
width: 50%;
padding-top: 50px;
padding-bottom: 50px;
padding-right: 100px;
background: #bfa77b;
min-height: 500px;
position: relative
}
.slider-main__img {
float: left;
width: 50%
}
.slider-main__img-wrp {
overflow: hidden;
border-radius: 25px
}
.slider-main__img-wrp img {
display: block
}
.slider-main .title {
color: #000
}
.slider-main__text {
font-family: btfagency3,sans-serif;
font-size: 21px;
color: #000;
margin-top: 21px
}
.slider-main__controls {
position: absolute;
bottom: 0;
width: 100%;
z-index: 2
}
.slider-main__controls .main-wrapper {
position: relative
}
.slider-main__controls-content {
position: absolute;
bottom: 0;
left: 0;
width: 50%;
z-index: 2
}
.slider-main__controls-content-wrp {
position: relative;
width: 100%;
height: 100%
}
.slider-main__arrows {
position: absolute;
right: 212px;
bottom: 49px
}
.slider-main__arrow {
width: 80px;
height: 18px;
position: absolute;
cursor: pointer
}
.slider-main__arrow svg {
-webkit-transition: fill .3s ease;
-o-transition: fill .3s ease;
transition: fill .3s ease;
fill: #000
}
.slider-main__arrow_prev {
right: 40px
}
.slider-main__arrow_prev svg {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: -1px
}
.slider-main__arrow_next {
left: 40px
}
.slider-main__arrow:hover svg {
fill: #fff
}
.slider-main__container {
height: 100%
}
.slider-main__bullet {
display: inline-block;
margin-right: 10px;
padding: 10px 0;
cursor: pointer
}
.slider-main__bullet:last-child {
margin-right: 0
}
.slider-main__bullet-content {
position: relative;
width: 25px;
height: 4px;
background: #000;
overflow: hidden;
border-radius: 4px
}
.slider-main__bullet-progress {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: #fff
}
.slider-main__pagination {
position: absolute;
bottom: 0
}
.slider-main .container {
height: 100%
}
.slider-main .swiper-container {
overflow: visible
}
.slider-main .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.slider-main .swiper-slide {
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%
}
.slider-main .main-wrapper {
height: 100%
}
.slider-main .swiper-pagination {
position: absolute;
bottom: 30px;
height: 24px;
white-space: nowrap
}
.slider-main .button {
position: absolute;
bottom: 80px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.slider-main {
padding-top:50px;
height: 470px
}
.slider-main__desc {
min-height: 400px;
padding-top: 30px;
padding-bottom: 30px
}
.slider-main .button {
margin-top: 25px
}
.slider-main .title {
font-size: 51px;
letter-spacing: 2px
}
}
@media screen and (max-width: 1279px) {
.slider-main .title {
font-size:36px
}
.slider-main__arrows {
bottom: 130px;
right: 105px
}
.slider-main__arrow {
width: 60px
}
.slider-main__arrow_next {
left: 0
}
}
@media screen and (max-width: 768px) {
.slider-main {
height:388px
}
.slider-main__text {
font-size: 17px
}
.slider-main__arrows {
display: none
}
.slider-main__desc {
min-height: 310px;
padding-right: 0
}
.slider-main .title {
font-size: 24px
}
}
@media screen and (max-width: 767px) {
.slider-main {
padding-top:0;
height: auto
}
.slider-main__slide-content {
display: none
}
.slider-main__slide.swiper-slide-active .slider-main__slide-content {
display: block
}
.slider-main__text {
font-size: 14px;
margin-top: 5px;
margin-bottom: 0;
min-height: 50px
}
.slider-main__desc {
padding-top: 0;
width: 100%;
min-height: auto;
padding-bottom: 20px
}
.slider-main__desc br {
display: none
}
.slider-main__desc .button {
display: none
}
.slider-main__pagination {
display: none
}
.slider-main__img {
width: 100%
}
.slider-main__img-wrp {
border-radius: 15px
}
.slider-main__content {
padding-bottom: 50px
}
.slider-main__content::before {
bottom: -1px;
left: 0;
right: 0;
background: #fff;
height: 170px
}
.slider-main__controls-content {
width: 100%
}
.slider-main__arrows {
right: 70px;
bottom: 30px
}
.slider-main__arrow {
width: 53px;
height: 11px
}
.slider-main__arrow_prev {
right: 15px
}
.slider-main__arrow_next {
left: 15px
}
.slider-main__arrow:hover svg {
fill: #4a7ffe
}
.slider-main .title {
font-size: 16px;
letter-spacing: 1px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.slider-main {
padding-top:40px
}
.slider-main__desc {
min-height: 310px;
padding-right: 30px;
padding-top: 0
}
.slider-main__img {
width: 50%
}
}
.img-responsive {
max-width: 100%;
height: auto
}
.main-wrapper {
padding-left: 172px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.main-wrapper {
padding-left:0
}
}
@media screen and (max-width: 768px) {
.main-wrapper {
padding-left:0
}
}
.main-about {
padding-top: 140px;
padding-bottom: 90px
}
.main-about__col {
float: left;
width: 50%;
position: relative
}
.main-about__col:nth-child(1) {
padding-right: 8.75rem
}
.main-about__col:nth-child(1) .title {
margin-bottom: 73px
}
.main-about__col:nth-child(2) {
position: absolute;
bottom: 0;
right: 0;
height: 100%
}
.main-about__col:nth-child(2):before {
width: 10.625rem;
height: 2px;
background: #bfa77b;
bottom: 106px;
left: 0
}
.main-about__row {
position: relative
}
.main-about__numbers {
padding-left: 10.625rem;
position: absolute;
bottom: 0;
width: 100%
}
.main-about__numbers-col {
float: left;
width: 50%
}
.main-about__numbers-col-content {
float: right;
text-align: center
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.main-about {
padding-top:110px
}
.main-about__col:nth-child(1) .title {
margin-bottom: 45px
}
}
@media screen and (max-width: 1919px) and (min-width:769px) {
.main-about__col:nth-child(2):before {
bottom:99px
}
}
@media screen and (max-width: 767px) {
.main-about {
padding-top:25px;
padding-bottom: 50px
}
.main-about__col {
width: 100%;
padding-right: 0
}
.main-about__col:nth-child(1) {
padding-right: 0
}
.main-about__col:nth-child(1) .title {
margin-bottom: 25px
}
.main-about__col:nth-child(2) {
position: relative;
margin-top: 25px
}
.main-about__col:nth-child(2):before {
width: 43px;
left: -20px;
bottom: auto;
top: 13px
}
.main-about__numbers {
position: relative;
padding-left: 22px
}
.main-about__numbers-col .main-about__text {
margin: 5px 0
}
.main-about__text {
font-size: 14px;
margin: 15px 0
}
.main-about .title {
font-size: 24px;
letter-spacing: 1px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.main-about {
padding-top:60px;
padding-bottom: 180px
}
.main-about__col {
width: 100%
}
.main-about__col:nth-child(2)::before {
width: 10.625rem;
height: 2px;
bottom: -40px;
left: 0
}
.main-about__numbers {
padding-left: 0;
position: absolute;
bottom: -130px;
width: 70%
}
}
.catalog-top {
background: #f3f3f3;
padding-top: 96px
}
.catalog-top__content {
position: relative
}
.catalog-top .title {
font-family: btfagency2,sans-serif
}
.catalog-top__text {
margin-top: 51px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.catalog-top__desc {
padding-right: 10.625rem;
position: absolute;
width: 515px;
left: 0;
top: 0
}
.catalog-top__items {
padding-left: 515px;
margin-right: -99px;
margin-right: -99px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.catalog-top__items {
margin-right:0
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.catalog-top__desc {
width:390px
}
.catalog-top__items {
padding-left: 390px
}
}
@media screen and (max-width: 768px) {
.catalog-top {
padding-top:40px
}
.catalog-top__desc {
position: relative;
width: 100%;
padding-right: 0
}
.catalog-top__desc .title {
font-size: 24px;
letter-spacing: 1px
}
.catalog-top__text {
font-size: 14px;
margin-top: 18px
}
.catalog-top__items {
padding-left: 0;
margin-right: 0
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.catalog-top {
padding-top:50px
}
.catalog-top__desc {
width: 50%
}
}
.slider-catalog {
padding-bottom: 97px;
position: relative
}
.slider-catalog__arrows {
position: absolute;
right: 196px;
bottom: 55px
}
.slider-catalog__slide {
width: 380px;
min-height: 1px
}
.slider-catalog__slides {
padding-right: 30px
}
.slider-catalog__arrow {
width: 80px;
height: 18px;
position: absolute;
cursor: pointer
}
.slider-catalog__arrow svg {
-webkit-transition: fill .3s ease;
-o-transition: fill .3s ease;
transition: fill .3s ease;
fill: #d9d9d9
}
.slider-catalog__arrow_prev {
right: 20px
}
.slider-catalog__arrow_prev svg {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: -1px
}
.slider-catalog__arrow_next {
left: 20px
}
.slider-catalog__arrow:hover svg {
fill: #999
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.slider-catalog__slide {
width:235px!important
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.slider-catalog__arrows {
right:160px
}
}
@media screen and (max-width: 768px) {
.slider-catalog {
margin:0 -20px;
padding-bottom: 84px
}
.slider-catalog__arrow {
width: 53px;
height: 12px
}
.slider-catalog__slides {
padding-right: 0
}
.slider-catalog__arrows {
right: 97px;
bottom: 49px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.slider-catalog {
margin:0
}
.slider-catalog__slide {
width: 340px!important;
margin-right: 30px
}
.slider-catalog__slide .catalog-item {
border-radius: 15px
}
}
.catalog-item {
display: block;
padding: 34px 37px 39px;
border-radius: 25px;
width: 380px;
background: #fff;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
-webkit-transition: -webkit-box-shadow .3s ease;
transition: -webkit-box-shadow .3s ease;
-o-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
transition: box-shadow .3s ease,-webkit-box-shadow .3s ease
}
.catalog-item__content {
position: relative
}
.catalog-item__icons {
position: absolute;
top: 0;
left: 0
}
.catalog-item__img {
display: block;
text-align: center
}
.catalog-item__desc {
position: relative;
padding-top: 70px
}
.catalog-item__labels {
position: absolute;
top: 16px;
left: 0
}
.catalog-item__title {
display: block;
font-size: 20px;
font-family: btfagency2,sans-serif;
color: #262626
}
.catalog-item__text {
color: #999;
margin-top: 10px
}
.catalog-item__header {
display: block;
height: 122px;
padding-bottom: 20px
}
.catalog-item__header-content {
display: block;
height: 100%;
overflow: hidden
}
.catalog-item__price-single {
float: left;
color: #262626
}
.catalog-item__price-multiple {
float: right;
color: #999
}
.catalog-item__price-val {
font-size: 20px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.catalog-item__price-count {
font-size: 17px
}
.catalog-item__controls {
margin-top: 38px
}
.catalog-item__counter {
float: left
}
.catalog-item__cart {
float: right;
width: 40px;
height: 35px;
cursor: pointer;
position: relative
}
.catalog-item__cart-plus {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: no-repeat url(data:image/svg xml;base64,PHN2ZyBjbGFzcz0iY2F0YWxvZy1pdGVtX19jYXJ0LXBsdXMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTkxIDUyNiI DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0icmdiKDE1MywgMTUzLCAxNTMpIg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik01MzcuMTQ0LDE4MC4yNjEgTDEuMzIyLDE4MC4yNjEgQzAuNTkyLDE4MC4yNjEgLTAuMDAwLDE3OS42NjkgLTAuMDAwLDE3OC45MzggTC0wLjAwMCwxMzYuODI2IEMtMC4wMDAsMTM2LjA5NiAwLjU5MiwxMzUuNTA0IDEuMzIyLDEzNS41MDQgTDk2LjI5MSwxMzUuNTA0IEwxODguNTY1LDAuNjUzIEwyMjkuMzYxLDIzLjA3MCBMMTUyLjQyMywxMzUuNTA0IEwzODIuMTQzLDEzNS41MDQgTDMwMy45MjgsMjIuNDc5IEwzNDQuOTQ1LDAuMTgyIEw0MzguNTg3LDEzNS41MDQgTDUzNy4xNDQsMTM1LjUwNCBDNTM3Ljg3NSwxMzUuNTA0IDUzOC40NjcsMTM2LjA5NiA1MzguNDY3LDEzNi44MjYgTDUzOC40NjcsMTc4LjkzOCBDNTM4LjQ2NywxNzkuNjY5IDUzNy44NzUsMTgwLjI2MSA1MzcuMTQ0LDE4MC4yNjEgWk00NTIuODEzLDIwNi40MjQgTDQ4OC4wODgsMjA2LjQyNCBMNDQ4Ljg5NSwzNjAuMzk1IEM0NDguODk1LDM3OS4wNzIgNDMzLjEwMiwzOTQuMTk5IDQxMy42MjMsMzk0LjE5OSBMMTIwLjQwNywzOTQuMTk5IEMxMDAuOTI3LDM5NC4xOTkgODUuMTM0LDM3OS4wNzIgODUuMTM0LDM2MC4zOTUgTDQ5Ljg2MSwyMDYuNDI0IEw4NS4xMzQsMjA2LjQyNCBMNDUyLjgxMywyMDYuNDI0IFoiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTQ0Ni41MzMsMjM2LjUxNSBDNTI2LjMyMCwyMzYuNTE1IDU5MS4wMDAsMzAxLjMxOSA1OTEuMDAwLDM4MS4yNTggQzU5MS4wMDAsNDYxLjE5NyA1MjYuMzIwLDUyNi4wMDAgNDQ2LjUzMyw1MjYuMDAwIEMzNjYuNzQ3LDUyNi4wMDAgMzAyLjA2Nyw0NjEuMTk3IDMwMi4wNjcsMzgxLjI1OCBDMzAyLjA2NywzMDEuMzE5IDM2Ni43NDcsMjM2LjUxNSA0NDYuNTMzLDIzNi41MTUgWiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIGZpbGw9InJnYigxNTMsIDE1MywgMTUzKSINCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPSJNNTExLjI5OSwzOTQuMjAzIEw0NTkuNzAzLDM5NC4yMDMgTDQ1OS43MDMsNDQ1LjgwNyBDNDU5LjcwMyw0NTMuNjcwIDQ1MC45MTMsNDYwLjA0MyA0NDAuMDcyLDQ2MC4wNDMgQzQyOS4yMzAsNDYwLjA0MyA0MjAuNDQyLDQ1My42NzAgNDIwLjQ0Miw0NDUuODA3IEw0MjAuNDQyLDM5NC4yMDMgTDM2OC45OTksMzk0LjIwMyBDMzYxLjE0MCwzOTQuMjAzIDM1NC43NjksMzg1LjM3OCAzNTQuNzY5LDM3NC40OTUgQzM1NC43NjksMzYzLjYwOCAzNjEuMTQwLDM1NC43OTAgMzY4Ljk5OSwzNTQuNzkwIEw0MjAuNDQyLDM1NC43OTAgTDQyMC40NDIsMzAzLjQ1NiBDNDIwLjQ0MiwyOTUuNTk5IDQyOS4yMzAsMjg5LjIyMyA0NDAuMDcyLDI4OS4yMjMgQzQ1MC45MTMsMjg5LjIyMyA0NTkuNzAzLDI5NS41OTkgNDU5LjcwMywzMDMuNDU2IEw0NTkuNzAzLDM1NC43OTAgTDUxMS4yOTksMzU0Ljc5MCBDNTE5LjE1OCwzNTQuNzkwIDUyNS41MjksMzYzLjYwOCA1MjUuNTI5LDM3NC40OTUgQzUyNS41MjksMzg1LjM3OCA1MTkuMTU4LDM5NC4yMDMgNTExLjI5OSwzOTQuMjAzIFoiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==);
display: block
}
.catalog-item__cart-checked {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: no-repeat url(data:image/svg xml;base64,PHN2ZyBjbGFzcz0iY2F0YWxvZy1pdGVtX19jYXJ0LWNoZWNrZWQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjExOTUgMTg4NzMiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IndoaXRlIiBkPSJNMTUyNjkgMTYzMTljMCwwIC0yOCwtMjcgLTgwLC03NmwtMTUxMiAtMTUzNWMtNTksLTYxIC0xMTksLTEwMSAtMTc3LC0xNjJsLTk5OSAtMTAzMmMyMSwtMzIgODE5LC04NDkgODk5LC04OTJsMTg4NyAxOTA3YzE0NjUsLTEyNDUgMjU5NiwtMjY0MSAzMzk2LC0zNDE5IDEzMiwxMzIgMzYxLDM2MCA0MzgsNDM5IDgxLDgzIDM3MSw0MDkgNDQxLDQ4MyAtMTc0LDE2NSAtMzk4LDM4MCAtNTI2LDUxMmwtMTA1MSAxMDYyYy0zMzksMzQ5IC04MjksODc4IC0xMTcyLDExODcgLTQ3Nyw0MzAgLTgwMSw4MjUgLTE1NDQsMTUyNnptOTg4IDI1NTRsLTU1NCAwYy0zODgsLTIxIC03NzYsLTg4IC0xMTU0LC0yMDUgLTUxNiwtMTYwIC03OTYsLTI5MCAtMTI2MywtNTY3IC0zNzksLTIyNiAtNzAzLC01MTAgLTEwMTQsLTgxOGwtNDE0IC00OTFjLTQyOSwtNTc4IC03MDEsLTExNjAgLTg4MSwtMTg3NCAtNTIsLTIwNyAtMTI1LC01NDUgLTEyNSwtNzgyIC05NSwtMTM1MyAyNTAsLTI1MDMgOTg1LC0zNTI2bDczMCAtNzk4YzQxLC0zMyA1OCwtNTYgOTksLTkwIDE0MjgsLTEyMDcgMjc3NywtMTM0NCA0NTI4LC0xMDk2IDEwNiw3IDI2NSw2OSAzNzAsMTAwIDUxNCwxNTIgMTEwOSw0NjEgMTUyOCw3NzUgOTUsNzIgMTYzLDEzMiAyNTEsMjAzIDM3NSwzMDIgNDA5LDM4NCA2ODYsNjkxIDIyNiwyNTEgNTc0LDgyMiA3MDIsMTEyOCA0NywxMTMgOTAsMjAwIDEzNSwzMTkgNDQsMTE1IDc1LDIyMCAxMTQsMzM4IDc1LDIyNyAxMjgsNDk4IDE2Niw3NTkgNDMsMjkyIDQ5LDUyNSA0OSw4NTcgMCwxMTMxIC0zODgsMjA2MyAtOTc4LDI5MzBsLTE5NyAyNTVjLTQzLDQ5IC02MCw3NyAtMTA0LDEyMyAtMzUwLDM2OCAtMjkxLDMyOCAtNzA3LDY3MCAtMjIyLDE4MyAtNTg1LDQxNCAtODM5LDU0MCAtNjUwLDMyMiAtMTM3NSw1MTkgLTIxMTMsNTU5eiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMxRjMwODEiIGQ9Ik0xMDg1MiAxNDEzNmMtMTE2LC0xNjYxIDUzMSwtMzMzMiAxODE0LC00NDE0IDQwLC0zNCA1NywtNDQgMTA0LC04NSAxMzI1LC05OTUgMjE4NywtMTE1MSAzNzY3LC0xMDg2IDI0MSwyNCA0MzUsNDMgNjU3LDc1IDMzLC0xNDcgMjk5LC0xMTEyIDMwMiwtMTIyOGwtMTU3MDMgMGMwLDEyMSAxMDEyLDQ0ODQgMTA5MSw0ODE3IDMyLDEzOCA1OCwyNTYgOTEsNDAwIDEzNSw1OTggODUsOTY0IDY1MiwxMzI5IDM5NSwyNTQgNzc5LDE5MiAxMjgwLDE5Mmw1OTQ1IDB6Ii8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iIzFGMzA4MSIgZD0iTTEwODkwIDc5M2M1NSw4MSAxMDcsMTY3IDE2NywyNDhsNTI2IDc1N2MxNjgsMjI1IDM0Nyw1MTkgNTIzLDc2MSA2Niw5MCAxMTQsMTcwIDE3OCwyNTYgMzkwLDUyNSA4NDgsMTI2NCAxMjI2LDE3NzQgNjQsODYgMTIzLDE2NyAxNzMsMjYxbC04MjEwIDAgMzQ1IC01MDRjNjQsLTg0IDExMSwtMTU5IDE2OSwtMjQ3IDYxLC05MyAxMTQsLTE2MSAxNzcsLTI1NmwxMjA0IC0xNzU5YzYyLC05NCAxMTAsLTE3MCAxNzYsLTI1OSA2MiwtODIgMTA5LC0xNTkgMTY4LC0yNDdsMzQ3IC01MDJjNTYsLTc5IDEyNCwtMTc4IDE3MCwtMjY0IC0xMjQsLTM0IC0xMzY0LC03NjggLTE0NzIsLTc5MyAtMzMsNDkgLTY0LDg2IC0xMDIsMTQzbC0xODYxIDI3MjZjLTM3LDU2IC03MSw5NyAtMTEwLDE1NGwtMTE5NCAxNzUwYy0yOCwzNiAtMjAsNTggLTc0LDU4bC0zNDE2IDAgMCAxNTY3YzAsNDMgMTMsNTcgNTcsNTdsMTkxOTQgMGM0MywwIDU3LC0xNCA1NywtNTdsMCAtMTU2NyAtMzU0OSAwYy02MiwwIC0zOTgsLTUzMSAtNDM0LC01ODVsLTE1NzQgLTIyNzZjLTQxLC02MiAtNzAsLTk1IC0xMDksLTE1NGwtMTA1MCAtMTUxOGMtMzksLTU3IC02NCwtMTAxIC0xMDYsLTE1OCAtNDYsLTY0IC02OCwtOTAgLTEwNSwtMTU5IC04MSwxOSAtNjQxLDMzOCAtNzQzLDM5MCAtMTI2LDY0IC0yMzcsMTM4IC0zNjQsMjAybC0zODQgMjAxeiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMxRjMwODEiIGQ9Ik0xNTM2MyAxNjI1OWMzMDcsLTI0MiAxMTI3LC0xMTc1IDE0NTAsLTE0NjYgMzQzLC0zMDkgODMzLC04MzggMTE3MiwtMTE4N2wxMDUxIC0xMDYyYzEyOCwtMTMyIDM5MywtMzg3IDUyNiwtNTEyIC03MiwtNzIgLTM2MCwtNDAwIC00NDEsLTQ4M2wtNDM4IC00MzljLTExNDcsMTA4MCAtMjI4NCwyMjg2IC0zMzk2LDM0MTlsLTE4ODcgLTE5MDdjLTgwLDQzIC04NzgsODYwIC04OTksODkybDk5OSAxMDMyYzU4LDYxIDExOCwxMDEgMTc3LDE2MiAxMzksMTQxIDE2MDksMTYyNCAxNjEyLDE2MjJsNzQgLTcxeiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc);
display: none
}
.catalog-item__chars {
margin-bottom: 21px
}
.catalog-item__char {
margin-bottom: 8px
}
.catalog-item__char:last-child {
margin-bottom: 0
}
.catalog-item__char-name {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #999
}
.catalog-item__char-val {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #000
}
.catalog-item:hover {
-webkit-box-shadow: 6px 6px 10px 0 rgba(0,0,0,.1);
box-shadow: 6px 6px 10px 0 rgba(0,0,0,.1)
}
.catalog-item_in-cart .catalog-item__cart-checked {
display: block
}
.catalog-item_in-cart .catalog-item__cart-plus {
display: none
}
.catalog-item_with-chars .catalog-item__header {
height: 97px
}
@media screen and (max-width: 1919px) and (min-width:769px) {
.catalog-item {
padding:18px;
border-radius: 15px;
width: 100%;
height: 100%
}
.catalog-item__header {
height: 114px;
padding-bottom: 8px
}
.catalog-item__price-val {
font-size: 17px
}
.catalog-item__price-multiple {
float: left;
width: 100%;
margin-top: 10px
}
.catalog-item__controls {
margin-top: 32px
}
.catalog-item__title {
font-size: 17px
}
.catalog-item__text {
margin-top: 6px
}
.catalog-item__desc {
padding-top: 64px
}
.catalog-item__cart {
width: 33px;
height: 25px
}
.catalog-item .img-responsive {
max-width: 150px
}
}
@media screen and (max-width: 768px) {
.catalog-item {
padding:20px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%
}
.catalog-item__img {
min-width: 66px;
width: 66px;
margin-right: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.catalog-item__counter,.catalog-item__icons,.catalog-item__labels,.catalog-item__text {
display: none
}
.catalog-item__controls {
position: absolute;
right: 0;
margin-top: 0;
bottom: 0
}
.catalog-item__desc {
padding-top: 0;
width: 100%
}
.catalog-item__title {
font-size: 14px;
padding-right: 20px
}
.catalog-item__header {
height: auto;
padding-bottom: 10px
}
.catalog-item__price-single {
float: none
}
.catalog-item__price-multiple {
float: none;
margin-top: 3px
}
.catalog-item__price-val {
font-size: 14px
}
.catalog-item__price-count {
font-size: 14px
}
.catalog-item__cart {
width: 39px;
height: 39px;
padding: 10px 5px 8px 7px;
background: #bfa77b;
border-radius: 50%
}
.catalog-item__cart-plus {
display: none
}
.catalog-item__cart-checked {
display: none
}
.catalog-item__cart-plus-mobile {
position: absolute;
top: 10px;
left: 8px;
right: 5px;
bottom: 5px;
background: no-repeat url(data:image/svg xml;base64,PHN2ZyBjbGFzcz0iY2F0YWxvZy1pdGVtX19jYXJ0LXBsdXMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTkxIDUyNiI DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0iI2ZmZiINCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPSJNNTM3LjE0NCwxODAuMjYxIEwxLjMyMiwxODAuMjYxIEMwLjU5MiwxODAuMjYxIC0wLjAwMCwxNzkuNjY5IC0wLjAwMCwxNzguOTM4IEwtMC4wMDAsMTM2LjgyNiBDLTAuMDAwLDEzNi4wOTYgMC41OTIsMTM1LjUwNCAxLjMyMiwxMzUuNTA0IEw5Ni4yOTEsMTM1LjUwNCBMMTg4LjU2NSwwLjY1MyBMMjI5LjM2MSwyMy4wNzAgTDE1Mi40MjMsMTM1LjUwNCBMMzgyLjE0MywxMzUuNTA0IEwzMDMuOTI4LDIyLjQ3OSBMMzQ0Ljk0NSwwLjE4MiBMNDM4LjU4NywxMzUuNTA0IEw1MzcuMTQ0LDEzNS41MDQgQzUzNy44NzUsMTM1LjUwNCA1MzguNDY3LDEzNi4wOTYgNTM4LjQ2NywxMzYuODI2IEw1MzguNDY3LDE3OC45MzggQzUzOC40NjcsMTc5LjY2OSA1MzcuODc1LDE4MC4yNjEgNTM3LjE0NCwxODAuMjYxIFpNNDUyLjgxMywyMDYuNDI0IEw0ODguMDg4LDIwNi40MjQgTDQ0OC44OTUsMzYwLjM5NSBDNDQ4Ljg5NSwzNzkuMDcyIDQzMy4xMDIsMzk0LjE5OSA0MTMuNjIzLDM5NC4xOTkgTDEyMC40MDcsMzk0LjE5OSBDMTAwLjkyNywzOTQuMTk5IDg1LjEzNCwzNzkuMDcyIDg1LjEzNCwzNjAuMzk1IEw0OS44NjEsMjA2LjQyNCBMODUuMTM0LDIwNi40MjQgTDQ1Mi44MTMsMjA2LjQyNCBaIi8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0iIzIxMmU3ZCINCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPSJNNDQ2LjUzMywyMzYuNTE1IEM1MjYuMzIwLDIzNi41MTUgNTkxLjAwMCwzMDEuMzE5IDU5MS4wMDAsMzgxLjI1OCBDNTkxLjAwMCw0NjEuMTk3IDUyNi4zMjAsNTI2LjAwMCA0NDYuNTMzLDUyNi4wMDAgQzM2Ni43NDcsNTI2LjAwMCAzMDIuMDY3LDQ2MS4xOTcgMzAyLjA2NywzODEuMjU4IEMzMDIuMDY3LDMwMS4zMTkgMzY2Ljc0NywyMzYuNTE1IDQ0Ni41MzMsMjM2LjUxNSBaIi8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0iI2ZmZiINCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPSJNNTExLjI5OSwzOTQuMjAzIEw0NTkuNzAzLDM5NC4yMDMgTDQ1OS43MDMsNDQ1LjgwNyBDNDU5LjcwMyw0NTMuNjcwIDQ1MC45MTMsNDYwLjA0MyA0NDAuMDcyLDQ2MC4wNDMgQzQyOS4yMzAsNDYwLjA0MyA0MjAuNDQyLDQ1My42NzAgNDIwLjQ0Miw0NDUuODA3IEw0MjAuNDQyLDM5NC4yMDMgTDM2OC45OTksMzk0LjIwMyBDMzYxLjE0MCwzOTQuMjAzIDM1NC43NjksMzg1LjM3OCAzNTQuNzY5LDM3NC40OTUgQzM1NC43NjksMzYzLjYwOCAzNjEuMTQwLDM1NC43OTAgMzY4Ljk5OSwzNTQuNzkwIEw0MjAuNDQyLDM1NC43OTAgTDQyMC40NDIsMzAzLjQ1NiBDNDIwLjQ0MiwyOTUuNTk5IDQyOS4yMzAsMjg5LjIyMyA0NDAuMDcyLDI4OS4yMjMgQzQ1MC45MTMsMjg5LjIyMyA0NTkuNzAzLDI5NS41OTkgNDU5LjcwMywzMDMuNDU2IEw0NTkuNzAzLDM1NC43OTAgTDUxMS4yOTksMzU0Ljc5MCBDNTE5LjE1OCwzNTQuNzkwIDUyNS41MjksMzYzLjYwOCA1MjUuNTI5LDM3NC40OTUgQzUyNS41MjksMzg1LjM3OCA1MTkuMTU4LDM5NC4yMDMgNTExLjI5OSwzOTQuMjAzIFoiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==);
display: block
}
.catalog-item__cart-checked-mobile {
position: absolute;
top: 10px;
left: 8px;
right: 5px;
bottom: 5px;
background: no-repeat url(data:image/svg xml;base64,PHN2ZyBjbGFzcz0iY2F0YWxvZy1pdGVtX19jYXJ0LWNoZWNrZWQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjExOTUgMTg4NzMiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMyMTJlN2QiIGQ9Ik0xNTI2OSAxNjMxOWMwLDAgLTI4LC0yNyAtODAsLTc2bC0xNTEyIC0xNTM1Yy01OSwtNjEgLTExOSwtMTAxIC0xNzcsLTE2MmwtOTk5IC0xMDMyYzIxLC0zMiA4MTksLTg0OSA4OTksLTg5MmwxODg3IDE5MDdjMTQ2NSwtMTI0NSAyNTk2LC0yNjQxIDMzOTYsLTM0MTkgMTMyLDEzMiAzNjEsMzYwIDQzOCw0MzkgODEsODMgMzcxLDQwOSA0NDEsNDgzIC0xNzQsMTY1IC0zOTgsMzgwIC01MjYsNTEybC0xMDUxIDEwNjJjLTMzOSwzNDkgLTgyOSw4NzggLTExNzIsMTE4NyAtNDc3LDQzMCAtODAxLDgyNSAtMTU0NCwxNTI2em05ODggMjU1NGwtNTU0IDBjLTM4OCwtMjEgLTc3NiwtODggLTExNTQsLTIwNSAtNTE2LC0xNjAgLTc5NiwtMjkwIC0xMjYzLC01NjcgLTM3OSwtMjI2IC03MDMsLTUxMCAtMTAxNCwtODE4bC00MTQgLTQ5MWMtNDI5LC01NzggLTcwMSwtMTE2MCAtODgxLC0xODc0IC01MiwtMjA3IC0xMjUsLTU0NSAtMTI1LC03ODIgLTk1LC0xMzUzIDI1MCwtMjUwMyA5ODUsLTM1MjZsNzMwIC03OThjNDEsLTMzIDU4LC01NiA5OSwtOTAgMTQyOCwtMTIwNyAyNzc3LC0xMzQ0IDQ1MjgsLTEwOTYgMTA2LDcgMjY1LDY5IDM3MCwxMDAgNTE0LDE1MiAxMTA5LDQ2MSAxNTI4LDc3NSA5NSw3MiAxNjMsMTMyIDI1MSwyMDMgMzc1LDMwMiA0MDksMzg0IDY4Niw2OTEgMjI2LDI1MSA1NzQsODIyIDcwMiwxMTI4IDQ3LDExMyA5MCwyMDAgMTM1LDMxOSA0NCwxMTUgNzUsMjIwIDExNCwzMzggNzUsMjI3IDEyOCw0OTggMTY2LDc1OSA0MywyOTIgNDksNTI1IDQ5LDg1NyAwLDExMzEgLTM4OCwyMDYzIC05NzgsMjkzMGwtMTk3IDI1NWMtNDMsNDkgLTYwLDc3IC0xMDQsMTIzIC0zNTAsMzY4IC0yOTEsMzI4IC03MDcsNjcwIC0yMjIsMTgzIC01ODUsNDE0IC04MzksNTQwIC02NTAsMzIyIC0xMzc1LDUxOSAtMjExMyw1NTl6Ii8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwODUyIDE0MTM2Yy0xMTYsLTE2NjEgNTMxLC0zMzMyIDE4MTQsLTQ0MTQgNDAsLTM0IDU3LC00NCAxMDQsLTg1IDEzMjUsLTk5NSAyMTg3LC0xMTUxIDM3NjcsLTEwODYgMjQxLDI0IDQzNSw0MyA2NTcsNzUgMzMsLTE0NyAyOTksLTExMTIgMzAyLC0xMjI4bC0xNTcwMyAwYzAsMTIxIDEwMTIsNDQ4NCAxMDkxLDQ4MTcgMzIsMTM4IDU4LDI1NiA5MSw0MDAgMTM1LDU5OCA4NSw5NjQgNjUyLDEzMjkgMzk1LDI1NCA3NzksMTkyIDEyODAsMTkybDU5NDUgMHoiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA4OTAgNzkzYzU1LDgxIDEwNywxNjcgMTY3LDI0OGw1MjYgNzU3YzE2OCwyMjUgMzQ3LDUxOSA1MjMsNzYxIDY2LDkwIDExNCwxNzAgMTc4LDI1NiAzOTAsNTI1IDg0OCwxMjY0IDEyMjYsMTc3NCA2NCw4NiAxMjMsMTY3IDE3MywyNjFsLTgyMTAgMCAzNDUgLTUwNGM2NCwtODQgMTExLC0xNTkgMTY5LC0yNDcgNjEsLTkzIDExNCwtMTYxIDE3NywtMjU2bDEyMDQgLTE3NTljNjIsLTk0IDExMCwtMTcwIDE3NiwtMjU5IDYyLC04MiAxMDksLTE1OSAxNjgsLTI0N2wzNDcgLTUwMmM1NiwtNzkgMTI0LC0xNzggMTcwLC0yNjQgLTEyNCwtMzQgLTEzNjQsLTc2OCAtMTQ3MiwtNzkzIC0zMyw0OSAtNjQsODYgLTEwMiwxNDNsLTE4NjEgMjcyNmMtMzcsNTYgLTcxLDk3IC0xMTAsMTU0bC0xMTk0IDE3NTBjLTI4LDM2IC0yMCw1OCAtNzQsNThsLTM0MTYgMCAwIDE1NjdjMCw0MyAxMyw1NyA1Nyw1N2wxOTE5NCAwYzQzLDAgNTcsLTE0IDU3LC01N2wwIC0xNTY3IC0zNTQ5IDBjLTYyLDAgLTM5OCwtNTMxIC00MzQsLTU4NWwtMTU3NCAtMjI3NmMtNDEsLTYyIC03MCwtOTUgLTEwOSwtMTU0bC0xMDUwIC0xNTE4Yy0zOSwtNTcgLTY0LC0xMDEgLTEwNiwtMTU4IC00NiwtNjQgLTY4LC05MCAtMTA1LC0xNTkgLTgxLDE5IC02NDEsMzM4IC03NDMsMzkwIC0xMjYsNjQgLTIzNywxMzggLTM2NCwyMDJsLTM4NCAyMDF6Ii8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1MzYzIDE2MjU5YzMwNywtMjQyIDExMjcsLTExNzUgMTQ1MCwtMTQ2NiAzNDMsLTMwOSA4MzMsLTgzOCAxMTcyLC0xMTg3bDEwNTEgLTEwNjJjMTI4LC0xMzIgMzkzLC0zODcgNTI2LC01MTIgLTcyLC03MiAtMzYwLC00MDAgLTQ0MSwtNDgzbC00MzggLTQzOWMtMTE0NywxMDgwIC0yMjg0LDIyODYgLTMzOTYsMzQxOWwtMTg4NyAtMTkwN2MtODAsNDMgLTg3OCw4NjAgLTg5OSw4OTJsOTk5IDEwMzJjNTgsNjEgMTE4LDEwMSAxNzcsMTYyIDEzOSwxNDEgMTYwOSwxNjI0IDE2MTIsMTYyMmw3NCAtNzF6Ii8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=);
display: none
}
.catalog-item__chars {
display: none
}
.catalog-item__header-content {
min-height: 50px
}
.catalog-item_with-chars .catalog-item__header {
height: auto
}
.catalog-item:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.catalog-item form {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.catalog-item_in-cart .catalog-item__cart-checked {
display: none
}
.catalog-item_in-cart .catalog-item__cart-plus {
display: none
}
.catalog-item_in-cart .catalog-item__cart-checked-mobile {
display: block
}
.catalog-item_in-cart .catalog-item__cart-plus-mobile {
display: none
}
}
.catalog-icon {
width: 37px;
height: 41px;
display: inline-block;
margin-right: 10px;
background: no-repeat url(data:image/svg xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE4NzY2IDE4NzY2Ij4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjMjE5NkYzIiBkPSJNNzQxOSAxMDczMGwwIC0yNjk0YzAsLTQxIDQxOSwtMjkxIDQ3OSwtMzI3IDg4LC01NCAxNjIsLTEwMyAyNDcsLTE1N2wzNjkgLTIzN2M0NywtMjggODEsLTQ3IDEyNSwtNzdsMjQ2IC0xNTdjNDYsLTMzIDc3LC01MSAxMjQsLTc4bDM4MCAtMjM3YzMsMSA2LDEgNyw1IDIsMyA2LDMgOCw0bDg1MCA1NDBjMjgsMTcgMjksMjIgNTQsMzlsNTYwIDM1NWM0NSwyNyA3Nyw1MiAxMjEsODAgNDksMzEgMzU5LDIwOCAzNTksMjQ3bDAgMjY5NGMwLDQxIC00MjAsMjkxIC00ODAsMzI4bC0xNDkxIDk0MmMtNDAsLTI3IC03OCwtNTMgLTEyMSwtODBsLTYxNyAtMzkyYy00NCwtMzAgLTc4LC00OSAtMTI1LC03N2wtMzY5IC0yMzZjLTg1LC01NSAtMTU5LC0xMDQgLTI0NywtMTU3bC0zNjkgLTIzN2MtMjksLTE3IC0xMTAsLTU2IC0xMTAsLTkxem05NzMgLTkyNThjLTUyLC0zNSAtMTA0LC05OCAtMTUxLC0xNDYgLTI3LC0yNiAtNTAsLTUyIC03OCwtNzYgLTExMCwtOTIgLTIxMywtMjAzIC0zMjAsLTI5OCAtMTU2LC0xMzcgLTMxNiwtMzEwIC00NjksLTQ1N2wtMjQwIC0yMjJjLTMzLDIyIC01Miw0NyAtOTAsNzYgLTk1LDc0IC0xNzEsMTcxIC0yNjMsMjQ4IC04Nyw3MyAtMTY1LDE3MyAtMjU0LDI0NCAtMzIsMjYgLTYwLDU3IC05MSw4OGwtNDI3IDQxNWMtODQsNzQgLTIwMywxNjcgLTI2NCwyNTggNjEsOTIgMjM2LDIzMCAzMjMsMzE4IDExMywxMTIgMjIwLDIwOCAzMzMsMzIwbDU4MSA1NTljMzQsMzMgNTYsNDMgOTAsNzYgNTYsNTYgMTAzLDEwNSAxNTksMTYxbDE2NyAxNTRjMjgsMjkgNDgsNDggNzcsNzcgMzYsMzYgNTMsNDYgODksNzdsMzMyIDMyMWM1Myw1MyAxMTEsMTE5IDE2NywxNjUgMzYsMzEgNDksMzggODMsNzJsMTY2IDE2N2MyNywyNSA4MCw0NyA4MCw4NWwwIDk1MGMwLDQ5IC04OSw3OSAtMTIzLDEwMmwtMjc3IDE3NWMtMjgyLDE2NyAtNTQ0LDM2MCAtODI2LDUyNiAtMjU2LDE1MSAtNzA3LDQ0NSAtOTcwLDYyMSAtNDksLTExIC04MSwtMzggLTEyNiwtNjNsLTczNSAtNDA1Yy0yMTQsLTEyNiAtMTg5LC01MSAtMjYyLC0zMDcgLTMwLC0xMDMgLTUzLC0xOTQgLTgzLC0yOThsLTc5MiAtMjgyOGMtNjAsLTIwNyAxNywtMTY3IC01MjMsLTMyIC0xNTgsMzkgLTEzMjcsMzUzIC0xNDIwLDM2MSAwLDEzNSAzODgsMTM4MCA0NTEsMTY0OSAtMjgsLTcgLTEzNSwtNjYgLTE2NSwtODNsLTEwOTMgLTYwNWMtMzMsLTE4IC00MywtMzQgLTk1LC0zNiAtMTEsNTAgLTg3LDE1NSAtMTE2LDIwNCAtMTAyLDE2OSAtMjEwLDMzMSAtMzAzLDUwNSAtMTcwLDMxMyAtMzg3LDYwMiAtNTU0LDkxOGwzMjggMTgyYzY3LDMyIDEwOCw1NyAxNjgsOTNsNDk3IDI3NGM4Miw0NiAyODQsMTM1IDMzNiwxODdsLTQyIDE2Yy0yNjIsNzggLTU0MSwxMzggLTgwNSwyMDRsLTY0MSAxNjdjLTcyLDE3IC0xNTAsNDYgLTIyMSw1MiAyLDY3IDM0NSwxMjY2IDM3NiwxMzY5IDQzLDE0NiA2OSwzMjIgMTM0LDQ1OSAzMiwtMTUgMTY5LC00MiAyMTksLTU1bDExMzIgLTI5MmM3NCwtMTkgMTQ2LC0zOSAyMjYsLTU5bDY4NCAtMTcxYzExNiwtMzAgMTI5MywtMzQ5IDEzNjAsLTM0OSA3MiwwIDExOTIsNjgzIDEzMTcsNzEybDAgMjE3MmMtMzksOSAtNDksMTkgLTgxLDM4bC0yNDMgMTM2Yy01OSwzMiAtMTA4LDU4IC0xNjIsODcgLTE2OSw5MSAtNzc4LDQ1MSAtODMxLDQ1MWwtMzE3NyAtODEyYy0xMzUsLTMzIC0zMjEsLTEwMiAtNDU1LC0xMTQgLTExLDEyNiAtMzcxLDEzMTEgLTQ0MiwxNTg5IC0xOSw3MyAtNTUsMTYwIC01NywyMzkgODAsMiA3MTgsMTgyIDg1MiwyMTcgMTM4LDM1IDI4NSw2OCA0MjcsMTA2IDExMSwzMSAzMjMsMTAyIDQzMCwxMDVsMCAyM2MtNjYsMTYgLTI1OCwxMzEgLTMzNiwxNzUgLTU2LDMxIC0xMDEsNjIgLTE1OCw5MSAtNjMsMzIgLTExMiw1OCAtMTcwLDkxIC01MiwzMCAtMTA2LDU1IC0xNjIsODggLTEyNiw3NCAtNDExLDIxOCAtNTAzLDI4MCAzNSw2NyA4MCwxMzUgMTE5LDIwMSAxMDAsMTY1IDgzOSwxMzU4IDg1NCwxNDI1IDY4LC02IDU4MSwtMzAyIDY3NiwtMzU3IDkzLC01NCA2MTYsLTM1MSA2NzcsLTM2NyAtMjgsNTkgLTIwNiw3MzIgLTIyOSw4MTUgLTQxLDEzOSAtNzMsMjc3IC0xMTMsNDA5IC0yMSw2NyAtNDIsMTM2IC01OSwyMDIgLTE2LDY0IC01MCwxNjAgLTUwLDIyNCAxMTQsMiAzNTUsODkgNDc1LDExOGw0NzIgMTIxYzE0MCwzNSA4NzMsMjM0IDk1MiwyMzUgMjAsLTQxIDUzLC0xNzMgNjcsLTIzMGwxOTkgLTcxNWMxNTEsLTQ2MiAyNTQsLTk1NSAzOTgsLTE0MTggMjQsLTc3IDQ0LC0xNDggNjcsLTIyOSA4MCwtMjgxIDE0MSwtNTU1IDIzMywtODM2IDI1LC03OCAyMDgsLTE0NCAyNzgsLTE4NWwzOTEgLTIxNGM2OSwtNDEgMTIwLC02NyAxOTEsLTEwNSAyNzIsLTE0NiAxNjcsLTEzNyAzODQsLTggNjMsMzggMTE4LDgyIDE4NiwxMjJsNTUyIDM1MGMzMDUsMjA0IDYyMSwzODkgOTI5LDU5MSAzNiwyNCA1OSwzNiA5NSw1OSA0NiwzMCAyNjgsMTUyIDI2OCwxOTVsMCA5NTBjMCw3MyAyLDcgLTExLDI2IC0yLDQgLTEyLDE2IC0xNiwxOWwtMTMwIDExOGMtNTksNTggLTEwMSwxMDQgLTE2NSwxNTVsLTMzNCAzMjBjLTU2LDU2IC0xMDMsMTA1IC0xNjAsMTYwbC0zMzkgMzE0Yy01OSw1NyAtMTA3LDEwOSAtMTY1LDE2N2wtMTY3IDE1NGMtMjgsMjkgLTQ4LDQ4IC03Nyw3NyAtMzUsMzYgLTUzLDQ2IC04OSw3N2wtMzMyIDMyMWMtMTEzLDExMiAtMjIwLDIwOCAtMzMzLDMyMCAtMTAzLDEwNCAtMjQ4LDIwMiAtMzI5LDMyNCA4MiwxMjIgMjM1LDIyOCAzNDEsMzM1bDY4OCA2NjVjMzQsMzMgNTUsNDIgOTAsNzcgODUsODYgMTY4LDE4NCAyNzAsMjUybDExMDEgLTEwNDdjNDcsLTQ4IDEwNSwtMTE3IDE1NywtMTUybDAgMTQ3MiAxOTgyIDAgMCAtMTQ3MmM1MiwzNSAxMDQsOTggMTUyLDE0NmwxNjAgMTQ4YzIwNSwyMDggNDIyLDM5OSA2MjksNjA1IDI4LDI5IDQ4LDUwIDc3LDc4IDMyLDMxIDUxLDM4IDgzLDcxIDUwLDQ5IDEwMywxMTUgMTU3LDE1MSA5NiwtNjQgMjU2LC0yNTIgMzQ4LC0zMjlsNzc3IC03NDJjMzUsLTM0IDU5LC00NiA5NSwtODMgNDksLTUwIDEzNCwtMTIzIDE2OSwtMTc1IC02MSwtOTIgLTIzNiwtMjMwIC0zMjMsLTMxOCAtMTEzLC0xMTIgLTIyMCwtMjA4IC0zMzMsLTMyMCAtMjcsLTI4IC00OSwtNTIgLTc3LC03NyAtMzYsLTMyIC01MywtNDIgLTg5LC03OGwtNzQ4IC03MTJjLTE1NywtMTM5IC0yOTcsLTI5NCAtNDUwLC00MzlsLTQ1IC0zN2MtMzQsLTI3IC01NSwtNTAgLTg2LC04MiAtNTMsLTUzIC0xMTEsLTExOSAtMTY3LC0xNjVsLTE2NiAtMTU1Yy0yOSwtMjkgLTE2MywtMTQzIC0xNjMsLTE2OWwwIC05NTBjMCwtNDAgNDQsLTUxIDc0LC02OWwyODIgLTE4MGMzMCwtMjAgNTUsLTMzIDg4LC01NWw4MzMgLTUzMWM2OCwtNDYgMTE5LC03NiAxOTAsLTExOSAxMzcsLTg0IDY5NCwtNDY1IDc0MywtNDY1IDMwLDAgNTM3LDI5MiA1ODcsMzE5bDM5MiAyMTRjMTAwLDUyIDg1LDc1IDExOCwxOTFsNzk1IDI4MzdjMjUsODcgNDUsMTU0IDY3LDI0MiAxMiw1MSA0OCwxOTYgNjksMjM5IDcwLC0xIDE3NywtNDEgMjM5LC01N2w3MTMgLTE3OGM4MSwtMjAgMTU1LC00MCAyMzMsLTYzbDQ3NCAtMTIwYzU2LC0xNSAxNzQsLTU1IDI0MCwtNTYgMCwtNTcgLTQzNiwtMTYxOSAtNDUxLC0xNjUwIDMyLDcgMTMwLDY0IDE2Niw4MyAyMjcsMTE3IDQ0MywyNTcgNjczLDM3MiAxMDYsNTMgNDIyLDI2MSA1MTQsMjY5IDEyLC01MSA1MzMsLTkwMCA2MDMsLTEwMTIgNDUsLTcwIDc5LC0xMzUgMTI2LC0yMDYgNDUsLTY5IDIyNywtMzU1IDIzMiwtNDIwbC05MTMgLTQ5OWMtMTI5LC03NSAtMjY4LC0xNDEgLTM5NSwtMjIyIC0yMiwtMTQgLTksLTUgLTIxLC0xNSAxMTksLTMgMzE1LC02OSA0MzIsLTEwMyAxNDAsLTQxIDI5MSwtNzIgNDI1LC0xMDggNzQsLTIxIDgwMiwtMjE1IDg2NCwtMjE3IC0xLC00NyAtMTMsLTc4IC0yNSwtMTE3IC0xMCwtMzQgLTE5LC03MSAtMjksLTExMyAtMjIsLTg1IC00NCwtMTQ4IC02NywtMjI4bC0xMjggLTQ1NWMtMzEsLTExMCAtMjQyLC04MjEgLTI0OSwtOTE1IC02Myw2IC0xNjMsMzggLTIzMSw1NSAtODMsMjEgLTE0MSwzOSAtMjI1LDU5IC0xNTgsNDAgLTI5OSw3OCAtNDUzLDExN2wtMjA0MiA1MjJjLTg0LDIxIC0xNDMsNDEgLTIyNiw1OSAtODksMjEgLTM5NSwxMTQgLTQ1NiwxMTQgLTI3LDAgLTU5MywtMzE2IC02NTUsLTM1MyAtNzksLTQ5IC02MTEsLTM0NyAtNjYyLC0zNTlsMCAtMjE3MmMyODQsLTE1MCA2ODcsLTM2MyA5NjYsLTUyOWwyODQgLTE1NmM5NywtNTQgODgsLTIyIDI3NiwyNWwyOTUxIDc1M2MxMDEsMjQgMzkwLDg2IDQ2MSwxMjEgNDgsLTEwMSA1MTAsLTE4MDIgNTEwLC0xODI4IC01NywtNSAtMTUyLC0zNSAtMjA5LC01MiAtMzU1LC0xMDQgLTcxMCwtMTY4IC0xMDY5LC0yNzMgLTcwLC0yMSAtMTQwLC0zOCAtMjA1LC01NSAtMzUsLTkgLTcyLC0xNSAtMTA4LC0yNCAtMzksLTEwIC03MSwtMjMgLTExOCwtMjRsMCAtMjNjNzgsLTE5IDk4MywtNTM0IDExNTksLTYzMyA2MCwtMzQgMTE0LC02MSAxNzAsLTkxIC0xMTAsLTIwOCAtMjM5LC0zOTkgLTM2MCwtNjAybC0xMjQgLTIwOGMtNDMsLTY4IC04MSwtMTMwIC0xMjIsLTE5OSAtNzIsLTEyMSAtMzQ3LC01NDIgLTM2NywtNjE4IC02OSwyIC0xMTcsNDMgLTE3Myw3N2wtMzM1IDE4N2MtMzEsMTggLTU2LDI5IC04Niw0NWwtNzU5IDQxNWM1NSwtMjM2IDI2NywtOTY1IDM0MywtMTIyNCAzNCwtMTE3IDEwOCwtMzEyIDEwOCwtNDI1IC01NywtNSAtMTg2LC00MyAtMjM5LC01OCAtMzkxLC0xMTYgLTc4NSwtMTkxIC0xMTgwLC0zMDQgLTgyLC0yMyAtMTU0LC0zNyAtMjM4LC01OSAtNzksLTE5IC0xNzAsLTMxIC0yNDIsLTY2bC0zOTYgMTQyMGMtMTEyLDM0MyAtMjI1LDgwNSAtMzMzLDExNzUgLTI0LDg1IC00MCwxNjYgLTY1LDI0M2wtMTY3IDU5M2MtMTgsNjMgLTIyLDUwIC03NSw3OSAtNjgsMzYgLTEzNiw3MyAtMTk5LDExMGwtNzc5IDQzMWMtNDQsMTQgLTIzNCwtMTI1IC0yODAsLTE1NWwtMzc3IC0yNDBjLTM2NiwtMjQzIC03NDMsLTQ2MyAtMTEwOSwtNzA4bC0xOTAgLTExOGMtNDYsLTMwIC0yNjgsLTE1MiAtMjY4LC0xOTVsMCAtOTUwYzAsLTM4IDQ4LC01NyA3NCwtODAgODcsLTc2IDE1OCwtMTY2IDI0OCwtMjM4IDg0LC02NyAzOTMsLTM4MyA0OTQsLTQ4MGw1ODggLTU1MmMzMCwtMjYgNTQsLTU0IDgzLC04MyA1MywtNTMgMTA2LC0xMDggMTY1LC0xNTVsNjY2IC02NDBjMTAzLC0xMDQgMjQ4LC0yMDMgMzI5LC0zMjQgLTM0LC01MSAtMTE0LC0xMjAgLTE2MywtMTY5IC02MiwtNjIgLTExNywtMTA0IC0xNzgsLTE2NiAtMTE3LC0xMTcgLTIyOCwtMjE2IC0zNDQsLTMzMmwtNzA0IC02NjIgLTYyNiA1OTZjLTI4LDI4IC00OCw1MSAtNzcsNzhsLTU1NSA1MjUgMCAtMTQ3MiAtMTk4MiAwIDAgMTQ3MnoiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc)
}
.catalog-icon:last-child {
margin-right: 0
}
.catalog-icon_sun {
width: 39px;
background: no-repeat url(data:image/svg xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE3MjEzIDE2MjU1Ij4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNGRjk5MDAiIGQ9Ik00MzAwIDgwNDhjMCw0MjUgMjcsNjU1IDEyMSwxMDM0IDM2LDE0NSA3NiwyNjcgMTIzLDM5MyAxOTUsNTI0IDQxOSw4NTMgNzgwLDEyODQgNzEsODUgMTc2LDE3NyAyNTcsMjU5IDI0MSwyNDMgNjA3LDQ3NCA4OTUsNjQxIDUxMiwyOTggMTM2MCw1MjkgMjA1MSw1MjkgNzY0LDAgMTI2MCwtMTEzIDE4NTMsLTM1OCAzMjUsLTEzNCA3MDIsLTM1NiA5NzQsLTU3NGwyMDggLTE3NGMxNDMsLTExMCA0MjgsLTQzMiA1NTQsLTYwMCA4NiwtMTE0IDIzOCwtMzM4IDMwNiwtNDY4IDMxLC02MCA1OSwtMTA2IDkwLC0xNjggNTQwLC0xMDgyIDUzMiwtMjM3MiAtOCwtMzQ1MyAtMTIyLC0yNDMgLTI0MCwtNDI4IC0zOTcsLTYzNiAtMTUzLC0yMDUgLTMxMSwtMzc4IC00OTksLTU0NSAtMjQsLTIxIC0zOCwtMzkgLTYyLC02MWwtMjE2IC0xNzdjLTQ3OSwtMzgyIC0xMTc3LC02OTcgLTE3NzYsLTgxNiAtMTU3LC0zMSAtMjc3LC00OCAtNDQ2LC03MCAtNjMsLTggLTE2MCwtMjIgLTIzNywtMjEgLTEwNiwwIC0xNjAsLTEzIC0yNTgsLTEzIC0yODMsMCAtNjY1LDQ2IC05MzMsMTAwIC00MzIsODYgLTc3NywyMjIgLTExNTIsNDA4IC0xNzEsODYgLTI1NSwxNDggLTQwMSwyMzggLTE1Nyw5NiAtNDQ1LDMzNCAtNTgzLDQ2MiAtMTI1LDExNSAtMjA4LDIyNyAtMzEzLDMzOCAtMTU5LDE2NiAtNDExLDU3MiAtNTE3LDc4NSAtMjQzLDQ4NiAtNDE0LDEwODAgLTQxNCwxNjYzeiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gZmlsbD0iI0ZGOTkwMCIgcG9pbnRzPSI3NzQwLDI0NDUgOTQ3MywyNDQ1IDk0NzMsMCA3NzQwLDAgIi8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBmaWxsPSIjRkY5OTAwIiBwb2ludHM9Ijc3NDAsMTYyNTUgOTQ3MywxNjI1NSA5NDczLDEzODEwIDc3NDAsMTM4MTAgIi8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjRkY5OTAwIiBkPSJNMTk0MSAyOTEybDYxMiA2MTdjMjgsMjUgMzksMjggNjcsNTUgODAsNzcgMTQ5LDE1MCAyMjcsMjI4IDY5LDY4IDg1OSw4NzAgOTEzLDkwNiA1MiwtMTQgMjQ2LC0yMjggMjk4LC0yODBsNTc3IC01NzdjODgsLTgxIDIyOSwtMTkxIDI5MiwtMjg2IC00MCwtNjAgLTE4MjUsLTE4MTQgLTE4MzEsLTE4MTggLTQ2LDY5IC0yMTUsMjIxIC0yODUsMjkyIC01MSw1MCAtOTIsOTEgLTE0MiwxNDFsLTE1MyAxNDFjLTg3LDg3IC01MzgsNTI2IC01NzUsNTgxeiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI0ZGOTkwMCIgZD0iTTE5NTQgMTMyNjlsOTA2IDkwMGM3NCw3NSAyMzgsMjU2IDMxMCwzMDRsODc1IC04NTdjNjgsLTY3IDgxNiwtODI3IDg3MCwtODYzIC0zOSwtNTggLTYzMSwtNjM1IC03NTMsLTc1OGwtMTYwIC0xNDhjLTc0LC03NCAtMjU1LC0yMzggLTMwNCwtMzEwIC01NiwzOCAtMTYyLDE1NiAtMjE4LDIxMmwtODcyIDg2MGMtNzcsNzcgLTE0NSwxNDQgLTIyMSwyMjFsLTQzMyA0Mzl6Ii8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjRkY5OTAwIiBkPSJNMTIyOTkgMzUwMmw2MDUgNTk5YzEwMywxMDMgMTk4LDE5NyAzMDEsMzAxIDc0LDc0IDIzOCwyNTUgMzEwLDMwNCA2OSwtNDYgMTQ5LC0xNTIgMjE4LC0yMTJsMTMwMyAtMTI5MGM3OCwtNzkgMTc3LC0xNDggMjI0LC0yMTggLTM4LC01NiAtNTEwLC01MTYgLTU5OSwtNjA1IC0yNiwtMjcgLTQ3LC01MCAtNzQsLTc0bC0yMzMgLTIyMWMtNzUsLTc1IC0yMzgsLTI1NiAtMzExLC0zMDQgLTUxLDEzIC03OCw1OSAtMTEzLDk1bC0xMTkyIDExOTJjLTExNiwxMTQgLTM2MCwzMTQgLTQzOSw0MzN6Ii8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBmaWxsPSIjRkY5OTAwIiBwb2ludHM9IjAsODk0NSAyNTgwLDg5NDUgMjU4MCw3MzEwIDAsNzMxMCAiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGZpbGw9IiNGRjk5MDAiIHBvaW50cz0iMTQ2MzMsODk0NSAxNzIxMyw4OTQ1IDE3MjEzLDczMTAgMTQ2MzMsNzMxMCAiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNGRjk5MDAiIGQ9Ik0xMjI4NiAxMjY4MGM1OCw4NiAxNTYsMTU0IDIzMSwyMjQgMTgyLDE2OCA0OTUsNDk1IDY4Miw2ODJsOTE4IDkwMCAxMTU4IC0xMTUyYy01OCwtNDAgLTEwMTcsLTEwMTEgLTExMzYsLTExMzAgLTgwLC04MCAtMTU0LC0xNDEgLTIzNCwtMjIyIC03OSwtNzggLTE0OCwtMTQ4IC0yMjcsLTIyNyAtNTksLTU4IC0xODUsLTE3MiAtMjI0LC0yMzAgLTU0LDM2IC04MzcsODE4IC04NzYsODU3IC03Miw3MSAtMjQ1LDIyNyAtMjkyLDI5OHoiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc)
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.catalog-icon {
width:27px
}
.catalog-icon_sun {
width: 30px
}
}
.catalog-label {
font-size: 17px;
color: #fff;
display: inline-block;
padding: 2px 19px 3px;
border-radius: 5px;
margin-right: 7px
}
.catalog-label:last-child {
margin-right: 0
}
.catalog-label_red {
background: #f93647
}
.catalog-label_yellow {
background: #fa8b31
}
.catalog-label_blue {
background: #4a7ffe
}
.catalog-label_small {
padding-left: 13px;
padding-right: 13px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.catalog-label {
padding-left:10px;
padding-right: 10px;
border-radius: 7px
}
}
@media screen and (max-width: 768px) {
.catalog-label {
font-size:14px
}
}
.counter {
position: relative;
padding: 0 50px
}
.counter input {
border: none;
width: 42px;
font-size: 20px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #262626;
text-align: center;
padding-top: 4px
}
.counter__btn {
position: absolute;
width: 50px;
height: 30px;
top: 0;
background: #d9d9d9;
border-radius: 10px;
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.counter__btn::after,.counter__btn::before {
width: 12px;
height: 2px;
background: #fff;
border-radius: 2px;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0)
}
.counter__btn:hover {
background: #999
}
.counter__btn_dec {
left: 0
}
.counter__btn_inc {
right: 0
}
.counter__btn_inc::after {
-webkit-transform: translate3d(-50%,-50%,0) rotate(90deg);
transform: translate3d(-50%,-50%,0) rotate(90deg)
}
.counter__btn_disabled {
background: #eee;
cursor: default
}
.counter__btn_disabled:hover {
background: #eee
}
.counter_small {
padding: 0 43px
}
.counter_small input {
font-size: 17px;
width: 35px
}
.counter_small .counter__btn {
width: 43px;
height: 26px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.counter {
padding:0 40px
}
.counter__btn {
width: 40px;
height: 24px
}
.counter__btn::after,.counter__btn::before {
width: 10px
}
.counter input {
font-size: 17px;
width: 33px
}
}
@media screen and (max-width: 768px) {
.counter {
padding:0 38px
}
.counter__btn {
width: 38px;
height: 25px;
background: #999;
border-radius: 7px
}
.counter__btn:hover {
background: #999
}
.counter input {
font-size: 14px
}
}
.partners {
padding: 75px 0 110px
}
.partners .title {
margin-bottom: 63px
}
.partners__desc {
float: left;
width: 44.44444%;
padding-right: 13.625rem
}
.partners__logos {
float: left;
width: 55.55556%;
padding-top: 10px
}
.partners__logo {
float: left;
width: 33.33333%;
height: 50px;
margin-bottom: 50px;
position: relative
}
.partners__logo img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: -webkit-filter .3s ease;
transition: -webkit-filter .3s ease;
-o-transition: filter .3s ease;
transition: filter .3s ease;
transition: filter .3s ease,-webkit-filter .3s ease
}
.partners__logo img:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.partners__logo-img {
position: absolute;
left: 50%;
-webkit-transform: translate3d(-50%,0,0);
transform: translate3d(-50%,0,0);
bottom: 0
}
.partners__arrows {
position: absolute;
right: 97px;
bottom: 59px;
display: none
}
.partners__arrow {
width: 53px;
height: 12px;
position: absolute;
cursor: pointer
}
.partners__arrow svg {
-webkit-transition: fill .3s ease;
-o-transition: fill .3s ease;
transition: fill .3s ease;
fill: #d9d9d9
}
.partners__arrow_prev {
right: 20px
}
.partners__arrow_prev svg {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: -1px
}
.partners__arrow_next {
left: 20px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.partners {
padding:50px 0 60px
}
.partners__logo img {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.partners__logo-img {
bottom: 0
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.partners__desc {
width:40%;
padding-right: 70px
}
.partners__logos {
width: 60%
}
}
@media screen and (max-width: 768px) {
.partners {
padding-top:0;
padding-bottom: 84px
}
.partners__desc {
width: 100%;
padding-right: 0;
float: none
}
.partners__desc .title {
font-size: 24px;
letter-spacing: 1px;
margin-bottom: 17px
}
.partners__text {
font-size: 14px
}
.partners__logos {
width: calc(100% 20px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: auto;
padding-top: 15px;
float: none
}
.partners__logos::-webkit-scrollbar {
width: 0!important
}
.partners__logos::-webkit-scrollbar-track {
background: 0 0!important
}
.partners__logos::-webkit-scrollbar-thumb {
background: 0 0!important
}
.partners__logos-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -15px
}
.partners__logo {
width: 140px;
padding: 0 15px;
margin-bottom: 0
}
.partners__logo-img {
position: relative;
top: 0
}
.partners__logo-img img {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.partners__arrows {
display: block
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.partners__desc {
padding-right:8.75rem
}
.partners__arrows {
right: 122px;
bottom: 59px
}
}
.footer {
position: relative
}
.footer__top {
background: #f3f3f3;
padding: 75px 0
}
.footer__top-mobile {
display: none
}
.footer__col {
float: left;
position: relative
}
.footer__col:nth-child(1) {
width: 30%
}
.footer__col:nth-child(2) {
width: 20%
}
.footer__col:nth-child(3) {
width: 30%
}
.footer__col:nth-child(4) {
width: 20%
}
.footer__copyright {
font-size: 17px;
color: #a3a3a3;
text-transform: uppercase;
margin-top: 60px
}
.footer__container {
margin-top: 40px
}
.footer__title {
font-size: 20px;
font-family: btfagency2,sans-serif
}
.footer__text {
font-size: 17px;
color: #262626;
margin-bottom: 5px
}
.footer__recall-phone {
font-size: 20px;
color: #262626
}
.footer__recall-link {
color: #4a7ffe;
margin-top: 5px;
cursor: pointer
}
.footer__menu {
padding-right: 40px
}
.footer__menu li {
margin-bottom: 8px
}
.footer__menu li a {
font-size: 17px;
color: #999;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.footer__menu li a:hover {
color: #262626
}
.footer__menu li:last-child {
margin-bottom: 0
}
.footer__bottom {
height: 80px;
background: #262626;
padding-top: 24px
}
.footer__list {
margin-right: 55px;
float: left
}
.footer__list>li {
display: inline-block;
margin-right: 55px;
min-height: 23px;
min-width: 24px
}
.footer__list>li:last-child {
margin-right: 0
}
.footer__list:nth-child(1) {
margin-top: 9px
}
.footer__list:last-child {
margin-right: 0
}
.footer__list_social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 6px
}
.footer__list_social .footer__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.footer__list-item {
font-family: btfagency2,sans-serif;
color: #d9d9d9;
cursor: pointer;
position: relative;
display: inline-block;
height: 23px;
display: block
}
.footer__list-item_vk svg {
width: 24px
}
.footer__list-item_ig svg {
width: 22px
}
.footer__list-item svg {
position: absolute;
top: 70%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.footer__list-item svg path {
fill: #959595
}
.footer__dev-wrapper {
float: right;
margin-top: -7px
}
.footer__dev {
width: 100px;
display: inline-block;
vertical-align: top
}
.footer__dev svg {
width: 78px;
height: 25px
}
.footer__dev path {
fill: #fff
}
.footer__dev .footer__dev-text {
margin-bottom: 2px
}
.footer__dev-x {
width: 71px;
height: 21px;
display: inline-block;
vertical-align: top;
margin-right: 50px
}
.footer__dev-text {
font-size: 12px;
color: #a3a3a3;
display: inline-block;
white-space: nowrap;
margin-bottom: 5px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.footer__list>li {
margin-right:35px
}
.footer__title {
font-size: 17px
}
.footer__container {
margin-top: 30px
}
}
@media screen and (max-width: 768px) {
.footer__top {
display:none
}
.footer__top-mobile {
display: block
}
.footer__bottom {
height: 60px;
padding-top: 18px
}
.footer__list {
margin-right: 0
}
.footer__list:first-child {
display: none
}
.footer__list li {
margin-right: 30px
}
.footer__list_social {
margin-top: 3px
}
.footer__dev {
width: 86px
}
.footer__dev svg {
width: 63px;
height: 14px
}
.footer__dev .footer__dev-text {
margin-bottom: 6px
}
.footer__dev-x {
width: 60px;
margin-right: 10px
}
.footer__dev-text {
font-size: 10px
}
.footer__container {
margin-top: 20px
}
.footer__container:first-child {
margin-top: 0
}
.footer__text {
font-size: 14px;
margin-bottom: 0
}
.footer__menu li a {
font-size: 14px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.footer__dev-x {
margin-right:40px
}
.footer .fold_noicon .fold__btn {
padding-left: 50px;
padding-right: 50px
}
}
.map-contacts {
padding: 75px
}
.map-contacts__controls {
margin-bottom: 50px
}
.map-contacts__label {
float: left;
font-size: 20px;
color: #999
}
.map-contacts__dropdown {
float: left;
width: 375px;
margin-top: -21px;
margin-left: 50px
}
.map-contacts__link {
float: right;
font-size: 20px;
color: #4a7ffe;
text-decoration: none
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.map-contacts {
padding-left:0;
padding-right: 0
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.map-contacts__label {
font-size:17px
}
.map-contacts__link {
font-size: 17px
}
}
@media screen and (max-width: 768px) {
.map-contacts {
padding:45px 0
}
.map-contacts__label {
display: none
}
.map-contacts__dropdown {
width: 165px;
margin-left: -19px;
margin-top: -25px
}
.map-contacts__dropdown .select__btn {
background: 0 0
}
.map-contacts__dropdown .select__arrow path {
fill: #4a7ffe
}
.map-contacts__controls {
margin-bottom: 5px
}
.map-contacts__link {
font-size: 14px;
margin-top: -7px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.map-contacts__dropdown {
width:215px;
margin-left: -19px;
margin-top: -25px
}
}
.map-tooltip {
padding: 15px 10px;
font-family: Arial,sans-serif;
font-size: 14px;
line-height: 1.5
}
.map-container {
height: 490px
}
@media screen and (max-width: 768px) {
.map-container {
height:380px
}
}
.page-container {
background: #fff
}
.page-container__body {
padding: 0 50px 50px
}
.page-container__body_offset-top {
margin-top: 75px
}
.page-container__body_offset-bottom {
padding-bottom: 50px
}
.page-container__title {
margin: 71px 0 57px
}
.page-container__section-title {
margin: 45px 0
}
.page-container__subtitle {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 24px;
color: #000;
margin: 30px 0;
padding-left: 22px
}
.page-container__section {
padding-bottom: 43px;
border-bottom: 2px solid #f3f3f3;
margin-right: -50px;
padding-right: 50px
}
.page-container__section:last-child {
border-bottom: none
}
.page-container_rounded {
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1)
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.page-container__body {
padding:0 30px 30px
}
.page-container__body_offset-bottom {
margin-top: 40px;
padding-bottom: 30px
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.page-container__body_offset-top {
margin-top:25px
}
}
@media screen and (max-width: 768px) {
.page-container {
margin:0 -20px;
padding: 0 20px
}
.page-container__title {
margin: 25px 0
}
.page-container__title .title-small {
font-size: 24px;
font-weight: 400
}
.page-container__subtitle {
margin: 22px 0;
padding-left: 0
}
.page-container__section {
margin-right: -20px;
margin-left: -20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 30px
}
.page-container__section-title {
margin: 25px 0
}
.page-container_rounded {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-webkit-box-shadow: none;
box-shadow: none
}
}
@media screen and (max-width: 768px) {
.page-container__body {
padding:0
}
.page-container__body_offset-top {
margin-top: 0
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.page-container {
margin:0 -50px;
padding: 0 50px
}
}
.service {
padding-top: 71px;
padding-bottom: 133px
}
.service__col {
float: left;
width: 516px;
padding-right: 170px;
padding-left: 49px
}
.service .title {
margin-top: -10px
}
.service__title-mobile {
display: none
}
.service__col-text {
margin-top: 38px
}
.service__content {
margin-left: 516px;
padding-right: 85px
}
.service__tab {
padding-top: 20px;
display: none
}
.service__tab_car .form__col {
width: 50%;
max-width: 315px
}
.service__tab_map .form-grid__title-compound {
margin-bottom: 20px
}
.service__tab_active {
display: block
}
.service__next {
margin-top: 20px
}
.service__next .button {
float: right
}
.service__next .btn-back {
float: left;
margin-top: 15px
}
.service__next_offset {
margin-top: 65px
}
.service__next_last .button {
float: left
}
.service__store_my_tyres {
margin-top: 5px
}
.service__store_my_tyres .form-grid__col {
margin-bottom: 30px
}
.service__store_my_tyres .info__content {
width: 200px;
white-space: normal;
border-radius: 15px
}
.service__rules {
margin-bottom: 50px;
margin-top: 37px
}
.service__col-info {
margin-top: 50px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 15px
}
.service__col-info-title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 15px;
color: #999
}
.service__col-info-content {
background: #f3f3f3;
border-radius: 25px;
padding: 35px 34px 44px;
margin-top: 30px
}
.service__col-info-item {
margin-bottom: 26px
}
.service__col-info-item:last-child {
margin-bottom: 0
}
.service__col-info-item-name {
color: #999;
margin-bottom: 8px
}
.service__col-info-item-content {
color: #010101
}
.service__message {
max-width: 620px
}
.service__message a {
margin-top: 35px
}
.service .map-container {
margin-bottom: 85px;
margin-top: 10px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.service {
padding-bottom:50px
}
.service__col {
width: 400px;
padding-right: 90px
}
.service__content {
margin-left: 400px
}
.service__col-info-content {
padding: 25px
}
}
@media screen and (max-width: 1279px) {
.service__col {
display:none
}
.service__content {
margin-left: 0;
padding-right: 50px;
padding-left: 50px
}
.service__title-mobile {
display: block;
margin-bottom: 55px
}
}
@media screen and (max-width: 768px) {
.service {
padding-top:25px;
padding-bottom: 20px
}
.service .title {
margin-top: 0
}
.service__title-mobile {
display: block
}
.service__content {
padding-right: 0;
padding-left: 0
}
.service__next .btn-back {
margin-top: 12px
}
.service__next_offset {
margin-top: 30px
}
.service__next_last .button {
width: 100%
}
.service__tab_map .form-grid__title-compound {
margin-bottom: 0
}
.service__tab_map .form-grid__col {
margin-bottom: 10px
}
.service__tab_contacts .checkbox__text {
font-size: 12px
}
.service__rules {
margin-top: 29px;
margin-bottom: 29px
}
.service__message {
margin-top: -20px
}
.service__message a {
margin-top: 15px
}
.service .map-container {
margin-top: 30px;
margin-bottom: 27px;
border-radius: 15px
}
.service .fold .form-grid__col:last-child {
margin-bottom: 0
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.service {
min-height:calc(100vh - 435px)
}
.service__tab_map .service__map .form-grid__cols {
width: 50%
}
.service__tab_contacts .form-grid {
width: 50%
}
.service__tab_contacts .form-grid .service__next {
max-width: 200px
}
}
.step-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 770px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.step-controls__item {
display: block;
float: left;
width: 33.33333%;
position: relative
}
.step-controls__item:first-child {
width: 80px
}
.step-controls__item::before {
height: 4px;
background: #c3c3c3;
right: 80px;
left: 0;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.step-controls__item_active::before {
background: #bfa77b
}
.step-controls__item_active .step-controls__item-icon {
border-color: #bfa77b
}
.step-controls__item_active .step-controls__item-icon path,.step-controls__item_active .step-controls__item-icon polygon {
fill: #bfa77b
}
.step-controls__item-icon {
display: block;
border: 4px solid #c3c3c3;
border-radius: 50%;
overflow: hidden;
width: 80px;
height: 80px;
padding: 21px 0 25px;
float: right;
cursor: pointer;
-webkit-transition: border .3s ease;
-o-transition: border .3s ease;
transition: border .3s ease
}
.step-controls__item-icon svg {
width: 100%;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0)
}
.step-controls__item-icon path,.step-controls__item-icon polygon {
fill: #c3c3c3;
-webkit-transition: fill .3s ease;
-o-transition: fill .3s ease;
transition: fill .3s ease
}
.step-controls__item-icon_pencil svg {
margin-left: 2px
}
.step-controls__item-icon:hover {
border-color: #bfa77b
}
.step-controls__item-icon:hover path,.step-controls__item-icon:hover polygon {
fill: #bfa77b
}
.step-controls__item-icon-wrp {
display: block;
width: 100%;
height: 100%;
position: relative
}
.step-controls__container {
display: block;
margin-left: 80px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.step-controls {
max-width:550px
}
.step-controls__item:first-child {
width: 50px
}
.step-controls__item::before {
right: 50px
}
.step-controls__item-icon {
width: 50px;
height: 50px;
padding: 10px 0 12px
}
}
@media screen and (max-width: 768px) {
.step-controls__item:first-child {
width:42px
}
.step-controls__item::before {
height: 2px;
right: 42px
}
.step-controls__item-icon {
width: 42px;
height: 42px;
padding: 12px 0;
border-width: 2px
}
}
.form-grid .title-small {
max-width: 540px
}
.form-grid__title-compound .title-small {
display: inline-block
}
.form-grid__title-compound .btn-back {
float: right;
margin-top: 62px
}
.form-grid__cols {
margin-left: -30px;
margin-right: -30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.form-grid__cols .title-small {
margin-top: 0
}
.form-grid__col {
width: 33.33333%;
padding: 0 30px;
min-height: 1px;
margin-bottom: 45px
}
.form-grid__row {
margin-bottom: 19px
}
.form-grid_condensed .form-grid__cols {
margin-left: -15px;
margin-right: -15px
}
.form-grid_condensed .form-grid__col {
padding: 0 15px;
margin-bottom: 30px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.form-grid__col {
width:50%
}
}
@media screen and (max-width: 768px) {
.form-grid__cols {
margin:0
}
.form-grid__col {
width: 100%;
margin-bottom: 25px;
padding: 0
}
.form-grid__row {
margin-bottom: 10px
}
.form-grid_condensed .form-grid__col {
margin-bottom: 10px
}
}
.btn-back {
padding: 0 0 0 29px;
position: relative;
color: #000;
cursor: pointer;
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
font-size: 15px
}
.btn-back__icon {
position: absolute;
left: 0;
top: 50%;
width: 12px;
height: 8px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate3d(0,-53%,0) rotate(90deg);
transform: translate3d(0,-53%,0) rotate(90deg)
}
.btn-back__icon svg {
display: block
}
.btn-back__icon path {
fill: #000
}
@media screen and (max-width: 768px) {
.btn-back {
font-size:14px;
padding-left: 17px
}
.btn-back__icon {
width: 8px;
height: 7px
}
}
.fold {
padding: 1px 0
}
.fold__btn {
border: 1px solid transparent;
background: #f3f3f3;
padding: 14px 80px 16px;
position: relative;
border-radius: 15px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: block;
-webkit-transition: border .3s ease;
-o-transition: border .3s ease;
transition: border .3s ease
}
.fold__btn:hover {
border: 1px solid #cdcdcd
}
.fold__btn-icon {
width: 32px;
height: 23px;
position: absolute;
left: 28px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.fold__btn-icon path {
fill: #999
}
.fold__btn-arrow {
width: 12px;
height: 8px;
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.fold__btn-arrow svg {
display: block;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.fold__btn-arrow path {
fill: #4a7ffe
}
.fold__btn-arrow_grey path {
fill: #999
}
.fold__btn-text {
font-family: btfagency3,sans-serif;
font-size: 18px;
color: #282424
}
.fold__btn-text .muted {
font-size: 15px
}
.fold__content {
display: none
}
.fold__container {
margin-top: 50px
}
.fold__container_space {
padding: 17px 0
}
.fold__controls {
margin-bottom: 39px;
margin-top: -13px
}
.fold__controls .btn-label {
float: right
}
.fold .fold {
margin-top: 20px
}
.fold .table-simple {
padding: 0 19px
}
.fold .table-left {
margin-bottom: 40px
}
.fold_active .fold__btn {
border: 1px solid #cdcdcd
}
.fold_active .fold__btn-arrow svg {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.fold_unfolded .fold__content {
display: block
}
.fold_unfolded .fold__btn {
cursor: default
}
.fold_unfolded .fold__btn-arrow {
display: none
}
.fold_disabled {
opacity: .5
}
.fold_light .fold__btn {
background: #fff
}
.fold_noicon .fold__btn {
padding-left: 22px
}
.fold_noicon .fold__btn:hover {
border-color: transparent
}
.fold_noicon .fold__btn-arrow {
right: 23px
}
.fold_noicon.fold_active .fold__btn {
border-color: transparent
}
.fold_condensed .fold__container {
margin-top: 30px
}
.fold_row {
border-top: 1px solid #d9d9d9
}
.fold_row .fold__btn {
border-radius: 0;
border: none;
margin: -1px 0;
background: #f3f3f3
}
.fold_row .fold__container {
margin-top: 0;
margin-bottom: -1px;
background: #f3f3f3
}
.fold_row .fold__container p {
color: #999;
line-height: 1.5
}
.fold_row .fold__container p:first-child {
margin-top: 0
}
.fold_row .fold_row {
margin-top: 0
}
.fold_row.fold_light .fold__btn {
background: #fff
}
.fold_row.fold_light .fold__container {
background: #fff
}
.fold_half-rotation .fold__btn-arrow svg {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.fold_half-rotation.fold_active .fold__btn-arrow svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
@media screen and (max-width: 768px) {
.fold__container {
margin-top:20px;
margin-bottom: 10px
}
.fold__btn-text {
font-size: 14px
}
.fold__btn {
padding-left: 72px;
padding-right: 70px
}
.fold__btn-icon {
left: 20px
}
.fold__btn-arrow {
right: 20px;
width: 8px;
height: 7px
}
.fold__controls {
margin-top: 0;
margin-bottom: 20px
}
.fold .fold {
margin-top: 10px
}
.fold_condensed .fold__container {
margin-top: 20px
}
.fold_row .fold_row {
margin-top: 0
}
.fold .table-simple {
padding: 0
}
.fold .table-left {
margin-bottom: 10px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.fold__container ul.row-list a {
padding:14px 50px 16px
}
.fold_noicon .fold__btn {
padding-left: 20px;
padding-right: 20px
}
.fold_noicon .fold__btn-arrow {
right: 50px
}
.fold_dev-x {
width: 60px;
margin-right: 40px
}
}
.radiobox__item {
padding: 26px 30px 24px;
background: #f3f3f3;
border-radius: 15px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.radiobox__item:hover .radiobox__text,.radiobox__item_active .radiobox__text {
color: #4a7ffe
}
.radiobox__text {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
max-width: 100%;
color: #000;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.radiobox__text_left {
float: left
}
.radiobox__text_right {
float: right;
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
color: #999
}
.radiobox__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #000;
line-height: 1.4;
margin-bottom: 10px
}
.radiobox__notice {
color: #999;
line-height: 1.3
}
.radiobox__item-wrp {
padding: 0 15px
}
.radiobox_extended .radiobox__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -15px
}
.radiobox_extended .radiobox__item-wrp {
width: 320px
}
.radiobox_extended .radiobox__item {
border: 1px solid transparent;
position: relative;
height: 100%
}
.radiobox_extended .radiobox__item_active {
border: 1px solid #dcdcdc
}
.radiobox_extended .radiobox__item_active::before {
width: 11px;
height: 11px;
top: 11px;
right: 12px;
border-radius: 50%;
background: #4a7ffe
}
@media screen and (max-width: 768px) {
.radiobox__item {
padding:14px 22px 15px
}
.radiobox__item:hover .radiobox__text {
color: #000
}
.radiobox__item:hover .radiobox__text_right {
color: #999
}
.radiobox__item_active:hover .radiobox__text {
color: #4a7ffe
}
.radiobox__text {
font-size: 14px
}
.radiobox__title {
font-size: 14px;
padding-right: 70px
}
.radiobox_extended .radiobox__container {
margin: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.radiobox_extended .radiobox__item-wrp {
width: 100%;
padding: 0;
margin-bottom: 10px
}
.radiobox_extended .radiobox__item-wrp:last-child {
margin-bottom: 0
}
.radiobox_extended .radiobox__item_active::before {
top: 18px;
right: 21px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.radiobox_extended .radiobox__container {
margin:-15px
}
.radiobox_extended .radiobox__item-wrp {
padding: 15px;
width: 50%
}
.radiobox_extended .radiobox__item-wrp:first-child {
margin-bottom: 0
}
}
.checkbox__btn {
position: relative;
padding-left: 43px;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.checkbox__icon {
position: absolute;
left: 0;
width: 25px;
height: 25px;
top: -5px;
background: #d9d9d9;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
border-radius: 50%
}
.checkbox__icon svg {
width: 12px;
height: 8px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate3d(-50%,-50%,0) scale(0);
transform: translate3d(-50%,-50%,0) scale(0)
}
.checkbox__icon polygon {
fill: #fff
}
.checkbox__text {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 15px;
color: #262626;
line-height: 1.5;
margin-top: -3px
}
.checkbox_active .checkbox__icon {
background: #bfa77b
}
.checkbox_active .checkbox__icon svg {
-webkit-transform: translate3d(-50%,-50%,0) scale(1);
transform: translate3d(-50%,-50%,0) scale(1)
}
.checkbox a {
color: #243380
}
@media screen and (max-width: 768px) {
.checkbox__text {
font-size:14px
}
.checkbox__icon {
width: 21px;
height: 21px
}
.checkbox__icon svg {
width: 8px;
height: 7px
}
.checkbox__btn {
padding-left: 36px
}
}
.btn-label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn-label__content {
display: inline-block;
padding-left: 31px;
position: relative;
cursor: pointer
}
.btn-label__icon {
position: absolute;
width: 20px;
height: 20px;
left: 0;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.btn-label__icon path {
fill: #4a7ffe
}
.btn-label__text {
font-size: 17px;
color: #262626
}
@media screen and (max-width: 768px) {
.btn-label__content {
padding-left:25px
}
.btn-label__icon {
width: 14px;
height: 14px
}
.btn-label__text {
font-size: 14px
}
}
.info {
position: relative
}
.info__icon {
width: 16px;
height: 16px;
cursor: pointer;
position: relative;
z-index: 2
}
.info__icon circle,.info__icon path,.info__icon polygon {
fill: #a0a0a0
}
.info__content {
position: absolute;
left: -10px;
top: -8px;
z-index: 1;
font-size: 13px;
line-height: 1;
color: #999;
padding: 10px 13px 9px 35px;
white-space: nowrap;
background: #fff;
border-radius: 25px;
-webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,.1);
box-shadow: 0 0 15px 5px rgba(0,0,0,.1);
opacity: 0;
pointer-events: none;
display: none
}
.info_active .info__content {
opacity: 1;
pointer-events: all;
display: block
}
.info_inline {
display: inline-block;
top: -5px;
margin-left: 3px;
position: relative
}
.info_inline .info__container {
position: absolute;
bottom: 0
}
.page-popup {
position: fixed;
z-index: 10000;
height: 100%;
width: 100%;
top: 0;
left: 0;
display: none
}
.page-popup__bg {
position: absolute;
height: 100%;
width: 100%;
background: #262626;
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.page-popup__container {
position: absolute;
width: 50%;
height: 100%;
background: #f3f3f3;
padding: 80px 40px 80px 76px;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease
}
.page-popup__content {
overflow: auto;
height: 100%;
padding-right: 36px
}
.page-popup__item {
margin-bottom: 18px
}
.page-popup__item:last-child {
margin-bottom: 0
}
.page-popup__title {
position: relative;
margin: 3px 0 49px
}
.page-popup__title .cross {
position: absolute;
right: 0;
top: -11px;
width: 64px;
height: 69px
}
.page-popup .title-small {
margin: 0;
max-width: 290px
}
.page-popup .fold__content {
padding-bottom: 16px
}
.page-popup_active {
display: block
}
.page-popup_animated .page-popup__bg {
opacity: .5
}
.page-popup_animated .page-popup__container {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
@media screen and (max-width: 768px) {
.page-popup__container {
width:100%;
padding: 25px 20px
}
.page-popup__content {
padding-right: 10px
}
.page-popup__title {
margin-bottom: 20px
}
.page-popup__title .cross {
right: 0;
top: -2px;
width: 24px;
height: 33px;
padding: 0
}
.page-popup__item {
margin-bottom: 10px
}
.page-popup .fold__content {
padding-bottom: 0
}
.page-popup .title-small {
font-size: 24px
}
}
.table-simple__row {
border-bottom: 1px solid #c3c3c3;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 25px
}
.table-simple__row:last-child {
margin-bottom: 0
}
.table-simple__val {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px
}
@media screen and (max-width: 768px) {
.table-simple__row {
padding-left:20px;
padding-right: 20px;
margin-bottom: 15px
}
.table-simple__label {
padding-right: 20px
}
.table-simple__val {
min-width: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
color: #999;
font-size: 14px
}
}
.card-product__content {
margin-left: 33.75rem
}
.card-product__body {
position: relative;
padding-left: 9.5rem;
padding-right: 11.25rem;
padding-top: 3.125rem;
padding-bottom: 6.5625rem
}
.card-product__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px
}
.card-product__label:last-child {
margin-bottom: 0
}
.card-product__label-text {
color: #a4a4a4;
padding-top: 5px
}
.card-product__prices {
margin-top: 48px
}
.card-product__price {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 20px;
display: inline-block;
margin-right: 24px
}
.card-product__price:last-child {
margin-right: 0
}
.card-product__price_single {
color: #000
}
.card-product__price_multiple {
color: #999
}
.card-product__price-amount {
font-size: 36px
}
.card-product__instock {
font-size: 17px;
color: #999;
margin-top: 20px
}
.card-product__controls {
margin-top: 76px
}
.card-product__control {
display: inline-block;
margin-right: 108px
}
.card-product__control:last-child {
margin-right: 0
}
.card-product__match {
margin-top: 60px
}
.card-product__match .card-product__chars {
margin-top: 49px
}
.card-product__danger {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 20px;
color: #f93647
}
.card-product__link {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 20px;
color: #bfa77b
}
.card-product__chars {
margin-top: 101px;
margin-right: -11.25rem
}
.card-product__chars .table-noframe {
padding-right: 11.25rem
}
.card-product__img-container {
position: absolute;
left: 0;
top: 56px;
bottom: 0;
z-index: 50
}
.card-product__img-body {
position: absolute;
width: 38.125rem;
margin-left: -33.75rem;
background: #fff;
border-radius: 25px;
padding: 75px;
-webkit-box-shadow: 0 0 7px 2px rgba(0,0,0,.1);
box-shadow: 0 0 7px 2px rgba(0,0,0,.1)
}
.card-product__img-body_fixed {
position: fixed
}
.card-product__img-body_bottom {
bottom: 0
}
.card-product__img-icons {
position: absolute;
top: 40px;
left: 40px
}
.card-product__instock-mobile {
display: none
}
.card-product__control-amount {
display: none
}
.card-product__dropdown-tabs {
display: none
}
.card-product .table-noframe__content {
max-width: 512px
}
.card-product .catalog-label {
margin-right: 17px
}
.card-product .title-small {
margin-top: 53px;
margin-bottom: 38px
}
.card-product .tabs-link {
margin-top: 60px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.card-product__body {
padding-right:62px;
padding-left: 90px
}
.card-product__img-body {
width: 30.625rem;
max-width: 420px;
padding: 40px;
margin-left: -26.25rem
}
.card-product__content {
margin-left: 26.25rem
}
.card-product__controls {
margin-top: 45px
}
.card-product__control .counter {
padding: 0 45px
}
.card-product__control .counter input {
padding-top: 6px
}
.card-product__control .counter__btn {
height: 30px;
width: 45px
}
.card-product__danger {
font-size: 17px
}
.card-product__chars {
margin-top: 50px;
margin-right: -62px
}
}
@media screen and (max-width: 1279px) {
.card-product__content {
margin-left:0
}
.card-product__img-container {
position: relative;
top: 0
}
.card-product__body {
padding-left: 50px;
padding-right: 50px
}
.card-product__img-body {
padding: 35px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
margin-left: 0;
position: relative
}
.card-product__img-body_fixed {
position: relative
}
.card-product .title-small {
font-weight: 400
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.card-product__img-container img {
max-width:250px
}
.card-product__img-icons {
top: 0;
left: 0
}
.card-product__img-body {
padding: 0
}
}
@media screen and (max-width: 768px) {
.card-product__body {
padding:0
}
.card-product__img-icons {
left: 0;
top: 32px
}
.card-product__prices {
margin-top: 62px
}
.card-product__price {
font-size: 16px
}
.card-product__price_multiple {
float: right;
margin-top: 9px
}
.card-product__price-amount {
font-size: 24px
}
.card-product__instock {
display: none
}
.card-product__instock-mobile {
display: block;
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
font-size: 14px;
color: #999;
text-align: center;
margin-top: 20px;
margin-bottom: 23px
}
.card-product__controls {
margin-top: 4px
}
.card-product__control {
float: right;
margin-right: 0;
margin-top: -69px
}
.card-product__control:last-child {
width: 100%;
margin-top: 20px
}
.card-product__control:last-child .btn-condensed {
display: block;
width: 100%
}
.card-product__control-amount {
display: block;
float: left;
margin-top: -65px
}
.card-product__label {
margin-bottom: 10px
}
.card-product__match {
margin-top: 32px
}
.card-product__match .card-product__chars {
margin-top: 40px
}
.card-product__danger {
font-size: 14px
}
.card-product__chars {
margin: 40px -20px 0
}
.card-product__chars .table-noframe {
padding-right: 20px;
padding-left: 20px
}
.card-product__tabs {
display: none
}
.card-product__dropdown-tabs {
display: block;
margin: 0 -20px
}
.card-product__dropdown-tabs .table-count {
margin: 0 -20px
}
.card-product__dropdown-tabs .table-count__row {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 15px
}
.card-product__link {
font-size: 14px
}
.card-product .breadcrumb {
margin: 0 -20px;
padding: 30px 20px 20px;
background: #f3f3f3
}
.card-product .title-small {
font-size: 24px;
line-height: 1.5;
text-align: center;
margin-top: 0;
margin-bottom: 20px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.card-product .breadcrumb {
margin:0 -50px;
padding: 40px 50px 20px;
background: #f3f3f3
}
.card-product__img-body {
padding-top: 30px
}
.card-product .title-small {
font-size: 24px;
line-height: 1.5;
text-align: left;
margin-top: 0;
margin-bottom: 25px
}
.card-product__label {
margin-bottom: 10px;
width: 80%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.card-product__label .card-product__label-icon {
min-width: 75px
}
.card-product__label:last-child .card-product__label-text {
padding-top: 0
}
.card-product__instock-mobile {
font-size: 14px;
color: #999;
text-align: left;
margin-top: 30px;
margin-bottom: 23px
}
.card-product__prices {
margin-top: 40px;
margin-bottom: 30px
}
.card-product__price_single {
margin-right: 24px
}
.card-product__price_multiple {
float: initial
}
.card-product__dropdown-tabs {
display: none
}
.card-product__tabs {
display: block
}
.card-product__tabs .tabs-link {
margin-top: 0;
margin-bottom: 40px;
padding-top: 40px;
border-top: 2px solid #f3f3f3
}
.card-product__tabs .tabs-link__control {
font-size: 14px
}
.card-product__tabs .tabs-link__tab p {
font-size: 14px
}
.card-product__tabs .tabs-link__tab .yandex * {
font-size: 14px
}
.card-product__control {
float: left;
margin-top: 0;
max-width: 210px
}
.card-product__control-amount {
display: none
}
.card-product__control:last-child {
margin-top: 1px;
font-size: 17px;
margin-left: 108px
}
.card-product__control:last-child>button {
border-radius: 8px;
padding: 6px 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.breadcrumb {
margin: 30px 0
}
.breadcrumb__item {
display: inline-block;
padding-right: 47px;
position: relative;
margin-bottom: 8px
}
.breadcrumb__item:last-child {
padding-right: 0
}
.breadcrumb__item:last-child .breadcrumb__icon {
display: none
}
.breadcrumb__icon {
position: absolute;
right: 13px;
top: 50%;
width: 12px;
height: 8px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate3d(0,-50%,0) rotate(-90deg);
transform: translate3d(0,-50%,0) rotate(-90deg)
}
.breadcrumb__icon svg {
display: block
}
.breadcrumb__icon path {
fill: #4a7ffe
}
.breadcrumb__link {
font-family: btfagency3,sans-serif;
font-size: 15px;
color: #787878
}
.breadcrumb_long-offset {
margin-top: 77px;
margin-bottom: 35px
}
span.breadcrumb__link {
color: #000
}
@media screen and (max-width: 1279px) {
.breadcrumb {
margin:25px 0
}
.breadcrumb__link {
font-size: 14px
}
.breadcrumb__item {
padding-right: 35px;
margin-bottom: 10px
}
.breadcrumb__icon {
width: 8px;
height: 7px;
right: 13px
}
.breadcrumb_long-offset {
margin-top: 25px;
margin-bottom: 20px
}
}
@media screen and (max-width: 768px) {
.title-small {
font-size:16px;
margin: 20px 0
}
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.title {
font-size:36px
}
}
@media screen and (max-width: 768px) {
.title {
font-size:24px;
letter-spacing: 0
}
}
.btn-condensed {
font-size: 17px;
background: #bfa77b;
font-family: SFUIDisplayRegular,Tahoma,sans-serif;
color: #fff;
text-align: center;
cursor: pointer;
padding: 6px 28px 5px;
border-radius: 8px;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
display: inline-block
}
.btn-condensed__sep {
padding: 0 7px
}
.btn-condensed__bold {
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.btn-condensed:hover {
background: #1c2867
}
.btn-condensed[disabled] {
background: #d9d9d9
}
@media screen and (max-width: 768px) {
.btn-condensed {
font-size:14px;
border-radius: 25px;
padding: 12px 28px
}
}
.table-noframe {
padding: 57px 0 55px;
border-top: 2px solid #f3f3f3;
border-bottom: 2px solid #f3f3f3
}
.table-noframe__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 20px;
color: #000;
margin-bottom: 42px
}
.table-noframe__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 21px
}
.table-noframe__row:last-child {
margin-bottom: 0
}
.table-noframe__col {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px
}
.table-noframe__col:nth-child(1) {
color: #999
}
.table-noframe__col:nth-child(2) {
color: #000
}
@media screen and (max-width: 768px) {
.table-noframe {
padding-top:35px;
padding-bottom: 30px;
border-bottom: 0
}
.table-noframe__title {
font-size: 14px;
margin-bottom: 25px
}
.table-noframe__col {
font-size: 14px
}
.table-noframe__row {
margin-bottom: 15px
}
}
.card-product-offers {
margin-top: 6px
}
.card-product-offers__recall {
margin-top: 80px
}
.card-product-offers__recall-check {
margin-top: 43px
}
.card-product-offers .catalog-top {
padding-top: 66px
}
.card-product-offers .catalog-top__desc {
padding-right: 118px
}
.card-product-offers .catalog-top__text {
max-width: 300px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.card-product-offers .catalog-top {
padding-top:30px
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.card-product-offers__recall {
margin-top:40px
}
.card-product-offers .catalog-top__desc {
padding-right: 65px
}
}
@media screen and (max-width: 768px) {
.card-product-offers {
padding-bottom:10px
}
.card-product-offers__recall {
margin-top: 22px
}
.card-product-offers__recall-check {
margin-top: 0
}
.card-product-offers .catalog-top__desc {
padding-right: 0
}
.card-product-offers .catalog-top__desc .title {
font-weight: 400;
margin-bottom: 270px
}
.card-product-offers .catalog-top__items {
position: absolute;
top: 113px;
left: 0;
right: 0
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.card-product-offers__recall .im-colormask>div {
background:#fff
}
}
.info-band {
background: #fff;
padding: 104px 0 93px
}
.info-band__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.info-band__item {
width: 100%;
color: #000
}
.info-band__item_warranty .info-band__icon {
width: 45px;
height: 39px;
top: 10px
}
.info-band__item_delivery .info-band__icon {
width: 76px;
height: 48px;
top: 8px
}
.info-band__item_insurance .info-band__icon {
width: 48px;
height: 56px;
top: 1px
}
.info-band__item-content {
text-align: center;
padding-top: 107px;
position: relative
}
.info-band__icon {
position: absolute;
left: 50%;
-webkit-transform: translate3d(-50%,0,0);
transform: translate3d(-50%,0,0)
}
.info-band__icon path,.info-band__icon polygon,.info-band__icon rect {
fill: #000
}
.info-band__text {
margin-top: 23px
}
.info-band .title-small {
margin: 0
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.info-band {
padding:60px 0
}
.info-band__item_warranty .info-band__icon {
width: 30px;
height: 33px
}
.info-band__item_delivery .info-band__icon {
width: 50px;
height: 35px
}
.info-band__item_insurance .info-band__icon {
width: 34px;
height: 42px
}
.info-band__item-content {
padding-top: 70px
}
.info-band__text {
margin-top: 15px
}
.info-band .title-small {
font-size: 24px
}
}
.card-product-band {
margin-top: 65px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.card-product-band {
margin-top:30px
}
}
@media screen and (max-width: 768px) {
.card-product-band {
display:none
}
}
.tabs-link__controls {
margin-bottom: 38px
}
.tabs-link__control {
display: inline-block;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 20px;
color: #bfa77b;
margin-right: 57px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.tabs-link__control:last-child {
margin-right: 0
}
.tabs-link__control_active {
color: #000
}
.tabs-link__tab {
display: none
}
.tabs-link__tab p {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #999;
line-height: 1.7;
margin: 20px 0
}
.tabs-link__tab_active {
display: block
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.tabs-link__control {
font-size:17px;
margin-right: 30px
}
.tabs-link__tab p {
font-size: 15px
}
}
.show-all {
margin-top: 85px
}
.show-all__link {
float: right;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 20px;
color: #4a7ffe
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.show-all__link {
font-size:17px
}
}
@media screen and (max-width: 768px) {
.show-all {
display:none
}
}
.subcategory {
height: 58px
}
.subcategory__body {
height: inherit;
background: #faf9f9;
width: 100%
}
.subcategory__list {
padding-top: 23px
}
.subcategory__item {
display: inline-block;
margin-right: 51px
}
.subcategory__item:last-child {
margin-right: 0
}
.subcategory__item:hover .subcategory__link,.subcategory__item_active .subcategory__link {
color: #000
}
.subcategory__link {
color: #999;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
white-space: nowrap
}
.subcategory__arrow {
display: none
}
.main_fixed .subcategory__body {
position: fixed;
top: 95px;
z-index: 998
}
@media screen and (max-width: 1919px) and (min-width:1279px) {
.main_fixed .subcategory__body {
top:70px
}
}
@media screen and (max-width: 1279px) {
.subcategory {
height:50px
}
.subcategory::before {
position: fixed;
top: 95px;
left: 0;
right: 0;
height: 50px;
z-index: 997;
background: #faf9f9
}
.subcategory__arrow {
position: fixed;
top: 95px;
right: 0;
height: 50px;
z-index: 999;
width: 70px;
display: none;
cursor: pointer;
background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(49%,#fff),to(white));
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 49%,#fff 100%);
background: -o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 49%,#fff 100%);
background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 49%,#fff 100%)
}
.subcategory__arrow-icon {
position: absolute;
width: 11px;
height: 8px;
right: 20px;
top: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0)
}
.subcategory__arrow-icon svg {
fill: #999;
display: block
}
.subcategory__body {
position: fixed;
top: 95px;
z-index: 998;
height: 55px;
background: 0 0;
overflow: auto
}
.subcategory__body::-webkit-scrollbar {
width: 0!important
}
.subcategory__body::-webkit-scrollbar-track {
background: 0 0!important
}
.subcategory__body::-webkit-scrollbar-thumb {
background: 0 0!important
}
.subcategory__item {
margin-right: 20px;
position: relative
}
.subcategory__item:last-child {
padding-right: 70px
}
.subcategory__item_active::before {
left: 0;
right: 0;
height: 2px;
background: #4a7ffe;
bottom: -18px
}
.subcategory__item_active:last-child::before {
right: 70px
}
.subcategory__list {
padding-top: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.subcategory__link {
color: #000
}
}
@media screen and (max-width: 768px) {
.subcategory__arrow {
display:block
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.subcategory::before {
height:60px
}
.subcategory__body {
height: 60px
}
.subcategory__list {
padding-top: 27px
}
.subcategory__arrow {
width: 130px;
top: 105px
}
.subcategory__arrow-icon {
right: 50px
}
}
.catalog {
padding-bottom: 100px
}
.catalog__controls {
margin-bottom: 16px
}
.catalog__breadcrumb .breadcrumb {
margin-top: 53px
}
.catalog__title .title-small {
margin: 33px 0
}
.catalog__controls-views {
float: left
}
.catalog__controls-sort {
float: right
}
.catalog__controls-sort-label {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #999;
display: inline-block;
margin-right: 28px
}
.catalog__items-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px
}
.catalog__item {
padding: 15px;
width: 33.33333%
}
.catalog__item .catalog-item {
width: 100%
}
.catalog__pagination-container {
margin: 48px 0 31px
}
.catalog__count {
float: left;
margin-left: 40px;
margin-top: 9px
}
.catalog__pagination {
float: right
}
.catalog__empty {
max-width: 515px;
display: none
}
.catalog__title-empty {
font-family: SFUIDisplayRegular,Tahoma,sans-serif
}
.catalog__text-empty {
font-size: 17px
}
.catalog__tilter-pills {
display: none
}
.catalog_empty .catalog__empty {
display: block
}
.catalog_empty .catalog__controls,.catalog_empty .catalog__items {
display: none
}
.catalog .col-layout__aside {
padding-top: 32px
}
.catalog .car-opts {
margin-bottom: 60px
}
.catalog .tags {
margin-top: 90px
}
.catalog_list .catalog__item {
padding: 0;
width: 100%;
margin-bottom: 27px
}
.catalog_list .catalog__item:last-child {
margin-bottom: 0
}
.catalog_list .catalog__items-container {
padding-top: 15px;
margin: 0
}
.catalog_list .catalog-item {
padding: 30px 35px 21px
}
.catalog_list .catalog-item form {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.catalog_list .catalog-item__img {
min-width: 260px;
width: 260px;
padding: 0 60px 0 40px
}
.catalog_list .catalog-item__desc {
width: 100%;
padding-top: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.catalog_list .catalog-item__header {
width: 45%;
padding-right: 90px;
height: auto;
padding-bottom: 0
}
.catalog_list .catalog-item__prices {
width: 25%
}
.catalog_list .catalog-item__price-multiple {
float: none;
margin-top: 7px
}
.catalog_list .catalog-item__price-single {
float: none
}
.catalog_list .catalog-item__controls {
margin-top: 0;
width: 30%
}
.catalog_list .catalog-item__labels {
top: 4px
}
.catalog_list .catalog-item__chars {
display: none
}
.catalog_list .catalog-icon {
width: 31px;
height: 31px
}
.catalog_list .catalog-icon_sun {
width: 32px;
height: 32px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.catalog__item {
padding:10px
}
.catalog__count {
margin-left: 20px
}
.catalog__breadcrumb .breadcrumb {
margin-top: 45px
}
.catalog_list .catalog-item {
padding: 30px 30px 21px
}
.catalog_list .catalog-item__img {
min-width: 127px;
width: 127px;
padding: 0 30px 0 0
}
.catalog_list .catalog-item__desc {
padding-top: 27px
}
.catalog_list .catalog-item__header {
padding-right: 30px
}
.catalog_list .catalog-item__labels {
top: -8px
}
.catalog_list .catalog-item .img-responsive {
max-width: 100px
}
.catalog .col-layout__aside {
padding-top: 25px;
display: block
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.catalog__item {
width:50%
}
.catalog_list .catalog-item__counter {
display: none
}
.catalog_list .catalog-item__header {
width: 50%
}
.catalog_list .catalog-item__prices {
width: 40%
}
.catalog_list .catalog-item__controls {
width: 10%
}
}
@media screen and (max-width: 768px) {
.catalog {
padding-bottom:0
}
.catalog__breadcrumb {
display: none
}
.catalog__title .title-small {
font-size: 24px;
font-weight: 400;
margin: 23px 0
}
.catalog__item {
width: 100%;
padding: 0;
border-bottom: 1px solid #d5d5d5
}
.catalog__items-container {
margin: 0 -20px
}
.catalog__controls {
margin-bottom: 29px
}
.catalog__controls-sort-label {
margin-right: 8px
}
.catalog__pagination-container {
margin-top: 30px;
margin-right: -5px
}
.catalog__more {
display: none
}
.catalog__count {
display: none
}
.catalog__tilter-pills {
display: block;
margin-bottom: 35px
}
.catalog__feedback {
display: none
}
.catalog__aside-content {
background: #fff;
border-top-left-radius: 15px;
border-top-right-radius: 15px
}
.catalog__aside-content .page-block {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0
}
.catalog__aside-content .page-block__tabs {
display: none
}
.catalog__aside-content .page-block__select {
margin-left: 0;
margin-right: 0
}
.catalog__aside-content .page-block__select-row {
margin-left: -9px;
margin-right: -9px
}
.catalog__aside-content .page-block__select-col {
padding: 0 9px
}
.catalog__aside-content .page-block__content {
padding-left: 20px;
padding-right: 20px;
padding-top: 24px;
padding-bottom: 30px
}
.catalog__aside-content .filter__block:first-child .page-block-title {
display: none
}
.catalog__aside-content .filter__block:first-child .page-block__content {
padding-top: 0
}
.catalog__aside-content .filter__block .page-block-title__btn {
display: none
}
.catalog__title-empty {
font-size: 24px;
margin-top: 40px;
margin-bottom: 25px
}
.catalog__text-empty {
font-size: 14px;
line-height: 1.5;
margin-bottom: 35px
}
.catalog .view-type {
display: none
}
.catalog .col-layout__aside {
position: fixed;
top: 95px;
left: 0;
bottom: 0;
right: 0;
max-width: 100%;
z-index: 999;
min-width: 0;
padding-right: 0;
overflow: auto;
padding-top: 125px;
background: rgba(0,0,0,.5);
display: none
}
.catalog .col-layout__aside_active {
display: block
}
.catalog .car-opts {
margin-bottom: 40px
}
.catalog .tags {
margin-top: 0;
margin-bottom: 35px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.catalog_empty .catalog__aside-content {
bottom:0
}
.catalog__aside-content {
position: absolute;
width: 100%
}
.catalog__aside-content .page-block__content {
padding-left: 50px;
padding-right: 50px;
padding-bottom: 40px
}
.catalog__item {
width: 100%;
padding: 0;
margin: 0 20px;
border-bottom: 0
}
.catalog__item .catalog-item {
padding: 30px;
border-radius: 15px;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
margin-bottom: 20px
}
.catalog__item .catalog-item__img {
min-width: 100px;
width: 100px;
margin-right: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.catalog__item .catalog-item__title {
font-size: 17px;
padding-right: 20px
}
.catalog .page-block-title {
margin-left: 50px;
margin-right: 50px;
margin-bottom: 10px
}
}
.view-type__item {
position: relative;
padding-left: 26px;
margin-right: 37px;
display: inline-block;
cursor: pointer
}
.view-type__item:last-child {
margin-right: 0
}
.view-type__item[data-view=cell] .view-type__icon {
width: 17px
}
.view-type__item[data-view=list] {
padding-left: 32px
}
.view-type__item[data-view=list] .view-type__icon {
width: 23px
}
.view-type__item_active .view-type__icon svg {
fill: #bfa77b
}
.view-type__icon {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
height: 17px
}
.view-type__icon svg {
fill: #999;
-webkit-transition: fill .3s ease;
-o-transition: fill .3s ease;
transition: fill .3s ease
}
.pagination__arrow {
display: inline-block;
padding: 6px 8px
}
.pagination__arrow svg {
width: 13px;
height: 10px
}
.pagination__arrow path {
fill: #4a7ffe
}
.pagination__arrow_left svg {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.pagination__arrow_right svg {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.pagination__page {
color: #262626;
display: inline-block;
padding: 9px 16px;
border-radius: 8px;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.pagination__page:hover {
color: #999
}
.pagination__page_dots {
padding-left: 6px;
padding-right: 6px
}
.pagination__page_active {
background: #d9d9d9
}
.pagination__page_active:hover {
color: #262626
}
span.pagination__arrow path {
fill: #d9d9d9
}
@media screen and (max-width: 768px) {
.pagination__page {
font-size:14px;
padding: 7px 11px
}
.pagination__arrow svg {
width: 8px;
height: 7px
}
}
.btn-block {
padding: 22px;
color: #262626;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
background: #fff;
display: block;
border-radius: 15px;
width: 100%;
cursor: pointer;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1)
}
.best-offer__top {
background: #f8fcff;
padding-top: 65px;
padding-bottom: 167px
}
.best-offer__link {
float: right
}
.best-offer__row_text {
margin-top: 75px
}
.best-offer__text-left {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 51px;
max-width: 400px;
float: left;
margin-top: -8px;
margin-left: 10.75rem
}
.best-offer__text-right {
float: right;
font-size: 17px;
max-width: 860px;
padding-right: 80px;
line-height: 1.5
}
.best-offer__bottom {
background: #bfa77b;
height: 537px
}
.best-offer__items {
float: right;
margin-top: -87px
}
.best-offer__item {
display: inline-block;
overflow: hidden;
border-radius: 25px;
width: 381px;
margin-right: 27px
}
.best-offer__item:last-child {
margin-right: 0
}
.best-offer__item-img img {
display: block
}
.best-offer__item-desc {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 20px;
min-height: 125px;
padding: 39px 40px 0;
background: #f3f3f3
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.best-offer__text-left {
font-size:36px;
margin-left: 0;
max-width: 350px
}
.best-offer__text-right {
max-width: 700px
}
.best-offer__item {
width: 280px
}
.best-offer__item-desc {
padding: 20px 20px 0;
font-size: 17px;
min-height: 85px
}
.best-offer__bottom {
height: 380px
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.best-offer__text-right {
padding-right:0;
max-width: 59.375rem
}
}
@media screen and (max-width: 768px) {
.best-offer {
display:none
}
}
.sort {
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.sort__content {
position: relative;
padding-right: 23px
}
.sort__label {
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.sort__icon {
position: absolute;
width: 12px;
height: 8px;
right: 1px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.sort__icon svg {
display: block
}
.sort__icon path {
fill: #4a7ffe
}
.sort_asc .sort__icon svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
@media screen and (max-width: 768px) {
.sort__icon {
width:8px;
height: 7px;
top: 57%
}
.sort__content {
padding-right: 20px
}
}
.page-block {
background: #fff;
border-radius: 25px;
padding: 1px 0;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1)
}
.page-block__content {
padding: 50px
}
.page-block__select {
margin-left: -18px;
margin-right: -18px
}
.page-block__select-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -15px;
margin-right: -15px
}
.page-block__group .page-block__group {
margin-top: 16px
}
.page-block__select-col {
padding: 0 15px;
width: 50%
}
.page-block__tabs {
background: #f3f3f3
}
.page-block__tabs .page-block__content {
padding-top: 40px
}
.page-block__tabs-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.page-block__tab {
text-align: center;
display: block;
width: 50%;
background: #f3f3f3;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #999;
padding: 14px 0;
border-bottom: 1px solid #f3f3f3
}
.page-block__tab_active {
background: #fff;
color: #000
}
.page-block__controls {
margin-top: 20px
}
.page-block__controls .btn-text {
float: right
}
.page-block__btn {
text-align: center;
margin-top: 33px
}
.page-block .dropdown-list {
margin-top: 39px;
margin-bottom: 35px;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.page-block .dropdown-list__item>a {
font-family: btfagency3,sans-serif;
font-size: 17px;
padding-left: 50px
}
.page-block .dropdown-list__text {
max-width: 310px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.page-block__content {
padding:37px
}
.page-block .dropdown-list {
margin-top: 25px;
margin-bottom: 20px
}
.page-block .dropdown-list__item>a {
padding-left: 30px
}
}
.page-block-title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #999;
margin-left: 50px;
margin-bottom: 26px;
margin-right: 40px;
padding-right: 40px;
position: relative
}
.page-block-title__btn {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.page-block-title_link {
color: #4a7ffe
}
.page-block-title .cross {
padding: 10px;
width: 35px;
height: 35px
}
.page-block .page-block-title {
margin-top: 55px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.page-block-title {
margin-left:37px;
margin-right: 28px
}
}
@media screen and (max-width: 768px) {
.page-block-title {
margin-left:20px;
margin-right: 20px;
margin-bottom: 0
}
}
.filter .cross {
display: none
}
.filter__block .filter__block {
margin-top: 55px
}
.filter__block_active .cross {
display: block
}
.filter__block .filter-mobile-reset {
display: none
}
.filter .select__label {
margin-bottom: 7px
}
.filter .form__group .checkbox {
margin-top: 0
}
.filter .page-block {
padding: 0
}
.filter__submit {
padding-top: 63px;
padding-bottom: 20px;
text-align: center
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.filter__block .filter__block {
margin-top:49px
}
}
@media screen and (max-width: 768px) {
.filter__block {
border-bottom:2px solid #f3f3f3
}
.filter__block:last-child {
border-bottom: 0
}
.filter__block_active .filter-mobile-reset {
display: block
}
.filter__block .filter__block {
margin-top: 24px
}
.filter__submit {
padding-top: 10px;
padding-bottom: 0;
padding-right: 20px;
padding-left: 20px
}
.filter__submit .button {
display: block;
width: 100%
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.filter__submit {
padding:10px 50px 0
}
}
.btn-text {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #999;
padding: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media screen and (max-width: 768px) {
.btn-text {
font-size:14px
}
}
.collapse__hidden {
display: none
}
.collapse__hidden-content {
padding: 27px 0 6px
}
.collapse__controls {
margin-top: 20px
}
.collapse .btn-text {
float: right
}
.collapse_collapsable .filter-mobile-reset {
margin-top: 0
}
.collapse_collapsable .filter-mobile-reset .btn-text {
margin-top: -16px
}
@media screen and (max-width: 768px) {
.collapse__hidden-content {
padding-top:13px
}
.collapse .btn-text {
float: left
}
}
.car-opts__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #999;
margin-bottom: 30px
}
.car-opts__content {
position: relative;
margin-left: 21.4375rem;
background: #faf9f9;
border-radius: 25px;
padding: 75px 130px 85px 110px;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.car-opts__text {
color: #999;
line-height: 1.5
}
.car-opts__text strong {
color: #000;
font-weight: 400
}
.car-opts__img-wrp {
position: absolute;
left: 0;
top: 0
}
.car-opts__img {
width: 23.9375rem;
position: absolute;
right: -2.375rem;
background: #fff;
border-radius: 25px;
padding: 30px;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
opacity: 0;
-webkit-transform: translate3d(0,200px,0);
transform: translate3d(0,200px,0);
-webkit-transition: opacity .5s .3s ease,-webkit-transform .5s .3s cubic-bezier(.71,.19,.25,1);
transition: opacity .5s .3s ease,-webkit-transform .5s .3s cubic-bezier(.71,.19,.25,1);
-o-transition: transform .5s .3s cubic-bezier(.71,.19,.25,1),opacity .5s .3s ease;
transition: transform .5s .3s cubic-bezier(.71,.19,.25,1),opacity .5s .3s ease;
transition: transform .5s .3s cubic-bezier(.71,.19,.25,1),opacity .5s .3s ease,-webkit-transform .5s .3s cubic-bezier(.71,.19,.25,1)
}
.car-opts__img-label {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #000;
text-align: center;
margin-top: 25px
}
.car-opts__text-mobile {
display: none
}
.car-opts_animated .car-opts__content,.car-opts_animated .car-opts__img {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.car-opts__content {
padding:55px 35px 55px 95px;
margin-left: 15.25rem
}
.car-opts__img {
width: 21.25rem;
right: -65px
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.car-opts__img-wrp {
display:none
}
.car-opts__content {
margin-left: 0;
padding: 55px 35px 55px 55px
}
}
@media screen and (max-width: 768px) {
.car-opts__content {
margin-left:0;
padding: 28px 20px 35px;
margin-left: -20px;
margin-right: -20px;
border-radius: 0
}
.car-opts__img-wrp {
display: none
}
.car-opts__text {
display: none
}
.car-opts__text-mobile {
display: block;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 16px;
color: #000
}
.car-opts__title {
margin-bottom: 18px
}
}
.radioblocks__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.radioblocks__block {
width: 33.33333%;
margin-top: 66px
}
.radioblocks__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 20px;
color: #262626;
margin-bottom: 13px
}
.radioblocks__item-wrp {
margin-bottom: 15px;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.radioblocks__item-wrp:last-child {
margin-bottom: 0
}
.radioblocks__item {
position: relative;
display: inline-block;
cursor: pointer;
color: #9b9b9b;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 30px
}
.radioblocks__item::before {
top: -6px;
bottom: -6px;
left: -21px;
right: -21px;
z-index: 1;
background: #f3f3f3;
border-radius: 50px;
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.radioblocks__item_active {
color: #bfa77b
}
.radioblocks__item_active::before {
opacity: 1
}
.radioblocks__item-text {
position: relative;
z-index: 2
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.radioblocks__block {
width:50%;
margin-top: 33px
}
}
@media screen and (max-width: 768px) {
.radioblocks__block {
margin-top:35px;
width: 50%;
padding-right: 40px
}
.radioblocks__item {
margin-right: 0
}
.radioblocks__item::before {
display: none
}
.radioblocks__title {
font-size: 16px
}
.radioblocks__item-wrp {
margin-bottom: 10px
}
}
.radiolist__row {
margin-bottom: 25px
}
.radiolist__row:last-child {
margin-bottom: 0
}
.radiolist__item {
position: relative;
display: inline-block;
padding-left: 43px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.radiolist__item_active .radiolist__icon::after,.radiolist__item_active .radiolist__icon::before {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.radiolist__icon {
position: absolute;
width: 25px;
height: 25px;
left: 0;
top: -4px;
background: #d9d9d9;
border-radius: 50%
}
.radiolist__icon::after,.radiolist__icon::before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
border-radius: 50%
}
.radiolist__icon::before {
width: 19px;
height: 19px;
top: 3px;
left: 3px;
background: #fff
}
.radiolist__icon::after {
width: 9px;
height: 9px;
top: 8px;
left: 8px;
background: #d9d9d9;
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.radiolist__text {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #262626
}
@media screen and (max-width: 768px) {
.radiolist__text {
font-size:14px
}
.radiolist__icon {
width: 21px;
height: 21px
}
.radiolist__icon::before {
width: 17px;
height: 17px;
top: 2px;
left: 2px
}
.radiolist__icon::after {
width: 9px;
height: 9px;
top: 6px;
left: 6px
}
.radiolist__item {
padding-left: 36px
}
}
.tags__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #999;
margin-bottom: 11px;
position: relative;
padding-right: 20px
}
.tags__title-icon {
display: none;
position: absolute;
width: 8px;
height: 7px;
right: 0;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.tags__title-icon svg {
display: block;
fill: #999
}
.tags__table {
overflow: hidden
}
.tags__item {
position: relative;
cursor: pointer;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.tags__item_active {
color: #4a7ffe;
cursor: default
}
.tags__item-text {
position: relative;
z-index: 2
}
.tags__row {
border-bottom: 1px solid #d9d9d9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.tags__cell {
border-bottom: 1px solid #d9d9d9;
padding-bottom: 4px;
padding-right: 20px;
padding-top: 19px;
width: 10%;
margin-bottom: -1px
}
.tags__section {
margin-bottom: 35px
}
.tags__section:last-child {
margin-bottom: 0
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.tags__cell {
width:20%
}
}
@media screen and (max-width: 768px) {
.tags__title {
font-size:14px;
margin-bottom: 0;
padding-bottom: 11px
}
.tags__title-icon {
display: block
}
.tags__title-icon svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.tags__table {
display: none;
margin: 0 -20px;
padding: 0 20px
}
.tags__cell {
width: 50%;
padding-top: 12px
}
.tags__item_active::before {
display: none
}
.tags__section {
margin-bottom: 14px
}
.tags__section_collapsed .tags__title-icon svg {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.cart {
padding-bottom: 100px
}
.cart__empty {
padding-top: 1px
}
.cart__empty-title {
margin: 72px 0 51px
}
.cart__empty-text p {
font-size: 17px;
color: #000;
margin: 20px 0
}
.cart__mobile-summary {
display: none
}
.cart .page-container {
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px
}
.cart .cart-list {
margin-top: 34px
}
.cart .form {
padding: 0
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.cart {
padding-bottom:50px
}
}
@media screen and (max-width: 1279px) {
.cart__mobile-summary {
display:block;
margin-bottom: -2px;
position: relative;
z-index: 1
}
.cart__mobile-summary .page-block {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 -20px;
padding: 0 20px
}
.cart__mobile-summary .page-block__content {
padding: 35px 20px
}
.cart .page-block__btn {
text-align: left
}
}
@media screen and (max-width: 768px) {
.cart {
padding-bottom:0
}
.cart__empty-title {
margin: 25px 0 30px
}
.cart__empty-title .title-small {
font-size: 24px
}
.cart__empty-text {
margin-bottom: 35px
}
.cart__empty-text p {
font-size: 14px
}
.cart__empty-text .link {
font-size: 14px
}
.cart__mobile-summary .button {
display: block;
width: 100%
}
.cart .col-layout__aside {
display: none
}
.cart .page-container {
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
margin: 0
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.cart {
min-height:calc(100vh - 391px)
}
.cart .page-container {
margin: 0 -50px;
padding: 0 50px
}
.cart__mobile-summary .page-block {
margin: 18px -50px 0;
padding: 0 50px
}
}
.cart-aside__item {
position: relative
}
.cart-aside__item::before {
left: 0;
right: 0;
bottom: 7px;
border-bottom: 2px dotted #999
}
.cart-aside__item-name {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #999;
padding: 6px 10px 3px 0;
float: left;
background: #fff
}
.cart-aside__item-price {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 24px;
color: #000;
float: right;
background: #fff;
padding-left: 10px
}
.cart-aside__item-content {
position: relative;
z-index: 2
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.cart-aside__item::before {
display:none
}
.cart-aside__item-price {
font-size: 17px;
margin-top: 6px
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.cart-aside__item-name {
margin-top:0
}
.cart-aside__item-price {
float: left;
font-size: 24px;
margin-top: 0
}
}
@media screen and (max-width: 768px) {
.cart-aside__item-name {
font-size:14px;
padding-top: 4px
}
.cart-aside__item-price {
font-size: 16px;
padding-top: 4px
}
}
.cart-table__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #999
}
.cart-table__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.cart-table__name {
width: 42%
}
.cart-table__count,.cart-table__price,.cart-table__total {
width: 16%
}
.cart-table__remove {
width: 10%
}
.cart-table__header {
margin-bottom: 25px
}
.cart-table__item {
padding: 23px 0;
border-bottom: 1px solid #f3f3f3
}
.cart-table__item:last-child {
border-bottom: none
}
.cart-table__name-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.cart-table__img {
min-width: 12.5rem;
text-align: center;
padding: 0 10px;
position: relative
}
.cart-table__name-text {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #000;
padding-right: 2rem;
margin-top: 40px
}
.cart-table__price-text,.cart-table__total-text {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 24px;
color: #000;
margin-top: 46px
}
.cart-table__counter {
margin-top: 47px
}
.cart-table__counter .counter {
display: inline-block
}
.cart-table__remove-icon {
padding: 0;
margin-top: 46px;
width: 21px;
height: 25px;
cursor: pointer
}
.cart-table__remove-icon path,.cart-table__remove-icon rect {
fill: #999
}
.cart-table__labels {
position: absolute;
left: 0;
top: 0
}
.cart-table__label {
text-align: left;
margin-top: 6px;
margin-left: 20px
}
.cart-table__counter-label,.cart-table__price-label,.cart-table__total-label {
display: none
}
.cart-table__btn {
display: none
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.cart-table__img {
min-width:107px
}
.cart-table__remove {
width: 5%
}
.cart-table__count {
width: 21%
}
.cart-table__counter {
margin-top: 24px
}
.cart-table__remove-icon {
float: right;
margin-top: 26px
}
.cart-table__name-text {
margin-top: 10px
}
.cart-table__price-text {
font-size: 17px;
margin-top: 28px
}
.cart-table__total-text {
font-size: 17px;
margin-top: 28px
}
}
@media screen and (max-width: 768px) {
.cart-table {
padding-bottom:15px
}
.cart-table__header {
display: none
}
.cart-table__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #fff;
border-radius: 15px;
-webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,.1);
box-shadow: 0 0 13px 0 rgba(0,0,0,.1)
}
.cart-table__count,.cart-table__name,.cart-table__price,.cart-table__total {
width: 100%
}
.cart-table__count,.cart-table__price,.cart-table__total {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.cart-table__name {
padding: 20px 25px 20px 20px;
border-bottom: 2px solid #f3f3f3
}
.cart-table__count,.cart-table__price {
padding: 20px;
border-bottom: 2px solid #f3f3f3
}
.cart-table__total {
padding: 20px
}
.cart-table__remove {
display: none
}
.cart-table__labels {
display: none
}
.cart-table__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 118px;
width: 118px;
padding-left: 0;
padding-right: 25px
}
.cart-table__name-text {
font-size: 14px;
line-height: 1.5;
margin-top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.cart-table__price-text,.cart-table__total-text {
margin-top: 0;
font-size: 16px;
margin-top: -2px
}
.cart-table__counter {
margin-top: -5px
}
.cart-table__counter-label,.cart-table__price-label,.cart-table__total-label {
display: block;
min-width: 118px;
width: 118px;
font-size: 14px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #999
}
.cart-table__item {
padding: 0;
margin-bottom: 25px
}
.cart-table__btn {
display: block;
margin-bottom: 9px
}
.cart-table__btn .btn-text {
float: right
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.cart-table__items {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -15px
}
.cart-table__item {
width: 50%;
padding: 15px
}
}
.link {
cursor: pointer
}
@media screen and (max-width: 768px) {
.link {
font-size:14px
}
}
.col-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.col-layout__aside {
min-width: 518px;
padding-right: 79px;
padding-top: 77px
}
.col-layout__content {
width: 50%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.col-layout__container {
padding: 0 40px 0 36px;
max-width: 516px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.col-layout__aside {
min-width:388px;
max-width: 388px;
padding-right: 50px;
padding-top: 40px
}
.col-layout__content {
width: 66%
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.col-layout__aside {
display:none
}
.col-layout__aside_active {
display: block
}
}
@media screen and (max-width: 768px) {
.col-layout {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
}
.cart-list {
counter-reset: cart-list-counter
}
.cart-list__item {
position: relative;
padding-left: 42px;
margin-bottom: 21px;
counter-increment: cart-list-counter
}
.cart-list__item::before {
left: 0;
padding: 0 10px 0 0;
text-align: center;
top: 50%;
content: counter(cart-list-counter) ".";
color: #999;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.cart-list__item:last-child {
margin-bottom: 0
}
.cart-list__item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.cart-list__name {
color: #000;
max-width: 160px;
line-height: 1.5
}
.cart-list__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.cart-list__price-content {
position: relative;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #000;
line-height: 1.47;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.cart-list__price-muted {
color: #999;
font-size: 13px;
text-align: right
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.cart-list__item {
padding-left:27px
}
}
.section-title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 24px;
color: #000
}
@media screen and (max-width: 768px) {
.section-title {
font-size:16px
}
}
.address-block__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #000;
position: relative;
padding-left: 31px;
margin-bottom: 23px
}
.address-block__title-icon {
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.address-block__title-icon path,.address-block__title-icon polygon {
fill: #f42e42
}
.address-block__title-icon svg:nth-child(2) {
width: 14px;
height: 10px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0)
}
.address-block__item {
position: relative;
color: #000;
padding-left: 31px;
margin-bottom: 13px
}
.address-block__item::last-child {
margin-bottom: 0
}
.address-block__item circle,.address-block__item path {
fill: #999
}
.address-block__item-icon {
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
@media screen and (max-width: 768px) {
.address-block__title {
padding-left:29px;
margin-bottom: 11px
}
.address-block__title-text {
font-size: 14px
}
.address-block__item {
margin-bottom: 11px
}
}
.order {
padding-bottom: 100px
}
.order__promo .checkbox {
margin: 50px 0 0
}
.order__promo-hidden {
margin-top: 43px
}
.order__promo-hidden .form__compound {
max-width: 392px;
float: left
}
.order__aside-content .cart-list {
margin-top: 26px
}
.order__promo-discount {
margin-left: 4.375rem;
margin-top: 7px;
float: left
}
.order__promo-discount-text {
color: #999;
font-size: 17px
}
.order__promo-discount-val {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #000;
font-size: 24px;
margin-left: 10px
}
.order__submit {
margin-top: 45px
}
.order__form {
max-width: 603px
}
.order__delivery-items .address-block {
display: none
}
.order__delivery-items .address-block__title-icon svg:nth-child(2) {
display: none
}
.order__delivery-items .order__choose-addr_chosen {
display: none
}
.order__delivery-items .order__choose-addr_choose {
display: block
}
.order__delivery-items_chosen .address-block {
display: block
}
.order__delivery-items_chosen .order__choose-addr_chosen {
display: block
}
.order__delivery-items_chosen .order__choose-addr_choose {
display: none
}
.order__delivery-items_in-stock .address-block__title-icon svg:nth-child(1) {
display: none
}
.order__delivery-items_in-stock .address-block__title-icon svg:nth-child(2) {
display: block
}
.order__choose-addr {
margin-top: 30px
}
.order__delivery-item {
display: none
}
.order__delivery-item_active {
display: block
}
.order__delivery-item_addr {
margin-top: 50px
}
.order__delivery-form {
max-width: 610px
}
.order__delivery-form-place-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -13px
}
.order__delivery-form-place-item {
padding: 0 13px
}
.order__delivery-form-place-item_street {
width: 50%
}
.order__delivery-form-place-item_apartment,.order__delivery-form-place-item_house {
width: 25%
}
.order__delivery-form-payment-value {
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.order__delivery-form-desc {
margin-top: 33px;
line-height: 1.5
}
.order__delivery-form-payment {
float: left
}
.order__delivery-form-cost {
float: right;
max-width: 342px;
position: relative;
color: #999
}
.order__delivery-form-cost-text {
position: absolute;
top: -76px
}
.order__delivery-form-cost-text .star {
font-size: 24px
}
.order__delivery-form-cost-val {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 24px;
color: #000
}
.order__promo-cost {
display: none
}
.order__payment {
max-width: 625px;
padding-bottom: 30px
}
.order__payment .button {
margin-top: 20px;
padding-left: 50px;
padding-right: 50px
}
.order__text {
margin-top: 30px
}
.order__text_danger {
color: #f93647
}
.order .address-block {
margin: 30px 0 0
}
.order .page-container {
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px
}
.order .form {
padding: 0
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.order {
padding-bottom:0
}
.order__delivery-form-payment {
width: 100%
}
.order__delivery-form-cost {
width: 100%;
float: left
}
.order__delivery-form-cost-text {
position: relative;
top: 0;
margin-top: 20px
}
.order__promo-discount {
width: 100%;
margin-left: 0;
margin-top: 20px
}
}
@media screen and (max-width: 768px) {
.order {
padding-bottom:0
}
.order__choose-addr {
margin-top: 20px
}
.order__promo .checkbox {
margin-top: 25px
}
.order__promo-hidden {
margin-top: 15px
}
.order__promo-hidden .form__control-btn {
margin: 20px 0 20px 6px
}
.order__promo-discount {
display: none
}
.order__promo-cost {
display: block
}
.order__promo-cost-text {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 16px;
color: #999
}
.order__promo-cost-val {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 24px;
color: #000
}
.order__promo-cost-notice {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 14px;
color: #999;
padding-left: 18px;
margin-top: 18px
}
.order__form .checkbox {
margin-top: 22px
}
.order__form .checkbox__text {
font-size: 12px
}
.order__submit {
margin-top: 30px
}
.order__submit .button {
display: block;
width: 100%
}
.order__delivery-item_addr {
margin-top: 25px
}
.order__delivery-form-place-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0
}
.order__delivery-form-place-item {
padding: 0
}
.order__delivery-form-place-item_street {
width: 100%;
margin-bottom: 13px
}
.order__delivery-form-place-item_apartment,.order__delivery-form-place-item_house {
width: 100%;
margin-bottom: 13px
}
.order__delivery-form-desc {
margin-top: 0;
padding-top: 20px;
overflow: hidden
}
.order__delivery-form-cost-text {
position: relative;
top: 0;
font-size: 16px
}
.order__delivery-form-cost,.order__delivery-form-payment {
float: none
}
.order__delivery-form-cost {
margin-top: 30px
}
.order__delivery-form-cost-notice {
margin-top: 10px;
padding-left: 18px
}
.order__text {
font-size: 15px
}
.order .col-layout__aside {
display: none
}
.order .page-container {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.order {
min-height:calc(100vh - 392px);
background: #fff
}
.order .page-container {
padding-left: 50px;
padding-right: 50px
}
.order__form {
max-width: 100%
}
.order__submit {
max-width: 200px
}
}
.star {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #f93647;
position: relative;
display: inline-block
}
.star__content {
display: block;
position: absolute;
bottom: -3px
}
.star_left .star__content {
left: -16px
}
.star_right .star__content {
right: -16px
}
.radiotable__container {
margin-right: 40px
}
.radiotable__btn {
position: relative;
border-bottom: 1px solid #c3c3c3;
padding-bottom: 9px;
padding-top: 13px;
cursor: pointer
}
.radiotable__btn-content {
position: relative;
padding-right: 40px
}
.radiotable__icon {
position: absolute;
width: 25px;
height: 25px;
right: 0;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.radiotable__icon svg {
width: 13px;
height: 9px;
display: none;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.radiotable__icon svg path {
fill: #c3c3c3
}
.radiotable__icon-circle {
width: inherit;
height: inherit;
border-radius: 50%;
background: #d9d9d9;
position: relative
}
.radiotable__icon-circle::after,.radiotable__icon-circle::before {
border-radius: 50%;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease
}
.radiotable__icon-circle::before {
width: 19px;
height: 19px;
top: 3px;
left: 3px;
background: #fff;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
.radiotable__icon-circle::after {
width: 9px;
height: 9px;
top: 8px;
left: 8px;
background: #d9d9d9;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
.radiotable__icon-svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0)
}
.radiotable__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 17px
}
.radiotable__cell_main {
width: 61%
}
.radiotable__cell_extra {
width: 39%
}
.radiotable__item_droppable .radiotable__icon-circle {
display: none
}
.radiotable__item_droppable .radiotable__icon svg {
display: block
}
.radiotable__item_droppable.radiotable__item_open .radiotable__icon svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.radiotable__item_active .radiotable__icon-circle::after,.radiotable__item_active .radiotable__icon-circle::before {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.radiotable__content {
display: none
}
.radiotable__body {
padding-bottom: 12px
}
.radiotable .link {
margin-top: 16px;
font-size: 15px
}
@media screen and (max-width: 768px) {
.radiotable__btn {
padding-top:15px;
padding-bottom: 15px
}
.radiotable__row {
font-size: 14px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.radiotable__cell_extra,.radiotable__cell_main {
width: 100%
}
.radiotable__cell_main {
color: #000;
line-height: 1.4
}
.radiotable__cell_extra {
color: #999;
margin-top: 3px
}
.radiotable__icon {
width: 21px;
height: 21px
}
.radiotable__icon svg {
width: 9px;
height: 6px
}
.radiotable__icon-circle::before {
width: 17px;
height: 17px;
left: 2px;
top: 2px
}
.radiotable__icon-circle::after {
left: 6px;
top: 6px
}
.radiotable__body {
border-bottom: 1px solid #c3c3c3
}
.radiotable .link {
margin-top: 15px;
margin-bottom: 15px;
font-size: 14px
}
}
.radiotable-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 40px;
margin: 14px 0
}
.radiotable-list__cell_main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 61%;
padding-right: 15px
}
.radiotable-list__cell_extra {
width: 39%;
padding-right: 15px
}
.radiotable-list__cell_extra .radiotable-list__cell-text {
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.radiotable-list__cell-img {
margin-right: 24px;
min-width: 90px;
max-width: 90px
}
.radiotable-list__cell-text {
padding-top: 20px;
color: #999
}
.radiotable-list__cell-text_dark {
color: #000
}
@media screen and (max-width: 768px) {
.radiotable-list__cell_main {
width:100%
}
.radiotable-list__cell_main .radiotable-list__cell-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 14px;
line-height: 1.4
}
.radiotable-list__cell_extra {
width: 100%
}
.radiotable-list__cell_extra .radiotable-list__cell-text {
margin-left: 63px;
margin-top: -14px
}
.radiotable-list__cell-img {
margin-right: 11px
}
.radiotable-list__item {
padding-right: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.radiotable-list__cell-text {
white-space: normal;
font-size: 14px;
padding-top: 0
}
}
.profile__service-history {
margin-top: 63px
}
.profile__service-history .fold {
margin-bottom: 19px
}
.profile__service-history .fold:last-child {
margin-bottom: 0
}
.profile__file {
margin-top: 65px
}
.profile__add-car {
margin-top: 50px
}
.profile__change-pass {
margin-top: 80px
}
.profile_my-service .button {
margin-top: 45px
}
.profile__tyres {
margin-top: 60px
}
.profile__offset-right {
padding-right: 10.625rem
}
.profile__text p {
color: #282424;
line-height: 1.5
}
.profile .page-container {
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px
}
.profile .form {
padding: 0;
max-width: 433px
}
.profile .form_full {
max-width: 100%
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.profile__add-car {
margin-top:25px
}
.profile__offset-right {
padding-right: 0
}
.profile .popup-feedback__col {
width: 80%
}
.profile .popup-feedback__col:nth-child(1) {
padding-right: 0
}
}
@media screen and (max-width: 768px) {
.profile__add-car {
margin-top:30px
}
.profile__change-pass {
margin-top: 30px
}
.profile .button {
width: 100%;
margin-top: 15px
}
.profile_my-service .button {
margin-top: 45px
}
.profile__service-history {
margin-top: 30px
}
.profile__service-history .fold {
margin-bottom: 10px
}
.profile__service-history .fold:last-child {
margin-bottom: 0
}
.profile__file {
margin-top: 30px
}
.profile__offset-right {
padding-right: 0
}
.profile__text p {
color: #000;
font-size: 14px;
margin: 25px 0
}
.profile__tyres {
margin-top: 30px
}
.profile .col-layout__aside {
display: none
}
.profile .page-container {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 30px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.profile {
min-height:calc(100vh - 441px);
background: #fff
}
.profile .page-container {
padding-left: 50px;
padding-right: 50px;
padding-bottom: 30px
}
.profile .page-container_gray {
background: #f3f3f3
}
}
.list-simple__item {
margin-bottom: 4px
}
.list-simple__item:last-child {
margin-bottom: 0
}
@media screen and (max-width: 768px) {
__item {
margin-bottom:2px
}
}
.table-left__row {
border-bottom: 1px solid #d5d5d5;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px
}
.table-left__row:last-child {
margin-bottom: 0
}
.table-left__cell:nth-child(1) {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #282424;
min-width: 272px;
width: 272px;
padding-left: 22px
}
.table-left__cell:nth-child(2) {
color: #282424
}
@media screen and (max-width: 768px) {
.table-left__row {
-ms-flex-wrap:wrap;
flex-wrap: wrap;
padding-left: 22px;
padding-right: 43px;
margin-bottom: 16px
}
.table-left__cell:nth-child(1) {
min-width: 0;
width: 100%;
padding-left: 0;
margin-bottom: 9px;
color: #999
}
.table-left__cell:nth-child(2) {
color: #262626;
line-height: 1.5
}
}
.link-icon {
position: relative;
padding-left: 40px
}
.link-icon__icon {
position: absolute;
left: 0;
top: 50%;
width: 23px;
height: 25px;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.link-icon__icon path {
fill: #4a7ffe
}
@media screen and (max-width: 768px) {
.link-icon {
font-size:14px;
padding-left: 36px
}
.link-icon__icon {
width: 20px;
height: 22px
}
}
.cars__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px
}
.cars__cell {
width: 33.33333%;
padding: 0 15px;
margin-bottom: 20px;
position: relative
}
.cars__item {
padding: 33px;
border-radius: 25px;
position: relative;
-webkit-transition: -webkit-box-shadow .3s ease;
transition: -webkit-box-shadow .3s ease;
-o-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
transition: box-shadow .3s ease,-webkit-box-shadow .3s ease
}
.cars__item:hover {
-webkit-box-shadow: 0 0 50px 2px rgba(0,0,0,.1);
box-shadow: 0 0 50px 2px rgba(0,0,0,.1)
}
.cars__img {
text-align: center;
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.cars__img img {
display: inline-block
}
.cars__desc {
text-align: center;
margin-top: 24px
}
.cars__name {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #000
}
.cars__num {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #a0a0a0;
margin-top: 2px
}
.cars .dots-list {
position: absolute;
right: 0;
top: 0
}
@media screen and (max-width: 768px) {
.cars__container {
margin:0
}
.cars__cell {
padding: 0;
width: 100%;
margin-bottom: 0;
padding-top: 20px
}
.cars__cell::before {
bottom: 0;
left: -20px;
right: -20px;
height: 1px;
background: #d9d9d9
}
.cars__item {
padding: 20px
}
.cars__item:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.cars__desc {
margin-top: 25px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.cars__container {
margin:-15px
}
.cars__item {
background: #fff
}
.cars__item .dots-list__btn {
right: 0;
top: 0
}
.cars__cell {
width: 50%;
padding: 15px;
border-radius: 15px
}
.cars__cell::before {
background: 0 0
}
}
.dots-list {
position: relative
}
.dots-list__btn {
padding: 28px;
position: absolute;
right: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.dots-list__container {
width: 24px;
height: 4px;
position: relative
}
.dots-list__dot {
position: absolute;
width: 4px;
height: 4px;
background: #4a7ffe;
top: 0;
border-radius: 50%
}
.dots-list__dot:nth-child(1) {
left: 0
}
.dots-list__dot:nth-child(2) {
left: 50%;
-webkit-transform: translate3d(-50%,0,0);
transform: translate3d(-50%,0,0)
}
.dots-list__dot:nth-child(3) {
right: 0
}
.dots-list__items {
padding-top: 46px;
padding-right: 78px;
padding-bottom: 29px;
padding-left: 29px;
background: #f3f3f3;
border-radius: 15px;
-webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,.1);
box-shadow: 0 0 20px 2px rgba(0,0,0,.1);
display: none
}
.dots-list__item {
margin-bottom: 12px
}
.dots-list__item:last-child {
margin-bottom: 0
}
.dots-list__item a {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #999
}
.dots-list_active .dots-list__items {
display: block
}
@media screen and (max-width: 768px) {
.dots-list__btn {
padding:20px;
right: -20px;
top: -20px
}
.dots-list__items {
padding: 17px 29px;
margin-top: 14px;
-webkit-box-shadow: none;
box-shadow: none;
margin-right: -10px
}
}
.btn-plus {
padding-left: 24px;
position: relative;
cursor: pointer
}
.btn-plus::before {
width: 2px;
height: 14px;
background: #4a7ffe;
left: 6px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.btn-plus::after {
width: 14px;
height: 2px;
background: #4a7ffe;
left: 0;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
@media screen and (max-width: 768px) {
.btn-plus {
font-size:14px
}
.btn-plus::before {
height: 12px
}
.btn-plus::after {
width: 12px
}
}
.muted {
color: #999
}
.starred__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 10.625rem
}
.starred__col {
padding-right: 9.375rem;
width: 50%
}
.starred__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #999;
margin-bottom: 23px
}
.starred__item {
margin-bottom: 18px;
position: relative;
padding-right: 30px;
cursor: pointer
}
.starred__item:last-child {
margin-bottom: 0
}
.starred__item_active .starred__icon path {
fill: #f42e42;
stroke: #f42e42
}
.starred__icon {
position: absolute;
right: 0;
top: 50%;
width: 18px;
height: 18px;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.starred__icon path {
stroke-width: 500;
fill: none;
stroke: #9a9a9a
}
.starred__text {
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.starred__container {
padding-right:0
}
.starred__col {
padding-right: 50px
}
}
@media screen and (max-width: 768px) {
.starred__container {
-ms-flex-wrap:wrap;
flex-wrap: wrap;
padding-right: 0
}
.starred__col {
width: 100%;
padding-right: 0;
margin-bottom: 30px
}
.starred__col:last-child {
margin-bottom: 0
}
.starred__title {
font-size: 14px
}
}
.table-4__header {
margin-bottom: 35px
}
.table-4__header .table-4__row {
border-bottom: none
}
.table-4__header .table-4__cell-content {
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.table-4__body .table-4__cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.table-4__body .table-4__cell:nth-child(3) {
color: #999
}
.table-4__row {
border-bottom: 1px solid #d5d5d5;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px
}
.table-4__row:last-child {
margin-bottom: 0
}
.table-4__cell {
width: 25%;
padding-right: 4.6875rem
}
.table-4__cell:nth-child(1) {
padding-left: 22px
}
.table-4__cell-title {
display: none
}
.table-4__cell-content strong {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-weight: 400
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.table-4__cell {
padding-right:20px
}
.table-4__cell:nth-child(1) {
padding-left: 10px
}
}
@media screen and (max-width: 768px) {
.table-4__header {
display:none
}
.table-4__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: none;
padding-left: 23px;
padding-right: 40px;
margin-bottom: 0
}
.table-4__cell {
width: 100%;
padding-right: 0
}
.table-4__cell:nth-child(1) {
padding-left: 0
}
.table-4__cell-title {
display: block;
margin-bottom: 9px;
color: #999
}
.table-4__body .table-4__cell {
display: block;
margin-bottom: 23px
}
.table-4__body .table-4__cell:nth-child(3) {
color: #000
}
.table-4__body .table-4__cell-content {
line-height: 1.5
}
}
.table-count__row {
border-bottom: 1px solid #d5d5d5;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px
}
.table-count__row:last-child {
margin-bottom: 0
}
.table-count__content {
color: #282424
}
.table-count__content_icon {
position: relative;
padding-left: 28px
}
.table-count__icon {
position: absolute;
top: 50%;
left: 0;
width: 14px;
height: 10px;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.table-count__icon svg {
display: block
}
.table-count__icon polygon {
fill: #f42e42
}
.table-count__cell:nth-child(1) {
width: 79%;
padding-right: 20px
}
.table-count__cell:nth-child(2) {
width: 21%
}
.table-models__row {
border-bottom: 1px solid #d5d5d5;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px
}
.table-models__row:last-child {
margin-bottom: 0
}
.table-models__header {
margin-bottom: 30px
}
.table-models__header .table-models__cell {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #999
}
.table-models__header .table-models__row {
border-bottom: none
}
.table-models__body .table-models__cell {
color: #282424
}
.table-models__cell {
padding-right: 20px
}
.table-models__cell:nth-child(1) {
width: 30%;
padding-left: 19px
}
.table-models__cell:nth-child(2) {
width: 25%
}
.table-models__cell:nth-child(3) {
width: 45%
}
@media screen and (max-width: 768px) {
.table-models__header {
margin-bottom:20px
}
.table-models__cell:nth-child(2) {
width: 35%
}
.table-models__cell:nth-child(3) {
width: 35%
}
.table-models__row {
margin-bottom: 15px
}
}
.promo__breadcrumb {
margin-top: 77px;
margin-bottom: 35px
}
.promo__time {
position: relative;
padding-left: 26px
}
.promo__time .text3 {
margin-top: -11px
}
.promo__time-icon {
position: absolute;
left: 0;
top: 50%;
width: 17px;
height: 17px;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.promo__time-icon svg {
display: block
}
.promo__time-icon path {
fill: #999
}
.promo__inner {
padding-bottom: 75px
}
.promo__time-text {
color: #999
}
.promo .page-container {
padding: 0 50px 0 48px
}
.promo .col-layout__aside .text2 p {
line-height: 1.3
}
.promo .col-layout__aside .title {
margin-bottom: 38px
}
.promo .col-layout__aside .link {
margin-top: 28px
}
@media screen and (max-width: 1279px) {
.promo__breadcrumb {
margin-top:25px;
margin-bottom: 15px
}
}
@media screen and (max-width: 768px) {
.promo__breadcrumb {
display:none
}
.promo__grid {
padding-bottom: 20px
}
.promo__inner {
padding-bottom: 25px
}
.promo__title .title-small {
font-size: 24px;
font-weight: 400
}
.promo .page-container {
padding: 0 20px
}
.promo .col-layout__aside {
display: block;
width: 100%;
min-width: 0;
padding-top: 0;
padding-right: 40px;
margin-bottom: 5px
}
.promo .col-layout__aside .title {
margin: 25px 0;
letter-spacing: 0
}
.promo .col-layout__aside .link {
display: none
}
.promo .col-layout__container {
padding: 0
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.promo .page-container {
padding:0 50px
}
}
.cards-grid__container {
margin: 0 -13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.cards-grid__item-cell {
width: 50%;
padding: 0 13px;
margin-bottom: 32px
}
.cards-grid__item {
background: #fff;
border-radius: 25px;
padding: 23px 30px;
height: 100%;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1)
}
.cards-grid__item-content {
position: relative;
padding-bottom: 34px;
height: 100%
}
.cards-grid__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 20px;
color: #000;
margin-bottom: 25px
}
.cards-grid__img {
display: block;
margin-left: -30px;
margin-right: -30px;
margin-bottom: 24px
}
.cards-grid__text {
color: #262626
}
.cards-grid__link-wrp {
position: absolute;
bottom: 0;
left: 0
}
.cards-grid__link-wrp .link {
font-size: 15px;
padding-right: 27px;
position: relative
}
.cards-grid__link-icon {
position: absolute;
right: 0;
top: 53%;
width: 11px;
height: 10px;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.cards-grid__link-icon svg {
display: block
}
.cards-grid__link-icon path {
fill: #4a7ffe
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.cards-grid__item {
padding:20px
}
.cards-grid__title {
font-size: 17px
}
.cards-grid__img {
margin-left: -20px;
margin-right: -20px
}
}
@media screen and (max-width: 768px) {
.cards-grid__container {
margin:0
}
.cards-grid__item-cell {
padding: 0;
width: 100%;
margin-bottom: 20px
}
.cards-grid__item {
padding: 20px;
border-radius: 15px
}
.cards-grid__img {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 18px
}
.cards-grid__title {
font-size: 14px;
overflow: visible;
white-space: normal;
line-height: 1.4;
margin-bottom: 15px
}
.cards-grid__text {
line-height: 1.5
}
.cards-grid__link-wrp .link {
padding-right: 18px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.cards-grid__container {
margin:-10px
}
.cards-grid__item-cell {
width: 50%;
padding: 10px
}
}
.feedback-block__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
text-transform: uppercase;
color: #262626;
margin-bottom: 50px
}
.feedback-block__call {
margin-bottom: 25px;
max-width: 240px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.feedback-block__phone a {
font-size: 30px;
color: #bfa77b
}
.feedback-block__phone .feedback-block__inline-group {
margin-top: 27px
}
.feedback-block__sep {
margin: 33px 0 38px;
height: 2px;
background: #f3f3f3;
margin-left: -50px;
margin-right: -50px
}
.feedback-block__callback {
margin-bottom: 40px
}
.feedback-block__submit {
margin-top: 35px;
text-align: center
}
.feedback-block__agreement {
margin-top: 35px
}
.feedback-block__inline-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 15px 0
}
.feedback-block__inline-group_last {
margin-bottom: 0
}
.feedback-block__inline-label {
font-size: 17px;
color: #999;
min-width: 70px;
padding-right: 15px
}
.feedback-block__inline-text {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #282424
}
.feedback-block__inline-text a {
color: #243380
}
.feedback-block .form {
padding: 0
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.feedback-block__sep {
margin:33px 0 38px;
height: 2px;
background: #f3f3f3;
margin-left: -37px;
margin-right: -37px
}
}
.vacancy__lists {
padding: 20px 0 100px
}
.vacancy__mobile-staff {
display: none
}
.vacancy .breadcrumb {
margin-top: 76px
}
.vacancy .subcategory {
display: none
}
.vacancy .title-small {
margin-top: 33px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.vacancy__lists {
padding-bottom:30px;
padding-top: 0
}
}
@media screen and (max-width: 1279px) {
.vacancy .breadcrumb {
margin-top:25px
}
}
@media screen and (max-width: 768px) {
.vacancy__lists {
padding-top:0;
padding-bottom: 25px
}
.vacancy__mobile-staff {
display: block;
padding: 0 20px;
margin: 0 -20px;
background: #f3f3f3;
padding-top: 25px;
padding-bottom: 35px
}
.vacancy__mobile-staff .page-block-title {
padding-right: 0;
margin-bottom: 17px
}
.vacancy__mobile-staff .page-block__content {
padding: 25px 22px 13px
}
.vacancy__mobile-staff .feedback-block__phone a {
font-size: 24px
}
.vacancy__mobile-staff .feedback-block__inline-group {
margin-top: 12px;
margin-bottom: 12px
}
.vacancy__mobile-staff .feedback-block__inline-label {
font-size: 14px
}
.vacancy__mobile-staff .feedback-block__inline-text {
font-size: 14px
}
.vacancy__mobile-staff .feedback-block__sep {
margin-top: 17px;
margin-bottom: 17px;
margin-left: -22px;
margin-right: -22px
}
.vacancy .col-layout__aside {
display: none
}
.vacancy .breadcrumb {
display: none
}
.vacancy .subcategory {
display: block
}
.vacancy .title-small {
font-size: 24px;
margin-top: 25px;
margin-bottom: 30px;
font-weight: 400
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.vacancy__mobile-staff {
margin:0 -50px;
padding: 20px 50px
}
}
.list-link__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 24px;
color: #999;
margin-bottom: 32px
}
.list-link__item {
margin-bottom: 11px
}
.list-link__item:last-child {
margin-bottom: 0
}
.list-link__icon {
position: absolute;
left: 3px;
top: 9px;
width: 12px;
height: 8px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate3d(0,-65%,0) rotate(-90deg);
transform: translate3d(0,-65%,0) rotate(-90deg)
}
.list-link__icon svg {
display: block;
fill: #999;
-webkit-transition: fill .3s ease;
-o-transition: fill .3s ease;
transition: fill .3s ease
}
.list-link__text {
position: relative;
padding-left: 30px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #282424;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
display: inline-block
}
.list-link__text:hover {
color: #4a7ffe
}
.list-link__text:hover .list-link__icon svg {
fill: #4a7ffe
}
.list-link .list-link {
margin-top: 50px
}
@media screen and (max-width: 768px) {
.list-link__title {
font-size:16px;
margin-bottom: 20px
}
.list-link__item {
margin-bottom: 14px
}
.list-link__text {
line-height: 1.5
}
.list-link__icon {
top: 9px
}
.list-link .list-link {
margin-top: 30px
}
}
.contact__table {
margin: 70px 0 78px
}
.contact__mobile-title {
display: none
}
.contact .page-block__select .page-block__group {
margin: 27px 0
}
.contact .form {
padding: 0
}
@media screen and (max-width: 768px) {
.contact__table {
margin-top:30px;
margin-bottom: 40px
}
.contact__mobile-title {
display: block
}
.contact__mobile-title .title-small {
font-size: 24px;
font-weight: 400;
padding: 25px 0;
margin: 0
}
.contact .col-layout__aside {
display: block;
width: 100%;
min-width: 0;
padding-top: 0;
padding-right: 0
}
.contact .col-layout__aside .page-block {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 -20px;
padding: 0 20px
}
.contact .col-layout__aside .page-block__select {
margin: 0
}
.contact .col-layout__aside .page-block__content {
padding: 0 0 30px
}
.contact .col-layout__aside .radiolist {
margin-left: 22px
}
.contact .col-layout__content .title-small {
display: none
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.contact .form {
width:50%
}
.contact .col-layout__aside {
max-width: 100%
}
.contact .col-layout__aside .page-block {
margin: 0 -50px;
padding: 0 50px
}
.contact__slider .slider-gallery__slide {
width: 252px!important
}
}
.table-right__row {
border-bottom: 1px solid #d5d5d5;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px
}
.table-right__row:last-child {
margin-bottom: 0
}
.table-right__cell:nth-child(1) {
font-family: btfagency3,sans-serif;
color: #282424;
width: 42%;
padding-left: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.table-right__cell:nth-child(2) {
width: 58%;
color: #282424
}
.table-right__cell-left {
font-size: 17px;
color: #999
}
.table-right__cell-right {
font-family: btfagency3,sans-serif;
color: #282424;
font-size: 17px;
margin-bottom: 11px
}
.table-right__cell-right:last-child {
margin-bottom: 0
}
@media screen and (max-width: 768px) {
.table-right__row {
-ms-flex-wrap:wrap;
flex-wrap: wrap;
padding-bottom: 6px;
padding-left: 17px;
padding-right: 17px;
margin-bottom: 15px
}
.table-right__cell:nth-child(1) {
width: 100%;
padding-left: 0
}
.table-right__cell:nth-child(2) {
width: 100%
}
.table-right__cell-left {
font-size: 14px;
color: #999;
margin-bottom: 6px
}
.table-right__cell-right {
font-size: 14px;
margin-bottom: 6px
}
.table-right__cell-right:last-child {
margin-bottom: 0
}
}
.slider-gallery {
padding-bottom: 97px;
position: relative;
width: 100%
}
.slider-gallery__arrows {
position: absolute;
right: 101px;
bottom: 62px
}
.slider-gallery__slide {
width: 380px;
min-height: 1px
}
.slider-gallery__slides {
width: 100%
}
.slider-gallery__arrow {
width: 80px;
height: 18px;
position: absolute;
cursor: pointer
}
.slider-gallery__arrow svg {
-webkit-transition: fill .3s ease;
-o-transition: fill .3s ease;
transition: fill .3s ease;
fill: #d9d9d9
}
.slider-gallery__arrow_prev {
right: 20px
}
.slider-gallery__arrow_prev svg {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: -1px
}
.slider-gallery__arrow_next {
left: 20px
}
.slider-gallery__arrow:hover svg {
fill: #999
}
@media screen and (max-width: 768px) {
.slider-gallery__arrows {
right:69px
}
.slider-gallery__arrow {
width: 53px;
height: 11px
}
.slider-gallery__arrow_prev {
right: 15px
}
.slider-gallery__arrow_next {
left: 15px
}
}
.cards-grid2__container {
margin: 0 -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.cards-grid2__item-cell {
width: 33.33333%;
padding: 0 15px;
margin-bottom: 30px
}
.cards-grid2__item {
position: relative;
background: #fff;
border-radius: 25px;
height: 100%;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
overflow: hidden;
padding-bottom: 40px
}
.cards-grid2__labels {
position: absolute;
top: 30px;
left: 28px;
pointer-events: none
}
.cards-grid2__label {
display: inline-block;
font-size: 14px;
color: #fff;
padding: 3px 13px 6px;
border-radius: 15px;
background: #4a7ffe;
margin-right: 10px
}
.cards-grid2__label_dark {
background: #bfa77b
}
.cards-grid2__text {
font-family: btfagency2,sans-serif;
font-size: 17px;
color: #000;
margin: 17px 28px;
line-height: 1.5
}
.cards-grid2__link {
position: absolute;
bottom: 26px;
color: #999;
left: 28px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.cards-grid2__container {
margin:0 -10px
}
.cards-grid2__item-cell {
padding: 0 10px
}
.cards-grid2__labels {
top: 20px;
left: 20px
}
.cards-grid2__text {
margin: 15px 20px
}
.cards-grid2__link {
left: 20px;
bottom: 20px
}
}
@media screen and (max-width: 768px) {
.cards-grid2__container {
margin:0
}
.cards-grid2__item-cell {
padding: 0;
width: 100%;
margin-bottom: 20px
}
.cards-grid2__item {
padding-bottom: 32px;
border-radius: 15px
}
.cards-grid2__labels {
top: 20px;
left: 20px
}
.cards-grid2__label {
font-size: 12px;
padding-bottom: 5px
}
.cards-grid2__text {
font-size: 14px;
margin: 15px 20px 10px
}
.cards-grid2__link {
bottom: 19px;
left: 20px;
font-size: 14px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.cards-grid2__container {
margin:-10px
}
.cards-grid2__item-cell {
width: 50%;
padding: 10px
}
}
.change-pass .text p {
max-width: 690px
}
.change-pass .form {
max-width: 236px
}
.change-pass .form__group:last-child {
margin-top: 41px
}
.change-pass .form__group button {
display: block;
width: 100%
}
@media screen and (max-width: 768px) {
.change-pass .title-small {
font-size:24px;
font-weight: 400;
margin: 25px 0
}
.change-pass .form {
max-width: 100%
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.change-pass {
min-height:calc(100vh - 417px)
}
.change-pass .form {
width: 50%
}
}
.btn-hamb {
width: 42px;
height: 26px;
float: left;
cursor: pointer;
position: absolute;
z-index: 2;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: none;
left: -6px;
top: 6px
}
.btn-hamb__content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.btn-hamb__cross {
position: absolute;
top: 50%;
height: 3px;
width: 65%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0)
}
.btn-hamb__lines {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 6px;
overflow: hidden
}
.btn-hamb__line {
width: 100%;
height: 2px;
background: #999;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease
}
.btn-hamb__line:last-child {
margin-bottom: 0
}
.btn-hamb__line_hamburger {
margin-bottom: 4px
}
.btn-hamb__line_hamburger:first-child {
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s
}
.btn-hamb__line_hamburger:nth-child(2) {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s
}
.btn-hamb__line_hamburger:last-child {
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s
}
.btn-hamb__line_cross {
position: absolute;
top: 0
}
.btn-hamb__line_cross-left {
-webkit-transform: translate3d(-35px,-35px,0) rotate(45deg);
transform: translate3d(-35px,-35px,0) rotate(45deg);
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.btn-hamb__line_cross-right {
-webkit-transform: translate3d(35px,-35px,0) rotate(-45deg);
transform: translate3d(35px,-35px,0) rotate(-45deg);
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0
}
.btn-hamb_active .btn-hamb__line_hamburger {
-webkit-transform: translate3d(120%,0,0);
transform: translate3d(120%,0,0)
}
.btn-hamb_active .btn-hamb__line_hamburger:first-child {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
.btn-hamb_active .btn-hamb__line_hamburger:nth-child(2) {
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.btn-hamb_active .btn-hamb__line_hamburger:last-child {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.btn-hamb_active .btn-hamb__line_cross-left {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s
}
.btn-hamb_active .btn-hamb__line_cross-right {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s
}
@media screen and (max-width: 1279px) {
.btn-hamb {
display:block
}
}
.mobile-phone {
width: 19px;
height: 18px;
margin-right: 32px;
display: none
}
.mobile-phone svg {
fill: #999
}
@media screen and (max-width: 1279px) {
.mobile-phone {
display:inline-block
}
}
.mobile-list-nav {
display: none;
padding: 20px 0 13px;
background: #bfa77b
}
.mobile-list-nav__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px
}
.mobile-list-nav__item {
display: block;
position: relative;
padding: 0 10px;
width: 25%;
margin-bottom: 17px
}
.mobile-list-nav__content {
min-height: 90px;
position: relative;
padding: 45px 14px 10px;
display: block;
background: #f3f3f3;
border-radius: 10px;
overflow: hidden
}
.mobile-list-nav__text {
font-family: btfagency1,sans-serif;
font-size: 14px;
line-height: 1.3;
position: relative;
z-index: 2
}
.mobile-list-nav__icon {
position: absolute;
top: 13px;
left: 13px;
width: 20px;
height: 20px
}
.mobile-list-nav__icon_gear {
width: 20px;
height: 20px
}
.mobile-list-nav__icon_rims {
width: 22px;
height: 22px
}
.mobile-list-nav__icon_battery {
width: 23px;
height: 17px
}
.mobile-list-nav__icon_service {
width: 18px;
height: 18px
}
.mobile-list-nav__icon svg {
fill: #bfa77b
}
.mobile-list-nav__bg {
position: absolute;
right: -28px;
bottom: -32px;
width: 73px;
height: 73px
}
.mobile-list-nav__bg_gear {
right: -28px;
bottom: -32px
}
.mobile-list-nav__bg_rims {
width: 100px;
height: 100px;
right: -50px;
bottom: -50px
}
.mobile-list-nav__bg_battery {
width: 69px;
height: 64px;
right: -32px;
bottom: -10px
}
.mobile-list-nav__bg_service {
width: 83px;
height: 50px;
right: -42px;
bottom: -6px
}
.mobile-list-nav__bg svg {
fill: #f0eee5
}
@media screen and (max-width: 1279px) {
.mobile-list-nav {
display:block
}
}
@media screen and (max-width: 768px) {
.mobile-list-nav__item {
width:50%
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.mobile-list-nav__content {
padding:55px 20px 20px
}
.mobile-list-nav__icon {
left: 19px
}
.mobile-list-nav__icon_gear {
right: -35px;
bottom: -35px
}
.mobile-list-nav__bg {
right: -28px;
bottom: -32px;
width: 100px;
height: 100px
}
.mobile-list-nav__bg_gear {
right: -35px;
bottom: -35px
}
.mobile-list-nav__bg_rims {
width: 128px;
height: 105px;
right: -35px;
bottom: -30px
}
.mobile-list-nav__bg_battery {
width: 100px;
height: 100px;
right: -35px;
bottom: -23px
}
.mobile-list-nav__bg_service {
width: 100px;
height: 100px;
right: -35px;
bottom: -35px
}
}
.menu-mobile {
position: fixed;
top: 95px;
bottom: 0;
width: 100%;
z-index: 1200;
background: #f3f3f3;
overflow: auto;
display: none
}
.menu-mobile__link {
display: block;
padding: 14px 20px 16px;
background: #4a7ffe
}
.menu-mobile__link-content {
position: relative;
display: block;
padding-left: 34px
}
.menu-mobile__link-icon {
position: absolute;
display: block;
left: 0;
top: 50%;
width: 15px;
height: 17px;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.menu-mobile__link-icon svg {
fill: #fff
}
.menu-mobile__link-text {
font-family: btfagency2,sans-serif;
font-size: 14px;
color: #fff
}
.menu-mobile__list {
border-bottom: 1px solid #d9d9d9
}
.menu-mobile_active {
display: block
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.menu-mobile__link {
padding:14px 50px 16px
}
}
.row-list {
background: #fff
}
.row-list a {
display: block;
padding: 14px 20px 16px;
font-family: btfagency3,sans-serif;
font-size: 14px;
color: #999
}
.row-list li {
border-bottom: 1px solid #d9d9d9
}
.row-list li:last-child {
border-bottom: 0
}
.logo-mobile {
width: 119px;
display: none
}
@media screen and (max-width: 1279px) {
.logo-mobile {
position:absolute;
top: -6px;
display: block
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.logo-mobile {
width:180px
}
}
@media screen and (max-width: 767px) {
.logo-mobile {
top:-2px
}
}
.button-pills__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.button-pills__item {
padding: 12px 0;
background: #fff;
width: 50%;
font-size: 14px;
color: #000;
text-align: center
}
.button-pills__item:first-child {
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
border-right: 1px solid #d9d9d9
}
.button-pills__item:last-child {
border-top-right-radius: 25px;
border-bottom-right-radius: 25px
}
.button-pills__item_active {
background: #bfa77b;
color: #fff
}
.button-pills__item_single {
width: 100%
}
.filter-mobile-title {
display: none
}
@media screen and (max-width: 768px) {
.filter-mobile-title {
overflow:hidden;
display: block;
padding-left: 20px;
padding-right: 20px;
padding-top: 41px;
margin-bottom: 21px;
position: relative
}
.filter-mobile-title__text {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 24px;
color: #000
}
.filter-mobile-title__btn {
position: absolute;
right: -6px;
top: -5px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.filter-mobile-title {
overflow:hidden;
display: block;
padding-left: 50px;
padding-right: 50px;
padding-top: 41px;
margin-bottom: 21px;
position: relative
}
}
.filter-mobile-reset {
margin-top: 25px
}
.filter-mobile-reset .btn-text {
float: right
}
@media screen and (min-width: 769px) {
.popup-container {
display:none;
position: fixed;
z-index: 1005;
width: 100%;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 0;
left: 0;
pointer-events: none
}
.popup-container_active {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.popup-container .popup {
pointer-events: all
}
}
@media screen and (max-width: 768px) {
.popup-container_active {
position:fixed;
z-index: 1004;
overflow: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.popup-container_active .popup {
position: relative;
left: 0;
top: 174px;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.popup-container_active .popup_purchase {
position: fixed;
bottom: 0
}
}
.clients .subcategory {
display: none
}
@media screen and (max-width: 768px) {
.clients .subcategory {
display:block
}
.clients .title-small {
font-size: 24px;
font-weight: 400
}
.clients .col-layout__aside {
display: none
}
}
.car-service__back {
display: none
}
.car-service .subcategory {
display: none
}
@media screen and (max-width: 1279px) {
.car-service .subcategory {
display:block
}
}
@media screen and (max-width: 768px) {
.car-service__grid {
padding-top:5px;
padding-bottom: 20px
}
.car-service__back {
display: block
}
.car-service__inner {
margin-top: -10px;
padding-bottom: 10px
}
.car-service__inner .title-small {
margin-top: 0
}
.car-service__inner .text3 p {
margin: 25px 0
}
.car-service .col-layout__aside {
display: none
}
.car-service .title-small {
font-size: 24px;
font-weight: 400
}
}
.page-link {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
color: #999;
text-align: center;
margin: 25px 0
}
@media screen and (max-width: 768px) {
.page-link {
font-size:14px
}
}
.incompatible-message {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10000;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.incompatible-message__text {
font-size: 24px
}
.yandex {
font-size: 17px;
color: #000;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.yandex__item {
margin-bottom: 45px
}
.yandex__item:last-child {
margin-bottom: 0
}
.yandex__header-left {
float: left
}
.yandex__header-right {
float: right
}
.yandex__author {
display: inline-block;
color: #000
}
.yandex__stars {
display: inline-block;
margin-left: 40px;
padding-left: 40px;
position: relative
}
.yandex__stars-icon {
position: absolute;
width: 26px;
height: 23px;
left: 0;
top: 50%;
-webkit-transform: translate3d(0,-60%,0);
transform: translate3d(0,-60%,0);
background: no-repeat url(data:image/svg xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE4MzQ4IDE3NTQ4Ij4NCiAgPHBhdGggZmlsbD0iI2ZmOTcwMCIgc3Ryb2tlPSIjZmY5NzAwIiBzdHJva2Utd2lkdGg9IjM1LjI4MDgiIGQ9Ik0xMDA1OCA1NjhsMjA2NSA0MTg1YzE0NCwyOTEgNDIyLDQ5MiA3NDMsNTM5bDQ2MTkgNjcxYzgwOSwxMTggMTEzMSwxMTEyIDU0NiwxNjgybC0zMzQyIDMyNThjLTIzMiwyMjYgLTMzOCw1NTMgLTI4Myw4NzJsNzg5IDQ2MDBjMTM4LDgwNiAtNzA4LDE0MjAgLTE0MzEsMTA0MGwtNDEzMSAtMjE3MWMtMjg3LC0xNTEgLTYzMSwtMTUxIC05MTgsMGwtNDEzMSAyMTcxYy03MjMsMzgxIC0xNTY5LC0yMzQgLTE0MzEsLTEwNDBsNzg5IC00NjAwYzU1LC0zMTkgLTUxLC02NDYgLTI4NCwtODcybC0zMzQyIC0zMjU4Yy01ODUsLTU3MSAtMjYyLC0xNTY1IDU0NywtMTY4Mmw0NjE5IC02NzFjMzIxLC00NyA1OTksLTI0OCA3NDIsLTUzOWwyMDY2IC00MTg1YzM2MSwtNzM0IDE0MDYsLTczNCAxNzY4LDB6Ii8 DQo8L3N2Zz4=)
}
.yandex__stars-text_muted {
color: #999
}
.yandex__date {
color: #999
}
.yandex__body h3 {
font-weight: 400;
font-family: SFUIDisplayBold,Tahoma,sans-serif;
margin: 20px 0;
font-size: 17px
}
.yandex__body p {
margin: 20px 0;
font-size: 17px;
line-height: 1.2;
color: #000
}
.yandex__link {
font-size: 17px;
color: #2695f3;
margin: 20px 0
}
@media screen and (max-width: 768px) {
.yandex__stars {
margin-left:20px
}
.yandex__header-right {
float: none
}
}
.scroll-lock {
overflow: hidden!important
}
.popup-mini {
position: fixed;
z-index: 1001;
width: 364px;
background: #fff;
border-radius: 15px;
top: 68px;
right: 77px;
padding: 27px 27px 31px;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1)
}
.popup-mini__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 16px;
margin-bottom: 17px
}
.popup-mini__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.popup-mini .button {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 16px;
padding: 12px 41px
}
@media screen and (max-width: 1279px) {
.popup-mini {
top:49px;
right: 23px
}
.popup-mini__title {
font-size: 15px
}
.popup-mini .button {
font-size: 15px
}
}
@media screen and (max-width: 768px) {
.popup-mini {
width:auto;
left: 10px;
right: 10px;
top: 20px;
padding: 20px 20px 26px
}
.popup-mini .button {
font-size: 14px;
padding: 11px 24px
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.popup-mini {
width:305px;
right: 30px;
top: 50px;
padding: 20px 20px 26px;
left: initial
}
}
.payment {
padding-bottom: 100px
}
.payment__empty {
padding-top: 1px
}
.payment__empty-title {
margin: 72px 0 51px
}
.payment__empty-text p {
font-size: 17px;
color: #000;
margin: 20px 0
}
.payment .button {
margin-top: 50px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.payment {
padding-bottom:50px
}
}
@media screen and (max-width: 768px) {
.payment {
padding-bottom:0
}
.payment__empty-title {
margin: 25px 0 30px
}
.payment__empty-title .title-small {
font-size: 24px
}
.payment__empty-text {
margin-bottom: 35px
}
.payment__empty-text p {
font-size: 14px
}
.payment__empty-text .link {
font-size: 14px
}
}
.danger {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #f93647
}
@media screen and (max-width: 768px) {
.danger {
font-size:14px
}
}
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(38,38,38,.5);
z-index: 1001
}
.preloader__content {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.preloader svg {
width: 200px;
height: 200px
}
@-webkit-keyframes pulsation {
from {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(.7);
transform: scale(.7)
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes pulsation {
from {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(.7);
transform: scale(.7)
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
10% {
-webkit-transform: rotate(-36deg);
transform: rotate(-36deg)
}
20% {
-webkit-transform: rotate(-72deg);
transform: rotate(-72deg)
}
30% {
-webkit-transform: rotate(-108deg);
transform: rotate(-108deg)
}
40% {
-webkit-transform: rotate(-144deg);
transform: rotate(-144deg)
}
50% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
60% {
-webkit-transform: rotate(-216deg);
transform: rotate(-216deg)
}
70% {
-webkit-transform: rotate(-252deg);
transform: rotate(-252deg)
}
80% {
-webkit-transform: rotate(-288deg);
transform: rotate(-288deg)
}
90% {
-webkit-transform: rotate(-324deg);
transform: rotate(-324deg)
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@keyframes rotation {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
10% {
-webkit-transform: rotate(-36deg);
transform: rotate(-36deg)
}
20% {
-webkit-transform: rotate(-72deg);
transform: rotate(-72deg)
}
30% {
-webkit-transform: rotate(-108deg);
transform: rotate(-108deg)
}
40% {
-webkit-transform: rotate(-144deg);
transform: rotate(-144deg)
}
50% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
60% {
-webkit-transform: rotate(-216deg);
transform: rotate(-216deg)
}
70% {
-webkit-transform: rotate(-252deg);
transform: rotate(-252deg)
}
80% {
-webkit-transform: rotate(-288deg);
transform: rotate(-288deg)
}
90% {
-webkit-transform: rotate(-324deg);
transform: rotate(-324deg)
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
.client-card {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
max-width: 500px;
width: 100%;
margin: 0 auto
}
.client-card .client-card__title {
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 11px;
color: #121212
}
.client-card .client-card__content {
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 6px;
padding: 32px 40px;
position: relative
}
.client-card .client-card__detail {
display: flex
}
.client-card .client-card__qr-code {
margin-right: 32px
}
.client-card .client-card__qr-code img {
max-width: 140px
}
.client-card .client-card__num {
font-size: 17px;
line-height: 20px;
font-weight: 500;
letter-spacing: 4px;
margin-bottom: 16px
}
.client-card .client-card__info-item-title {
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: #999
}
.client-card .client-card__info-item--card-sale .client-card__info-item-title {
margin-bottom: 4px
}
.client-card .client-card__info-item--card-sale .client-card__discount {
color: #233079;
font-weight: 500;
font-size: 36px;
line-height: 41px;
margin-bottom: 16px;
display: block
}
.client-card .client-card__group {
display: flex
}
.client-card .client-card__group .client-card__info-item-val {
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: #999;
padding: 0 4px
}
.client-card .client-card__group .client-card__info-item {
display: flex;
align-items: center
}
.client-card .client-card__group .client-card__info-item:first-child {
margin-right: 20px
}
.client-card .client-card__hint {
width: 20px;
height: 20px;
position: absolute;
right: 40px;
top: 32px;
background: url("data:image/svg xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTAgMEM0LjQ3MzEyIDAgMCA0LjQ3MjU0IDAgMTBDMCAxNS41MjY5IDQuNDcyNTQgMjAgMTAgMjBDMTUuNTI2OSAyMCAyMCAxNS41Mjc1IDIwIDEwQzIwIDQuNDczMTIgMTUuNTI3NSAwIDEwIDBaTTEwIDE4LjY2NjdDNS4yMjEyMSAxOC42NjY3IDEuMzMzMzIgMTQuNzc4OCAxLjMzMzMyIDEwQzEuMzMzMzIgNS4yMjExNyA1LjIyMTIxIDEuMzMzMzIgMTAgMS4zMzMzMkMxNC43Nzg4IDEuMzMzMzIgMTguNjY2NyA1LjIyMTIxIDE4LjY2NjcgMTBDMTguNjY2NyAxNC43Nzg4IDE0Ljc3ODggMTguNjY2NyAxMCAxOC42NjY3WicgZmlsbD0nIzk5OTk5OScvPjxwYXRoIGQ9J005Ljc0NjIzIDEyLjE4NjhDOS4yNzI3MiAxMi4xODY4IDguODg5NCAxMi41ODEzIDguODg5NCAxMy4wNTQ5QzguODg5NCAxMy41MTcxIDkuMjYxNDMgMTMuOTIzIDkuNzQ2MjMgMTMuOTIzQzEwLjIzMSAxMy45MjMgMTAuNjE0MyAxMy41MTcxIDEwLjYxNDMgMTMuMDU0OUMxMC42MTQzIDEyLjU4MTMgMTAuMjE5NyAxMi4xODY4IDkuNzQ2MjMgMTIuMTg2OFonIGZpbGw9JyM5OTk5OTknLz48cGF0aCBkPSdNOS44OTI5NiA1LjYxMTMzQzguMzcwOTMgNS42MTEzMyA3LjY3MTg4IDYuNTEzMzIgNy42NzE4OCA3LjEyMjFDNy42NzE4OCA3LjU2MTgzIDguMDQzOTggNy43NjQ3NiA4LjM0ODM2IDcuNzY0NzZDOC45NTcxOCA3Ljc2NDc2IDguNzA5MTggNi44OTY2NCA5Ljg1OTE3IDYuODk2NjRDMTAuNDIyOSA2Ljg5NjY0IDEwLjg3MzkgNy4xNDQ2NCAxMC44NzM5IDcuNjYzMzFDMTAuODczOSA4LjI3MjEgMTAuMjQyNSA4LjYyMTY3IDkuODcwNDYgOC45MzcyOUM5LjU0MzQ3IDkuMjE5MTcgOS4xMTUwMyA5LjY4MTQzIDkuMTE1MDMgMTAuNjUxMUM5LjExNTAzIDExLjIzNzMgOS4yNzI4OCAxMS40MDY1IDkuNzM1MTEgMTEuNDA2NUMxMC4yODc2IDExLjQwNjUgMTAuNDAwMyAxMS4xNTg0IDEwLjQwMDMgMTAuOTQ0MkMxMC40MDAzIDEwLjM1OCAxMC40MTE2IDEwLjAxOTcgMTEuMDMxNyA5LjUzNDkxQzExLjMzNjEgOS4yOTgxNSAxMi4yOTQ0IDguNTMxNDggMTIuMjk0NCA3LjQ3MTY3QzEyLjI5NDQgNi40MTE4NyAxMS4zMzYxIDUuNjExMzMgOS44OTI5NiA1LjYxMTMzWicgZmlsbD0nIzk5OTk5OScvPjwvc3ZnPg==") no-repeat center
}
.client-card .client-card__hint:hover .client-card__hint-text {
opacity: 1;
pointer-events: auto;
transform: none
}
.client-card .client-card__hint-text {
position: absolute;
z-index: 1001;
width: 364px;
background: #fff;
border-radius: 15px;
top: 35px;
right: 0;
padding: 27px 27px 31px;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
opacity: 0;
pointer-events: none;
transform: translate(-10px,0);
transition: .3s
}
.client-card .client-card__subtitle {
font-weight: 500;
font-size: 17px;
line-height: 20px;
margin-bottom: 16px
}
.client-card .client-card__desc {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 40px;
max-width: 302px
}
.profile-wrapper {
display: flex;
flex-wrap: wrap
}
.profile-wrapper .form {
width: 100%
}
.profile-wrapper .profile__change-pass {
width: 100%;
order: 3
}
.popup-container {
flex-direction: column;
align-items: center;
justify-content: unset;
padding: 15px;
overflow-y: auto;
pointer-events: all;
overscroll-behavior: contain
}
.popup {
margin: auto;
background-color: #fff
}
.popup .select span,.popup .default-checkbox__label {
text-align: left
}
.card-form__wrapper {
margin: 0 auto;
max-width: 547px
}
.card-form .page-block__content {
padding: 91px 105px
}
.card-form .feedback-block__submit {
margin: 80px 0 0
}
.card-form {
margin: 74px 0 0
}
.card-form .feedback-block__title {
font-size: 24px;
font-weight: 500;
margin: 0 0 22px
}
.card-form .feedback-block__title,.card-form .feedback-block__call {
text-align: center;
text-transform: none
}
.card-form .feedback-block__call {
max-width: none;
margin: 0 0 60px
}
.card-form .feedback-block__call span {
display: inline-block;
max-width: 335px
}
@media(max-width: 500px) {
.card-form__wrapper .page-block__content {
padding:30px
}
}
.header__col .logo {
display: flex;
margin-top: -5px
}
.header__col .logo img {
width: unset
}
@media screen and (max-width: 1279px) {
.header__col .logo {
display:none
}
}
.service-selector__input {
position: relative
}
.catalog_cell .catalog-item__desc {
margin-bottom: 25px
}
.forms__error-message {
position: absolute;
top: calc(100% 3px);
right: 0;
color: red;
font-size: 14px!important;
font-family: SFUIDisplayRegular,Tahoma,sans-serif!important
}
@font-face {
font-family: btfagency1;
src: url(../fonts/LotaGrotesque-Black.woff2) format("woff2"),url(../fonts/LotaGrotesque-Black.woff2) format("woff");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: btfagency2;
src: url(../fonts/LotaGrotesque-Bold.woff2) format("woff2"),url(../fonts/LotaGrotesque-Bold.woff2) format("woff");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: btfagency3;
src: url(../fonts/LotaGrotesque-Regular.woff2) format("woff2"),url(../fonts/LotaGrotesque-Regular.woff2) format("woff");
font-weight: 300;
font-style: normal
}
.catalog-item.catalog-item_in-cart .catalog-item__sale-el .catalog-item__cart-plus {
display: block;
background: no-repeat url(data:image/svg xml;base64,PHN2ZyBjbGFzcz0iY2F0YWxvZy1pdGVtX19jYXJ0LWNoZWNrZWQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjExOTUgMTg4NzMiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IndoaXRlIiBkPSJNMTUyNjkgMTYzMTljMCwwIC0yOCwtMjcgLTgwLC03NmwtMTUxMiAtMTUzNWMtNTksLTYxIC0xMTksLTEwMSAtMTc3LC0xNjJsLTk5OSAtMTAzMmMyMSwtMzIgODE5LC04NDkgODk5LC04OTJsMTg4NyAxOTA3YzE0NjUsLTEyNDUgMjU5NiwtMjY0MSAzMzk2LC0zNDE5IDEzMiwxMzIgMzYxLDM2MCA0MzgsNDM5IDgxLDgzIDM3MSw0MDkgNDQxLDQ4MyAtMTc0LDE2NSAtMzk4LDM4MCAtNTI2LDUxMmwtMTA1MSAxMDYyYy0zMzksMzQ5IC04MjksODc4IC0xMTcyLDExODcgLTQ3Nyw0MzAgLTgwMSw4MjUgLTE1NDQsMTUyNnptOTg4IDI1NTRsLTU1NCAwYy0zODgsLTIxIC03NzYsLTg4IC0xMTU0LC0yMDUgLTUxNiwtMTYwIC03OTYsLTI5MCAtMTI2MywtNTY3IC0zNzksLTIyNiAtNzAzLC01MTAgLTEwMTQsLTgxOGwtNDE0IC00OTFjLTQyOSwtNTc4IC03MDEsLTExNjAgLTg4MSwtMTg3NCAtNTIsLTIwNyAtMTI1LC01NDUgLTEyNSwtNzgyIC05NSwtMTM1MyAyNTAsLTI1MDMgOTg1LC0zNTI2bDczMCAtNzk4YzQxLC0zMyA1OCwtNTYgOTksLTkwIDE0MjgsLTEyMDcgMjc3NywtMTM0NCA0NTI4LC0xMDk2IDEwNiw3IDI2NSw2OSAzNzAsMTAwIDUxNCwxNTIgMTEwOSw0NjEgMTUyOCw3NzUgOTUsNzIgMTYzLDEzMiAyNTEsMjAzIDM3NSwzMDIgNDA5LDM4NCA2ODYsNjkxIDIyNiwyNTEgNTc0LDgyMiA3MDIsMTEyOCA0NywxMTMgOTAsMjAwIDEzNSwzMTkgNDQsMTE1IDc1LDIyMCAxMTQsMzM4IDc1LDIyNyAxMjgsNDk4IDE2Niw3NTkgNDMsMjkyIDQ5LDUyNSA0OSw4NTcgMCwxMTMxIC0zODgsMjA2MyAtOTc4LDI5MzBsLTE5NyAyNTVjLTQzLDQ5IC02MCw3NyAtMTA0LDEyMyAtMzUwLDM2OCAtMjkxLDMyOCAtNzA3LDY3MCAtMjIyLDE4MyAtNTg1LDQxNCAtODM5LDU0MCAtNjUwLDMyMiAtMTM3NSw1MTkgLTIxMTMsNTU5eiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMxRjMwODEiIGQ9Ik0xMDg1MiAxNDEzNmMtMTE2LC0xNjYxIDUzMSwtMzMzMiAxODE0LC00NDE0IDQwLC0zNCA1NywtNDQgMTA0LC04NSAxMzI1LC05OTUgMjE4NywtMTE1MSAzNzY3LC0xMDg2IDI0MSwyNCA0MzUsNDMgNjU3LDc1IDMzLC0xNDcgMjk5LC0xMTEyIDMwMiwtMTIyOGwtMTU3MDMgMGMwLDEyMSAxMDEyLDQ0ODQgMTA5MSw0ODE3IDMyLDEzOCA1OCwyNTYgOTEsNDAwIDEzNSw1OTggODUsOTY0IDY1MiwxMzI5IDM5NSwyNTQgNzc5LDE5MiAxMjgwLDE5Mmw1OTQ1IDB6Ii8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iIzFGMzA4MSIgZD0iTTEwODkwIDc5M2M1NSw4MSAxMDcsMTY3IDE2NywyNDhsNTI2IDc1N2MxNjgsMjI1IDM0Nyw1MTkgNTIzLDc2MSA2Niw5MCAxMTQsMTcwIDE3OCwyNTYgMzkwLDUyNSA4NDgsMTI2NCAxMjI2LDE3NzQgNjQsODYgMTIzLDE2NyAxNzMsMjYxbC04MjEwIDAgMzQ1IC01MDRjNjQsLTg0IDExMSwtMTU5IDE2OSwtMjQ3IDYxLC05MyAxMTQsLTE2MSAxNzcsLTI1NmwxMjA0IC0xNzU5YzYyLC05NCAxMTAsLTE3MCAxNzYsLTI1OSA2MiwtODIgMTA5LC0xNTkgMTY4LC0yNDdsMzQ3IC01MDJjNTYsLTc5IDEyNCwtMTc4IDE3MCwtMjY0IC0xMjQsLTM0IC0xMzY0LC03NjggLTE0NzIsLTc5MyAtMzMsNDkgLTY0LDg2IC0xMDIsMTQzbC0xODYxIDI3MjZjLTM3LDU2IC03MSw5NyAtMTEwLDE1NGwtMTE5NCAxNzUwYy0yOCwzNiAtMjAsNTggLTc0LDU4bC0zNDE2IDAgMCAxNTY3YzAsNDMgMTMsNTcgNTcsNTdsMTkxOTQgMGM0MywwIDU3LC0xNCA1NywtNTdsMCAtMTU2NyAtMzU0OSAwYy02MiwwIC0zOTgsLTUzMSAtNDM0LC01ODVsLTE1NzQgLTIyNzZjLTQxLC02MiAtNzAsLTk1IC0xMDksLTE1NGwtMTA1MCAtMTUxOGMtMzksLTU3IC02NCwtMTAxIC0xMDYsLTE1OCAtNDYsLTY0IC02OCwtOTAgLTEwNSwtMTU5IC04MSwxOSAtNjQxLDMzOCAtNzQzLDM5MCAtMTI2LDY0IC0yMzcsMTM4IC0zNjQsMjAybC0zODQgMjAxeiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMxRjMwODEiIGQ9Ik0xNTM2MyAxNjI1OWMzMDcsLTI0MiAxMTI3LC0xMTc1IDE0NTAsLTE0NjYgMzQzLC0zMDkgODMzLC04MzggMTE3MiwtMTE4N2wxMDUxIC0xMDYyYzEyOCwtMTMyIDM5MywtMzg3IDUyNiwtNTEyIC03MiwtNzIgLTM2MCwtNDAwIC00NDEsLTQ4M2wtNDM4IC00MzljLTExNDcsMTA4MCAtMjI4NCwyMjg2IC0zMzk2LDM0MTlsLTE4ODcgLTE5MDdjLTgwLDQzIC04NzgsODYwIC04OTksODkybDk5OSAxMDMyYzU4LDYxIDExOCwxMDEgMTc3LDE2MiAxMzksMTQxIDE2MDksMTYyNCAxNjEyLDE2MjJsNzQgLTcxeiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc)
}
.catalog_cell .catalog-item__sale {
margin-top: auto
}
.card-product__sale {
margin-top: 70px;
max-width: 550px
}
.card-product__sale-title {
font-weight: 500;
font-size: 20px;
line-height: 24px
}
.card-product__sale-info {
font-size: 15px;
line-height: 18px;
color: #999;
margin-top: 10px
}
.cp-sale__item-el--btn {
}
.cp-sale__item-el--year {
font-size: 15px;
line-height: 18px;
color: #999;
margin-right: auto
}
.cart-table__item-bot {
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: 8%
}
.cart-table__item-bot .select__text {
color: #999
}
.cart-table__item-bot .select_condensed .select__btn {
height: 43px;
min-width: 140px;
padding: 13px 45px 11px 19px
}
.cart-table__item-label {
font-weight: 500;
font-size: 15px;
line-height: 18px;
margin-right: 32px
}
.cart-table__item-btn {
margin-left: 30px
}
.cart-table__item-btn a {
display: inline-block;
color: #fff;
font-weight: 700;
font-size: 16px;
line-height: 19px;
background: #233079;
border-radius: 31px;
padding: 15px 23px;
text-decoration: none;
white-space: nowrap
}
.cp-sale__item:not(:last-child) {
border-bottom: 1px solid #d5d5d5
}
.cp-sale__list {
margin-top: 30px
}
.cp-sale__item {
padding: 25px 0 5px
}
.catalog-item__sale-title {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #4980fe;
margin-bottom: 10px
}
.catalog-item__sale-item {
display: flex;
align-items: center;
border-bottom: 1px solid #d5d5d5;
padding: 5px 0
}
.catalog-item__sale-el:first-child {
font-size: 15px;
line-height: 18px;
color: #999;
margin-right: auto
}
.catalog-item__sale-el--count {
width: 20px;
height: 20px;
margin-left: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}
.catalog-item__sale-el {
position: relative
}
.catalog_list .catalog-item__sale-el {
white-space: nowrap
}
.catalog_list .catalog-item__sale-el:not(:first-child) {
margin-left: 20px
}
.gift-success-card .page-container_rounded {
box-shadow: none
}
.gift-success-card .page-container {
background-color: transparent
}
.gift-success-card .main .container {
max-width: 520px;
padding: 0
}
.btn-condensed__bold {
line-height: 1
}
.card-product__control .btn-condensed {
padding: 6px 12px!important;
border: 1px solid #bfa77b
}
.credit-btn img {
display: block;
cursor: pointer
}
.credit-btn {
display: inline-block;
position: relative
}
.credit-btn__text-link a {
text-decoration: none!important;
color: #bfa77b!important
}
.credit-btn__text-close {
background: url(../../../../../../local/templates/.default/img/ico-close-credit-popup.svg) center no-repeat;
width: 20px;
height: 20px;
position: absolute;
top: 23px;
right: 20px;
cursor: pointer;
opacity: 0
}
.credit-btn__text:after {
content: "";
background: inherit;
width: 25px;
height: 25px;
transform: rotateZ(45deg);
position: absolute;
bottom: -5px;
left: calc(50% - 13px)
}
.credit-btn__text {
position: absolute;
bottom: calc(100% 22px);
left: calc(50% - 145px);
border-radius: 30px;
background: #f2f2f2;
font-size: 13px;
padding: 27px 42px 40px;
line-height: 23px;
width: 290px;
opacity: 0;
pointer-events: none
}
.credit-btn:hover .promo-hint {
opacity: 1
}
.credit-btn .promo-hint__text:first-child {
margin-top: 0
}
@media(min-width: 1919px) {
.card-product__control:not(:last-child) {
margin-right:85px
}
.ss-item__text-right .button {
font-size: 15px;
padding-left: 28px;
padding-right: 28px;
width: 163px
}
.ss-item__text-right span {
font-size: 18px
}
.ss-item__text-right {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
grid-gap: 10px;
gap: 10px
}
.ss-item__text {
width: 100%;
max-width: none!important;
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 30px;
gap: 30px
}
.select-service__item:not(.select-service__item--full) {
width: calc((100% - 75px * 2)/2)
}
}
@media(min-width: 2000px) {
.card-product__control:not(:last-child) {
margin-right:55px
}
}
@media(min-width: 2300px) {
.card-product__control:not(:last-child) {
margin-right:17px
}
}
@media(max-width: 1919px) and (min-width:768px) {
.card-product__control:not(:last-child) {
margin-right:40px
}
.ss-item__text-right .button {
font-size: 15px;
padding-left: 28px;
padding-right: 28px;
width: 163px
}
.ss-item__text-right {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
grid-gap: 10px;
gap: 10px
}
}
@media(max-width: 1919px) {
.cart-table__item-bot {
margin-right:0
}
.ss-item__text-right span {
font-size: 18px;
display: block;
margin-bottom: 20px
}
.ss-item__text-left {
margin-bottom: 25px
}
}
@media(max-width: 768px) {
.card-product__control:nth-child(1):not(:last-child),.card-product__control:nth-child(2) {
width:100%!important;
margin-top: 20px;
text-align: center
}
.cart-table__item-bot {
display: flex;
flex-wrap: wrap;
margin-top: 20px
}
.cart-table__item-label {
width: 100%;
margin-bottom: 10px
}
.cart-table__item-btn {
margin-left: auto
}
.catalog-item form {
flex-wrap: wrap
}
.catalog-item__desc {
width: calc(100% - 100px)
}
.catalog-item__sale {
width: 100%
}
.catalog-item__sale .catalog-item__cart-plus {
display: block
}
.catalog-item__sale-item:last-child {
border-bottom: 0
}
}
.btn-condensed span {
vertical-align: bottom
}
.btn-condensed:not(.btn-condensed--remote-warehouse) {
padding: 5px 12px
}
.btn-condensed:not(.btn-condensed--remote-warehouse) .btn-condensed__bold {
display: inline-flex;
align-items: center
}
.btn-condensed:not(.btn-condensed--remote-warehouse) .btn-condensed__bold:before {
content: "";
width: 22px;
height: 16px;
margin-right: 12px;
background: url(../../../../../../local/templates/.default/img/ico-to-cart.svg) center no-repeat
}
.btn-condensed--remote-warehouse {
background: 0 0;
border: 1px solid #bfa77b;
color: #bfa77b;
padding: 5px 12px
}
.btn-condensed--remote-warehouse:hover {
color: #fff
}
.btn-condensed--remote-warehouse:hover .btn-condensed__bold:before {
background: url(../../../../../../local/templates/.default/img/ico-un-order-hover.svg) center no-repeat
}
.btn-condensed--remote-warehouse .btn-condensed__bold {
display: inline-flex;
align-items: center
}
.btn-condensed--remote-warehouse .btn-condensed__bold:before {
content: "";
background: url(../../../../../../local/templates/.default/img/ico-un-order.svg) center no-repeat;
width: 27px;
height: 16px;
margin-right: 12px
}
.card-product__control {
vertical-align: top
}
.gift-success-card .gift-card {
padding: 0
}
.gift-success-card .gift-card__close {
display: none
}
.gift-success-card .gift-card__row-title {
text-align: center;
font-size: 36px;
margin-bottom: 40px
}
.gift-success-card .gift-card__title {
text-align: center;
font-size: 36px;
margin-bottom: 40px
}
.gift-success-card .gift-card__row-text-text {
font-size: 17px;
margin-bottom: 25px;
text-align: center
}
.gift-success-card .gift-card__row-qr {
width: 80px;
margin: 40px 0
}
.gift-success-card .gift-card__row-qr img {
max-width: 100%
}
.gift-success-card .gift-card__text {
font-size: 17px;
margin-bottom: 25px;
text-align: center
}
.gift-success-card .gift-card__row-bluetext {
font-size: 17px;
color: #567ff6
}
.gift-success-card .gift-card__fromname {
font-size: 14px;
color: rgba(0,0,0,.3)
}
.gift-success-card .gift-card__picture img {
border-radius: 15px
}
.gift-success-card .gift-card__info {
display: block!important;
text-align: center;
margin-top: 55px!important;
margin-bottom: 30px!important
}
.gift-success-card .gift-card__info a {
text-decoration: none;
color: #567ff6
}
.gift-success-card .gift-card-confirm-form-container {
margin-top: 25px
}
.gift-success-card .gift-card__row {
display: flex;
flex-direction: column;
align-items: center
}
.gift-success-card .form__control {
width: 100%;
background-color: #fff;
height: 48px;
padding: 0 20px
}
.gift-success-card .form-grid__cols {
width: 100%;
margin: 0
}
.gift-success-card .gift-card__row-content {
width: 100%
}
.gift-success-card .form-grid__col {
width: 100%;
padding: 0;
margin: 0
}
.gift-success-card .gift-card__row-submit {
margin-top: 20px
}
.gift-success-card .button {
background: #567ff6
}
.gift-success-card .header {
display: none
}
.gift-success-card .main,.gift-success-card .page {
justify-content: center;
display: flex;
flex-direction: column
}
.seo-text p:not(:first-child) {
display: none
}
.seo-text p:first-child {
cursor: pointer
}
.seo-text {
position: relative
}
.seo-text>* {
padding-right: 100px
}
.js__seo-text--open.seo-text:after {
transform: rotate(225deg)
}
.seo-text:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 15px;
height: 15px;
border-right: 2px solid #bfa77b;
border-bottom: 2px solid #bfa77b;
transform: rotate(45deg);
transition: transform .3s ease;
pointer-events: none
}
.seo-text ul {
display: none
}
.car-service__inner .button {
color: #fff
}
.title-container {
display: flex;
justify-content: space-between;
align-items: flex-start
}
.title-container .button {
margin-top: 45px;
height: 50px;
flex: none
}
.section-text {
margin-bottom: 50px
}
.mobile-app-cont {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 100%;
font-family: SFUIDisplayBold,Tahoma,sans-serif;
overflow: hidden;
background-image: url(../../../../../../local/templates/.default/img/mobile-app-bg.jpg);
background-color: #88c9d2;
background-repeat: no-repeat;
text-align: center;
background-size: cover;
z-index: 999999
}
.mobile-app-title {
font-size: 18px;
text-align: center;
line-height: 24px;
flex: none
}
.app-wrapper {
max-width: 100%;
height: 100%;
padding: 15px 0;
text-align: center;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.mobile-app-btn {
font-size: 17px;
color: #fff;
text-decoration: none;
text-align: center;
padding: 15px 30px 16px;
border-radius: 100px;
background: #232f78;
font-weight: 700;
flex: none
}
.mobile-app-img {
position: relative;
z-index: 10;
flex: none;
width: 100%;
margin-left: auto
}
.mobile-app-cont img {
max-width: 100%;
height: auto;
display: block;
flex: 0 1 auto;
max-height: 58vh;
transform: translate3d(25%,0,0)
}
.mobile-app-link {
font-size: 15px;
text-decoration: none;
color: #fff;
margin-top: 22px;
line-height: 1;
flex: none
}
.mobile-app-close {
display: block;
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
background-image: url(../../../../../../local/templates/.default/img/ico-close.svg);
background-position: center;
background-repeat: no-repeat
}
@media screen and (min-width: 1000px) {
.mobile-app-cont {
display:none
}
}
#add_element_form__47_container .popup-feedback__col>.form__group {
margin: 0!important
}
#add_element_form__47_container .popup-feedback__col {
display: grid;
width: auto;
grid-gap: 27px;
padding: 0;
float: none;
grid-template-columns: repeat(2,1fr);
grid-template-areas: "name text" "mail text" "url file" "btn btn"
}
.cards-grid__title {
white-space: normal;
text-overflow: inherit;
overflow: visible
}
.view-type__item--fav-service-only .view-type__text span {
font-size: 12px;
margin: 2px 0 0
}
.view-type__item--fav-service-only {
color: #000!important
}
.view-type__item--fav-service-only span {
color: #999!important
}
.view-type__item--fav-service-only:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
background-size: contain!important;
top: calc(100% - 18px);
left: -2px
}
.view-type__item--fav-service-only.active:before {
background: url(../../../../../../local/templates/.default/img/view-type-active.svg) no-repeat
}
.view-type__item--fav-service-only:not(.active):before {
background: url(../../../../../../local/templates/.default/img/view-type-unactive.svg) no-repeat
}
.view-type__item--fav-service-only.active {
color: #4a7ffe
}
#add_element_form__47_container .form__group--PREVIEW_TEXT {
grid-area: text;
display: flex;
flex-direction: column
}
#add_element_form__47_container .form__group--PREVIEW_TEXT label {
flex: none
}
#add_element_form__47_container .form__group--PREVIEW_TEXT textarea {
flex: 1 1 auto;
height: auto
}
.addFileType .forms-input-cont {
display: flex;
flex-direction: column;
position: relative
}
.yandex__body a[href*=yandex]:not([class]) {
font-size: 17px;
color: #2695f3;
margin: 20px 0;
text-decoration: none;
display: block
}
.yandex:not(.js__opened) .yandex__item:nth-child(n 4) {
display: none
}
.yandex__more {
margin: 30px 0 0;
text-align: center
}
.addFileType .forms-input-cont:not(:first-child) {
margin: 27px 0 0
}
.forms__input--file {
position: absolute;
left: 0;
top: 0;
opacity: 0;
pointer-events: none
}
.clone--input {
margin: 10px 0 0;
color: #4a7ffe;
display: inline-block;
text-decoration: none!important
}
.forms__input--file-support {
padding-right: 142px
}
.forms__label--file {
order: -1;
position: static!important
}
.forms__label--file:after {
content: "ßрøúрõÿøть";
position: absolute;
padding: 13px;
white-space: nowrap;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
font-size: 17px;
height: 45px;
right: 0;
bottom: 0;
font-family: SFUIDisplayBold,Tahoma,sans-serif;
background: #bfa77b;
color: #fff;
text-align: center;
box-sizing: border-box;
cursor: pointer
}
#add_element_form__47_container .form__group--NAME {
grid-area: name
}
#add_element_form__47_container .form__group--472 {
grid-area: mail
}
#add_element_form__47_container .form__group--474 {
grid-area: url
}
#add_element_form__47_container .form__group--473 {
grid-area: file
}
#add_element_form__47_container .form__group_condensed {
grid-area: btn
}
.fold__content[style*=block]:not([style*=height]) {
overflow: visible!important
}
.wr-button-success {
margin: 20px 0 0;
text-align: center
}
.ajax-processed {
position: relative
}
.ajax-processed:after {
content: "";
position: absolute
}
a[href*="tel:"] {
white-space: nowrap
}
.slider-main__slides {
overflow: hidden
}
.cart-table__name-text a {
font: inherit;
color: inherit;
text-decoration: none;
word-break: break-word
}
.form__control {
border: 1px solid transparent;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease
}
.forms__input_error,.forms__input_error .checkbox__btn .checkbox__icon {
border: 1px solid red
}
.forms__input_error .checkbox__btn .checkbox__text {
color: #ff1515
}
.cart-icon__count {
padding-right: 0
}
textarea.form__control {
resize: none;
min-height: 49px
}
@media screen and (min-width: 1279px),(max-width:1100px) {
.header {
}
.catalog-label {
margin-bottom: 7px
}
.catalog-item__desc {
padding-top: 78px
}
}
@media screen and (min-width: 1000px) {
.tyres-search-form-container .tyres-search-form {
display:flex;
flex-direction: column;
align-items: flex-start!important
}
.tyres-search-form-container .form__group:first-child {
width: auto!important
}
.tyres-search-form-container .form__group:not(:first-child) {
margin-top: 20px!important
}
.tyres-search-form-container .form__group {
display: flex;
align-items: center
}
.tyres-search-form-container .tyres-search-form-add {
margin-top: 20px;
cursor: pointer;
color: #4a7ffe
}
.tyres-search-form-delete {
margin-left: 10px;
cursor: pointer;
color: #4a7ffe
}
}
.hide-block-form {
display: none
}
.hide-block-form.active {
display: block
}
.form-grid_condensed .form-grid__col .radiobox__text {
overflow: visible;
white-space: pre-wrap;
text-align: center
}
.form-grid_condensed .form-grid__col .radiobox__item {
flex: 1 1 auto;
padding: 20px 30px 19px;
display: flex;
flex-direction: column;
justify-content: center
}
.form-grid_condensed .form-grid__col {
display: flex;
flex-direction: column
}
.card-product__labels {
display: flex;
flex-direction: column;
-ms-align-items: flex-start;
align-items: flex-start
}
.card-product__label {
position: relative
}
.promo-hint--guarantee .promo-hint__name,.promo-hint--promo .promo-hint__name {
padding: 0
}
.promo-hint--guarantee .promo-hint__name:before,.promo-hint--promo .promo-hint__name:before {
display: none
}
.card-product__label-text:not(:last-child):before {
content: "";
pointer-events: none;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: calc(100% 29px);
height: 180px
}
.card-product__label:hover .promo-hint,.promo-hint:hover,.card-product__label:hover .card-product__label-text:not(:last-child):before {
opacity: 1;
pointer-events: all
}
.promo-hint:before {
width: 15px;
height: 15px;
content: "";
background: #fff;
transform: rotate(45deg);
position: absolute;
right: calc(100% - 8px);
top: 40px;
box-shadow: -4px 4px 6px 0 rgba(154,154,154,.3)
}
.promo-hint {
position: absolute;
top: -35px;
left: calc(100% 29px);
padding: 23px 29px;
background: #fff;
border-radius: 15px;
width: 270px;
z-index: 2;
font-weight: 400;
box-shadow: -1px 2px 6px 0 rgba(154,154,154,.57);
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
.promo-hint__name:before {
content: "";
background: url(../../../../../../local/templates/.default/img/ico-gift.jpg) no-repeat;
position: absolute;
width: 17px;
height: 16px;
top: calc(50% - 9px);
left: 0
}
.promo-hint__name {
position: relative;
font-size: 15px;
padding-left: 32px
}
.promo-hint__text a:last-child {
display: block;
color: #232f78;
text-decoration: none;
margin: 10px 0 0
}
.promo-hint__text {
margin: 15px 0 0;
font-size: 15px;
line-height: calc(23/15);
color: #a2a2a2
}
@media(min-width: 1919px) {
.service:not(.service--better) .form-grid__title-compound .form-grid__row .form-grid__col:nth-child(2) {
margin-right:1px
}
}
@media screen and (max-width: 768px) {
.mobile-app-opened {
overflow:hidden
}
.catalog-item__cart-plus-mobile {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: no-repeat url(data:image/svg xml;base64,PHN2ZyBjbGFzcz0iY2F0YWxvZy1pdGVtX19jYXJ0LXBsdXMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTkxIDUyNiI DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0icmdiKDE1MywgMTUzLCAxNTMpIg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik01MzcuMTQ0LDE4MC4yNjEgTDEuMzIyLDE4MC4yNjEgQzAuNTkyLDE4MC4yNjEgLTAuMDAwLDE3OS42NjkgLTAuMDAwLDE3OC45MzggTC0wLjAwMCwxMzYuODI2IEMtMC4wMDAsMTM2LjA5NiAwLjU5MiwxMzUuNTA0IDEuMzIyLDEzNS41MDQgTDk2LjI5MSwxMzUuNTA0IEwxODguNTY1LDAuNjUzIEwyMjkuMzYxLDIzLjA3MCBMMTUyLjQyMywxMzUuNTA0IEwzODIuMTQzLDEzNS41MDQgTDMwMy45MjgsMjIuNDc5IEwzNDQuOTQ1LDAuMTgyIEw0MzguNTg3LDEzNS41MDQgTDUzNy4xNDQsMTM1LjUwNCBDNTM3Ljg3NSwxMzUuNTA0IDUzOC40NjcsMTM2LjA5NiA1MzguNDY3LDEzNi44MjYgTDUzOC40NjcsMTc4LjkzOCBDNTM4LjQ2NywxNzkuNjY5IDUzNy44NzUsMTgwLjI2MSA1MzcuMTQ0LDE4MC4yNjEgWk00NTIuODEzLDIwNi40MjQgTDQ4OC4wODgsMjA2LjQyNCBMNDQ4Ljg5NSwzNjAuMzk1IEM0NDguODk1LDM3OS4wNzIgNDMzLjEwMiwzOTQuMTk5IDQxMy42MjMsMzk0LjE5OSBMMTIwLjQwNywzOTQuMTk5IEMxMDAuOTI3LDM5NC4xOTkgODUuMTM0LDM3OS4wNzIgODUuMTM0LDM2MC4zOTUgTDQ5Ljg2MSwyMDYuNDI0IEw4NS4xMzQsMjA2LjQyNCBMNDUyLjgxMywyMDYuNDI0IFoiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTQ0Ni41MzMsMjM2LjUxNSBDNTI2LjMyMCwyMzYuNTE1IDU5MS4wMDAsMzAxLjMxOSA1OTEuMDAwLDM4MS4yNTggQzU5MS4wMDAsNDYxLjE5NyA1MjYuMzIwLDUyNi4wMDAgNDQ2LjUzMyw1MjYuMDAwIEMzNjYuNzQ3LDUyNi4wMDAgMzAyLjA2Nyw0NjEuMTk3IDMwMi4wNjcsMzgxLjI1OCBDMzAyLjA2NywzMDEuMzE5IDM2Ni43NDcsMjM2LjUxNSA0NDYuNTMzLDIzNi41MTUgWiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIGZpbGw9InJnYigxNTMsIDE1MywgMTUzKSINCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPSJNNTExLjI5OSwzOTQuMjAzIEw0NTkuNzAzLDM5NC4yMDMgTDQ1OS43MDMsNDQ1LjgwNyBDNDU5LjcwMyw0NTMuNjcwIDQ1MC45MTMsNDYwLjA0MyA0NDAuMDcyLDQ2MC4wNDMgQzQyOS4yMzAsNDYwLjA0MyA0MjAuNDQyLDQ1My42NzAgNDIwLjQ0Miw0NDUuODA3IEw0MjAuNDQyLDM5NC4yMDMgTDM2OC45OTksMzk0LjIwMyBDMzYxLjE0MCwzOTQuMjAzIDM1NC43NjksMzg1LjM3OCAzNTQuNzY5LDM3NC40OTUgQzM1NC43NjksMzYzLjYwOCAzNjEuMTQwLDM1NC43OTAgMzY4Ljk5OSwzNTQuNzkwIEw0MjAuNDQyLDM1NC43OTAgTDQyMC40NDIsMzAzLjQ1NiBDNDIwLjQ0MiwyOTUuNTk5IDQyOS4yMzAsMjg5LjIyMyA0NDAuMDcyLDI4OS4yMjMgQzQ1MC45MTMsMjg5LjIyMyA0NTkuNzAzLDI5NS41OTkgNDU5LjcwMywzMDMuNDU2IEw0NTkuNzAzLDM1NC43OTAgTDUxMS4yOTksMzU0Ljc5MCBDNTE5LjE1OCwzNTQuNzkwIDUyNS41MjksMzYzLjYwOCA1MjUuNTI5LDM3NC40OTUgQzUyNS41MjksMzg1LjM3OCA1MTkuMTU4LDM5NC4yMDMgNTExLjI5OSwzOTQuMjAzIFoiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==);
display: block;
background-position-y: 6px
}
.catalog-item__cart-checked-mobile {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: no-repeat url(data:image/svg xml;base64,PHN2ZyBjbGFzcz0iY2F0YWxvZy1pdGVtX19jYXJ0LWNoZWNrZWQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjExOTUgMTg4NzMiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IndoaXRlIiBkPSJNMTUyNjkgMTYzMTljMCwwIC0yOCwtMjcgLTgwLC03NmwtMTUxMiAtMTUzNWMtNTksLTYxIC0xMTksLTEwMSAtMTc3LC0xNjJsLTk5OSAtMTAzMmMyMSwtMzIgODE5LC04NDkgODk5LC04OTJsMTg4NyAxOTA3YzE0NjUsLTEyNDUgMjU5NiwtMjY0MSAzMzk2LC0zNDE5IDEzMiwxMzIgMzYxLDM2MCA0MzgsNDM5IDgxLDgzIDM3MSw0MDkgNDQxLDQ4MyAtMTc0LDE2NSAtMzk4LDM4MCAtNTI2LDUxMmwtMTA1MSAxMDYyYy0zMzksMzQ5IC04MjksODc4IC0xMTcyLDExODcgLTQ3Nyw0MzAgLTgwMSw4MjUgLTE1NDQsMTUyNnptOTg4IDI1NTRsLTU1NCAwYy0zODgsLTIxIC03NzYsLTg4IC0xMTU0LC0yMDUgLTUxNiwtMTYwIC03OTYsLTI5MCAtMTI2MywtNTY3IC0zNzksLTIyNiAtNzAzLC01MTAgLTEwMTQsLTgxOGwtNDE0IC00OTFjLTQyOSwtNTc4IC03MDEsLTExNjAgLTg4MSwtMTg3NCAtNTIsLTIwNyAtMTI1LC01NDUgLTEyNSwtNzgyIC05NSwtMTM1MyAyNTAsLTI1MDMgOTg1LC0zNTI2bDczMCAtNzk4YzQxLC0zMyA1OCwtNTYgOTksLTkwIDE0MjgsLTEyMDcgMjc3NywtMTM0NCA0NTI4LC0xMDk2IDEwNiw3IDI2NSw2OSAzNzAsMTAwIDUxNCwxNTIgMTEwOSw0NjEgMTUyOCw3NzUgOTUsNzIgMTYzLDEzMiAyNTEsMjAzIDM3NSwzMDIgNDA5LDM4NCA2ODYsNjkxIDIyNiwyNTEgNTc0LDgyMiA3MDIsMTEyOCA0NywxMTMgOTAsMjAwIDEzNSwzMTkgNDQsMTE1IDc1LDIyMCAxMTQsMzM4IDc1LDIyNyAxMjgsNDk4IDE2Niw3NTkgNDMsMjkyIDQ5LDUyNSA0OSw4NTcgMCwxMTMxIC0zODgsMjA2MyAtOTc4LDI5MzBsLTE5NyAyNTVjLTQzLDQ5IC02MCw3NyAtMTA0LDEyMyAtMzUwLDM2OCAtMjkxLDMyOCAtNzA3LDY3MCAtMjIyLDE4MyAtNTg1LDQxNCAtODM5LDU0MCAtNjUwLDMyMiAtMTM3NSw1MTkgLTIxMTMsNTU5eiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMxRjMwODEiIGQ9Ik0xMDg1MiAxNDEzNmMtMTE2LC0xNjYxIDUzMSwtMzMzMiAxODE0LC00NDE0IDQwLC0zNCA1NywtNDQgMTA0LC04NSAxMzI1LC05OTUgMjE4NywtMTE1MSAzNzY3LC0xMDg2IDI0MSwyNCA0MzUsNDMgNjU3LDc1IDMzLC0xNDcgMjk5LC0xMTEyIDMwMiwtMTIyOGwtMTU3MDMgMGMwLDEyMSAxMDEyLDQ0ODQgMTA5MSw0ODE3IDMyLDEzOCA1OCwyNTYgOTEsNDAwIDEzNSw1OTggODUsOTY0IDY1MiwxMzI5IDM5NSwyNTQgNzc5LDE5MiAxMjgwLDE5Mmw1OTQ1IDB6Ii8 DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iIzFGMzA4MSIgZD0iTTEwODkwIDc5M2M1NSw4MSAxMDcsMTY3IDE2NywyNDhsNTI2IDc1N2MxNjgsMjI1IDM0Nyw1MTkgNTIzLDc2MSA2Niw5MCAxMTQsMTcwIDE3OCwyNTYgMzkwLDUyNSA4NDgsMTI2NCAxMjI2LDE3NzQgNjQsODYgMTIzLDE2NyAxNzMsMjYxbC04MjEwIDAgMzQ1IC01MDRjNjQsLTg0IDExMSwtMTU5IDE2OSwtMjQ3IDYxLC05MyAxMTQsLTE2MSAxNzcsLTI1NmwxMjA0IC0xNzU5YzYyLC05NCAxMTAsLTE3MCAxNzYsLTI1OSA2MiwtODIgMTA5LC0xNTkgMTY4LC0yNDdsMzQ3IC01MDJjNTYsLTc5IDEyNCwtMTc4IDE3MCwtMjY0IC0xMjQsLTM0IC0xMzY0LC03NjggLTE0NzIsLTc5MyAtMzMsNDkgLTY0LDg2IC0xMDIsMTQzbC0xODYxIDI3MjZjLTM3LDU2IC03MSw5NyAtMTEwLDE1NGwtMTE5NCAxNzUwYy0yOCwzNiAtMjAsNTggLTc0LDU4bC0zNDE2IDAgMCAxNTY3YzAsNDMgMTMsNTcgNTcsNTdsMTkxOTQgMGM0MywwIDU3LC0xNCA1NywtNTdsMCAtMTU2NyAtMzU0OSAwYy02MiwwIC0zOTgsLTUzMSAtNDM0LC01ODVsLTE1NzQgLTIyNzZjLTQxLC02MiAtNzAsLTk1IC0xMDksLTE1NGwtMTA1MCAtMTUxOGMtMzksLTU3IC02NCwtMTAxIC0xMDYsLTE1OCAtNDYsLTY0IC02OCwtOTAgLTEwNSwtMTU5IC04MSwxOSAtNjQxLDMzOCAtNzQzLDM5MCAtMTI2LDY0IC0yMzcsMTM4IC0zNjQsMjAybC0zODQgMjAxeiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMxRjMwODEiIGQ9Ik0xNTM2MyAxNjI1OWMzMDcsLTI0MiAxMTI3LC0xMTc1IDE0NTAsLTE0NjYgMzQzLC0zMDkgODMzLC04MzggMTE3MiwtMTE4N2wxMDUxIC0xMDYyYzEyOCwtMTMyIDM5MywtMzg3IDUyNiwtNTEyIC03MiwtNzIgLTM2MCwtNDAwIC00NDEsLTQ4M2wtNDM4IC00MzljLTExNDcsMTA4MCAtMjI4NCwyMjg2IC0zMzk2LDM0MTlsLTE4ODcgLTE5MDdjLTgwLDQzIC04NzgsODYwIC04OTksODkybDk5OSAxMDMyYzU4LDYxIDExOCwxMDEgMTc3LDE2MiAxMzksMTQxIDE2MDksMTYyNCAxNjEyLDE2MjJsNzQgLTcxeiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc);
background-position-y: 6px
}
.catalog-item__cart {
background: 0 0
}
.title-container {
flex-wrap: wrap
}
.car-service .title-small .button {
margin: 0 0 25px;
height: auto
}
.car-service .title-small {
width: 100%
}
.mobile-app-opened #app>*:not(.mobile-app-cont) {
opacity: 0!important;
height: 0!important
}
.mobile-app-opened>*:not(#app) {
display: none!important
}
.catalog .col-layout__aside_active {
display: block
}
.cards-grid__title {
height: auto!important
}
.yandex__more {
margin: 15px 0 0
}
.order__promo-discount {
display: block
}
.promo-hint {
top: calc(100% 20px);
width: calc(100vw - 55px);
left: 0
}
.promo-hint:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
right: auto;
left: 20px;
top: auto;
bottom: calc(100% - 8px)
}
.catalog-item__counter,.catalog-item__icons,.catalog-item__labels,.catalog-item__text {
display: block
}
.catalog-item__controls .catalog-item__counter {
margin-right: 10px
}
.catalog-item__controls {
display: flex;
-ms-align-items: center;
align-items: center
}
}
@media screen and (min-width: 768px) {
html,html body,#app {
min-height:100vh!important
}
#app,.main {
display: flex;
flex-direction: column
}
.header,.footer {
flex: none
}
.main,.page {
flex: 1 1 auto
}
}
div.page-404 img {
max-width: 100%
}
div.page-404 {
text-align: center;
padding: 2vh 0
}
.page-404__title {
margin-top: 4.21053vh;
padding-top: 30px;
text-transform: uppercase;
color: #bfa77b;
font-weight: 700!important;
font-size: 1.5625rem!important
}
.page-404__text {
margin-top: 3.15789vh;
font-size: 16px;
line-height: 1.2
}
.page-404__text a {
color: #bfa77b
}
.text3 table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #c3c3c3
}
.text3>*:not(img) {
max-width: 1034px
}
.text3 strong {
font-weight: 700
}
.text3 h2,.text3 h3,.text3 h4,.text3 h5,.text3 h6 {
font-weight: 400
}
.text3 h2 {
font-size: 22px;
line-height: 1.27
}
.text3 h3 {
font-size: 20px;
line-height: 1.3
}
.text3 h4 {
font-size: 18px;
line-height: 1.33
}
.text3 h5,.text3 h6 {
font-size: 16px;
line-height: 1.5
}
.text3 [align=right] {
float: right;
margin-left: 30px
}
.text3 [align=left] {
float: left;
margin-right: 30px
}
.text3 img[height] {
height: auto
}
.text3 img[align] {
margin-bottom: 20px
}
.text3 table td,.text3 table th {
padding: 15px 23px;
font-weight: 300
}
.text3 table td:not([valign]),.text3 table td[valign=middle],.text3 table th:not([valign]),.text3 table th[valign=middle] {
vertical-align: middle;
border: 1px solid silver
}
.text3 table td[valign=top],.text3 table th[valign=top] {
vertical-align: top
}
.text3 table td[valign=bottom],.text3 table th[valign=bottom] {
vertical-align: bottom
}
.text3 table[border="1"] td,.text3 table[border="1"] th {
border: 1px solid #e0dede
}
.catalog__title-empty,.form-grid__title,.title-small {
font-weight: 300
}
.title-small span {
display: block;
color: #999;
font-size: 15px
}
.cart-list__name a {
color: inherit;
text-decoration: none
}
.cart-list__name {
max-width: 210px
}
.footer__dev svg {
max-width: 100%
}
.tags__cell {
padding-left: 16px
}
.best-offer__item-img img {
width: 100%
}
span.required {
color: red
}
.table-wrap {
-webkit-overflow-scrolling: touch;
overflow-x: auto
}
.cards-grid__title {
display: inline-block;
text-decoration: none
}
.popup_success .popup-feedback__text {
color: #9a9a9a
}
.popup_success,.popup_form_forgotpasswd {
width: 548px
}
.popup_success {
text-align: center;
padding: 64px 48px 58px
}
.popup_success .popup__title {
margin-bottom: 38px
}
.cards-grid__title {
max-width: 100%
}
.forms__info {
margin-bottom: 15px
}
.changePassword .account-forms__btns {
margin: 15px 0 0
}
.changePassword .account-forms_login .account-forms__btn_change-pass {
display: none
}
.changePassword .account-forms__btn_forgot-pass {
display: none
}
.changePassword .account-forms_reg .account-forms__btn_forgot-pass {
}
.find_bug_link {
position: fixed;
bottom: 65px;
right: 2vw;
transform: scale(.8);
z-index: 100
}
.cards-grid__item .cards-grid__link-wrp {
padding: 17px 0 0;
margin: auto 0 0
}
.cards-grid__item .cards-grid__img {
}
.cards-grid__item,.cards-grid__item .cards-grid__item-content {
display: flex;
flex-direction: column
}
.cards-grid__item .cards-grid__item-content {
flex: 1 1 auto
}
.catalog_list .catalog-item__title {
height: auto!important
}
.form__compound div:not[class] {
display: block;
margin-top: 6px;
padding-left: 19px;
font-size: 15px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
position: relative
}
.catalog__aside-content>.catalog__feedback {
margin: 55px 0 0
}
.promo-hint--price-discount .promo-hint__name {
padding-left: 0
}
.promo-hint--price-discount .promo-hint__name:before {
opacity: 0
}
@media screen and (max-width: 1919px) {
.client-card {
margin:32px 0 0
}
.profile__change-pass {
margin-top: 40px
}
.info__content {
left: auto;
right: -10px;
padding: 10px 35px 9px 13px
}
}
.cart-list__price-content {
white-space: nowrap
}
.wrapper {
max-width: 100%!important
}
.filter.processed .filter__block:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999
}
@media screen and (min-width: 1250px) {
.best-offer__text-left {
margin-left:0
}
.best-offer__top {
padding-top: 60px;
padding-bottom: 57px
}
.best-offer__row_text {
margin-top: 0
}
.best-offer__bottom {
height: 400px
}
}
@media screen and (max-width: 768px) {
.page-block__select {
z-index:3;
position: relative
}
.contact .col-layout__aside .page-block__select {
position: static
}
#add_element_form__47_container .popup-feedback__col {
grid-template-columns: 1fr;
grid-template-areas: "name" "mail" "file" "text" "url" "btn"
}
.forms__label--file:after {
height: 42px
}
.map-contacts .select__container {
right: auto
}
.popup_success,.popup_form_forgotpasswd {
border-radius: 25px;
max-width: 100%;
width: auto
}
#app,.main {
display: flex;
flex-direction: column
}
#app {
min-height: 100vh
}
.header,.footer {
flex: none
}
.main,.page {
flex: 1 1 auto
}
.radiotable-list__cell-img {
float: left;
width: 31%
}
.radiotable-list__cell_main,.radiotable-list__item {
display: block
}
.radiotable-list__item:after {
clear: both;
content: "";
display: table
}
.radiotable-list__cell_extra .radiotable-list__cell-text {
margin: 0
}
.text3 table td,.text3 table th {
padding: 10px 15px
}
.promo .col-layout__aside {
display: none
}
.subcategory__link {
white-space: nowrap
}
.map-contacts__dropdown {
width: 185px
}
.text3 ol li {
padding-left: 12px
}
.breadcrumb__item:last-child,.breadcrumb__item:nth-last-child(2) .breadcrumb__icon {
display: none
}
.breadcrumb__item:nth-last-child(2) {
margin: 0;
padding: 0
}
}
@media screen and (max-width: 1279px) {
.profile-wrapper {
flex-direction:column
}
.header {
top: 0
}
}
@media screen and (max-width: 1079px) {
.footer__list>li,.footer__list {
margin-right:30px
}
}
@media screen and (min-width: 768px) {
.footer__top .footer__copyright {
margin-top:auto;
padding: 20px 0 0
}
.footer__top .container {
display: flex
}
.footer__top .footer__col:last-child {
display: flex;
flex-direction: column
}
.main_fixed .subcategory__body {
}
.promo .subcategory {
display: none
}
}
@media screen and (min-width: 1279px) {
.subcategory__link {
white-space:pre-wrap
}
}
@media screen and (min-width: 2561px) {
html {
font-size:.63vw
}
}
.smartbanner-icon {
background: url(../../../../../../local/templates/.default/img/app-logo.svg) no-repeat!important;
background-size: contain!important
}
html.smartbanner-show body {
position: static
}
html.smartbanner-show .popup-mini {
top: auto
}
html.smartbanner-show .header {
top: auto
}
.smartbanner {
position: fixed!important;
padding: 14px;
box-shadow: none!important;
height: 110px!important;
line-height: 1.2;
background: #fff!important
}
.smartbanner-container {
display: flex;
align-items: center;
justify-content: space-between;
white-space: pre-wrap!important;
position: relative
}
.smartbanner-icon {
flex: none;
width: 82px!important;
height: 82px!important;
margin-right: 20px!important
}
.smartbanner-button-text {
font-weight: 500!important;
color: inherit;
padding: 0!important;
background: 0 0!important
}
.smartbanner-button {
flex: none;
position: static!important;
align-self: flex-end;
font-size: 14px!important;
border-radius: 23px!important;
background: #051537!important;
color: #fff!important;
text-shadow: none!important;
text-transform: none!important;
height: auto!important;
box-shadow: none!important;
margin: 0 0 0 25px!important;
padding: 8px 15px 9px!important
}
.smartbanner-close {
position: absolute;
top: 0;
right: 0;
margin: 0;
text-shadow: none!important;
color: #919191!important;
box-shadow: none!important;
background: 0 0!important
}
.smartbanner-info span:last-child {
display: none
}
.smartbanner-info {
width: auto!important;
text-shadow: none!important;
color: #000!important;
font-weight: 500!important;
font-size: 12px!important;
line-height: calc(15/12)!important
}
.smartbanner-title {
color: #000!important;
font-weight: 700;
font-size: 16px!important;
margin-bottom: 5px
}
.smartbanner-show {
margin-top: 110px!important
}
.profile_my-service .starred__container {
padding-right: 0
}
.message {
margin: -25px 0 35px
}
.service-book-container .select__btn {
min-width: 220px
}
span.car-opts-razn {
font-size: 10px;
text-transform: uppercase
}
.tyres-search-form-container .message {
margin: 20px 0 0
}
.form__control_filled div {
color: #000
}
.form__control_filled div span {
color: #999
}
.delivery-more-text {
display: block;
margin: 8px 0 0;
color: #bbb;
font-size: 14px
}
.cart-list__price-muted {
color: #999;
font-size: 13px;
text-align: right
}
.cart-list__price-content {
position: relative;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 17px;
color: #000;
line-height: 1.47;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.default-checkbox {
position: relative;
-webkit-user-select: none;
user-select: none
}
.default-checkbox__input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none
}
.default-checkbox__input:checked~label .checkbox__icon svg {
-webkit-transform: translate3d(-50%,-50%,0) scale(1);
transform: translate3d(-50%,-50%,0) scale(1)
}
.default-checkbox__input:checked~label .checkbox__icon {
background: #bfa77b
}
.default-checkbox__label span {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 15px;
color: #262626;
line-height: 1.5;
margin-top: -3px;
display: inline-block
}
.default-checkbox__label {
cursor: pointer;
padding-left: 43px
}
.service-orders__item {
background: #f3f3f3;
border-radius: 15px;
padding: 30px 45px
}
.service-orders__item:not(:last-child) {
margin-bottom: 20px
}
.service-orders__item-top {
padding-bottom: 25px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 17px;
display: flex;
align-items: center;
flex-wrap: wrap
}
.service-orders__item-service,.service-orders__item-date,.service-orders__item-center {
background: #233079;
border-radius: 3px;
color: #fff;
padding: 5px 16px;
font-size: 17px;
line-height: 20px;
font-weight: 500;
margin-bottom: 8px
}
.service-orders__item-date span {
padding-right: 16px
}
.service-orders__item-center span {
color: #999
}
.service-orders__item-date,.service-orders__item-center {
background: #fff;
color: #000
}
.service-orders__item-info {
display: flex;
flex: 1;
flex-wrap: wrap
}
.service-orders__item-info-el {
width: 100%;
max-width: 200px
}
.service-orders__item-info-el:not(:last-child) {
margin-right: 20px
}
.service-orders__item-info-el-name {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #999;
margin-bottom: 8px
}
.service-orders__item-info-el-text {
font-weight: 500;
font-size: 17px;
line-height: 20px;
color: #121212
}
.service-orders__item-service,.service-orders__item-date {
margin-right: 20px
}
.service-orders__item-content {
display: flex;
flex-wrap: wrap
}
.service-orders__item-content a {
background: #232f78;
border-radius: 100px;
font-size: 17px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 14px 26px;
text-decoration: none;
color: #fff;
transition: background .3s ease;
height: max-content
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.service-orders__item {
padding:30px 20px
}
.service-orders__item-service,.service-orders__item-date {
margin-right: 10px
}
.service-orders__item-service,.service-orders__item-date,.service-orders__item-center {
padding: 5px 11px
}
}
@media screen and (max-width: 450px) {
.service-orders__item {
padding:30px
}
.service-orders__item-content {
flex-direction: column
}
.service-orders__item-content a {
margin-top: 8px
}
.service-orders__item-info-el {
margin-bottom: 16px
}
}
.service-orders__item-content a:hover {
background: #1c2867
}
.tags__cell [data-name=arCatalogFilter_458_1976192833],.tags__cell [data-name=arCatalogFilter_458_47022039],.tags__cell [data-name=arCatalogFilter_458_3849671376] {
margin: -19px -20px -4px -16px
}
.tags__cell [data-name=arCatalogFilter_458_1976192833] .tags__item-text,.tags__cell [data-name=arCatalogFilter_458_47022039] .tags__item-text,.tags__cell [data-name=arCatalogFilter_458_3849671376] .tags__item-text {
display: none
}
@media screen and (max-width: 768px) {
.client-card .client-card__content {
padding:32px 16px
}
.client-card .client-card__hint {
right: 10px;
top: 10px
}
.table-count__row:last-child {
border-bottom: none
}
.tags__cell,.tags__cell {
position: relative
}
.tags__cell [data-name=arCatalogFilter_458_1976192833],.tags__cell [data-name=arCatalogFilter_458_47022039] {
position: static
}
.tags__cell [data-name=arCatalogFilter_458_1976192833]:after,.tags__cell [data-name=arCatalogFilter_458_47022039]:after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 1px;
background: #f3f3f3
}
.filter__block_active .filter-mobile-reset {
position: relative;
z-index: 2
}
.default-checkbox__label {
padding-left: 36px
}
.catalog-icon {
width: 22px;
height: 22px
}
.catalog-icon svg {
width: 100%;
height: 100%
}
.catalog-item__labels {
position: static;
margin: 0 0 15px
}
.catalog-item__desc {
padding: 0
}
}
@media(max-width: 400px) {
.client-card .client-card__hint-text {
width:270px
}
}
@media screen and (min-width: 660px) {
.tyres-search-form .form__group:first-child {
width:161px
}
.tyres-search-form .form__group:not(:last-child) {
margin: 0 20px 0 0
}
.tyres-search-form {
display: flex;
-ms-align-items: center;
align-items: center
}
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.profile_my-service .starred__col:not(:last-child) {
padding-right:25px
}
.profile_my-service .starred__col:last-child {
padding-right: 0
}
}
@media screen and (max-width: 660px) {
.seo-text>* {
padding-right:40px
}
.credit-btn .promo-hint {
left: 50%!important;
width: calc(100vw - 50px);
transform: translate3d(-50%,0,0)
}
.credit-btn .promo-hint:before {
left: calc(50% - 10px)
}
}
@media screen and (max-width: 400px) {
.catalog-item__controls:before,.catalog-item__controls:after {
display:none
}
.catalog-item__controls {
justify-content: space-between;
width: 100%
}
.catalog-item__desc {
padding-bottom: 49px
}
}
@media screen and (max-width: 380px) {
.smartbanner-icon {
margin-right:10px!important;
width: 60px!important;
height: 60px!important
}
.smartbanner-button {
margin: 0 0 0 10px!important
}
.smartbanner {
height: 96px!important
}
.smartbanner-show {
margin-top: 96px!important
}
}
@media screen and (max-width: 360px) {
.smartbanner-icon {
width:40px!important;
height: 40px!important
}
}
@media screen and (min-width: 320px) {
.tyres-search-form-container .tyres-search-form-delete {
margin-top:10px;
color: #4a7ffe
}
.tyres-search-form-container .tyres-search-form-add-link {
color: #4a7ffe
}
.tyres-search-form-container .form__group:first-child .tyres-search-form-delete {
display: none
}
}
@media(max-width: 1919px) and (min-width:1279px) {
.slider-main__arrows {
bottom:130px;
right: 145px
}
.slider-main__desc {
padding-right: 25px
}
}
.gift-card {
padding: 80px 100px;
position: relative
}
.gift-card__content {
max-width: 850px
}
@media(min-width: 1920px) {
.gift-card__content {
max-width:none
}
}
.gift-page .footer {
margin: 80px 0 0
}
.gift-page .footer__top {
display: none
}
.gift-page {
background-color: #f3f3f3
}
.gift-page .page-container_rounded {
border-radius: 25px
}
.gift-page .header {
opacity: 0;
pointer-events: none
}
.gift-card__close {
position: absolute;
top: 30px;
right: 30px;
background: url(../../../../../../local/templates/.default/img/ico-close.svg) center no-repeat;
width: 30px;
height: 30px;
display: block
}
.gift-card__row-content>p:before {
content: "";
position: absolute;
top: -2px;
left: 0;
border-radius: 50%;
width: 20px;
height: 20px;
background: url(../../../../../../local/templates/.default/img/ico-info.svg) no-repeat;
background-size: contain
}
.gift-card__row-content small {
margin-top: -8px;
display: block;
color: rgba(0,0,0,.4)
}
.gift-card__row-content>p,.gift-card__row-content>small {
padding-left: 30px;
position: relative
}
.gift-card__title {
font-weight: 500;
font-size: 36px;
margin: 0 0 40px
}
.gift-card__row:not(:first-child) {
margin: 38px 0 0
}
.gift-card__row:not(:last-child) {
border-bottom: 2px solid #f3f3f3
}
.gift-card__row-title:empty {
display: none
}
.gift-card__row-title {
font-weight: 500;
font-size: 24px;
margin: 0 0 30px
}
.gift-card__row-title[data-text]:after {
content: attr(data-text);
display: inline-block;
background: 0 0 0 20px;
font-size: 17px;
white-space: nowrap
}
.gift-card__row-title[data-text] {
display: flex;
-ms-align-items: flex-end;
align-items: flex-end;
justify-content: space-between
}
.gift-radio-list {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 -40px
}
.gift-radio-list__item {
width: calc((100% - 40px * 3)/3);
margin: 0 0 40px 40px
}
.gift-radio {
position: relative
}
.gift-radio__input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none
}
.gift-radio__label img {
display: block;
width: 100%;
border-radius: inherit
}
.gift-radio__label {
cursor: pointer;
border-radius: 30px;
box-shadow: 0 2px 10px rgba(0,0,0,.15);
display: block;
position: relative
}
.gift-radio__input:checked label:after {
background-color: #232f78
}
.gift-radio__input:checked label:before {
border-color: #232f78
}
.gift-radio__label:before,.gift-radio__label:after {
content: "";
position: absolute;
border-radius: 50%;
top: 10px;
right: 10px;
transform: translate(50%,-50%);
background-color: #fff
}
.gift-radio__label:before {
width: 27px;
height: 27px;
border: 1px solid #e9e9e9;
transition: border-color 3s ease
}
.gift-radio__label:after {
transition: background-color .3s ease;
width: 13px;
height: 13px
}
.gift-card textarea.form__control {
height: 160px
}
.gift__inputs {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 -40px
}
.gift__inputs-input--full {
width: calc(100% - 40px)
}
.gift__inputs-input {
margin: 0 0 40px 40px
}
.gift__inputs-input:not(.gift__inputs-input--full) {
width: calc((100% - 40px * 3)/3)
}
.nomin-text {
color: rgba(0,0,0,.4);
max-width: 225px;
font-size: 15px;
line-height: calc(18/15)
}
.gift-card__row-text {
font-size: 15px;
line-height: calc(22/15);
max-width: 550px
}
.gift-card__row-submit {
margin: 30px 0 0
}
@media(max-width: 1000px) {
.gift-card {
padding:30px 0;
position: relative
}
.gift-page .footer {
margin: 40px 0 0
}
.gift-page .main {
padding: 0
}
.gift-page .header {
display: none
}
.gift-card__title {
margin: 0 0 25px
}
}
@media(max-width: 660px) {
.time-group {
display:grid!important;
grid-template-columns: repeat(4,1fr);
gap: 10px
}
.time-group__item {
margin: 0!important
}
.time-btn,.time-item__label {
padding: 10px!important;
width: 100%;
text-align: center
}
.gift__inputs-input:not(.gift__inputs-input--full) {
width: calc((100% - 40px * 1)/1)
}
.gift__inputs-input {
margin: 0 0 20px 40px
}
.gift-radio-list__item {
width: calc((100% - 40px * 1)/1)
}
.gift-card__title {
font-size: 20px
}
.gift-card__row-title {
font-size: 18px
}
.gift-card__close {
top: 5px;
right: -15px
}
.gift-success-card {
overflow-x: hidden
}
.gift-success-card .gift-card__cont {
padding: 15px
}
.gift-success-card .gift-card__title {
font-size: 24px
}
.gift-success-card .gift-card__row-text-text {
margin-bottom: 0
}
.gift-success-card .gift-card__text {
font-size: 15px;
text-align: center
}
.gift-success-card .gift-card__fromname {
margin-top: 23px
}
.gift-success-card .gift-card__picture {
margin-top: 30px
}
.gift-success-card .gift-card__info {
font-size: 15px
}
.gift-success-card .gift-card__row-submit {
width: 100%
}
.gift-success-card .button {
width: 100%
}
.gift-success-card .gift-card__row-title {
font-size: 24px;
margin-bottom: 20px
}
.gift-card__row-successPage {
margin-top: 0!important
}
.gift-success-card .gift-card__row-qr {
width: 100%;
text-align: center;
margin-top: 15px;
margin-bottom: 15px
}
}
.gift-card__picture img {
max-width: 100%
}
@media(min-width: 768px) {
.page-container__section--props .order__form {
margin-right:30px
}
.page-container__section--props {
display: flex;
align-items: flex-start
}
.order-props-right-text {
margin: 151px 0 0;
max-width: 415px
}
.order-props-right-text {
display: none
}
.page-container__section--props>.order-props-right-text {
display: block
}
}
.order-props-right-text {
color: rgba(0,0,0,.4);
padding-left: 35px;
background: url(../../../../../../local/templates/.default/img/ico-info.svg) center left no-repeat
}
@media(max-width: 768px) {
.order-props-right-text {
margin:20px 0 0
}
.page-container__section--props>.order-props-right-text {
display: none
}
.footer__gift~.footer__menu {
margin: 20px 0 0!important;
max-width: none!important
}
}
@media(max-width: 1920px) and (min-width:768px) {
.order-props-right-text {
margin:133px 0 0
}
}
.footer__copyright-my {
font-size: 17px;
color: #a3a3a3;
text-transform: uppercase;
margin-top: 60px
}
.footer__gift~.footer__menu {
margin-top: 43px;
max-width: 240px
}
@media screen and (min-width: 768px) {
.footer__top .footer__copyright-my {
margin-top:auto;
padding: 62px 0 0
}
}
ymaps[class$=-ground-pane] {
-ms-filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1)
}
.availability-subscribe-container {
margin-top: 10px
}
@media(min-width: 1024px) {
.page-container--new-awesome-design {
padding:0!important
}
}
.page-container--new-awesome-design {
background: 0 0
}
.parts__search:not(:last-child) {
margin: 0 0 55px
}
.parts:not(.parts--offers) .parts__sort .catalog__controls-sort {
float: none
}
.parts--offers .parts__sort {
position: relative
}
.parts--offers .catalog__controls-sort {
position: absolute;
right: 0;
top: 0
}
.parts:not(.parts--offers) .parts__sort {
display: flex;
justify-content: flex-end
}
.parts__sort:not(:last-child) {
margin: 0 0 45px
}
.parts-title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 24px
}
.parts-title:not(:last-child) {
margin: 0 0 50px
}
.parts-search__id {
flex: 1 1 auto
}
.parts-search__id,.parts-search__auto {
display: flex;
flex-direction: column
}
.ps-id,.ps-auto {
background: #fff;
flex: 1 0 auto;
box-shadow: 4px 4px 5px rgba(0,0,0,.03);
border-radius: 20px
}
.ps-auto__text:before {
content: "";
flex: none;
margin-right: 17px;
width: 31px;
height: 31px;
background: url(../../../../../../local/templates/.default/img/ico-checklist-small.svg) no-repeat
}
.ps-auto__text {
display: flex;
align-items: center;
font-weight: 500;
font-size: 17px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
position: relative;
z-index: 1
}
.ps-auto {
display: block;
position: relative;
color: #000;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center
}
.ps-auto:hover path {
}
.ps-auto__icon svg {
display: block
}
.ps-auto__icon {
position: absolute;
bottom: 0;
right: 50px
}
.ps-auto__icon path {
transition: fill .3s ease
}
.ps-id__inputs .form__group {
margin: 0 30px 0 0;
flex: 1 0 auto
}
.ps-id__inputs {
display: flex;
align-items: flex-end
}
.parts-list__item:not(:first-child) {
margin: 30px 0 0
}
.pl-item {
display: flex;
align-items: center;
background: #fff;
box-shadow: 4px 4px 5px rgba(0,0,0,.03);
border-radius: 20px;
padding: 25px 80px 25px 70px;
min-height: 210px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.pl-item__img img {
max-width: 100%
}
.pl-item__img {
text-align: center;
width: 175px;
flex: none;
margin-right: 108px
}
.pl-item__name {
width: 23%;
margin-right: 2%
}
.pl-item__name-subtitle {
margin: 8px 0 0;
color: #999;
font-size: 15px;
line-height: 18px
}
.pl-item__name-title {
font-size: 20px;
line-height: 24px;
text-decoration: none;
color: #000;
word-break: break-word
}
.pl-item__price {
font-size: 20px;
line-height: 24px;
white-space: nowrap
}
.pl-item__price span {
font-size: 17px
}
.pl-item__waiting {
width: 20%;
margin-right: 2%;
font-size: 17px;
line-height: 20px
}
.pl-item__btn {
margin-left: auto;
padding-left: 20px
}
.gray-btn {
color: #fff;
display: inline-block;
text-decoration: none;
background: url(../../../../../../local/templates/.default/img/ico-gray-btn-arrow.svg) right 30px center no-repeat,#bfa77b;
border-radius: 10px;
transition: background-color .3s ease;
padding: 10px 53px 10px 29px
}
.parts--offers .col-layout__aside {
padding-top: 0
}
.poff__list-title:first-child {
margin-top: 65px
}
.poff-item {
display: flex;
box-shadow: 4px 4px 5px rgba(0,0,0,.03);
border-radius: 20px;
padding: 42px 48px 52px 50px;
background: #fff;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.poff-item--target {
padding-top: 90px;
padding-bottom: 75px
}
.poff-item__img img {
max-width: 100%
}
.poff-item__img:evpty {
display: none
}
.poff-item__img {
text-align: center;
margin-right: 49px;
width: 153px;
flex: none
}
.poff-item__desc {
flex: 1 0 auto
}
.poff-item__name {
margin-right: 30px;
width: 245px;
flex: none
}
.poff-desc {
display: flex;
align-items: center
}
.poff-desc:not(:first-child) {
margin: 32px 0 0
}
.poff-desc__count {
margin-right: 30px
}
.poff-desc__price {
font-size: 20px;
line-height: 24px;
margin-right: auto;
padding-right: 25px
}
.poff-desc__intock {
flex: none;
width: 167px;
margin-right: 25px;
font-size: 15px
}
.poff-desc__intock-subtitle {
color: #999
}
.poff-list__item:not(:first-child) {
margin: 30px 0 0
}
.poff__list-title:not(:first-child) {
margin-top: 50px
}
.popup__title--small {
font-size: 26px;
font-family: SFUIDisplayBold,Tahoma,sans-serif;
margin: 0 0 10px
}
.popup__text {
font-size: 15px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
line-height: 25px
}
.popup_auto_search .select__btn {
background: #e5e5e5
}
.popup_auto_search {
width: 954px
}
.auto_search-form {
margin: 30px 0 0
}
.form__group-or {
font-family: SFUIDisplayBold,Tahoma,sans-serif;
text-transform: uppercase;
font-size: 17px;
margin: 68px 0 41px;
padding-left: 19px
}
.auto_search__inputs textarea.form__control {
min-height: 142px
}
.auto_search__submit {
margin: 30px 0 0;
display: flex;
justify-content: flex-end
}
.poff-item__img:empty,.pl-item__img:empty {
display: none
}
@media(min-width: 1920px) {
.parts-search__auto {
width:632px;
margin-left: 32px
}
.ps-auto {
padding: 15px 55px
}
.ps-id {
padding: 35px 36px
}
.poff-item__name {
width: 300px
}
.poff-desc__intock-subtitle {
width: 140px
}
.poff-desc__intock-title {
width: 290px
}
}
@media(max-width: 1919px) {
.parts-search__auto {
width:455px;
margin-left: 30px
}
.poff-desc__intock-title {
width: 150px
}
.ps-auto {
padding: 15px 35px
}
.ps-auto__icon svg {
max-width: 100%;
height: auto
}
.ps-auto__icon {
right: 30px;
width: 127px
}
.ps-id {
padding: 30px 27px 30px 20px
}
.parts__search:not(:last-child) {
margin-bottom: 45px
}
.parts__sort:not(:last-child) {
margin-bottom: 40px
}
.parts-title:not(:last-child) {
margin-bottom: 45px
}
.pl-item {
padding: 19px 32px 19px 30px;
min-height: 155px
}
.pl-item__img {
width: 130px;
margin-right: 57px
}
.poff-item {
padding: 35px 33px 40px 22px
}
.poff-item--target {
padding-top: 50px;
padding-bottom: 45px
}
.poff-item__img {
width: 104px;
margin-right: 35px
}
.poff-item__name {
width: 146px;
margin-right: 25px
}
.poff-item__name .pl-item__name-subtitle {
font-size: 15px
}
.poff-item__name .pl-item__name-title {
font-size: 17px
}
.poff-desc__intock {
width: 136px;
margin-right: 20px
}
.poff-desc__price {
font-size: 17px;
padding-right: 20px
}
.poff-desc__count {
margin-right: 25px
}
}
@media(max-width: 1400px) {
.credit-btn .promo-hint {
left:calc(100% 15px)
}
}
@media(max-width: 1300px) and (min-width:1000px) {
.credit-btn .promo-hint {
bottom:calc(100% 20px);
top: auto;
left: 50%;
transform: translate3d(-50%,0,0)
}
.credit-btn .promo-hint:before {
right: calc(50% - 10px);
top: auto;
bottom: -6px;
box-shadow: 5px 6px 6px 0 rgba(154,154,154,.3)
}
}
@media(max-width: 1280px) {
.parts__offers .catalog__aside-content {
position:static
}
.parts__offers .col-layout__content {
width: 100%
}
.parts__offers .col-layout {
display: block
}
}
@media(min-width: 1200px) {
.parts-search {
display:flex
}
}
@media(max-width: 1200px) {
.parts-search__auto {
margin:20px 0 0;
min-height: 85px
}
.ps-auto__icon {
right: 22px;
width: 72px
}
.pl-item__img {
width: 90px;
margin-right: 30px
}
.catalog_list .catalog-item__header {
width: auto
}
}
@media(max-width: 1000px) {
.credit-btn .promo-hint {
left:0
}
.parts__search:not(:last-child) {
margin-bottom: 35px
}
.parts__sort:not(:last-child) {
margin-bottom: 25px
}
.parts-title:not(:last-child) {
margin-bottom: 25px
}
.poff__list-title {
margin-top: 30px!important
}
.pl-item {
padding: 20px 30px 20px 20px;
min-height: 155px;
display: grid;
grid-template-areas: "img name" "img waiting" "img price";
grid-template-columns: 50px 1fr;
align-items: flex-start;
position: relative;
grid-gap: 10px 20px
}
.pl-item__img {
grid-area: img
}
.pl-item__name {
grid-area: name
}
.pl-item__waiting {
grid-area: waiting
}
.pl-item__price {
grid-area: price
}
.pl-item__img,.pl-item__name,.pl-item__waiting,.pl-item__price,.pl-item__btn {
width: auto;
margin: 0
}
.parts-title {
font-size: 18px;
line-height: 26px
}
.pl-item__btn .gray-btn {
font-size: 0;
border-radius: 50%;
width: 35px;
height: 35px;
background-position: center;
padding: 0
}
.pl-item__btn {
position: absolute;
right: 30px;
bottom: 20px
}
.parts__sort {
display: flex;
justify-content: flex-end
}
.parts--offers .catalog__controls-sort {
position: static
}
.poff-item {
display: grid;
grid-template-areas: "img name" "desc desc";
grid-template-columns: 120px 1fr;
grid-gap: 20px
}
.poff-item__img {
grid-area: img
}
.poff-item__name {
grid-area: name
}
.poff-item__desc {
grid-area: desc
}
.poff-item__img,.poff-item__name,.poff-item__desc {
margin: 0!important;
width: auto!important
}
.popup_auto_search {
max-width: 100%
}
}
@media(max-width: 800px) {
.parts-search__auto {
width:100%
}
}
@media(min-width: 768px) {
.auto_search__inputs {
display:flex;
justify-content: space-between;
overflow-y: auto;
max-height: 65vh
}
.auto_search__inputs::-webkit-scrollbar {
width: 30px!important
}
.auto_search__inputs::-webkit-scrollbar-track,.auto_search__inputs::-webkit-scrollbar-thumb {
width: 30px;
border-left: 25px solid #f2f2f2
}
.auto_search__inputs::-webkit-scrollbar-thumb {
background: #c4c4c4
}
.auto_search__inputs::-webkit-scrollbar-track {
background: #f3f3f3
}
.auto_search__inputs-col {
width: calc(50% - 26px)
}
}
@media(max-width: 1000px) and (min-width:768px) {
.card-product__control:nth-child(3) {
text-align:left
}
}
@media(max-width: 768px) {
.ps-id {
padding:20px
}
.ps-auto__text {
font-size: 14px;
line-height: 22px
}
.ps-auto {
padding: 10px 40px 10px 20px
}
.ps-id__inputs {
display: block
}
.ps-id__inputs .button_wide {
width: 100%;
text-align: center
}
.ps-id__inputs .form__group {
margin: 0 0 15px
}
.parts-list {
margin: 0 -20px
}
.pl-item {
box-shadow: none;
border-radius: 0
}
.parts-list__item:not(:first-child) {
margin: 1px 0 0
}
.poff-list {
margin: 0 -20px
}
.poff-item {
border-radius: 0;
box-shadow: none;
padding: 20px 20px 25px;
grid-template-columns: 51px 1fr;
grid-gap: 10px 23px;
grid-template-areas: "img name" "img desc"
}
.poff-desc {
flex-wrap: wrap;
justify-content: space-between
}
.poff-desc__price {
margin: 10px 0;
padding: 0;
width: 100%
}
.poff-desc__cart .catalog-item__cart {
float: none
}
.poff-desc:not(:first-child) {
margin: 20px 0 0;
border-top: 1px solid #f3f3f3;
padding: 20px 0 0
}
.poff-desc__intock {
margin-right: 0;
width: 100%
}
.form__group-or {
margin: 20px 0 25px;
text-transform: none;
font-size: 15px
}
.auto_search__inputs-col:not(:last-child) {
margin-bottom: 13px
}
.auto_search__submit .button.button_wide {
width: 100%
}
.auto_search__submit {
display: block
}
}
.service--better .service__col {
padding-right: 70px
}
.service--better .fold_active .fold__btn-text {
color: #4a7ffe
}
.service--better .fold_active .fold__btn-arrow {
transform: translate3d(0,-50%,0) rotateZ(-180deg)
}
.service--better .fold__btn-arrow svg {
transform: none!important
}
.service--better .fold__btn {
padding-left: 22px
}
.service--better .radiobox__item-content:before,.service--better .radiobox__item-content:after {
display: none
}
.service--better .radiobox__item-content {
display: flex;
justify-content: space-between
}
.radiobox__item .radiobox__text_right {
align-self: center;
flex: none;
white-space: normal;
margin-left: 19px
}
.radiobox__item.radiobox__item--selected .radiobox__text_right,.radiobox__item.radiobox__item--selected .radiobox__text {
color: #4a7ffe
}
.service-list {
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.service-list__total {
margin: 32px 0 0;
padding: 25px 0 0;
border-top: 1px solid #dedede
}
.service-itog {
display: flex;
align-items: center;
justify-content: space-between
}
.service-itog__title {
font-size: 20px;
line-height: calc(22/20)
}
.service-itog__price {
font-size: 16px;
line-height: calc(24/16)
}
.service-list__title:not(:first-child) {
margin: 20px 0 0
}
.service-list__title {
font-size: 20px;
margin: 0 0 28px
}
.sl {
padding-left: 0;
margin: 0
}
.sl__item {
list-style: none
}
.sl__item:not(:first-child) {
margin: 13px 0 0
}
.service-item {
display: flex;
align-items: flex-start;
font-size: 14px
}
.service-item__price {
white-space: nowrap;
width: 70px;
flex: none;
margin: 3px 0 0 auto;
padding-left: 10px;
color: #bababa;
text-align: right
}
.service-item__title {
line-height: calc(20/14);
margin-right: auto
}
.service-item__remove {
width: 28px;
height: 28px;
background: url(../../../../../../local/templates/.default/img/ico-remove.svg) top 8px center no-repeat;
cursor: pointer;
flex: none
}
.service-list__service:not(:first-child),.service-list__date-time:not(:first-child) {
margin: 15px 0 0
}
.service-list__date-time {
display: flex;
flex-wrap: wrap
}
.selected-service {
margin-bottom: 12px;
border: 1px solid #bababa;
padding: 10px 24px;
display: inline-block;
border-radius: 100px
}
.selected-service:not(:last-child) {
margin-right: 12px
}
.service__content-back:not(:first-child) {
margin-top: 94px
}
.service__content-back {
margin-bottom: 44px
}
.back-btn:before {
content: "";
border-radius: 50%;
width: 43px;
height: 43px;
flex: none;
margin-right: 25px;
background: url(../../../../../../local/templates/.default/img/ico-back-arrow.svg) center no-repeat,#242f78
}
.back-btn {
display: flex;
align-items: center;
padding: 20px 0;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
text-decoration: none;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 24px;
color: #000
}
.select-service {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
margin: 0 0 -75px -75px
}
.select-service__item {
margin: 0 0 75px 75px
}
.select-service__item--full {
width: calc(100% - 75px)
}
.service .map-container:last-child {
margin-bottom: 30px
}
.ss-item__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 24px;
margin: 0 0 25px
}
.service__next .btn-back {
float: none
}
.service-selector {
display: flex
}
.service-selector__select,.service-selector__input {
flex: 1 1 auto
}
.service-selector__btn .button.disabled {
pointer-events: none
}
.button_wide {
font-size: 15px;
transition: background-color .3s ease;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
padding-left: 28px;
padding-right: 28px
}
.service-selector__btn {
flex: none;
margin-left: 24px
}
.time-btn:hover,.time-item__input:checked .time-item__label,.time-btn.active {
color: #fff;
background-color: #242f78
}
.time-item__input:checked .time-item__label {
border-color: transparent
}
.time-item__label {
border: 1px solid #c3c3c3;
transition: border-color .3s ease,background-color .3s ease,color .3s ease;
cursor: pointer
}
.time-btn.disabled {
background: #f3f3f3;
pointer-events: none
}
.time-btn,.time-item__label {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
font-size: 15px;
padding: 14px 26px;
display: inline-block;
color: #000;
text-decoration: none;
transition: background-color .3s ease,color .3s ease;
border-radius: 25px
}
.services-map img {
max-width: 100%
}
.services-map {
margin: 50px 0 0
}
.service-date-time {
margin: 54px 0 0;
padding: 42px 0 0;
border-top: 1px solid #e7e7e7
}
.date-time-selector__time {
margin: 23px 0 0
}
.date-time-selector__date {
max-width: 395px
}
.time-group {
display: flex;
flex-wrap: wrap;
max-width: 845px
}
.time-group__item {
margin-bottom: 14px
}
.time-group__item:not(:last-child) {
margin-right: 13px
}
.time-item {
position: relative
}
.time-item__input {
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
left: 0
}
.your-auto {
margin: 60px 0 0;
max-width: 740px
}
.your-auto__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
margin-bottom: 34px;
font-size: 24px;
line-height: calc(29/24)
}
.your-contacts {
margin: 47px 0 0;
padding: 31px 0 0;
border-top: 1px solid #e7e7e7
}
.form__compound .form__control {
border-radius: 25px
}
.your-contacts .service__rules {
max-width: 620px
}
.service__rules .checkbox__btn {
padding-left: 0
}
.processed:after {
content: "";
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: url(../../../../../../local/templates/.default/img/ico-loading-processed.svg) center no-repeat,rgba(255,255,255,.35);
background-size: 15%;
z-index: 10
}
.processed {
position: relative
}
@media screen and (max-width: 1919px) {
.select-service {
display:block;
margin: 0
}
.select-service__item:not(:first-child) {
margin: 30px 0 0
}
.select-service__item {
width: 100%;
margin: 0
}
}
@media(max-width: 1279px) {
.service--better .service__col br {
display:none
}
.service--better .service__col {
display: block;
float: none;
margin: 0 0 50px;
width: auto;
padding-right: 49px
}
}
@media(max-width: 1020px) {
.service__tab.service__tab_message.service__tab_active .form-grid {
padding:0
}
}
@media(max-width: 768px) {
.service--better .service__col {
padding-left:0;
padding-right: 0
}
.select-service__item:first-child .service-selector__btn {
margin: 15px 0 0
}
.select-service__item:first-child .service-selector {
display: block
}
.service__content-back {
margin: 40px 0 20px!important
}
.service__col-info-content {
padding: 20px
}
.service-date-time {
margin: 25px 0 0;
padding: 25px 0 0
}
}
.parts__text--offers-not-found {
font-weight: 700;
font-size: 16px
}
.cart-list__name {
word-break: break-word
}
.parts__centers-show-more-btn {
text-decoration: none;
color: #4a7ffe;
margin-top: 20px;
display: block;
width: 100%;
text-align: center
}
.parts__top-controls {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0 0 20px
}
.parts-back {
display: inline-block;
color: #262626;
align-self: flex-end;
text-decoration: none
}
.poff-desc__intock {
display: flex;
align-items: center;
justify-content: space-between;
width: auto;
flex: 1 1 auto
}
.poff-desc__intock-title {
margin-right: 12px
}
.poff-desc__intock-title .starred__icon {
left: 0;
right: auto
}
.poff-desc__intock-title.starred__item {
margin-bottom: 0;
padding-right: 0;
padding-left: 30px
}
.poff-desc__price,.poff-desc__count,.poff-desc__cart {
flex: none
}
.page-block--profit {
margin: 0 0 29px
}
.profit-block {
display: flex;
align-items: center;
justify-content: space-between
}
.profit-block__title {
margin-right: 30px
}
.pbt__title {
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
margin: 0 0 3px;
font-size: 17px
}
.pbt__price {
font-family: SFUIDisplaySemibold,Tahoma,sans-serif;
font-size: 18px
}
.pbt__subtitle {
color: #8e8e8e;
margin: 5px 0 0;
font-weight: 400
}
.profit-block__btn .button {
padding-left: 24px;
padding-right: 24px
}
.ca-profit {
display: flex;
justify-content: space-between;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
.ca-profit__profit {
color: #567ff6;
font-size: 15px
}
.ca-profit__old-price {
text-decoration: line-through;
color: #b3b3b3;
font-size: 17px
}
.catalog-label_gray {
background-color: #b8b8b8;
text-align: center
}
.card-product__labels .catalog-label_gray {
min-width: 104px
}
.service__tab.service__tab_message.service__tab_active .form-grid {
padding: 0 30px 30px
}
.mobile-list-nav__btn .btn-link svg {
position: static;
transform: none;
margin-right: 20px;
width: 16px;
height: 18px
}
.mobile-list-nav__btn .btn-link path {
fill: #fff
}
.mobile-list-nav__btn .btn-link {
padding: 10px 23px;
border-radius: 21px;
background: #000000;
color: #fff;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px
}
.mobile-list-nav__btn {
margin: 0 0 25px
}
@media(max-width: 1023px) and (min-width:768px) {
.slider-catalog {
margin-top:30px
}
.slider-catalog__slide .catalog-item__controls {
position: static
}
}
.slider-catalog .catalog-item__labels {
display: none
}
.card-product__seo-links {
margin: 40px 0 0;
display: flex
}
.card-product__seo-links__item a:hover {
background-color: #bfa77b;
color: #fff
}
.card-product__seo-links__item a {
text-decoration: none;
color: rgba(0,0,0,.5);
display: block;
text-align: center;
border-radius: 10px;
padding: 13px 30px 14px;
background-color: #f3f3f3;
transition: color .3s ease,background-color .3s ease
}
.card-product__seo-links__item:not(:last-child) {
margin-right: 15px
}
@media(max-width: 660px) {
.forms__error-message {
top:calc(100% 2px);
font-size: 12px!important
}
.catalog_list .catalog-item__desc {
flex-direction: column
}
.catalog_list .catalog-item__prices {
width: 100%
}
.catalog_list .catalog-item__controls {
width: 100%
}
.radiobox__item .radiobox__text_right {
margin-left: auto
}
.form-grid_condensed .form-grid__col .radiobox__text:only-child {
margin-right: auto
}
.form-grid_condensed .form-grid__col .radiobox__text_left {
text-align: left;
margin-right: 20px
}
.logo-mobile {
top: -23px
}
.card-product__seo-links {
margin: 20px 0;
display: block
}
.card-product__seo-links__item:not(:last-child) {
margin-right: 0;
margin-bottom: 20px
}
.cp-sale__item {
flex-direction: column;
align-items: flex-start
}
.cp-sale__item-el:not(:last-child) {
margin: 0 0 15px
}
.cp-sale__item-el--btn {
margin-left: 0
}
}
.admin .header .container {
width: 1720px;
max-width: 100%
}
.admin .header__top .container:before,.admin .header__top .container:after {
display: none
}
.admin .header__top .container {
display: flex;
align-items: center;
padding-bottom: 5px
}
.admin .header__top {
height: auto
}
.admin .header__top .btn-link {
background-color: transparent;
border: 1px solid #c1b3b3;
padding: 14px 30px;
border-radius: 40px;
font-weight: 500;
font-size: 16px;
color: #fff
}
.admin .header__top .header__col:first-child {
margin-right: 70px
}
.admin .header__top .header__col:nth-child(2) {
padding: 20px;
margin-right: auto
}
.admin .header__top .header__col {
width: auto
}
.admin .header__top .header__col:last-child {
width: 13%
}
.admin .header__top .header__col:nth-last-child(2) {
width: 22%
}
.admin .header_main .header__bottom .btn-link {
border-radius: 40px;
border: 1px solid #000;
font-size: 16px;
padding: 14px 25px 14px 65px
}
.card-product__controls {
margin-top: 35px;
width: 100%
}
.card-product__controls .card-product__controls {
margin: 25px 0 0
}
@media(max-width: 767px) {
.card-product__sale {
max-width:unset
}
.card-product__sale .btn-condensed {
width: auto!important;
margin: 0 auto
}
}
@media(max-width: 1600px) {
.admin .header__top .btn-link {
padding:7px 25px 9px
}
}
@media(max-width: 1500px) {
.admin .header__top .header__col:first-child {
margin-right:5px
}
.catalog-item {
height: auto!important
}
}
@media(max-width: 1300px) {
.admin .header__top .recall__text {
margin:10px 0 0;
display: block
}
}
.service__next_offset .button {
float: none
}
.service__next_offset {
position: sticky;
bottom: 0;
text-align: right;
padding: 20px 0;
background-color: #fff;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center
}
.service .text:not(:last-child) {
margin-bottom: 30px
}
.service .text:not(:first-child),.ss-item__text {
margin-top: 30px
}
.service .text,.ss-item__text {
line-height: 1.4;
max-width: 1000px
}
.popup__btns {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center
}
.popup__btns-btn:not(:first-child) {
margin-left: 15px
}
.checkbox__text-notice {
font-size: 13px
}
#gos_number {
text-transform: uppercase
}
.subcategory__item-diskont:not(.subcategory__item_active) .subcategory__link {
color: #9f3584
}
.credit-btn--mobile {
display: none
}
@media(max-width: 768px) {
body.dev .card-product__control:last-child:nth-child(3) {
display:none
}
body.dev .credit-btn.credit-btn--mobile {
transform: scale3d(.7,.79,1);
transform-origin: left bottom;
display: block;
margin: 0 0 5px
}
@media(min-width: 360px) {
body.dev .card-product__control {
margin:0!important;
white-space: nowrap
}
body.dev .card-product__control:last-child:nth-child(3) {
grid-column: span 2;
order: -1;
transform: scale3d(.7,.79,1);
transform-origin: left bottom
}
body.dev .card-product__controls:before,body.dev .card-product__controls:after {
display: none
}
body.dev .card-product__controls {
display: grid;
margin: 10px 0 0;
align-items: center;
grid-template-columns: 1fr auto;
grid-gap: 10px 20px;
gap: 10px 20px
}
}
}
.cp-sale__item-el--count:nth-child(2):nth-last-child(3) {
margin-right: 20px
}
.cp-sale__item-el--count:nth-child(3):nth-last-child(2) {
margin-right: 20px
}
.card-product .cp-sale__item {
flex-wrap: wrap;
align-items: center;
display: flex
}
.card-product .cp-sale__item-el--year {
width: 100%;
margin-bottom: 10px
}
.card-product .cp-sale__item-el--count {
white-space: nowrap
}
.card-product .card-product__control .btn-condensed {
white-space: nowrap
}
@media(max-width: 768px) {
.card-product__instock {
display:block!important
}
.card-product__sale {
margin-top: 30px
}
}
@media(max-width: 660px) {
.card-product .cp-sale__item {
flex-direction:row
}
.card-product .cp-sale__item-el--btn {
}
}
@media(max-width: 480px) {
.card-product .cp-sale__item-el--count:nth-child(2):nth-last-child(3) {
width:100%;
margin-right: 0
}
}
.service__tire-service-filter>div:not([class]) {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(260px,1fr));
grid-gap: inherit;
gap: inherit;
align-items: end
}
.service__tire-service-filter .tire-service-runflat-chkbx .default-checkbox__label .checkbox__icon {
top: calc(50% - 13px);
left: 19px
}
.service__tire-service-filter .tire-service-runflat-chkbx .default-checkbox__label {
background-color: #f3f3f3;
border-radius: 25px;
padding: 13px 20px 13px 56px;
display: block
}
.service__tire-service-filter .tire-service-runflat-chkbx {
}
.service__tire-service-filter .form__group {
margin: 0!important
}
.service__tire-service-filter {
align-items: end;
grid-template-columns: repeat(auto-fill,minmax(190px,1fr));
grid-gap: 32px;
gap: 32px
}
.service__tire-service-params {
margin: 32px 0 0;
display: grid;
grid-template-columns: repeat(auto-fill,minmax(190px,1fr));
grid-gap: 32px;
gap: 32px
}
.service__tire-service-params-title {
color: #999;
font-weight: 500;
font-size: 15px;
grid-column: 1/-1
}
.service__tire-service-params-group-name {
font-weight: 500;
font-size: 24px;
margin-bottom: 20px
}
.service__tire-service-params-group-item {
position: relative
}
.service__tire-service-params-group-item:not(:first-child) {
margin: 16px 0 0
}
.service__tire-service-params-group-item input {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer
}
.service__tire-service-params-group-item input:checked label {
border-color: #2d377d
}
.service__tire-service-params-group-item label {
display: grid;
align-items: center;
grid-template-columns: 1fr auto;
background-color: #f3f3f3;
border: 1px solid transparent;
border-radius: 25px;
grid-gap: 19px;
gap: 19px;
font-weight: 500;
padding: 12px 19px
}
.service__tire-service-params-group-item label span:last-child:not(:first-child),.service__tire-service-params-group-item input:checked label {
color: #2d377d
}
.service__tire-service-params-group-item input:not(:checked) label {
color: #999
}
.service__tire-service-filter-btn {
margin: 20px 0 0
}
@media(min-width: 1919px) {
}
@media(max-width: 800px) {
.service__tire-service-params-group-name {
font-size:16px
}
.service__tire-service-params,.service__tire-service-filter {
grid-gap: 22px;
gap: 22px
}
.service__tire-service-filter-btn .button {
width: 100%
}
}
.view-type__item--fav-service-only.tire_fitting:before {
border-radius: 50%;
border: 2px solid #9f3584;
background-color: transparent;
background-image: none;
box-sizing: border-box
}
.view-type__item--fav-service-only.tire_fitting.active:before {
background-color: #9f3584;
background-image: url("data:image/svg xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgdmlld0JveD0nMCAwIDEzNDYzIDEwMDI2Jz48cG9seWdvbiBmaWxsPScjZmZmJyBwb2ludHM9JzEzNDYzLDE3NTUgNTI1NywxMDAyNiAzNTE1LDgyNzAgMzUyMCw4MjY2IDAsNDcxNyAxNzQxLDI5NjIgNTI2Miw2NTEwIDExNzIxLDAgJz48L3BvbHlnb24+PC9zdmc+");
background-size: 11px auto!important;
background-position: center;
background-repeat: no-repeat
}
@media screen and (max-width: 768px) {
.catalog .view-type {
display:block
}
.catalog .view-type .view-type__item {
display: block;
margin-bottom: 15px
}
.catalog .view-type .view-type__item[data-view=cell],.catalog .view-type .view-type__item[data-view=list] {
display: none
}
.catalog__controls-views {
float: none
}
.catalog__controls-sort {
float: none
}
}
.catalog__item>.catalog-item {
flex: 1 1 auto
}
.catalog__item .btn-link {
margin-top: 28px;
padding-left: 0;
font-size: 17px;
font-family: SFUIDisplayBold,Tahoma,sans-serif;
background: #bfa77b;
color: #fff;
text-align: center;
cursor: pointer;
padding: 13px 40px 14px;
border-radius: 25px;
transition: background .3s ease;
display: inline-block
}
.catalog_list .btn-link {
margin: 0;
align-self: flex-start
}
.catalog__item {
display: flex;
flex-direction: column
}
.service__store_my_tyres1--checked~.service-date-time .-current- {
color: #999;
pointer-events: none
}
.partners-links {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4,1fr);
grid-auto-rows: 168px;
border-left: 1px solid #d5d5d5;
border-top: 1px solid #d5d5d5
}
.partners-links li {
background: #fff;
border-bottom: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
box-sizing: border-box
}
.partners-links__link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 10px
}
.partners-links__link img {
width: 100%;
height: 100%;
max-height: 38px;
max-width: 120px
}
@media screen and (max-width: 768px) {
.partners-links {
grid-template-columns:repeat(3,1fr)
}
}
@media screen and (max-width: 500px) {
.partners-links {
grid-template-columns:repeat(2,1fr);
grid-auto-rows: 120px
}
}
.js__popup-opened {
overflow: hidden
}
body.card-activate,.card-activate #app {
min-height: auto!important
}
body.card-activate popup-message,body.card-activate popup-confirm {
display: none
}
@media(max-width: 768px) {
.filter__submit {
position:sticky;
bottom: 0;
padding-bottom: 10px;
background: #fff;
z-index: 2
}
}
.client-card .client-card__info-item--card-sale .client-card__discount {
font-size: 20px;
line-height: 1.2
}
@media(max-width: 480px) {
.client-card .client-card__detail {
flex-direction:column
}
.client-card .client-card__qr-code {
margin-right: 0;
margin-bottom: 20px
}
}
.catalog_list .catalog-item form {
flex-wrap: wrap
}
.catalog_list .catalog-item__desc {
width: calc(100% - 260px)
}
@media(max-width: 1919px) {
.catalog_list .catalog-item__desc {
width:calc(100% - 127px)
}
}
@media(max-width: 768px) {
.catalog_list .catalog-item__desc {
width:100%;
padding-bottom: 50px
}
}
.catalog_list .catalog-item__sale {
width: 100%;
padding-left: 260px;
margin-top: 10px
}
@media(max-width: 1919px) {
.catalog_list .catalog-item__sale {
padding-left:127px
}
}
@media(max-width: 768px) {
.catalog_list .catalog-item__sale {
padding-left:0
}
.catalog_list .catalog-item__sale-title {
margin-bottom: 4px;
font-size: 12px
}
}
.catalog-item__razn {
position: relative;
display: flex;
padding-bottom: 10px
}
@media(max-width: 768px) {
.catalog-item__razn {
flex-direction:column
}
}
.catalog-item__razn-pic {
width: 260px
}
@media screen and (max-width: 1919px) and (min-width:768px) {
.catalog-item__razn-pic {
width:127px
}
}
.catalog-item__razn-info {
width: calc(100% - 260px)
}
@media(max-width: 1919px) {
.catalog-item__razn-info {
width:calc(100% - 127px)
}
}
@media(max-width: 768px) {
.catalog-item__razn-info {
width:100%;
margin-top: 30px
}
}
.catalog-item__razn-name {
font-size: 20px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
line-height: 1.1;
margin-bottom: 30px
}
@media(max-width: 1200px) {
.catalog-item__razn-name {
font-size:18px;
margin-bottom: 25px
}
}
.catalog-item__razn-item {
display: flex
}
.catalog-item__razn-item:not(:last-child) {
margin-bottom: 10px
}
.catalog-item__razn-item-name,.catalog-item__razn-item-price {
padding-top: 5px
}
.catalog-item__razn-item-name {
width: 45%;
margin-right: auto;
padding-right: 90px;
font-size: 15px;
font-weight: 400;
line-height: 1.15;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
@media(max-width: 1919px) {
.catalog-item__razn-item-name {
padding-right:30px
}
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.catalog-item__razn-item-name {
width:50%
}
}
.catalog-item__razn-item-name a {
text-decoration: none;
color: #000;
transition: color .3s ease
}
.catalog-item__razn-item-name a:hover {
color: #2695f3
}
.catalog-item__razn-item-price {
width: 25%;
padding-right: 20px;
font-size: 15px;
font-weight: 400;
line-height: 1.15;
font-family: SFUIDisplayMedium,Tahoma,sans-serif
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.catalog-item__razn-item-price {
width:40%
}
}
.catalog-item__razn-item-controls {
width: 30%;
display: flex;
justify-content: space-between
}
@media screen and (max-width: 1279px) and (min-width:768px) {
.catalog-item__razn-item-controls {
width:10%
}
.catalog-item__razn-item-quantity {
display: none
}
.catalog-item__razn-item-cart {
margin-left: auto
}
}
@media(max-width: 768px) {
.catalog-item__razn-item {
flex-wrap:wrap
}
.catalog-item__razn-item:not(:last-child) {
padding-bottom: 10px;
border-bottom: 1px solid rgba(0,0,0,.25)
}
.catalog-item__razn-item-name,.catalog-item__razn-item-price,.catalog-item__razn-item-controls {
width: 100%
}
.catalog-item__razn-item-name,.catalog-item__razn-item-price {
padding-top: 0;
margin-bottom: 10px;
font-size: 14px
}
.catalog-item__razn-item-controls {
align-self: flex-start;
align-items: center
}
}
@media(max-width: 660px) {
.catalog_list .catalog-item__controls {
justify-content:space-between
}
.catalog_list .catalog-item__controls::before,.catalog_list .catalog-item__controls::after {
display: none
}
.catalog_list .catalog-item__header-content {
min-height: inherit;
margin-bottom: 10px
}
.catalog_list .catalog-item__header {
padding-right: 0
}
}
.tumbler {
position: relative
}
.tumbler input[type=checkbox] {
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0
}
.tumbler input[type=checkbox]:checked label .tumbler__switch {
background-color: #cf9ac1
}
.tumbler input[type=checkbox]:checked label .tumbler__switch::after {
transform: translateX(100%)
}
.tumbler label {
display: flex;
align-items: flex-start;
font-size: 15px;
font-family: SFUIDisplayMedium,Tahoma,sans-serif;
cursor: pointer
}
.tumbler__switch {
position: relative;
flex: none;
margin-right: 17px;
width: 36px;
height: 20px;
border: 1px solid #cf9ac1;
border-radius: 30px;
transition: background-color .3s ease
}
.tumbler__switch::after {
content: '';
display: block;
position: absolute;
top: 1px;
left: 1px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #9f3584;
transition: transform .3s ease
}
.filter .page-block .tumbler {
margin-left: -18px;
margin-bottom: 24px
}
@media screen and (max-width: 768px) {
.filter .page-block .tumbler {
margin-left:0
}
}
@media(max-width: 1919px) {
.catalog__controls-views {
float:none
}
.catalog__controls-sort {
float: none;
margin-top: 20px;
width: 100%
}
}
@media(max-width: 1280px) {
.catalog .view-type .view-type__item {
margin-bottom:15px
}
}
.grecaptcha-badge {
display: none
}
.promo-hint--warranty .promo-hint__name {
padding-left: 0
}
.promo-hint--warranty .promo-hint__name::before {
display: none
}
.smartbanner-show {
margin-top: 80px
}
.smartbanner-show .smartbanner {
display: block
}
.smartbanner {
position: absolute;
left: 0;
top: 0;
display: none;
width: 100%;
height: 80px;
line-height: 80px;
font-family: Helvetica Neue,sans-serif;
background: #f4f4f4;
z-index: 9998;
-webkit-font-smoothing: antialiased;
overflow: hidden;
-webkit-text-size-adjust: none
}
.smartbanner-container {
margin: 0 auto;
white-space: nowrap
}
.smartbanner-close {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
font-family: ArialRoundedMTBold,Arial;
font-size: 20px;
text-align: center;
color: #888;
text-decoration: none;
border: 0;
border-radius: 14px;
-webkit-font-smoothing: subpixel-antialiased
}
.smartbanner-close:active,.smartbanner-close:hover {
color: #aaa
}
.smartbanner-icon {
width: 57px;
height: 57px;
margin-right: 12px;
background-size: cover;
border-radius: 10px
}
.smartbanner-icon,.smartbanner-info {
display: inline-block;
vertical-align: middle
}
.smartbanner-info {
width: 44%;
font-size: 11px;
line-height: 1.2em;
font-weight: 700
}
.smartbanner-title {
font-size: 13px;
line-height: 18px
}
.smartbanner-button {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto 0;
height: 24px;
font-size: 14px;
line-height: 24px;
text-align: center;
font-weight: 700;
color: #6a6a6a;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0 1px 0 hsla(0,0%,100%,.8)
}
.smartbanner-button:active,.smartbanner-button:hover {
color: #aaa
}
.smartbanner-ios {
background: #f4f4f4;
background: -webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#cdcdcd));
background: linear-gradient(180deg,#f4f4f4,#cdcdcd);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
box-shadow: 0 1px 2px rgba(0,0,0,.5);
line-height: 80px
}
.smartbanner-ios .smartbanner-close {
border: 0;
width: 18px;
height: 18px;
line-height: 18px;
color: #888;
text-shadow: 0 1px 0 #fff
}
.smartbanner-ios .smartbanner-close:active,.smartbanner-ios .smartbanner-close:hover {
color: #aaa
}
.smartbanner-ios .smartbanner-icon {
background: rgba(0,0,0,.6);
background-size: cover;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
box-shadow: 0 1px 3px rgba(0,0,0,.3)
}
.smartbanner-ios .smartbanner-info {
color: #6a6a6a;
text-shadow: 0 1px 0 hsla(0,0%,100%,.8)
}
.smartbanner-ios .smartbanner-title {
color: #4d4d4d;
font-weight: 700
}
.smartbanner-ios .smartbanner-button {
padding: 0 10px;
min-width: 10%;
color: #6a6a6a;
background: #efefef;
background: -webkit-gradient(linear,left top,left bottom,from(#efefef),to(#dcdcdc));
background: linear-gradient(180deg,#efefef,#dcdcdc);
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px #bfbfbf,0 1px 0 hsla(0,0%,100%,.6),0 2px 0 hsla(0,0%,100%,.7) inset;
box-shadow: inset 0 0 0 1px #bfbfbf,0 1px 0 hsla(0,0%,100%,.6),inset 0 2px 0 hsla(0,0%,100%,.7)
}
.smartbanner-ios .smartbanner-button:active,.smartbanner-ios .smartbanner-button:hover {
background: #dcdcdc;
background: -webkit-gradient(linear,left top,left bottom,from(#dcdcdc),to(#efefef));
background: linear-gradient(180deg,#dcdcdc,#efefef)
}
.smartbanner-android {
background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
-webkit-box-shadow: inset 0 4px 0 #88b131;
box-shadow: inset 0 4px 0 #88b131;
line-height: 82px
}
.smartbanner-android .smartbanner-close {
border: 0;
width: 17px;
height: 17px;
line-height: 17px;
margin-right: 7px;
color: #b1b1b3;
background: #1c1e21;
text-shadow: 0 1px 1px #000;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.8) inset,0 1px 1px hsla(0,0%,100%,.3);
box-shadow: inset 0 1px 2px rgba(0,0,0,.8),0 1px 1px hsla(0,0%,100%,.3)
}
.smartbanner-android .smartbanner-close:active,.smartbanner-android .smartbanner-close:hover {
color: #eee
}
.smartbanner-android .smartbanner-icon {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.smartbanner-android .smartbanner-info {
color: #ccc;
text-shadow: 0 1px 2px #000
}
.smartbanner-android .smartbanner-title {
color: #fff;
font-weight: 700
}
.smartbanner-android .smartbanner-button {
min-width: 12%;
color: #d1d1d1;
padding: 0;
background: 0 0;
border-radius: 0;
-webkit-box-shadow: 0 0 0 1px #333,0 0 0 2px #dddcdc;
box-shadow: 0 0 0 1px #333,0 0 0 2px #dddcdc
}
.smartbanner-android .smartbanner-button:active,.smartbanner-android .smartbanner-button:hover {
background: 0 0
}
.smartbanner-android .smartbanner-button-text {
text-align: center;
display: block;
padding: 0 10px;
background: #42b6c9;
background: -webkit-gradient(linear,left top,left bottom,from(#42b6c9),to(#39a9bb));
background: linear-gradient(180deg,#42b6c9,#39a9bb);
text-transform: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none
}
.smartbanner-android .smartbanner-button-text:active,.smartbanner-android .smartbanner-button-text:hover {
background: #2ac7e1
}
.smartbanner-windows {
background: #f4f4f4;
background: -webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#cdcdcd));
background: linear-gradient(180deg,#f4f4f4,#cdcdcd);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
box-shadow: 0 1px 2px rgba(0,0,0,.5);
line-height: 80px
}
.smartbanner-windows .smartbanner-close {
border: 0;
width: 18px;
height: 18px;
line-height: 18px;
color: #888;
text-shadow: 0 1px 0 #fff
}
.smartbanner-windows .smartbanner-close:active,.smartbanner-windows .smartbanner-close:hover {
color: #aaa
}
.smartbanner-windows .smartbanner-icon {
background: rgba(0,0,0,.6);
background-size: cover;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
box-shadow: 0 1px 3px rgba(0,0,0,.3)
}
.smartbanner-windows .smartbanner-info {
color: #6a6a6a;
text-shadow: 0 1px 0 hsla(0,0%,100%,.8)
}
.smartbanner-windows .smartbanner-title {
color: #4d4d4d;
font-weight: 700
}
.smartbanner-windows .smartbanner-button {
padding: 0 10px;
min-width: 10%;
color: #6a6a6a;
background: #efefef;
background: -webkit-gradient(linear,left top,left bottom,from(#efefef),to(#dcdcdc));
background: linear-gradient(180deg,#efefef,#dcdcdc);
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px #bfbfbf,0 1px 0 hsla(0,0%,100%,.6),0 2px 0 hsla(0,0%,100%,.7) inset;
box-shadow: inset 0 0 0 1px #bfbfbf,0 1px 0 hsla(0,0%,100%,.6),inset 0 2px 0 hsla(0,0%,100%,.7)
}
.smartbanner-windows .smartbanner-button:active,.smartbanner-windows .smartbanner-button:hover {
background: #dcdcdc;
background: -webkit-gradient(linear,left top,left bottom,from(#dcdcdc),to(#efefef));
background: linear-gradient(180deg,#dcdcdc,#efefef)
}
.ExcelTable2007 {
border: 1px solid #b0cbef;
border-width: 1px 0 0 1px;
font-size: 11pt;
font-family: Calibri;
font-weight: 100;
border-spacing: 0;
border-collapse: collapse
}
.ExcelTable2007 th {
background-image: url(excel-2007-header-bg.gif);
background-repeat: repeat-x;
font-weight: 400;
font-size: 14px;
border: 1px solid #9eb6ce;
border-width: 0 1px 1px 0;
height: 17px;
background: #d4e4ef;
background: -moz-linear-gradient(top,rgba(212,228,239,1) 0%,rgba(212,228,239,1) 11%,rgba(212,228,239,1) 31%,rgba(183,195,204,1) 100%);
background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(212,228,239,1)),color-stop(11%,rgba(212,228,239,1)),color-stop(31%,rgba(212,228,239,1)),color-stop(100%,rgba(183,195,204,1)));
background: -webkit-linear-gradient(top,rgba(212,228,239,1) 0%,rgba(212,228,239,1) 11%,rgba(212,228,239,1) 31%,rgba(183,195,204,1) 100%);
background: -o-linear-gradient(top,rgba(212,228,239,1) 0%,rgba(212,228,239,1) 11%,rgba(212,228,239,1) 31%,rgba(183,195,204,1) 100%);
background: -ms-linear-gradient(top,rgba(212,228,239,1) 0%,rgba(212,228,239,1) 11%,rgba(212,228,239,1) 31%,rgba(183,195,204,1) 100%);
background: linear-gradient(to bottom,rgba(212,228,239,1) 0%,rgba(212,228,239,1) 11%,rgba(212,228,239,1) 31%,rgba(183,195,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef',endColorstr='#b7c3cc',GradientType=0 )
}
.ExcelTable2007 td {
border: 0;
background-color: #fff;
padding: 0 4px 0 2px;
border: 1px solid #d0d7e5;
border-width: 0 1px 1px 0
}
.ExcelTable2007 td b {
border: 0;
background-color: #fff;
font-weight: 700
}
.ExcelTable2007 td.heading {
background-color: #e4ecf7;
text-align: center;
border: 1px solid #9eb6ce;
border-width: 0 1px 1px 0
}
.ExcelTable2007 th.heading {
background-image: url(excel-2007-header-left.gif);
background-repeat: none
}
.ExcelTableXP {
border: 1px solid #716f64;
border-width: 1px 0 0 1px;
font-size: 10pt;
font-family: arial;
border-spacing: 0;
border-collapse: collapse
}
.ExcelTableXP th {
background-color: #efedde;
border: 1px solid #aca899;
border-width: 0 1px 1px 0;
font-weight: 400
}
.ExcelTableXP td {
border: 0;
background-color: #fff;
padding: 0 4px 0 2px;
border: 1px solid silver;
border-width: 0 1px 1px 0
}
.ExcelTableXP td.heading {
background-color: #efedde;
text-align: center;
padding: 0;
border: 1px solid #aca899;
border-width: 0 1px 1px 0
}
.ExcelTable2000 {
border: 0;
background-color: #bdbdbd;
font-size: 10pt;
font-family: arial;
border-spacing: 1px
}
.ExcelTable2000 th {
background-color: #ece9d8;
border: 0;
font-weight: 400;
border-left: 1px solid #fff
}
.ExcelTable2000 td {
border: 0;
background-color: #fff;
padding: 0 4px 0 2px
}
.ExcelTable2000 td.heading {
background-color: #ece9d8;
text-align: center;
padding: 0;
border-top: 1px solid #fff
}
.ExcelTable2003 {
border: 1px solid #404040;
border-width: 1px 0 0 1px;
font-size: 10pt;
font-family: arial;
border-spacing: 0;
border-collapse: collapse
}
.ExcelTable2003 th {
background-color: #d4d0c8;
border: 1px solid gray;
border-width: 0 1px 1px 0;
font-weight: 400
}
.ExcelTable2003 td {
border: 0;
background-color: #fff;
padding: 0 4px 0 2px;
border: 1px solid silver;
border-width: 0 1px 1px 0
}
.ExcelTable2003 td.heading {
background-color: #d4d0c8;
border: 1px solid gray;
border-width: 0 1px 1px 0;
text-align: center;
padding: 0
}