/* focus-visible */

.carousel_center_img:has(a:focus-visible){
    outline: solid 1px #306bf5;
    border: solid 1px #306bf5;
    box-shadow: 0 0 1px 1px #306bf5 inset;
}
a.link--brand:focus-visible {
    border: none;
    outline: none;
    box-shadow: none;
}
a.link--brand:focus-visible::before {
    border: solid 1px #306bf5;
}





.js .carousel__list, .js .carousel__thumb-nav, .carousel__dot-nav a:before, .tooltip-icon, .data-table__order:after, .form-control-rating__star:after, .form-range__list li a:before, .form-range__marker, .product-info__reduction .btn .icon, .bundle .product figure img, .bundle .product .product__info, .bundle-creator .product:before, .bundle-creator .bundle-creator__blank:before, .bundle-creator .bundle__summary:before, .locations__map__info {
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
}
.tooltip {
    z-index: 6;
}
.tooltip-icon:before {
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
}
.reviews-header__title {
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #333333;
}
.ui-footer .reviews-header__title {
    color: #ffffff;
}
.comment__time, .form-range__list li a, .specs__tag, .bundle__summary {
    font-size: 1.2rem;
    line-height: 1.33333em;
}
.comment--main .comment__text, .comment--review .comment__text, .data-table tbody th, .leasing-products dt, .leasing-summary dt, .locations__map-list a {
    font-size: 1.6rem;
    line-height: 1.3125em;
}
.product-info h1, .reviews-header__title {
    font-size: 3rem;
    line-height: 1.2em;
    text-transform: none;
}
.data-table__order {
    color: #90989f;
}
.has-hover .data-table__order:focus, .has-hover .data-table__order:hover {
    color: #333333;
}
.data-table__order:active, .is-active.data-table__order {
    color: #333333;
}
.locations__map-list a {
    color: #306bf5;
}
.has-hover .locations__map-list a:focus, .locations__map-list .has-hover a:focus, .has-hover .locations__map-list a:hover, .locations__map-list .has-hover a:hover {
    color: #333333;
}
.locations__map-list a:active, .locations__map-list a.is-active {
    color: #333333;
}
.carousel {
    position: relative;
}
.carousel_center_img {
    height: 418px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.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.gallery .carousel__arrow-nav--sides .btn,
.carousel.gallery .carousel__arrow-nav--narrow-sides .btn {
    left: 0;
    cursor: pointer;
    top: 200px;
}
.carousel__arrow-nav--sides .btn + .btn, .carousel__arrow-nav--narrow-sides .btn + .btn {
    left: auto;
    right: 60px;
}

.carousel.gallery .carousel__arrow-nav--sides .btn + .btn,
.carousel.gallery .carousel__arrow-nav--narrow-sides .btn + .btn {
    left: auto;
    right: 0;
    cursor: pointer;
}



.carousel--with-captions .carousel__arrow-nav--sides .btn, .carousel--with-captions .carousel__arrow-nav--narrow-sides .btn {
    margin-top: -44px;
}
.carousel__arrow-nav--narrow-sides .btn {
    left: 20px;
}
.carousel__arrow-nav--narrow-sides .btn + .btn {
    right: 20px;
}
/**
 * Carousel thumbnail navigation
 */
.carousel__thumb-nav > a {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel__thumb-nav > a.is-active {
    opacity: 0.2;
}
.carousel__thumb-nav > a.video {
    position: relative;
}
.carousel__thumb-nav > a.video:after {
    content: '';
    position: absolute;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.carousel__thumb-nav > a.video .icon {
    position: absolute;
    margin: 0 0 0 1px;
    stroke: #306bf5;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.carousel__thumb-nav img {
    display: block;
    max-width: 100%;
    height: auto;
}
/*
 * Carousel dot navigtation
 */
.carousel__dot-nav {
    display: flex;
    justify-content: center;
    margin-top: 3.9rem;
}
.carousel__dot-nav a {
    width: 17px;
    height: 17px;
    border-radius: 17px;
    padding: 4px;
}
.carousel__dot-nav a:before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    transition-property: background;
    background: #d6dce1;
}
.carousel__dot-nav a.is-active:before {
    background: #306bf5;
}
.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;
}
.tooltip {
    width: 320px;
    border-radius: 0;
    padding: 20px;
    background: #f6f9fc;
    color: #333333;
    pointer-events: none;
    box-shadow: 0 2px 3px rgba(18, 42, 96, 0.1);
}
.tooltip--large {
    width: 540px;
}
.tooltip__content {
    white-space: normal;
}
.tooltip__content__list > div {
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tooltip__content__list > div:first-child {
    padding-top: 0;
}
.tooltip__content__list > div:last-child {
    padding-bottom: 0;
}
.tooltip__content__list > div + div {
    border-top: 1px solid #e5e6ea;
}
.tooltip[x-placement="top"] .tooltip__arrow, .tooltip[x-placement="top-start"] .tooltip__arrow {
    bottom: -15px;
    margin-left: 17px;
    border-width: 15px 15px 0 0;
    border-color: #f6f9fc transparent transparent transparent;
}
.tooltip[x-placement="top-end"] .tooltip__arrow {
    bottom: -15px;
    margin-left: -5px;
    border-width: 0 15px 15px 0;
    border-color: transparent #f6f9fc transparent transparent;
}
.tooltip[x-placement="bottom"] .tooltip__arrow, .tooltip[x-placement="bottom-start"] .tooltip__arrow {
    top: -15px;
    margin-left: 17px;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #f6f9fc transparent;
}
/*
 * Icon with tooltip
 */
.tooltip-icon {
    color: #c2cbd2;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 1;
    cursor: help;
    transition-property: border-color;
}
.tooltip-icon .icon {
    vertical-align: top;
    pointer-events: none;
}
.tooltip-icon:before {
    content: "";
}
.has-hover .tooltip-icon:focus, .has-hover .tooltip-icon:hover, .tooltip-icon:active, .tooltip-icon.is-active {
    color: #acb5bb;
}
/**
 * Comment list / comment components
 */
.comment-list {
    position: relative;
}
/**
 * First level comment list
 */
.comments-list--main, .comments-list--reviews {
    padding-left: 160px;
    margin-top: 1.9rem;
}
.comments-list--main:first-child, .comments-list--reviews:first-child {
    margin-top: 3.8rem;
}
.comments-list--main > li, .comments-list--reviews > li {
    margin-top: 40px;
}
.comments-list--main > li:first-child, .comments-list--reviews > li:first-child {
    margin-top: 0;
}
/**
 * Second level comment list
 */
.comments-list--inner {
    border: 1px solid #ebecee;
    border-radius: 0 0 4px 4px;
    border-top: 0;
}
.comments-list--inner:empty {
    display: none;
}
.comments-list--inner li {
    border-top: 1px solid #ebecee;
}
.comments-list--inner li:first-child {
    border-top: 0;
}
/**
 * Comment component
 */
.comment {
    position: relative;
    padding: 32px 38px;
    border-radius: 4px 4px 0 0;
}
.comment:last-child {
    border-radius: 4px;
}
.comment__time {
    color: #90989f;
}
.comment__text {
    margin: 0;
}
.comment__vote {
    position: relative;
    margin: -19px -38px -16px 54px;
}
.comment__vote .btn {
    width: 71px;
    justify-content: flex-start;
}
.comment .comment__is-visible-removed {
    display: none;
}
.comment--removed .comment__text, .comment--removed .comment__product, .comment--removed .comment__author, .comment--removed .comment__time, .comment--removed .comment__vote {
    opacity: 0.2;
    pointer-events: none;
}
.comment--removed .comment__is-hidden-removed {
    display: none;
}
.comment--removed .comment__is-visible-removed {
    display: block;
}
/**
 * First level comment
 */
.comment--main, .comment--review {
    display: flex;
    flex-direction: row-reverse;
    background: #f7f9fc;
}
.comment--main:before, .comment--main:after, .comment--review:before, .comment--review:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #f7f9fc transparent transparent;
    position: absolute;
    left: -15px;
    top: 39px;
}
.comment--main:after, .comment--review:after {
    display: none;
}
.comment--main .comment__author, .comment--review .comment__author {
    position: absolute;
    left: -160px;
    top: 36px;
}
.comment--main .comment__time, .comment--review .comment__time {
    position: absolute;
    left: -160px;
    top: 59px;
    display: block;
}
.comment--main .comment__rating, .comment--review .comment__rating {
    position: absolute;
    left: -160px;
    top: 90px;
}
.comment--main .comment__controls, .comment--review .comment__controls {
    flex-grow: 0;
    flex-shrink: 0;
    width: 270px;
    text-align: right;
    margin: 4px 2px 0 0;
}
.comment--main .comment__product, .comment--review .comment__product {
    position: absolute;
    width: 130px;
    left: -160px;
    top: 0;
}
.comment--main .comment__product .product figure, .comment--review .comment__product .product figure {
    justify-content: flex-start;
}
.comment--main .comment__product .comment__time, .comment--main .comment__product .comment__rating, .comment--review .comment__product .comment__time, .comment--review .comment__product .comment__rating {
    position: static;
    left: auto;
    top: auto;
    margin-top: 1.5rem;
}
/**
 * Second level comment
 */
.comment--inner {
    padding: 34px 38px;
}
.comment--inner .comment__footer {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.comment--inner .comment__author {
    color: #90989f;
    flex-grow: 1;
}
.comment--inner .comment--inner__is-visible-removed {
    display: none;
}
.comment--inner--removed .comment__author, .comment--inner--removed .comment__time, .comment--inner--removed .comment__text {
    opacity: 0.2;
    pointer-events: none;
}
.comment--inner--removed .comment--inner__is-hidden-removed {
    display: none;
}
.comment--inner--removed .comment--inner__is-visible-removed {
    display: block;
}
/**
 * Review
 */
.comment--review {
    border: 1px solid #ebecee;
    background: #ffffff;
}
.comment--review:before {
    border-color: transparent #ebecee transparent transparent;
}
.comment--review:after {
    border-color: transparent #ffffff transparent transparent;
    display: block;
    top: 40px;
    left: -13px;
}
.comment--review .comment__text {
    position: relative;
    margin-top: 2.0rem;
    padding-left: 40px;
    display: flex;
}
.comment--review .comment__text .icon {
    position: absolute;
    left: -1px;
    top: 0;
}
.comment--review .comment__text p {
    margin: 0;
}
.comment--review .comment__text:first-child {
    margin-top: 0;
}
.comment--review .comment__text-list {
    flex-basis: 100%;
}
.comment--review .comment__text--pros .icon {
    color: #0cb799;
}
.comment--review .comment__text--cons .icon {
    color: #de2152;
}
.comment--review .comment__text--comment .icon {
    color: #969da4;
    left: 1px;
    top: 5px;
}
/**
 * Comment form
 */
.comment-form {
    position: relative;
    background: #f7f9fc;
    padding: 40px 240px 40px 38px;
    margin: 40px 0 0 160px;
    border-radius: 4px;
}
.comment-form__header {
    margin-bottom: 3.5rem;
}
.comments-list .comment-form {
    margin: 0;
    border-radius: 0;
    border-top: 1px solid rgba(194, 203, 210, 0.75);
}
.comments-list .comment-form:before, .comments-list .comment-form:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent rgba(194, 203, 210, 0.75);
    position: absolute;
    left: 38px;
    top: -10px;
}
.comments-list .comment-form:after {
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #f7f9fc;
    left: 39px;
    top: -8px;
}
/**
 * Alert message
 *
 * @demo
 *     <p class="alert">Lorem ipsum dolor sit amet</p>
 *     <p class="alert alert--warning">Lorem ipsum dolor sit amet</p>
 */
.alert {
    color: #90989f;
    padding: 6px 0 5px 18px;
    border-left: 2px solid #306bf5;
}
.alert--warning {
    border-left-color: #ffd600;
}
.alert--success {
    border-left-color: #39c053;
}
.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: 17px 0 17px 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;
}
.data-table__order {
    display: inline-block;
    position: relative;
    padding-right: 22px;
}
.data-table__order:after {
    content: "";
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2390989f' d='M8.9,7.5C8.7,7.2,8.4,7,8,7H7V1c0-0.6-0.4-1-1-1S5,0.4,5,1v6H4C3.6,7,3.3,7.2,3.1,7.5c-0.2,0.3-0.2,0.7,0,1l2,3 C5.4,11.8,5.7,12,6,12s0.6-0.2,0.8-0.4l2-3C9,8.2,9.1,7.9,8.9,7.5z'/%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    opacity: 0;
    transform: rotate(-180deg);
    transition-property: opacity, transform;
}
.data-table__order--asc:after, .data-table__order--desc:after {
    opacity: 1;
}
.data-table__order--asc:after {
    transform: rotate(0deg);
}
/*
 * Selectable row
 */
