1597 lines
24 KiB
CSS
1597 lines
24 KiB
CSS
@charset "utf-8";
|
|
/* Убираем обводку */
|
|
a.active.focus,
|
|
a.active:focus,
|
|
a.focus,
|
|
a:active.focus,
|
|
a:active:focus,
|
|
a:focus,
|
|
button.active.focus,
|
|
button.active:focus,
|
|
button.focus,
|
|
button:active.focus,
|
|
button:active:focus,
|
|
button:focus,
|
|
.btn.active.focus,
|
|
.btn.active:focus,
|
|
.btn.focus,
|
|
.btn:active.focus,
|
|
.btn:active:focus,
|
|
.btn:focus {
|
|
outline: 0!important;
|
|
outline-color: transparent!important;
|
|
outline-width: 0!important;
|
|
outline-style: none!important;
|
|
box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
|
|
}
|
|
|
|
|
|
|
|
.bg-fafafa {
|
|
background: #fafafa;
|
|
}
|
|
|
|
.bg-action {
|
|
background-color: #ffcc00 !important;
|
|
}
|
|
|
|
.hide {
|
|
display: none;
|
|
}
|
|
|
|
.text-semibold {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.text-link {
|
|
color: #069;
|
|
}
|
|
|
|
.text-stock {
|
|
color: #347537;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.text-no-stock {
|
|
color: #EA6E6E;
|
|
font-weight: 500;
|
|
}
|
|
|
|
|
|
/* custom */
|
|
|
|
a.img-link:hover {
|
|
text-decoration: none;
|
|
}
|
|
a.img-link:hover .title {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#topNavbar {
|
|
/*background: #E9ECEF;*/
|
|
padding-bottom: 4px !important;
|
|
font-size: .9em;
|
|
line-height: 1em;
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
|
|
.navbar-dark .navbar-toggler {
|
|
border: 0;
|
|
}
|
|
|
|
.navbar-icons a {
|
|
height: 30px;
|
|
width: 30px;
|
|
display: inline-block;
|
|
font-size: 1.5em;
|
|
vertical-align: middle;
|
|
padding: 5px;
|
|
margin: 0px 5px;
|
|
}
|
|
|
|
|
|
.under-dotted {
|
|
border-bottom: 1px dotted #524E4F;
|
|
}
|
|
|
|
.under-dotted:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.top-city {
|
|
text-align: left;
|
|
}
|
|
|
|
|
|
#logoBlock {
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.logo > img {
|
|
width: 200px;
|
|
height: auto;
|
|
}
|
|
.text-sublogo {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.top-city-wrap {
|
|
height: 16px;
|
|
line-height: 16px;
|
|
}
|
|
.top-city-wrap span {
|
|
max-width: 165px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.header-cart {
|
|
font-size: 1em;
|
|
background: url(../img/icon-cart.svg) left center no-repeat;
|
|
background-size: contain;
|
|
|
|
max-width: 165px;
|
|
padding-left: 56px;
|
|
width: min-content;
|
|
margin-left: auto;
|
|
margin-top: 3px;
|
|
display: block;
|
|
}
|
|
|
|
|
|
.shop-card {
|
|
color: #fff;
|
|
margin: 10px 0px;
|
|
}
|
|
|
|
.shop-card .shop-title {
|
|
font-size: 1.2em;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
.shop-card .shop-phone {
|
|
font-size: 1.2em;
|
|
line-height: 1.4em;
|
|
color: white;
|
|
font-weight: normal;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.shop-card .shop-phone a {
|
|
color: white;
|
|
}
|
|
|
|
.shop-card .shop-worktime {
|
|
font-size: .8em;
|
|
}
|
|
|
|
|
|
#topContacts .shop-card {
|
|
color: black;
|
|
margin: 5px 0px;
|
|
}
|
|
|
|
#topContacts .shop-card .shop-phone {
|
|
margin-top: 0px;
|
|
}
|
|
#topContacts .shop-card .shop-phone a {
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.top-changecity {
|
|
font-size: 1.3em;
|
|
border-bottom: 1px dotted black;
|
|
}
|
|
|
|
.top-changecity i.fas {
|
|
font-size: .7em;
|
|
}
|
|
|
|
.top-changecity:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.search-wrapper {
|
|
padding: 5px 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.collapse .subrows .nav-link {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
|
|
#catalogMenu {
|
|
margin-top: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#dropCatalogBtn .fas,
|
|
.catalogLink .fas,
|
|
.autochevron .fas, {
|
|
float: right;
|
|
position: relative;
|
|
top: 5px;
|
|
transition: transform .2s;
|
|
}
|
|
|
|
#dropCatalogBtn.collapsed .fas,
|
|
.catalogLink.collapsed .fas,
|
|
.autochevron.collapsed .fas {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
|
|
.catalogLink.nosublinks .fas {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.social-block {
|
|
font-size: 1.5em;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.subcatalog-links {
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
.subcatalog-links a img {
|
|
display: none;
|
|
}
|
|
|
|
.subcatalog-links a span {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
display: block;
|
|
overflow: hidden;
|
|
line-height: 2em;
|
|
color: var(--blue);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* mobile menu */
|
|
|
|
.slide-menu .fa-chevron-right {
|
|
float: right;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.slide-menu .fa-chevron-left {
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.slide-menu .text-truncate {
|
|
width: 90%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.fixed-bottom-mobile {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 1502;
|
|
}
|
|
body {
|
|
padding-top: 50px;
|
|
/*padding-bottom: 48px;*/
|
|
}
|
|
|
|
.slide-menu .slider {
|
|
margin-bottom: 150px;
|
|
}
|
|
|
|
.slide-menu .sidelinks a {
|
|
padding: 3px 0px;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
/* item card */
|
|
.item {
|
|
position: relative;
|
|
max-width: 208px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.item.bigimage {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.item.in-cart {
|
|
max-width: 100%;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
|
|
.item .title {
|
|
font-size: .7em;
|
|
display: block;
|
|
display: flex;
|
|
margin-top: 10px;
|
|
margin-bottom: 5px;
|
|
height: 43px;
|
|
overflow: hidden;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.item .price-old {
|
|
font-size: .7em;
|
|
color: grey;
|
|
white-space: nowrap;
|
|
text-decoration:line-through;
|
|
padding-left: 5px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
.item .rate-block {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
|
|
.item.mark_4:after {
|
|
content: '';
|
|
width: 79px;
|
|
height: 66px;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
background-image: url(../img/marks/mark_4_new.png);
|
|
}
|
|
|
|
.item.mark_5:after {
|
|
content: '';
|
|
width: 79px;
|
|
height: 66px;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
background-image: url(../img/marks/mark_5_new.png);
|
|
}
|
|
|
|
.item.mark_6:after {
|
|
content: '';
|
|
width: 79px;
|
|
height: 66px;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
background-image: url(../img/marks/mark_6_new.png);
|
|
}
|
|
|
|
.item.mark_7:after {
|
|
content: '';
|
|
width: 79px;
|
|
height: 66px;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
background-image: url(../img/marks/mark_7_new.png);
|
|
}
|
|
|
|
|
|
.item.mark_4 .variants-block { background: #fff1e2; }
|
|
.item.mark_5 .variants-block { background: #fcf3ff; }
|
|
.item.mark_6 .variants-block { background: #ffefef; }
|
|
.item.mark_7 .variants-block { background: #e7f8f5; }
|
|
|
|
|
|
.item-wrap {
|
|
background: white;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.item-wrap:nth-child(even) {
|
|
border-left: 1px solid #eee;
|
|
}
|
|
|
|
.mobile-nowrap-carousel .item-wrap {
|
|
border: none;
|
|
}
|
|
|
|
/* Нет в наличии */
|
|
.item.nostock_1 .add-to-cart-block {
|
|
display: none;
|
|
|
|
}
|
|
|
|
.item.nostock_1 img {
|
|
opacity: .5;
|
|
}
|
|
|
|
.item.nostock_1 .price-block {
|
|
opacity: .5;
|
|
}
|
|
|
|
.item.nostock_1 .price-discount,
|
|
.item.nostock_1 .price-old {
|
|
display: none;
|
|
}
|
|
|
|
.item.nostock_1 .price-current {
|
|
color: #212529 !important;
|
|
}
|
|
|
|
.item .stock.in_stock_1 {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.item.nostock_1:after {
|
|
content: 'Товар закончился';
|
|
display: block;
|
|
position: absolute;
|
|
top: 100px;
|
|
left: 0px;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
text-align: center;
|
|
font-size: .8em;
|
|
color: #212529;
|
|
background-color: #e9ecef99;
|
|
border-color: #e9ecef;
|
|
}
|
|
|
|
|
|
|
|
.item-wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.item-wrap.new .item-image-block:after{
|
|
content: 'New';
|
|
display:block;position:absolute;bottom: 50px;left: 0px; line-height: 30px; width: 30px; height: 30px; background: #3590dc; font-size: 11px; background: var(--info); border-radius: 50%; color: white; font-weight: bold; text-align: center;
|
|
}
|
|
|
|
.item-wrap.hit .item-image-block:after{
|
|
content: 'Хит!';
|
|
display:block;position:absolute;bottom: 50px;left: 0px; line-height: 30px; width: 30px; height: 30px; background: #844E9F; font-size: 11px; background: var(--action); border-radius: 50%; color: white; font-weight: bold; text-align: center;
|
|
}
|
|
|
|
|
|
|
|
.item .item-image-block {
|
|
position: relative;
|
|
}
|
|
|
|
.nostock_1 .item-image-block > .discount {
|
|
display: none;
|
|
}
|
|
|
|
.item-image-block > .discount {
|
|
width: 30px;
|
|
height: 30px;
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 50px;
|
|
left: 35px;
|
|
text-align: center;
|
|
background: #FECC02;
|
|
font-size: 11px;
|
|
background: var(--warning);
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
color: #555;
|
|
font-weight: bold;
|
|
}
|
|
.item-wrap.sale2020 .item-image-block > .discount {
|
|
left: 0px;
|
|
}
|
|
.item-image-block > .discount:empty {
|
|
display: none;
|
|
}
|
|
|
|
.adv-info-block {
|
|
position: relative;
|
|
}
|
|
|
|
.adv-info-block .split-price {
|
|
position: relative;
|
|
}
|
|
|
|
.adv-info-block .split-price span {
|
|
color: #E31F25;
|
|
font-size: .9em;
|
|
color: var(--danger);
|
|
line-height: 1.5em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.adv-info-block .split_price_0 .split-price {
|
|
display: none;
|
|
}
|
|
|
|
.adv-info-block .split_price_1 .price {
|
|
display: none;
|
|
}
|
|
|
|
/* rating */
|
|
.rate-block .rating .stars{
|
|
background:url(../img/rate_stars.png) left bottom no-repeat;
|
|
width: auto;
|
|
height:12px;
|
|
display:block;
|
|
padding-left: 72px;
|
|
white-space:nowrap;
|
|
vertical-align: middle;
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
}
|
|
.rate-block .rating.rate_0,
|
|
.rate-block .rating.rate_1,
|
|
.rate-block .rating.rate_2,
|
|
.rate-block .rating.rate_3 { display:none; }
|
|
.rate-block .rating.rate_3 .stars{background-position:0 -312px;}
|
|
.rate-block .rating.rate_4 .stars{background-position:0 -350px;}
|
|
.rate-block .rating.rate_5 .stars{background-position:0 -388px;}
|
|
.rate-block .rating { margin-bottom: 5px; }
|
|
|
|
.slick-slide .item-wrap {
|
|
flex: 0 0 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.carousel-control {
|
|
width: 100%;
|
|
text-align: right;
|
|
margin-top: -3.5em;
|
|
padding: 5px 0px;
|
|
min-height: 40px;
|
|
}
|
|
|
|
.form-checks label {
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.avatar {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/* breadcrumbs */
|
|
.breadcrumb {
|
|
height: 40px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* product image slider */
|
|
.slider-nav {
|
|
width: 100%;
|
|
padding-left: 25px;
|
|
padding-right: 25px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
|
|
.productPage .slider-for > a,
|
|
.productPage .slider-nav > .small_item_slide {
|
|
display: none;
|
|
}
|
|
|
|
.productPage .slider-for.slick-slider {
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.productPage .slider-for > a:first-child,
|
|
.productPage .slider-nav > .small_item_slide:first-child {
|
|
display: block;
|
|
}
|
|
|
|
.prev_arrow_small_slider,
|
|
.next_arrow_small_slider {
|
|
position: absolute;
|
|
top: 30%;
|
|
top: calc(50% - 25px);
|
|
width: 16px;
|
|
|
|
height: 50px;
|
|
line-height: 50px;
|
|
font-size: 25px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
.prev_arrow_small_slider:hover,
|
|
.next_arrow_small_slider:hover {
|
|
opacity: .7;
|
|
}
|
|
|
|
.prev_arrow_small_slider {
|
|
left: 0;
|
|
}
|
|
|
|
.next_arrow_small_slider {
|
|
right: 0;
|
|
}
|
|
.small_item_slide img {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.slick-current .small_item_slide img {
|
|
border-color: #524E4F !important;
|
|
}
|
|
|
|
.item_slide .playicon {
|
|
position: absolute;
|
|
top: calc(50% - 50px);
|
|
left: calc(50% - 50px);
|
|
font-size: 100px;
|
|
line-height: 100px;
|
|
}
|
|
.item_slide {
|
|
cursor: zoom-in;
|
|
}
|
|
|
|
|
|
/* rating */
|
|
.rating-stars {
|
|
color: #FFB800;
|
|
}
|
|
|
|
.rating-stars.rate-,
|
|
.rating-stars.rate-0,
|
|
.rating-stars.rate-1,
|
|
.rating-stars.rate-2,
|
|
.rating-stars.rate-6 {
|
|
display: none;
|
|
}
|
|
.rating-stars.rate-3 i:nth-child(4),
|
|
.rating-stars.rate-3 i:nth-child(5) {
|
|
color: #D8D8D8;
|
|
}
|
|
|
|
|
|
.rating-stars.rate-4 i:nth-child(5) {
|
|
color: #D8D8D8;
|
|
}
|
|
|
|
/* Страница товара */
|
|
.product-title {
|
|
font-size: 2em;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.product-minidesc {
|
|
white-space: pre-wrap;
|
|
font-size: .8em;
|
|
}
|
|
|
|
.product-price-block .price-current {
|
|
font-size: 2em;
|
|
font-weight: 400;
|
|
}
|
|
.product-price-block .price-old {
|
|
font-size: 1.8em;
|
|
color: gray;
|
|
white-space: nowrap;
|
|
text-decoration:line-through;
|
|
}
|
|
|
|
|
|
.product-price-block .price-old:not(.hide) + .price-current {
|
|
color: #E31F25;
|
|
color: var(--danger);
|
|
}
|
|
|
|
.empty + .cartlink {
|
|
display:none;
|
|
}
|
|
|
|
.size-selector .nostock,
|
|
.size-selector .nostock:active,
|
|
.size-selector .nostock.active,
|
|
.size-selector .nostock:hover {
|
|
/* text-decoration: line-through; */
|
|
/*background: white !important;*/
|
|
/*background: #ececec !important;*/
|
|
/* color: #9c9c9c !important; */
|
|
|
|
background: #ececec url(../img/bg_nostock.png) center center no-repeat;
|
|
background-size: 100% 100%;
|
|
color: #888;;
|
|
/*opacity: .5;*/
|
|
}
|
|
|
|
|
|
.default-delivery-0 {
|
|
display: none;
|
|
}
|
|
|
|
/* reviews */
|
|
.review-item {
|
|
min-height: 120px;
|
|
}
|
|
|
|
/* circle progress */
|
|
|
|
.progress-circle{
|
|
width: 100px;
|
|
height: 100px;
|
|
font-size: 1em;
|
|
background: none;
|
|
position: relative;
|
|
}
|
|
|
|
.progress-circle::after {
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
border: 6px solid #eee;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.progress-circle>span {
|
|
width: 50%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.progress-circle.progress-left {
|
|
left: 0;
|
|
}
|
|
|
|
.progress-circle .progress-bar {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: none;
|
|
border-width: 6px;
|
|
border-style: solid;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
.progress-circle .progress-left .progress-bar {
|
|
left: 100%;
|
|
border-top-right-radius: 80px;
|
|
border-bottom-right-radius: 80px;
|
|
border-left: 0;
|
|
-webkit-transform-origin: center left;
|
|
transform-origin: center left;
|
|
}
|
|
|
|
.progress-circle .progress-right {
|
|
right: 0;
|
|
}
|
|
|
|
.progress-circle .progress-right .progress-bar {
|
|
left: -100%;
|
|
border-top-left-radius: 80px;
|
|
border-bottom-left-radius: 80px;
|
|
border-right: 0;
|
|
-webkit-transform-origin: center right;
|
|
transform-origin: center right;
|
|
}
|
|
|
|
.progress-circle.progress-value {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
|
|
/* catalog page */
|
|
.catalog-description p {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.subcat-link {
|
|
display: inline-block;
|
|
text-align: center;
|
|
position: relative;
|
|
|
|
}
|
|
.subcat-link img {
|
|
border: 1px solid #eee;
|
|
border-bottom: none;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
display: none;
|
|
margin: 0 auto;
|
|
/*
|
|
object-fit: none;
|
|
object-position: top;
|
|
*/
|
|
}
|
|
|
|
|
|
|
|
a.subcat-link {
|
|
color: var(--blue);
|
|
color: black;
|
|
}
|
|
|
|
.subcat-link span {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
display: block;
|
|
padding: 10px;
|
|
padding-right: 25px;
|
|
overflow: hidden;
|
|
line-height: 1.3em;
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
background: #eee;
|
|
max-width: 210px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
text-align: left;
|
|
font-size: .8rem;
|
|
line-height: 1rem;
|
|
}
|
|
.subcat-link span.w-100 {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.subcat-link span i {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
font-size: 1rem;
|
|
line-height: 1rem;
|
|
}
|
|
|
|
.subcat-link.subcat-link-2x span {
|
|
max-width: 354px;
|
|
|
|
}
|
|
|
|
a.subcat-link:hover {
|
|
text-decoration: none;
|
|
}
|
|
a.subcat-link:hover span {
|
|
background: #d7d7d7;
|
|
}
|
|
|
|
|
|
.catalog-h-link {
|
|
padding: .3em;
|
|
max-width: 215px;
|
|
}
|
|
|
|
/*
|
|
#pcatCarousel > .catalog-h-link {
|
|
width: 50%;
|
|
}
|
|
*/
|
|
|
|
.catalog-h-link img {
|
|
display: none;
|
|
}
|
|
|
|
.catalog-h-link span {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
display: block;
|
|
padding: 10px;
|
|
padding-right: 25px;
|
|
overflow: hidden;
|
|
line-height: 1.3em;
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
background: #eee;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
text-align: left;
|
|
font-size: .8rem;
|
|
line-height: 1rem;
|
|
color: black;
|
|
}
|
|
|
|
.catalog-h-link span i {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
font-size: 1rem;
|
|
line-height: 1rem;
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Раскрашиваем левое меню */
|
|
.side-catalog {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
|
|
.side-catalog .current {
|
|
font-size: 1em;
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.side-catalog .main,
|
|
.side-catalog .attached {
|
|
font-size: .9em;
|
|
}
|
|
|
|
.side-catalog .level0 {
|
|
font-size: .9em;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
|
|
.side-catalog .level1 {
|
|
font-size: .95em;
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
.side-catalog .level2 {
|
|
font-size: .9em;
|
|
margin-left: 2rem;
|
|
}
|
|
|
|
.side-catalog .level3 {
|
|
font-size: .85em;
|
|
margin-left: 3rem;
|
|
}
|
|
|
|
.side-catalog .level4 {
|
|
font-size: .8em;
|
|
margin-left: 4rem;
|
|
}
|
|
|
|
|
|
.side-catalog .attached .level0 a {
|
|
color: #d2231b;
|
|
}
|
|
|
|
.side-catalog .current .level0 a {
|
|
color: #000;
|
|
font-weight: 400;
|
|
line-height: 1.7em;
|
|
}
|
|
|
|
|
|
.side-catalog .active-cur a {
|
|
color: #E31F25 !important;
|
|
}
|
|
|
|
.side-catalog .active-child a {
|
|
color: #d2231b;
|
|
}
|
|
|
|
.side-catalog li {
|
|
display: block;
|
|
width: 100%;
|
|
white-space:nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
margin: 2px 0px;
|
|
}
|
|
|
|
.btn .left-chevron {
|
|
float: left;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.btn .right-chevron {
|
|
float: right;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
|
|
#extandedItems {
|
|
height: auto;
|
|
|
|
}
|
|
|
|
#extandedItems > .nav-item {
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
.custom-control-label {
|
|
cursor: pointer;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.show-extended {
|
|
display: none;
|
|
text-decoration: none;
|
|
font-size: .8em;
|
|
}
|
|
|
|
.show-extended:hover {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
.show-extended.show {
|
|
display: inline-block;
|
|
}
|
|
|
|
.filter-group.extended {
|
|
display: none;
|
|
border-top: 1px dashed #DBDCDC;
|
|
margin-top: 4px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.filter-group.extended.show {
|
|
display: block;
|
|
}
|
|
|
|
|
|
.f-sticky {
|
|
position: fixed;
|
|
z-index: 101;
|
|
}
|
|
.f-stop {
|
|
position: relative;
|
|
z-index: 101;
|
|
}
|
|
|
|
#leftFilterBlock {
|
|
display: none;
|
|
}
|
|
|
|
#preitemsLine {
|
|
position: sticky;
|
|
top: 50px;
|
|
z-index: 999;
|
|
background: white;
|
|
}
|
|
|
|
|
|
/*
|
|
#leftFilterBlock {
|
|
position: fixed;
|
|
display: block;
|
|
left: -2000px;
|
|
transition: left 300ms ease-in-out;
|
|
will-change: transform;
|
|
}
|
|
*/
|
|
|
|
/*
|
|
#leftFilterBlock .filter-size-header {
|
|
position: sticky;
|
|
top: 58px;
|
|
z-index: 104;
|
|
}
|
|
*/
|
|
|
|
#leftFilterBlock.opened {
|
|
display: block;
|
|
width: 100%;
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
padding-top: 20px;
|
|
padding-bottom: 50px;
|
|
height: 100%;
|
|
height: calc(100vh - 40px);
|
|
z-index: 1600;
|
|
overflow: auto;
|
|
/*line-height: 2em;*/
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
#leftFilterBlock.opened .filter-header {
|
|
position: fixed;
|
|
width: 100%;
|
|
top: 0px;
|
|
padding-top: 20px;
|
|
z-index: 1603;
|
|
}
|
|
|
|
#leftFilterBlock.opened .filter-footer {
|
|
position: fixed;
|
|
width: 100%;
|
|
bottom: 0px;
|
|
z-index: 1605;
|
|
}
|
|
#leftFilterBlock.opened .custom-control-label::before,
|
|
#leftFilterBlock.opened .custom-control-label::after {
|
|
width: 1.3rem;
|
|
height: 1.3rem;
|
|
}
|
|
|
|
|
|
#leftFilterBlock.opened .custom-checkbox {
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
#leftFilterBlock.opened .custom-control-label {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
#leftFilterBlock .filter-block-header {
|
|
position: sticky;
|
|
top: 38px;
|
|
z-index: 1604;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.add-to-cart-block .btn {
|
|
font-size: .8em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Autocomplete */
|
|
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
|
|
.autocomplete-suggestion { padding: 2px 5px; overflow: auto; height: auto; cursor: pointer; }
|
|
.autocomplete-suggestion .suj-descr { font-size: .8em; }
|
|
.autocomplete-suggestion + .autocomplete-suggestion { border-top: 1px solid #aaa; }
|
|
.autocomplete-selected { background: #e5eFFF; color: #0451dc }
|
|
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
|
|
.autocomplete-group { padding: 2px 5px; }
|
|
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
|
|
|
|
|
|
/* cart */
|
|
.cart-itog-block {
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
|
|
.cart-item {
|
|
position: relative;
|
|
}
|
|
|
|
.cart-item .cart-del-link {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.cart-item + .cart-item {
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
|
|
.cart-counter {
|
|
width: 150px;
|
|
}
|
|
|
|
|
|
|
|
.radio-lg {
|
|
font-size: 1.1em;
|
|
line-height: 1.1em;
|
|
}
|
|
|
|
|
|
|
|
.radio-lg .custom-control-label {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.radio-lg .custom-control-label::before,
|
|
.radio-lg .custom-control-label::after {
|
|
top: .3rem;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
|
|
|
|
.pt-block {
|
|
display: none;
|
|
}
|
|
|
|
.pt-block.showed {
|
|
display: block;
|
|
}
|
|
|
|
.delivery-select .subtext {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.delivery-select input:checked + .custom-control-label {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.delivery-select + .delivery-select {
|
|
/*margin-left: 50px;*/
|
|
}
|
|
|
|
/* scrollbar */
|
|
#order-pvz-list {
|
|
max-height: 270px;
|
|
min-height: 270px;
|
|
padding: 10px;
|
|
}
|
|
|
|
#order-pvz-list .custom-control {
|
|
line-height: 1.3em;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.pvz-filter-link {
|
|
color: #844E9F;
|
|
}
|
|
|
|
.pvz-filter-link.active {
|
|
font-weight: 500;
|
|
}
|
|
|
|
|
|
|
|
#orderpage .custom-control-input:checked ~ .custom-control-label::before {
|
|
border-color: #85509f;
|
|
background-color: #9060a8;
|
|
}
|
|
|
|
.delivery-option {
|
|
display: none;
|
|
}
|
|
|
|
#delivery-select .custom-control:last-child,
|
|
#delivery-options-delivery .custom-control:last-child {
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.delivery-payment {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
.mute-1st-column tr td:first-child {
|
|
color: #6c757d;
|
|
}
|
|
|
|
.new-requisites + #ur-add-block {
|
|
display: none;
|
|
padding: 10px;
|
|
}
|
|
|
|
.mobile-nowrap-carousel {
|
|
flex-wrap: nowrap !important;
|
|
overflow-x: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.mobile-nowrap-carousel > div {
|
|
flex: 0 0 45%;
|
|
max-width: 45%;
|
|
}
|
|
|
|
.mobile-nowrap-carousel .item .btn-buy {
|
|
display: none;
|
|
}
|
|
|
|
.mobile-right-gradient {
|
|
position: relative;
|
|
}
|
|
.mobile-right-gradient:after {
|
|
content: '';
|
|
display: block;
|
|
width: 30px;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
border-right: 1px solid white;
|
|
/*right: -18px;*/
|
|
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
|
|
}
|
|
|
|
|
|
#reviewCarousel.mobile-nowrap-carousel > div {
|
|
flex: 0 0 70%;
|
|
max-width: 70%;
|
|
}
|
|
|
|
|
|
.container.static-page h1 {
|
|
font-size: 1.7em;
|
|
}
|
|
|
|
.discount-size {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 6px;
|
|
font-size: .6em;
|
|
background: #ff0;
|
|
color: black;
|
|
}
|
|
|
|
|
|
a.filter-link,
|
|
a.filter-link:hover,
|
|
a.filter-link:active,
|
|
a.filter-link.active {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#rightSubCatalogs {
|
|
display: none;
|
|
}
|
|
|
|
.fancybox-content {
|
|
padding: 1.5rem !important;
|
|
}
|
|
|
|
.fancybox-content.dialog-nofields > div {
|
|
margin: -1.5rem;
|
|
}
|
|
|
|
.custom-file-input ~ .custom-file-label::after {
|
|
content: "Выбрать";
|
|
}
|
|
|
|
.custom-file,
|
|
.custom-file-input,
|
|
.custom-file-label {
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
.top-right-menu {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.top-right-menu > a {
|
|
display: block;
|
|
text-align: center;
|
|
position: relative;
|
|
line-height: 1.2em;
|
|
}
|
|
.top-right-menu > a small {
|
|
font-size: .7em;
|
|
}
|
|
.top-right-menu > a i {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.top-right-menu > a .badge {
|
|
position: absolute;
|
|
top: 0px;
|
|
right:0px;
|
|
font-size: .6em;
|
|
}
|
|
|
|
.ymaps-2-1-77-gototech {
|
|
display: none;
|
|
}
|
|
#desktopmenu a {
|
|
color: #000;
|
|
font-size: .9em;
|
|
}
|
|
|
|
.main-banner {
|
|
width: 100vw;
|
|
height: auto;
|
|
display: block;
|
|
background-position: top center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
#slick-banner > .b-slide {
|
|
display: none;
|
|
|
|
}
|
|
#slick-banner > .b-slide:first-child {
|
|
display: block;
|
|
}
|
|
|
|
|
|
#slick-banner .slick-slide {
|
|
opacity: .2;
|
|
filter: grayscale(100%);
|
|
transition: all 1s ease;
|
|
}
|
|
|
|
#slick-banner .slick-slide.slick-center {
|
|
opacity: 1;
|
|
filter: grayscale(0%);
|
|
}
|
|
|
|
.top-season-menu {
|
|
font-size: .7em;
|
|
}
|
|
.top-season-menu a {
|
|
color: #222;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#logoLine a:hover {
|
|
color: #d3a800;
|
|
}
|
|
|
|
.top-season-menu a:hover {
|
|
color: #d3a800;
|
|
}
|
|
|
|
.top-season-menu a img {
|
|
height: 20px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
.bg-black {
|
|
background: #111;
|
|
color: #eee;
|
|
}
|
|
|
|
|
|
.bg-black a {
|
|
color: #eee;
|
|
}
|
|
|
|
.bg-black a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.bg-black .under-dotted {
|
|
border-bottom: 1px dotted #eee;
|
|
}
|
|
|
|
.l-sc-row {
|
|
position: relative;
|
|
width: 100%;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.l-sc-row .fa-chevron-right {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 4px;
|
|
}
|
|
|
|
.slick-track {
|
|
margin-left: 0px !important;
|
|
}
|
|
|
|
#uplink {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
.tips-img {
|
|
width: 40px;
|
|
float: left;
|
|
margin: 0px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#searchLine .autocomplete-suggestion {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
#searchLine .autocomplete-suggestion .text-truncate {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
#searchLine .autocomplete-suggestion .fa-chevron-right {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 18px;
|
|
}
|
|
|
|
#searchLine .autocomplete-suggestion .fa-chevron-right.search-chevron {
|
|
top: 9px;
|
|
}
|
|
|
|
.spinner-grow-small {
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
|
|
.collapsed > .collapse-bars:before{content:"\f0c9"}
|
|
.collapse-bars:before{content:"\f00d"}
|
|
|
|
|
|
.coreMenuIcon {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: .7em;
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
|
|
.kiosk-btn-group .kiosk-btn {
|
|
padding: 25px 30px;
|
|
margin-bottom: 15px;
|
|
font-size: 28px;
|
|
font-weight: 600;
|
|
border-radius: 14px !important;
|
|
display: flex;
|
|
align-items: center;
|
|
user-select: none;
|
|
touch-action: manipulation;
|
|
}
|
|
|
|
|
|
.kiosk-btn .kiosk-icon {
|
|
height: 34px;
|
|
width: 34px;
|
|
margin-right: 20px;
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
|
|
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden; /* ← никакой прокрутки */
|
|
}
|
|
|
|
.left-col {
|
|
height: 100%;
|
|
overflow: hidden; /* без внутреннего скролла */
|
|
}
|
|
|
|
.right-col {
|
|
height: 100%;
|
|
overflow: hidden; /* без внутреннего скролла */
|
|
}
|
|
|
|
#bigcontent {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
#bigcontent h1{
|
|
font-size: 3em;
|
|
}
|
|
|
|
|
|
#bigcontent-wrapper {
|
|
position: relative;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#bigcontent {
|
|
height: 100%;
|
|
overflow: hidden; /* отключаем нативный скролл */
|
|
}
|
|
|
|
/* кнопки */
|
|
.scroll-btn {
|
|
position: absolute;
|
|
right: 20px;
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 50%;
|
|
border: none;
|
|
font-size: 32px;
|
|
color: #fff;
|
|
background: rgba(0,0,0,0.5);
|
|
cursor: pointer;
|
|
z-index: 100;
|
|
display: none;
|
|
}
|
|
|
|
#scroll-up { bottom: 90px; }
|
|
#scroll-down { bottom: 20px; }
|
|
|
|
.scroll-btn:active {
|
|
background: rgba(0,0,0,0.7);
|
|
}
|