/* Start:/local/templates/bigwheels/components/bitrix/menu/mobile/style.css?17913482642452*/
.forToggle{
display: flex;
justify-content: flex-start;
align-items: center;
}
.forToggle::after{
content: "";
margin-left: 1rem;
background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7871 1.68652L9.78711 9.68652L1.78711 1.68652' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
display: flex;
width: 1.1875rem;
height: 0.75rem;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
.forToggle--opened::after{
background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.21484 10.6865L9.21484 2.68652L17.2148 10.6865' stroke='%23F35247' stroke-width='3'/%3E%3C/svg%3E");
}
.forToggle__content{
display: none;
padding-top: 1.375em;
width: 100%;
}
.forToggle__content input{
width: 0;
height: 0;
opacity: 0;
position: absolute;
pointer-events: none;
user-select: none;
}
.forToggle--opened+.forToggle__content{
display: block;
}
.forToggle__tabs{
width: 15em;
height: 2.125em;
border-radius: 6.25em;
background: #fff;
display: flex;
padding: 0.125em;
}
.forToggle__tab{
display: flex;
flex-grow: 1;
height: 100%;
align-items: center;
justify-content: center;
color: #262626;
font-weight: 500;
line-height: 0;
font-size: 1.25em;
cursor: pointer;
border-radius: 5em;
}
#ftLeto:checked~.forToggle__tabs .forToggle__tab:nth-child(2),
#ftZima:checked~.forToggle__tabs .forToggle__tab:nth-child(1){
color: #fff;
background: #F35247;
}
.forToggle__tabContent{
display: none;
margin-top: 1.375em;
width: 100%;
}
#ftLeto:checked~.forToggle__tabContent--leto,
#ftZima:checked~.forToggle__tabContent--zima{
display: block;
}
.forToggle__links{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
body .forToggle__links a{
width: 25%;
display: flex;
align-items: center;
font-weight: 500;
margin-bottom: 1.875em;
font-size: 1.25em;
line-height: 1;
}
body .forToggle__links a::before{
content: "";
width: 0.4em;
height: 0.4em;
display: block;
margin: 0 0.65em 0 0.15em;
background: #fff;
border-radius: 100%;
transition: 0.3s;
}
body .forToggle__links .forToggle__linksSelected{
color: #F35247;
}
body .forToggle__links a:hover::before,
body .forToggle__links .forToggle__linksSelected::before{
background: #F35247;
transform: scale(1.75);
}
/* End */
/* Start:/local/templates/bigwheels/template_styles.css?1791534497113445*/
/* COMMON */
html {
font-family: 'GothamPro', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #262626;
}
@media (min-width: 1921px) {
html {
font-size: 0.8333333333333333vw;
}
}
html.isLocked,
html.isLocked body {
height: var(--window-inner-height);
min-height: var(--window-inner-height);
overflow: hidden;
}
@media (min-width: 1200px) {
html.isLocked,
html.isLocked body {
height: auto;
min-height: 0;
overflow: visible;
}
}
body {
background-color: #F8F8F8;
background-color: #fff;
}
@media (min-width: 1200px) {
body {
padding-left: 4.75em;
}
}
@media (min-width: 1600px) {
body {
padding-left: 6em;
}
}
@supports (-moz-appearance:none) {
.customScrollbar {
scrollbar-color: #F35247 #C4C4C4;
scrollbar-width: thin;
}
html.customScrollbar {
scrollbar-color: #F35247 #1F1F1F;
}
}
img[src=""]{
display: none;
}
.ajax {
display: none;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.1);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
}
.ajax__img {
width: 6.25em;
height: 6.25em;
object-fit: contain;
animation-name: rotationAjax;
animation-duration: 5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes rotationAjax {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.customScrollbar::-webkit-scrollbar {
font-size: 1rem;
-webkit-appearance: none;
width: 0.3125em;
height: 0.3125em;
background-color: #C4C4C4;
}
html.customScrollbar::-webkit-scrollbar {
background-color: #1F1F1F;
}
.customScrollbar::-webkit-scrollbar-thumb {
background-color: #F35247;
box-shadow: none;
}
.customScrollbar::-webkit-scrollbar-thumb:hover {
background-color: #E2281B;
cursor: grab;
}
.customScrollbar::-webkit-scrollbar-button:vertical:start:decrement {
display: none;
}
.customScrollbar::-webkit-scrollbar-button:vertical:end:increment {
display: none;
}
.customScrollbar::-webkit-scrollbar-button:horizontal:start:decrement {
display: none;
}
.customScrollbar::-webkit-scrollbar-button:horizontal:end:increment {
display: none;
}
.overflowHidden {
overflow: hidden;
}
/* COMMON */
/* CONTAINER */
.container {
width: 100%;
padding-left: 0.625em;
padding-right: 0.625em;
}
@media (min-width: 500px) {
.container {
padding-left: 1.5625em;
padding-right: 1.5625em;
}
}
@media (min-width: 1500px) {
.container {
width: 80em;
padding: 0;
margin-left: auto;
margin-right: auto;
}
}
/* CONTAINER */
/* MAIN */
.main__topMargin {
height: 1.5em;
}
.main__bottomMargin {
height: 4em;
}
@media (min-width: 1200px) {
.main__topMargin {
height: 3.5em;
}
.main__bottomMargin {
height: 6em;
}
}
/* MAIN */
/* INNER */
.inner__headingBlock {
}
.inner__heading {
line-height: 1.25;
font-size: 1.875em;
}
@media (min-width: 1200px) {
.inner__headingBlock {
margin-bottom: 2.142857em;
}
}
/* INNER */
/* FORMS */
input {
display: block;
margin: 0;
}
.btn {
font-weight: 700;
font-size: 1em;
color: #FFFFFF;
background: #F35247;
border-radius: 0.3125em;
padding: 1em 2.375em;
border: 0;
}
.btn:hover {
background-color: #c2352b;
transition: background-color .15s, transform .15s;
}
.btn:active {
transform: scale(.99);
transition: background-color .15s, transform .15s;
}
.btn--dark {
background-color: #262626;
color: #fff;
}
.btn--dark:hover {
background-color: #2f2f2f;
}
input[type="text"],
input[type="tel"],
input[type="email"] {
font-family: 'GothamPro', sans-serif;
font-weight: 500;
font-size: 1em;
color: #121212;
padding: 1.5em;
background: #F8F8F8;
background: #fff;
border-radius: 0.3125em;
border: 0;
}
textarea {
font-family: 'GothamPro', sans-serif;
font-weight: 400;
font-size: 1em;
}
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder {
font-family: 'GothamPro', sans-serif;
font-size: 1em;
font-weight: 400;
color: #C4C4C4;
opacity: 1;
}
/* FORMS */
/* MOBILE MENU */
.mobileMenu {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #262626;
padding: 5em 1em 1em 1em;
visibility: hidden;
opacity: 0;
transform: translateY(-100%);
pointer-events: none;
transition: visibility .2s, opacity .2s, transform .2s;
z-index: 500;
display: flex;
flex-direction: column;
align-items: stretch;
line-height: 1.15;
}
.mobileMenu--visible {
visibility: visible;
opacity: 1;
transform: translateY(0%);
pointer-events: all;
transition: visibility .2s, opacity .2s, transform .2s;
}
.mobileMenu__container {
flex-grow: 1;
position: relative;
}
.mobileMenu__closeTextBlock {
display: none;
}
.mobileMenu__closeText {
}
.mobileMenu__wrapper {
position: absolute;
top: 0;
right: 0;
/*bottom: 8.875em;*/
bottom: 0;
left: 0;
overflow: auto;
width: 100%;
}
.mobileMenu__table {
display: table;
width: 100%;
height: 100%;
}
.mobileMenu__cell {
display: table-cell;
vertical-align: top;
}
.mobileMenu__menu {
padding-bottom: 14.125em;
}
.mobileMenu__menu ul {
display: grid;
grid-template-columns: 1fr;
row-gap: 1.5em;
background-color: #2D2D2D;
padding: 1em;
}
.mobileMenu__menu li {
}
.mobileMenu__menu a {
font-weight: 600;
font-size: 1.5em;
color: #fff;
transition: color .15s;
}
.mobileMenu__menu a:hover {
color: #F35247;
transition: color .15s;
}
.mobileMenu__menu a:active {
opacity: .7;
}
.mobileMenu__menu a.selected {
color: #F35247;
}
.mobileMenu__socBLock {
position: absolute;
left: -1em;
bottom: -1em;
width: calc(100% + 2em);
height: 13.125em;
overflow: hidden;
background-color: #262626d6;
backdrop-filter: blur(0.4em);
-webkit-backdrop-filter: blur(0.4em);
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
}
.mobileMenu__socTel {
display: block;
font-weight: 700;
font-size: 1.5em;
color: #fff;
margin-bottom: .25em;
}
.mobileMenu__socTel:hover {
text-decoration: underline;
}
.mobileMenu__socTel:active {
opacity: .7;
}
.mobileMenu__socEmail {
display: block;
font-weight: 500;
font-size: 1em;
color: #F35247;
margin-bottom: 1.25em;
}
.mobileMenu__socEmail:hover {
text-decoration: underline;
text-underline-position: under;
}
.mobileMenu__socEmail:active {
opacity: .7;
}
.mobileMenu__socRow {
display: flex;
align-items: center;
}
.mobileMenu__socItem {
display: flex;
align-items: center;
justify-content: center;
width: 2.375em;
height: 2.375em;
flex-shrink: 0;
border-radius: 0.125em;
background-color: #2D2D2D;
position: relative;
transition: background-color .15s;
}
.mobileMenu__socItem:not(:last-child) {
margin-right: .5em;
}
.mobileMenu__socItem:hover {
background-color: #1F1F1F;
transition: background-color .15s;
}
.mobileMenu__socItem:active {
opacity: .7;
}
.mobileMenu__socIcon {
width: 1.25em;
height: 1.25em;
object-fit: contain;
filter: invert(100%);
}
.mobileMenu__socLink {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
}
@media (min-width: 1200px) {
.mobileMenu {
width: 34.125em;
transform: translate(-100%, 0);
padding: 2.5em 3em 2.1875em 7.25em;
}
.mobileMenu--visible {
transform: translate(0%, 0);
}
.mobileMenu__closeTextBlock {
display: block;
}
.mobileMenu__closeText {
display: block;
color: #6C6C6C;
margin: 0;
padding: 0;
background: none;
border: 0;
transition: color .15s;
}
.mobileMenu__closeText:hover {
color: #F35247;
transition: color .15s;
}
.mobileMenu__closeText:active {
opacity: .7;
}
.mobileMenu__wrapper {
top: 5em;
bottom: 14.0625em;
}
.mobileMenu__menu {
padding-bottom: 0;
}
.mobileMenu__menu ul {
row-gap: 3.1em;
row-gap: 2em;
background: none;
padding: 0;
}
.mobileMenu__menu a {
font-size: 2.5em;
font-size: 1.75em;
}
.mobileMenu__socBLock {
height: 14em;
left: 0;
bottom: 0;
width: 100%;
padding: 0;
}
.mobileMenu__socEmail {
margin-bottom: 2em;
}
}
@media (min-width: 1600px) {
.mobileMenu {
padding: 3.4em 3em 2.1875em 8.5em;
}
.mobileMenu__wrapper {
top: 6.7em;
bottom: 17em;
}
}
/* MOBILE MENU */
/* SEARCH BLOCK */
.searchBlock {
background-color: #121212;
padding: 0.625em 0;
position: fixed;
top: 2.5em;
left: 0;
width: 100%;
z-index: 600;
visibility: hidden;
opacity: 0;
transform: translateY(-100%);
pointer-events: none;
transition: visibility .2s, opacity .2s, transform .2s;
z-index: 500;
}
.searchBlock--visible {
visibility: visible;
opacity: 1;
transform: translateY(0%);
pointer-events: all;
transition: visibility .2s, opacity .2s, transform .2s;
}
.searchBlock__container {
}
#title-search-header {
}
#title-search-header form {
display: flex;
align-items: stretch;
padding: 0 0.625em;
}
#title-search-header input[type="text"] {
width: 0.0625em;
flex-grow: 1;
padding: .75em;
}
#title-search-header input[type="submit"] {
margin-left: 0.625em;
padding: .75em 1.95em;
}
.title-search-result {
z-index: 200;
}
.searchResult {
background-color: #fff;
padding: 1.25em 0.625em 0.625em 0.625em;
}
.searchResult__row {
display: flex;
align-items: center;
}
.searchResult__row:not(:last-child) {
margin-bottom: 0.625em;
}
.searchResult__imgContainer {
flex-shrink: 0;
margin-right: 0.625em;
}
.searchResult__img {
border-radius: 100%;
width: 3.125em;
height: 3.125em;
object-fit: contain;
}
.searchResult__textBlock {
}
.searchResult__name {
font-weight: 400;
font-size: 0.875em;
}
.searchResult__name b {
font-weight: 400;
}
.searchResult__price {
font-size: 0.875em;
font-weight: 700;
}
.searchResult__row--toAll {
display: flex;
align-items: center;
justify-content: center;
margin: 1.25em -0.625em -0.625em -0.625em;
border-radius: 0;
}
.searchResult__row--toAll .searchResult__textBlock {
width: 100%;
}
.searchResult__row--toAll .searchResult__name {
text-align: center;
font-weight: 700;
}
@media (min-width: 1200px) {
.searchBlock {
top: 0em;
left: 4.75em;
width: calc(100% - 4.75em);
}
.searchResult__row:not(:last-child) {
margin-bottom: 0.9375em;
}
.searchResult__imgContainer {
margin-right: 0.9375em;
}
.searchResult__name {
font-size: 1em;
}
.searchResult__price {
font-size: 1em;
}
}
@media (min-width: 1600px) {
.searchBlock {
left: 6em;
width: calc(100% - 6em);
}
}
/* SEARCH BLOCK */
/* HEADER */
.header {
background-color: #1F1F1F;
position: sticky;
top: 0;
width: 100%;
z-index: 1000;
}
.header__container {
display: flex;
align-items: center;
}
.header__menuBtn {
display: flex;
align-items: center;
justify-content: center;
border: 0;
width: 2.5em;
height: 2.5em;
background-color: #303030;
flex-shrink: 0;
transition: background-color .1s;
}
.header__menuBtn--open {
background-color: #494949;
transition: background-color .1s;
}
.header__menuBtnIcon {
width: 0.875em;
}
.header__menuBtnIcon--close {
display: none;
}
.header__menuBtn--open .header__menuBtnIcon--open {
display: none;
}
.header__menuBtn--open .header__menuBtnIcon--close {
display: block;
}
.header__logoLink {
display: block;
margin-left: 1.25em;
margin-right: auto;
}
.header__logoPict {
display: block;
}
.header__logoImg {
height: 1.75em;
}
.header__loginLink {
display: flex;
align-items: center;
justify-content: center;
border: 0;
width: 2.5em;
height: 2.5em;
background-color: #303030;
flex-shrink: 0;
margin-right: 0.0625em;
}
.header__loginLinkIcon {
width: 1em;
}
.header__showSearchBlockBtn {
display: flex;
align-items: center;
justify-content: center;
border: 0;
width: 2.5em;
height: 2.5em;
background-color: #303030;
flex-shrink: 0;
margin-right: 0.0625em;
transition: background-color .1s;
}
.header__showSearchBlockBtn--open {
background-color: #494949;
transition: background-color .1s;
}
.header__showSearchBlockBtnIcon {
width: 1em;
}
.header__showSearchBlockBtnIcon--open {
display: block;
}
.header__showSearchBlockBtnIcon--close {
display: none;
}
.header__showSearchBlockBtn--open .header__showSearchBlockBtnIcon--open {
display: none;
}
.header__showSearchBlockBtn--open .header__showSearchBlockBtnIcon--close {
display: block;
}
.header__cartBlock {
}
.header__cartBlock .bx-basket {
}
.header__cartLink {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 0;
width: 2.5em;
height: 2.5em;
background-color: #303030;
flex-shrink: 0;
}
.header__cartLink[data-quantity]:not([data-quantity="0"])::after {
content: attr(data-quantity);
display: flex;
align-items: center;
justify-content: center;
width: 1.4em;
height: 1.4em;
font-size: 0.625em;
line-height: 1.5;
font-weight: 500;
position: absolute;
right: 0;
top: 0;
background-color: #F35247;
color: #fff;
border-radius: 100%;
overflow: hidden;
transform: translate(-35%, 35%);
}
.header__cartIcon {
width: 1em;
}
@media (min-width: 375px) {
.header__logoLink {
margin-left: 2.5em;
}
}
@media (min-width: 1200px) {
.header {
position: fixed;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: auto;
padding: 0;
}
.header__container {
flex-direction: column;
padding: 1.875em 0.625em;
/*position: sticky;*/
/*top: 0;*/
}
.header__menuBtn {
width: 2.25em;
height: 2.25em;
padding: 0;
background: none;
margin-bottom: 3.75em;
}
.header__menuBtnIcon {
width: 2.25em;
height: 2.25em;
object-fit: contain;
}
.header__logoLink {
margin-right: 0;
margin-left: 0;
margin-bottom: 3.75em;
}
.header__logoImg {
height: auto;
width: 3.5em;
}
.header__loginLink {
width: 2.25em;
height: 2.25em;
background: none;
margin-bottom: 2.8125em;
}
.header__loginLinkIcon {
width: 1.8125em;
height: 1.8125em;
object-fit: contain;
}
.header__showSearchBlockBtn {
width: 2.25em;
height: 2.25em;
background: none;
margin-bottom: 2.8125em;
}
.header__showSearchBlockBtnIcon {
width: 1.8125em;
height: 1.8125em;
object-fit: contain;
}
.header__cartLink {
width: 2.25em;
height: 2.25em;
background: none;
}
.header__cartLink[data-quantity]:not([data-quantity="0"])::after {
width: 2em;
height: 2em;
font-size: 0.75em;
transform: translate(30%, -20%);
}
.header__cartIcon {
width: 1.8125em;
height: 1.8125em;
object-fit: contain;
}
}
@media (min-width: 1600px) {
.header__container {
padding: 2.8125em 1.25em;
}
.header__menuBtn {
margin-bottom: 5.625em;
}
.header__loginLink {
margin-bottom: 4.0625em;
}
.header__showSearchBlockBtn {
margin-bottom: 4.0625em;
}
}
@media (min-width: 1921px) {
.header {
max-width: 6em;
width: 6em;
}
}
/* HEADER */
/* SUBHEADER */
.subHeader {
background-color: #121212;
}
.subHeader__container {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.subHeader__logoRow {
display: none;
}
.subHeader__breadcrumbsRow {
font-size: .75em;
color: #959595;
}
.subHeader__breadcrumbsRow > .bx-breadcrumb {
display: flex;
align-items: center;
width: 100%;
max-width: 100%;
overflow: auto;
scroll-snap-type: x mandatory;
padding-bottom: .5em;
margin-bottom: -.5em;
}
.subHeader__breadcrumbsRow .bx-breadcrumb * {
display: block;
}
.subHeader__breadcrumbsRow > .bx-breadcrumb > .bx-breadcrumb-item {
display: flex;
align-items: center;
}
.subHeader__breadcrumbsRow .breadcrumb-arrow {
margin-left: .35em;
margin-right: .35em;
color: #959595;
}
.subHeader__breadcrumbsRow .breadcrumb-name {
color: #959595;
white-space: nowrap;
}
.subHeader__headingRow {
padding-top: .25em;
}
.subHeader__heading {
font-weight: 600;
font-size: 1.125em;
color: #fff;
}
@media (min-width: 1200px) {
.subHeader {
background: url('/local/templates/bigwheels/./assets/img/subheading-bg.png'), linear-gradient(to top, #121212, #121212);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.subHeader__container {
padding-top: 1.625em;
padding-bottom: 2.1875em;
}
.subHeader__logoRow {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2.1875em;
}
.subHeader__logoBlock {
}
.subHeader__logoLink {
display: block;
}
.subHeader__logo {
height: 4.5em;
width: auto;
}
.subHeader__contactsBlock {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.subHeader__tel {
font-weight: 700;
font-size: 1.5em;
color: #fff;
}
.subHeader__tel:hover {
text-decoration: underline;
}
.subHeader__tel:active {
opacity: .7;
}
.subHeader__email {
font-weight: 500;
color: #F35247;
}
.subHeader__email:hover {
text-decoration: underline;
text-underline-position: under;
}
.subHeader__email:active {
opacity: .7;
}
.subHeader__breadcrumbsRow {
font-size: 1em;
}
.subHeader__breadcrumbsRow > .bx-breadcrumb {
padding-bottom: 0;
margin-bottom: 0;
}
.subHeader__headingRow {
padding-top: 2.1875em;
}
.subHeader__heading {
font-size: 3.125em;
}
}
/* SUBHEADER */
/* MAIN SLIDER MOBILE */
.mainSlider {
position: relative;
background-color: #121212;
margin-bottom: 1.5625em;
}
.mainSlider__list {
}
.mainSlider__slide {
display: flex;
flex-direction: column;
align-items: stretch;
padding-top: 1.625em;
position: relative;
}
.mainSlider__link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
z-index: 20;
}
.mainSlider__slide img {
user-select: none;
pointer-events: none;
}
.mainSlider__heading {
font-family: 'Montserrat', serif;
font-style: italic;
font-weight: 800;
font-size: 3.125em;
color: #fff;
text-align: center;
margin-bottom: -.4em;
position: relative;
z-index: 10;
line-height: 1.15;
transform: translate3d(0, 0, 0);
}
.mainSlider__imgBlock {
margin-bottom: -20%;
}
.mainSlider__imgVerticalTransform {
transform: translateY(20%);
transition: transform .55s ease-out;
}
.swiper-slide-active .mainSlider__imgVerticalTransform,
.swiper-slide-duplicate-active .mainSlider__imgVerticalTransform {
transform: translateY(0%);
transition: transform .55s ease-out;
}
.mainSlider__imgWrapper {
}
.mainSlider__imgContainer {
position: relative;
width: 94vw;
height: 94vw;
margin-left: auto;
margin-right: auto;
}
.mainSlider__sparksSmallBlue1Container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 130%;
height: 130%;
opacity: 0;
}
.swiper-slide-active .mainSlider__sparksSmallBlue1Container,
.swiper-slide-duplicate-active .mainSlider__sparksSmallBlue1Container {
animation-name: startOpacity1, opacity1;
animation-duration: 1s, .8s;
animation-delay: .2s, 1.2s;
animation-timing-function: linear, linear;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards, none;
}
.mainSlider__sparksSmallBlue1 {
width: 100%;
}
.swiper-slide-active .mainSlider__sparksSmallBlue1,
.swiper-slide-duplicate-active .mainSlider__sparksSmallBlue1 {
width: 100%;
animation-name: startRotation, rotation;
animation-duration: 1s, 2s;
animation-delay: 0s, 1s;
animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0), linear;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards, none;
}
.mainSlider__sparksSmallBlue2Container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 130%;
height: 130%;
opacity: 0;
}
.swiper-slide-active .mainSlider__sparksSmallBlue2Container,
.swiper-slide-duplicate-active .mainSlider__sparksSmallBlue2Container {
animation-name: startOpacity2, opacity2;
animation-duration: 1s, .6s;
animation-delay: .2s, 1.2s;
animation-timing-function: linear, linear;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards, none;
}
.mainSlider__sparksSmallBlue2 {
width: 100%;
}
.swiper-slide-active .mainSlider__sparksSmallBlue2,
.swiper-slide-duplicate-active .mainSlider__sparksSmallBlue2 {
animation-name: startRotation, rotation;
animation-duration: 1s, 2s;
animation-delay: 0s, 1s;
animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0), linear;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards, none;
}
.mainSlider__sparksSmallRed1Container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 130%;
height: 130%;
opacity: 0;
}
.swiper-slide-active .mainSlider__sparksSmallRed1Container,
.swiper-slide-duplicate-active .mainSlider__sparksSmallRed1Container {
animation-name: startOpacity1, opacity1;
animation-duration: 1s, .8s;
animation-delay: .2s, 1.2s;
animation-timing-function: linear, linear;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards, none;
}
.mainSlider__sparksSmallRed1 {
width: 100%;
}
.swiper-slide-active .mainSlider__sparksSmallRed1,
.swiper-slide-duplicate-active .mainSlider__sparksSmallRed1 {
width: 100%;
animation-name: startRotation, rotation;
animation-duration: 1s, 2s;
animation-delay: 0s, 1s;
animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0), linear;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards, none;
}
.mainSlider__sparksSmallRed2Container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 130%;
height: 130%;
opacity: 0;
}
.swiper-slide-active .mainSlider__sparksSmallRed2Container,
.swiper-slide-duplicate-active .mainSlider__sparksSmallRed2Container {
animation-name: startOpacity2, opacity2;
animation-duration: 1s, .6s;
animation-delay: .2s, 1.2s;
animation-timing-function: linear, linear;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards, none;
}
.mainSlider__sparksSmallRed2 {
width: 100%;
}
.swiper-slide-active .mainSlider__sparksSmallRed2,
.swiper-slide-duplicate-active .mainSlider__sparksSmallRed2 {
animation-name: startRotation, rotation;
animation-duration: 1s, 2s;
animation-delay: 0s, 1s;
animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0), linear;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards, none;
}
@keyframes startOpacity1 {
0% {
opacity: 0;
}
80% {
opacity: 0;
}
98% {
opacity: 1;
}
100% {
opacity: .6;
}
}
@keyframes startOpacity2 {
0% {
opacity: 0;
}
80% {
opacity: 0;
}
99% {
opacity: .6;
}
100% {
opacity: .2;
}
}
@keyframes opacity1 {
0% {
opacity: 0;
}
20% {
opacity: .8;
}
40% {
opacity: .2;
}
60% {
opacity: 1;
}
80% {
opacity: .4;
}
100% {
opacity: 0;
}
}
@keyframes opacity2 {
0% {
opacity: 0;
}
20% {
opacity: .2;
}
40% {
opacity: .6;
}
60% {
opacity: .4;
}
80% {
opacity: .9;
}
100% {
opacity: 0;
}
}
.mainSlider__wheelBackgroundContainer {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
.mainSlider__wheelBackground {
width: 100%;
}
.mainSlider__breakContainer {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.mainSlider__break {
width: 70.6%;
transform: translate3d(0, 0, 0);
}
.mainSlider__rimContainer {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 100%;
}
.swiper-slide-active .mainSlider__rimContainer,
.swiper-slide-duplicate-active .mainSlider__rimContainer {
animation-name: startGlowing1, glowing1;
animation-duration: 1s, 7s;
animation-delay: 0s, 1s;
animation-timing-function: linear, linear;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards, none;
}
@keyframes startGlowing1 {
0% {
box-shadow: 0 0 0em -0.3125em rgb(0 194 255 / 0%), 0 0 0em -0.3125em rgb(109 220 255 / 0%);
}
50% {
box-shadow: 0 0 1.25em -0.3125em rgb(0 194 255 / 35%), 0 0 1em -0.3125em rgb(109 220 255 / 70%);
}
100% {
box-shadow: 0 0 2.5em -0.3125em rgb(0 194 255 / 70%), 0 0 2.5em -0.3125em rgb(109 220 255 / 0%);
}
}
@keyframes glowing1 {
0% {
box-shadow: 0 0 2.5em -0.3125em rgb(0 194 255 / 70%), 0 0 2.5em -0.3125em rgb(109 220 255 / 0%);
}
20% {
box-shadow: 0 0 2em -0.3125em rgb(0 194 255 / 100%), 0 0 2.5em -0.3125em rgb(109 220 255 / 80%);
}
40% {
box-shadow: 0 0 2.5em -0.3125em rgb(0 194 255 / 50%), 0 0 1em -0.3125em rgb(109 220 255 / 100%);
}
60% {
box-shadow: 0 0 4.5em -0.3125em rgb(0 194 255 / 100%), 0 0 2.5em -0.3125em rgb(109 220 255 / 50%);
}
80% {
box-shadow: 0 0 1em -0.3125em rgb(0 194 255 / 20%), 0 0 3em -0.3125em rgb(109 220 255 / 80%);
}
100% {
box-shadow: 0 0 2.5em -0.3125em rgb(0 194 255 / 70%), 0 0 2.5em -0.3125em rgb(109 220 255 / 0%);
}
}
.mainSlider__rim {
width: 100%;
animation-name: rotation;
animation-duration: 2.6s;
animation-delay: 0s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-fill-mode: none;
}
.mainSlider__tireContainer {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 100%;
}
.swiper-slide-active .mainSlider__tireContainer,
.swiper-slide-duplicate-active .mainSlider__tireContainer {
animation-name: startGlowing2, glowing2;
animation-duration: 1s, 7s;
animation-delay: 0s, 1s;
animation-timing-function: linear, linear;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards, none;
}
@keyframes startGlowing2 {
0% {
box-shadow: 0 0 0em -0.3125em rgb(243 82 71 / 0%), 0 0 0em -0.3125em rgb(254 121 112 / 0%);
}
50% {
box-shadow: 0 0 1.25em -0.3125em rgb(243 82 71 / 35%), 0 0 1em -0.3125em rgb(254 121 112 / 70%);
}
100% {
box-shadow: 0 0 2.5em -0.3125em rgb(243 82 71 / 70%), 0 0 2.5em -0.3125em rgb(254 121 112 / 0%);
}
}
@keyframes glowing2 {
0% {
box-shadow: 0 0 2.5em -0.3125em rgb(243 82 71 / 70%), 0 0 2.5em -0.3125em rgb(254 121 112 / 0%);
}
20% {
box-shadow: 0 0 2em -0.3125em rgb(243 82 71 / 100%), 0 0 2.5em -0.3125em rgb(254 121 112 / 80%);
}
40% {
box-shadow: 0 0 2.5em -0.3125em rgb(243 82 71 / 50%), 0 0 1em -0.3125em rgb(254 121 112 / 100%);
}
60% {
box-shadow: 0 0 4.5em -0.3125em rgb(243 82 71 / 100%), 0 0 2.5em -0.3125em rgb(254 121 112 / 50%);
}
80% {
box-shadow: 0 0 1em -0.3125em rgb(243 82 71 / 20%), 0 0 3em -0.3125em rgb(254 121 112 / 80%);
}
100% {
box-shadow: 0 0 2.5em -0.3125em rgb(243 82 71 / 70%), 0 0 2.5em -0.3125em rgb(254 121 112 / 0%);
}
}
.mainSlider__tire {
width: 100%;
animation-name: rotation;
animation-duration: 2.6s;
animation-delay: 0s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-fill-mode: none;
}
@keyframes startRotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(45deg);
}
}
@keyframes rotation {
0% {
transform: rotate(45deg);
}
100% {
transform: rotate(405deg);
}
}
.mainSlider__btn {
position: absolute;
top: 3em;
background: none;
border: 0;
z-index: 20;
padding: 0.3125em;
}
.mainSlider__btn--prev {
left: 0.625em;
}
.mainSlider__btn--next {
right: 0.625em;
}
.mainSlider__btnIcon {
width: 0.375em;
}
@media (min-width: 500px) {
.mainSlider__imgContainer {
width: 29.375em;
height: 29.375em;
}
.mainSlider__imgBlock {
margin-bottom: -6.25em;
}
.mainSlider__btn--prev {
left: 1.25em;
}
.mainSlider__btn--next {
right: 1.25em;
}
}
@media (min-width: 1200px) {
.mainSlider {
display: none;
}
}
/* MAIN SLIDER MOBILE */
/* MAIN BANNER */
.mainBanner {
display: none;
}
@media (min-width: 1200px) {
.mainBanner {
display: block;
position: relative;
width: 100%;
height: 46.875vw;
background-color: #070707;
margin-bottom: 2.1875em;
}
.mainBanner__side {
position: absolute;
width: 50%;
top: 0;
height: 100%;
overflow: hidden;
transition: width .35s ease-out;
}
.mainBanner__link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
}
.mainBanner__side:hover {
width: 70%;
transition: width .35s ease-out;
}
.mainBanner__side:hover ~ .mainBanner__side {
width: 30%;
transition: width .35s ease-out;
}
.mainBanner__side--tire {
left: 0;
background-color: #121212;
}
.mainBanner__side--rim {
right: 0;
background-color: #070707;
}
.mainBanner__glowingBlock {
opacity: 0;
position: absolute;
border-radius: 100%;
transition: opacity .75s;
}
.mainBanner__glowingBlock--tire {
width: 45.9375vw;
height: 45.9375vw;
left: calc( (100vw - 4.75em - var(--scrollbarWidth)) / 2);
bottom: -10.677083333334vw;
transform: translateX(-50%);
box-shadow: 0 0 9.020833vw 2.308333vw #00c2ff, 0 0 123.020833vw 22.208333vw rgb(0 194 255 / 5%);
}
.mainBanner__glowingBlock--rim {
width: 53.22916666666667vw;
height: 53.22916666666667vw;
right: calc( (100vw - 4.75em - var(--scrollbarWidth)) / 2);
bottom: -14.32291666666667vw;
transform: translateX(50%);
box-shadow: 0 0 9.020833vw 2.308333vw #f35247, 0 0 123.020833vw 22.208333vw rgb(243 82 71 / 15%);
}
.mainBanner__side:hover .mainBanner__glowingBlock {
opacity: 1;
transition: opacity .75s;
}
.mainBanner__heading {
font-family: 'Montserrat', serif;
font-style: italic;
font-weight: 800;
line-height: 1;
font-size: 12.8vw;
position: absolute;
top: 4vw;
left: 3.125vw;
color: #121212;
transition: color .25s;
}
.mainBanner__side:hover .mainBanner__heading {
color: #0d0d0d;
transition: color .25s;
}
.mainBanner__side--rim .mainBanner__heading {
left: unset;
right: 3.125vw;
color: #070707;
}
.mainBanner__side--rim:hover .mainBanner__heading {
color: #000;
transition: color .25s;
}
.mainBanner__sparksBlock {
position: absolute;
left: calc( (100vw - 4.75em - var(--scrollbarWidth)) / 2);
bottom: -29.375vw;
transform: translateX(-50%);
width: 85.9375vw;
height: 85.9375vw;
opacity: 0;
transition: opacity .75s;
}
.mainBanner__side:hover .mainBanner__sparksBlock {
opacity: 1;
transition: opacity .75s;
}
.mainBanner__side--rim .mainBanner__sparksBlock {
left: unset;
right: calc( (100vw - 4.75em - var(--scrollbarWidth)) / 2);
transform: translateX(50%);
}
.mainBanner__sparks {
width: 85.9375vw;
height: 85.9375vw;
object-fit: contain;
animation-name: opacity2;
animation-duration: 6s;
animation-delay: 0s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-fill-mode: both;
}
.mainBanner__imgBlock {
position: absolute;
left: calc( (100vw - 4.75em - var(--scrollbarWidth)) / 2);
bottom: 0;
height: 100%;
width: 0;
}
.mainBanner__side--rim .mainBanner__imgBlock {
left: unset;
right: calc( (100vw - 4.75em - var(--scrollbarWidth)) / 2);
}
.mainBanner__imgContainer {
position: absolute;
transform: translateX(-50%);
bottom: -14.32291666666667vw;
left: 0;
width: 53.22916666666667vw;
height: 53.22916666666667vw;
}
.mainBanner__imgWrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
.mainBanner__img {
display: block;
width: 53.22916666666667vw;
height: 53.22916666666667vw;
object-fit: contain;
}
.mainBanner__break {
}
.mainBanner__rim {
animation-name: rotation;
animation-duration: 7s;
animation-delay: 0s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-fill-mode: none;
}
.mainBanner__tire {
animation-name: rotation;
animation-duration: 7s;
animation-delay: 0s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-fill-mode: none;
}
.mainBanner__logoBlock {
display: block;
position: absolute;
top: 1.625em;
left: 50%;
transform: translateX(-50%);
}
.mainBanner__logo {
height: 4.5em;
width: auto;
position: relative;
z-index: 10;
}
.mainBanner__logo--back {
height: 4.5em;
width: auto;
position: absolute;
left: 0;
top: 0;
z-index: 1;
transition: transform .25s;
}
.mainBanner:hover .mainBanner__logo--back {
transform: translate(.25em, .25em);
transition: transform .25s;
}
}
@media (min-width: 1600px) {
.mainBanner__glowingBlock--tire {
left: calc( (100vw - 6em - var(--scrollbarWidth)) / 2);
}
.mainBanner__sparksBlock {
left: calc( (100vw - 6em - var(--scrollbarWidth)) / 2);
}
.mainBanner__imgBlock {
left: calc( (100vw - 6em - var(--scrollbarWidth)) / 2);
}
.mainBanner__glowingBlock--rim {
right: calc( (100vw - 6em - var(--scrollbarWidth)) / 2);
}
.mainBanner__side--rim .mainBanner__sparksBlock {
right: calc( (100vw - 6em - var(--scrollbarWidth)) / 2);
}
.mainBanner__side--rim .mainBanner__imgBlock {
right: calc( (100vw - 6em - var(--scrollbarWidth)) / 2);
}
}
/* MAIN BANNER */
/* FRONT CATALOG */
.frontCatalog {
margin-bottom: 2.5em;
}
.frontCatalog__container {
}
.frontCatalog__grid {
display: flex;
flex-direction: column;
}
.frontCatalog__headerBlock {
display: flex;
flex-direction: column;
align-items: center;
}
.frontCatalog__heading {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 5.9375em;
line-height: 1.15;
font-family: 'Montserrat', serif;
font-style: italic;
font-weight: 800;
}
.frontCatalog__headingNumbers {
font-size: 3.125em;
line-height: 1;
margin-bottom: -.125em;
}
@supports (-webkit-touch-callout: none) {
.frontCatalog__headingNumbers {
overflow: hidden;
}
}
.frontCatalog__headingText {
font-size: 1.25em;
}
.frontCatalog__catalogBlock {
display: none;
}
.frontCatalog__filterBlock {
background-color: #121212;
border-radius: 0.3125em;
margin-left: -0.625em;
margin-right: -0.625em;
padding-left: 0.625em;
padding-right: 0.625em;
padding-bottom: 0.625em;
position: relative;
z-index: 110;
}
.frontCatalog__filterImgSlider {
margin-top: -4.8125em;
width: 9.625em;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.875em;
}
.frontCatalog__filterImgSliderList {
}
.frontCatalog__filterImgSliderItem {
}
.frontCatalog__filterImgSliderImgContainer {
}
.frontCatalog__filterImgSliderImgPicture {
}
.frontCatalog__filterImgSliderImg {
width: 9.625em;
height: 9.625em;
object-fit: contain;
}
.frontCatalog__filterSwitches {
display: flex;
align-items: stretch;
justify-content: center;
margin-bottom: 2em;
}
.frontCatalog__filterSwitch {
}
.frontCatalog__filterSwitch:first-child {
margin-right: 0.625em;
}
.frontCatalog__filterSwitch:not(.frontCatalog__filterSwitch--current) {
background-color: #0C0C0C;
transition: background-color .1s;
}
.frontCatalog__filterSwitch:not(.frontCatalog__filterSwitch--current):hover {
background-color: #0C0C0C;
transition: background-color .15s, transform .15s;
}
.frontCatalog__filterContainer {
}
@media (min-width: 500px) {
.frontCatalog__filterBlock {
margin-left: 0;
margin-right: 0;
padding-left: 1.25em;
padding-right: 1.25em;
padding-bottom: 1.25em;
border-radius: 0.625em;
}
}
@media (min-width: 800px) {
.frontCatalog__headingNumbers {
font-size: 6.25em;
}
}
@media (min-width: 1200px) {
.frontCatalog__heading {
margin-left: 0;
margin-right: auto;
margin-bottom: 3.125em;
}
.frontCatalog__headingNumbers {
font-size: 12.5em;
letter-spacing: -0.015em;
margin-right: 0.1em;
margin-bottom: -0.1em;
}
.frontCatalog__headingText {
font-size: 1.875em;
}
.frontCatalog {
margin-bottom: 8em;
}
.frontCatalog__catalogBlock {
display: block;
width: calc(50% - 1em);
background-color: #F8F8F8;
padding-right: 1.25em;
padding-bottom: 2.5em;
padding-top: 1.875em;
border-top-right-radius: 1.875em;
border-bottom-right-radius: 1.875em;
position: relative;
display: flex;
flex-direction: column;
}
.frontCatalog__catalogBlock::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 1.5625em;
transform: translateX(-100%);
background-color: #F8F8F8;
}
.frontCatalog__catalogWrapper {
width: 100%;
flex-grow: 1;
position: relative;
}
.frontCatalog__catalogAbsolute {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
}
.frontCatalog__catalogContainer {
}
.frontCatalog__catalogs {
}
.frontCatalog__catalog {
padding-right: 1.25em;
}
.frontCatalog__catalogGrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 2em;
}
.frontCatalog__catalogToAllBtn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 2em;
width: 100%;
font-weight: 600;
font-size: 1em;
height: 4.0625em;
}
.frontCatalog__filterBlock {
width: calc(50% - 1em);
padding-right: 2.5em;
padding-bottom: 2.5em;
padding-left: 2.5em;
border-radius: 1.875em;
position: relative;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.frontCatalog__filterBlock::before {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 1.5625em;
transform: translateX(100%);
background-color: #121212;
}
.frontCatalog__grid {
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.frontCatalog__headerBlock {
width: 100%;
}
.frontCatalog__filterImgSliderImg {
width: 24.75em;
height: 24.75em;
}
.frontCatalog__filterImgSlider {
width: 24.75em;
margin-top: -12.375em;
margin-left: 0;
}
.frontCatalog__filterSwitches {
justify-content: flex-start;
}
.frontCatalog__filters.swiper-wrapper {
display: flex;
align-items: stretch;
}
.frontCatalog__filter.swiper-slide {
height: auto;
display: flex;
flex-direction: column;
}
.frontCatalog__filter .bx-filter {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.frontCatalog__filter .bx-filter-section {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.frontCatalog__filter form {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.frontCatalog__filter form .row:not(.row--checkboxes) {
margin-top: auto;
}
}
@media (min-width: 1500px) {
.frontCatalog__heading {
flex-direction: row;
align-items: flex-end;
}
.frontCatalog__catalogBlock {
width: calc(58% - 1em);
}
.frontCatalog__catalogBlock::before {
width: 50vw;
left: 0.0625em;
}
.frontCatalog__filterBlock {
width: calc(42% - 1em);
}
.frontCatalog__filterBlock::before {
width: 50vw;
right: 0.0625em;
}
.frontCatalog__catalogGrid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1600px) {
.frontCatalog__catalogBlock::before {
width: calc((100vw - 80em - 6em - var(--scrollbarWidth)) / 2);
}
.frontCatalog__filterBlock::before {
width: calc((100vw - 80em - 6em - var(--scrollbarWidth)) / 2);
}
}
@media (min-width: 1921px) {
.frontCatalog__catalogBlock::before {
width: calc((100vw - 80em - 6em - var(--scrollbarWidth)) / 2 + 0.125em);
left: 0.0625em;
}
.frontCatalog__filterBlock::before {
width: calc((100vw - 80em - 6em - var(--scrollbarWidth)) / 2 + 0.125em);
right: 0.0625em;
}
}
/* FRONT CATALOG */
/* FRONT */
.front__heading {
text-align: center;
font-weight: 600;
font-size: 1.875em;
margin-bottom: 1.3333em;
line-height: 1.25;
}
@media (min-width: 1200px) {
.front__heading {
margin-bottom: 2.33333em;
}
}
/* FRONT */
/* ITEMS SLIDER */
.itemsSlider__separator {
margin-top: -1.25em;
margin-bottom: 2.5em;
}
.itemsSlider__separatorBody {
height: 0.0625em;
background-color: rgb(182 182 182 / 50%);
}
.itemsSlider {
margin-bottom: 4.0625em;
}
.itemsSlider__container {
}
.itemsSlider__heading {
}
.itemsSlider__slider {
margin-left: -0.625em;
margin-right: -0.625em;
position: relative;
}
.itemsSlider__sliderWrapper {
}
.itemsSlider__sliderList {
display: flex;
align-items: stretch;
}
.itemsSlider__sliderBtn {
position: absolute;
top: 5.75em;
display: flex;
align-items: center;
justify-content: center;
padding: 0.3125em;
border: 0;
background: none;
z-index: 100;
}
.itemsSlider__sliderBtnIcon {
width: 0.3125em;
}
.itemsSlider__sliderBtn--prev {
left: 0.625em;
}
.itemsSlider__sliderBtn--next {
right: 0.625em;
}
@media (min-width: 500px) {
.itemsSlider__slider {
margin-left: 0;
margin-right: 0;
}
.itemsSlider__sliderBtn--prev {
left: -0.3125em;
}
.itemsSlider__sliderBtn--next {
right: -0.3125em;
}
}
@media (min-width: 1200px) {
.itemsSlider {
margin-bottom: 7.9375em;
}
.itemsSlider__separator {
margin-top: 0;
margin-bottom: 7.9375em;
}
}
/* ITEMS SLIDER */
/* CATALOG */
.catalog {
}
.catalog__itemsBlockContainer {
position: relative;
}
.catalog__showFilterBtnBlock {
position: absolute;
top: -4em;
right: 0;
bottom: 0;
z-index: 100;
pointer-events: none;
padding-right: 0.625em;
padding-top: 0;
padding-bottom: 5.75em;
}
.catalog__showFilterBtn {
position: sticky;
top: 3.125em;
pointer-events: all;
width: 2.5em;
height: 2.5em;
border-radius: 0.3125em;
display: flex;
align-items: center;
justify-content: center;
background-color: #F35247;
border: 0;
}
.catalog__showFilterBtnIcon {
width: 1.125em;
}
.catalog__filterBlock {
background-color: #000;
color: #959595;
}
.catalog__itemsBlock {
margin-bottom: 5.3125em;
}
.catalog__grid {
padding-top: 2em;
display: grid;
grid-template-columns: repeat(1, 1fr);
row-gap: 3em;
transition: opacity .1s;
}
.catalog__noItems {
grid-area: 1 / 1 / 2 / -1;
font-size: 2em;
font-weight: 600;
color: #F35247;
}
.catalog__grid--loading {
opacity: .5;
transition: opacity .1s;
}
@media (min-width: 450px) {
.catalog__grid {
/*grid-template-columns: repeat(2, 1fr);*/
}
}
@media (min-width: 500px) {
.catalog__showFilterBtnBlock {
padding-right: 1.5625em;
/*padding-top: 1.5625em;*/
}
.catalog__showFilterBtn {
top: 4.0625em;
}
}
@media (min-width: 750px) {
.catalog__grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1000px) {
.catalog__grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1200px) {
.catalog__grid {
grid-template-columns: repeat(4, 12.75em);
justify-content: space-between;
}
.catalog__showFilterBtnBlock {
display: none;
}
.catalog__filterBlockContainer {
position: relative;
z-index: 100;
}
}
@media (min-width: 1400px) {
.catalog__grid {
grid-template-columns: repeat(5, 12.75em);
}
}
@media (min-width: 1500px) {
.catalog__grid {
padding-top: 4.6875em;
row-gap: 4.6875em;
}
}
/* CATALOG */
/* CATALOG ITEM */
.catalog__item {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
height: auto;
}
.catalog__item--sm {
margin-top: -0.8125em;
}
.catalog__itemContainer {
display: flex;
flex-direction: column;
align-items: stretch;
width: 12.75em;
margin-left: auto;
margin-right: auto;
position: relative;
flex-grow: 1;
}
.catalog__item--sm .catalog__itemContainer {
flex-direction: row;
align-items: center;
width: 100%;
padding-bottom: 1.1875em;
border-bottom: 0.0625em solid #2929297a;
}
.catalog__itemStore{
font-size: 0.8rem;
width: 5.3125rem;
height: 1.25rem;
border: solid max(1px,0.0625rem) #262626;
color: #262626;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
border-radius: 0.125rem;
line-height: 0;
margin-bottom: -1rem;
margin-right: auto;
z-index: 5;
pointer-events: none;
}
.catalog__itemDiskiStore{
display: flex;
flex-direction: column;
row-gap: 0.5em;
font-size: 0.625rem;
z-index: 6;
position: absolute;
left: 0;
top: 3em;
align-items: center;
}
.catalog__itemDiskiStore span{
font-size: 0.8rem;
color: #262626;
font-weight: 500;
line-height: 1;
z-index: 5;
pointer-events: none;
}
.catalog__itemImgContainer {
width: 100%;
margin-bottom: 1.5625em;
position: relative;
}
.catalog__itemImgLogo{
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%);
height: auto;
width: 3em;
}
.catalog__item--sm .catalog__itemImgContainer {
width: 7.0625em;
height: 7.0625em;
margin-bottom: 0;
flex-shrink: 0;
margin-right: 1.5rem;
}
.catalog__itemImgWrapper {
width: 100%;
height: 0;
padding-top: 100%;
position: relative;
}
.catalog__itemImg {
position: absolute;
top: 10%;
right: 10%;
bottom: 10%;
left: 10%;
width: 80%;
height: 80%;
object-fit: cover;
/*border-radius: 100%;*/
object-fit: contain;
}
.catalog__itemImgHover {
position: absolute;
top: 0%;
right: 0%;
bottom: 0%;
left: 0%;
width: 100%;
height: 100%;
object-fit: cover;
color: #CFCFCF;
transition: color .1s;
}
.catalog__item:hover .catalog__itemImgHover {
color: #F35247;
color: #121212;
transition: color .1s;
}
.catalog__item:active .catalog__itemImgHover {
color: #c2352b;
color: #3e3e3e;
transition: color .1s;
}
.catalog__itemTextBlock {
padding-left: 1.0625em;
padding-right: 1.0625em;
display: flex;
flex-direction: column;
align-items: stretch;
flex-grow: 1;
width: 100%;
}
.catalog__item--sm .catalog__itemTextBlock {
padding-left: 0;
padding-right: 0;
text-align: left;
}
.catalog__itemTitle {
font-weight: 600;
font-size: 1.5em;
font-size: 1em;
margin-bottom: .333333em;
width: 100%;
line-height: 1.15;
}
.catalog__item:hover .catalog__itemTitle {
text-decoration: underline;
}
.catalog__item:active .catalog__itemTitle {
opacity: .7;
}
.catalog__itemDesc {
font-size: 1em;
font-size: 0.667em;
line-height: 150%;
margin-bottom: .75em;
}
.catalog__item--sm .catalog__itemDesc {
margin-bottom: 0.55em;
}
.catalog__itemPrice {
font-weight: 700;
font-size: 1.5em;
margin-top: auto;
align-self: flex-start;
border: solid 0.125rem #262626;
color: #262626;
border-radius: 0.3125rem;
padding: 0rem 0.5rem;
line-height: 1.25;
}
.catalog__itemLink {
font-size: 0;
display: block;
position: absolute;
top: 0%;
right: 0%;
bottom: 0%;
left: 0%;
width: 100%;
height: 100%;
}
@media (min-width: 750px) {
.catalog__item--sm {
margin-top: 0;
}
.catalog__item--sm .catalog__itemContainer {
flex-direction: column;
align-items: stretch;
width: 12.75em;
padding-bottom: 0;
border-bottom: 0;
}
.catalog__item--sm .catalog__itemImgContainer {
height: auto;
width: 100%;
margin-bottom: 0;
flex-shrink: 0;
margin-right: 0;
}
.catalog__item--sm .catalog__itemTextBlock {
padding-left: 1.0625em;
padding-right: 1.0625em;
text-align: center;
}
.catalog__item--sm .catalog__itemDesc {
margin-bottom: 0.75em;
}
}
@media (min-width: 1200px) {
.catalog__item {
text-align: left;
}
.catalog__item--sm .catalog__itemTextBlock {
text-align: left;
}
}
/* CATALOG ITEM */
/* CALLBACK FORM */
.callbackForm {
margin-top: 12.96875em;
margin-bottom: 2.5em;
}
.callbackForm--left {
margin-bottom: 0;
margin-top: 8.90625em;
}
.callbackForm__container {
}
.callbackForm__grid {
display: flex;
flex-direction: column;
align-items: stretch;
background-color: #121212;
border-radius: 0.3125em;
padding-left: 0.625em;
padding-right: 0.625em;
margin-left: -0.625em;
margin-right: -0.625em;
}
.callbackForm__imgCell {
width: 17.8125em;
margin-top: -8.90625em;
margin-bottom: 1.40625em;
margin-left: auto;
margin-right: auto;
}
.callbackForm__imgWrapper {
width: 100%;
height: 0;
padding-top: 100%;
position: relative;
}
.callbackForm__imgPictire {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.callbackForm__img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.callbackForm__formCell {
padding-bottom: 1.625em;
}
.callbackForm__heading {
font-weight: 600;
font-size: 1.875em;
color: #FFFFFF;
text-align: center;
margin-bottom: 0.3333333em;
line-height: 1.25;
}
.callbackForm__text {
font-size: 1.125em;
color: #979797;
text-align: center;
margin-bottom: 1.666666em;
}
.callbackForm__form {
}
.callbackForm__formContainer {
display: grid;
grid-template-columns: 1fr;
row-gap: 0.625em;
margin-bottom: 1em;
}
.callbackForm__formContainer input {
width: 100%;
min-width: 0;
}
.callbackForm__formContainer button {
padding: 1.5em;
}
.callbackForm__policy {
display: flex;
align-items: flex-start;
}
.callbackForm__policy input {
margin-right: 0.625em;
width: 0.8125em;
height: 0.8125em;
margin-top: .2em;
font-size: inherit;
}
.callbackForm__policyText {
font-size: 0.75em;
line-height: 140%;
color: #6F6F6F;
}
.callbackForm__policyText a:hover {
text-decoration: underline;
}
.callbackForm__policyText a:active {
opacity: .7;
}
@media (min-width: 500px) {
.callbackForm__grid {
margin-left: 0;
margin-right: 0;
padding-left: 1.25em;
padding-right: 1.25em;
}
}
@media (min-width: 800px) {
.callbackForm__formContainer {
grid-template-columns: 1fr 1fr;
row-gap: 1.25em;
column-gap: 1.25em;
margin-bottom: 1.25em;
}
.callbackForm__formContainer button {
grid-column-start: 1;
grid-column-end: -1;
}
}
@media (min-width: 1200px) {
.callbackForm {
overflow: hidden;
max-width: 100%;
min-height: 52.8125em;
display: flex;
align-items: center;
margin-top: 0;
margin-bottom: 4.125em;
}
.callbackForm.callbackForm--left {
min-height: 44.6875em;
align-items: flex-end;
margin-bottom: 0;
}
.callbackForm__grid {
padding: 3.5em;
border-radius: 1.875em;
flex-direction: row-reverse;
align-items: center;
position: relative;
}
.callbackForm__grid::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%);
width: calc(50vw - 2.375em);
height: 100%;
border-radius: 1.875em;
background-color: #121212;
z-index: -1;
}
.callbackForm.callbackForm--left .callbackForm__grid::before {
left: unset;
right: 50%;
transform: translateY(-50%);
}
.callbackForm--left .callbackForm__grid {
flex-direction: row;
align-items: flex-end;
}
.callbackForm__formCell {
width: 39.5em;
flex-shrink: 0;
padding: 0;
}
.callbackForm__heading {
font-size: 3.125em;
margin-bottom: 0.44em;
text-align: left;
}
.callbackForm__text {
text-align: left;
}
.callbackForm__policy {
max-width: 85%;
}
.callbackForm__imgCell {
height: auto;
width: auto;
margin-top: 0;
margin-bottom: 0;
position: relative;
flex-grow: 1;
pointer-events: none;
margin-left: 6.25em;
}
.callbackForm--left .callbackForm__imgCell {
margin-left: auto;
margin-right: 6.25em;
}
.callbackForm__imgWrapper {
position: absolute;
top: 0;
left: 0;
height: 52.8125em;
width: 52.8125em;
padding: 0;
transform: translateY(-50%);
overflow: hidden;
}
.callbackForm--left .callbackForm__imgWrapper {
left: unset;
top: unset;
bottom: 0;
right: 0;
height: 44.6875em;
width: 52.1875em;
transform: translateY(0%);
margin-bottom: -3.5em;
}
.callbackForm__imgPictire {
position: relative;
width: auto;
height: auto;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.callbackForm__img {
position: relative;
width: auto;
height: auto;
top: auto;
right: auto;
bottom: auto;
left: auto;
width: 52.8125em;
height: 52.8125em;
max-width: none;
object-fit: contain;
}
.callbackForm--left .callbackForm__img {
width: 52.1875em;
height: 44.6875em;
}
}
/* CALLBACK FORM */
/* BRANDS */
.brands {
display: none;
}
@media (min-width: 1200px) {
.brands {
display: block;
margin-top: 7.9375em;
margin-bottom: 1.25em;
}
.brands__container {
}
.brands__heading {
}
.brands__listContainer {
}
.brands__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
row-gap: 0.0625em;
column-gap: 0.0625em;
padding: 0.0625em;
}
.brands__item {
margin: -0.0625em;
border: 0.0625em solid #B6B6B6;
background-color: #F8F8F8;
background-color: #fff;
}
.brands__itemWrapper {
width: 100%;
height: 0;
padding-top: 100%;
position: relative;
}
.brands__itemContainer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.brands__listImg {
width: 9.375em;
height: 5em;
object-fit: contain;
transition: transform .1s;
}
.brands__item:hover .brands__listImg {
transform: scale(.95);
transition: transform .1s;
}
}
/* BRANDS */
/* ADVANTAGES */
.advangates {
margin-bottom: 3.125em;
}
.advantages__container {
}
.advantages__list {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 1.875em;
row-gap: 2.5em;
}
.advantages__item {
}
.advantages__img {
width: 4.0625em;
height: auto;
margin-right: auto;
margin-left: 0;
margin-bottom: 1.25em;
}
.advantages__title {
line-height: 1.25;
font-weight: 700;
font-size: 1.125em;
margin-bottom: 0.55555555em;
}
.advantages__text {
font-size: 0.75em;
color: #646464;
}
@media (min-width: 600px) {
.advantages__list {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 1200px) {
.advangates {
margin-bottom: 7.1875em;
}
.advantages__list {
grid-template-columns: repeat(5, 1fr);
column-gap: 2em;
padding-bottom: 8.3125em;
border-bottom: 0.0625em solid rgb(182 182 182 / 50%);
}
.advantages__text {
font-size: 1em;
}
}
/* ADVANTAGES */
/* GALLERY */
.gallery {
margin-bottom: 5.3125em;
}
.gallery__container {
}
.gallery__headingRow {
display: none;
}
.gallery__heading {
}
.gallery__headingLink {
}
.gallery__sliderContainer {
}
.gallery__swiper {
margin-bottom: 1.875em;
}
.gallery__list {
}
.gallery__slide {
}
.gallery__link {
display: block;
width: 100%;
height: 0;
padding-top: 0%;
position: relative;
}
.swiper-initialized .gallery__link {
padding-top: 100%;
}
.gallery__img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery__pagination {
display: flex;
align-items: stretch;
}
.gallery__pagination span.swiper-pagination-bullet {
width: 0.0625em;
height: 0.25em;
background-color: #EFEFEF;
flex-grow: 1;
border-radius: 0;
display: block;
margin: 0 !important;
padding: 0 !important;
opacity: 1;
}
.gallery__pagination span.swiper-pagination-bullet-active {
background-color: #F35247;
}
@media (min-width: 1200px) {
.gallery {
margin-bottom: 3.125em;
}
.gallery__headingRow {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2.5em;
}
.gallery__heading {
font-weight: 600;
font-size: 3.125em;
}
.gallery__headingLink {
font-weight: 700;
font-size: 1.125em;
color: #F35247;
}
.gallery__headingLink:hover {
text-decoration: underline;
}
.gallery__headingLink:active {
opacity: .7;
}
}
/* GALLERY */
/* DETAIL */
.catalog__detail {
padding-top: 1.875em;
padding-bottom: 3.75em;
overflow: hidden;
}
.catalog__detailContainer {
}
.catalog__detailGrid {
}
.catalog__datailImgBlock {
margin-bottom: 4.0625em;
}
.catalog__mainImgSlider {
margin-bottom: 1.5em;
margin-left: -0.625em;
margin-right: -0.625em;
}
.catalog__mainImgSliderList {
}
.catalog__mainImgSliderItem {
padding-left: 0.625em;
padding-right: 0.625em;
}
.catalog__mainImgSliderLink {
display: block;
width: 78%;
margin-left: auto;
margin-right: auto;
}
.catalog__mainImgSliderWrapper {
width: 100%;
height: 0;
padding-top: 100%;
position: relative;
}
.catalog__mainImgSliderImg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.catalog__paginationImgSliderContainer {
position: relative;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.catalog__paginationImgSlider {
}
.catalog__paginationImgSliderList {
}
.catalog__paginationImgSliderItem {
width: auto;
}
.catalog__paginationImgSliderWrapper {
padding-left: .25em;
padding-right: .25em;
}
.catalog__paginationImgSliderImg {
width: 3.125em;
height: 3.125em;
object-fit: contain;
}
.catalog__paginationImgSliderBtn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
width: 1.25em;
height: 1.25em;
background: none;
border: 0;
}
.catalog__paginationImgSliderBtn--prev {
left: 0;
transform: translate(-150%, -50%);
}
.catalog__paginationImgSliderBtn--next {
right: 0;
transform: translate(150%, -50%);
}
.catalog__detailItemBlock {
}
.catalog__detailItemVendorCode {
color: #6C6C6C;
margin-bottom: .5em;
}
.catalog__detailItemHeading {
font-weight: 600;
font-size: 1.875em;
line-height: 1.25;
margin-bottom: .5em;
}
.catalog__detailItemAvailability {
font-size: 1.125em;
margin-bottom: 1em;
font-weight: 500;
color: #F35247;
}
.catalog__detailItemDesc {
font-size: 0.875em;
line-height: 1.5;
color: #6C6C6C;
margin-bottom: 1.714286em;
}
.catalog__detailColorBlock {
margin-bottom: 2em;
}
.catalog__detailSubheading {
font-size: 1.125em;
margin-bottom: 1em;
font-weight: 400;
}
.catalog__detailColorRow {
display: grid;
row-gap: 1em;
column-gap: 1em;
grid-template-columns: repeat( auto-fit, 4.5em );
}
.catalog__detaiColorItem {
cursor: pointer;
}
.catalog__detaiColorItemCircle {
display: block;
width: 4.5em;
height: 4.5em;
border-radius: 100%;
border: 0.8125em solid #fff;
}
.catalog__detaiColorItem input {
display: none;
}
.catalog__detaiColorItem input:checked ~ .catalog__detaiColorItemCircle {
border-color: #F35247;
}
.catalog__detailPriceBlock {
margin-bottom: 2em;
}
.catalog__detailPrice {
font-weight: 600;
font-size: 3.125em;
line-height: 1;
}
.catalog__detailBuyBlock {
margin-bottom: 2em;
}
.catalog__detailBuyNumberBlock {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 0.625em;
}
.catalog__detailBuyNumberBtn {
background-color: #fff;
height: 3.8889em;
background-color: #F8F8F8;
font-size: 1.125em;
border: 0.05555555em solid #262626;
}
.catalog__detailBuyNumberBtn--minus {
margin-right: -0.05555555em;
border-top-left-radius: 0.2777778em;
border-bottom-left-radius: 0.2777778em;
}
.catalog__detailBuyNumberBtn--plus {
margin-left: -0.05555555em;
border-top-right-radius: 0.2777778em;
border-bottom-right-radius: 0.2777778em;
}
.catalog__detailBuyNumberInput {
text-align: center;
appearance: none;
height: 3.8889em;
background-color: #F8F8F8;
font-size: 1.125em;
border: 0.05555555em solid #262626;
}
.catalog__detailBuyNumberInput::-webkit-outer-spin-button,
.catalog__detailBuyNumberInput::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.catalog__detailBuyNumberInput {
-moz-appearance: textfield;
}
.catalog__detailBuyBtn {
width: 100%;
font-size: 1em;
height: 4.375em;
}
.catalog__detailSpecificationsBlock {
}
.catalog__detailSpecificationsBlock .catalog__detailSubheading {
font-weight: 500;
}
.catalog__detailSpecificationsList {
}
.catalog__detailSpecificationsRow {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.catalog__detailSpecificationsRow:not(:last-child) {
margin-bottom: 1em;
}
.catalog__detailSpecificationsTerm {
}
.catalog__detailSpecificationsDefenition {
font-weight: 600;
margin-left: 1em;
}
@media(min-width: 500px) {
.catalog__mainImgSlider {
margin-left: -1.5625em;
margin-right: -1.5625em;
}
.catalog__mainImgSliderItem {
padding-left: 1.5625em;
padding-right: 1.5625em;
}
}
@media(min-width: 1000px) {
.catalog__detailGrid {
display: flex;
align-items: flex-start;
}
.catalog__datailImgBlock {
width: 1px;
flex-grow: 1;
margin-right: 3.75em;
}
.catalog__detailItemBlock {
width: 28.75em;
}
.catalog__mainImgSlider {
margin-left: 0;
margin-right: 0;
}
.catalog__mainImgSliderItem {
padding-left: 0;
padding-right: 0;
}
.catalog__mainImgSliderLink {
width: 85%;
}
}
@media(min-width: 1200px) {
.catalog__detail {
padding-top: 2.5em;
padding-bottom: 0;
margin-bottom: -3.5em;
}
.catalog__detailGrid {
padding-right: 5em;
}
.catalog__datailImgBlock {
margin-right: 7.5em;
}
.catalog__mainImgSlider {
margin-bottom: 3.125em;
}
.catalog__paginationImgSliderWrapper {
padding-left: 0.5em;
padding-right: 0.5em;
}
.catalog__paginationImgSliderImg {
width: 6.875em;
height: 6.875em;
}
.catalog__detailItemVendorCode {
margin-bottom: 0.4em;
}
.catalog__detailItemHeading {
font-size: 3.125em;
margin-bottom: 0.4em;
}
.catalog__detailItemDesc {
font-size: 1em;
margin-bottom: 1em;
}
.catalog__detailColorBlock {
margin-bottom: 2.5em;
}
.catalog__detailPriceBlock {
margin-bottom: 2.5em;
}
.catalog__detailBuyBlock {
display: flex;
align-items: stretch;
margin-bottom: 2.5em;
}
.catalog__detailBuyNumberBlock {
margin-bottom: 0;
width: 13.125em;
margin-right: 0.625em;
}
.catalog__detailBuyBtn {
width: 1px;
flex-grow: 1;
}
}
/* DETAIL */
/* FOOTER */
.footer {
}
.footer__formBlock {
padding-top: 2em;
}
.footer--small .footer__formBlock {
display: none;
}
.footer__container {
}
.footer__mainRow {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 2.1875em;
padding-bottom: 1.40625em;
}
.footer--small .footer__mainRow {
border-top: 0.0625em solid #2929297a;
}
.footer__logoBlock {
order: 1;
margin-bottom: 2.1875em;
}
.footer__logoLink {
display: block;
}
.footer__logoImg {
width: 16.125em;
}
.footer__textBlock {
order: 2;
margin-bottom: 2.1875em;
}
.footer__text {
font-size: 0.875em;
color: #979797;
text-align: center;
max-width: 17.143em;
}
.footer__socBlock {
order: 4;
}
.footer__socRow {
display: flex;
align-items: center;
}
.footer__socItem {
position: relative;
border-radius: 0.125em;
width: 2.375em;
height: 2.375em;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .15s;
}
.footer__socItem:not(:last-child) {
margin-right: .5em;
}
.footer__socItem:hover {
background-color: #F35247;
transition: background-color .15s;
}
.footer__socItem:active {
opacity: .7;
}
.footer__socIcon {
width: 1.25em;
height: 1.25em;
object-fit: contain;
filter: invert(0%) sepia(61%) saturate(3477%) hue-rotate(122deg) brightness(110%) contrast(95%);
}
.footer__socLink {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
}
.footer__contactsBlock {
order: 3;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 2.8125em;
}
.footer__contactsTel {
font-weight: 700;
font-size: 1.5em;
}
.footer__contactsTel:hover {
text-decoration: underline;
}
.footer__contactsTel:active {
opacity: .7;
}
.footer__contactsEmail {
font-weight: 500;
color: #F35247;
}
.footer__contactsEmail:hover {
text-decoration: underline;
text-underline-position: under;
}
.footer__contactsEmail:active {
opacity: .7;
}
.footer__crRow {
padding-top: 1.40625em;
padding-bottom: 2.8125em;
display: flex;
flex-direction: column;
align-items: center
}
.footer--small .footer__crRow {
border-top: 0.0625em solid #2929297a;
}
.footer__crBlock {
margin-bottom: 2.5em;
}
.footer__policyLink {
font-size: 0.75em;
color: #979797;
}
.footer__policyLink:hover {
text-decoration: underline;
}
.footer__policyLink:active {
opacity: .7;
}
.footer__toTopBlock {
display: none;
}
.footer__toTop {
transition: transform .15s;
}
.footer__toTop:hover {
transform: scale(1.1);
transition: transform .15s;
}
.footer__toTop:active {
opacity: .7;
}
.footer__toTopText {
}
.footer__toTopIcon {
width: 0.375em;
height: 1.875em;
object-fit: contain;
}
.footer__irsBlock {
}
.footer__irsText {
font-size: 0.75em;
}
.footer__irsText a {
font-weight: 700;
}
.footer__irsText a:hover {
text-decoration: underline;
}
.footer__irsText a:active {
opacity: .7;
}
@media (min-width: 800px) {
.footer__mainRow {
flex-direction: row;
padding-bottom: 2.1875em;
}
.footer__textBlock {
display: none;
}
.footer__logoBlock {
margin-bottom: 0;
}
.footer__contactsBlock {
margin-bottom: 0;
}
.footer__socBlock {
order: 3;
margin-left: auto;
margin-right: auto;
}
.footer__contactsBlock {
order: 4;
align-items: flex-start;
}
.footer__crRow {
display: grid;
grid-template-columns: 1fr 1fr;
}
.footer__crBlock {
margin-bottom: 0;
}
.footer__irsBlock {
text-align: right;
}
.footer__irsText {
margin-right: 2em;
}
}
@media (min-width: 1200px) {
.footer__formBlock {
padding-top: 8em;
}
.footer__mainRow {
padding-top: 1.875em;
}
.footer__crRow {
grid-template-columns: repeat(3, 1fr);
padding-top: 1.25em;
padding-bottom: 1.25em;
}
.footer__toTopBlock {
display: flex;
align-items: center;
justify-content: center;
}
.footer__toTop {
display: flex;
align-items: center;
padding: 0.3125em 0.625em;
border: 0;
background: none;
}
.footer__toTopText {
font-size: 0.75em;
margin-right: .5em;
}
.footer__toTopIcon {
}
}
@media (min-width: 1400px) {
.footer__textBlock {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
border-left: 0.0625em solid rgb(41 41 41 / 50%);
height: auto;
align-self: stretch;
margin-left: 1.875em;
padding-left: 1.875em;
}
.footer__text {
text-align: left;
}
}
/* FOOTER */
/* PAGINATION */
.pagination__container {
padding-top: 2em;
}
.pagination__block {
background-color: #F8F8F8;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.3125em;
padding: 1em;
}
.pagination__text {
font-size: 1.125em;
font-weight: 600;
}
@media (min-width: 1200px) {
.pagination__container {
padding-top: 4em;
}
.pagination__block {
padding: 1.875em;
}
}
/* PAGINATION */
/* MODALS */
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
overflow: auto;
padding: 0.625em;
z-index: 10000;
}
.modal__table {
display: table;
width: 100%;
height: 100%;
}
.modal__cell {
display: table-cell;
vertical-align: middle;
}
.modal__wrapper {
max-width: 42.5em;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.modal__container {
background-color: #fff;
padding: 1em;
position: relative;
}
.modal__close {
position: absolute;
top: 1em;
right: 1em;
background: none;
border: 0;
}
.modal__closeIcon {
width: 1em;
height: 1em;
color: #BEBEBE;
}
.modal__pictureBlock {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 1em;
}
.modal__picture {
}
.modal__picture--item {
width: 10em;
height: 10em;
object-fit: contain;
border-radius: 100%;
}
.modal__picture--thx {
width: 100%;
max-width: 52%;
margin-left: auto;
margin-right: auto;
}
.modal__title {
font-weight: 600;
font-size: 2em;
text-align: center;
margin-bottom: .32em;
line-height: 1.1;
}
.modal__text {
font-size: 1em;
font-weight: 400;
text-align: center;
margin-bottom: 1.1em;
}
.modal__itemName {
font-weight: 600;
}
.modal__btnsBlock {
display: flex;
align-items: center;
flex-direction: column;
}
.modal__btn {
display: block;
text-align: center;
width: 100%;
}
.modal__btn:not(:last-child) {
margin-bottom: .25em;
}
@media (min-width: 500px) {
.modal__btnsBlock {
align-items: stretch;
flex-direction: row;
justify-content: space-between;
}
.modal__btn {
width: calc(50% - .25em);
}
.modal__btn:not(:last-child) {
margin-bottom: 0;
}
.modal__btnsBlock--singleBtn .modal__btn {
width: 100%;
}
}
@media (min-width: 1200px) {
.modal__container {
padding: 2.5em 2em 2em 2em;
}
.modal__picture--item {
width: 13.75em;
height: 13.75em;
}
.modal__pictureBlock {
margin-bottom: 2em;
}
.modal__title {
font-size: 3.125em;
margin-bottom: .32em;
}
.modal__text {
font-size: 1.875em;
margin-bottom: 1.2em;
}
.modal__btn {
height: 4.375em;
display: flex;
align-items: center;
justify-content: center;
}
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn .2s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn .2s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut .2s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut .2s cubic-bezier(0, 0, .2, 1);
}
@keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: scale(.8);
}
to {
transform: scale(1);
}
}
@keyframes mmslideOut {
from {
transform: scale(1);
}
to {
transform: scale(.8);
}
}
/* MODALS */
/* UC */
.uc {
padding-top: 1em;
}
.uc {
line-height: 1.25;
}
.uc > *:not(:last-child) {
margin-bottom: 1rem;
}
.uc h1 {
font-size: 1.875em;
font-weight: 700;
}
.uc h2 {
font-size: 1.675em;
font-weight: 700;
}
.uc h3 {
font-size: 1.475em;
font-weight: 700;
}
.uc h4 {
font-size: 1.275em;
font-weight: 700;
}
.uc h5 {
font-size: 1em;
font-weight: 700;
}
.uc h6 {
font-size: 1em;
font-weight: 700;
}
.uc ol {
padding-left: 2em;
}
.uc h1:not(:first-child),
.uc h2:not(:first-child),
.uc h3:not(:first-child),
.uc h4:not(:first-child),
.uc h5:not(:first-child),
.uc h6:not(:first-child) {
margin-top: 1.5rem;
}
.uc ul {
list-style: disc;
padding-left: 2em;
}
.uc ul li:not(:last-child),
.uc ol li:not(:last-child) {
margin-bottom: .5em;
}
.uc .table__wrapper {
display: block;
width: 100%;
max-width: 100%;
overflow-y: auto;
}
.uc table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
}
.uc td,
.uc th {
border: 0.0625em solid #F8F8F8;
padding: .5em;
}
.uc th {
background-color: #F35247;
color: #fff;
font-weight: 500;
border-color: #F35247;
}
.uc a {
color: #F35247;
font-weight: 700;
}
.uc a:hover {
text-decoration: underline;
text-underline-position: under;
}
.uc a:active {
opacity: .7;
}
@media (min-width: 1200px) {
.uc {
padding-top: 0;
}
.uc h1:not(:first-child),
.uc h2:not(:first-child),
.uc h3:not(:first-child),
.uc h4:not(:first-child),
.uc h5:not(:first-child),
.uc h6:not(:first-child) {
margin-top: 2rem;
}
.uc > *:not(:last-child) {
margin-bottom: 1.5rem;
}
}
/* UC */
/* ORDER */
.orderBlock__payBlock {
margin-bottom: 1.5rem;
}
.orderBlock__payBlock form {
display: block;
}
.orderBlock__payBlock input {
display: block;
font-weight: 700;
font-size: 1em;
color: #FFFFFF;
background: #F35247;
border-radius: 0.3125em;
padding: 1em 2.375em;
border: 0;
}
.orderBlock__payBlock input:hover {
background-color: #c2352b;
transition: background-color .15s, transform .15s;
}
.orderBlock__payBlock input:active {
transform: scale(.99);
transition: background-color .15s, transform .15s;
}
/* ORDER */
/* SEARCH PAGE */
.search-page {
padding-top: 2em;
}
.search-page form {
display: flex;
align-items: stretch;
}
.search-page form input[type="text"] {
width: 0.0625em;
flex-grow: 1;
padding: 0.75em;
background-color: #F8F8F8;
}
.search-page form input[type="submit"] {
margin-left: 0.625em;
padding: 0.75em 1.95em;
}
@media (min-width: 1200px) {
.search-page {
padding-top: 0em;
}
}
/* SEARCH PAGE */
.bx-sls .bx-ui-sls-error div {
display: none;
}
#order_form_div .bx-sls .bx-ui-sls-container {
min-height: 1.5em;
}
/* FONTS */
@font-face {
font-family: 'GothamPro';
src: url('/local/templates/bigwheels/assets/fonts/GothamPro/GothamPro.woff2') format('woff2'),
url('/local/templates/bigwheels/assets/fonts/GothamPro/GothamPro.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'GothamPro';
src: url('/local/templates/bigwheels/assets/fonts/GothamPro/GothamPro-Medium.woff2') format('woff2'),
url('/local/templates/bigwheels/assets/fonts/GothamPro/GothamPro-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
/*
@font-face {
font-family: 'GothamPro';
src: url('/local/templates/bigwheels/assets/fonts/GothamPro/GothamPro-Semibold.woff2') format('woff2'),
url('/local/templates/bigwheels/assets/fonts/GothamPro/GothamPro-Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
*/
@font-face {
font-family: 'GothamPro';
src: url('/local/templates/bigwheels/assets/fonts/GothamPro/GothamPro-Bold.woff2') format('woff2'),
url('/local/templates/bigwheels/assets/fonts/GothamPro/GothamPro-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'GothamPro';
src: url('/local/templates/bigwheels/assets/fonts/GothamPro/GothamPro-BoldItalic.woff2') format('woff2'),
url('/local/templates/bigwheels/assets/fonts/GothamPro/GothamPro-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('/local/templates/bigwheels/assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
url('/local/templates/bigwheels/assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff');
font-weight: 800;
font-style: italic;
font-display: swap;
}
/* FONTS */
/* delivery */
.deliveryPage__self{
color: #fff;
width: 100%;
padding: 2.2em 2.5em;
background: url(/upload/delivery-self.png) no-repeat center / cover;
margin-bottom: 1.875em !important;
border-radius: 1.25em;
}
.deliveryPage__selfTitle{
font-weight: 700;
font-size: 1.875em;
line-height: 1.23;
margin-bottom: 0.2em;
color: #FFFFFF;
}
.deliveryPage__selfDesc{
font-weight: 400;
font-size: 0.9375em;
line-height: 1.5;
color: #959595;
margin-bottom: 0.825em;
}
.deliveryPage__selfItem{
display: flex;
align-items: center;
margin-bottom: 0.7em;
}
.deliveryPage__selfItemIco{
flex-shrink: 0;
width: 1.375em;
height: 1.375em;
margin-right: 0.625em;
}
.deliveryPage__selfItemText{
font-weight: 600;
font-size: 1.125em;
line-height: 1.2;
color: #FFFFFF;
}
@media(max-width: 900px){
.deliveryPage__self{
background: #262626;
padding: 1.5em 1em 1em;
}
}
.deliveryPage__p{
font-size: 1.125em;
}
.deliveryPage__p b{
font-weight: 500;
}
.deliveryPage__flex{
display: flex;
flex-wrap: wrap;
margin-bottom: 2.875em;
}
.deliveryPage__flexItem{
width: 32.42%;
margin-right: 1.37%;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 2em 1.75em;
margin-bottom: 1.375em;
background: #fff;
background: #F8F8F8;
border-radius: 1.25em;
}
.deliveryPage__flexItem:nth-child(3n){
margin-right: 0;
}
.deliveryPage__flexImage{
width: auto;
height: 3.25em;
object-fit: contain;
margin-bottom: 1.625em;
}
.deliveryPage__flexTitle{
font-weight: 700;
font-size: 1.5em;
line-height: 1.5;
margin-bottom: 0.3em;
margin-top: 0 !important;
}
.deliveryPage__flexText{
font-weight: 300;
font-size: 0.9375em;
line-height: 1.5;
}
@media(max-width: 1000px){
.deliveryPage__flex{
justify-content: space-between;
}
.deliveryPage__flexItem{
margin-right: 0;
width: 49%;
}
}
.deliveryPage__title{
font-weight: 600;
font-size: 1.875em;
line-height: 1.4;
max-width: 18em;
margin-bottom: 0.567em;
}
.deliveryPage__titleDesc{
font-size: 1.125em;
line-height: 1.4;
margin-bottom: 2em;
max-width: 36.66em;
}
@media(max-width: 670px){
.deliveryPage__flexItem{
width: 100%;
}
}
.deliveryPage__table th{
border-color: transparent;
height: 4.0625em;
}
.deliveryPage__table th:first-child{
border-top-left-radius: 1.25em;
}
.deliveryPage__table th:last-child{
border-top-right-radius: 1.25em;
}
.deliveryPage__table tr:last-child td:first-child{
border-bottom-left-radius: 1.25em;
}
.deliveryPage__table tr:last-child td:last-child{
border-bottom-right-radius: 1.25em;
}
.deliveryPage__table td{
background: #F8F8F8;
border: none;
height: 4.0625em;
}
.deliveryPage__table tr:not(:last-child){
border-bottom: solid 0.0625em #fff;
}
/* delivery */
@media(max-width: 749px){
.catalog__grid{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
font-size: 2.6vw;
}
.catalog__grid>.catalog__item{
margin: 0 0 0.25em;
width: 49%;
}
.catalog__grid>.catalog__item .catalog__itemContainer{
padding: 0;
border: none;
width: 100%;
flex-direction: column;
}
.catalog__grid>.catalog__item .catalog__itemImgContainer{
width: 18em;
height: 18em;
margin: 2rem 0rem;
}
.catalog__itemImg {
right: 0;
bottom: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.catalog__grid>.catalog__item .catalog__itemPrice,
.catalog__grid>.catalog__item .catalog__itemTitle{
font-size: 1.5em;
}
.catalog__grid>.catalog__item.catalog__itemDesc{
font-size: 1em;
}
}
.catCount{
padding-top: 1em;
}
.bx-filter .bx-filter-param-label.disabled{
/*display: none;*/
}
.oneClickLink{
display: inline-block;
font-size: 1.125em;
margin-bottom: 1em;
font-weight: 500;
color: #F35247;
text-decoration: underline;
text-underline-position: under;
transform: translateY(-1em);
}
#oneClick .modal__wrapper{
max-width: 25em;
}
.oneClick__contentImg{
width: 75%;
margin: 0 auto 1em;
}
.oneClick__contentTitle{
font-weight: 600;
font-size: 2.25em;
line-height: 1.1;
margin-bottom: 0.7em;
}
.oneClick__contentSubtitle{
font-weight: 400;
font-size: 1.125em;
line-height: 1.1;
margin-bottom: 0.88em;
}
.oneClick__contentName{
font-weight: 500;
font-size: 1.5em;
line-height: 1.1;
margin-bottom: 0.5em;
}
.oneClick__contentPrice{
font-weight: 600;
font-size: 3.125em;
line-height: 1.1;
margin-bottom: 0.33em;
}
#oneClick .catalog__detailBuyNumberBlock{
margin: 0;
}
.oneClick__content{
margin-bottom: 2em;
}
.oneClick__form>div{
position: relative;
width: 100%;
}
.oneClick__form>div>input{
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
}
.oneClick__form>div>svg{
height: auto;
width: 1em;
position: absolute;
left: 0;
top: 0.1875em;
}
.oneClick__form>div>input:checked~svg path{
fill: #F35247;
}
.oneClick__form>div>label{
position: relative;
z-index: 2;
padding-left: 2.5em;
font-size: 0.75em;
color: #6D6666;
}
.oneClick__form input[type='text']{
width: 100%;
font-size: 0.875em;
border-radius: 0.358em;
background: #EEEEEE;
padding: 0 1.7em;
height: 4.643em;
margin-bottom: 1em;
}
.oneClick__form input[type='text']::placeholder{
color: #A5A5A5;
}
.oneClick__form button{
width: 100%;
margin-bottom: 0.875em;
background: #F35247;
height: 4.0625em;
display: flex;
justify-content: center;
align-items: center;
border: none;
border-radius: 0.3125em;
}
.oneClick__form button span{
font-weight: 600;
color: #fff;
}
@media(min-width: 1200px){
#oneClick .modal__wrapper{
max-width: 74.75em;
}
.oneClick__contentTitle{
font-size: 3.125em;
}
.oneClick__contentName{
font-size: 2.5em;
}
.oneClick__content{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4em;
}
.oneClick__contentImg {
width: 28em;
margin: 0;
flex-shrink: 0;
}
.oneClick__contentRight{
width: 38em;
}
.oneClick__form{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.oneClick__form input[type='text'],
.oneClick__form button{
width: 32%;
}
.oneClick__form button{
margi-bottom: 1.25em;
transition: background-color .15s, transform .15s;
}
.oneClick__form button:hover{
background-color: #c2352b;
}
.oneClick__form>div>svg{
top: 0.45em;
}
.oneClickLink{
transform: translate(14.9em, -1.5em);
}
}
.catalog__itemAction{
font-size: 0.625rem;
width: 4.5em;
height: 2em;
background: #F35247;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
border-radius: 0.2em;
line-height: 0;
z-index: 6;
position: absolute;
left: 0;
top: 2.5em;
cursor: pointer;
}
.catalog--itemAction__text{
opacity: 0;
visibility: hidden;
font-style: normal;
font-weight: 500;
font-size: 0.9em;
line-height: 1.2;
color: #FFFFFF;
background: #000000;
border-radius: 0.5em;
padding: 0.6em 1.2em;
position: absolute;
left: 0;
bottom: -0.5em;
width: 18em;
text-align: left;
transform: translateY(100%);
transition: all 0.3s ease-in 0s;
}
.catalog--itemAction__text::before{
content: '';
position: absolute;
top: -0.5em;
left: 0;
width: 100%;
height: 0.7em;
display: block;
background: transparent;
}
.catalog--itemAction__text.active{
opacity: 1;
visibility: visible;
}
@media(min-width: 500px){
.catalog--itemAction__text{
width: 23em;
font-size: 1em;
}
}
.catalog__itemAction:hover .catalog--itemAction__text{
opacity: 1;
visibility: visible;
}
@media(min-width: 1200px){
.catalog--itemAction__text{
width: 26.4em;
}
body .catalog__item--sm .catalog__itemContainer{
width: 100%;
}
body .catalog__grid{
grid-template-columns: repeat(4, 25%);
}
}
.catalog__detailPriceBlock--4{
color: #6C6C6C;
}
.catalog__detailPriceBlock--4 .catalog__detailPrice{
font-size: 2.1875em;
}
@media(min-width: 1000px){
.catalog__detailPriceBlockWrapper{
display: flex;
align-items: flex-start;
white-space: nowrap;
}
.catalog__detailPriceBlock--4{
margin-left: 2em;
}
}
#text-container1 {
max-height: 13.375em;
overflow: hidden;
transition: max-height 0.5s ease-out;
}
#text-container1.collapsed {
max-height: 13.375em;
position: relative;
}
#text-container1.collapsed::after{
content: "";
display:block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height:5em;
background: linear-gradient(180deg, rgba(248, 248, 248, 0) 0%, #Fff 100%);
}
#text-container1.expanded {
max-height: none;
}
#toggle-button1{
border: none;
font-weight: 500;
color: #121212;
padding-right: 1.5em;
margin-top: 1.5em;
background-color: transparent;
background-position: 100% 50%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.5L7.6 7.9L1.2 1.5' stroke='%23121212' stroke-width='1.5'/%3E%3C/svg%3E");
}
.expanded+#toggle-button1{
background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.5L7.4 1.1L13.8 7.5' stroke='%23121212' stroke-width='1.5'/%3E%3C/svg%3E");
background-position: 100% 60%;
}
@media(min-width: 1200px){
#text-container1wrapper{
max-width: 41.875rem;
margin-left: auto;
margin-bottom: -10em;
position: relative;
z-index: 5;
}
}
.hasLink{
color: #F35247;
font-weight: 700;
}
.hasLink:hover{
color: #262626;
}
/*Track*/
.prices-slider{
padding-top: 10px;
}
@media(min-width: 1200px){
.prices-slider{
position: absolute;
top: 5.5em;
right: 0;
padding-top: 0;
}
.smartfilter:has(.opened1) .prices-slider{
top: 8em;
}
}
.prices-slider .bx-filter-parameters-box-title{
display: none;
}
.slider-inputs-cont{
overflow: unset !important;
display: flex;
flex-direction: column-reverse;
width: 15em;
}
.slider-inputs{
display: flex;
justify-content: space-between;
column-gap: 1em;
}
.slider-inputs .bx-filter-parameters-box-container-block{
position: relative;
}
.slider-inputs .bx-filter-parameters-box-container-block i{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0.7em;
font-size: .7em;
font-style: normal;
}
.slider-inputs input{
border: 1px solid #F35247;
padding: 0.5em 0.5em 0.5em 2em;;
}
.prices-slider .bx-filter-parameters-box{
padding-bottom: 0 !important;
border: unset !important;
margin-right: 0 !important;
}
.bx-filter .bx-ui-slider-track-container {
padding-top: 10px;
padding-bottom: 9px;
padding-left: 11px;
padding-right: 11px;
margin-bottom: 5px;
}
.bx-filter .bx-ui-slider-track-prices {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: -4px;
margin-right: -4px;
margin-bottom: 7px;
display: none;
}
.bx-filter .bx-ui-slider-track-prices-price {
font-size: 12px;
color: #8979AE;
max-width: 45%;
overflow: hidden;
text-overflow: ellipsis;
}
.bx-filter .bx-ui-slider-track {
position: relative;
height: 3px;
background-color: #E7E7E7;
}
.bx-filter .bx-ui-slider-part {
position: absolute;
top: -6px;
background: #a2bfc7;
}
.bx-filter .bx-ui-slider-part.p1 {
left: -1px;
}
.bx-filter .bx-ui-slider-part.p2 {
display: none;
}
.bx-filter .bx-ui-slider-part.p3 {
display: none;
}
.bx-filter .bx-ui-slider-part.p4 {
display: none;
}
.bx-filter .bx-ui-slider-part.p5 {
right: -1px;
}
.bx-filter .bx-ui-slider-part span {
font-size: 11px;
position: absolute;
top: -16px;
left: 50%;
display: block;
width: 100px;
margin-left: -50px;
text-align: center;
color: #fff;
}
@media(min-width: 1200px){
.bx-filter .bx-ui-slider-part span {
color: #000;
}
}
.bx-filter .bx-ui-slider-part.p2 span,
.bx-filter .bx-ui-slider-part.p3 span,
.bx-filter .bx-ui-slider-part.p4 span {
color: #6b8086;
}
.bx-filter .bx-ui-slider-range,
.bx-filter .bx-ui-slider-pricebar,
.bx-filter .bx-ui-slider-pricebar-vd,
.bx-filter .bx-ui-slider-pricebar-vn,
.bx-filter .bx-ui-slider-pricebar-v {
position: absolute;
top: 0;
bottom: 0;
}
.bx-filter .bx-ui-slider-range {
left: 0;
right: 0;
z-index: 9;
}
.bx-filter .bx-ui-slider-pricebar {
z-index: 10;
}
.bx-filter .bx-ui-slider-pricebar-vd {
z-index: 6;
}
.bx-filter .bx-ui-slider-pricebar-vn {
z-index: 7;
background: #1F1F1F;
}
.bx-filter .bx-ui-slider-pricebar-v {
z-index: 8;
background: #F35247;
}
.bx-filter .bx-ui-slider-handle {
position: absolute;
top: 50%;
width: 15px;
height: 15px;
border: 0;
background-color: #F35247;
border-radius: 100%;
}
.bx-filter .bx-ui-slider-handle:hover {
-webkit-cursor: grab;
-ms-cursor: grab;
-o-cursor: grab;
cursor: grab;
}
.bx-filter .bx-ui-slider-handle:active {
-webkit-cursor: grabbing;
-ms-cursor: grabbing;
-o-cursor: grabbing;
cursor: grabbing;
}
.bx-filter .bx-ui-slider-handle.left {
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.bx-filter .bx-ui-slider-handle.right {
right: 50%;
transform: translateY(-50%) translateX(50%);
}
.sortbox{
display: flex;
flex-direction: column;
position: relative;
}
.sortbox a{
font-weight: 700;
font-size: .7em;
color: #F35247;
padding-top: 1em;
transition: all 0.2s ease-in 0s;
}
.sortbox a:hover{
color: #1F1F1F;
}
.sortbox-block{
width: 10em;
background: #fff;
border: 1px solid #1F1F1F;
border-radius: 0.3125em;
display: flex;
flex-direction: column;
margin-top: 1.375em;
position: absolute;
top: 0;
right: 0;
z-index: 7;
}
.sortbox--cur{
font-style: normal;
font-weight: 500;
font-size: 0.625em;
line-height: 1.2;
color: #262626;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.5em 1.5em;
cursor: pointer;
}
.sortbox--cur::after{
content: '';
background-image: url('data:image/svg+xml,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 0.571em;
height: 0.571em;
display: block;
}
.sortbox__list{
display: none;
flex-direction: column;
}
.sortbox__list a{
font-style: normal;
font-weight: 400;
font-size: 0.625em;
line-height: 1.2;
color: #262626;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.5em 1.5em;
transition: 0.3s;
display: flex;
align-items: center;
justify-content: space-between;
}
.sortbox__list a.sort-active::after{
content: '';
background-image: url('data:image/svg+xml,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 0.571em;
height: 0.571em;
display: block;
transition: 0.3s;
}
.sortbox__list a.sort-active:hover::after{
background-image: url('data:image/svg+xml,');
}
.sortbox__list a:hover{
background: #262626;
color: #fff;
}
@media(min-width: 600px){
.sortbox-block{
width: 18.75em;
}
.sortbox--cur{
font-size: 0.875em;
line-height: 1.214;
padding: 0.714em 1.642em;
}
.sortbox__list a{
font-size: 0.875em;
line-height: 1.214;
padding: 0.714em 1.642em;
}
}
@media(min-width: 1200px){
.sortbox{
flex-direction: row;
justify-content: space-between;
}
}
.searchTypes__list{
display: flex;
flex-direction: column;
column-gap: 1.25em;
row-gap: 1.25em;
}
.searchTypes__item{
border-radius: 0.9375em;
background: #121212;
padding: 1.5625em 1.5625em;
flex-grow: 1;
position: relative;
overflow: hidden;
}
.searchTypes__item::after{
content: '';
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
right: 0;
display: block;
width: 8em;
height: 9.5em;
}
.searchTypes__item.searchTypes--diski::after{
background-image: url(/local/templates/bigwheels/./assets/img/search_type_disk.png);
}
.searchTypes__item.searchTypes--shiny::after{
background-image: url(/local/templates/bigwheels/./assets/img/search_type_shiny.png);
}
.searchTypes__item > h2{
font-style: normal;
font-weight: 600;
font-size: 1.875em;
line-height: 1.233;
color: #FFFFFF;
margin-bottom: 1.166em;
position: relative;
z-index: 1;
}
.searchTypes__item > h2 span{
color: #F35247;
}
.searchTypes__item .forToggle__content{
max-width: 20.625em;
position: relative;
z-index: 1;
}
@media(min-width: 800px){
.searchTypes__list{
flex-direction: row;
}
.searchTypes__item{
padding: 2.1875em 2.75em;
}
.searchTypes__item::after{
width: 12em;
height: 14.5em;
}
}
.searchTypes .forToggle{
display: flex;
justify-content: flex-start;
align-items: center;
}
.searchTypes .forToggle::after{
content: "";
margin-left: 1rem;
background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7871 1.68652L9.78711 9.68652L1.78711 1.68652' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
display: flex;
width: 1.1875rem;
height: 0.75rem;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
.searchTypes .forToggle--opened::after{
background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.21484 10.6865L9.21484 2.68652L17.2148 10.6865' stroke='%23F35247' stroke-width='3'/%3E%3C/svg%3E");
}
.searchTypes .forToggle__content{
display: block;
padding-top: 0;
width: 100%;
}
.searchTypes .forToggle__content input{
width: 0;
height: 0;
opacity: 0;
position: absolute;
pointer-events: none;
user-select: none;
}
.searchTypes .forToggle--opened+.forToggle__content{
display: block;
}
.searchTypes .forToggle__tabs{
width: 16.5em;
height: 2.6875em;
border-radius: 0.3125em;
background: #0C0C0C;
display: flex;
padding: 0.125em;
}
.searchTypes .forToggle__tab{
display: flex;
flex-grow: 1;
height: 100%;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 500;
line-height: 0;
font-size: 1em;
cursor: pointer;
border-radius: 0.3125em;
}
.searchTypes #ftLetoF:checked~.forToggle__tabs .forToggle__tab:nth-child(2),
.searchTypes #ftZimaF:checked~.forToggle__tabs .forToggle__tab:nth-child(1){
color: #fff;
background: #F35247;
}
.searchTypes .forToggle__tabContent{
display: none;
margin-top: 1.5625em;
width: 100%;
}
.searchTypes #ftLetoF:checked~.forToggle__tabContent--leto,
.searchTypes #ftZimaF:checked~.forToggle__tabContent--zima{
display: block;
}
.searchTypes .forToggle__links{
width: 100%;
display: flex;
row-gap: 2.1875em;
flex-wrap: wrap;
align-items: flex-start;
}
body .searchTypes .forToggle__links a{
width: 25%;
display: flex;
align-items: center;
font-weight: 500;
margin-bottom: 0;
font-size: 1em;
line-height: 1;
color: #fff;
transition: 0.3s;
}
body .searchTypes .forToggle__links a:hover{
color: #F35247;
}
body .searchTypes .forToggle__links a::before{
content: "";
width: 0.4em;
height: 0.4em;
display: block;
margin: 0 0.8125em 0 0.15em;
background: #fff;
border-radius: 100%;
transition: 0.3s;
}
body .searchTypes .forToggle__links .forToggle__linksSelected{
color: #F35247;
}
body .searchTypes .forToggle__links a:hover::before,
body .searchTypes .forToggle__links .forToggle__linksSelected::before{
background: #F35247;
transform: scale(1.75);
}
.brands--list{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(13.3125em, 1fr));
flex-wrap: wrap;
}
.brands--list a{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
max-width: 100%;
width: 100%;
height: 13.3125em;
box-shadow:
1px 0 0 0 #B6B6B6,
0 1px 0 0 #B6B6B6,
1px 1px 0 0 #B6B6B6,
1px 0 0 0 #B6B6B6 inset,
0 1px 0 0 #B6B6B6 inset;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 150%;
color: #262626;
padding-bottom: 1.25em;
}
.brands--list a img{
display: block;
filter: grayscale(1);
}
.brands--list a:hover{
font-weight: 500;
text-decoration: none;
}
.cookie-banner {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #1F1F1F;
padding: 15px;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
z-index: 9999;
}
.cookie-content {
max-width: 1200px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.cookie-content p {
font-size:16px;
margin: 0;
width: 100%;
max-width: 900px;
color: #fff;
}
.cookie-content p a{
color: #F35247 !important;
}
.cookie-buttons {
flex-shrink: 0;
}
.cookie-btn {
width: 138px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 15px;
border: none;
cursor: pointer;
background: #F35247 !important;
color: white;
border-radius: 8px;
margin: 10px 0;
font-size: 16px;
}
.bwcontacts{
font-size: 16px;
display: flex;
flex-wrap: wrap;
}
.bwcontacts__item{
width: 100%;
padding-bottom: 1.5em;
border-bottom: solid max(1px,0.0625em) #D2D2D2;
margin-bottom: 1.5em;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.bwcontacts__itemTitle{
font-weight: 600;
font-size: 1.375em;
line-height: 1;
margin-bottom: 0.909em;
display: flex;
align-items: center;
}
.bwcontacts__itemTitle img{
margin-left: 10px;;
height: 32px;
}
.bwcontacts__itemSubtitle{
color: #6C6C6C;
font-size: 1em;
line-height: 1;
margin-bottom: 1em;
}
.bwcontacts__itemAdress{
font-weight: 600;
font-size: 1em;
line-height: 1.25;
margin-bottom: 0.5em;
}
.bwcontacts__itemLink{
display: flex;
align-items: center;
font-weight: 500;
line-height: 1;
text-decoration: none;
margin-bottom: 1.25em;
text-decoration: none !important;
}
.bwcontacts__itemLink span{
font-size: 0.875em;
color: #6C6C6C;
}
.bwcontacts__itemLink::after{
content: "";
display: block;
margin-left: 0.1875em;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7817 7.33312L7.20566 3.75712L8.14832 2.81445L13.3337 7.99979L8.14832 13.1851L7.20566 12.2425L10.7817 8.66645H2.66699V7.33312L10.7817 7.33312Z' fill='%236C6C6C'/%3E%3C/svg%3E%0A");
width: 1em;
height: 1em;
}
.bwcontacts__itemPhone{
display: flex;
align-items: center;
margin-bottom: 0.625em;
flex-wrap: wrap;
white-space: nowrap;
}
.bwcontacts__itemPhone:last-child{
margin-bottom: 0;
}
html body .bwcontacts__itemPhoneVal{
font-weight: 600;
font-size: 1em;
line-height: 1;
color: #262626;
text-decoration: none !important;
margin-right: 0.75em;
}
.bwcontacts__itemSoc{
display: flex;
align-items: center;
height: 1.5em;
padding: 0 0.5em;
background: #262626;
border-radius: 0.3125em;
transition: 0.3s opacity;
margin-right: 0.375em;
text-decoration: none !important;
}
.bwcontacts__itemSoc:last-child{
margin-right: 0;
}
.bwcontacts__itemSoc span{
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 0.75em;
line-height: 1;
}
.bwcontacts__itemMax::before,
.bwcontacts__itemTg::before{
content: "";
display: block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6663 2.45826L12.5573 13.4688C12.5573 13.4688 12.2622 14.2322 11.4515 13.8661L6.58534 10.0024L6.56278 9.99098C7.22009 9.37978 12.3171 4.634 12.5399 4.41889C12.8848 4.08572 12.6707 3.88738 12.2703 4.13905L4.74128 9.09036L1.83661 8.07829C1.83661 8.07829 1.3795 7.90991 1.33553 7.54379C1.29098 7.17707 1.85166 6.97873 1.85166 6.97873L13.6931 2.16824C13.6931 2.16824 14.6663 1.72542 14.6663 2.45826Z' fill='white'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: 100% 100%;
background-repeat: no-repeat;
margin-right: 0.3125em;
}
.bwcontacts__itemMax::before{
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.12892 13.9394C6.95127 13.9394 6.404 13.7675 5.45271 13.0798C4.85099 13.8534 2.94556 14.458 2.86246 13.4236C2.86246 12.6471 2.69054 11.991 2.4957 11.2746C2.26361 10.3921 2 9.40932 2 7.98526C2 4.58412 4.79082 2.02539 8.0974 2.02539C11.4068 2.02539 14 4.7102 14 8.01678C14.0111 11.2722 11.3843 13.922 8.12892 13.9394ZM8.17763 4.96521C6.56732 4.88212 5.31231 5.99673 5.03437 7.74457C4.80515 9.19156 5.21202 10.9537 5.55873 11.0454C5.72492 11.0855 6.14325 10.7474 6.404 10.4867C6.83515 10.7845 7.33723 10.9634 7.85958 11.0053C9.52813 11.0856 10.9538 9.8153 11.0659 8.14858C11.1311 6.47834 9.84641 5.06366 8.17763 4.96808L8.17763 4.96521Z' fill='white'/%3E%3C/svg%3E%0A");
}
.bwcontacts__lastItem{
display: flex;
align-items: flex-start;
flex-direction: column;
margin-bottom: 1.5em;
}
.bwcontacts__lastItem:last-child{
margin-bottom: 0;
}
.bwcontacts__lastLink{
display: flex;
align-items: center;
margin-bottom: 0.75em;
text-decoration: none;
color: #262626;
font-weight: 600;
text-decoration: none !important;
}
.bwcontacts__lastLink span{
font-size: 1em;
color: #262626;
}
.bwcontacts__lastLink::before{
content: "";
display: block;
width: 1.375em;
height: 1.375em;
margin-right: 0.625em;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.bwcontacts__lastLink:last-child{
margin-bottom: 0;
}
.bwcontacts__lastLink--mail::before{
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66634 18.3337C3.16217 18.3337 2.73073 18.1543 2.37201 17.7956C2.01329 17.4369 1.83362 17.0051 1.83301 16.5003V5.50033C1.83301 4.99616 2.01267 4.56471 2.37201 4.20599C2.73134 3.84727 3.16279 3.6676 3.66634 3.66699H18.333C18.8372 3.66699 19.2689 3.84666 19.6283 4.20599C19.9876 4.56533 20.167 4.99677 20.1663 5.50033V16.5003C20.1663 17.0045 19.987 17.4362 19.6283 17.7956C19.2695 18.1549 18.8378 18.3343 18.333 18.3337H3.66634ZM10.9997 11.917L18.333 7.33366V5.50033L10.9997 10.0837L3.66634 5.50033V7.33366L10.9997 11.917Z' fill='%231773EC'/%3E%3C/svg%3E%0A");
}
.bwcontacts__lastLink--inst::before{
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3087 6.06973C17.3272 5.32686 16.7401 4.70962 15.9972 4.69107C15.2543 4.67253 14.6371 5.25971 14.6185 6.00258C14.6 6.74544 15.1872 7.36269 15.93 7.38123C16.6729 7.39978 17.2902 6.8126 17.3087 6.06973Z' fill='url(%23paint0_radial_829_2765)'/%3E%3Cpath d='M11.0001 6.03613C8.25859 6.03613 6.03613 8.25859 6.03613 11.0001C6.03613 13.7417 8.25859 15.9642 11.0001 15.9642C13.7417 15.9642 15.9642 13.7417 15.9642 11.0001C15.9642 8.25859 13.7417 6.03613 11.0001 6.03613ZM11.0001 14.1589C9.25561 14.1589 7.84139 12.7447 7.84139 11.0001C7.84139 9.25561 9.25561 7.84139 11.0001 7.84139C12.7447 7.84139 14.1588 9.25561 14.1588 11.0001C14.1588 12.7447 12.7446 14.1589 11.0001 14.1589Z' fill='url(%23paint1_radial_829_2765)'/%3E%3Cpath d='M15.0382 1.5H6.96184C3.9454 1.5 1.5 3.94531 1.5 6.96184V15.0382C1.5 18.0546 3.9454 20.5 6.96184 20.5H15.0382C18.0546 20.5 20.5 18.0547 20.5 15.0382V6.96184C20.5 3.94531 18.0546 1.5 15.0382 1.5ZM18.6584 15.0721C18.6584 17.0528 17.0528 18.6584 15.0721 18.6584H6.92787C4.94721 18.6584 3.34157 17.0528 3.34157 15.0721V6.92787C3.34157 4.94721 4.94721 3.34157 6.92787 3.34157H15.0721C17.0528 3.34157 18.6584 4.94721 18.6584 6.92787V15.0721Z' fill='url(%23paint2_radial_829_2765)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_829_2765' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-1.067 23.7395) scale(32.5814 32.5814)'%3E%3Cstop stop-color='%23FCCC63'/%3E%3Cstop offset='0.06' stop-color='%23FAC661'/%3E%3Cstop offset='0.15' stop-color='%23F5B55E'/%3E%3Cstop offset='0.24' stop-color='%23EE9958'/%3E%3Cstop offset='0.34' stop-color='%23E47350'/%3E%3Cstop offset='0.44' stop-color='%23D94848'/%3E%3Cstop offset='0.64' stop-color='%23D90467'/%3E%3Cstop offset='0.79' stop-color='%23C32AA3'/%3E%3Cstop offset='1' stop-color='%234C68D7'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_829_2765' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-1.06639 23.7392) scale(32.5813)'%3E%3Cstop stop-color='%23FCCC63'/%3E%3Cstop offset='0.06' stop-color='%23FAC661'/%3E%3Cstop offset='0.15' stop-color='%23F5B55E'/%3E%3Cstop offset='0.24' stop-color='%23EE9958'/%3E%3Cstop offset='0.34' stop-color='%23E47350'/%3E%3Cstop offset='0.44' stop-color='%23D94848'/%3E%3Cstop offset='0.64' stop-color='%23D90467'/%3E%3Cstop offset='0.79' stop-color='%23C32AA3'/%3E%3Cstop offset='1' stop-color='%234C68D7'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial_829_2765' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-1.06654 23.739) scale(32.5813)'%3E%3Cstop stop-color='%23FCCC63'/%3E%3Cstop offset='0.06' stop-color='%23FAC661'/%3E%3Cstop offset='0.15' stop-color='%23F5B55E'/%3E%3Cstop offset='0.24' stop-color='%23EE9958'/%3E%3Cstop offset='0.34' stop-color='%23E47350'/%3E%3Cstop offset='0.44' stop-color='%23D94848'/%3E%3Cstop offset='0.64' stop-color='%23D90467'/%3E%3Cstop offset='0.79' stop-color='%23C32AA3'/%3E%3Cstop offset='1' stop-color='%234C68D7'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.bwcontacts__lastLink--tg::before{
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1663 3.37943L17.2664 18.519C17.2664 18.519 16.8606 19.5686 15.746 19.0652L9.05497 13.7526L9.02394 13.7369C9.92774 12.8965 16.9362 6.37109 17.2425 6.0753C17.7167 5.6172 17.4223 5.34448 16.8718 5.69053L6.51939 12.4986L2.52547 11.107C2.52547 11.107 1.89694 10.8755 1.83647 10.372C1.77521 9.8678 2.54615 9.59508 2.54615 9.59508L18.8281 2.98066C18.8281 2.98066 20.1663 2.37178 20.1663 3.37943Z' fill='%23419FD9'/%3E%3C/svg%3E%0A");
}
.bwcontacts__lastLink--vk::before{
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8936 17.2395C5.05997 17.2395 1.16192 12.5559 1 4.75977H4.42429C4.53823 10.4809 7.05997 12.9067 9.05997 13.4044V4.75977H12.2834V9.6953C14.2564 9.4824 16.3313 7.23353 17.03 4.75977H20.2534C19.7196 7.35347 18.1304 9.60834 15.8666 10.9817C18.3943 12.238 20.2624 14.5169 21 17.2395H17.4528C16.7841 14.8467 14.7451 13.0896 12.2804 12.7778V17.2395H11.8936Z' fill='%230077FF'/%3E%3C/svg%3E%0A");
}
.bwcontacts__lastLink--avito::before{
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_705_334)'%3E%3Cpath d='M6.59197 21.1844C10.2292 21.1844 13.1839 18.2377 13.1839 14.5925C13.1839 10.9472 10.2372 8.00049 6.59197 8.00049C2.94672 8.00852 0 10.9552 0 14.5925C0 18.2297 2.94672 21.1844 6.59197 21.1844Z' fill='%2304E061'/%3E%3Cpath d='M18.0176 20.3492C20.2176 20.3492 22.0001 18.5668 22.0001 16.3668C22.0001 14.1668 20.2176 12.3843 18.0176 12.3843C15.8176 12.3843 14.0352 14.1668 14.0352 16.3668C14.0352 18.5668 15.8176 20.3492 18.0176 20.3492Z' fill='%23FF4053'/%3E%3Cpath d='M7.85168 7.14965C9.20862 7.14965 10.3166 6.04965 10.3166 4.68469C10.3166 3.31973 9.21665 2.21973 7.85168 2.21973C6.48672 2.21973 5.38672 3.31973 5.38672 4.68469C5.38672 6.04965 6.48672 7.14965 7.85168 7.14965Z' fill='%23965EEB'/%3E%3Cpath d='M16.4766 11.5254C19.4313 11.5254 21.8321 9.12467 21.8321 6.16993C21.8321 3.21518 19.4313 0.814453 16.4766 0.814453C13.5218 0.814453 11.1211 3.21518 11.1211 6.16993C11.1131 9.1327 13.5138 11.5254 16.4766 11.5254Z' fill='%2300AAFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_705_334'%3E%3Crect width='22' height='20.3701' fill='white' transform='translate(0 0.814453)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.bwcontacts__lastLink--drom::before{
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_705_310)'%3E%3Cpath d='M10.9938 0C5.07567 0 0.247087 4.67982 0.00585938 10.5417C1.68239 9.6652 3.21017 10.2884 3.962 10.9799C4.90279 11.8443 4.99526 13.0786 4.88671 14.2204C6.94519 13.943 7.57238 16.2588 7.52413 16.8819C7.50403 17.1312 7.48795 17.1594 7.42764 17.1955C7.40352 17.2076 7.30703 17.2277 7.23064 17.1955C7.22662 17.0749 7.19848 16.9503 7.13415 16.8176C7.0859 16.7171 7.03364 16.6166 6.98137 16.5201C6.78035 16.0658 6.38232 15.515 5.83956 15.2898C5.68276 15.2054 5.5139 15.1371 5.32494 15.0848C4.96712 14.9883 4.57713 15.0727 4.23137 15.1652C4.07055 15.2054 3.90973 15.2537 3.74891 15.2979C3.68057 15.314 3.61222 15.326 3.54387 15.3381C3.43532 15.2054 3.34687 15.0526 3.36697 14.9119C3.53181 14.7029 3.72479 14.538 3.90973 14.4295C4.01829 13.6495 3.765 11.7639 1.78291 11.78C1.20396 11.784 0.584807 12.1378 0.146576 12.8012C1.00696 18.0197 5.53802 22 10.9978 22C17.0727 22 21.9978 17.0749 21.9978 11C21.9978 4.92507 17.0687 0 10.9938 0ZM9.18057 11.5387C9.11222 11.9167 8.96748 13.0223 8.94738 13.7259C8.92728 14.542 8.97552 15.5753 8.5775 15.1572C8.32421 14.8918 8.09906 14.3732 8.02669 13.8304C7.95432 13.2876 7.68495 11.3498 8.14329 9.79386C8.2438 9.45212 8.56946 9.12646 9.29314 9.06213C11.042 8.9174 12.3407 8.90936 13.8845 9.19883C14.1941 9.25512 14.9178 9.40387 15.2595 9.61294C15.356 9.66922 15.3198 9.75365 15.1871 9.79386C13.8926 10.1637 12.1678 9.96674 10.5998 10.2039C9.88817 10.3125 9.34943 10.614 9.18057 11.5387ZM13.2814 15.5029C13.2131 15.8808 12.996 16.2306 12.6744 16.4598C12.4371 16.6287 12.1638 16.7372 11.8461 16.7452H11.7094C11.2632 16.7251 10.8611 16.5281 10.5757 16.1623C10.3505 15.8728 10.2581 15.5874 10.2178 15.2416C10.1977 14.8798 10.3103 14.5702 10.5033 14.3088C10.5998 14.1762 10.7325 14.0556 10.8611 13.9631C10.9094 13.9349 10.9657 13.8988 11.0059 13.8787C11.1265 13.8063 11.2672 13.754 11.4039 13.7259C11.5044 13.7058 11.6049 13.6897 11.7135 13.6897C12.0713 13.6897 12.3929 13.7862 12.6583 13.9792C12.7869 14.0676 12.9116 14.1923 13.0081 14.3209C13.0603 14.3893 13.1086 14.4697 13.1447 14.5501C13.2211 14.6948 13.2654 14.8596 13.2895 15.0325C13.3096 15.1893 13.3015 15.3582 13.2734 15.5029H13.2814ZM17.8165 15.6276C17.8085 15.72 17.7803 15.8125 17.7482 15.8969C17.6999 16.0417 17.6155 16.1784 17.511 16.2909C17.2899 16.5402 17.0044 16.697 16.6747 16.7372C16.6345 16.7452 16.5903 16.7452 16.5461 16.7452C16.5059 16.7493 16.4616 16.7452 16.4174 16.7452C16.3893 16.7452 16.3651 16.7372 16.329 16.7372C16.3129 16.7372 16.2928 16.7292 16.2727 16.7292C16.2646 16.7292 16.2485 16.7211 16.2365 16.7171C16.1882 16.7131 16.144 16.697 16.1038 16.6849C15.9671 16.6447 15.8425 16.5804 15.7299 16.504C15.6374 16.4397 15.545 16.3512 15.4726 16.2628C15.3279 16.0899 15.2273 15.8849 15.1871 15.6597C15.1711 15.5994 15.167 15.5431 15.167 15.4748C15.155 15.2014 15.2274 14.9602 15.348 14.7471C15.4927 14.5018 15.7299 14.3169 15.9832 14.2204C16.0274 14.2003 16.0797 14.1842 16.1279 14.1802C16.3651 14.136 16.7029 14.1641 16.9602 14.2606C17.1129 14.3048 17.2456 14.3973 17.3703 14.4978C17.6999 14.7672 17.8768 15.1732 17.8125 15.6276H17.8165ZM19.28 15.6034C19.1754 15.519 19.1594 14.4496 19.0669 13.8907C18.9181 12.9781 16.8878 13.5128 16.2807 12.5358C16.1279 12.2865 15.8264 11.3498 15.9028 10.6462C15.9189 10.5175 15.943 10.4653 16.0194 10.4653C16.2606 10.4653 16.735 11.5106 17.121 11.9529C17.2456 12.0976 17.4105 12.1378 17.519 12.17C18.2427 12.367 18.7654 12.4715 19.3081 12.6524C19.875 12.8414 19.9635 13.1751 20.0037 13.3238C20.068 13.557 20.0479 14.5179 19.5936 15.4185C19.5051 15.5954 19.3684 15.6798 19.284 15.6075L19.28 15.6034Z' fill='%23DC0814'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_705_310'%3E%3Crect width='21.9879' height='22' fill='white' transform='translate(0.00585938)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.bwcontacts iframe{
display: block;
width: 100%;
height: 25em;
margin-top: 2.25em;
border-radius: 0.3125em;
}
@media(min-width: 1200px){
.bwcontacts{
gap: 4.6875em 3.75em;
}
.bwcontacts__item{
width: 27.5em;
margin: 0;
border-bottom: 0;
border-right: solid max(1px,0.0625em) #D2D2D2;
}
.bwcontacts iframe{
margin-top: 0;
}
.bwcontacts__itemTitle{
margin-bottom: 1.091em;
}
.bwcontacts__itemLink{
margin-bottom: 1.5em;
}
html body .bwcontacts__itemPhoneVal:hover{
color: #F35247;
}
.bwcontacts__itemSoc:hover{
background: #6C6C6C;
}
.bwcontacts__itemLink:hover span{
color: #F35247;
}
.bwcontacts__itemLink:hover::after{
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7817 7.33312L7.20566 3.75712L8.14832 2.81445L13.3337 7.99979L8.14832 13.1851L7.20566 12.2425L10.7817 8.66645H2.66699V7.33312L10.7817 7.33312Z' fill='%23F35247'/%3E%3C/svg%3E%0A");
}
.bwcontacts__lastLink--vk:hover::before {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8936 17.24C5.05997 17.24 1.16192 12.5564 1 4.76025H4.42429C4.53823 10.4814 7.05997 12.9072 9.05997 13.4049V4.76025H12.2834V9.69579C14.2564 9.48289 16.3313 7.23402 17.03 4.76025H20.2534C19.7196 7.35396 18.1304 9.60883 15.8666 10.9821C18.3943 12.2385 20.2624 14.5174 21 17.24H17.4528C16.7841 14.8472 14.7451 13.0901 12.2804 12.7782V17.24H11.8936Z' fill='%23F35247'/%3E%3C/svg%3E%0A");
}
.bwcontacts__lastLink--mail:hover::before{
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66634 18.3332C3.16217 18.3332 2.73073 18.1538 2.37201 17.7951C2.01329 17.4364 1.83362 17.0046 1.83301 16.4998V5.49984C1.83301 4.99567 2.01267 4.56423 2.37201 4.2055C2.73134 3.84678 3.16279 3.66712 3.66634 3.6665H18.333C18.8372 3.6665 19.2689 3.84617 19.6283 4.2055C19.9876 4.56484 20.167 4.99628 20.1663 5.49984V16.4998C20.1663 17.004 19.987 17.4358 19.6283 17.7951C19.2695 18.1544 18.8378 18.3338 18.333 18.3332H3.66634ZM10.9997 11.9165L18.333 7.33317V5.49984L10.9997 10.0832L3.66634 5.49984V7.33317L10.9997 11.9165Z' fill='%23F35247'/%3E%3C/svg%3E%0A");
}
.bwcontacts__lastLink--inst:hover::before{
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3087 6.06973C17.3272 5.32686 16.7401 4.70962 15.9972 4.69107C15.2543 4.67253 14.6371 5.25971 14.6185 6.00258C14.6 6.74544 15.1872 7.36269 15.93 7.38123C16.6729 7.39978 17.2902 6.8126 17.3087 6.06973Z' fill='%23F35247'/%3E%3Cpath d='M11.0001 6.03564C8.25859 6.03564 6.03613 8.2581 6.03613 10.9997C6.03613 13.7412 8.25859 15.9637 11.0001 15.9637C13.7417 15.9637 15.9642 13.7412 15.9642 10.9997C15.9642 8.2581 13.7417 6.03564 11.0001 6.03564ZM11.0001 14.1584C9.25561 14.1584 7.84139 12.7442 7.84139 10.9997C7.84139 9.25512 9.25561 7.8409 11.0001 7.8409C12.7447 7.8409 14.1588 9.25512 14.1588 10.9997C14.1588 12.7442 12.7446 14.1584 11.0001 14.1584Z' fill='%23F35247'/%3E%3Cpath d='M15.0382 1.5H6.96184C3.9454 1.5 1.5 3.94531 1.5 6.96184V15.0382C1.5 18.0546 3.9454 20.5 6.96184 20.5H15.0382C18.0546 20.5 20.5 18.0547 20.5 15.0382V6.96184C20.5 3.94531 18.0546 1.5 15.0382 1.5ZM18.6584 15.0721C18.6584 17.0528 17.0528 18.6584 15.0721 18.6584H6.92787C4.94721 18.6584 3.34157 17.0528 3.34157 15.0721V6.92787C3.34157 4.94721 4.94721 3.34157 6.92787 3.34157H15.0721C17.0528 3.34157 18.6584 4.94721 18.6584 6.92787V15.0721Z' fill='%23F35247'/%3E%3C/svg%3E%0A");
}
.bwcontacts__lastLink:hover span{
color: #F35247;
}
}
/* End */
/* /local/templates/bigwheels/components/bitrix/menu/mobile/style.css?17913482642452 */
/* /local/templates/bigwheels/template_styles.css?1791534497113445 */