.data-table__selectable {
    cursor: pointer;
}
.has-hover .data-table__selectable:focus, .has-hover .data-table__selectable:hover {
    background: #f7f9fc;
}
/*
 * Adjust button position so that even without it table row
 * would take the same space
 */
.data-table .btn {
    margin-top: -16px;
    margin-bottom: -12px;
}
.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;
}
.form-control-rating {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
.form-control-rating input {
    position: absolute;
    left: -9000px;
}
.form-control-rating .error {
    flex-grow: 1;
}
.form-control-rating .form-label, .form-control-rating__star {
    position: relative;
    flex: 1;
    min-height: 60px;
    padding: 0 19px;
    border: 1px solid #c2cbd2;
    border-left-width: 0px;
    background: #ffffff;
}
.form-control-rating .form-label {
    line-height: 58px;
    white-space: nowrap;
    border-radius: 4px 0 0 4px;
    border-left-width: 1px;
}
.is-ie .form-control-rating .form-label {
    flex-grow: 5;
}
.form-control-rating__star {
    cursor: pointer;
}
input:first-child + .form-control-rating__star {
    border-radius: 0 4px 4px 0;
}
.form-control-rating__star:before, .form-control-rating__star:after {
    content: "";
    display: block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' 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") 0 50% no-repeat;
    height: 58px;
    width: 18px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -9px;
}
.form-control-rating__star:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' 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");
    transition-property: opacity;
    opacity: 0;
}
.has-hover .form-control-rating__star:hover:after, .has-hover .form-control-rating__star:focus:after {
    opacity: 1;
}
.form-control-rating__star:active, .has-hover .form-control-rating__star:active, .form-control-rating__star.is-active {
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2) inset;
}
input:checked ~ .form-control-rating__star:after, .has-hover .form-control-rating__star:hover ~ .form-control-rating__star:after {
    opacity: 1;
}
.form-control--range {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.form-control--range input {
    width: 100%;
}
.js .form-control--range input {
    position: absolute;
    left: -9000px;
}
/**
 *
 */
.form-range {
    position: relative;
    padding-top: 1px;
    padding-bottom: 13px;
}
/**
 * Range input list of items
 */
.form-range__list {
    display: flex;
    height: 35px;
    margin-top: 15px;
    position: relative;
    border-top: 2px solid #c2cbd2;
    user-select: none;
}
.form-range__list li {
    position: relative;
    flex: 2;
}
.form-range__list li:first-child, .form-range__list li:last-child {
    flex: 1;
}
.form-range__list li a {
    color: #90989f;
    line-height: 2rem;
    text-align: center;
    white-space: nowrap;
    display: block;
    position: absolute;
    width: 100%;
    padding: 12px 0 0;
    left: 0;
    top: 0;
}
.form-range__list li a:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    content: "";
    display: block;
    width: 0;
    height: 7px;
    border-left: 1px solid #c2cbd2;
}
.form-range__list li a:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: -20px;
    bottom: -40px;
}
.form-range__list li:first-child a {
    margin-left: -1px;
    text-align: left;
}
.form-range__list li:first-child a:before {
    left: 1px;
}
.form-range__list li:last-child a {
    margin-right: -1px;
    left: auto;
    right: 0;
    display: flex;
    justify-content: flex-end;
    text-align: right;
}
.form-range__list li:last-child a:before {
    left: auto;
    right: 1px;
}
/**
 * Range input line, which is shown instead of list
 */
