.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin, .noUi-handle, .article-item > a h2, .article-item--hover-zoom .article-item__image img {
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
}
.specs__tag {
font-size: 1.2rem;
line-height: 1.33333em;
}
.product-card .product-card__title {
font-size: 1.6rem;
line-height: 1.125em;
}
.product--highlighted .product__title, .article-item h2 {
font-size: 2.4rem;
line-height: 1.25em;
text-transform: none;
}
.has-hover .btn--switch:active {
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2) inset;
}
.btn--switch.is-active {
pointer-events: none;
cursor: default;
}
.has-hover .btn--switch:hover, .has-hover .btn--switch:focus {
color: #333333;
background-color: #ebeff4;
}
.btn--switch:active, .has-hover .btn--switch:active, .btn--switch.is-active {
color: #333333;
background-color: #acb5bb;
}
.btn--switch, .btn--switch.is-disabled, .btn--switch:disabled, .btn--switch[disabled] {
color: #333333;
background-color: #f5f6fa;
}
.btn--switch.is-disabled, .btn--switch:disabled, .btn--switch[disabled] {
color: #b4bcc3;
background-color: #f5f6fa;
}
.btn--switch.loading {
color: transparent !important;
}
.btn--switch.is-disabled, .btn--switch:disabled, .btn--switch[disabled] {
opacity: 1;
}
.rating {
color: transparent !important;
width: 137px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='22' viewBox='0 0 29 22'%3E%3Cpath fill='%23d6dce1' d='M4.6 21.98a.68.68 0 0 1-.43-.15.94.94 0 0 1-.3-.94l1-6.16a1.54 1.54 0 0 0-.34-1.12L.33 9.27a.94.94 0 0 1-.28-.94.87.87 0 0 1 .75-.58l5.8-.9a1.4 1.4 0 0 0 .9-.68l2.6-5.6a.88.88 0 0 1 .75-.58.86.86 0 0 1 .75.57l2.6 5.6a1.4 1.4 0 0 0 .9.68l5.8.9a.87.87 0 0 1 .75.58.96.96 0 0 1-.28.94l-4.2 4.35a1.53 1.53 0 0 0-.35 1.1l1 6.16a.94.94 0 0 1-.3.93.83.83 0 0 1-.92 0l-5.2-2.9a1.33 1.33 0 0 0-1.1 0l-5.2 2.9a1.12 1.12 0 0 1-.5.16z'/%3E%3C/svg%3E");
}
.rating span {
display: block;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='22' viewBox='0 0 29 22'%3E%3Cpath fill='%23ffc600' d='M4.6 21.98a.68.68 0 0 1-.43-.15.94.94 0 0 1-.3-.94l1-6.16a1.54 1.54 0 0 0-.34-1.12L.33 9.27a.94.94 0 0 1-.28-.94.87.87 0 0 1 .75-.58l5.8-.9a1.4 1.4 0 0 0 .9-.68l2.6-5.6a.88.88 0 0 1 .75-.58.86.86 0 0 1 .75.57l2.6 5.6a1.4 1.4 0 0 0 .9.68l5.8.9a.87.87 0 0 1 .75.58.96.96 0 0 1-.28.94l-4.2 4.35a1.53 1.53 0 0 0-.35 1.1l1 6.16a.94.94 0 0 1-.3.93.83.83 0 0 1-.92 0l-5.2-2.9a1.33 1.33 0 0 0-1.1 0l-5.2 2.9a1.12 1.12 0 0 1-.5.16z'/%3E%3C/svg%3E");
height: 22px;
}
.rating--small {
width: 76px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 29 22'%3E%3Cpath fill='%23d6dce1' d='M4.6 21.98a.68.68 0 0 1-.43-.15.94.94 0 0 1-.3-.94l1-6.16a1.54 1.54 0 0 0-.34-1.12L.33 9.27a.94.94 0 0 1-.28-.94.87.87 0 0 1 .75-.58l5.8-.9a1.4 1.4 0 0 0 .9-.68l2.6-5.6a.88.88 0 0 1 .75-.58.86.86 0 0 1 .75.57l2.6 5.6a1.4 1.4 0 0 0 .9.68l5.8.9a.87.87 0 0 1 .75.58.96.96 0 0 1-.28.94l-4.2 4.35a1.53 1.53 0 0 0-.35 1.1l1 6.16a.94.94 0 0 1-.3.93.83.83 0 0 1-.92 0l-5.2-2.9a1.33 1.33 0 0 0-1.1 0l-5.2 2.9a1.12 1.12 0 0 1-.5.16z'/%3E%3C/svg%3E");
}
.rating--small span {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 29 22'%3E%3Cpath fill='%23ffc600' d='M4.6 21.98a.68.68 0 0 1-.43-.15.94.94 0 0 1-.3-.94l1-6.16a1.54 1.54 0 0 0-.34-1.12L.33 9.27a.94.94 0 0 1-.28-.94.87.87 0 0 1 .75-.58l5.8-.9a1.4 1.4 0 0 0 .9-.68l2.6-5.6a.88.88 0 0 1 .75-.58.86.86 0 0 1 .75.57l2.6 5.6a1.4 1.4 0 0 0 .9.68l5.8.9a.87.87 0 0 1 .75.58.96.96 0 0 1-.28.94l-4.2 4.35a1.53 1.53 0 0 0-.35 1.1l1 6.16a.94.94 0 0 1-.3.93.83.83 0 0 1-.92 0l-5.2-2.9a1.33 1.33 0 0 0-1.1 0l-5.2 2.9a1.12 1.12 0 0 1-.5.16z'/%3E%3C/svg%3E");
height: 12px;
}
/*
* Highlighted product list / product item
*/
.product-card {
position: relative;
background: #ffffff;
box-shadow: 0 8px 24px 0 rgba(0, 12, 40, 0.08);
border-radius: 4px;
padding: 0 40px 40px;
}
.product-card .product-card__background {
position: absolute;
left: 0;
top: 0;
}
.product-card .product-card__background, .product-card .product-card__background img {
display: block;
border-radius: 4px;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.product-card .product-card__title {
color: #ffffff;
background: #306bf5;
margin: 0 -40px;
padding: 0 40px;
position: relative;
line-height: 64px;
height: 60px;
overflow: hidden;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.product-card .badge--product {
top: -30px;
right: -30px;
}
/*
* Product card with list of items
*/
.product-card .product-list {
position: relative;
margin: 0 -40px -40px;
}
.product-card .product-list .product {
padding: 40px 40px 40px;
position: relative;
border-right: 1px solid #edeef0;
margin: 0;
}
.product-card .product-list .product:first-child .overlay {
left: -18px;
}
.product-card .product-list .product:last-child {
border-right-color: transparent;
}
.product-card .product-list .product:last-child .overlay {
right: -18px;
}
.product-card .product-list .price {
display: inline-block;
background: #ffd600;
padding: 1px 6px 0;
border-radius: 4px;
height: 27px;
line-height: 27px;
}
.is-edge .product-card .product-list .price {
padding-top: 0;
}
.is-ie .product-card .product-list .price {
padding-top: 1px;
}
@-moz-document url-prefix() {
.product-card .product-list .price {
padding-top: 0;
}
}
/*
* Product card in the left side content, reduce right side overflow
*/
.product-card--in-left-side {
padding: 30px;
}
/*
* Slider component
*/
.slider {
margin: 3rem 0 2rem;
height: 2px;
}
/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
touch-action: none;
user-select: none;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base, .noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
/* Wrapper for all connect elements.
*/
.noUi-connects {
z-index: 0;
}
.noUi-connect, .noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform-origin: 0 0;
}
/* Offset direction
*/
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
left: auto;
right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
position: absolute;
outline: none;
}
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
transition-property: transform;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 2px;
}
.noUi-horizontal .noUi-handle {
width: 26px;
height: 26px;
left: -13px;
top: -12px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
right: -17px;
left: auto;
}
/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
.noUi-target {
position: relative;
margin-left: 8px;
margin-right: 15px;
}
.noUi-target:before {
content: "";
position: absolute;
top: 0;
left: -8px;
right: -15px;
height: 2px;
background: #c2cbd2;
}
.noUi-connect {
background: #306bf5;
}
.noUi-connect:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -10px;
bottom: -10px;
}
/* Handles and cursors;
*/
.noUi-draggable {
cursor: ew-resize;
}
.noUi-handle {
border: 2px solid #ffffff;
border-radius: 26px;
background: #306bf5;
cursor: default;
transition-property: background;
}
.has-hover .noUi-handle:hover, .noUi-active {
background: #0c50f1;
}
/* Disabled state;
*/
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle {
cursor: not-allowed;
}
/**
* Specification list
*
* @demo
*
*
* - Title
* - Value
*
*
* - Title
* - Value
*
*
...
*/
.specs--narrow dt {
width: 180px;
}
/**
* Modifier for wide title column
*
* @demo
* ...
*/
.specs--wide dt {
width: 400px;
}
/**
* Modifier for full width list
*
* @demo
* ...
*/
.specs--full dt {
width: auto;
flex-grow: 1;
}
/**
* Modifier to remove specific styles, just as simple inline text
*
* @demo
* ...
*/
.specs--inline-text dt {
width: auto;
}
.specs--inline-text dt:after {
content: ":";
flex: 0 0 auto;
display: inline;
margin: 0;
border: 0;
}
.specs--inline-text dd {
color: #90989f;
margin-left: 4px;
}
/**
* Modifier to remove connecting line and align item to the sides
*/
.specs--no-lines dl {
justify-content: space-between;
}
.specs--no-lines dt {
display: block;
width: auto;
}
.specs--no-lines dt:after {
display: none;
}
/*
* Product specification while inside product list
*/
.product-list .specs {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
.product-list .specs:first-child {
margin-top: 0;
}
.product-list .specs:last-child {
margin-bottom: 0;
}
.product-list .specs dl {
margin-top: 5px;
margin-bottom: 5px;
}
.product-list .specs dl:first-child {
margin-top: 0;
}
.product-list .specs dl:last-child {
margin-bottom: 0;
}
/**
* Product list product which looks more like standalone product page
* information
*/
.product--highlighted {
display: flex;
background: #ffffff;
box-shadow: 0 8px 24px 0 rgba(0, 12, 40, 0.08);
border-radius: 4px;
}
.product--highlighted figure {
display: flex;
justify-content: center;
align-items: center;
position: relative;
flex: 0 0 400px;
width: 400px;
height: 360px;
border-right: 1px solid #ebecee;
margin: 0;
}
.product--highlighted figure:after {
display: block;
content: "";
background: url("../images/product-list/product-highlighted-pattern.png") 50% 50% no-repeat;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.product--highlighted .product__info {
flex: 1 1 auto;
padding: 36px 40px 34px;
display: flex;
flex-direction: column;
align-items: stretch;
}
.product--highlighted .product__title {
margin-top: 0.6rem;
margin-bottom: 1.6rem;
text-transform: uppercase;
font-weight: 900;
}
.product--highlighted .price {
margin: 0.3rem 3.8rem 0 0;
}
.product--highlighted .specs {
flex-grow: 1;
}
/**
* Product list specific styles
*/
.col--main {
padding-top: 2.2rem;
}
.col--sidebar {
padding-top: 1.2rem;
}
.col--main .brand-list {
position: relative;
height: 82px; /* no jump */
}
/*
* Filter block
* Small spacing between filter blocks
*/
.block-filters {
margin-top: -0.6rem;
margin-bottom: -0.6rem;
}
.block-filters:first-child {
margin-top: 0;
}
.block-filters:last-child {
margin-bottom: 0;
}
.block-filters.tagged {
background-color: #e4edff;
width: 292px;
margin-left: -25px;
padding: 0 25px;
}
.block-filters .accordion__content:after {
content: "";
display: block;
height: 2rem;
}
.block-filters .filter-gray {
margin-top: 0;
margin-bottom: 2.7rem;
}
.block-filters .selected_filter_item {
margin-right: 10px;
height: 25px;
}
.block-filters .selected_filter_item span {
padding-bottom: 3px;
}
.block-filters .selected_filters_clear {
margin-top: 20px;
width: 240px;
}
/*
* Category list
*/
.category-filters {
margin-top: 1.5rem;
margin-bottom: 2.3rem;
}
.category-filters h3 {
margin-bottom: 1.1rem;
}
.category-filters li a {
display: block;
padding: 0.3rem 0;
}
.category-filters li a small {
color: #90989f;
font-size: 1rem;
}
.category-filters li + li {
margin: 0.3rem 0 0;
}
.category-filters li li {
margin: 0;
}
.category-filters ul ul {
margin: 0 0 0 15px;
}
.category-filters--inner {
margin-top: -0.4rem;
}
.category-filters--inner h3 {
margin-bottom: -0.5rem;
}
/*
* Filter with gray background
*/
.filter-gray {
position: relative;
margin: -1px -10px;
padding: 1px 10px;
background: #f7f9fc;
border-radius: 4px;
}
/*
* Accordion which has value which changed
*/
.accordion--filter-changed .accordion__heading .btn:after {
position: relative;
margin: 0 0 2px 9px;
display: inline-block;
width: 9px;
height: 9px;
border-radius: 9px;
content: "";
background: #ffd600;
}
/*
* Additional filter accordion
*/
.accordion--additional {
overflow: hidden;
}
/*
* Subscribe form is bottom aligned
*/
.product-list-subscribe-col {
display: flex;
align-items: center;
margin-bottom: 4.8rem;
}
.article-item {
display: flex;
border-radius: 4px;
background: #ffffff;
box-shadow: 0 10px 20px rgba(18, 42, 96, 0.06);
}
.article-item > a {
display: flex;
width: 100%;
height: 100%;
transition-property: none;
}
.article-item > a h2 {
transition-property: color;
color: #333333;
}
.article-item > a time {
color: #90989f;
}
.has-hover .article-item > a:focus h2, .has-hover .article-item > a:hover h2, .article-item > a:active h2, .article-item > a.is-active h2 {
color: #306bf5;
}
.has-hover .article-item > a:focus time, .has-hover .article-item > a:hover time, .article-item > a:active time, .article-item > a.is-active time {
color: #90989f;
}
.article-item__image, .article-item__content {
flex-grow: 0;
flex-shrink: 0;
width: 50%;
}
.article-item__image img {
border-radius: 4px 0 0 4px;
display: block;
}
.article-item__content {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 3.6rem 4rem 3.5rem;
}
.ui-gray .article-item {
box-shadow: none;
}
.article-item--hover-zoom {
overflow: hidden;
}
.article-item--hover-zoom .article-item__image {
overflow: hidden;
}
.article-item--hover-zoom .article-item__image img {
transition-timing-function: cubic-bezier(0.29, 0.51, 0.63, 0.98);
transition-property: transform;
}
.has-hover .article-item--hover-zoom > a:focus .article-item__image img, .has-hover .article-item--hover-zoom > a:hover .article-item__image img {
transform: scale(1.1);
}
/**
* Top filter text
*/
.filters-top__text {
color: #90989f;
padding: 22px 0 27px;
}
.filters-top__text b {
color: #333333;
font-weight: 800;
}
/*
* Filters under the page title has navigation / sorting on the right side
* Adjust padding to make sure right side doesn't stick to the line when
* there is nothing on the left side
*/
.filters-top-nav {
padding: 13px 0 14px;
}
/*# sourceMappingURL=product-list.css.map */
.data-table {
width: 100%;
border-spacing: 0;
}
.data-table td, .data-table th {
font-weight: 500;
text-align: left;
border-top: 1px solid #edeef0;
padding: 5px 0 5px 20px;
}
.data-table td:first-child, .data-table th:first-child {
padding-left: 0;
}
.data-table td.text--right, .data-table th.text--right {
text-align: right;
}
.data-table tr:first-child td, .data-table tr:first-child th {
border-top: 0;
}
.data-table thead th {
color: #90989f;
border-bottom: 1px solid #edeef0;
border-top: 0;
padding-top: 10px;
padding-bottom: 16px;
}
.data-table thead b {
color: #333333;
}
.data-table td {
color: #90989f;
}
.data-table tbody th {
color: #333333;
}
a.available_link, span.available_link {
position: absolute;
bottom: 3px;
right: 40px;
}
.allfilters_linked_list {
display: flex;
flex-wrap: wrap;
align-items: start;
justify-content: start;
}
.allfilters_linked_item {
padding: 5px;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
}
.allfilters_linked_item a {
color: #90989f;
}
.allfilters_linked_item:nth-of-type(n+40) {
display: none;
}
.allfilters_linked_item:last-child {
display: inline;
}
.filter_link {
color: #333333;
}
.carousel {
position: relative; }
.js .carousel__list, .js .carousel__thumb-nav {
opacity: 0;
pointer-events: none;
transition-property: opacity;
will-change: opacity; }
.js .carousel__list > li {
display: none; }
.js .carousel__list > li:first-child {
display: block; }
.js .carousel.carousel--ready .carousel__list, .js .carousel.carousel--ready .carousel__thumb-nav {
opacity: 1;
pointer-events: auto; }
.js .carousel.carousel--ready .carousel__list > li {
display: block; }
.text .carousel ul {
margin: 0; }
.text .carousel li {
padding: 0; }
.text .carousel li:before {
display: none; }
/**
* Item caption text
*/
.carousel figcaption {
padding: 14px 0;
color: #90989f;
text-align: center; }
/**
* Carousel arrow navigation
*/
.carousel__arrow-nav {
display: flex;
justify-content: space-between;
margin-top: 3.2rem;
margin-bottom: 3.2rem; }
.carousel__arrow-nav:first-child {
margin-top: 0; }
.carousel__arrow-nav:last-child {
margin-bottom: 0; }
.carousel__arrow-nav__left {
display: flex;
align-items: center; }
.carousel__arrow-nav__right {
display: flex;
align-items: center; }
.carousel__arrow-nav a {
margin-right: 30px; }
.carousel__arrow-nav .btn {
margin-right: 4px; }
.carousel__arrow-nav .btn .icon {
top: auto; }
.carousel__arrow-nav a:last-child,
.carousel__arrow-nav .btn:last-child {
margin-right: 0; }
.carousel__arrow-nav--sides,
.carousel__arrow-nav--narrow-sides {
margin: 0; }
.carousel__arrow-nav--sides .btn,
.carousel__arrow-nav--narrow-sides .btn {
position: absolute;
top: 50%;
left: 60px;
margin-top: -20px; }
.carousel__arrow-nav--sides .btn + .btn,
.carousel__arrow-nav--narrow-sides .btn + .btn {
left: auto;
right: 60px;
}
.shopping_cart__carousel {
overflow: hidden; }
.shopping_cart__carousel .carousel__list {
margin-left: -2.2rem;
margin-right: -2.2rem; }
.shopping_cart__carousel .carousel__list > div > div {
padding-left: 2.2rem;
padding-right: 2.2rem; }
.shopping_cart__carousel .carousel__arrow-nav {
margin-top: 0; }
.shopping_cart__carousel .carousel__arrow-nav .btn {
top: 60px;
left: 0;
z-index: 2;
background: #f5f6fa;
color: #333333;
}
.shopping_cart__carousel .carousel__arrow-nav .btn + .carousel__arrow-nav__gradient {
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 100%);
position: absolute;
top: 0;
height: 100%;
width: 60px;
pointer-events: none;
left: 0;
z-index: 1; }
.shopping_cart__carousel .carousel__arrow-nav .btn ~ .btn {
left: auto;
right: 0;
background: #f5f6fa;
color: #333333;
}
.shopping_cart__carousel .carousel__arrow-nav .btn ~ .btn + .carousel__arrow-nav__gradient {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
left: auto;
right: 0; }
.shopping_cart__carousel .carousel__arrow-nav .btn.is-disabled {
opacity: 0;
visibility: hidden; }
.shopping_cart__carousel .carousel__arrow-nav .btn.is-disabled + .carousel__arrow-nav__gradient {
display: none; }
.shopping_cart_category__title a{
font-family: "Museo Sans Cyrl", Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 14px;
display: inline-block;
text-align: center;
color: #333333;
width: 100%;
}
.shopping_cart_category__title{
}
.shopping_cart_category__image{
text-align: center;
}
.lightbox-product-list {
margin-top: -1.3rem;
margin-bottom: 4rem; }
.lightbox-product-list .product {
align-items: flex-start;
border: 0;
margin: 0;
padding: 0; }
.lightbox-product-list .product figure {
padding-left: 0;
padding-right: 3.5rem; }
.lightbox-product-list .specs {
margin-top: 2.1rem; }
.lightbox-product-list .specs .form-control-radio {
margin-top: 2rem;
margin-bottom: 2rem; }
.lightbox-product-list .specs .form-control-radio:first-child {
margin-top: 0; }
.lightbox-product-list .specs .form-control-radio:last-child {
margin-bottom: 0; }
.filter-up {
order: -1000;
}
.filter-up-selected {
order: -1001;
}
/* colors in list */
.product-images-wrapper {
display: flex;
position: relative;
justify-content: center;
}
.product-colors-wrapper {
position:relative;
z-index:1;
width: 45px;
margin-left: -45px;
}
li.product:hover .product-colors-wrapper {
position:relative;
z-index:3;
}
.product-colors-block {
background: #ffffff;
}
.product-colors-inner {
position: absolute;
background: #ffffff;
padding-top: 5px;
padding-bottom: 10px;
border-radius: 6px;
border: 1px solid #ffffff;
}
.product-colors-link-minus,
.product-colors-link-plus {
text-align: center;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
margin-top: 10px;
cursor: pointer;
position: relative;
display: none;
}
.products-colors {
height: 32px;
width: 32px;
border-radius: 50%;
padding: 3px;
margin: 0 5px 3px;
box-sizing: border-box;
background: #ffffff;
display: none;
position: relative;
cursor: pointer;
}
.products-colors:after{
content: '';
border-radius: 50%;
position: absolute;
height: 24px;
width: 24px;
box-shadow:
0 0 0 3px #FFFFFF,
0 0 0 4px rgba(0, 0, 0, 0.07);
}
/* new badges */
.product-list .product-tags {
width: 100%;
z-index: 2;
}
.product-list .product-images-wrapper .product-tags {
left: -39px;
}
.product-list figure .product-tags li.product-tags__gc {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
width: 82px;
height: 82px;
border-radius: 50%;
background-color: #306BF5;
background-image: url(/images/badges/badges_gc_outer_ru.png);
background-size: cover;
}
html[lang="lv"] .product-list figure .product-tags li.product-tags__gc {
background-image: url(/images/badges/badges_gc_outer_lv.png);
}
.product-list .product-images-wrapper figure .product-tags li.product-tags__gc {
right: -80px;
}
.product-list .product-tags__gc::before {
content: "" attr(data-type-gc) "";
font-size: 13px;
line-height: 13px;
margin-top: 6px;
padding: 0;
background-color: #306BF5;
display: flex;
justify-content: center;
align-items: center;
}
/* promolinks_box */
/* width:2250px; */
.promolinks_box_content {
position:relative;
width:100%;
margin-top: 20px;
font-size: 10px;
max-width: 880px;
padding: 0 5px 0 7px !important;
}
.promolinks_box_content button {
top: 50%!important;
}
.promolinks_box_item {
margin:5px;
width: 114px!important;
padding: 5px 5px 10px;
overflow : hidden;
background:#ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #dadada;
position:relative;
justify-content: center;
display: flex !important;
flex-wrap: wrap;
}
.promolinks_box_item > img{
padding: 5px;
width: 100%;
height: auto;
}
.promolinks_box_item:hover > img{
opacity: 0.8;
transition: 0.5s;
}
.promolinks_box_item .title {
display : block;
text-align:center;
line-height: 1.3em;
font-size:12px;
font-weight:bold;
color:#333333;
margin-top:5px;
white-space: normal;
width: 120px;
height: 30px;
}
.promolinks_box_item:hover .title {
color:#306af3;
transition: 0.5s;
}
.circle_badges {
width: 82px;
height: 82px;
position: absolute;
z-index: 2;
right: 0;
top: 0;
}
.circle_badges img
{
width: 100%!important;
height: 100%!important;
}