/* Start:/local/templates/.default/components/bitrix/catalog/rowen/style.css?17292314901262*/ .additional-sections-tiles { display: flex; width: 100%; margin-bottom: 30px; column-gap: 30px; } .additional-sections-tiles .ast-btn { display: flex; flex-direction: column; font-size: 16px; justify-content: center; align-items: center; text-align: center; height: 80px; background-color: #fefefe; width: 33%; padding: 15px; border: 1px solid #ABCAE9; box-shadow: 0px 4px 20px rgba(0, 90, 170, 0.08); border-radius: 6px; } .additional-sections-tiles .ast-btn div:first-child{ width: 20px; height: 20px; margin-bottom: 14px; } .additional-sections-tiles .ast-btn svg{ overflow: visible; } .additional-sections-tiles .ast-btn:hover { background-color: #014ea2; color: #fff; } .additional-sections-tiles.ast-full-width-tiles .ast-btn { width: 100%; } @media (min-width: 440px) { .additional-sections-tiles{ display: none; } } .section_description{ margin-top: 30px; } .product-promo-sticker { display: inline-block; white-space: nowrap; margin-left: 15px; transform: translateY(-7px); background-color: #014ea2; width: fit-content; color: white; font-size: 16px; padding: 5px 6px; border-radius: 4px; } /* End */ /* Start:/local/templates/.default/components/bitrix/catalog/rowen/bitrix/catalog.section/.default/style.css?173019018549724*/ .catalog-sections__row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; margin: 20px 0 0; } @media only screen and (max-width: 768px) { .catalog-sections__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } } .catalog-sections__left-menu { -webkit-box-flex: 0; -webkit-flex: 0 0 231px; flex: 0 0 231px; max-width: 231px; margin-right: 30px; } @media only screen and (max-width: 768px) { .catalog-sections__left-menu { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; } } .catalog-sections__grid { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; max-width: -webkit-calc(100% + 30px - 231px - 30px); max-width: calc(100% + 30px - 231px - 30px); } @media only screen and (max-width: 768px) { .catalog-sections__grid { -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; max-width: -webkit-calc(100% + 30px); max-width: calc(100% + 30px); } } .catalog-sections__grid-inner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; } .catalog-sections__grid-inner-wrapper { width: 100%; } .catalog-sections__grid h1 { margin: 0 15px 30px; } .catalog-sections__col { padding: 0 15px; width: 33.33333%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; flex: 0 0 33.33333%; margin-bottom: 30px; } @media only screen and (max-width: 992px) { .img-table{ display: none !important; } .catalog-sections__col { width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; } } @media only screen and (max-width: 768px) { .catalog-sections__col { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; } } .catalog-sections-item { border-radius: 2px; border: solid 1px #d9d9d9; padding: 15px; position: relative; height: 100%; } .catalog-sections-item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .catalog-sections-item__img { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 20px; } .catalog-sections-item__text { padding-bottom: 10px; } .catalog-sections-item__title { font: bold 15px/133% "Open Sans", sans-serif; text-align: center; color: #014ea2; -webkit-transition: .4s; transition: .4s; } .catalog-sections-item:hover .catalog-sections-item__title { color: #4587e6; } .catalog-sections-sidebar { border-radius: 2px; border: solid 1px #d9d9d9; background-color: #ffffff; padding: 0; margin-bottom: 55px; } @media only screen and (max-width: 960px) { .catalog-sections-sidebar { margin-bottom: 30px; } } @media only screen and (max-width: 768px) { .catalog-sections-sidebar { margin-bottom: 20px; border-radius: 2px; } } .catalog-sections-sidebar__title { font: bold 16px/100% "Open Sans", sans-serif; color: #014ea2; text-transform: uppercase; padding: 18px 20px; pointer-events: none; } @media only screen and (max-width: 768px) { .catalog-sections-sidebar__title { background: #014ea2; color: white; font-size: 18px; border-radius: 4px; cursor: pointer; pointer-events: auto; } .catalog-sections-sidebar__title.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } @media only screen and (max-width: 768px) { .catalog-sections-sidebar__menu { display: none; } } .catalog-sections-sidebar-list { list-style: none; margin: 0; padding: 0; word-break: break-word; } .catalog-sections-sidebar-list > li { border-bottom: 1px solid #f1f1f1; } .catalog-sections-sidebar-list li { padding: 0; margin: 0; } .catalog-sections-sidebar-list li:before { content: unset; } .catalog-sections-sidebar-list__item { font: 600 14px/143% "Open Sans", sans-serif; color: #014ea2; padding: 15px 20px; word-break: normal; border-bottom: 1px solid #f1f1f1; } .catalog-sections-sidebar-list__item:last-child { border-bottom: none; } .catalog-new-sales{ outline: 1.5px solid #ABCAE9; box-shadow: 0px 4px 20px rgba(0, 90, 170, 0.08); } .catalog-sections-sidebar-list__item.active { color: #807f84; } .catalog-sections-sidebar-list__item.active a { color: #807f84; } .catalog-sections-sidebar-list__item.active a:hover { color: #014ea2; } .catalog-sections-sidebar-list__item + .catalog-sections-sidebar-list__dropdown { padding-left: 20px; } .catalog-sections-sidebar-list__dropdown { padding-top: 10px; } .catalog-sections-sidebar-list__dropdown.active { display: block; } .catalog-sections-sidebar-list__dropdown ul { margin: 0; } .catalog-sections-sidebar-list__dropdown li { border-bottom: none; padding: 10px; font: normal 14px/114% "Open Sans", sans-serif; letter-spacing: 0.27px; color: #3e3e3e; } .catalog-sections-sidebar-list__dropdown li a { color: #3e3e3e; } .catalog-sections-sidebar-list__dropdown li a:hover { color: #014ea2; } .catalog-sections-sidebar-list__dropdown li.active { color: #014ea2; } .catalog-sections-sidebar-list__dropdown li.active a { color: #014ea2; } .catalog-sections-sidebar-list__dropdown li.active:before { content: ''; display: inline-block; width: 4px; height: -webkit-calc(100% - 15px); height: calc(100% - 15px); background-color: #014ea2; border-radius: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .js-trigger { padding-right: 40px; position: relative; display: block; } .js-trigger.active .js-trigger-icon { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); background-image: url(/local/static/assets/img/svg/arrow-sm-down-gray.svg); } .js-trigger-icon { content: ''; display: block; position: absolute; top: 50%; right: 16px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 14px; height: 9px; background: url(/local/static/assets/img/svg/arrow-sm-down.svg) no-repeat center/contain; /*z-index: 10000;*/ cursor: pointer; } /* стикер "распродажа" */ .stickers.offers-list-sticker { position: relative; display: inline; top: 0; margin: 0 auto auto 0; float: left; height: 0; } @media only screen and (max-width: 1200px) { .catalog-detail-product { margin-bottom: 30px; } } @media only screen and (max-width: 992px) { .catalog-detail-product { border-top: 1px solid #e6e6e6; } } @media only screen and (max-width: 992px) { .catalog-detail-product__header { display: none !important; } } .catalog-detail-product__row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; border-bottom: solid 1px #e6e6e6; } .catalog-detail-product__row:nth-child(odd) .catalog-detail-product-desc { background: #f5f5f5; } .catalog-detail-product__row:nth-child(odd) .catalog-detail-product-price { background: #f5f5f5; } .catalog-detail-product__head { font: 600 12px/100% "Open Sans", sans-serif; color: white; background: #014ea2; padding: 10px 30px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .catalog-detail-product__col:first-child .catalog-detail-product__head { -webkit-box-pack: inherit; -webkit-justify-content: inherit; justify-content: inherit; } @media only screen and (max-width: 1200px) { .catalog-detail-product__head { font: 600 10px/120% "Open Sans", sans-serif; text-align: center; padding: 9px 9px; } } .catalog-detail-product__col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 31%; flex: 0 0 31%; max-width: 31%; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; } } @media only screen and (max-width: 992px) { .catalog-detail-product__col-4 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; max-width: 100%; } } .catalog-detail-product__col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 9.50%; flex: 0 0 9.50%; max-width: 9.50%; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 7.50%; flex: 0 0 7.50%; max-width: 7.50%; } } @media only screen and (max-width: 992px) { .catalog-detail-product__col-1 { display: none; } } .catalog-detail-product__col-1 .catalog-detail-product__head { padding: 10px 19px; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-1 .catalog-detail-product__head { padding: 9px 9px; } } .catalog-detail-product__col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 53%; flex: 0 0 53%; max-width: 53%; } } @media only screen and (max-width: 992px) { .catalog-detail-product__col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px; } } .catalog-detail-product__col-4 > div, .catalog-detail-product__col-1 > div, .catalog-detail-product__col-6 > div { height: 100%; } .catalog-detail-product-desc { padding: 14px 30px; font: 300 14px/114% "Open Sans", sans-serif; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: inherit; -webkit-justify-content: inherit; justify-content: inherit; border-left: solid 1px #e6e6e6; } .catalog-detail-product__col:nth-child(2) .catalog-detail-product-desc { text-align: center; } @media only screen and (max-width: 1200px) { .catalog-detail-product-desc { padding: 14px 10px; font: 300 13px/123% "Open Sans", sans-serif; } } @media only screen and (max-width: 992px) { .catalog-detail-product-desc { display: block; padding: 22px 10px 14px;} } .catalog-detail-product-price { padding: 14px 30px; border-right: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; } @media only screen and (max-width: 1200px) { .catalog-detail-product-price { padding: 14px 20px; } } @media only screen and (max-width: 992px) { .catalog-detail-product-price { border-left: none; padding: 14px 10px; } } .catalog-detail-product-price__row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; } .catalog-detail-product-price__row-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; } .catalog-detail-product-price__price { font: bold 14px/114% "Open Sans", sans-serif; } @media only screen and (max-width: 1200px) { .catalog-detail-product-price__price { font: bold 13px/123% "Open Sans", sans-serif; } } @media only screen and (max-width: 992px) { .catalog-detail-product-price__price--desktop { display: none; } } .catalog-detail-product-price__price--mobile { display: none; } @media only screen and (max-width: 992px) { .catalog-detail-product-price__price--mobile { margin-top: 20px; display: block; } } .overflow { overflow:auto; } .catalog-detail { overflow: hidden; } @media only screen and (max-width: 992px) { .catalog-detail-tabs__content { padding: 30px 20px!important; margin: 0 !important; } @media only screen and (max-width: 740px) { .catalog-detail-tabs__content { margin: 0 10px !important; } .catalog-detail-tabs__controls{ margin: 0 20px; } .catalog-detail-tabs__control:first-child{ width: 100%; } .catalog-detail-tabs__control{ font-size: 12px; word-break: break-word; border: solid 0.5px #ffffff; } } } .catalog-detail__arrow { position: absolute; width: 12px; height: 22px; display: inline-block; top: 50%; will-change: transform; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 7; cursor: pointer; opacity: 1; -webkit-transition: .4s; transition: .4s; background-repeat: no-repeat; background-position: center; } .catalog-detail__arrow--prev { left: -15px; background-image: url("/local/static/build/img/arrow-cat-l.svg"); } @media only screen and (max-width: 992px) { .catalog-detail__arrow--prev { left: 0; } } .catalog-detail__arrow--next { right: -15px; background-image: url("/local/static/build/img/arrow-cat-r.svg"); } @media only screen and (max-width: 992px) { .catalog-detail__arrow--next { right: 0; } } .catalog-detail__nav-arrow { position: absolute; width: 22px; height: 12px; display: inline-block; left: 50%; will-change: transform; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 7; cursor: pointer; opacity: 1; -webkit-transition: .4s; transition: .4s; background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 1200px) { .catalog-detail__nav-arrow { height: 7px; } } .catalog-detail__nav-arrow:hover { opacity: .5; } .catalog-detail__nav-arrow--next { background-image: url("/local/static/build/img/nav-down.svg"); bottom: 0; } @media only screen and (max-width: 1200px) { .catalog-detail__nav-arrow--next { background-image: url("/local/static/build/img/sl-ar-tablet-down.svg"); } } .catalog-detail__nav-arrow--prev { background-image: url("/local/static/build/img/nav-up.svg"); top: 0; } @media only screen and (max-width: 1200px) { .catalog-detail__nav-arrow--prev { background-image: url("/local/static/build/img/sl-ar-tablet-up.svg"); } } /*.catalog-detail__slide { border: 1px solid #d9d9d9; border-radius: 2px; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; overflow: hidden; } .catalog-detail__slide img{ min-width: 285px; } .catalog-detail__slider { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; max-width: 450px; margin-right: 0; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; } @media only screen and (max-width: 1200px) { .catalog-detail__slider { max-width: 270px; } } @media only screen and (max-width: 992px) { .catalog-detail__slider { width: 100%; max-width: 100%; margin-right: 0; padding: 0 20px; } } .catalog-detail__slider.slick-initialized { opacity: 1; } .catalog-detail__slider .slick-track { display: -webkit-box; display: -webkit-flex; display: flex; } .catalog-detail__slider .slick-slide { height: auto; } .catalog-detail__slider .slick-slide > div { height: 100%; !*width: 450px;*! } .catalog-detail__slider-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 45%; } @media only screen and (max-width: 992px) { .catalog-detail__slider-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; margin-bottom: 23px; } } .catalog-detail__nav-slide { width: 80px; height: 100px; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 10px; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } @media only screen and (max-width: 1200px) { .catalog-detail__nav-slide { width: 50px; height: 59px; padding: 0 4.5px; } } .catalog-detail__nav-slide-inside { border-radius: 2px; border: 1px solid #d9d9d9; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; -webkit-transition: border-color .4s; transition: border-color .4s; height: 100%; width: 100%; } .catalog-detail__nav-slide-inside:hover { border-color: #014ea2; } .catalog-detail__nav-slide-inside img { max-width: 100%; max-height: 100%; } .catalog-detail__nav-slider { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; max-width: 450px; padding: 20px 0; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; } @media only screen and (max-width: 1200px) { .catalog-detail__nav-slider { max-width: 270px; padding: 10px 0; } } @media only screen and (max-width: 992px) { .catalog-detail__nav-slider { display: none !important; } } .catalog-detail__nav-slider.slick-initialized { opacity: 1; } .catalog-detail__nav-slider .slick-slide.slick-current.slick-active .catalog-detail__nav-slide-inside { border-color: #014ea2; }*/ .catalog-detail-sl { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; /* margin: 0 15px 40px;*/ max-width: 100%; width: -webkit-calc(100% - 30px); width: 100%; /*width: calc(100% - 30px);*/ } @media only screen and (max-width: 1200px) { .catalog-detail-sl { margin-bottom: 30px; } } @media only screen and (max-width: 992px) { .catalog-detail-sl { max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); } } .catalog-detail-sl__options { font: normal 18px/144% "Open Sans", sans-serif; } @media only screen and (max-width: 1200px) { .catalog-detail-sl__options { font: normal 15px/133% "Open Sans", sans-serif; } } @media only screen and (max-width: 992px) { .catalog-detail-sl__options { font: normal 12px/167% "Open Sans", sans-serif; } } .catalog-detail-sl__right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: 50px; padding-bottom: 32px; } @media only screen and (max-width: 1200px) { .catalog-detail-sl__right { padding-left: 20px; padding-bottom: 28px; } } @media only screen and (max-width: 992px) { .catalog-detail-sl__right { padding-left: 0; padding-bottom: 0; } } .catalog-detail-sl__bottom-item { font: bold 16px/150% "Open Sans", sans-serif; color: #014ea2; margin-bottom: 20px; } @media only screen and (max-width: 1200px) { .catalog-detail-sl__bottom-item { font: bold 13px/185% "Open Sans", sans-serif; margin-bottom: 5px; } } @media only screen and (max-width: 992px) { .catalog-detail-sl__bottom-item { text-align: center; } } .catalog-detail-sl__bottom-item:last-child { margin-bottom: 0; } .catalog-detail-sl__desc { display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: wrap column; flex-flow: wrap column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .catalog-detail-product { width: 100%; /*margin: 0 15px 60px; */ } @media only screen and (max-width: 1200px) { .catalog-detail-product { margin-bottom: 30px; } } @media only screen and (max-width: 992px) { .catalog-detail-product { border-top: 1px solid #e6e6e6; } } @media only screen and (max-width: 992px) { .catalog-detail-product__header { display: none !important; } } .catalog-detail-product__row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; border-bottom: solid 1px #e6e6e6; } .catalog-detail-product__row:nth-child(odd) .catalog-detail-product-desc { background: #f5f5f5; } .catalog-detail-product__row:nth-child(odd) .catalog-detail-product-price { background: #f5f5f5; } .catalog-detail-product__head { font: 600 12px/100% "Open Sans", sans-serif; color: white; background: #014ea2; padding: 10px 30px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .catalog-detail-product__col:first-child .catalog-detail-product__head { -webkit-box-pack: inherit; -webkit-justify-content: inherit; justify-content: inherit; } @media only screen and (max-width: 1200px) { .catalog-detail-product__head { font: 600 10px/120% "Open Sans", sans-serif; text-align: center; padding: 9px 9px; } } .catalog-detail-product__col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 31%; flex: 0 0 31%; max-width: 31%; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; } } @media only screen and (max-width: 992px) { .catalog-detail-product__col-4 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; max-width: 100%; } } .catalog-detail-product__col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 9.50%; flex: 0 0 9.50%; max-width: 9.50%; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 7.50%; flex: 0 0 7.50%; max-width: 7.50%; } } @media only screen and (max-width: 992px) { .catalog-detail-product__col-1 { display: none; } } .catalog-detail-product__col-1 .catalog-detail-product__head { padding: 10px 19px; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-1 .catalog-detail-product__head { padding: 9px 9px; } } .catalog-detail-product__col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 53%; flex: 0 0 53%; max-width: 53%; } } @media only screen and (max-width: 992px) { .catalog-detail-product__col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px; } } .catalog-detail-product__col-4 > div, .catalog-detail-product__col-1 > div, .catalog-detail-product__col-6 > div { height: 100%; } .catalog-detail-product-desc { padding: 14px 30px; font: 300 14px/114% "Open Sans", sans-serif; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: inherit; -webkit-justify-content: inherit; justify-content: inherit; border-left: solid 1px #e6e6e6; } .catalog-detail-product__col:nth-child(2) .catalog-detail-product-desc { text-align: center; } @media only screen and (max-width: 1200px) { .catalog-detail-product-desc { padding: 14px 10px; font: 300 13px/123% "Open Sans", sans-serif; } } @media only screen and (max-width: 992px) { .catalog-detail-product-desc { display: block; padding: 22px 10px 14px;} } .catalog-detail-product-price { padding: 14px 30px; border-right: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; } @media only screen and (max-width: 1200px) { .catalog-detail-product-price { padding: 14px 20px; } } @media only screen and (max-width: 992px) { .catalog-detail-product-price { border-left: none; padding: 14px 10px; } } .catalog-detail-product-price__row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; } .catalog-detail-product-price__row-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; } .catalog-detail-product-price__price { font: bold 14px/114% "Open Sans", sans-serif; } @media only screen and (max-width: 1200px) { .catalog-detail-product-price__price { font: bold 13px/123% "Open Sans", sans-serif; } } @media only screen and (max-width: 992px) { .catalog-detail-product-price__price--desktop { display: none; } } .catalog-detail-product-price__price--mobile { display: none; } @media only screen and (max-width: 992px) { .catalog-detail-product-price__price--mobile { margin-top: 20px; display: block; } } .product-price-counter { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-right: 50px; } @media only screen and (max-width: 1200px) { .product-price-counter { margin-right: 40px; } } @media only screen and (max-width: 992px) { .product-price-counter { margin-right: 0; margin-bottom: 20px; } } .product-price-counter__count { border: none; background: transparent; width: 49px; height: 32px; font: normal 18px/130% "Open Sans", sans-serif; text-align: center; margin: 0 10px; } @media only screen and (max-width: 1200px) { .product-price-counter__count { padding: 0 4px; margin: 0; } } @media only screen and (max-width: 992px) { .product-price-counter__count { width: -webkit-calc(100% - 54px); width: calc(100% - 54px); font: normal 14px/130% "Open Sans", sans-serif; } } .product-price-counter__controls { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; cursor: pointer; -webkit-transition: -webkit-transform .13s; transition: -webkit-transform .13s; transition: transform .13s; transition: transform .13s, -webkit-transform .13s; } .product-price-counter__controls svg g { -webkit-transition: .4s; transition: .4s; } .product-price-counter__controls:hover svg g { stroke: #4587e6; } .product-price-counter__controls:active { -webkit-transform: scale(0.94); transform: scale(0.94); } .product-price-counter__controls.disable { pointer-events: none; } .product-price-counter__controls.disable svg g { stroke: #85888c; } .product-price-add-cart { font: bold 12px/133% "Open Sans", sans-serif; text-transform: uppercase; } @media only screen and (max-width: 992px) { .product-price-add-cart { width: 100%; text-align: center; } } .product-price-add-cart__btn { font: bold 12px/133% "Open Sans", sans-serif; text-transform: uppercase; color: #014ea2; -webkit-transition: .4s; transition: .4s; } @media only screen and (max-width: 992px) { .product-price-add-cart__btn { display: inline-block; } } .product-price-add-cart__btn:hover { color: #4587e6; } .product-price-add-cart__btn--link { font: bold 12px/133% "Open Sans", sans-serif; text-transform: uppercase; color: #0eb34e; -webkit-transition: .4s; transition: .4s; } @media only screen and (max-width: 992px) { .product-price-add-cart__btn--link { display: inline-block; } } .catalog-detail-tabs { width: 100%; margin: 0 15px; /*border: solid 1px #e6e6e6; */ } @media only screen and (max-width: 992px) { .catalog-detail-tabs { margin-right: -15px; margin-left: -15px; width: -webkit-calc(100% + 30px); width: calc(100% + 30px); } } .catalog-detail-tabs__controls { display: flex; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; /*flex-flow: wrap row;*/ /*display: -webkit-box;*/ /*display: -webkit-flex;*/ } .catalog-detail-tabs__control { flex: 1 1 auto; font: 600 16px/150% "Open Sans", sans-serif; padding: 20px; background: #014ea2; color: white; text-align: center; -webkit-transition: .4s; transition: .4s; cursor: pointer; /*-webkit-box-flex: 0;*/ /*-webkit-flex: 0 0 50%;*/ /*flex: 0 0 50%;*/ /*max-width: 50%;*/ } @media only screen and (max-width: 1200px) { .catalog-detail-tabs__control { font: 600 15px/160% "Open Sans", sans-serif; } } @media only screen and (max-width: 992px) { .catalog-detail-tabs__control { font: 600 13px/160% "Open Sans", sans-serif; padding: 10px; } } .catalog-detail-tabs__control.active { background: #e7f0f7; color: #014ea2; } .catalog-detail-tabs__content { /* padding: 40px; */ position: relative; margin: 40px 0 0 0; } @media only screen and (max-width: 992px) { .catalog-detail-tabs__content { padding: 30px 10px; } } .catalog-detail-tabs__content p { margin-bottom: 50px; } .catalog-detail-tabs__content table p { margin: 0 !important; } .catalog-detail-tabs__content img { display: block; margin-bottom: 30px; } .catalog-detail-tabs__box { background: white; } .catalog-detail-tabs__box.disabled { display: none; } .catalog-detail-tabs__box.active { display: block; position: relative; } .catalog-detail-file { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 30px; } .catalog-detail-file__img { margin-right: 25px; -webkit-box-flex: 0; -webkit-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; } @media only screen and (max-width: 1200px) { .catalog-detail-file__img { -webkit-box-flex: 0; -webkit-flex: 0 0 52px; flex: 0 0 52px; max-width: 52px; } } @media only screen and (max-width: 992px) { .catalog-detail-file__img { -webkit-box-flex: 0; -webkit-flex: 0 0 46px; flex: 0 0 46px; max-width: 46px; margin-right: 10px; } } .catalog-detail-file__img img { margin-bottom: 0; } .catalog-detail-file__text { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .catalog-detail-file__title { font: 600 16px/188% "Open Sans", sans-serif; } @media only screen and (max-width: 992px) { .catalog-detail-file__title { font: 600 16px/113% "Open Sans", sans-serif; } } .catalog-detail-file__desc { font: normal 14px/214% "Open Sans", sans-serif; } .catalog-detail-file__desc a { font: normal 14px/214% "Open Sans", sans-serif; } .table-scroll-wrapper .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #e9e9e9; } .table-scroll-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 10px; } .table-scroll-wrapper .mCSB_scrollTools { opacity: 1; } .table-scroll-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 10px; border-radius: 5px; background-color: #014ea2; } .table-scroll-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #4587e6; } .table-scroll-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .table-scroll-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #014ea2; } .jq-toast-single { -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .table-header { background-color: #014ea2 !important; } .table-header td { color: #fff !important; font: 600 12px/100% "Open Sans", sans-serif !important; padding: 10px 30px !important; border: none; } .table-header td p { font: 600 12px/100% "Open Sans", sans-serif !important; color: #fff !important; margin: 0 !important; } table td { padding: 10px 5px; } table td p { margin: 0 !important; } /*форма оповестить о поступлении*/ .any-questions__grid { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 50px; } @media only screen and (max-width: 960px) { .any-questions__grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-bottom: 30px; } } @media only screen and (max-width: 740px) { .any-questions__grid { margin-bottom: 20px; } } .any-questions__first { width: -webkit-calc(100% / 3 - 30px - 1px); width: calc(100% / 3 - 30px - 1px); margin-right: 30px; } @media only screen and (max-width: 960px) { .any-questions__first { width: 100%; text-align: center; margin-right: 0; margin-bottom: 20px; } } .any-questions_not-amount-title { font-size: 25px; font-weight: bold; line-height: 1.2; color: #000000; margin: 0 15px 25px; } .any-questions__title { font-size: 20px; font-weight: bold; line-height: 1.2; color: #000000; margin-bottom: 25px; } @media only screen and (max-width: 960px) { .any-questions__title { font-size: 28px; margin-bottom: 25px; } } @media only screen and (max-width: 740px) { .any-questions__title { font-size: 22px; margin-bottom: 20px; } } .any-questions__subtitle-text { font-size: 20px; color: #272727; } @media only screen and (max-width: 960px) { .any-questions__subtitle-text { max-width: 600px; margin: 0 auto; font-size: 18px; } } @media only screen and (max-width: 740px) { .any-questions__subtitle-text { font-size: 15px; } } .any-questions__second { width: -webkit-calc(100% / 3 * 2); width: calc(100% / 3 * 2); } @media only screen and (max-width: 960px) { .any-questions__second { width: 100%; } } .any-questions__form-wrap { width: 100%; /*margin: 0 15px 40px;*/ border-radius: 2px; border: 1px solid #d9d9d9; padding: 32px 40px 37px; } @media only screen and (min-width: 769px) and (max-width: 992px) { .any-questions__form-wrap { margin-right: -15px; margin-left: -15px; width: -webkit-calc(100% + 30px); width: calc(100% + 30px); } } @media only screen and (max-width: 960px) { .any-questions__form-wrap { padding: 25px 35px 30px; } } @media only screen and (max-width: 740px) { .any-questions__form-wrap { padding: 20px 15px 25px; } } @media only screen and (max-width: 479px) { .any-questions__form-wrap { padding: 10px 0; border: 0; } } .any-questions__row { display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 -15px; } @media only screen and (max-width: 1200px) { .any-questions__row { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 740px) { .any-questions__row { margin: 0; } } .any-questions__label { width: -webkit-calc(100% / 3 - 30px); width: calc(100% / 3 - 30px); margin: 0 15px 25px; } @media only screen and (max-width: 1200px) { .any-questions__label { width: -webkit-calc(100% / 2 - 30px); width: calc(100% / 2 - 30px); } .any-questions__label:first-child { width: -webkit-calc(100% / 1 - 30px); width: calc(100% / 1 - 30px); } } @media only screen and (max-width: 740px) { .any-questions__label { width: 100%; margin: 0 0 20px; } .any-questions__label:first-child { width: 100%; } } .any-questions__label-textarea { width: 100%; margin-bottom: 25px; } @media only screen and (max-width: 740px) { .any-questions__label-textarea { margin-bottom: 25px; } } .any-questions__footer { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } @media only screen and (max-width: 740px) { .any-questions__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } } .any-questions__agree { max-width: 360px; font-size: 14px; line-height: 1.29; letter-spacing: 0.23px; color: #2d2d2d; margin-right: 25px; } @media only screen and (max-width: 740px) { .any-questions__agree { margin-right: 0; margin-bottom: 15px; max-width: none; } } .any-questions__agree a { font-weight: 600; letter-spacing: 0.25px; } .any-questions__form-wrap .form-success__title, .any-questions__form-wrap .form-success__text { max-width: unset; } .any-questions__form-wrap .form-success__text { margin-bottom: 0; } /* стикер "распродажа" */ .stickers.offers-list-sticker { position: relative; display: inline; top: -3px; margin: 0 auto auto 0; float: left; height: 0; } .stickers.offers-list-sticker .sticker { font: normal 11px/100% "Open Sans", sans-serif; padding: 0px 9px 2px 5px; } .stickers.offers-list-sticker .sticker:before { border: 8.5px solid transparent; border-right: 6px solid white; } .catalog-detail-product__row:nth-child(odd) .catalog-detail-product__col.offers-list-sticker .stickers.offers-list-sticker .sticker:before { border-right: 6px solid #f5f5f5; } .slick-slide img { display: block; /*max-width: initial !important;*/ /*width: -webkit-fill-available;*/ } .catalog-detail-sl__bottom-item.a { border-bottom: 1px dashed; } .catalog-detail-sl__bottom-item svg { fill: #014ea2; width: 17px; margin-right: 5px; transform: translateY(-1px); transition: fill 0.3s ease, opacity 0.3s ease, border 0.3s ease, background .3s ease; } .catalog-detail-sl__bottom-item:hover svg { fill: #4587e6; } .catalog-detail-materials img { max-width: 100% !important; height: auto !important; } .catalog-detail-materials .table-scroll-wrap { max-width: 100%; overflow-x: auto; } .consultation-btn-old { display: inline-block; background-color: #ffae00; background-image: -webkit-gradient(linear, left bottom, left top, from(#db9500), to(#ffae00)); background-image: linear-gradient(to top, #db9500 0%, #ffae00 100%); border-radius: 3px; position: relative; text-decoration: none; padding-left: 11px; } .consultation-btn-old:before { content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#ffae00), to(#db9500)); background-image: linear-gradient(to top, #ffae00 0%, #db9500 100%); border-radius: 3px; filter: progid:DXImageTransform.Microsoft.Alpha Opacity=0; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .consultation-btn-old:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha Opacity=10; opacity: 1; } .consultation-btn-old:active { top: 2px; } .consultation-btn-old img { position: absolute; top: 5px; } .consultation-btn-old span { font: bold 14px/100% "Open Sans", sans-serif; color: #fff; text-transform: uppercase; padding: 12px 25px 12px 30px; display: inline-block; z-index: 100; position: relative; white-space: nowrap; } .phone-block{ margin: 20px 0 10px 0; } .catalog-detail-product{ margin: 0 15px 60px 15px; width: 100%; } .show-more-container{ display: flex; align-items: center; justify-content: center; margin: 20px 0; } #showMore{ font-size: 16px; padding: 6px 18px; color: #005AAA; background-color: #ffffff; border: 1px solid #005AAA; border-radius: 4px; cursor: pointer; transition: 200ms; } #showMore:hover{ color: #ffffff; background-color: #005AAA; } .offers-table .catalog-detail-product-desc { padding: 15px; } .offers-table .catalog-detail-product-desc__row{ display: flex; align-items: center; } .offers-table .img-table{ display: flex; flex: 1 0 auto; margin-right: 15px; width: 60px; height: 60px; } .offers-table .img-table img{ object-fit: contain; width: 100%; } /* стили грида каталога */ .section_description { padding: 20px; border-radius: 2px; border: solid 1px #d9d9d9; position: relative; display: flex; align-content: center; justify-content: center; margin-bottom:20px; } .catalog-list { padding: 5px 0 0; margin: 0 15px; width: -webkit-calc(100% - 2*15px); width: calc(100% - 2*15px); } .catalog-list__grid { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; margin-right: -15px; margin-left: -15px; } .catalog-list-item { padding: 0 15px; margin-bottom: 30px; } .catalog-list-item--small { width: 26.65%; } @media only screen and (max-width: 992px) { .catalog-list-item--small { width: 50%; } } @media only screen and (max-width: 768px) { .catalog-list-item--small { width: 100%; } } .catalog-list-item--big { width: 46.7%; } @media only screen and (max-width: 992px) { .catalog-list-item--big { width: 50%; } } @media only screen and (max-width: 768px) { .catalog-list-item--big { width: 100%; } } .catalog-list-item--medium { width: 33.33%; } @media only screen and (max-width: 992px) { .catalog-list-item--medium { width: 50%; } } @media only screen and (max-width: 768px) { .catalog-list-item--medium { width: 100%; } } .catalog-list-item__box { border-radius: 2px; border: solid 1px #d9d9d9; height: 324px; padding: 20px 15px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .catalog-list-item__box .catalog-list-item__promo-sticker-container { position: absolute; display: flex; flex-wrap: wrap; gap: 7px; top: 12px; left: 12px; width: calc(100% - 24px); } .catalog-list-item__promo-sticker-container .catalog-list-item__promo-sticker { position: relative; display: block; white-space: nowrap; background-color: #014ea2; width: fit-content; color: white; font-size: 14px; line-height: normal; padding: 4px 6px; border-radius: 4px; } @media only screen and (max-width: 1200px) { .catalog-list-item__box { height: 280px; } } @media only screen and (max-width: 1100px) { .catalog-list-item__box { height: 240px; } } @media only screen and (max-width: 768px) { .catalog-list-item__box { height: 100px; padding: 20px 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } } .catalog-list-item__box:hover .catalog-list-item__title { color: #4587e6; } .catalog-list-item__box a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .catalog-list-item__title { font: bold 15px/133% "Open Sans", sans-serif; color: #014ea2; -webkit-transition: .4s; transition: .4s; word-break: break-word; text-align: center; max-width: 320px; max-height: 61px; overflow: hidden; } @media only screen and (max-width: 768px) { .catalog-list-item__title { font: bold 14px/143% "Open Sans", sans-serif; max-height: 80px; overflow: hidden; text-align: left; } } .catalog-list-item__img { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 219px; width: -webkit-calc(100% - 2*50px); width: calc(100% - 2*50px); margin: 0 0 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; } @media only screen and (max-width: 1200px) { .catalog-list-item__img { height: 135px; } } @media only screen and (max-width: 768px) { .catalog-list-item__img { width: 80px; height: 80px; margin: 0 10px 0 0; } } .catalog-list-item__img img { max-width: 100%; max-height: 100%; } .disable-filter{ display: flex; justify-content: center; align-items: center; text-transform: uppercase; font-size: 13px; height: 40px; max-width: 160px; color: #005AAA; border-radius: 0; border: 1px solid #005AAA; margin-top: 20px; cursor: pointer; transition: 300ms ease; } .disable-filter:hover{ color: #ffffff; background: #005AAA; } /* End */ /* Start:/local/components/rowen/catalog-navigation/templates/.default/style.css?1647351644316*/ .select-program-link svg { fill: #014ea2; width: 15px; margin-right: 5px; transform: translateY(-1px); transition: fill 0.3s ease, opacity 0.3s ease, border 0.3s ease, background .3s ease; } .select-program-link a:hover svg { fill: #4587e6; } .select-program-link a { font-size: 13px; } /* End */ /* Start:/local/templates/.default/components/bitrix/catalog/rowen/bitrix/catalog.element/.default/style.css?173019018531561*/ .overflow { overflow:auto; } .catalog-detail { overflow: hidden; } @media only screen and (max-width: 992px) { .catalog-detail-tabs__content { padding: 30px 0!important; margin: 0 !important; } @media only screen and (max-width: 740px) { .catalog-detail-tabs__content { /*margin: 0 10px !important;*/ margin: 0 !important; } .catalog-detail-tabs__controls{ /*margin: 0 20px;*/ margin: 0; } .catalog-detail-tabs__control:first-child{ width: 100%; } .catalog-detail-tabs__control{ font-size: 12px; word-break: break-word; border: solid 0.5px #ffffff; } } } .catalog-detail__arrow { position: absolute; width: 12px; height: 22px; display: inline-block; top: 50%; will-change: transform; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 7; cursor: pointer; opacity: 1; -webkit-transition: .4s; transition: .4s; background-repeat: no-repeat; background-position: center; } .catalog-detail__arrow--prev { left: -15px; background-image: url("/local/static/build/img/arrow-cat-l.svg"); } @media only screen and (max-width: 992px) { .catalog-detail__arrow--prev { left: 0; } } .catalog-detail__arrow--next { right: -15px; background-image: url("/local/static/build/img/arrow-cat-r.svg"); } @media only screen and (max-width: 992px) { .catalog-detail__arrow--next { right: 0; } } .catalog-detail__nav-arrow { position: absolute; width: 22px; height: 12px; display: inline-block; left: 50%; will-change: transform; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 7; cursor: pointer; opacity: 1; -webkit-transition: .4s; transition: .4s; background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 1200px) { .catalog-detail__nav-arrow { height: 7px; } } .catalog-detail__nav-arrow:hover { opacity: .5; } .catalog-detail__nav-arrow--next { background-image: url("/local/static/build/img/nav-down.svg"); bottom: 0; } @media only screen and (max-width: 1200px) { .catalog-detail__nav-arrow--next { background-image: url("/local/static/build/img/sl-ar-tablet-down.svg"); } } .catalog-detail__nav-arrow--prev { background-image: url("/local/static/build/img/nav-up.svg"); top: 0; } @media only screen and (max-width: 1200px) { .catalog-detail__nav-arrow--prev { background-image: url("/local/static/build/img/sl-ar-tablet-up.svg"); } } .catalog-detail__slide { border: 1px solid #d9d9d9; border-radius: 2px; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; overflow: hidden; } /*.catalog-detail__slide img{ min-width: 285px; }*/ .catalog-detail__slider { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; max-width: 450px; margin-right: 0; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; } @media only screen and (max-width: 1200px) { .catalog-detail__slider { max-width: 270px; } } @media only screen and (max-width: 992px) { .catalog-detail__slider { width: 100%; max-width: 100%; margin-right: 0; padding: 0 20px; } } .catalog-detail__slider.slick-initialized { opacity: 1; } .catalog-detail__slider .slick-track { display: -webkit-box; display: -webkit-flex; display: flex; } .catalog-detail__slider .slick-slide { height: auto; } .catalog-detail__slider .slick-slide > div { height: 100%; /*width: 450px;*/ } .catalog-detail__slider-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 45%; } @media only screen and (max-width: 992px) { .catalog-detail__slider-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; margin-bottom: 23px; } } .catalog-detail__nav-slide { width: 80px; height: 100px; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 0 10px; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } @media only screen and (max-width: 1200px) { .catalog-detail__nav-slide { width: 50px; height: 59px; padding: 0 4.5px; } } .catalog-detail__nav-slide-inside { border-radius: 2px; border: 1px solid #d9d9d9; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; -webkit-transition: border-color .4s; transition: border-color .4s; height: 100%; width: 100%; } .catalog-detail__nav-slide-inside:hover { border-color: #014ea2; } .catalog-detail__nav-slide-inside img { max-width: 100%; max-height: 100%; } .catalog-detail__nav-slider { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100%; max-width: 450px; padding: 20px 0; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; } @media only screen and (max-width: 1200px) { .catalog-detail__nav-slider { max-width: 270px; padding: 10px 0; } } @media only screen and (max-width: 992px) { .catalog-detail__nav-slider { display: none !important; } } .catalog-detail__nav-slider.slick-initialized { opacity: 1; } .catalog-detail__nav-slider .slick-slide.slick-current.slick-active .catalog-detail__nav-slide-inside { border-color: #014ea2; } .catalog-detail-sl { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; margin: 0 15px 40px; max-width: 100%; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); } @media only screen and (max-width: 1200px) { .catalog-detail-sl { margin-bottom: 30px; } } @media only screen and (max-width: 992px) { .catalog-detail-sl { max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); } } .catalog-detail-sl__options { font: normal 18px/144% "Open Sans", sans-serif; } @media only screen and (max-width: 1200px) { .catalog-detail-sl__options { font: normal 15px/133% "Open Sans", sans-serif; } } @media only screen and (max-width: 992px) { .catalog-detail-sl__options { font: normal 12px/167% "Open Sans", sans-serif; } } .catalog-detail-sl__right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: 50px; padding-bottom: 32px; } @media only screen and (max-width: 1200px) { .catalog-detail-sl__right { padding-left: 20px; padding-bottom: 28px; } } @media only screen and (max-width: 992px) { .catalog-detail-sl__right { padding-left: 0; padding-bottom: 0; } } .catalog-detail-sl__bottom-item { font: bold 16px/150% "Open Sans", sans-serif; color: #014ea2; margin-bottom: 20px; } @media only screen and (max-width: 1200px) { .catalog-detail-sl__bottom-item { font: bold 13px/185% "Open Sans", sans-serif; margin-bottom: 5px; } } @media only screen and (max-width: 992px) { .catalog-detail-sl__bottom-item { text-align: center; } } .catalog-detail-sl__bottom-item:last-child { margin-bottom: 0; } .catalog-detail-sl__desc { display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: wrap column; flex-flow: wrap column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .catalog-detail-product { width: 100%; /*margin: 0 15px 60px; */ } .catalog-detail-tabs__box .catalog-detail-product { margin-left: 0; margin-right: 0; } @media only screen and (max-width: 1200px) { .catalog-detail-product { margin-bottom: 30px; } } @media only screen and (max-width: 992px) { .catalog-detail-product { border-top: 1px solid #e6e6e6; } } @media only screen and (max-width: 992px) { .catalog-detail-product__header { display: none !important; } } .catalog-detail-product__row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; border-bottom: solid 1px #e6e6e6; } .catalog-detail-product__row:nth-child(odd) .catalog-detail-product-desc { background: #f5f5f5; } .catalog-detail-product__row:nth-child(odd) .catalog-detail-product-price { background: #f5f5f5; } .catalog-detail-product__head { font: 600 12px/100% "Open Sans", sans-serif; color: white; background: #014ea2; padding: 10px 30px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .catalog-detail-product__col:first-child .catalog-detail-product__head { -webkit-box-pack: inherit; -webkit-justify-content: inherit; justify-content: inherit; } @media only screen and (max-width: 1200px) { .catalog-detail-product__head { font: 600 10px/120% "Open Sans", sans-serif; text-align: center; padding: 9px 9px; } } .catalog-detail-product__col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 31%; flex: 0 0 31%; max-width: 31%; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; } } @media only screen and (max-width: 992px) { .catalog-detail-product__col-4 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; max-width: 100%; } } .catalog-detail-product__col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 9.50%; flex: 0 0 9.50%; max-width: 9.50%; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 7.50%; flex: 0 0 7.50%; max-width: 7.50%; } } @media only screen and (max-width: 992px) { .catalog-detail-product__col-1 { display: none; } } .catalog-detail-product__col-1 .catalog-detail-product__head { padding: 10px 19px; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-1 .catalog-detail-product__head { padding: 9px 9px; } } .catalog-detail-product__col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } @media only screen and (max-width: 1200px) { .catalog-detail-product__col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 53%; flex: 0 0 53%; max-width: 53%; } } @media only screen and (max-width: 992px) { .catalog-detail-product__col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px; } } .catalog-detail-product__col-4 > div, .catalog-detail-product__col-1 > div, .catalog-detail-product__col-6 > div { height: 100%; } .catalog-detail-product-desc { padding: 14px 30px; font: 300 14px/114% "Open Sans", sans-serif; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: inherit; -webkit-justify-content: inherit; justify-content: inherit; border-left: solid 1px #e6e6e6; } .catalog-detail-product__col:nth-child(2) .catalog-detail-product-desc { text-align: center; } @media only screen and (max-width: 1200px) { .catalog-detail-product-desc { padding: 14px 10px; font: 300 13px/123% "Open Sans", sans-serif; } } @media only screen and (max-width: 992px) { .catalog-detail-product-desc { display: block; padding: 22px 10px 14px;} } .catalog-detail-product-price { padding: 14px 30px; border-right: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; } @media only screen and (max-width: 1200px) { .catalog-detail-product-price { padding: 14px 20px; } } @media only screen and (max-width: 992px) { .catalog-detail-product-price { border-left: none; padding: 14px 10px; } } .catalog-detail-product-price__row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; } .catalog-detail-product-price__row-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; } .catalog-detail-product-price__price { font: bold 14px/114% "Open Sans", sans-serif; } @media only screen and (max-width: 1200px) { .catalog-detail-product-price__price { font: bold 13px/123% "Open Sans", sans-serif; } } @media only screen and (max-width: 992px) { .catalog-detail-product-price__price--desktop { display: none; } } .catalog-detail-product-price__price--mobile { display: none; } @media only screen and (max-width: 992px) { .catalog-detail-product-price__price--mobile { margin-top: 20px; display: block; } } .product-price-counter { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-right: 50px; } @media only screen and (max-width: 1200px) { .product-price-counter { margin-right: 40px; } } @media only screen and (max-width: 992px) { .product-price-counter { margin-right: 0; margin-bottom: 20px; } } .product-price-counter__count { border: none; background: transparent; width: 49px; height: 32px; font: normal 18px/130% "Open Sans", sans-serif; text-align: center; margin: 0 10px; } @media only screen and (max-width: 1200px) { .product-price-counter__count { padding: 0 4px; margin: 0; } } @media only screen and (max-width: 992px) { .product-price-counter__count { width: -webkit-calc(100% - 54px); width: calc(100% - 54px); font: normal 14px/130% "Open Sans", sans-serif; } } .product-price-counter__controls { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; cursor: pointer; -webkit-transition: -webkit-transform .13s; transition: -webkit-transform .13s; transition: transform .13s; transition: transform .13s, -webkit-transform .13s; } .product-price-counter__controls svg g { -webkit-transition: .4s; transition: .4s; } .product-price-counter__controls:hover svg g { stroke: #4587e6; } .product-price-counter__controls:active { -webkit-transform: scale(0.94); transform: scale(0.94); } .product-price-counter__controls.disable { pointer-events: none; } .product-price-counter__controls.disable svg g { stroke: #85888c; } .product-price-add-cart { font: bold 12px/133% "Open Sans", sans-serif; text-transform: uppercase; } @media only screen and (max-width: 992px) { .product-price-add-cart { width: 100%; text-align: center; } } .product-price-add-cart__btn { font: bold 12px/133% "Open Sans", sans-serif; text-transform: uppercase; color: #014ea2; -webkit-transition: .4s; transition: .4s; } @media only screen and (max-width: 992px) { .product-price-add-cart__btn { display: inline-block; } } .product-price-add-cart__btn:hover { color: #4587e6; } .product-price-add-cart__btn--link { font: bold 12px/133% "Open Sans", sans-serif; text-transform: uppercase; color: #0eb34e; -webkit-transition: .4s; transition: .4s; } @media only screen and (max-width: 992px) { .product-price-add-cart__btn--link { display: inline-block; } } .catalog-detail-tabs { width: calc(100% - 30px); margin: 0 15px; /*border: solid 1px #e6e6e6; */ } @media only screen and (max-width: 992px) { .catalog-detail-tabs { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); } } @media only screen and (max-width: 768px) { .catalog-detail-tabs { margin: 0 15px; } .catalog-detail-tabs__content { padding: 30px 0 0 0 !important; } } .catalog-detail-tabs__controls { display: flex; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; /*flex-flow: wrap row;*/ /*display: -webkit-box;*/ /*display: -webkit-flex;*/ } .catalog-detail-tabs__control { flex: 1 1 auto; font: 600 16px/150% "Open Sans", sans-serif; padding: 20px; background: #014ea2; color: white; text-align: center; -webkit-transition: .4s; transition: .4s; cursor: pointer; /*-webkit-box-flex: 0;*/ /*-webkit-flex: 0 0 50%;*/ /*flex: 0 0 50%;*/ /*max-width: 50%;*/ } @media only screen and (max-width: 1200px) { .catalog-detail-tabs__control { font: 600 15px/160% "Open Sans", sans-serif; } } @media only screen and (max-width: 992px) { .catalog-detail-tabs__control { font: 600 13px/160% "Open Sans", sans-serif; padding: 10px; } } .catalog-detail-tabs__control.active { background: #e7f0f7; color: #014ea2; } .catalog-detail-tabs__content { /* padding: 40px; */ position: relative; margin: 40px 0 0 0; } @media only screen and (max-width: 992px) { .catalog-detail-tabs__content { padding: 30px 10px; } } .catalog-detail-tabs__content p { margin-bottom: 50px; } .catalog-detail-tabs__content table p { margin: 0 !important; } .catalog-detail-tabs__content img { display: block; margin-bottom: 30px; } .catalog-detail-tabs__box { background: white; } .catalog-detail-tabs__box.disabled { display: none; } .catalog-detail-tabs__box.active { display: block; position: relative; } .catalog-detail-file { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 30px; } .catalog-detail-file__img { margin-right: 25px; -webkit-box-flex: 0; -webkit-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; } @media only screen and (max-width: 1200px) { .catalog-detail-file__img { -webkit-box-flex: 0; -webkit-flex: 0 0 52px; flex: 0 0 52px; max-width: 52px; } } @media only screen and (max-width: 992px) { .catalog-detail-file__img { -webkit-box-flex: 0; -webkit-flex: 0 0 46px; flex: 0 0 46px; max-width: 46px; margin-right: 10px; } } .catalog-detail-file__img img { margin-bottom: 0; } .catalog-detail-file__text { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .catalog-detail-file__title { font: 600 16px/188% "Open Sans", sans-serif; } @media only screen and (max-width: 992px) { .catalog-detail-file__title { font: 600 16px/113% "Open Sans", sans-serif; } } .catalog-detail-file__desc { font: normal 14px/214% "Open Sans", sans-serif; } .catalog-detail-file__desc a { font: normal 14px/214% "Open Sans", sans-serif; } .table-scroll-wrapper .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #e9e9e9; } .table-scroll-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 10px; } .table-scroll-wrapper .mCSB_scrollTools { opacity: 1; } .table-scroll-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 10px; border-radius: 5px; background-color: #014ea2; } .table-scroll-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #4587e6; } .table-scroll-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .table-scroll-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #014ea2; } .jq-toast-single { -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .table-header { background-color: #014ea2 !important; } .table-header td { color: #fff !important; font: 600 12px/100% "Open Sans", sans-serif !important; padding: 10px 30px !important; border: none; } .table-header td p { font: 600 12px/100% "Open Sans", sans-serif !important; color: #fff !important; margin: 0 !important; } table td { padding: 10px 5px; } table td p { margin: 0 !important; } /*форма оповестить о поступлении*/ .any-questions__grid { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 50px; } @media only screen and (max-width: 960px) { .any-questions__grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-bottom: 30px; } } @media only screen and (max-width: 740px) { .any-questions__grid { margin-bottom: 20px; } } .any-questions__first { width: -webkit-calc(100% / 3 - 30px - 1px); width: calc(100% / 3 - 30px - 1px); margin-right: 30px; } @media only screen and (max-width: 960px) { .any-questions__first { width: 100%; text-align: center; margin-right: 0; margin-bottom: 20px; } } .any-questions_not-amount-title { font-size: 25px; font-weight: bold; line-height: 1.2; color: #000000; margin: 0 15px 25px; } .any-questions__title { font-size: 20px; font-weight: bold; line-height: 1.2; color: #000000; margin-bottom: 25px; } @media only screen and (max-width: 960px) { .any-questions__title { font-size: 28px; margin-bottom: 25px; } } @media only screen and (max-width: 740px) { .any-questions__title { font-size: 22px; margin-bottom: 20px; } } .any-questions__subtitle-text { font-size: 20px; color: #272727; } @media only screen and (max-width: 960px) { .any-questions__subtitle-text { max-width: 600px; margin: 0 auto; font-size: 18px; } } @media only screen and (max-width: 740px) { .any-questions__subtitle-text { font-size: 15px; } } .any-questions__second { width: -webkit-calc(100% / 3 * 2); width: calc(100% / 3 * 2); } @media only screen and (max-width: 960px) { .any-questions__second { width: 100%; } } .any-questions__form-wrap { width: 100%; /*margin: 0 15px 40px;*/ border-radius: 2px; border: 1px solid #d9d9d9; padding: 32px 40px 37px; } @media only screen and (min-width: 769px) and (max-width: 992px) { .any-questions__form-wrap { margin-right: -15px; margin-left: -15px; width: -webkit-calc(100% + 30px); width: calc(100% + 30px); } } @media only screen and (max-width: 960px) { .any-questions__form-wrap { padding: 25px 35px 30px; } } @media only screen and (max-width: 740px) { .any-questions__form-wrap { padding: 20px 15px 25px; } } @media only screen and (max-width: 479px) { .any-questions__form-wrap { padding: 10px 0; border: 0; } } .any-questions__row { display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 -15px; } @media only screen and (max-width: 1200px) { .any-questions__row { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 740px) { .any-questions__row { margin: 0; } } .any-questions__label { width: -webkit-calc(100% / 3 - 30px); width: calc(100% / 3 - 30px); margin: 0 15px 25px; } @media only screen and (max-width: 1200px) { .any-questions__label { width: -webkit-calc(100% / 2 - 30px); width: calc(100% / 2 - 30px); } .any-questions__label:first-child { width: -webkit-calc(100% / 1 - 30px); width: calc(100% / 1 - 30px); } } @media only screen and (max-width: 740px) { .any-questions__label { width: 100%; margin: 0 0 20px; } .any-questions__label:first-child { width: 100%; } } .any-questions__label-textarea { width: 100%; margin-bottom: 25px; } @media only screen and (max-width: 740px) { .any-questions__label-textarea { margin-bottom: 25px; } } .any-questions__footer { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } @media only screen and (max-width: 740px) { .any-questions__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } } .any-questions__agree { max-width: 360px; font-size: 14px; line-height: 1.29; letter-spacing: 0.23px; color: #2d2d2d; margin-right: 25px; } @media only screen and (max-width: 740px) { .any-questions__agree { margin-right: 0; margin-bottom: 15px; max-width: none; } } .any-questions__agree a { font-weight: 600; letter-spacing: 0.25px; } .any-questions__form-wrap .form-success__title, .any-questions__form-wrap .form-success__text { max-width: unset; } .any-questions__form-wrap .form-success__text { margin-bottom: 0; } /* стикер "распродажа" */ .stickers.offers-list-sticker { position: relative; display: inline; top: -7px; margin: 0 auto auto 0; float: left; height: 0; } .stickers.offers-list-sticker .sticker { font: normal 11px/100% "Open Sans", sans-serif; padding: 0px 9px 2px 5px; } .stickers.offers-list-sticker .sticker:before { border: 8.5px solid transparent; border-right: 6px solid white; } .catalog-detail-product__row:nth-child(odd) .catalog-detail-product__col.offers-list-sticker .stickers.offers-list-sticker .sticker:before { border-right: 6px solid #f5f5f5; } .slick-slide img { display: block; /*max-width: initial !important;*/ /*width: -webkit-fill-available;*/ } .catalog-detail-sl__bottom-item.a { border-bottom: 1px dashed; } .catalog-detail-sl__bottom-item svg { fill: #014ea2; width: 17px; margin-right: 5px; transform: translateY(-1px); transition: fill 0.3s ease, opacity 0.3s ease, border 0.3s ease, background .3s ease; } .catalog-detail-sl__bottom-item:hover svg { fill: #4587e6; } .catalog-detail-materials img { max-width: 100% !important; height: auto !important; } .catalog-detail-materials .table-scroll-wrap { max-width: 100%; overflow-x: auto; } .consultation-btn-old { display: inline-block; background-color: #ffae00; background-image: -webkit-gradient(linear, left bottom, left top, from(#db9500), to(#ffae00)); background-image: linear-gradient(to top, #db9500 0%, #ffae00 100%); border-radius: 3px; position: relative; text-decoration: none; padding-left: 11px; } .consultation-btn-old:before { content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#ffae00), to(#db9500)); background-image: linear-gradient(to top, #ffae00 0%, #db9500 100%); border-radius: 3px; filter: progid:DXImageTransform.Microsoft.Alpha Opacity=0; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .consultation-btn-old:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha Opacity=10; opacity: 1; } .consultation-btn-old:active { top: 2px; } .consultation-btn-old img { position: absolute; top: 5px; } .consultation-btn-old span { font: bold 14px/100% "Open Sans", sans-serif; color: #fff; text-transform: uppercase; padding: 12px 25px 12px 30px; display: inline-block; z-index: 100; position: relative; white-space: nowrap; } .phone-block{ margin: 20px 0 10px 0; } .files-wrapper{ display: flex; flex-wrap: wrap; margin: 0 -10px; } .files-wrapper .catalog-detail-file{ margin: 0 10px 30px 10px; } .files-wrapper .file-width-33{ width: calc(33% - 20px); } .files-wrapper .file-width-50{ width: calc(50% - 20px); } .files-wrapper .file-width-100{ width: calc(100% - 20px); } @media screen and (max-width: 1024px) { .files-wrapper .catalog-detail-file__title{ font: 600 14px/113% "Open Sans", sans-serif; } .files-wrapper .catalog-detail-file__desc a{ font: 600 12px/113% "Open Sans", sans-serif; } .files-wrapper .catalog-detail-file__img{ max-width: 43px; } .files-wrapper .file-width-33{ width: calc(50% - 20px); } } @media screen and (max-width: 640px) { .files-wrapper .file-width-50{ width: calc(100% - 20px); } } @media screen and (max-width: 540px) { .files-wrapper .file-width-33{ width: calc(100% - 20px); } } .video-block { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 40px; } .video-block iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* End */ /* Start:/node_modules/slick-carousel/slick/slick.css?17301903651922*/ /* Slider */ .catalog-detail__slider .slick-track { /*width:100%!important*/ } .catalog-detail__slider .slick-track .slick-active { /*width:100%!important*/ } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/node_modules/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css?162806766054850*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/node_modules/malihu-custom-scrollbar-plugin/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/static/assets/js/modules/jquery.toast.min.css?16280677114508*/ .jq-toast-wrap,.jq-toast-wrap *{margin:0;padding:0}.jq-toast-wrap{display:block;position:fixed;width:250px;pointer-events:none!important;letter-spacing:normal;z-index:9000!important}.jq-toast-wrap.bottom-left{bottom:20px;left:20px}.jq-toast-wrap.bottom-right{bottom:20px;right:40px}.jq-toast-wrap.top-left{top:20px;left:20px}.jq-toast-wrap.top-right{top:20px;right:40px}.jq-toast-single{display:block;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:12px;font-family:arial,sans-serif;line-height:17px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}.jq-toast-single h2{font-family:arial,sans-serif;font-size:14px;margin:0 0 7px;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal}.jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0}.jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:0 0;margin:0;padding:0;letter-spacing:normal}.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer}.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0;left:0;border-radius:5px;background:red}.jq-toast-loaded{width:100%}.jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px}.jq-icon-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);background-color:#31708f;color:#d9edf7;border-color:#bce8f1}.jq-icon-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc}.jq-icon-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6} /* End */ /* Start:/local/components/rowen/get-consultation/templates/bit/style.css?16536619491362*/ .consultation-btn-old { display: inline-block; background-color: #ffae00; background-image: -webkit-gradient(linear, left bottom, left top, from(#db9500), to(#ffae00)); background-image: linear-gradient(to top, #db9500 0%, #ffae00 100%); border-radius: 3px; position: relative; text-decoration: none; padding-left: 11px; } .consultation-btn-old:before { content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#ffae00), to(#db9500)); background-image: linear-gradient(to top, #ffae00 0%, #db9500 100%); border-radius: 3px; filter: progid:DXImageTransform.Microsoft.Alpha Opacity=0; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .consultation-btn-old:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha Opacity=10; opacity: 1; } .consultation-btn-old:active { top: 2px; } .consultation-btn-old img { position: absolute; top: 5px; } .consultation-btn-old span { font: bold 14px/100% "Open Sans", sans-serif; color: #fff; text-transform: uppercase; padding: 12px 25px 12px 30px; display: inline-block; z-index: 100; position: relative; white-space: nowrap; } .phone-block{ margin: 20px 0 10px 0; } /* End */ /* Start:/local/components/custom/relevant-product/templates/.default_2/style.css?17199903682334*/ .relevant-product-slider { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; margin-right: -15px; margin-left: -15px; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; } .relevant-product-slider.slick-dotted { margin-bottom: 50px; } .relevant-product-slider .slick-list { width: 100%; } .relevant-product-slider .slick-track { margin-left: 0; margin-right: 0; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .relevant-product-slider .slick-slide { height: auto; } .relevant-product-slider .slick-slide > div { height: 100%; } .relevant-product-slider.no-slider { opacity: 1; } .relevant-product-slider.no-slider .relevant-product-slide { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .relevant-product-slider.slick-initialized { opacity: 1; } .relevant-product { padding-top: 60px; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); margin: 0 15px; } .relevant-product__title { font: bold 38px/130% "Open Sans", sans-serif; margin-bottom: 30px; } .relevant-product-slide { height: 100%; padding: 0 16px; } .relevant-product-slide__in { padding: 16px 20px 20px; border-radius: 2px; border: solid 1px #d9d9d9; height: 100%; position: relative; } .relevant-product-slide__in:hover .relevant-product-slide__title { color: #4587e6; } .relevant-product-slide__in a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .relevant-product-slide__img { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 5px; min-height: 130px; max-height: 130px; } .relevant-product-slide__img img { max-height: 130px; } .relevant-product-slide__title { font: bold 14px/143% "Open Sans", sans-serif; text-align: center; color: #014ea2; -webkit-transition: .4s; transition: .4s; } /* End */ /* Start:/local/static/build/css/plugins/slick.css?16280677111177*/ .slick-dots { position: absolute; left: 0; right: 0; margin: 0; text-align: center; font-size: 0; bottom: -46px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .slick-dots li, .slick-dots button { width: 12px; height: 12px; } .slick-dots button { display: block; background: #014ea2; border: solid 2px #014ea2; border-radius: 100%; -webkit-transition: border-color 0.3s ease, background-color 0.3s ease; transition: border-color 0.3s ease, background-color 0.3s ease; } .slick-dots button:hover { border: solid 2px #014ea2; } .slick-dots li { display: inline-block; vertical-align: top; margin: 0 9px; padding: 0; } .slick-dots li:before { display: none; } .slick-dots li.slick-active { cursor: default; width: 16px; height: 16px; } .slick-dots li.slick-active button { background: white; cursor: default; width: 16px; height: 16px; } /* End */ /* Start:/local/templates/.default/components/bitrix/catalog.products.viewed/.default/style.css?16280677112542*/ .viewed-product-slider { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; margin-right: -15px; margin-left: -15px; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; } .viewed-product-slider.slick-dotted { margin-bottom: 50px; } .viewed-product-slider .slick-list { width: 100%; } .viewed-product-slider .slick-track { margin-left: 0; margin-right: 0; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; } .viewed-product-slider .slick-slide { height: auto; } .viewed-product-slider .slick-slide > div { height: 100%; } .viewed-product-slider.no-slider { opacity: 1; } .viewed-product-slider.no-slider .viewed-product-slide { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .viewed-product-slider.slick-initialized { opacity: 1; } .viewed-product { padding-top: 60px; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); margin: 0 15px; } .viewed-product__title { font: bold 38px/130% "Open Sans", sans-serif; margin-bottom: 30px; } .viewed-product-slide { height: 100%; padding: 0 16px; } .viewed-product-slide__in { padding: 16px 20px 20px; border-radius: 2px; border: solid 1px #d9d9d9; height: 100%; position: relative; } .viewed-product-slide__in:hover .viewed-product-slide__title { color: #4587e6; } .viewed-product-slide__in a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .viewed-product-slide__img { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 5px; min-height: 130px; max-height: 130px; } .viewed-product-slide__img img { max-height: 130px; } .viewed-product-slide__title { font: bold 14px/143% "Open Sans", sans-serif; text-align: center; color: #014ea2; -webkit-transition: .4s; transition: .4s; } /* End */ /* Start:/local/templates/.default/include/consultation-in-catalog/style.css?170918543510134*/ .supplement { font-size: 0; position: relative; width: 100%; /*margin: 0 -15px 20px 245px;*/ } .supplement:after { content: ""; display: table; clear: both; } .supplement-contacts .consultation-block { height: auto; float: none; border: 0 none; margin: 0 auto; padding: 0; } .supplement-contacts .consultation-block .consultation__text { font: 400 16px/120% "Open Sans", sans-serif; color: #000; } .supplement-contacts .consultation-block .consultation__phone { font: bold 40px/110% "Open Sans", sans-serif; color: #000; } .supplement-contacts .consultation-block .consultation__phone:hover { color: #9dcbff; } .bootstrap-list { position: relative; float: left; height: 225px; width: 49%; border: 5px solid #e9e9e9; margin: 0 0 40px 0; } @media only screen and (max-width: 900px) { .bootstrap-list { width: 100%; } } @media only screen and (max-width: 500px) { .bootstrap-list { display: table; } } .bootstrap-list__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 100%; margin-top: 33px; } @media only screen and (max-width: 900px) { .bootstrap-list__wrap { margin-top: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 500px) { .bootstrap-list__wrap { display: table-cell; vertical-align: middle; padding: 0 0 0 0; margin: 0; } } .bootstrap-list__block { display: inline-block; vertical-align: middle; width: 33.33%; position: relative; } @media only screen and (max-width: 500px) { .bootstrap-list__block { display: block; float: none; width: 100%; height: auto; margin: 0 0 20px 0; } } .bootstrap-list__block--big { width: 50%; } @media only screen and (max-width: 500px) { .bootstrap-list__block--big { width: 100%; } } .bootstrap-list__block-wrap { position: relative; width: 100%; height: 112px; font-size: 0; display: block; } @media only screen and (max-width: 500px) { .bootstrap-list__block-wrap { height: inherit; } } .bootstrap-list__block:nth-child(2n+1) .bootstrap-list__item { width: 100%; } @media only screen and (max-width: 500px) { .bootstrap-list__block:nth-child(2n+1) .bootstrap-list__item { width: 100%; } } .bootstrap-list__item { text-align: center; position: relative; font-size: 0; display: block; line-height: 0; width: 100%; vertical-align: middle; } .bootstrap-list__item--right { padding: 0 20px; text-align: center; margin-top: 20px; } @media only screen and (max-width: 500px) { .bootstrap-list__item--right { display: block; width: 100%; } } .bootstrap-list__item--left { text-align: center; } @media only screen and (max-width: 500px) { .bootstrap-list__item--left { display: none; } } .bootstrap-list__link { display: inline-block; vertical-align: middle; position: relative; font: 400 14px/140% "Open Sans", sans-serif; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 500px) { .bootstrap-list__link { display: block; font: 400 16px/120% "Open Sans", sans-serif; } } .bootstrap-list__icon { display: table-cell; display: inline-block; vertical-align: middle; background-size: contain; } .bootstrap-list__icon--1 { width: 57px; height: 73px; background-image: url(/local/static/assets/img/bootstrap-icon-1.png); } .bootstrap-list__icon--2 { width: 97px; height: 67px; background-image: url(/local/static/assets/img/bootstrap-icon-2.png); } .bootstrap-list__icon--3 { width: 58px; height: 73px; background-image: url(/local/static/assets/img/bootstrap-icon-3.png); } .bootstrap-list__icon--4 { width: 57px; height: 73px; background-image: url(/local/static/assets/img/bootstrap-icon-4.png); } .consultation-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 80%; display: flex; height: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 10px; background-color: #ffae00; background-image: -webkit-gradient(linear, left bottom, left top, from(#db9500), to(#ffae00)); background-image: linear-gradient(to top, #db9500 0%, #ffae00 100%); border-radius: 3px; position: relative; text-decoration: none; } .consultation-btn:before { content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#ffae00), to(#db9500)); background-image: linear-gradient(to top, #ffae00 0%, #db9500 100%); border-radius: 3px; filter: progid:DXImageTransform.Microsoft.Alpha Opacity=0; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .consultation-btn:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha Opacity=10; opacity: 1; } .consultation-btn:active { top: 2px; } .consultation-btn span { font: bold 12px/100% "Open Sans", sans-serif; color: #fff; text-transform: uppercase; padding: 0 0 0 10px; display: inline-block; z-index: 100; position: relative; white-space: nowrap; } .consultation-btn img { display: inline-block; position: relative; z-index: 100; } .consultation-btn-old { display: inline-block; background-color: #ffae00; background-image: -webkit-gradient(linear, left bottom, left top, from(#db9500), to(#ffae00)); background-image: linear-gradient(to top, #db9500 0%, #ffae00 100%); border-radius: 3px; position: relative; text-decoration: none; padding-left: 11px; } .consultation-btn-old:before { content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#ffae00), to(#db9500)); background-image: linear-gradient(to top, #ffae00 0%, #db9500 100%); border-radius: 3px; filter: progid:DXImageTransform.Microsoft.Alpha Opacity=0; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .consultation-btn-old:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha Opacity=10; opacity: 1; } .consultation-btn-old:active { top: 2px; } .consultation-btn-old img { position: absolute; top: 5px; } .consultation-btn-old span { font: bold 14px/100% "Open Sans", sans-serif; color: #fff; text-transform: uppercase; padding: 12px 25px 12px 30px; display: inline-block; z-index: 100; position: relative; white-space: nowrap; } .consultation { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; border: 5px solid #ffae00; height: 225px; text-align: center; margin-top: 40px; padding: 10px 20px; } @media only screen and (max-width: 900px) { .consultation { width: 100%; } } @media only screen and (max-width: 500px) { .consultation { padding: 5px 20px; } } .consultation__text { font: 400 16px/140% "Open Sans", sans-serif; color: #000; margin: 0 0 10px 0; } .consultation__phone { font: bold 40px/100% "Open Sans", sans-serif; color: #424242; display: block; margin: 0 0 5px 0; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .consultation__phone--grey { font: bold 30px/100% "Open Sans", sans-serif; color: #747474; margin: 0 0 10px 0; } @media only screen and (max-width: 500px) { .consultation__phone--grey { font: bold 25px/100% "Open Sans", sans-serif; } } @media only screen and (max-width: 500px) { .consultation__phone { font: bold 30px/100% "Open Sans", sans-serif; } } .consultation_rvz { position: relative; float: right; width: 100%; border: 5px solid #ffae00; height: 150px; text-align: center; padding: 10px 20px; } @media only screen and (max-width: 900px) { .consultation_rvz { width: 100%; } } @media only screen and (max-width: 500px) { .consultation_rvz { padding: 5px 20px; } } .supplement-contacts .consultation-block { height: auto; float: none; border: 0 none; margin: 0 auto; padding: 0; } .supplement-contacts .consultation-block .consultation__text { font: 400 16px/120% "Open Sans", sans-serif; color: #000; } .supplement-contacts .consultation-block .consultation__phone { font: bold 40px/110% "Open Sans", sans-serif; color: #000; } .supplement-contacts .consultation-block .consultation__phone:hover { color: #9dcbff; } .scroll-anim { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } .scroll-anim-active { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .scroll-anim-transition { -webkit-transition: -webkit-transform 1s ease; transition: transform 1s ease; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .viewed-product{ margin-bottom: 30px; } /* End */ /* /local/templates/.default/components/bitrix/catalog/rowen/style.css?17292314901262 */ /* /local/templates/.default/components/bitrix/catalog/rowen/bitrix/catalog.section/.default/style.css?173019018549724 */ /* /local/components/rowen/catalog-navigation/templates/.default/style.css?1647351644316 */ /* /local/templates/.default/components/bitrix/catalog/rowen/bitrix/catalog.element/.default/style.css?173019018531561 */ /* /node_modules/slick-carousel/slick/slick.css?17301903651922 */ /* /node_modules/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css?162806766054850 */ /* /local/static/assets/js/modules/jquery.toast.min.css?16280677114508 */ /* /local/components/rowen/get-consultation/templates/bit/style.css?16536619491362 */ /* /local/components/custom/relevant-product/templates/.default_2/style.css?17199903682334 */ /* /local/static/build/css/plugins/slick.css?16280677111177 */ /* /local/templates/.default/components/bitrix/catalog.products.viewed/.default/style.css?16280677112542 */ /* /local/templates/.default/include/consultation-in-catalog/style.css?170918543510134 */