/*
.form-range__line {
    &-marker {
<<<<<<< HEAD

    }
}
*/
/*
 * Marker
 */
.form-range__marker {
    position: absolute;
    z-index: 1;
    margin-left: -11px;
    top: 6px;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    background: #306bf5;
    cursor: pointer;
}
.has-hover .form-range:focus .form-range__marker, .has-hover .form-range:hover .form-range__marker {
    background: darkne(#306bf5, 8%);
}
.form-range--dragging .form-range__marker {
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2) inset;
}
.specs {
    letter-spacing: 0;
}
.specs dl {
    display: flex;
    margin-top: 0.9rem;
    margin-bottom: 0.9rem;
}
.specs dl:first-child {
    margin-top: 0;
}
.specs dl:last-child {
    margin-bottom: 0;
}
.specs dt {
    display: flex;
    width: 240px;
    flex-grow: 0;
    flex-shrink: 0;
    color: #90989f;
}
.specs dt > span {
    flex: 0 0 auto;
}
.specs dt:after {
    content: "";
    flex: 1 1 auto;
    display: block;
    margin-left: 10px;
    border-top: 1px solid #edeef0;
    position: relative;
    top: 50%;
}
.specs dd {
    margin-left: 10px;
    display: flex;
    align-items: center;
}
.specs b {
    color: #333333;
    font-weight: 500;
}
.specs__tag {
    position: relative;
    display: inline-block;
    margin-left: 15px;
    padding: 0 8px 0 4px;
    height: 21px;
    background: #306bf5;
    border-radius: 4px;
    color: #ffffff;
    line-height: 21px;
}
.specs__tag:before {
    content: "";
    display: block;
    position: absolute;
    left: -5px;
    top: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9.5px 6px 9.5px 0;
    border-color: transparent #306bf5 transparent transparent;
}
/**
 * Modifier for narrow title column
 *
 * @demo
 *     <div class="specs specs--narrow">...</div>
 */
.specs--narrow dt {
    width: 180px;
}
/**
 * Modifier for wide title column
 *
 * @demo
 *     <div class="specs specs--wide">...</div>
 */
.specs--wide dt {
    width: 400px;
}
/**
 * Modifier for full width list
 *
 * @demo
 *     <div class="specs specs--full">...</div>
 */
.specs--full dt {
    width: auto;
    flex-grow: 1;
}
/**
 * Modifier to remove specific styles, just as simple inline text
 *
 * @demo
 *     <div class="specs specs--inline-text">...</div>
 */
.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-info {
    margin-top: 2.7rem;
    margin-bottom: 6rem;
}
.product-info h1 {
    font-weight: 500;
    margin-bottom: 0.6rem;
}
.product-info h1:first-letter {
    text-transform: capitalize;
}
.product-info .meta-info {
    margin-top: 1.7rem;
}
.product-info__color {
    margin-top: 1.8rem;
}
.product-info__color .form-control-radio:hover .form-control-radio__icon::before {
    transform: scale(1);
    opacity: 0.4;
}
.product-info__price, .product-info__legal {
    margin-top: 1.2rem;
    color: #90989f;
}
.product-info__price s {
    font-size: 24px;
}
.product-info__price b, .product-info__legal b {
    color: #333333;
    font-weight: 500;
}
.product-info__price .tooltip-icon, .product-info__legal .tooltip-icon {
    margin-left: 5px;
    margin-top: -2px;
}
.product-info__price .icon-card {
    top: 2px;
}
.product-info__energo {
    margin-top: 10px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
}
.product-info__energo a img{
    height: 40px;
}
.energo-transform-wrapper{
    align-items: center;
    padding: 2px 30% 0 0;
}
.energo-transform-button{
    text-decoration: none;
}
.energo-transform-button:hover{
    color: #306bf5;
}
.product-info__legal {
    position: relative;
    margin-top: 0.3rem;
    margin-bottom: -1rem;
}
.product-info__reduction {
    position: relative;
    margin-top: -1.4rem;
    margin-bottom: -1rem;
}
.has-hover .product-info__reduction .btn:hover .icon, .has-hover .product-info__reduction .btn:focus .icon, .product-info__reduction .btn:active .icon, .has-hover .product-info__reduction .btn:active .icon, .product-info__reduction .btn.is-active .icon {
    color: #acb5bb;
}
.product-info__reduction .btn .icon, .product-info__reduction .btn.is-disabled .icon, .product-info__reduction .btn:disabled .icon, .product-info__reduction .btn[disabled] .icon {
    color: #c2cbd2;
}
.product-info__reduction .btn .icon {
    transition-property: color;
}
.product-info__reduction .btn .icon {
    transition-property: color;
}
.product-info__reduction .btn.loading {
    color: transparent !important;
}
.product-info__buttons {
    margin-top: 2.0rem;
}
.product-info__delivery {
    margin-top: 3.3rem;
    margin-bottom: 3rem;
}
.product-info__delivery p {
    color: #333333;
}
.product-info__delivery li {
    position: relative;
    padding-left: 60px;
    margin-top: 2.3rem;
}
.product-info__delivery li > .icon {
    color: #306bf5;
    position: absolute;
    left: 0;
    top: 2px;
}
.product-info__delivery .spinner {
    margin-top: 90px;
    margin-bottom: 120px;
    margin-left: calc(50% - 40px);
}
.product-info__delivery .dropdown {
    margin-left: 5px;
}
.product-info__delivery__description {
    color: #90989f;
    display: flex;
    padding-top: 3px;
}
.product-info__delivery__description > span:not(:first-child):before {
    content: "\2022";
    display: inline-block;
    padding: 0 8px;
    color: #c2cbd2;
    font-size: 1rem;
}
.product-info__delivery__description .alert--warning {
    margin-left: -60px;
}
/**
 * Product image gallery
 */
.gallery ul {
    margin-top: 4.5rem;
    position: relative;
}
.gallery li {
    background: #ffffff;
}
.gallery a {
    cursor: zoom-in;
}
.gallery img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 600px;
    margin: 0 auto;
}
.js .gallery li:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.js .gallery.carousel--ready li:not(:first-child) {
    position: relative;
    z-index: initial;
}
.gallery .carousel__thumb-nav a {
    cursor: pointer;
}
/**
 * Gallery lightbox which is visible after clicking on the image
 */
.gallery-lightbox__carousel {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.gallery-lightbox__info {
    flex: 0 0 330px;
    max-width: 330px;
    min-width: 330px;
    height: 100vh;
    border-left: 1px solid #edeef0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 60px;
}
.gallery-lightbox__info .price {
    margin-bottom: 2.2rem;
}
.gallery-lightbox .carousel {
    display: flex;
    height: 100%;
    flex-direction: column;
}
.gallery-lightbox .carousel__list {
    position: relative;
    flex: 1 1 auto;
}
.gallery-lightbox .carousel__list li {
    padding: 155px 100px 100px;
}
.gallery-lightbox .carousel__list img {
    display: block;
    width: 100%;
    height: auto;
}
.is-edge .gallery-lightbox .carousel__list img {
    height: calc(100vh - 112px - 155px - 100px);
    width: auto;
    margin: 0 auto;
}
.is-ie .gallery-lightbox .carousel__list img {
    height: calc(100vh - 112px - 155px - 100px);
    width: auto;
    margin: 0 auto;
}
@supports (object-fit: contain) {
    .gallery-lightbox .carousel__list img {
        height: 100%;
        height: calc(100vh - 112px - 155px - 100px);
        object-fit: contain;
    }
}
.gallery-lightbox .carousel__list .embed-responsive {
    height: calc(100vh - 112px - 155px - 100px);
    width: 100%;
    margin: 0 auto;
}
.gallery-lightbox .carousel__list .embed-responsive.embed-responsive-21by9 {
    max-height: calc((100vw - 100px - 100px - 330px) * 9 / 21);
    max-width: calc((100vh - 112px - 155px - 100px) / 9 * 21);
}
.gallery-lightbox .carousel__list .embed-responsive.embed-responsive-16by9 {
    max-height: calc((100vw - 100px - 100px - 330px) * 9 / 16);
    max-width: calc((100vh - 112px - 155px - 100px) / 9 * 16);
}
.gallery-lightbox .carousel__list .embed-responsive.embed-responsive-4by3 {
    max-height: calc((100vw - 100px - 100px - 330px) * 3 / 4);
    max-width: calc((100vh - 112px - 155px - 100px) / 3 * 4);
}
.gallery-lightbox .carousel__list .embed-responsive.embed-responsive-1by1 {
    max-height: calc((100vw - 100px - 100px - 330px));
    max-width: calc(100vh - 112px - 155px - 100px);
}
.gallery-lightbox .carousel__thumb-nav {
    flex: 0 0 auto;
    margin-top: 0;
    justify-content: center;
    border-top: 1px solid #edeef0;
    padding: 13px 0 21px;
}
.reviews-header__text {
    color: #90989f;
}
.reviews-header .rating {
    position: relative;
    top: -3px;
}
/**
 * Product bundle
 */
.bundle {
    margin-top: 2.6rem;
    background: #ffffff;
    border-radius: 4px;
    margin-bottom: 0;
}
.bundle > li {
    border-left: 1px solid #edeef0;
}
.bundle > li:first-child {
    border-left: 0;
}
.bundle .product {
    padding: 58px 39px 33px;
    margin-bottom: 0;
}
.bundle .product figure img, .bundle .product .product__info {
    transition-property: opacity;
}
.bundle .product figure img {
    max-width: 100%;
    height: auto;
    transition-property: opacity, filter;
}
.bundle .product.is-unselected figure img, .bundle .product.is-unselected .product__info {
    opacity: 0.15;
}
.bundle .product.is-unselected figure img {
    filter: grayscale(1);
}
.bundle .form-control-checkbox {
    position: absolute;
    left: 41px;
    top: 32px;
    z-index: 3;
}
.bundle__icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -42px 0 0 -20px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    color: #b4bcc3;
    background: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bundle__summary {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 39px 39px 36px;
    text-align: center;
}
.bundle__summary .price {
    margin: 9px 0;
}
.bundle__summary__more {
    display: block;
    margin-top: 15px;
}
.bundle__summary__sum {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    margin-bottom: -23px;
}
.bundle__summary header {
    flex-grow: 1;
}
.bundle__summary header b {
    display: block;
    padding-bottom: 4px;
    font-weight: 900;
}
.bundle__summary--small {
    padding-top: 31px;
    padding-bottom: 34px;
}
.bundle-creator .product-list {
    padding-left: 1px;
}
.bundle-creator .product {
    padding: 18px 40px 34px;
}
.bundle-creator .product figure {
    margin-bottom: 1rem;
}
.bundle-creator .product figure img {
    max-width: 100%;
    height: auto;
}
.is-ie .bundle-creator .product figure img {
    width: 100%;
}
.bundle-creator .product__controls {
    position: absolute;
    left: 40px;
    top: 30px;
}
.bundle-creator__selected-list {
    position: relative;
}
.bundle-creator__selected-list .product-list {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    min-height: 0 !important;
    height: auto !important;
}
.bundle-creator__blank {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #90989f;
    text-align: center;
}
.bundle-creator__selected-list .product, .bundle-creator .bundle-creator__blank, .bundle-creator .bundle__summary, .bundle-creator .bundle-creator__placeholder {
    position: relative;
    margin: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: 212px;
}
.bundle-creator .product:before, .bundle-creator .bundle-creator__blank:before, .bundle-creator .bundle__summary:before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: 0;
    bottom: 0;
    border: 1px solid #edeef0;
    pointer-events: none;
    transition-property: border-color;
}
.bundle-creator .bundle__summary {
    background: #ffffff;
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    bottom: 0;
}
.bundle-creator .baron__track {
    margin-top: -1px;
}
.bundle-creator .filters {
    padding: 38px 40px 26px;
}
.bundle-creator__list {
    margin: 0;
}
.bundle-creator__list .product {
    margin-bottom: 0;
}
.bundle-creator .is-selected .bundle-creator__add, .bundle-creator__selected-list .bundle-creator__add, .bundle-creator__list .bundle-creator__remove, .bundle-creator__list .bundle__icon {
    display: none;
}
.bundle-creator .overlay {
    border: 1px solid #306bf5;
    background: transparent;
    left: -1px;
    top: -1px;
}
.bundle-creator .is-selected {
    z-index: 1;
}
.bundle-creator .is-selected .overlay, .bundle-creator__list .product .overlay:hover {
    opacity: 1;
    z-index: 1;
}
.bundle-creator .is-selected .bundle-creator__remove {
    display: inline-flex;
}
.bundle-creator .is-selected img {
    filter: grayscale(1);
}
.bundle-creator .is-selected figure, .bundle-creator .is-selected .product__info {
    opacity: 0.15;
}
/**
 * Leading form
 */
.leasing-form {
    position: relative;
    margin-left: -60px;
    margin-right: -60px;
    padding: 29px 60px 40px;
    background: #f7f9fc;
}
.leasing-form .form-footer .group {
    justify-content: flex-end;
}
.leasing-products {
    position: relative;
    margin-top: -1.4rem;
}
.leasing-products dl {
    display: flex;
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
}
.leasing-products dl:first-child {
    margin-top: 0;
}
.leasing-products dl:last-child {
    margin-bottom: 0;
}
.leasing-products dt {
    color: #90989f;
}
.leasing-products dd {
    width: 150px;
    padding: 3px 0 0;
    text-align: right;
}
.leasing-summary {
    text-align: right;
}
.leasing-summary dt {
    color: #90989f;
}
.product-specification h1, .product-specification h2, .product-specification h3 {
    margin-top: 5.4rem;
    margin-bottom: 1.6rem;
}
.product-specification h1:first-child, .product-specification h2:first-child, .product-specification h3:first-child {
    margin-top: 0;
}
.product-specification h1:last-child, .product-specification h2:last-child, .product-specification h3:last-child {
    margin-bottom: 0;
}
.locations .alert {
    margin-bottom: 5.0rem;
}
.locations .form-control-select {
    width: 33.5%;
}
.locations__map-list {
    max-height: 640px !important;
    height: 640px !important;
    padding-right: 0 !important;
}
.locations__map-list a {
    display: block;
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
}
.locations__map-list a:first-child {
    margin-top: 0;
}
.locations__map-list a:last-child {
    margin-bottom: 0;
}
.locations__map-list ~ .baron__track {
    top: 7px;
    bottom: 7px;
}
.locations__map {
    position: relative;
    overflow: hidden;
    margin-left: 20px;
}
.locations__map__map {
    width: 100%;
    height: 640px;
    border-radius: 4px;
}
.locations__map__info {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40.5%;
    display: flex;
    flex-direction: column;
    border-radius: 4px 0 0 4px;
    position: absolute;
    background: #f5f6fa;
    transition-property: transform;
    transform: translateX(-100%);
}
.locations__map__info__close {
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 20px;
}
.locations__map__info figure img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px 0 0 0;
}
.locations__map__info article {
    flex-grow: 1;
    padding: 31px 40px 0;
    line-height: 2em;
}
.locations__map__info footer {
    padding: 37px 40px 40px;
}
.locations__map__info p {
    margin-top: 2.8rem;
    margin-bottom: 2.8rem;
}
.locations__map__info p:first-child {
    margin-top: 0;
}
.locations__map__info p:last-child {
    margin-bottom: 0;
}
.locations__map__info span {
    display: block;
}
.locations__map__info.open {
    transform: translateX(0%);
}
.locations__map__info__logo {
    margin-bottom: .5rem;
}
.locations__map__info__split {
    display: flex !important;
}
.locations__map__info__split span + span {
    position: relative;
    padding-left: 2.0rem;
}
.locations__map__info__split span + span:before {
    content: "\2022";
    font-size: 1rem;
    line-height: 10px;
    position: absolute;
    left: 0.8rem;
    top: 50%;
    margin-top: -5px;
    color: #90989f;
}
.tag_izpardosana {
    color: #FFF;
    background-color: #d7194e;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    font-weight: bold;
    margin-right: 5px;
}
.tag_izpardosana_div {
    margin-top: 10px;
    margin-bottom: -10px;
    display: flex;
}
.tag_izpardosana_div .tooltip__content {
    font-size: 14px;
    line-height: 18px !important;
}
.product_ordered_count {
    margin-top: 20px;
    padding: 10px 15px;
    display: inline-block;
}
.express_delivery {
    /* width: 120px; */
}
.express_delivery ul {}
.express_delivery li {
    margin: 5px;
    padding: 0;
    list-style: disc;
    font-weight: bold;
}
.express_delivery .btn {
    display: inline;
    height: auto;
    padding: 0;
    line-height: initial;
}
.express_delivery .red {
    color: #FF0004;
    font-weight: bold;
}
.express_delivery .green {
    background-color: #00A81D;
    font-weight: bold;
    color: #FFF;
    border-radius: 5px;
    padding: 2px 10px;
    margin-left: 10px;
}
.express_green_point {
    text-align: center;
}
.express_green_point span::after {
    font-family: 'FontAwesome';
    font-size: 20px;
    content: "\f05d";
    color: #2ed32e;
}
.credit-wrapper{
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    padding: 30px 0 0;
}

.credit-wrapper .lightbox__content span.grey b{
    font-weight: 500;
}

.smart-credit{
    padding: 15px 10px 15px 40px;
    border: 1px solid #C2CBD2;
    border-radius: 0 4px 4px 0;
    width: 233px;
    display: block;
    background: #FFFFFF;
    height: 98px;
    position: relative;
    box-sizing: border-box;
    line-height: 25px;
    cursor: pointer;
}
.smart-credit:hover{
    background: #F5F7FA;
}
.smart-credit-name{
    color: #306bf5;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    font-weight: 900;
    text-transform: uppercase;
}
.smart-credit-name:before{
    content: "";
    background-image: url("../images/icon-lightbulb.png");
    display: block;
    background-size: 21px;
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    position: absolute;
    left: 15px;
}
.credit-value{
    white-space: nowrap;
    text-transform: none;
    margin-top: 7px;
    overflow: hidden;
    letter-spacing: -0.5px;
}
.credit-value span{
    font-weight: bold;
    font-size: 14px;
}
.credit-point {
    font-size: 11px;
    color: #306bf5;
    margin: 2px 0 0 -35px;
    font-weight: 600;
    text-align: center;
}
.smart-credit-info-wrapper{
    width: 320px;
    background: #F6F9FC;
    box-shadow: 0px 2px 3px rgba(18, 42, 96, 0.1);
    border-radius: 4px;
    position: absolute;
    bottom: 99px;
    right: -20px;
    padding: 15px;
    z-index: 4;
}
.smart-credit-info-wrapper .arrow {
    bottom: -20px;
    margin-left: 220px;
    border-width: 28px 28px 0 0;
    border-color: #f6f9fc transparent transparent transparent;
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
}
.smart-credit-info-name{
    font-family: 'Museo Sans Cyrl';
    font-size: 18px;
    font-weight: 800;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 21px;
    text-transform: uppercase;
    color: #306BF5;
}
.smart-credit-info-name:before{
    content: "";
    background-image: url("../images/smart_credit_img.png");
    display: block;
    background-size: 40px;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 10px;
}
.credit-info-terms{
    font-size: 12px;
    color: #000000;
    font-weight: 700;
    line-height: 18px;
    padding-top: 10px;

}
.credit-info-terms span{
    position: relative;
    padding-right: 10px;
}
.credit-info-terms span:after{
    content: '\f111';
    font-family: FontAwesome;
    font-size: 5px;
    position: absolute;
    width: 5px;
    height: 5px;
    right: 2.5px;
    top: -1px;
    color: #333333;
}
.credit-info-value{
    font-size: 12px;
    padding: 5px 0;
    line-height: 22px;
}
.zero-percent-credit{
    padding: 15px 10px 15px 40px;
    border: 1px solid #C2CBD2;
    border-radius: 4px 0 0 4px;
    width: 233px;
    display: block;
    background: #FFFFFF;
    height: 98px;
    position: relative;
    box-sizing: border-box;
    line-height: 25px;
    cursor: pointer;
}
.lightbox + .smart-credit {
    border-left: none;
}
.zero-percent-credit:hover{
    background: #F5F7FA;
}
.zero-credit-name{
    color: #306bf5;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    font-weight: 900;
    text-transform: uppercase;
}
.zero-credit-name:before{
    content: "";
    background-image: url(../images/icon-sadali.png);
    display: block;
    background-size: 24px;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 10px;
}
.zero-credit-info-wrapper{
    width: 320px;
    background: #F6F9FC;
    box-shadow: 0px 2px 3px rgba(18, 42, 96, 0.1);
    border-radius: 4px;
    position: absolute;
    bottom: 99px;
    right: 220px;
    padding: 15px;
    z-index: 4;
}
.zero-credit-info-wrapper .arrow{
    bottom: -20px;
    margin-left: 220px;
    border-width: 28px 28px 0 0;
    border-color: #f6f9fc transparent transparent transparent;
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
}
.zero-credit-info-name{
    font-family: 'Museo Sans Cyrl';
    font-size: 18px;
    font-weight: 800;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 21px;
    text-transform: uppercase;
    color: #306BF5;
}
.zero-credit-info-name:before{
    content: "";
    background-image: url("../images/zero_percent_img.png");
    display: block;
    background-size: 32px;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 10px;
}


.macbook-credit{
    padding: 15px 10px 15px 40px;
    border: 1px solid #C2CBD2;
    border-radius: 4px 0 0 4px;
    border-right: none;
    width: 233px;
    display: block;
    background: #FFFFFF;
    height: 98px;
    position: relative;
    box-sizing: border-box;
    line-height: 25px;
    cursor: pointer;
}
.macbook-credit:hover{
    background: #F5F7FA;
}
.macbook-credit-name{
    color: #306bf5;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    font-weight: 900;
    text-transform: uppercase;
}
.macbook-credit:before{
    content: "";
    background-image: url("../images/icon-macbook.png");
    display: block;
    background-size: 24px;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 10px;
}
.macbook-credit-info-wrapper{
    width: 320px;
    background: #F6F9FC;
    box-shadow: 0px 2px 3px rgba(18, 42, 96, 0.1);
    border-radius: 4px;
    position: absolute;
    bottom: 99px;
    right: 220px;
    padding: 15px;
    z-index: 4;
}
.macbook-credit-info-wrapper .arrow{
    bottom: -20px;
    margin-left: 220px;
    border-width: 28px 28px 0 0;
    border-color: #f6f9fc transparent transparent transparent;
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
}
.macbook-credit-info-name{
    font-family: 'Museo Sans Cyrl';
    font-size: 18px;
    font-weight: 800;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 21px;
    text-transform: uppercase;
    color: #306BF5;
}
.macbook-credit-info-name:before{
    content: "";
    background-image: url("../images/zero_percent_img.png");
    display: block;
    background-size: 32px;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 10px;
}


.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; }



/* product options  */

.group.options {
    display: flex;
    flex-wrap: wrap;
    margin-top: 18px;
}

.options .options-row {
    margin-bottom: 10px;
}

.options .options-row:first-child {
    width: 100%;
}

.options .options-row-title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin-bottom: 10px;
}

.options .options-row-content,
.options .options-row-content-colors {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.options .options-row-content a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    padding: 10px 11px 8px;
    margin-right: 7px;
    margin-bottom: 7px;
    outline: 1px solid #C2CBD2;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
}
.options .options-row-content a.options-selected {
    outline: 1px solid #306BF5;
    border: 1px solid #306BF5;
}

.options .options-row-content a.options-disabled {
    opacity: 0.4;
}

.options .options-row-content a.options-disabled.dropdown__button {
     margin: 0 7px 7px 0;
}

.options .options-row-content a.options-disabled.btn--size-dropdown {
    height: auto;
}


.options .options-row .dropdown__menu.popover {
    margin-top: 5px;
    min-width: calc(100% + 16px + 16px);
    padding: 8px 0;
}

.options .options-row .dropdown__menu.popover a {
    border: none;
    outline: none;
    margin-bottom: 0;
    color: #90989f;
    padding: 0 16px;

    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
}
.options .options-row .dropdown__menu.popover a:hover {
    color: #306bf5;
}

/* product options color  */

.options-row-content-colors .products-colors-image {
    height: 61px;
    width: 61px;
    background: #FFFFFF;
    outline: 1px solid #C2CBD2;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    margin-right: 6px;
}

.options-row-content-colors .products-colors-image img {
    width: 100%;
    padding: 8px;
}

.options-row-content-colors .products-colors-image.options-selected {
    outline: 1px solid #306BF5;
    border: 1px solid #306BF5;
}

.options-row-content-colors .products-colors-image.options-disabled  {
    opacity: 0.4;
    transition: 0.5s;
}
.options-row-content-colors .products-colors-image.options-disabled:hover  {
    opacity: 1;
    transition: 0.5s;
}

.options-row-content-colors a.options-disabled.dropdown__button {
    margin: 0 7px 7px 0;
    position: relative;
}

.options-row-content-colors a.options-disabled.btn--size-dropdown  {
    padding: 0;
}


/* new badges */

.product-tags li.product-tags__gc {
    position: absolute;
    left: 520px;
    top: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #306BF5;
    background-image: url(/images/badges/badges_gc_outer_ru.png);
    background-size: cover;
}
html[lang="lv"] .product-tags li.product-tags__gc {
    background-image: url(/images/badges/badges_gc_outer_lv.png);
}

.product-tags__gc::before {
    content: "" attr(data-type-gc) "";
    font-size: 20px;
    line-height: 20px;
    margin-top: 8px;
    background-color: #306BF5;
    display: flex;
    justify-content: center;
    align-items: center;

}

/* promolinks_box */

/* hack page loading */
.promolinks_box_content{display:none;}
.promolinks_box_content.slick-initialized{display:block;}

.promolinks_box_content {
    position:relative;
    width:100%;
    max-width: 670px;
    padding: 0 5px 0 6px !important;
}

.promolinks_box_content button {
    top: 50%!important;
}

.promolinks_box_item {
    margin:5px;
    width: 122px!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: 150px;
    height: 150px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
}
.circle_badges img
{
    width: 100%;
    height: 100%;
}