@charset "UTF-8";
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}





@import url(baron.css);
html {
    line-height: 1.15;
    
    -ms-text-size-adjust: 100%;
    
    -webkit-text-size-adjust: 100%;
    
}



body {
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}


h1, .h1 {
    font-size: 2em;
    margin: 0.67em 0;
}



figcaption,
figure {
    display: block;
}


figure {
    margin: 1em 40px;
}


hr {
    box-sizing: content-box;
    
    height: 0;
    
    overflow: visible;
    
}


main {
    display: block;
}


pre {
    font-family: monospace, monospace;
    
    font-size: 1em;
    
}



a {
    background-color: transparent;
    
    -webkit-text-decoration-skip: objects;
    
}



abbr[title] {
    border-bottom: none;
    
    text-decoration: underline;
    
    text-decoration: underline dotted;
    
}


b,
strong {
    font-weight: inherit;
}


b,
strong {
    font-weight: bolder;
}


code,
kbd,
samp {
    font-family: monospace, monospace;
    
    font-size: 1em;
    
}


dfn {
    font-style: italic;
}


mark {
    background-color: #ff0;
    color: #000;
}


small {
    font-size: 80%;
}


sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}



audio,
video {
    display: inline-block;
}


audio:not([controls]) {
    display: none;
    height: 0;
}


img {
    border-style: none;
}


svg:not(:root) {
    overflow: hidden;
}



button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    
    font-size: 100%;
    
    line-height: 1.15;
    
    margin: 0;
    
}


button {
    overflow: visible;
}


button,
select {
    
    text-transform: none;
}


button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    
    
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}


input {
    overflow: visible;
}


[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    
    padding: 0;
    
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}


[type="search"] {
    -webkit-appearance: textfield;
    
    outline-offset: -2px;
    
    
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


::-webkit-file-upload-button {
    -webkit-appearance: button;
    
    font: inherit;
    
}


fieldset {
    padding: 0.35em 0.75em 0.625em;
}


legend {
    box-sizing: border-box;
    
    display: table;
    
    max-width: 100%;
    
    padding: 0;
    
    color: inherit;
    
    white-space: normal;
    
}


progress {
    display: inline-block;
    
    vertical-align: baseline;
    
}


textarea {
    overflow: auto;
}



details {
    display: block;
}


summary {
    display: list-item;
}


menu {
    display: block;
}



canvas {
    display: inline-block;
}


template {
    display: none;
}



[hidden] {
    display: none;
}




























































a,
button,
input[type="submit"], .icon, .animation--fade-in,
.animation--fade-out, .animation--popover-in,
.animation--popover-out, .animation--lightbox-in,
.animation--lightbox-out, .animation--lightbox-in .lightbox__overlay,
.animation--lightbox-out .lightbox__overlay, .animation--lightbox-in .lightbox__content,
.animation--lightbox-out .lightbox__content, .animation--height, .animation--product-appear, .btn--link .icon, .ui-footer .btn--link .icon, .btn--nav:before,
.btn--tab:before, .btn--nav .icon,
.btn--tab .icon, .btn--link-primary .icon, .ui-footer .btn--link-primary-inv .icon, .btn--link-text .icon, .btn--link-filter .icon, .btn--link-success .icon, .btn--dropdown .icon, .btn--dropdown-primary .icon, .ui-footer .btn--dropdown .icon, .btn--cart .btn__icon, .form-control--float .form-label, .form-control--number input,
.form-control--input input,
.form-control--textarea textarea,
.form-control--select select, .form-control-radio__icon,
.form-control-checkbox__icon, .form-control-radio--large .form-control-radio__icon:before, .form-control-checkbox__icon:before, .nice-select, .nice-select:after, .nice-select .list, .nice-select .option, .card--hover-zoom .card__image img, .card--hover-shadow, .baron__bar:before, .baron::before,
.baron::after, .dropdown__button:after, .product-list--horizontal .product__controls--hover, .product figure,
.product .product__info,
.product .product__overlay,
.product .price,
.product .meta-info, .product__background, .product__overlay, .embed-video:after, .search-form input, .nav-secondary, main:before, .subscribe__form {
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
}


.lightbox__content,
.popover, .back-to-top {
    z-index: 6;
}
.main.with-content-shadow--viewport:before {
    z-index: 5;
}

.nice-select.open, .nice-select .list, .search, main:before {
    z-index: 5;
}


.overlay, .btn__icon:after {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.link--brand:before {
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
}

.overflow-fix:after, .form-section:after, .nav-primary .container:after, .overflow-fix:before, .form-section:before, .nav-primary .container:before {
    content: "";
    display: block;
    overflow: hidden;
    position: relative;
    padding-top: 1px;
    margin-top: -1px;
}


body,
input,
textarea,
button, select.form-control-select, .product__title, .price.price--small {
    font-family: "Museo Sans Cyrl", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    text-transform: none;
    color: #333333;
}

small b, small strong, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .text--heading, .text--small b, .text--small strong, .card__content__time, .search-form input, .in-cart-popover__info .added-confirmation, .text--content blockquote, .text--content ol > li:before {
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #333333;
}

.ui-footer small b, small .ui-footer b, .ui-footer small strong, small .ui-footer strong, .ui-footer h1, .ui-footer .h1, .ui-footer h2, .ui-footer .h2, .ui-footer h3, .ui-footer .h3, .ui-footer h4, .ui-footer .h4, .ui-footer h5, .ui-footer .h5, .ui-footer .text--heading, .ui-footer .text--small b, .text--small .ui-footer b, .ui-footer .text--small strong, .text--small .ui-footer strong, .ui-footer .card__content__time, .ui-footer .search-form input, .search-form .ui-footer input, .ui-footer .in-cart-popover__info .added-confirmation, .in-cart-popover__info .ui-footer .added-confirmation, .ui-footer .text--content blockquote, .text--content .ui-footer blockquote, .ui-footer .text--content ol > li:before, .text--content .ui-footer ol > li:before {
    color: #ffffff;
}

.text--smaller, .nice-select, .nice-select .current input, select.form-control-select, .badge--rounded, .badge--product span, .filters, .product nav a, .product-tags {
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

h1, .h1, .form-section__heading:before {
    text-transform: none;
}


body, .text--default, .product__title, .product__title--medium, .price.price--text, .header-top .tel, .text--content figure figcaption {
    font-size: 1.4rem;
    line-height: 1.42857em;
}

small, .text--small, label.error,
div.error, .error-message, .badge--medium, .badge--small, .meta-info, .breadcrumbs, .header-top, .search-form input, .footer__copyright, .seo-text {
    font-size: 1.2rem;
    line-height: 1.33333em;
}

.text--smaller, .nice-select, .nice-select .current input, select.form-control-select, .badge--rounded, .badge--product span, .filters, .product nav a, .product-tags {
    font-size: 1rem;
    line-height: 1.4em;
}

.text--lead, .form-intro, .form-success, .product__title--large, .price.price--small, .in-cart-popover__info .added-confirmation, .text--content small {
    font-size: 1.6rem;
    line-height: 1.3125em;
}

.text--large, .accordion__heading--style-secondary a, .text--content {
    font-size: 1.8rem;
    line-height: 1.66667em;
}

h1, .h1, .form-section__heading:before {
    font-size: 4rem;
    line-height: 1.2em;
}

h2, .h2, .price, .text--content h3, .text--content .h3 {
    font-size: 2rem;
    line-height: 1.2em;
}

h3, .h3, .product__controls .price {
    font-size: 1.6rem;
    line-height: 1.125em;
}

h4, .h4 {
    font-size: 1.4rem;
    line-height: 1.14286em;
}

h5, .h5 {
    font-size: 1.2rem;
    line-height: 1.33333em;
}

.text--h1-promo {
    font-size: 5.4rem;
    line-height: 1em;
    letter-spacing: 0em;
    text-transform: uppercase;
}

.text--h2-promo {
    font-size: 3.2rem;
    line-height: 1em;
}

.text--h3-promo {
    font-size: 2.1rem;
    line-height: 1.14286em;
}

.text--h1-product, .card__content__time, .price.price--large, .text--content h2, .text--content .h2, .text--content blockquote, .text--content ol > li:before {
    font-size: 3rem;
    line-height: 1.2em;
    text-transform: none;
}

.price.price--larger {
    font-size: 4rem;
    line-height: 1.2em;
}

.price.price--medium {
    font-size: 2.4rem;
    line-height: 1.16667em;
}

.price.price--footer {
    font-size: 3.6rem;
    line-height: 0.83333em;
}

.heading-tab {
    font-size: 2rem;
    line-height: 3.75em;
}

.form-label, .form-control--number input,
.form-control--input input,
.form-control--textarea textarea,
.form-control--select select, .form-control__addon {
    font-size: 1.6rem;
    line-height: 1.625em;
}

.form-control--input--small input,
.form-control--input--smaller input,
.form-control--number--smaller input {
    font-size: 1.4rem;
    line-height: 1.64286em;
}


a {
    color: #306bf5;
}

.has-hover a:focus, .has-hover a:hover {
    color: #333333;
}

a:active, a.is-active {
    color: #333333;
}

/* focus-visible */
a:focus-visible,
a.filter_link > label:focus-visible,
button:focus-visible,
.promo-sale .dropdown__menu a:focus-visible,
.ui-footer .dropdown__menu a:focus-visible,
.form-control-radio:has(input:focus-visible),
h3[tabindex="0"]:focus-visible{
    box-shadow: 0 0 1px 1px #306bf5 inset;
    outline: none;
}
.promo-sale a:focus-visible,
.ui-footer a:focus-visible {
    box-shadow: 0 0 1px 1px #ffffff inset;
}
.red-categories a:focus-visible,
div[tabindex="0"]:focus-visible,
div[tabindex="-1"]:focus-visible,
h1[tabindex="0"]:focus-visible,
h2[tabindex="0"]:focus-visible,
h4[tabindex="0"]:focus-visible,
p[tabindex="0"]:focus-visible,
span[tabindex="0"]:focus-visible,
span[tabindex="-1"]:focus-visible,
ul[tabindex="0"]:focus-visible,
li[tabindex="0"]:focus-visible,
.form-control:has(input:focus-visible) > span,
dl[tabindex="0"]:focus-visible,
dt[tabindex="0"]:focus-visible,
article[tabindex="0"]:focus-visible,
thead[tabindex="0"]:focus-visible,
label.availability_shop_selector:focus-visible,
label.availability-flag-selector:focus-visible,
.brand_logo img:focus-visible,
.article-item:has(a:focus-visible) {
    outline: solid 1px #306bf5;
}
.ui-footer div[tabindex="0"]:focus-visible,
.ui-samsung .brand_logo a:focus-visible img{
    outline: solid 1px #ffffff;
}
td[tabindex="0"]:focus-visible,
th[tabindex="0"]:focus-visible {
    outline: none;
    box-shadow: 0 0 1px 1px #306bf5 inset;
}
button.btn--primary:focus-visible {
    outline: solid 1px #000000;
}
.catalog-menu-button-wrapper:focus-visible {
    box-shadow: 0 1px 0.5px 0.5px #306bf5 inset;
    outline: none;
    border-radius: 4px;
}

.product a:focus-visible {
    box-shadow: 0 0 1px 1px #306bf5;
}
a.link--brand:focus-visible {
    border: none;
    outline: none;
    box-shadow: none;
}
a.link--brand:focus-visible img {
    border: solid 1px #306bf5;
}

.carousel__thumb-nav > a:focus-visible {
    border: solid 1px #306bf5;
    box-shadow: 0 0 1px 1px #306bf5;
    outline: solid 1px #306bf5;
}

.carousel__list.brands li.card:has(a:focus-visible){
    border: solid 1px #306bf5;
}
.carousel__list.brands li.card a:focus-visible,
.carousel__list.brands li.card a:focus-visible img{
    border: none;
    box-shadow: none;
    outline: none;
}

button.slick-arrow:focus-visible::before{
    border: solid 1px #306bf5;
    box-shadow: inset 0 0 5px rgba(0,0,0,.5);
}

.first-page-4banners .slick-slide:has(a:focus-visible) {
    position: relative;
}
.first-page-4banners .slick-slide:has(a:focus-visible)::after {
    content: '';
    position: absolute;
    left:5px;
    right:5px;
    top: 0;
    bottom: 0;
    box-shadow: inset 0 0 10px rgba(0,0,0,.5);
    pointer-events: none;
}
/**/



.product__title a, .header-top .tel, .nav-secondary a {
    color: #333333;
}

.has-hover .product__title a:focus, .product__title .has-hover a:focus, .has-hover .header-top .tel:focus, .header-top .has-hover .tel:focus, .has-hover .nav-secondary a:focus, .nav-secondary .has-hover a:focus, .has-hover .product__title a:hover, .product__title .has-hover a:hover, .has-hover .header-top .tel:hover, .header-top .has-hover .tel:hover, .has-hover .nav-secondary a:hover, .nav-secondary .has-hover a:hover {
    color: #306bf5;
}

.product__title a:active, .header-top .tel:active, .nav-secondary a:active, .product__title a.is-active, .header-top .is-active.tel, .nav-secondary a.is-active {
    color: #306bf5;
}

.link--text-small, .filters--text a, .product nav a, .meta-info a, .breadcrumbs a, .header-top a {
    color: #90989f;
}

.has-hover .link--text-small:focus, .has-hover .filters--text a:focus, .filters--text .has-hover a:focus, .has-hover .product nav a:focus, .product nav .has-hover a:focus, .has-hover .meta-info a:focus, .meta-info .has-hover a:focus, .has-hover .breadcrumbs a:focus, .breadcrumbs .has-hover a:focus, .has-hover .header-top a:focus, .header-top .has-hover a:focus, .has-hover .link--text-small:hover, .has-hover .filters--text a:hover, .filters--text .has-hover a:hover, .has-hover .product nav a:hover, .product nav .has-hover a:hover, .has-hover .meta-info a:hover, .meta-info .has-hover a:hover, .has-hover .breadcrumbs a:hover, .breadcrumbs .has-hover a:hover, .has-hover .header-top a:hover, .header-top .has-hover a:hover {
    color: #333333;
}

.link--text-small:active, .filters--text a:active, .product nav a:active, .meta-info a:active, .breadcrumbs a:active, .header-top a:active, .is-active.link--text-small, .filters--text a.is-active, .product nav a.is-active, .meta-info a.is-active, .breadcrumbs a.is-active, .header-top a.is-active {
    color: #333333;
}

.dropdown__menu a {
    color: #306bf5;
}

.header-top .dropdown .dropdown__button svg.icon-user-small + span{
    max-width: 50px;
    white-space: wrap;
    line-height: 1;
}

.has-hover .dropdown__menu a:focus, .dropdown__menu .has-hover a:focus, .has-hover .dropdown__menu a:hover, .dropdown__menu .has-hover a:hover {
    color: #333333;
}

.dropdown__menu a:active, .dropdown__menu a.is-active {
    color: #333333;
}

.dropdown--text .dropdown__menu a {
    color: #90989f;
}

.has-hover .dropdown--text .dropdown__menu a:focus, .dropdown--text .dropdown__menu .has-hover a:focus, .has-hover .dropdown--text .dropdown__menu a:hover, .dropdown--text .dropdown__menu .has-hover a:hover {
    color: #306bf5;
}

.dropdown--text .dropdown__menu a:active, .dropdown--text .dropdown__menu a.is-active {
    color: #333333;
}

.ui-footer a {
    color: #ffffff;
}

.has-hover .ui-footer a:focus, .ui-footer .has-hover a:focus, .has-hover .ui-footer a:hover, .ui-footer .has-hover a:hover {
    color: #adc6ff;
}

.ui-footer a:active, .ui-footer a.is-active {
    color: #adc6ff;
}

.footer__nav--secondary a {
    color: #adc6ff;
}

.has-hover .footer__nav--secondary a:focus, .footer__nav--secondary .has-hover a:focus, .has-hover .footer__nav--secondary a:hover, .footer__nav--secondary .has-hover a:hover {
    color: #ffffff;
}

.footer__nav--secondary a:active, .footer__nav--secondary a.is-active {
    color: #ffffff;
}

.ui-white a {
    color: #333333;
}

.has-hover .ui-white a:focus, .ui-white .has-hover a:focus, .has-hover .ui-white a:hover, .ui-white .has-hover a:hover {
    color: #333333;
}

.ui-white a:active, .ui-white a.is-active {
    color: #333333;
}


html {
    height: 100%;
    overflow-x: hidden;
}

body {
    min-height: 100%;
    background: #ffffff;
}

html, body {
    min-width: 1280px;
}


main {
    display: block;
}
main.index-page {
    background: #F7F9FC;
}


*, *:after, *:before {
    box-sizing: border-box;
}


figure {
    margin: 0;
}

img {
    user-select: none;
}


.is-out-of-screen {
    position: absolute !important;
    left: -9000px;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    
    width: 1px;
}


.js .is-invisible {
    opacity: 0;
}


.overlay {
    background: #fff;
    opacity: 0;
}


.disable-scrolling {
    overflow: hidden !important;
}



.overflow-hidden {
    overflow: hidden;
}


.position-relative {
    position: relative;
}


.ui-footer {
    background: #306bf5;
}

.ui-gray {
    background: #f7f9fc;
}

.ui-white {
    background: #ffffff;
}

.ui-light {
    background: #f5f7fa;
}


.animation-visible {
    animation: animation-visible 0.1ms;
}

@keyframes animation-visible {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.js-touch-hover {
    -webkit-tap-highlight-color: transparent;
}



@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url("../fonts/museo-sans-cyrl-500.woff2") format("woff2"), url("../fonts/museo-sans-cyrl-500.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url("../fonts/museo-sans-cyrl-700.woff2") format("woff2"), url("../fonts/museo-sans-cyrl-700.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url("../fonts/museo-sans-cyrl-900.woff2") format("woff2"), url("../fonts/museo-sans-cyrl-900.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}



html {
    font-size: 62.5%;
}

b, strong {
    font-weight: 700;
}

sup {
    font-weight: 500;
    font-size: 70%;
    top: -0.7em;
    margin-left: 4px;
}


h1 sup, .h1 sup, h2 sup, .h2 sup, h3 sup, .h3 sup, h4 sup, .h4 sup, h5 sup, .h5 sup {
    font-size: 60%;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    margin-top: 2.6rem;
    margin-bottom: 2.6rem;
}

h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child {
    margin-top: 0;
}

h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child {
    margin-bottom: 0;
}

hr, p, blockquote, table, iframe, object, pre {
    margin-top: 2.6rem;
    margin-bottom: 2.6rem;
}

hr:first-child, p:first-child, blockquote:first-child, table:first-child, iframe:first-child, object:first-child, pre:first-child {
    margin-top: 0;
}

hr:last-child, p:last-child, blockquote:last-child, table:last-child, iframe:last-child, object:last-child, pre:last-child {
    margin-bottom: 0;
}


table {
    width: 100%;
}


a {
    text-decoration: none;
}


.link--brand {
    color: #90989f;
    position: relative;
    opacity: 0.65;
}

.link--brand:before {
    content: "";
    position: absolute;
}

.has-hover .link--brand:focus, .has-hover .link--brand:hover, .link--brand:active, .link--brand.is-active {
    opacity: 1;
}


a,
button,
input[type="submit"] {
    cursor: pointer;
}



a:focus,
button:focus,
input[type="submit"]:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
}


.is-disabled,
:disabled,
[disabled] {
    pointer-events: none;
}



ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}


.text ul li {
    position: relative;
    padding-left: 1.4rem;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.text ul li:first-child {
    margin-top: 0;
}

.text ul li:last-child {
    margin-bottom: 0;
}

.text ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.7rem;
    width: 5px;
    height: 5px;
    background: #306bf5;
    border-radius: 50%;
}


.list-none li {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.list-none li:first-child {
    margin-top: 0;
}

.list-none li:last-child {
    margin-bottom: 0;
}


.text--left {
    text-align: left;
}

.text--right {
    text-align: right;
}

.text--center {
    text-align: center;
}


.text--capitalize {
    text-transform: uppercase !important;
}

.text--non-captialize {
    text-transform: none !important;
}


.text--nowrap {
    white-space: nowrap !important;
}


.text--truncate {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}






.text--color-primary {
    color: #306bf5;
}

.text--color-secondary {
    color: #ffd600;
}

.text--color-text-small {
    color: #90989f;
}

.ui-footer .text--color-text-small {
    color: #adc6ff;
}

.text--color-heading {
    color: #333333;
}

.text--color-success {
    color: #07a115;
}

.text--color-error {
    color: #de2152;
}

.text--color-complementary {
    color: #d7194e;
}

.ui-footer {
    color: #ffffff;
}


hr {
    border: 0;
    border-bottom: 1px solid #edeef0;
}


.icon {
    transition-property: color, transform, opacity;
    display: inline-block;
    transform: translateY(0);
}

a .icon, button .icon, .btn .icon {
    vertical-align: middle;
    transition-property: transform, opacity;
    pointer-events: none;
}

a .icon:not(:last-child), button .icon:not(:last-child), .btn .icon:not(:last-child) {
    margin-right: .9rem;
}

a .icon:not(:first-child), button .icon:not(:first-child), .btn .icon:not(:first-child) {
    margin-left: .9em;
}


.text .icon {
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.text .icon:not(:first-child) {
    margin-left: .7rem;
}

.text .icon:not(:last-child) {
    margin-right: .7rem;
}


.btn .icon {
    flex-shrink: 0;
    margin-top: -4px;
}

@-moz-document url-prefix() {
    .btn .icon {
        margin-top: -2px;
    }
}

.btn--tiny .icon {
    margin-top: -2px;
}

.btn--smaller .icon {
    margin-top: 0;
}


.btn .badge + .icon {
    margin-left: 0;
}


.icon-arrow-down {
    position: relative;
    top: 1px;
}

.icon-add-round-small {
    position: relative;
    top: 2px;
}

.btn--primary .icon-arrow-down {
    left: -9px;
}

.btn--smaller .icon-arrow-down {
    top: -1px;
}

.btn .icon-subscribe, .btn
.icon-info-leasing {
    margin-top: -2px;
}

.icon-arrow-back-small {
    position: relative;
    top: 2px;
}

.icon-thumbs-up {
    position: relative;
    top: -2px;
}

.icon-thumbs-down {
    position: relative;
    top: 6px;
}

.icon-card {
    position: relative;
    top: 3px;
}

.icon-promo-star {
    position: relative;
    margin-top: -4px;
}

.btn .icon-add-round {
    margin-top: 0;
}

.btn .icon-user-small {
    margin-top: 0;
}


a .icon-dropdown a:not(:first-child), a
.icon-dropdown button:not(:first-child) {
    margin-left: .4rem;
}

.btn .icon-dropdown {
    margin-top: 0;
}

.is-active .icon-dropdown {
    transform: translateY(-1px) rotate(180deg);
}


.animation--fade-in,
.animation--fade-out, .animation--popover-in,
.animation--popover-out, .animation--lightbox-in,
.animation--lightbox-out, .animation--lightbox-in .lightbox__overlay,
.animation--lightbox-out .lightbox__overlay, .animation--lightbox-in .lightbox__content,
.animation--lightbox-out .lightbox__content, .animation--height, .animation--product-appear {
    pointer-events: none;
}


.animation--fade-in,
.animation--fade-out {
    will-change: opacity;
}

.animation--fade-in--inactive,
.animation--fade-out--active {
    opacity: 0;
}


.animation--popover-in,
.animation--popover-out {
    pointer-events: all;
    transition-property: transform, opacity;
    will-change: transform, opacity;
}

.animation--popover-in--inactive,
.animation--popover-out--active {
    opacity: 0;
    transform: translateY(10px);
}


.animation--lightbox-in,
.animation--lightbox-out {
    pointer-events: all;
    transition-property: border-color;
    border-color: rgba(255, 255, 255, 0);
}

.animation--lightbox-in .lightbox__overlay,
.animation--lightbox-out .lightbox__overlay {
    pointer-events: all;
    transition-property: opacity;
    will-change: opacity;
    opacity: 0.5;
}

.animation--lightbox-in .lightbox__content,
.animation--lightbox-out .lightbox__content {
    pointer-events: all;
    transition-property: transform, opacity;
    will-change: opacity;
}

.animation--lightbox-in--inactive,
.animation--lightbox-out--active {
    border-color: transparent;
}

.animation--lightbox-in--inactive .lightbox__overlay,
.animation--lightbox-out--active .lightbox__overlay {
    opacity: 0;
}

.animation--lightbox-in--inactive .lightbox__content,
.animation--lightbox-out--active .lightbox__content {
    opacity: 0;
    transform: scale(0.9);
}


.animation--height {
    transition-property: height, opacity;
    will-change: height, opacity;
    overflow: hidden;
}


.animation--product-appear {
    transition-property: opacity, transform;
}

.animation--product-appear--inactive {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
}


.btn {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn__content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.is-ie .btn__content {
    margin-left: 0;
    margin-right: 0;
}

.btn.is-disabled, .btn:disabled, .btn[disabled] {
    opacity: 0.5;
}


.btn__icon:after {
    content: "";
}


span.btn {
    pointer-events: none;
}


.btn--align-left {
    justify-content: flex-start;
}

.btn--full {
    width: 100%;
}


.btn.btn--no-icon {
    padding-top: 0;
}


.btn {
    height: 50px;
    padding: 4px 30px 0;
    border-radius: 4px;
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    line-height: 50px;
}

@-moz-document url-prefix() {
    .btn {
        padding-top: 2px;
    }
}

.is-ie .btn {
    padding-top: 2px;
}

.is-edge .btn {
    padding-top: 2px;
}

.btn .btn__content {
    margin-top: -4px;
    padding-top: 4px;
    height: 50px;
}

@-moz-document url-prefix() {
    .btn .btn__content {
        margin-top: -2px;
        padding-top: 2px;
    }
}

.is-ie .btn .btn__content {
    margin-top: -2px;
    padding-top: 2px;
}

.is-edge .btn .btn__content {
    margin-top: -2px;
    padding-top: 2px;
}

.btn.btn--square {
    width: 50px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.btn--small {
    height: 46px;
    padding: 2px 19px 0;
    font-size: 1.2rem;
    line-height: 46px;
}

.btn--small .btn__content {
    margin-top: -2px;
    padding-top: 2px;
    height: 46px;
}

.btn--small.btn--square {
    width: 46px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.btn--280 {
    width: 295px;
    border-radius: 4px;
    flex-grow: 0;
}

.btn--280.btn--square {
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.btn--freez {
    position: fixed;
    bottom: 0;
    width: 240px;
    z-index: 1;
}

.btn--smaller {
    height: 40px;
    padding: 0 15px 0;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 40px;
}

.btn--smaller .btn__content {
    margin-top: 0;
    padding-top: 0;
    height: 40px;
}

.btn--smaller.btn--square {
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.btn--text-small {
    font-size: 1.2rem;
    letter-spacing: 0.02em;
}

.btn--text-default {
    font-size: 1.4rem;
    letter-spacing: 0.02em;
}

.btn--text-lead {
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    font-size: 1.6rem;
}

.btn--tiny {
    height: 20px;
    padding: 2px 0 0;
    line-height: 20px;
}

.btn--tiny .btn__content {
    margin-top: -2px;
    padding-top: 2px;
    height: 20px;
}

.btn--tiny.btn--square {
    width: 20px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.btn--tiny-pdf {
    height: 20px;
    padding: 2px 10px 0 10px;
    line-height: 20px;
}

.btn--tiny-pdf .btn__content {
    margin-top: -2px;
    padding-top: 2px;
    height: 20px;
}

.btn--tiny-pdf.btn--square {
    width: 20px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.btn--size-nav {
    height: 60px;
    padding: 0;
    border-radius: 0;
    font-size: 1.2rem;
    line-height: 60px;
}

.btn--size-nav .btn__content {
    margin-top: 0;
    padding-top: 0;
    height: 60px;
}

.btn--size-tab {
    height: 75px;
    padding: 0;
    border-radius: 0;
    font-size: 2.1rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    line-height: 75px;
}

.btn--size-tab .btn__content {
    margin-top: 0;
    padding-top: 0;
    height: 75px;
}

.btn--size-tab-small {
    height: 67px;
    padding: 0;
    border-radius: 0;
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    line-height: 67px;
}

.select_only .btn--size-tab-small  {
    font-size: 1rem;
    height: 40px;
    padding: 0 10px 0;
    margin-right: 5px;
    margin-left: 0;
    margin-top: 24px !important;
    color: #6F7780;
}
.select_only .btn--size-tab-small.is-active  {
    background-color: #f5f7fa;
}

.select_only .btn--tab:before {
    content: none;
}

.btn--size-tab-small .btn__content {
    margin-top: 0;
    padding-top: 0;
    height: 67px;
}

.btn--size-dropdown {
    height: 40px;
    padding: 0 15px;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    line-height: 40px;
}

.btn--size-dropdown .btn__content {
    margin-top: 0;
    padding-top: 0;
    height: 40px;
}

.btn--large,
.dropdown--larger .btn--size-dropdown {
    font-size: 1.4rem;
}

.dropdown--smaller .btn--size-dropdown {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
}

.btn--narrow {
    padding-left: 15px;
    padding-right: 15px;
}

.btn--wide {
    padding-left: 30px;
    padding-right: 30px;
}

.btn--larger {
    height: 60px;
    padding: 4px 20px 0;
    line-height: 60px;
}

@-moz-document url-prefix() {
    .btn--larger {
        padding-top: 2px;
    }
}

.is-ie .btn--larger {
    padding-top: 2px;
}

.is-edge .btn--larger {
    padding-top: 2px;
}

.btn--larger .btn__content {
    margin-top: -4px;
    padding-top: 4px;
    height: 60px;
}

@-moz-document url-prefix() {
    .btn--larger .btn__content {
        margin-top: -2px;
        padding-top: 2px;
    }
}

.is-ie .btn--larger .btn__content {
    margin-top: -2px;
    padding-top: 2px;
}

.is-edge .btn--larger .btn__content {
    margin-top: -2px;
    padding-top: 2px;
}

.btn--larger.btn--square {
    width: 60px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
}


.has-hover .btn--primary:hover, .has-hover .btn--primary:focus {
    color: #ffffff;
    background-color: #0c50f1;
}

.btn--primary:active, .has-hover .btn--primary:active, .btn--primary.is-active {
    color: #ffffff;
    background-color: #0c50f1;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2) inset;
}

.btn--primary, .btn--primary.is-disabled, .btn--primary:disabled, .btn--primary[disabled] {
    color: #ffffff;
    background-color: #306bf5;
}

.btn--primary.is-disabled, .btn--primary:disabled, .btn--primary[disabled] {
    color: #333333;
    background-color: #f5f7fa;
    opacity: 1;
}

.btn--primary.loading {
    color: transparent !important;
}

.has-hover .ui-footer .btn--primary:hover, .has-hover .ui-footer .btn--primary:focus, .ui-footer .btn--primary:active, .has-hover .ui-footer .btn--primary:active, .ui-footer .btn--primary.is-active {
    color: #306bf5;
    background-color: #ffffff;
}

.ui-footer .btn--primary, .ui-footer .btn--primary.is-disabled, .ui-footer .btn--primary:disabled, .ui-footer .btn--primary[disabled] {
    color: #ffffff;
    background-color: #447fff;
}

.ui-footer .btn--primary.loading {
    color: transparent !important;
}

.has-hover .ui-white .btn--primary:hover, .has-hover .ui-white .btn--primary:focus {
    color: #ffffff;
    background-color: #0c50f1;
}

.ui-white .btn--primary:active, .has-hover .ui-white .btn--primary:active, .ui-white .btn--primary.is-active {
    color: #ffffff;
    background-color: #0c50f1;
}

.ui-white .btn--primary, .ui-white .btn--primary.is-disabled, .ui-white .btn--primary:disabled, .ui-white .btn--primary[disabled] {
    color: #ffffff;
    background-color: #306bf5;
}

.ui-white .btn--primary.loading {
    color: transparent !important;
}

.ui-light .btn--primary.is-disabled, .ui-light .btn--primary:disabled, .ui-light .btn--primary[disabled] {
    color: #90989f;
    background-color: #e8edf2;
    opacity: 1;
}

.ui-light .btn--primary.loading {
    color: transparent !important;
}


.btn--primary--simple.is-disabled, .btn--primary--simple:disabled, .btn--primary--simple[disabled] {
    color: #c2cbd2;
    background-color: #f5f7fa;
    opacity: 1;
}

.btn--primary--simple.loading {
    color: transparent !important;
}


.has-hover .btn--secondary:hover, .has-hover .btn--secondary:focus, .has-hover
.ui-footer .btn--secondary:hover, .has-hover
.ui-footer .btn--secondary:focus {
    color: #333333;
    background-color: #ffcc00;
}

.btn--secondary:active, .has-hover .btn--secondary:active, .btn--secondary.is-active,
.ui-footer .btn--secondary:active, .has-hover
.ui-footer .btn--secondary:active,
.ui-footer .btn--secondary.is-active {
    color: #333333;
    background-color: #ffcc00;
    box-shadow: 0 4px 7px rgba(51, 51, 51, 0.15) inset;
}

.btn--secondary, .btn--secondary.is-disabled, .btn--secondary:disabled, .btn--secondary[disabled],
.ui-footer .btn--secondary,
.ui-footer .btn--secondary.is-disabled,
.ui-footer .btn--secondary:disabled,
.ui-footer .btn--secondary[disabled] {
    color: #333333;
    background-color: #ffd600;
}

.btn--secondary.loading,
.ui-footer .btn--secondary.loading {
    color: transparent !important;
}


.has-hover .btn--tetriary:hover, .has-hover .btn--tetriary:focus {
    color: #ffffff;
    background-color: #30a145;
}

.btn--tetriary:active, .has-hover .btn--tetriary:active, .btn--tetriary.is-active {
    color: #ffffff;
    background-color: #30a145;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2) inset;
}

.btn--tetriary, .btn--tetriary.is-disabled, .btn--tetriary:disabled, .btn--tetriary[disabled] {
    color: #ffffff;
    background-color: #39c053;
}

.btn--tetriary.loading {
    color: transparent !important;
}


.btn--link,
.btn--link-primary,
.btn--link-primary-inv,
.btn--link-text,
.btn--link-success,
.btn--link-filter {
    padding-left: 0px;
    padding-right: 0px;
}

.has-hover .btn--link:hover, .has-hover .btn--link:focus, .btn--link:active, .has-hover .btn--link:active, .btn--link.is-active {
    color: #306bf5;
}

.has-hover .btn--link:hover .icon, .has-hover .btn--link:focus .icon, .btn--link:active .icon, .has-hover .btn--link:active .icon, .btn--link.is-active .icon {
    color: #306bf5;
}

.btn--link, .btn--link.is-disabled, .btn--link:disabled, .btn--link[disabled] {
    color: #333333;
}

.btn--link .icon, .btn--link.is-disabled .icon, .btn--link:disabled .icon, .btn--link[disabled] .icon {
    color: #306bf5;
}

.btn--link .icon {
    transition-property: color;
}

.btn--link .icon {
    transition-property: color;
}

.btn--link.loading {
    color: transparent !important;
}


.has-hover .ui-footer .btn--link:hover, .has-hover .ui-footer .btn--link:focus, .ui-footer .btn--link:active, .has-hover .ui-footer .btn--link:active, .ui-footer .btn--link.is-active {
    color: #adc6ff;
}

.has-hover .ui-footer .btn--link:hover .icon, .has-hover .ui-footer .btn--link:focus .icon, .ui-footer .btn--link:active .icon, .has-hover .ui-footer .btn--link:active .icon, .ui-footer .btn--link.is-active .icon {
    color: #adc6ff;
}

.ui-footer .btn--link, .ui-footer .btn--link.is-disabled, .ui-footer .btn--link:disabled, .ui-footer .btn--link[disabled] {
    color: #ffffff;
}

.ui-footer .btn--link .icon, .ui-footer .btn--link.is-disabled .icon, .ui-footer .btn--link:disabled .icon, .ui-footer .btn--link[disabled] .icon {
    color: #ffffff;
}

.ui-footer .btn--link .icon {
    transition-property: color;
}

.ui-footer .btn--link .icon {
    transition-property: color;
}

.ui-footer .btn--link.loading {
    color: transparent !important;
}


.has-hover .btn--white:hover, .has-hover .btn--white:focus {
    color: #333333;
    background-color: #fff;
}

.btn--white:active, .has-hover .btn--white:active, .btn--white.is-active {
    color: #333333;
    background-color: #fff;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2) inset;
}

.btn--white, .btn--white.is-disabled, .btn--white:disabled, .btn--white[disabled] {
    color: #306bf5;
    background-color: #fff;
}

.btn--white.is-disabled, .btn--white:disabled, .btn--white[disabled] {
    color: #90989f;
    background-color: #fff;
}

.btn--white.loading {
    color: transparent !important;
}

.btn--white.is-disabled, .btn--white:disabled, .btn--white[disabled] {
    opacity: 0.5;
}


.has-hover .btn--dark:hover, .has-hover .btn--dark:focus {
    color: #ffffff;
    background-color: #2b2e31;
}

.btn--dark:active, .has-hover .btn--dark:active, .btn--dark.is-active {
    color: #ffffff;
    background-color: #2b2e31;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.6) inset;
}

.btn--dark, .btn--dark.is-disabled, .btn--dark:disabled, .btn--dark[disabled] {
    color: #ffffff;
    background-color: rgba(43, 46, 49, 0.8);
}

.btn--dark.is-disabled, .btn--dark:disabled, .btn--dark[disabled] {
    opacity: 0;
}

.btn--dark.loading {
    color: transparent !important;
}


.has-hover .btn--simple:hover, .has-hover .btn--simple:focus, .has-hover
.btn--simple-error:hover, .has-hover
.btn--simple-error:focus, .has-hover
.btn--simple-success:hover, .has-hover
.btn--simple-success:focus, .has-hover
.btn--simple-primary:hover, .has-hover
.btn--simple-primary:focus {
    color: #333333;
    background-color: #ebeff4;
}

.btn--simple:active, .has-hover .btn--simple:active, .btn--simple.is-active,
.btn--simple-error:active, .has-hover
.btn--simple-error:active,
.btn--simple-error.is-active,
.btn--simple-success:active, .has-hover
.btn--simple-success:active,
.btn--simple-success.is-active,
.btn--simple-primary:active, .has-hover
.btn--simple-primary:active,
.btn--simple-primary.is-active {
    color: #333333;
    background-color: #ebeff4;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2) inset;
}

.btn--simple, .btn--simple.is-disabled, .btn--simple:disabled, .btn--simple[disabled],
.btn--simple-error,
.btn--simple-error.is-disabled,
.btn--simple-error:disabled,
.btn--simple-error[disabled],
.btn--simple-success,
.btn--simple-success.is-disabled,
.btn--simple-success:disabled,
.btn--simple-success[disabled],
.btn--simple-primary,
.btn--simple-primary.is-disabled,
.btn--simple-primary:disabled,
.btn--simple-primary[disabled] {
    color: #333333;
    background-color: #f5f7fa;
}

.btn--simple.is-disabled, .btn--simple:disabled, .btn--simple[disabled],
.btn--simple-error.is-disabled,
.btn--simple-error:disabled,
.btn--simple-error[disabled],
.btn--simple-success.is-disabled,
.btn--simple-success:disabled,
.btn--simple-success[disabled],
.btn--simple-primary.is-disabled,
.btn--simple-primary:disabled,
.btn--simple-primary[disabled] {
    color: #c2cbd2;
    background-color: #f5f7fa;
}

.btn--simple.loading,
.btn--simple-error.loading,
.btn--simple-success.loading,
.btn--simple-primary.loading {
    color: transparent !important;
}

.btn--simple.is-disabled, .btn--simple:disabled, .btn--simple[disabled],
.btn--simple-error.is-disabled,
.btn--simple-error:disabled,
.btn--simple-error[disabled],
.btn--simple-success.is-disabled,
.btn--simple-success:disabled,
.btn--simple-success[disabled],
.btn--simple-primary.is-disabled,
.btn--simple-primary:disabled,
.btn--simple-primary[disabled] {
    opacity: 1;
}

.btn--simple small,
.btn--simple-error small,
.btn--simple-success small,
.btn--simple-primary small {
    color: #90989f;
}

.has-hover .btn--simple-primary:hover, .has-hover .btn--simple-primary:focus, .btn--simple-primary:active, .has-hover .btn--simple-primary:active, .btn--simple-primary.is-active {
    color: #306bf5;
}

.btn--simple-primary.is-disabled, .btn--simple-primary:disabled, .btn--simple-primary[disabled] {
    color: #c2cbd2;
}

.btn--simple-primary.loading {
    color: transparent !important;
}

.has-hover .btn--simple-error:hover, .has-hover .btn--simple-error:focus, .btn--simple-error:active, .has-hover .btn--simple-error:active, .btn--simple-error.is-active {
    color: #de2152;
}

.btn--simple-error.is-disabled, .btn--simple-error:disabled, .btn--simple-error[disabled] {
    color: #c2cbd2;
}

.btn--simple-error.loading {
    color: transparent !important;
}

.has-hover .btn--simple-success:hover, .has-hover .btn--simple-success:focus, .btn--simple-success:active, .has-hover .btn--simple-success:active, .btn--simple-success.is-active {
    color: #0cb799;
}

.btn--simple-success.is-disabled, .btn--simple-success:disabled, .btn--simple-success[disabled] {
    color: #c2cbd2;
}

.btn--simple-success.loading {
    color: transparent !important;
}

.has-hover .ui-light .btn--simple:hover, .has-hover .ui-light .btn--simple:focus {
    background-color: #ebeff4;
}

.ui-light .btn--simple:active, .has-hover .ui-light .btn--simple:active, .ui-light .btn--simple.is-active {
    background-color: #ebeff4;
}

.ui-light .btn--simple, .ui-light .btn--simple.is-disabled, .ui-light .btn--simple:disabled, .ui-light .btn--simple[disabled] {
    color: #90989f;
    background-color: #e8edf2;
}

.ui-light .btn--simple.is-disabled, .ui-light .btn--simple:disabled, .ui-light .btn--simple[disabled] {
    background-color: #e8edf2;
}

.ui-light .btn--simple.loading {
    color: transparent !important;
}


.has-hover .btn--error:hover, .has-hover .btn--error:focus, .btn--error:active, .has-hover .btn--error:active, .btn--error.is-active {
    color: #de2152;
}

.btn--error, .btn--error.is-disabled, .btn--error:disabled, .btn--error[disabled] {
    color: #333333;
}

.btn--error.is-disabled, .btn--error:disabled, .btn--error[disabled] {
    color: #c2cbd2;
}

.btn--error.loading {
    color: transparent !important;
}


.has-hover .btn--success:hover, .has-hover .btn--success:focus, .btn--success:active, .has-hover .btn--success:active, .btn--success.is-active {
    color: #0cb799;
}

.btn--success, .btn--success.is-disabled, .btn--success:disabled, .btn--success[disabled] {
    color: #333333;
}

.btn--success.is-disabled, .btn--success:disabled, .btn--success[disabled] {
    color: #c2cbd2;
}

.btn--success.loading {
    color: transparent !important;
}


.btn--nav:before,
.btn--tab:before {
    content: "";
    background: #ffd600;
    height: 3px;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -1px;
    transition-property: opacity;
    opacity: 0;
}

.btn--nav.is-active:before,
.btn--tab.is-active:before {
    opacity: 1;
}

.has-hover .btn--nav:hover, .has-hover .btn--nav:focus, .btn--nav:active, .has-hover .btn--nav:active, .btn--nav.is-active, .has-hover
.btn--tab:hover, .has-hover
.btn--tab:focus,
.btn--tab:active, .has-hover
.btn--tab:active,
.btn--tab.is-active {
    color: #333333;
}

.has-hover .btn--nav:hover .icon, .has-hover .btn--nav:focus .icon, .btn--nav:active .icon, .has-hover .btn--nav:active .icon, .btn--nav.is-active .icon, .has-hover
.btn--tab:hover .icon, .has-hover
.btn--tab:focus .icon,
.btn--tab:active .icon, .has-hover
.btn--tab:active .icon,
.btn--tab.is-active .icon {
    color: #306bf5;
}

.btn--nav, .btn--nav.is-disabled, .btn--nav:disabled, .btn--nav[disabled],
.btn--tab,
.btn--tab.is-disabled,
.btn--tab:disabled,
.btn--tab[disabled] {
    color: #333333;
}

.btn--nav .icon, .btn--nav.is-disabled .icon, .btn--nav:disabled .icon, .btn--nav[disabled] .icon,
.btn--tab .icon,
.btn--tab.is-disabled .icon,
.btn--tab:disabled .icon,
.btn--tab[disabled] .icon {
    color: #306bf5;
}

.btn--nav .icon,
.btn--tab .icon {
    transition-property: color;
}

.btn--nav .icon,
.btn--tab .icon {
    transition-property: color;
}

.btn--nav.is-disabled, .btn--nav:disabled, .btn--nav[disabled],
.btn--tab.is-disabled,
.btn--tab:disabled,
.btn--tab[disabled] {
    color: #c2cbd2;
}

.btn--nav.is-disabled .icon, .btn--nav:disabled .icon, .btn--nav[disabled] .icon,
.btn--tab.is-disabled .icon,
.btn--tab:disabled .icon,
.btn--tab[disabled] .icon {
    color: #c2cbd2;
}

.btn--nav.loading,
.btn--tab.loading {
    color: transparent !important;
}

.has-hover .btn--tab:hover, .has-hover .btn--tab:focus {
    color: #333333;
}

.has-hover .btn--tab:hover .icon, .has-hover .btn--tab:focus .icon {
    color: #333333;
}

.btn--tab:active, .has-hover .btn--tab:active, .btn--tab.is-active {
    color: #333333;
}

.btn--tab:active .icon, .has-hover .btn--tab:active .icon, .btn--tab.is-active .icon {
    color: #306bf5;
}

.btn--tab, .btn--tab.is-disabled, .btn--tab:disabled, .btn--tab[disabled] {
    color: #306bf5;
}

.btn--tab .icon, .btn--tab.is-disabled .icon, .btn--tab:disabled .icon, .btn--tab[disabled] .icon {
    color: #306bf5;
}

.btn--tab .icon {
    transition-property: color;
}

.btn--tab .icon {
    transition-property: color;
}

.btn--tab .icon {
    transition-property: color;
}

.btn--tab.is-disabled, .btn--tab:disabled, .btn--tab[disabled] {
    color: #c2cbd2;
}

.btn--tab.is-disabled .icon, .btn--tab:disabled .icon, .btn--tab[disabled] .icon {
    color: #c2cbd2;
}

.btn--tab.loading {
    color: transparent !important;
}


.has-hover .btn--link-primary:hover, .has-hover .btn--link-primary:focus, .btn--link-primary:active, .has-hover .btn--link-primary:active, .btn--link-primary.is-active {
    color: #333333;
}

.has-hover .btn--link-primary:hover .icon, .has-hover .btn--link-primary:focus .icon, .btn--link-primary:active .icon, .has-hover .btn--link-primary:active .icon, .btn--link-primary.is-active .icon {
    color: #333333;
}

.has-hover .btn--link-primary.is-active:hover, .has-hover .btn--link-primary.is-active:focus {
    color: #306bf5;
}

.has-hover .btn--link-primary.is-active:hover .icon, .has-hover .btn--link-primary.is-active:focus .icon {
    color: #306bf5;
}

.btn--link-primary, .btn--link-primary.is-disabled, .btn--link-primary:disabled, .btn--link-primary[disabled] {
    color: #306bf5;
}

.btn--link-primary .icon, .btn--link-primary.is-disabled .icon, .btn--link-primary:disabled .icon, .btn--link-primary[disabled] .icon {
    color: #306bf5;
}

.btn--link-primary .icon {
    transition-property: color;
}

.btn--link-primary .icon {
    transition-property: color;
}

.btn--link-primary.loading {
    color: transparent !important;
}


.has-hover .btn--link-primary-inv:hover, .has-hover .btn--link-primary-inv:focus, .btn--link-primary-inv:active, .has-hover .btn--link-primary-inv:active, .btn--link-primary-inv.is-active {
    color: #306bf5;
}

.btn--link-primary-inv, .btn--link-primary-inv.is-disabled, .btn--link-primary-inv:disabled, .btn--link-primary-inv[disabled] {
    color: #333333;
}

.btn--link-primary-inv.loading {
    color: transparent !important;
}

.has-hover .ui-footer .btn--link-primary-inv:hover, .has-hover .ui-footer .btn--link-primary-inv:focus, .ui-footer .btn--link-primary-inv:active, .has-hover .ui-footer .btn--link-primary-inv:active, .ui-footer .btn--link-primary-inv.is-active {
    color: #ffd600;
}

.has-hover .ui-footer .btn--link-primary-inv:hover .icon, .has-hover .ui-footer .btn--link-primary-inv:focus .icon, .ui-footer .btn--link-primary-inv:active .icon, .has-hover .ui-footer .btn--link-primary-inv:active .icon, .ui-footer .btn--link-primary-inv.is-active .icon {
    color: #ffd600;
}

.ui-footer .btn--link-primary-inv, .ui-footer .btn--link-primary-inv.is-disabled, .ui-footer .btn--link-primary-inv:disabled, .ui-footer .btn--link-primary-inv[disabled] {
    color: #ffffff;
}

.ui-footer .btn--link-primary-inv .icon, .ui-footer .btn--link-primary-inv.is-disabled .icon, .ui-footer .btn--link-primary-inv:disabled .icon, .ui-footer .btn--link-primary-inv[disabled] .icon {
    color: #ffd600;
}

.ui-footer .btn--link-primary-inv .icon {
    transition-property: color;
}

.ui-footer .btn--link-primary-inv .icon {
    transition-property: color;
}

.ui-footer .btn--link-primary-inv.loading {
    color: transparent !important;
}


.has-hover .btn--link-text:hover, .has-hover .btn--link-text:focus, .btn--link-text:active, .has-hover .btn--link-text:active, .btn--link-text.is-active {
    color: #333333;
}

.has-hover .btn--link-text:hover .icon, .has-hover .btn--link-text:focus .icon, .btn--link-text:active .icon, .has-hover .btn--link-text:active .icon, .btn--link-text.is-active .icon {
    color: #333333;
}

.btn--link-text, .btn--link-text.is-disabled, .btn--link-text:disabled, .btn--link-text[disabled] {
    color: #90989f;
}

.btn--link-text .icon, .btn--link-text.is-disabled .icon, .btn--link-text:disabled .icon, .btn--link-text[disabled] .icon {
    color: #b4bcc3;
}

.btn--link-text .icon {
    transition-property: color;
}

.btn--link-text .icon {
    transition-property: color;
}

.btn--link-text.loading {
    color: transparent !important;
}


.has-hover .btn--link-filter:hover, .has-hover .btn--link-filter:focus {
    color: #306bf5;
}

.has-hover .btn--link-filter:hover .icon, .has-hover .btn--link-filter:focus .icon {
    color: #306bf5;
}

.btn--link-filter:active, .has-hover .btn--link-filter:active, .btn--link-filter.is-active {
    color: #333333;
}

.btn--link-filter:active .icon, .has-hover .btn--link-filter:active .icon, .btn--link-filter.is-active .icon {
    color: #b4bcc3;
}

.has-hover .btn--link-filter.is-active:hover, .has-hover .btn--link-filter.is-active:focus {
    color: #306bf5;
}

.has-hover .btn--link-filter.is-active:hover .icon, .has-hover .btn--link-filter.is-active:focus .icon {
    color: #306bf5;
}

.btn--link-filter, .btn--link-filter.is-disabled, .btn--link-filter:disabled, .btn--link-filter[disabled] {
    color: #333333;
    padding: 0 5px;
}

.btn--link-filter .icon, .btn--link-filter.is-disabled .icon, .btn--link-filter:disabled .icon, .btn--link-filter[disabled] .icon {
    color: #b4bcc3;
}

.btn--link-filter .icon {
    transition-property: color;
}

.btn--link-filter .icon {
    transition-property: color;
}

.btn--link-filter .icon {
    transition-property: color;
}

.btn--link-filter.loading {
    color: transparent !important;
}


.has-hover .btn--link-success:hover, .has-hover .btn--link-success:focus, .btn--link-success:active, .has-hover .btn--link-success:active, .btn--link-success.is-active {
    color: #07a115;
}

.has-hover .btn--link-success:hover .icon, .has-hover .btn--link-success:focus .icon, .btn--link-success:active .icon, .has-hover .btn--link-success:active .icon, .btn--link-success.is-active .icon {
    color: #07a115;
}

.btn--link-success, .btn--link-success.is-disabled, .btn--link-success:disabled, .btn--link-success[disabled] {
    color: #07a115;
}

.btn--link-success .icon, .btn--link-success.is-disabled .icon, .btn--link-success:disabled .icon, .btn--link-success[disabled] .icon {
    color: #07a115;
}

.btn--link-success .icon {
    transition-property: color;
}

.btn--link-success .icon {
    transition-property: color;
}

.btn--link-success.loading {
    color: transparent !important;
}


.has-hover .btn--dropdown:hover, .has-hover .btn--dropdown:focus, .btn--dropdown:active, .has-hover .btn--dropdown:active, .btn--dropdown.is-active {
    color: #333333;
}

.has-hover .btn--dropdown:hover .icon, .has-hover .btn--dropdown:focus .icon, .btn--dropdown:active .icon, .has-hover .btn--dropdown:active .icon, .btn--dropdown.is-active .icon {
    color: #c0c2c7;
}

.btn--dropdown, .btn--dropdown.is-disabled, .btn--dropdown:disabled, .btn--dropdown[disabled] {
    color: #90989f;
}

.btn--dropdown .icon, .btn--dropdown.is-disabled .icon, .btn--dropdown:disabled .icon, .btn--dropdown[disabled] .icon {
    color: #c0c2c7;
}

.btn--dropdown .icon {
    transition-property: color;
}

.btn--dropdown .icon {
    transition-property: color;
}

.btn--dropdown.loading {
    color: transparent !important;
}

.btn--dropdown.is-active {
    background: #ffffff;
    box-shadow: 0 10px 20px rgba(18, 42, 96, 0.12);
}

.has-hover .btn--dropdown-primary:hover, .has-hover .btn--dropdown-primary:focus, .btn--dropdown-primary:active, .has-hover .btn--dropdown-primary:active, .btn--dropdown-primary.is-active {
    color: #333333;
}

.has-hover .btn--dropdown-primary:hover .icon, .has-hover .btn--dropdown-primary:focus .icon, .btn--dropdown-primary:active .icon, .has-hover .btn--dropdown-primary:active .icon, .btn--dropdown-primary.is-active .icon {
    color: #333333;
}

.btn--dropdown-primary, .btn--dropdown-primary.is-disabled, .btn--dropdown-primary:disabled, .btn--dropdown-primary[disabled] {
    color: #306bf5;
}

.btn--dropdown-primary .icon, .btn--dropdown-primary.is-disabled .icon, .btn--dropdown-primary:disabled .icon, .btn--dropdown-primary[disabled] .icon {
    color: #306bf5;
}

.btn--dropdown-primary .icon {
    transition-property: color;
}

.btn--dropdown-primary .icon {
    transition-property: color;
}

.btn--dropdown-primary.loading {
    color: transparent !important;
}

.btn--dropdown-primary.is-active {
    background: #ffffff;
    box-shadow: 0 10px 20px rgba(18, 42, 96, 0.12);
}

.dropdown--larger .btn--dropdown,
.dropdown--larger .btn--dropdown-primary {
    text-transform: none;
    font-weight: 500;
}


.has-hover .ui-footer .btn--dropdown:hover, .has-hover .ui-footer .btn--dropdown:focus {
    color: #adc6ff;
}

.has-hover .ui-footer .btn--dropdown:hover .icon, .has-hover .ui-footer .btn--dropdown:focus .icon {
    color: #adc6ff;
}

.ui-footer .btn--dropdown:active, .has-hover .ui-footer .btn--dropdown:active, .ui-footer .btn--dropdown.is-active {
    color: #333333;
}

.ui-footer .btn--dropdown:active .icon, .has-hover .ui-footer .btn--dropdown:active .icon, .ui-footer .btn--dropdown.is-active .icon {
    color: #333333;
}

.has-hover .ui-footer .btn--dropdown.is-active:hover, .has-hover .ui-footer .btn--dropdown.is-active:focus {
    color: #333333;
}

.has-hover .ui-footer .btn--dropdown.is-active:hover .icon, .has-hover .ui-footer .btn--dropdown.is-active:focus .icon {
    color: #333333;
}

.ui-footer .btn--dropdown, .ui-footer .btn--dropdown.is-disabled, .ui-footer .btn--dropdown:disabled, .ui-footer .btn--dropdown[disabled] {
    color: #ffffff;
}

.ui-footer .btn--dropdown .icon, .ui-footer .btn--dropdown.is-disabled .icon, .ui-footer .btn--dropdown:disabled .icon, .ui-footer .btn--dropdown[disabled] .icon {
    color: #ffffff;
}

.ui-footer .btn--dropdown .icon {
    transition-property: color;
}

.ui-footer .btn--dropdown .icon {
    transition-property: color;
}

.ui-footer .btn--dropdown .icon {
    transition-property: color;
}

.ui-footer .btn--dropdown.loading {
    color: transparent !important;
}

.ui-footer .btn--dropdown.is-active {
    background: #ffffff;
    box-shadow: 0 10px 20px rgba(18, 42, 96, 0.12);
}


.btn--cart {
    padding-left: 0;
    border-radius: 6px 4px 4px 6px;
}

.btn--cart .btn__icon {
    position: relative;
    margin-top: -4px;
    margin-right: 1.8rem;
    padding: 4px 14px 0 16px;
    border-radius: 4px 0 0 4px;
    min-width: 50px;
    background: #ffd600;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    transition-property: background-color, color;
}

.btn--cart.btn--small .btn__icon {
    margin-top: -2px;
}

.has-hover .btn--cart:hover, .has-hover .btn--cart:focus, .btn--cart:active, .has-hover .btn--cart:active, .btn--cart.is-active {
    color: #ffffff;
    background-color: #0c50f1;
}

.btn--cart, .btn--cart.is-disabled, .btn--cart:disabled, .btn--cart[disabled] {
    color: #ffffff;
    background-color: #306bf5;
}

.btn--cart.loading {
    color: transparent !important;
}

.has-hover .btn--cart:hover .btn__icon, .has-hover .btn--cart:focus .btn__icon {
    background: #f0c900;
}

.btn--cart:active .btn__icon, .has-hover .btn--cart:active .btn__icon, .btn--cart.is-active .btn__icon {
    background: #f0c900;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2) inset;
}


.btn--draugiem,
.btn--google,
.btn--facebook {
    border: 2px solid;
    border-radius: 100%;
}

.has-hover .btn--draugiem:hover, .has-hover .btn--draugiem:focus, .btn--draugiem:active, .has-hover .btn--draugiem:active, .btn--draugiem.is-active {
    color: #ffffff;
    background-color: #ff6600;
    border-color: #ff6600;
}

.btn--draugiem, .btn--draugiem.is-disabled, .btn--draugiem:disabled, .btn--draugiem[disabled] {
    color: #ff6600;
    border-color: #ff6600;
}

.btn--draugiem.loading {
    color: transparent !important;
}

.has-hover .btn--google:hover, .has-hover .btn--google:focus, .btn--google:active, .has-hover .btn--google:active, .btn--google.is-active {
    color: #ffffff;
    background-color: #306bf5;
    border-color: #306bf5;
}

.btn--google:focus-visible img,
.btn--google:hover img {
    filter: brightness(6);
}

.btn--google, .btn--google.is-disabled, .btn--google:disabled, .btn--google[disabled] {
    color: #306bf5;
    border-color: #306bf5;
}

.btn--google.loading {
    color: transparent !important;
}

.has-hover .btn--facebook:hover, .has-hover .btn--facebook:focus, .btn--facebook:active, .has-hover .btn--facebook:active, .btn--facebook.is-active {
    color: #ffffff;
    background-color: #365899;
    border-color: #365899;
}

.btn--facebook, .btn--facebook.is-disabled, .btn--facebook:disabled, .btn--facebook[disabled] {
    color: #365899;
    border-color: #365899;
}

.btn--facebook.loading {
    color: transparent !important;
}


.btn--text {
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}


.btn--rounded {
    border-radius: 100px;
}



.form-intro {
    margin-top: 4.6rem;
    margin-bottom: 4.6rem;
    color: #90989f;
}

.form-intro:first-child {
    margin-top: 0;
}

.form-intro:last-child {
    margin-bottom: 0;
}

.form-intro b {
    font-weight: 500;
    color: #333333;
}


.form-success {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.form-success:first-child {
    margin-top: 0;
}

.form-success:last-child {
    margin-bottom: 0;
}


.form-label {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 6px;
    user-select: none;
    color: #90989f;
}

input[disabled] + .form-label, textarea[disabled] + .form-label, select[disabled] + .form-label {
    opacity: 0.5;
}

input[required] ~ .form-label:after, textarea[required] ~ .form-label:after, select[required] ~ .form-label:after {
    content: " *";
    color: #de2152;
}

.form-label b {
    color: #333333;
    font-weight: 500;
}


.form-control--float .form-label {
    padding: 0 20px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    transform-origin: 0 0;
    transition-property: transform;
}

.form-control--float.is-not-empty .form-label,
.form-control--float.is-focused .form-label {
    transform: translate(5px, -3px) scale(0.75);
}

.form-group.has-error .form-label {
    color: #de2152;
}



.form-disclaimer {
    margin-top: 3.2rem;
    margin-bottom: 2.5rem;
    color: #90989f;
}

.form-disclaimer:first-child {
    margin-top: 0;
}

.form-disclaimer:last-child {
    margin-bottom: 0;
}

.form-disclaimer sup {
    color: #d7194e;
    font-size: 1em;
    top: 0;
}

.form-disclaimer b {
    font-weight: 900;
}

.ui-footer .form-disclaimer {
    color: #ffffff;
}


.form-group,
.form-footer {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.form-group:first-child,
.form-footer:first-child {
    margin-top: 0;
}

.form-group:last-child,
.form-footer:last-child {
    margin-bottom: 0;
}

.form-group-large {
    margin-top: 1.7rem;
    margin-bottom: 1.7rem;
}

.form-group-large:first-child {
    margin-top: 0;
}

.form-group-large:last-child {
    margin-bottom: 0;
}


.form-control {
    position: relative;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.form-control--number input,
.form-control--input input,
.form-control--textarea textarea,
.form-control--select select {
    width: 100%;
    min-height: 60px;
    padding: 0 19px;
    border: 1px solid #c2cbd2;
    border-radius: 4px;
    background: #ffffff;
    color: #333333;
    outline: none;
    vertical-align: middle;
    transition-property: color, border-color, box-shadow;
}

.no-hover .form-control--number input, .no-hover
.form-control--input input, .no-hover
.form-control--textarea textarea, .no-hover
.form-control--select select {
    -webkit-appearance: none;
    border-radius: 4px;
}

.form-control--number input[readonly],
.form-control--input input[readonly],
.form-control--textarea textarea[readonly],
.form-control--select select[readonly] {
    pointer-events: none;
    box-shadow: none;
    border-color: rgba(194, 203, 210, 0.5);
}

.form-control--number input::-webkit-input-placeholder,
.form-control--input input::-webkit-input-placeholder,
.form-control--textarea textarea::-webkit-input-placeholder,
.form-control--select select::-webkit-input-placeholder {
    color: #90989f;
}

.form-control--number input::-moz-placeholder,
.form-control--input input::-moz-placeholder,
.form-control--textarea textarea::-moz-placeholder,
.form-control--select select::-moz-placeholder {
    color: #90989f;
}

.form-control--number input:-ms-input-placeholder,
.form-control--input input:-ms-input-placeholder,
.form-control--textarea textarea:-ms-input-placeholder,
.form-control--select select:-ms-input-placeholder {
    color: #90989f;
}

.form-control--number input:placeholder-shown,
.form-control--input input:placeholder-shown,
.form-control--textarea textarea:placeholder-shown,
.form-control--select select:placeholder-shown {
    color: #90989f;
}

.form-control--number input:invalid,
.form-control--input input:invalid,
.form-control--textarea textarea:invalid,
.form-control--select select:invalid {
    box-shadow: none;
}

.form-control--number input:hover,
.form-control--input input:hover,
.form-control--textarea textarea:hover,
.form-control--select select:hover {
    border-color: #acb5bb;
}

.form-control--number input:focus,
.form-control--input input:focus,
.form-control--textarea textarea:focus,
.form-control--select select:focus {
    border-color: #acb5bb;
    box-shadow: 0 10px 20px rgba(72, 72, 172, 0.06);
}

.form-control--number input[disabled],
.form-control--input input[disabled],
.form-control--textarea textarea[disabled],
.form-control--select select[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.form-control--number input::-ms-clear,
.form-control--input input::-ms-clear,
.form-control--textarea textarea::-ms-clear,
.form-control--select select::-ms-clear {
    display: none;
}

.form-control--password input {
    padding-right: 52px;
}

-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}

::-ms-reveal {
    display: none;
}


.ui-footer .form-control--input input {
    border: 0;
}


.ui-light .form-control--input input {
    border-color: #e8edf2;
}


.form-control--number .form-control--error,
.form-control--input .form-control--error,
.form-control--textarea .form-control--error,
.form-control--select .form-control--error,
.ui-light .form-control--input .form-control--error {
    border-color: #d7194e;
}

.form-control-select.nice-select.form-control--error {
    color: #de2152;
    border-color: #d7194e;
}


.form-control--input--small input,
.form-control--input--smaller input,
.form-control--number--smaller input {
    height: 50px;
    min-height: 50px;
    padding: 2px 15px 0;
}

.is-ie .form-control--input--small input, .is-ie
.form-control--input--smaller input, .is-ie
.form-control--number--smaller input {
    padding-top: 0;
}

.is-edge .form-control--input--small input, .is-edge
.form-control--input--smaller input, .is-edge
.form-control--number--smaller input {
    padding-top: 0;
}

@-moz-document url-prefix() {
    .form-control--input--small input,
    .form-control--input--smaller input,
    .form-control--number--smaller input {
        padding-top: 0;
    }
}

.form-control--input--smaller input,
.form-control--number--smaller input {
    min-height: 40px;
    height: 40px;
}


.form-control--float.form-control--input input {
    padding-top: 21px;
}

.form-control--float.form-control--textarea textarea {
    padding-top: 27px;
}


.form-control--textarea textarea {
    min-height: 120px;
    resize: vertical;
}


.form-control--select select {
    -webkit-appearance: menulist-button;
}


input.form-control--invisible,
textarea.form-control--invisible,
select.form-control--invisible {
    display: block !important;
    position: absolute;
    left: -9000px;
    pointer-events: none;
}


.form-control-radio,
.form-control-checkbox {
    display: flex;
}

.form-control-radio input,
.form-control-checkbox input {
    position: absolute;
    left: -9000px;
}

.form-control-radio__icon, .form-control-radio__label,
.form-control-checkbox__icon,
.form-control-checkbox__label {
    position: relative;
    min-height: 16px;
    line-height: 16px;
    cursor: pointer;
}

.form-control-radio__icon:after, .form-control-radio__label:after,
.form-control-checkbox__icon:after,
.form-control-checkbox__label:after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    right: -3px;
    bottom: -10px;
    left: -3px;
}

.form-control-radio__icon,
.form-control-checkbox__icon {
    height: 16px;
    width: 16px;
    border-radius: 100px;
    background: transparent;
    border: 1px solid #c2cbd2;
    flex-shrink: 0;
    transition-property: border-color, border-width;
}

.form-control-radio__label,
.form-control-checkbox__label {
    flex-grow: 1;
    padding-left: 10px;
}

.form-control-radio:hover .form-control-radio__icon, .form-control-radio:hover .form-control-checkbox__icon,
.form-control-checkbox:hover .form-control-radio__icon,
.form-control-checkbox:hover .form-control-checkbox__icon {
    border-color: #acb5bb;
}

input[disabled] ~ .form-control-radio__icon, input[disabled] ~ .form-control-radio__label, input[disabled] ~
.form-control-checkbox__icon, input[disabled] ~
.form-control-checkbox__label {
    opacity: 0.5;
    pointer-events: none;
}

input:checked ~ .form-control-radio__icon, .form-control-radio:hover input:checked ~ .form-control-radio__icon, input:checked ~
.form-control-checkbox__icon,
.form-control-checkbox:hover input:checked ~ .form-control-radio__icon, .form-control-radio:hover input:checked ~
.form-control-checkbox__icon,
.form-control-checkbox:hover input:checked ~
.form-control-checkbox__icon {
    border-color: #306bf5;
    border-width: 4px;
}


.form-control-radio--readonly,
.form-control-checkbox--readonly {
    pointer-events: none;
}

.form-control-radio--readonly .form-control-radio__label,
.form-control-checkbox--readonly .form-control-checkbox__label {
    opacity: 0.5;
}

.form-control-radio--readonly .form-control-radio__icon,
.form-control-checkbox--readonly .form-control-checkbox__icon {
    border-color: #c2cbd2 !important;
}


.form-control-radio--large .form-control-radio__icon {
    position: relative;
    border: 0px;
    background: #306bf5;
    transition-property: none;
}

.form-control-radio--large .form-control-radio__icon:before {
    content: "";
    display: block;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    top: 7px;
    background: #ffffff;
    transition-property: opacity, transform;
    transform: scale(0.5);
    opacity: 0;
    transition-duration: 0.2s;
}

.form-control-radio--large input:checked ~ .form-control-radio__icon {
    border-width: 0px;
}

.form-control-radio--large input:checked ~ .form-control-radio__icon:before {
    transform: scale(1);
    opacity: 1;
}

.form-control-radio--large .form-control-radio__icon,
.form-control-radio--large .form-control-radio__label {
    min-height: 20px;
    line-height: 20px;
}

.form-control-radio--large .form-control-radio__icon {
    height: 20px;
    width: 20px;
}

.form-control-radio--large .form-control-radio__icon:before {
    width: 6px;
    height: 6px;
}


.form-control-checkbox {
    padding-top: 1rem;
    padding-bottom: 0.9rem;
}

.form-control-checkbox__icon {
    background-color: #ffffff;
    border-radius: 3px;
    top: -1px;
}

.form-control-checkbox__icon:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: -1px;
    top: -2px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' height='18' width='18'%3E%3Cpath fill='%23306bf5' d='M15,9c-0.6,0-1,0.4-1,1v4c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1V4c0-0.6,0.4-1,1-1h10c0.6,0,1-0.4,1-1 s-0.4-1-1-1H3C1.3,1,0,2.3,0,4v10c0,1.7,1.3,3,3,3h10c1.7,0,3-1.3,3-3v-4C16,9.4,15.6,9,15,9z'/%3E%3Cpath fill='%23306bf5' d='M17.7,2.3c-0.4-0.4-1-0.4-1.4,0L9,9.6L6.7,7.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l3,3C8.5,11.9,8.7,12,9,12 s0.5-0.1,0.7-0.3l8-8C18.1,3.3,18.1,2.7,17.7,2.3z'/%3E%3C/svg%3E");
    transition-property: opacity;
    opacity: 0;
}

.form-control-checkbox small {
    color: #90989f;
}

.form-control-checkbox a {
    position: relative;
    z-index: 1;
}

input:checked ~ .form-control-checkbox__icon, .form-control-checkbox:hover input:checked ~ .form-control-checkbox__icon {
    border-width: 1px;
    border-color: transparent;
}

input:checked ~ .form-control-checkbox__icon:before {
    opacity: 1;
}

.form-control-checkbox--readonly .form-control-checkbox__icon:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' height='18' width='18'%3E%3Cpath fill='%23c2cbd2' d='M15,9c-0.6,0-1,0.4-1,1v4c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1V4c0-0.6,0.4-1,1-1h10c0.6,0,1-0.4,1-1 s-0.4-1-1-1H3C1.3,1,0,2.3,0,4v10c0,1.7,1.3,3,3,3h10c1.7,0,3-1.3,3-3v-4C16,9.4,15.6,9,15,9z'/%3E%3Cpath fill='%23c2cbd2' d='M17.7,2.3c-0.4-0.4-1-0.4-1.4,0L9,9.6L6.7,7.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l3,3C8.5,11.9,8.7,12,9,12 s0.5-0.1,0.7-0.3l8-8C18.1,3.3,18.1,2.7,17.7,2.3z'/%3E%3C/svg%3E");
}

.form-control-checkbox--readonly input:checked ~ .form-control-checkbox__icon {
    border-color: transparent !important;
}

.form-control-checkbox--large .form-control-checkbox__icon,
.form-control-checkbox--large .form-control-checkbox__label {
    min-height: 20px;
    line-height: 20px;
}

.form-control-checkbox--large .form-control-checkbox__icon {
    height: 20px;
    width: 20px;
}

.form-control-checkbox--large .form-control-checkbox__icon:before {
    width: 22px;
    height: 22px;
    top: -2px;
    background-size: 22px;
}

.form-control-checkbox-list {
    overflow: hidden;
    display: flex!important;
    flex-direction: column;
}

.form-control-checkbox-list .form-control-checkbox {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.form-control-checkbox-list p {
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

.form-control-checkbox-list p:first-child {
    margin-top: 0;
}

.form-control-checkbox-list p:last-child {
    margin-bottom: 0;
}


.form-control__addon {
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
}

input ~ .form-control__addon, textarea ~ .form-control__addon, select ~ .form-control__addon {
    left: auto;
    right: 0;
}

.form-control--input--small .form-control__addon {
    height: 50px;
}

.form-control--input--smaller .form-control__addon {
    height: 40px;
}


.form-control__addon--unselectable {
    pointer-events: none;
}

.form-control__addon {
    padding: 1px 15px 0;
    line-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #90989f;
}

.has-hover .form-control__addon.btn:hover, .has-hover .form-control__addon.btn:focus, .form-control__addon.btn:active, .has-hover .form-control__addon.btn:active, .form-control__addon.btn.is-active {
    color: #306bf5;
}

.form-control__addon.btn, .form-control__addon.btn.is-disabled, .form-control__addon.btn:disabled, .form-control__addon.btn[disabled] {
    color: #b4bcc3;
}

.form-control__addon.btn.loading {
    color: transparent !important;
}


.nice-select {
    display: inline-block;
    position: relative;
    height: 40px;
    padding-left: 15px;
    padding-right: 37px;
    background-color: #f5f7fa;
    border-radius: 4px;
    font-weight: 900;
    line-height: 40px;
    cursor: pointer;
    user-select: none;
    outline: none;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    min-width: 62px;
}

.nice-select_long::before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background-color: #f5f7fa;
    pointer-events: none;
    padding-left: 3px;
}

.nice-select_long span {
    overflow: hidden;
    display: block;
}

@-moz-document url-prefix() {
    .nice-select {
        min-width: 66px;
    }
}

.nice-select:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 17px;
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: currentColor transparent transparent transparent;
    transition-property: transform;
}

.nice-select:hover, .nice-select:active, .nice-select:focus {
    background: #ebeff4;
}

.nice-select.open:after {
    transform: rotate(-180deg);
}

.nice-select.open > .list {
    pointer-events: auto;
    transform: translateY(0);
    opacity: 1;
}

.nice-select.open > .list .baron__bar {
    pointer-events: auto;
}

.nice-select.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.ui-gray .nice-select {
    background-color: #ffffff;
}

.ui-gray .nice-select:hover, .ui-gray .nice-select:active, .ui-gray .nice-select:focus {
    background-color: #ffffff;
}

.nice-select .current input {
    background: none;
    border: 0;
    font-weight: 900;
    line-height: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
}

.nice-select .list {
    background-color: #f5f7fa;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 10px 20px rgba(18, 42, 96, 0.12);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    text-align: left;
    transition-duration: 0.2s;
    transition-property: transform;
    transform: translateY(-20px);
    opacity: 0;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.ui-gray .nice-select .list {
    background: #ffffff;
}

.nice-select .list .baron__bar {
    pointer-events: none;
}

.nice-select .option {
    cursor: pointer;
    outline: none;
    line-height: 40px;
    min-height: 40px;
    padding-left: 15px;
    padding-right: 37px;
    transition-property: background-color, color;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #ebeff4;
}

.nice-select .option.selected {
    color: #306bf5;
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #333333;
    opacity: 0.5;
    cursor: default;
}


.nice-select .scrollable {
    padding-right: 0;
}

.nice-select .baron::before {
    background: linear-gradient(to bottom, #f5f7fa 0%, rgba(245, 247, 250, 0) 100%);
}

.nice-select .baron::after {
    background: linear-gradient(to bottom, rgba(245, 247, 250, 0) 0%, #f5f7fa 100%);
}

.nice-select .baron__track {
    right: 10px;
    top: 20px;
    bottom: 20px;
}


.form-control-select--large {
    width: 215px;
}

.form-control-select--full {
    display: block;
    width: 100%;
}


select.form-control-select {
    -moz-appearance: button;
    -webkit-appearance: button;
    height: 40px;
    padding-left: 15px;
    padding-right: 11px;
    border: 0;
    background: #f5f7fa url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5'%3E%3Cpath fill='%23333' d='M2.5 5L0 0h5L2.5 5'/%3E%3C/svg%3E") no-repeat right 16px top 17px;
    border-radius: 4px;
    font-weight: 900;
    line-height: 40px;
    min-width: 62px;
}

select.form-control-select::-ms-expand {
    display: none;
}

.is-edge select.form-control-select {
    padding-left: 12px;
    padding-right: 0px;
}

@-moz-document url-prefix() {
    select.form-control-select {
        min-width: 66px;
        padding-left: 11px;
        padding-right: 33px;
    }
}

.ui-gray select.form-control-select {
    background-color: #ffffff;
}

.form-section {
    counter-reset: heading;
    padding-bottom: 60px;
}

.form-section__heading {
    position: relative;
    counter-increment: heading;
}

.form-section__heading:before {
    content: counter(heading);
    display: block;
    position: absolute;
    left: -85px;
    top: -10px;
    width: 50px;
    color: #ffd600;
    text-align: center;
}

.form-section__group {
    border: 0;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
    padding: 58px 60px 60px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 12px;
    margin-bottom: 12px;
}

.form-section__group:first-child {
    margin-top: 0;
}

.form-section__group:last-child {
    margin-bottom: 0;
}

.form-section__group--narrow {
    padding: 29px 60px;
}

.form-section__disclaimer {
    margin: 0;
    position: absolute;
    right: 60px;
    top: 53px;
    color: #90989f;
}

.form-section__disclaimer sup {
    color: #d7194e;
    font-size: 1em;
    top: 0;
}


.form-section--narrow .form-section__heading:before {
    top: -10px;
    left: -65px;
}

.form-section--narrow .form-section__group {
    padding: 38px 40px 33px 40px;
}


.form-section--simple .form-section__heading:before {
    display: none;
}

.form-section--simple .form-section__group {
    padding: 0;
}

.form-section--simple .form-section__disclaimer {
    top: 3px;
}


.form-section__heading.accordion__heading a {
    color: #333333;
}

.has-hover .form-section__heading.accordion__heading a:focus, .has-hover .form-section__heading.accordion__heading a:hover {
    color: #306bf5;
}

.form-section__heading.accordion__heading a:active, .form-section__heading.accordion__heading a.is-active {
    color: #333333;
}

.form-section__heading.accordion__heading a .icon {
    color: #306bf5;
    position: absolute;
    right: 0;
    top: 4px;
}

.form-section__heading.accordion__heading a:before {
    content: "";
    display: block;
    position: absolute;
    top: -58px;
    right: -60px;
    bottom: -60px;
    left: -60px;
}

.form-section--narrow .form-section__heading.accordion__heading a:before {
    display: block;
    position: absolute;
    top: -38px;
    right: -40px;
    bottom: -33px;
    left: -40px;
}


label.error,
div.error {
    display: block;
    position: relative;
    margin-top: 0;
    z-index: 4;
    border-radius: 4px;
    padding: 9px 0 6px;
    max-width: 100%;
    margin-right: -1000px;
    color: #de2152;
}


.ui-footer label.error,
.ui-footer div.error,
.group--rounded label.error,
.group--rounded div.error {
    position: relative;
    margin-top: 13px;
    padding: 13px 14px 11px;
    background: #d7194e;
    color: #ffffff;
}

.ui-footer label.error:before,
.ui-footer div.error:before,
.group--rounded label.error:before,
.group--rounded div.error:before {
    content: "";
    position: absolute;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    top: -7px;
    border-width: 0 7.5px 7px 7.5px;
    border-color: transparent transparent #d7194e transparent;
}

.is-ie .ui-footer label.error:before, .is-edge .ui-footer label.error:before, .is-ie
.ui-footer div.error:before, .is-edge
.ui-footer div.error:before, .is-ie
.group--rounded label.error:before, .is-edge
.group--rounded label.error:before, .is-ie
.group--rounded div.error:before, .is-edge
.group--rounded div.error:before {
    top: -6px;
}


.group--rounded {
    position: relative;
}

.group--rounded .form-control--input {
    position: static;
}

.group--rounded .form-control--input label.error,
.group--rounded .form-control--input div.error {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    margin-right: 0;
}


.error-message {
    color: #de2152;
}


.container {
    position: relative;
    width: 100%;
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
}

.container--content-first {
    position: relative;
    width: 100%;
    padding-top: 40px;
}

.container--content-last {
    position: relative;
    width: 100%;
    padding-bottom: 120px;
}

.container--content-height {
    position: relative;
    width: 100%;
    padding-bottom: 150px;
}

.container--lightbox {
    position: relative;
    width: 100%;
    max-width: 580px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}

.container--lightbox-wide {
    position: relative;
    width: 100%;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}

.container--lightbox-wider {
    position: relative;
    width: 100%;
    max-width: 1060px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}

.container--footer {
    position: relative;
    width: 100%;
    padding-top: 48px;
    padding-bottom: 92px;
}


.full-width {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}


.row {
    display: flex;
    flex-wrap: wrap;
}

.row .col--sidebar {
    flex: 0 1 23.89831%;
    width: 23.89831%;
}

.is-ie .row .col--sidebar {
    min-width: 23.89831%;
    max-width: 23.89831%;
}

@-moz-document url-prefix() {
    .row .col--sidebar {
        max-width: 23.89831%;
    }
}

.row .col--sidebar-large {
    flex: 0 1 31.35593%;
    width: 31.35593%;
}

.is-ie .row .col--sidebar-large {
    min-width: 31.35593%;
    max-width: 31.35593%;
}

@-moz-document url-prefix() {
    .row .col--sidebar-large {
        max-width: 31.35593%;
    }
}

.row--pad {
    margin-left: -2.2rem;
    margin-right: -2.2rem;
}

.row--pad > .col {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}

.row--pad-large {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
}

.row--pad-large > .col {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}

.row--pad-medium {
    margin-left: -1rem;
    margin-right: -1rem;
}

.row--pad-medium > .col {
    padding-left: 1rem;
    padding-right: 1rem;
}

.row--pad-small {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.row--pad-small > .col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.row--pad-smaller {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}

.row--pad-smaller > .col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}


.col {
    flex: 1;
    max-width: 100%;
}

.col--xs-1 {
    flex: 0 1 8.33333%;
    width: 8.33333%;
}

.is-ie .col--xs-1 {
    min-width: 8.33333%;
    max-width: 8.33333%;
}

@-moz-document url-prefix() {
    .col--xs-1 {
        max-width: 8.33333%;
    }
}

.col--xs-2 {
    flex: 0 1 16.66667%;
    width: 16.66667%;
}

.is-ie .col--xs-2 {
    min-width: 16.66667%;
    max-width: 16.66667%;
}

@-moz-document url-prefix() {
    .col--xs-2 {
        max-width: 16.66667%;
    }
}

.col--xs-3 {
    flex: 0 1 25%;
    width: 25%;
}

.is-ie .col--xs-3 {
    min-width: 25%;
    max-width: 25%;
}

@-moz-document url-prefix() {
    .col--xs-3 {
        max-width: 25%;
    }
}

.col--xs-4 {
    flex: 0 1 33.33333%;
    width: 33.33333%;
}

.is-ie .col--xs-4 {
    min-width: 33.33333%;
    max-width: 33.33333%;
}

@-moz-document url-prefix() {
    .col--xs-4 {
        max-width: 33.33333%;
    }
}

.col--xs-5 {
    flex: 0 1 41.66667%;
    width: 41.66667%;
}

.is-ie .col--xs-5 {
    min-width: 41.66667%;
    max-width: 41.66667%;
}

@-moz-document url-prefix() {
    .col--xs-5 {
        max-width: 41.66667%;
    }
}

.col--xs-6 {
    flex: 0 1 50%;
    width: 50%;
}

.is-ie .col--xs-6 {
    min-width: 50%;
    max-width: 50%;
}

@-moz-document url-prefix() {
    .col--xs-6 {
        max-width: 50%;
    }
}

.col--xs-7 {
    flex: 0 1 58.33333%;
    width: 58.33333%;
}

.is-ie .col--xs-7 {
    min-width: 58.33333%;
    max-width: 58.33333%;
}

@-moz-document url-prefix() {
    .col--xs-7 {
        max-width: 58.33333%;
    }
}

.col--xs-8 {
    flex: 0 1 66.66667%;
    width: 66.66667%;
}

.is-ie .col--xs-8 {
    min-width: 66.66667%;
    max-width: 66.66667%;
}

@-moz-document url-prefix() {
    .col--xs-8 {
        max-width: 66.66667%;
    }
}

.col--xs-9 {
    flex: 0 1 75%;
    width: 75%;
}

.is-ie .col--xs-9 {
    min-width: 75%;
    max-width: 75%;
}

@-moz-document url-prefix() {
    .col--xs-9 {
        max-width: 75%;
    }
}

.col--xs-10 {
    flex: 0 1 83.33333%;
    width: 83.33333%;
}

.is-ie .col--xs-10 {
    min-width: 83.33333%;
    max-width: 83.33333%;
}

@-moz-document url-prefix() {
    .col--xs-10 {
        max-width: 83.33333%;
    }
}

.col--xs-11 {
    flex: 0 1 91.66667%;
    width: 91.66667%;
}

.is-ie .col--xs-11 {
    min-width: 91.66667%;
    max-width: 91.66667%;
}

@-moz-document url-prefix() {
    .col--xs-11 {
        max-width: 91.66667%;
    }
}

.col--xs-12 {
    flex: 0 1 100%;
    width: 100%;
}

.is-ie .col--xs-12 {
    min-width: 100%;
    max-width: 100%;
}

@-moz-document url-prefix() {
    .col--xs-12 {
        max-width: 100%;
    }
}

.col--xs-1-5 {
    flex: 0 1 20%;
    width: 20%;
}

.is-ie .col--xs-1-5 {
    min-width: 20%;
    max-width: 20%;
}

@-moz-document url-prefix() {
    .col--xs-1-5 {
        max-width: 20%;
    }
}

.col--xs-auto {
    flex: 0 0 auto;
    width: auto;
}

.is-ie .col--xs-auto {
    min-width: 0;
    max-width: 100%;
}

@-moz-document url-prefix() {
    .col--xs-auto {
        max-width: none;
    }
}

.col--xs-fit {
    flex: 1 1 auto;
    width: auto;
}

.is-ie .col--xs-fit {
    min-width: 0;
    max-width: 100%;
}

@-moz-document url-prefix() {
    .col--xs-fit {
        max-width: none;
    }
}

.row--pad > .col {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}

.row--pad > .col--sidebar {
    padding-left: 2.9rem;
}

.row--pad > .col--main {
    padding-right: 2.9rem;
}

.row--pad-large > .col {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}

.row--pad-medium > .col {
    padding-left: 1rem;
    padding-right: 1rem;
}

.row--pad-small > .col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.row--pad-smaller > .col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}


.row--middle-xs {
    align-items: center;
}


.is-hidden,
.is-hidden--xs-up,
.is-hidden--xl-down {
    display: none !important;
}

.is-hidden--xs-up {
    display: none !important;
}

.is-hidden--xl-down {
    display: none !important;
}


.group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: -13px;
    margin-left: -26px;
}

.group .icon {
    flex-grow: 0;
    flex-shrink: 0;
    vertical-align: top;
}

.group > *,
.group > *:first-child {
    margin-top: 13px;
    margin-left: 26px;
    margin-bottom: 0;
}


.group__fill {
    flex-grow: 1;
}


.group > .group__right {
    align-self: center;
    margin-left: auto;
}


.group--nowrap {
    flex-wrap: nowrap;
}


.group--center {
    justify-content: center;
}

.group--right {
    justify-content: flex-end;
}

.group--middle {
    align-items: center;
}

.group--middle .icon {
    vertical-align: middle;
}

.group--baseline {
    align-items: baseline;
}


.group--inline {
    display: inline-flex;
}


.group--stretch > * {
    flex-grow: 1;
    flex-shrink: 1;
}



.group--large {
    margin-top: -19px;
    margin-left: -38px;
}

.group--large > *,
.group--large > *:first-child {
    margin-top: 19px;
    margin-left: 38px;
    margin-bottom: 0;
}

.group--medium {
    margin-top: -7px;
    margin-left: -14px;
}

.group--medium > *,
.group--medium > *:first-child {
    margin-top: 7px;
    margin-left: 14px;
    margin-bottom: 0;
}

.group--small {
    margin-top: -5px;
    margin-left: -10px;
}

.group--small > *,
.group--small > *:first-child {
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 0;
}

.group--smaller {
    margin-top: -5px;
    margin-left: -5px;
}

.group--smaller > *,
.group--smaller > *:first-child {
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 0;
}

.group--tiny {
    margin-top: -2px;
    margin-left: -2px;
}

.group--tiny > *,
.group--tiny > *:first-child {
    margin-top: 2px;
    margin-left: 2px;
    margin-bottom: 0;
}

.group--none {
    margin-top: 0px;
    margin-left: 0px;
}

.group--none > *,
.group--none > *:first-child {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0;
}


.group--rounded {
    flex-wrap: nowrap;
}

.group--rounded > .form-control input,
.group--rounded > .form-control-select,
.group--rounded > * {
    border-radius: 0;
}

.group--rounded > .form-control:first-child input,
.group--rounded > .form-control-select:first-child,
.group--rounded > *:first-child {
    border-radius: 4px 0 0 4px;
}

.group--rounded > .form-control:last-child input,
.group--rounded > .form-control-select:last-child,
.group--rounded > *:last-child {
    border-radius: 0 4px 4px 0;
}

.badge {
    position: relative;
    display: inline-block;
    color: #333333;
    background: #ffd600;
    border-radius: 3px;
    padding: 1px 4px 0;
    height: 20px;
    line-height: 20px;
    pointer-events: none;
}

.badge:before {
    opacity: 0;
    content: "";
    border-radius: 3px;
    border: 2px solid #ffd600;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.badge--medium {
    height: 20px;
    line-height: 20px;
}

.badge--small {
    height: 17px;
    padding-top: 0;
    line-height: 18px;
}

.badge--rounded {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    padding: 0;
    line-height: 26px;
    text-align: center;
}

@-moz-document url-prefix() {
    .badge--rounded {
        line-height: 24px;
    }
}

.badge--rounded:before {
    border-radius: 24px;
}


.btn .badge {
    position: absolute;
    left: -14px;
    top: -1px;
}

.form-control .badge {
    position: absolute;
    right: 0;
    top: 4px;
}


.badge--product {
    background: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    height: 110px;
    padding: 0;
}

.badge--product span {
    display: block;
    transform: rotate(45deg);
    position: absolute;
    left: -12px;
    top: 24px;
    background: #306bf5;
    width: 160px;
    height: 36px;
    color: #ffffff;
    line-height: 36px;
    text-align: center;
}

.col--main .badge--product {
    right: -10px;
}


.badge--pulse {
    animation: badge-pulse 0.8s ease;
    transition-duration: 0.8s;
}

.badge--pulse:before {
    animation: badge-pulse-border 0.8s ease;
}

@keyframes badge-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes badge-pulse-border {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.4);
    }
    100% {
        transform: scale(1.96);
        opacity: 0;
    }
}


.card {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    background: #ffffff;
    border-radius: 4px;
}

.is-ie .card {
    justify-content: flex-start;
}

.card .overlay {
    z-index: 1;
}

.is-ie .card__image {
    margin-top: auto;
}

.card__image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.card__image--right-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
}

.card__image--right-center {
    position: absolute;
    right: 0;
    bottom: 0;
}

.card__image--right-center img {
    transform-origin: right center;
}

.card__image--bottom {
    position: absolute;
    width: 667px;
    margin-left: -333px;
    left: 50%;
    bottom: 0;
}

.card__image--right img {
    margin-right: 0;
}

.card__image--center {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card__image--cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.card__image--cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover";
}

.card__content {
    position: relative;
}

.is-ie .card__content + .card__content:last-child {
    margin-top: auto;
}

.card__content > *:not(.group) h1, .card__content > *:not(.group) .h1, .card__content > *:not(.group) h2, .card__content > *:not(.group) .h2, .card__content > *:not(.group) h3, .card__content > *:not(.group) .h3, .card__content > *:not(.group) p {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

.card__content > *:not(.group) h1:first-child, .card__content > *:not(.group) .h1:first-child, .card__content > *:not(.group) h2:first-child, .card__content > *:not(.group) .h2:first-child, .card__content > *:not(.group) h3:first-child, .card__content > *:not(.group) .h3:first-child, .card__content > *:not(.group) p:first-child {
    margin-top: 0;
}

.card__content > *:not(.group) h1:last-child, .card__content > *:not(.group) .h1:last-child, .card__content > *:not(.group) h2:last-child, .card__content > *:not(.group) .h2:last-child, .card__content > *:not(.group) h3:last-child, .card__content > *:not(.group) .h3:last-child, .card__content > *:not(.group) p:last-child {
    margin-bottom: 0;
}

.card__content h1 b, .card__content .h1 b, .card__content h2 b, .card__content .h2 b, .card__content h3 b, .card__content .h3 b {
    color: #306bf5;
    font-weight: 900;
}

.card__content small {
    color: #90989f;
}

.card__content a {
    position: relative;
    z-index: 1;
}

.card__content--middle {
    margin-top: auto;
    margin-bottom: auto;
}

.card__content__time {
    color: #90989f;
    display: flex;
    position: relative;
    margin: 260px 0 -0.8rem;
}

.card__content__time span {
    color: #333333;
    margin: 0 0.7rem;
}

.card__cta {
    position: absolute;
}

.card__cta--right-bottom {
    right: 40px;
    bottom: 40px;
}

.card--embedded {
    border-radius: 0;
}

.ui-footer.card .card__content h1 b, .ui-footer.card .card__content .h1 b, .ui-footer.card .card__content h2 b, .ui-footer.card .card__content .h2 b, .ui-footer.card .card__content h3 b, .ui-footer.card .card__content .h3 b {
    color: #ffd600;
}

.ui-footer.card .card__content small {
    color: #adc6ff;
}

.ui-footer.card .card__content__time {
    color: #ffffff;
}

.ui-footer.card .card__content__time span {
    color: #adc6ff;
}

.ui-footer.card .countdown_row {
    color: #FFF !important;
}

.card__content {
    padding: 38px 38px 38px 40px;
}

.card__content + .card__content {
    padding-top: 0;
}


.card--hover-zoom {
    overflow: hidden;
}

.card--hover-zoom .card__image img {
    transition-timing-function: cubic-bezier(0.29, 0.51, 0.63, 0.98);
    transition-property: transform;
}

.card--hover-zoom .overlay {
    z-index: 2;
}

.has-hover .card--hover-zoom .overlay:focus ~ .card__image img, .has-hover .card--hover-zoom .overlay:hover ~ .card__image img {
    transform: scale(1.1);
}

.overlay {
    z-index: 2;
}

.has-hover .overlay:focus ~ .card--hover-zoom .card__image img, .has-hover .overlay:hover ~ .card--hover-zoom .card__image img {
    transform: scale(1.1);
}


.card--hover-shadow {
    transition-property: box-shadow;
}

.has-hover .card--hover-shadow:focus, .has-hover .card--hover-shadow:hover {
    z-index: 1;
    box-shadow: 0 10px 40px rgba(18, 42, 96, 0.1);
}


.card--shadow {
    box-shadow: 0 8px 24px 0 rgba(0, 12, 40, 0.08);
}


.card-group {
    position: relative;
    display: flex;
}

.card-group .card {
    border-radius: 0;
}

.card-group .card:first-child, .card-group .card:first-child .card__image--background img {
    border-radius: 4px 0 0 4px;
}

.card-group .card:last-child, .card-group .card:last-child .card__image--background img {
    border-radius: 0 4px 4px 0;
}

.card-group .card:before {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    border-left: 1px solid #edeef0;
}

.card-group .card:first-child:before {
    display: none;
}


.card--horizontal .card__content {
    width: 60%;
}

.card--horizontal h1, .card--horizontal .h1, .card--horizontal h2, .card--horizontal .h2, .card--horizontal h3, .card--horizontal .h3, .card--horizontal p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.card--horizontal h1:first-child, .card--horizontal .h1:first-child, .card--horizontal h2:first-child, .card--horizontal .h2:first-child, .card--horizontal h3:first-child, .card--horizontal .h3:first-child, .card--horizontal p:first-child {
    margin-top: 0;
}

.card--horizontal h1:last-child, .card--horizontal .h1:last-child, .card--horizontal h2:last-child, .card--horizontal .h2:last-child, .card--horizontal h3:last-child, .card--horizontal .h3:last-child, .card--horizontal p:last-child {
    margin-bottom: 0;
}

.card--horizontal {
    height: 360px;
}


.card--horizontal--not-last {
    border-radius: 4px 4px 0 0;
}


.card--small {
    height: 150px;
}

.card--small .card__cta--right-bottom {
    right: 10px;
    bottom: 10px;
}

.card--medium {
    height: 360px;
}

.card--medium .card__content {
    padding-bottom: 0;
}

.card--responsive {
    display: block;
}

.card--responsive .card__content {
    padding: 100% 0 0;
}


.card.ui-white {
    background: #ffffff;
}

.card.ui-secondary {
    background: #ffd600;
}

.card.ui-footer {
    background: #306bf5;
}

.card.ui-gray {
    background: #f7f9fc;
}


.card--complete {
    overflow: hidden;
}

.card__complete:before, .card__complete:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.card__complete:before {
    background: rgba(48, 107, 245, 0.8);
}

.card__complete:after {
    background: #306bf5;
    mix-blend-mode: color;
}

.card__complete .card__complete__title {
    color: #333333;
    font-size: 4.0rem;
    letter-spacing: 0;
    line-height: 3.2em;
    text-align: center;
    background: #ffd600;
    width: 100%;
    height: 120px;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: TRANSLATE(-50%, -50%) rotate(-45deg);
}

.tabs-headings,
.heading-tab {
    align-items: center;
    border-bottom: 1px solid #edeef0;
}

.tabs-headings, .tabs-headings:first-child,
.heading-tab,
.heading-tab:first-child {
    margin-top: -2.5rem;
}

.tabs-headings,
.heading-tab {
    padding-bottom: 0;
    margin-bottom: 4.6rem;
}

.tabs-contents {
    position: relative;
}

.tabs-contents__content[aria-hidden="true"] {
    display: none;
}

.tabs-contents__content.animation--fade-in {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.tabs-contents .tab_see_more {
    position: absolute;
    top: -95px;
    right: 0;
    margin: 0;
    padding: 0;
}


.heading-tab {
    height: 75px;
}

.heading-tab span {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.heading-tab span:before {
    content: "";
    background: #ffd600;
    height: 3px;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -1px;
}


.lightbox__content,
.popover {
    position: absolute;
    background: #ffffff;
    box-shadow: 0 10px 50px rgba(18, 42, 96, 0.2);
    border-radius: 4px;
    outline: none;
    color: #333;
}

.lightbox {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 7;
    -webkit-tap-highlight-color: transparent;
}

.lightbox__header {
    border-bottom: 1px solid #edeef0;
    padding: 37px 40px 29px;
}

.lightbox__header--no-border {
    border-bottom: none;
}

.lightbox__header h2, .lightbox__header .h2 {
    margin: 0;
}

.lightbox__overlay {
    background: #333;
    opacity: 0.5;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.lightbox__layout {
    position: relative;
    min-height: 100vh;
    padding-top: 123px;
    padding-bottom: 123px;
}

.lightbox__close, .lightbox__controls {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 20px;
}

.lightbox__close + .lightbox__controls {
    right: 80px;
}

.lightbox__content {
    position: relative;
}

.lightbox__inner {
    position: relative;
    padding: 60px;
}

.lightbox__inner-medium {
    position: relative;
    padding: 40px;
}

.lightbox__inner__footer {
    border-top: 1px solid #edeef0;
    padding: 40px 0 0;
}


.lightbox--full .lightbox__layout {
    padding: 0;
}

.lightbox--full .lightbox__content {
    border-radius: 0;
}

.lightbox--full .lightbox__close,
.lightbox--full .lightbox__controls {
    right: 60px;
    top: 60px;
}

.lightbox--full .lightbox__close + .lightbox__controls {
    right: 160px;
}


.with-lightbox {
    overflow: visible;
}

.with-lightbox body {
    overflow: hidden;
}

.with-lightbox .lightbox {
    overflow: auto;
    overflow-y: scroll;
}


.popover:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
}

.popover--fill-width {
    width: 100%;
    left: 0 !important;
    border-radius: 0;
    box-shadow: 0 10px 20px rgba(18, 42, 96, 0.15);
}

.popover--fill-width:before {
    display: block;
    position: absolute;
    top: -20px;
    right: 0;
    bottom: -20px;
    left: 0;
}

.popover__arrow {
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
}

.popover[x-placement="bottom"] .popover__arrow, .popover[x-placement="bottom-end"] .popover__arrow {
    top: -7px;
    border-style: solid;
    border-width: 0 7.5px 7px 7.5px;
    border-color: transparent transparent #ffffff transparent;
}

.popover[x-placement="top"] .popover__arrow, .popover[x-placement="top-start"] .popover__arrow, .popover[x-placement="top-end"] .popover__arrow {
    bottom: -7px;
    border-style: solid;
    border-width: 7px 7.5px 0 7.5px;
    border-color: #ffffff transparent transparent transparent;
}


.popover-trigger {
    position: relative;
}

.popover-trigger:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    right: -13px;
    bottom: -20px;
    left: -13px;
}



.scrollable {
    height: auto !important;
    min-height: 0 !important;
    max-height: 360px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: auto;
    padding-right: 39px !important;
    margin-right: -17px !important;
}

.scrollable_filters {
    height: auto !important;
    min-height: 0 !important;
    max-height: 300px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: auto;
    padding-right: 39px !important;
    margin-right: -17px !important;
}

.scrollable--small {
    max-height: 290px !important;
}

.scrollable--products {
    max-height: 612px !important;
    padding-right: 17px !important;
}


.scrollable,
.scrollable-area {
    overflow: auto;
    padding-right: 39px !important;
    margin-right: -17px !important;
}

.scrollable--full-width,
.scrollable-area--full-width {
    padding-right: 17px !important;
}

.scrollable--h,
.scrollable-area--h {
    padding-right: 0 !important;
    margin-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: -19px !important;
}

.scrollable::-webkit-scrollbar,
.scrollable-area::-webkit-scrollbar {
    
    width: 0;
    height: 0;
}


.baron__track {
    opacity: 1;
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    border-radius: 5px;
    background: #edeef0;
    pointer-events: none;
}

.baron__clipper {
    position: relative;
    overflow: hidden;
}

.baron__scroller {
    overflow-y: scroll;
    -ms-overflow-style: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    
}

.baron__scroller::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.baron__track {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.baron._scrollbar .baron__track {
    display: block;
}

.baron__free {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.baron__bar {
    display: none;
    position: absolute;
    right: 0;
    z-index: 1;
    width: 10px;
    background: #999;
}

.baron._scrollbar .baron__bar {
    display: block;
}

.baron__control {
    display: none;
}

.baron--at-top.baron--at-bottom .baron__track {
    opacity: 0;
}

.baron__bar {
    position: absolute;
    z-index: 1;
    width: 22px;
    pointer-events: auto;
    background: none;
}

.baron__bar:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2px;
    background: #c2cbd2;
    transition-property: transform;
    transform-origin: right top;
}

.baron__bar:hover:before, .baron--dragging .baron__bar:before {
    transform: scaleX(3);
}


.dropdown .baron__track,
.scrollable--full-width + .baron__track,
.scrollable-area--full-width + .baron__track {
    right: 10px;
    top: 20px;
    bottom: 20px;
}


.baron::before,
.baron::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    height: 60px;
    display: none;
    transition-property: opacity;
}

@supports (pointer-events: none) {
    .baron::before,
    .baron::after {
        display: block;
        pointer-events: none;
    }
}

.baron::before {
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
    top: 0;
}

.baron::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    bottom: 0;
}

.baron--at-top:before,
.baron--at-bottom:after {
    opacity: 0;
}

.dropdown__menu.baron--at-bottom:after {
    border-radius: 0 0 4px 4px;
}


.baron--h::before {
    top: 0;
    height: 100%;
    width: 60px;
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}

.baron--h::after {
    left: auto;
    right: 0;
    height: 100%;
    width: 60px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}

.baron--h .baron__track {
    border-top: 1px solid #edeef0;
    background: #f5f7fa;
    display: block;
    position: relative;
    width: auto;
    height: 19px;
    border-radius: 0;
}

.baron--h .baron__free {
    left: 0;
}

.baron--h .baron__bar {
    width: auto;
    height: 19px;
}

.baron--h .baron__bar:before {
    background: #b4bcc3;
    border-radius: 6px;
    left: 6px;
    right: 6px;
    top: 6px;
    width: auto;
    height: 6px;
    transform: none !important;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown__button {
    position: relative;
    margin: -14px -16px -11px;
}

.dropdown__button:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    transition-property: opacity;
}

.dropdown__button.is-active {
    border-radius: 4px 4px 0 0;
    z-index: 7;
    box-shadow: none;
}

.dropdown__button.is-active:after {
    opacity: 1;
    border-bottom: 1px solid #edeef0;
}

.is-ie .dropdown__button {
    margin-top: -15px;
    margin-bottom: -10px;
}

.is-edge .dropdown__button {
    margin-top: -15px;
    margin-bottom: -10px;
}

.dropdown__menu {
    position: absolute;
    z-index: 8;
    left: 0;
    top: 100%;
    display: none;
    border-radius: 0 0 4px 4px;
    min-width: calc(100% + 16px + 16px);
    transition-duration: 0.2s;
}

.dropdown__menu.popover {
    display: block;
}


.dropdown__menu a {
    display: block;
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap;
}

.dropdown__menu a:first-child {
    padding-top: 8px;
}

.dropdown__menu a:last-child {
    padding-bottom: 8px;
}

.filters--top {
    margin-top: 2.2rem;
}

.heading-tab ~ .filters {
    position: relative;
    margin-top: -2rem;
    padding-top: 1px;
}

.product {
    flex: 0 0 auto;
    position: relative;
    z-index: initial;
}

.product figure,
.product nav, .product__info, .product__title,
.product .price,
.product .meta-info {
    position: relative;
    margin: 0;
}

.product .price b {
    font-weight: 900;
}

.product figure {
    margin-bottom: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product figure img {
    display: block;
    height: auto;
    max-width: 100%;
}

.product figure:last-child {
    margin-bottom: 0;
}

.product__title {
    letter-spacing: 0;
    margin-top: 0.3rem;
}

.product .price,
.product .meta-info, .product__expire {
    margin-top: 0.8rem;
}

.product__expire {
    font-size: 1.2rem;
    line-height: 1.66667em;
    background: #ffd600;
    padding: 0 7px;
    border-radius: 4px;
    display: inline-block;
}

.product__inner-button {
    margin-top: 1.4rem;
}

.product .overlay {
    z-index: 1;
    position: absolute;
}

.has-hover .product .overlay:focus ~ .product__info .product__title a, .has-hover .product .overlay:hover ~ .product__info .product__title a {
    color: #306bf5;
}

.product a {
    z-index: 2;
    position: relative;
}


.product-list {
    margin-top: 5.0rem;
}

.product-list--grid {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -3.6rem;
}

.product-list--grid .product {
    margin-bottom: 4.8rem;
}

.product-list--grid .product__overlay {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}

.product-list--grid.product-list--large .product {
    width: 33.33333%;
}


.product-list--grid .product__title, .product-list--grid nav,
.product-list--horizontal .product__title,
.product-list--horizontal nav {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.product-list--grid .product__title:after, .product-list--grid nav:after,
.product-list--horizontal .product__title:after,
.product-list--horizontal nav:after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    pointer-events: none;
}


.product-list--landscape {
    margin-top: 0;
}

.product-list--landscape .product {
    display: flex;
    align-items: flex-start;
}

.product-list--landscape .product figure {
    margin-bottom: 0;
    flex: 0 0 auto;
}

.product-list--landscape .product__info {
    flex-grow: 1;
    padding: 9px 0 0 17px;
    overflow: hidden;
}

.product-list--landscape .product__controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.product-list--landscape .product__controls > * {
    margin-left: 18px;
}

.product-list--landscape .product__controls .form-control--number {
    margin-right: 20px;
}

.product-list--landscape .product__controls--small > * {
    margin-left: 4px;
}

.product-list--landscape .product__controls--small .form-control--number {
    margin-right: 0;
}


.product-list--vertical .product {
    border-top: 1px solid #edeef0;
    padding-top: 18px;
    padding-bottom: 16px;
}

.product-list--vertical .product__info {
    padding-top: 5px;
}

.product-list--vertical .product__info .product__controls {
    padding-top: 20px;
}

.product-list--vertical .product__controls {
    position: static;
    left: auto;
    top: auto;
    padding: 25px 0 0 32px;
    flex-shrink: 0;
}

.product-list--vertical .product__controls .price {
    margin-top: 0;
}


.product-list--horizontal {
    margin-top: 0;
    padding-top: 7px;
    padding-bottom: 22px;
}

.product-list--horizontal .product {
    margin-top: 15px;
}

.product-list--horizontal .product__controls {
    position: absolute;
    left: 6px;
    top: -1px;
}

.product-list--horizontal .product__controls--hover {
    transition-property: opacity;
    opacity: 0;
    pointer-events: none;
}

.has-hover .product-list--horizontal .product:focus .product__controls--hover, .has-hover .product-list--horizontal .product:hover .product__controls--hover {
    opacity: 1;
    pointer-events: all;
}


.product-list--horizontal-fill .product-list__right {
    flex-grow: 1;
    text-align: right;
    align-self: center;
}

.is-ie .product-list--horizontal-fill .product-list__right {
    margin-left: auto;
}

.product-list--table .product {
    align-items: center;
    margin-top: 2.2rem;
    margin-bottom: 2.2rem;
}

.product-list--table .product:first-child {
    margin-top: 0;
}

.product-list--table .product:last-child {
    margin-bottom: 0;
}

.product-list--table .product figure {
    padding-left: 2rem;
    padding-right: 4.5rem;
}

.product-list--table .product__info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.product-list--table .product__info__part {
    flex: 1 0 50%;
    width: 50%;
}

.product-list--table .product__info__part + .product__info__part {
    flex: 0 0 auto;
    width: auto;
    
    text-align: right;
}

.product-list--table .product__info__part--full {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    text-align: left;
    margin-top: 1rem;
}

.product-list--table .product__buttons {
    flex-direction: row-reverse;
}

.product-list--table .product__buttons .btn:not(:first-child) {
    margin-right: 2px;
    margin-left: 0;
}

.product-list--table .product .price {
    margin-top: 0.5rem;
}

.product-list--table .product .meta-info .group {
    justify-content: flex-end;
}

.product-list--table .product .overlay {
    left: -10px;
    top: -11px;
    bottom: -11px;
    right: -10px;
}


.product-list--lightbox {
    margin-top: 0;
    margin-bottom: -4.6rem;
}


.product-list--enumurated {
    counter-reset: products;
}

.product-list--enumurated .product {
    counter-increment: products;
    padding-left: 80px;
}

.product-list--enumurated .product:before {
    pointer-events: none;
    content: counter(products);
    display: block;
    position: absolute;
    left: -10px;
    top: 40px;
    width: 50px;
    color: #ffd600;
    font-size: 5.0rem;
    font-weight: 900;
    line-height: 1em;
    text-align: center;
}


.price {
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #333333;
    white-space: nowrap;
}

.price b, .price strong {
    font-weight: 900;
}

.price--special {
    color: #d7194e;
}

.price--special s {
    color: #2b2e31;
    font-size: 16px;
}

.price.price--small {
    color: #90989f;
}

.bonus-points {
    color: #90989f;
}

.bonus-points .icon {
    margin-right: 0.4rem;
    vertical-align: baseline;
}

.bonus-points b {
    color: #333333;
    font-weight: 500;
}


.meta-info {
    color: #90989f;
}


.product__is-visible-removed {
    display: none;
}

.product figure,
.product .product__info,
.product .product__overlay,
.product .price,
.product .meta-info {
    transition-property: opacity;
}

.product .product__overlay {
    transition-property: opacity, transform;
}

.product--removed figure,
.product--removed .product__info nav,
.product--removed .product__title,
.product--removed .product__overlay,
.product--removed .product__favourite,
.product--removed .price,
.product--removed .cart-product-addons,
.product--removed .cart-product-controls,
.product--removed .form-control,
.product--removed .meta-info {
    opacity: 0.2;
    pointer-events: none;
}

.product--removed .cart-product-addons .price {
    opacity: 1;
}

.product--removed .product__is-hidden-removed {
    display: none;
}

.product--removed .product__is-visible-removed {
    display: block;
}

.product--removed .product__is-visible-removed.btn {
    display: flex;
}

.product-tags {
    position: absolute;
    left: -1px;
    bottom: 3px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #ffffff;
    line-height: 16px;
    z-index: 2;
}

.product-images-wrapper .product-tags {
    left: -46px;
}

.product-tags li {
    margin-top: 2px;
    height: 15px;
}

.product-tags__i::before {
    background: #0cb799;
    content: "" attr(data-type-i) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__c::before {
    background: #d7194e;
    content: "" attr(data-type-d) "";
    padding: 2px 4px;
    border-radius: 3px;
}
.product-tags__d::before {
    background: #d7194e;
    content: "" attr(data-type-d) "";
    padding: 0;
    border-radius: 3px;
}
.product-tags li.product-tags__d {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #d7194e;
    height: 100%;
    border-radius: 3px;
    padding: 2px 6px;
}
.product-tags__d::after {
    background: #d7194e;
    content: "" attr(data-type-d1) "";
    padding: 0;
    border-radius: 3px;
    text-transform: none;
}
.product-tags__nl::before {
    background: #32CD32;
    content: "" attr(data-type-nl) "";
    padding: 2px 4px;
    border-radius: 3px; }


.product-tags__remaining {
    background: #306bf5;
}

.product-tags__remaining b {
    color: #ffd600;
}

.product-tags__s::before {
    background: #ff7200;
    content: "" attr(data-type-s) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__s2::before {
    background: #ff7200;
    content: "" attr(data-type-s2) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__f::before {
    background: #7cc82b;
    content: "" attr(data-type-f) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__gf::before {
    background: #bc56ec;
    content: "" attr(data-type-gf) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__n::before {
    background: #ffa800;
    content: "" attr(data-type-n) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__sp::before {
    background: #416ff4;
    content: "" attr(data-type-sp) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__tm::before {
    background: #03A9F4;
    content: "" attr(data-type-tm) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__365::before {
    background: #F44400;
    content: "" attr(data-type-365) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__a::before {
    background: #d7194e;
    content: "" attr(data-type-a) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__ts::before {
    background: #4c1e87;
    content: "" attr(data-type-ts) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__rl::before {
    background: #416ff4;
    content: "" attr(data-type-rl) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__t1::before {
    background: #39c053;
    content: "" attr(data-type-t1) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__t2::before {
    background: #39c053;
    content: "" attr(data-type-t2) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__t3::before {
    background: #39c053;
    content: "" attr(data-type-t3) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__t4::before {
    background: #39c053;
    content: "" attr(data-type-t4) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags__sn::before {
    background: #39c053;
    content: "" attr(data-type-sn) "";
    padding: 2px 4px;
    border-radius: 3px;
}

.product-tags--top {
    z-index: 1;
    bottom: auto;
    top: -5px;
}


.product__background {
    content: "";
    display: block;
    background: #ffffff;
    box-shadow: 0 10px 40px rgba(18, 42, 96, 0.1);
    border-radius: 4px;
    position: absolute;
    left: -20px;
    top: -36px;
    bottom: -203px;
    right: -20px;
    transition-property: opacity, transform;
    opacity: 0;
    transform: scale(0.9);
    pointer-events: none;
    will-change: transform;
}

.product__overlay {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    right: 0;
    padding-bottom: 46px;
    transition-property: opacity, transform;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

.product__buttons, .product__credit, .product__legal {
    margin-top: 13px;
}

.product__bonus {
    margin-top: 8px;
}

.product__legal + .product__credit {
    margin-top: 9px;
}

.product__buttons {
    display: flex;
}

.product__buttons .btn {
    flex: 1 0 auto;
}

.product__buttons .btn--square {
    flex: 0 0 auto;
}

.product__buttons .btn:not(:first-child) {
    margin-left: 2px;
}

.product__credit, .product__legal {
    position: relative;
    margin-bottom: -3px;
    color: #90989f;
}

.product__credit span, .product__credit b, .product__legal span, .product__legal b {
    display: inline-block;
    white-space: nowrap;
    padding-bottom: 3px;
}

.product__credit b, .product__legal b {
    color: #333333;
    font-weight: 500;
}

.has-hover .product:focus, .has-hover .product:hover {
    z-index: 2;
}

.product.is-touch-hovered {
    z-index: 2;
}

.has-hover .product-list--with-overlay .product:focus .product__overlay, .has-hover .product-list--with-overlay .product:hover .product__overlay, .product-list--with-overlay .product.is-touch-hovered .product__overlay {
    opacity: 1;
    transform: translateY(0px);
    pointer-events: all;
}

.has-hover .product-list--with-overlay .product:focus .product__background, .has-hover .product-list--with-overlay .product:hover .product__background, .product-list--with-overlay .product.is-touch-hovered .product__background {
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
}

.has-hover .product-list--with-overlay .product:focus .overlay, .has-hover .product-list--with-overlay .product:hover .overlay, .product-list--with-overlay .product.is-touch-hovered .overlay {
    left: -20px;
    top: -40px;
    bottom: -100px;
    right: -20px;
}


.breadcrumbs {
    color: #90989f;
    box-sizing: content-box;
    height: 1.333em;
}

.breadcrumbs ol {
    display: flex;
}

.breadcrumbs li:before {
    content: "/";
    padding: 0 0.9rem;
}

.breadcrumbs li:first-child:before {
    display: none;
}

.breadcrumbs li:first-child:last-child:after {
    content: "/";
    padding: 0 0.9rem;
}

.breadcrumbs {
    padding: 2.8rem 0;
}

.breadcrumbs ol {
    flex-wrap: wrap;
}


.page-title {
    position: relative;
    margin-top: -1.6rem;
    margin-bottom: 2.6rem;
}

.page-title:first-child {
    margin-top: 0;
}

.page-title:last-child {
    margin-bottom: 0;
}


.spinner {
    display: block;
    margin-left: auto;
    margin-right: auto;
    pointer-events: none;
    border-radius: 50%;
    animation: 1s spinner linear infinite;
    width: 30px;
    height: 30px;
    border: 7px solid #306bf5;
}

.spinner:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -8px;
    left: -8px;
    border: 9px solid transparent;
    border-top-color: #ffd600;
    border-radius: 50%;
}

.spinner.spinner--overlay {
    margin-top: -15px;
    margin-left: -15px;
}

.spinner--overlay {
    position: absolute;
    left: 50%;
    margin-right: 0;
}

.spinner--top {
    top: 300px;
}

.spinner--center {
    top: 50%;
}

.spinner--bottom {
    bottom: 300px;
}

.spinner--left {
    left: 0;
    margin-left: 0;
    margin-right: 0;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.spinner--small {
    width: 18px;
    height: 18px;
    border: 2px solid currentColor;
    border-top-color: transparent;
}

.spinner--small:before {
    display: none;
}

.spinner--small.spinner--overlay {
    margin-top: -9px;
    margin-left: -9px;
}


.spinner--smaller {
    width: 13px;
    height: 13px;
    border: 2px solid currentColor;
    border-top-color: transparent;
}

.spinner--smaller:before {
    display: none;
}

.spinner--smaller.spinner--overlay {
    margin-top: -6.5px;
    margin-left: -6.5px;
}


.block {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
}

.block:first-child {
    margin-top: 0;
}

.block:last-child {
    margin-bottom: 0;
}

.block-top {
    margin-top: 3.2rem;
}

.block-bottom {
    margin-bottom: 3.2rem;
}

.block-small {
    margin-top: 1.3rem;
    margin-bottom: 1.3rem;
}

.block-small:first-child {
    margin-top: 0;
}

.block-small:last-child {
    margin-bottom: 0;
}

.block-small-top {
    margin-top: 1.3rem;
}

.block-small-bottom {
    margin-bottom: 1.3rem;
}

.block-medium {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.block-medium:first-child {
    margin-top: 0;
}

.block-medium:last-child {
    margin-bottom: 0;
}

.block-medium-top {
    margin-top: 6rem;
}

.block-medium-bottom {
    margin-bottom: 6rem;
}

.block-large {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

.block-large:first-child {
    margin-top: 0;
}

.block-large:last-child {
    margin-bottom: 0;
}

.block-large-top {
    margin-top: 8rem;
}

.block-large-bottom {
    margin-bottom: 8rem;
}

.block-text {
    margin-top: 2.6rem;
    margin-bottom: 2.6rem;
}

.block-text:first-child {
    margin-top: 0;
}

.block-text:last-child {
    margin-bottom: 0;
}

.block-text-top {
    margin-top: 2.6rem;
}

.block-text-bottom {
    margin-bottom: 2.6rem;
}

.block-none {
    margin-top: 0;
    margin-bottom: 0;
}

.block-none:first-child {
    margin-top: 0;
}

.block-none:last-child {
    margin-bottom: 0;
}

.block-none-top {
    margin-top: 0;
}

.block-none-top:first-child {
    margin-top: 0;
}

.block-none-bottom {
    margin-bottom: 0;
}

.block-none-bottom:last-child {
    margin-bottom: 0;
}


.embed-video {
    position: relative;
}

.embed-video.is-ready:after, .embed-video.is-ready .icon {
    opacity: 1;
    visibility: visible;
}

.embed-video.is-played:after, .embed-video.is-played .icon {
    opacity: 0;
    visibility: hidden;
}

.embed-video.is-active:after {
    background: #306bf5;
}

.embed-video.is-active .icon {
    color: #ffffff;
}

.embed-video:after, .embed-video .icon {
    transition: opacity 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99), visibility 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.embed-video .icon {
    position: absolute;
    margin: 0 0 0 4px;
    color: #306bf5;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.embed-video:after {
    content: '';
    position: absolute;
    display: block;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1;
    transition-property: background;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42%;
}

.embed-responsive-16by9::before {
    padding-top: 56%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}


.accordion.form-section__group {
    box-shadow: 0 10px 40px rgba(18, 42, 96, 0.06);
}

.accordion__heading .icon {
    transition-property: color, transform;
    flex-shrink: 0;
}

.accordion__heading .is-active .icon,
.accordion__heading .accordion__active .icon {
    transform: rotate(180deg);
}

.accordion .is-active .accordion__heading__hidden-active, .accordion__active .accordion__heading__hidden-active, .accordion .accordion__heading__hidden-inactive {
    display: none;
}

.accordion .is-active .accordion__heading__hidden-inactive, .accordion__active .accordion__heading__hidden-inactive {
    display: inline;
    display: initial;
}


.accordion__heading--style-secondary {
    text-transform: none;
    font-weight: 900;
    position: relative;
}

.accordion__heading--style-secondary a {
    display: block;
    padding: 31px 40px 31px 70px;
    color: #306bf5;
}

.has-hover .accordion__heading--style-secondary a:focus, .has-hover .accordion__heading--style-secondary a:hover {
    color: #333333;
}

.accordion__heading--style-secondary a:active, .accordion__heading--style-secondary a.is-active {
    color: #333333;
}

.has-hover .accordion__heading--style-secondary a:focus .icon, .has-hover .accordion__heading--style-secondary a:hover .icon {
    color: #333333;
}

.accordion__heading--style-secondary a.is-active {
    background: #306bf5;
    color: #fff;
}

.accordion__heading--style-secondary a.is-active:after {
    display: none;
}

.accordion__heading--style-secondary a.is-active .icon {
    color: #fff;
}

.has-hover .accordion__heading--style-secondary a.is-active:focus, .has-hover .accordion__heading--style-secondary a.is-active:hover {
    color: #fff;
}

.has-hover .accordion__heading--style-secondary a.is-active:focus .icon, .has-hover .accordion__heading--style-secondary a.is-active:hover .icon {
    color: #fff;
}

.accordion__heading--style-secondary a .icon {
    color: #306bf5;
    position: absolute;
    left: 40px;
    top: 37px;
    margin: 0;
    transform-origin: center center;
}

.accordion__heading--style-secondary a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.accordion__heading--style-secondary a:after {
    content: "";
    height: 1px;
    width: auto;
    left: 40px;
    right: 40px;
    top: 0;
    background: #edeef0;
    display: block;
    position: absolute;
}


.header {
    background: #f7f9fc;
    background: linear-gradient(0deg, #f2f4f7, #f6f8fb);
    width: 100%;
    transform: translateZ(0);
    will-change: transform;
    z-index: 5;
    top: 0;
    transition: 0.3s;
    position: relative;
    height: 70px;
    display: flex;
    align-items: center;
}

.header__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__main > .logo.btn {
    width: 257px;
    justify-content: start;
}


/*.header.js-is-sticky {
    box-shadow: 0 10px 20px rgba(18, 42, 96, 0.06);
}*/

.header.js-is-sticky .header__main {
    padding-top: 10px;
    padding-bottom: 10px;
}

.is-ie .header.js-is-sticky, .is-edge .header.js-is-sticky {
    position: fixed !important;
}


.header-sticky-placeholder {
    display: none;
    height: 144px;
}

@supports (position: sticky) {
    .header.js-is-sticky + .header-sticky-placeholder {
        display: none;
    }
}

.header-top {
    position: relative;
    z-index: 7;
    height: 41px;
    line-height: 40px;
    border-bottom: 1px solid #edeef0;
    background: #F7F9FC;
}

.header-top .container {
    display: flex;
    justify-content: space-between;
}

.header-top a {
    line-height: 40px;
}

.header-top .dropdown__button {
    padding-top: 2px;
    line-height: 38px;
}

.header-top .tel {
    line-height: 42px;
}


.search-form {
    width: 608px;
    margin-left: 8px;
    margin-right: 40px;
    position: relative;
    border-radius: 4px;
    background: #ffffff;
}

.search-form__reset {
    position: absolute;
    right: 50px;
    top: 0;
}

.search-form__reset.btn--square {
    width: 42px;
}

.search-form__search {
    position: absolute;
    right: 0;
    top: 0;
    color: #306BF5
}
.search-form__search:hover {
    color: #333333;
}

.search-form__search.btn--square {
    width: 50px;
    border-radius: 0 4px 4px 0;
    background: #ffffff !important;
}

.search-form__search .icon {
    margin-top: 0;
    color: #306BF5 !important;
}

.has-hover .search-form:focus input, .has-hover .search-form:hover input {
    box-shadow: 0 10px 20px 0 rgba(18, 42, 96, 0.1);
}

.search-form input {
    border: 0;
    background: none;
    width: 100%;
    height: 46px;
    padding: 4px 40px 0 16px;
    box-shadow: 0 10px 20px rgba(18, 42, 96, 0.06);
    transition-property: box-shadow;
    color: #333333;
    outline: none;
    vertical-align: middle;
}

.search-form input:active, .search-form input.is-active {
    box-shadow: 0 10px 20px 0 rgba(18, 42, 96, 0.1);
}

@-moz-document url-prefix() {
    .search-form input {
        padding-top: 0;
    }
}

.no-hover .search-form input {
    -webkit-appearance: none;
    border-radius: 0;
}

.search-form input::-ms-clear {
    display: none;
}

.search-form input::-webkit-input-placeholder {
    color: #306bf5;
    opacity: 1;
}

.search-form input::-moz-placeholder {
    color: #306bf5;
    opacity: 1;
}

.search-form input:-ms-input-placeholder {
    color: #306bf5;
    opacity: 1;
}

.search-form input:placeholder-shown {
    color: #306bf5;
    opacity: 1;
}

.search-form input:focus::-webkit-input-placeholder {
    color: rgba(144, 152, 159, 0.5);
}

.search-form input:focus::-moz-placeholder {
    color: rgba(144, 152, 159, 0.5);
}

.search-form input:focus:-ms-input-placeholder {
    color: rgba(144, 152, 159, 0.5);
}

.search-form input:focus:placeholder-shown {
    color: rgba(144, 152, 159, 0.5);
}

.js-is-sticky .search input {
    height: 42px;
}

.search, .search__content {
    display: flex;
    align-items: stretch;
}

.search__content {
    padding-bottom: 10rem;
}

.search .baron {
    height: 100%;
    width: 100%;
}

.search .scrollable {
    min-height: 263px !important;
    max-height: calc(100vh - 120px) !important;
    height: 100% !important;
}

.header.js-is-sticky .search .scrollable {
    max-height: calc(100vh - 72px) !important;
}


.search--standalone .scrollable {
    width: 100% !important;
}

.search--standalone .scrollable.baron__scroller {
    width: auto !important;
}


.search__empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.search__empty__content {
    padding-top: 10rem;
    color: #90989f;
    text-align: center;
}


.search__products {
    margin-top: 3.8rem;
    width: 100%;
}

.search__filters {
    margin-bottom: 4.5rem;
}

.search__filters__group {
    white-space: nowrap;
    margin-bottom: 1.8rem;
}

.search__filters__group:last-child {
    margin-bottom: 0;
}

.search__filters__label {
    flex-shrink: 0;
    min-width: 75px;
}

.search__more,
.search__more:last-child {
    position: relative;
    margin-bottom: -4rem;
}

.is-ie .search__more, .is-ie
.search__more:last-child {
    margin-bottom: 6rem;
}

.icon-group {
    width: 295px;
}

.icon-group.group > a {
    margin-top: 17px;
}

.icon-group > a.cart-button {
    width: 52px;
    height: 46px;
    margin-top: 13px;
}

.icon-group .cart-button svg.icon {
    stroke-width: 1;
    margin-right: 0;
    color: #333333;
}
.icon-group .cart-button:hover svg.icon,
.icon-group .cart-button:hover span.badge{
    color: #333333;
}
.icon-group .cart-button span.badge {
    background: transparent;
    right: 0;
    left: inherit;
    color: #333333;
}


.cart {
    margin-left: 50px;
}

.cart > .btn {
    transition-property: color, background-color;
}

.js-is-sticky .cart > .btn {
    height: 42px;
}


.cart-popover {
    width: 570px;
    padding: 40px;
    color: #333333;
}

.cart-popover .scrollable {
    height: 360px !important;
    max-height: calc(100vh - 290px) !important;
}

.avalaible_box .cart-popover .scrollable {
    height: auto !important;
}

.cart-popover__header {
    padding: 0 0 25px;
}

.cart-popover__footer {
    padding: 40px 22px 0 0;
}


.cart-popover--empty {
    position: relative;
    width: 390px;
}

.cart-popover--empty .cart-popover__header {
    border-bottom: 1px solid #edeef0;
}

.cart-popover--empty p {
    color: #90989f;
}

.in-cart-popover {
    background: none;
    box-shadow: none;
    width: 100%;
    min-width: 1280px;
    left: 0 !important;
    pointer-events: none;
}

.in-cart-popover:before {
    left: 0;
    right: 0;
}

.in-cart-popover__content {
    position: relative;
    z-index: initial;
    pointer-events: all;
    pointer-events: initial;
}

.in-cart-popover__info {
    position: relative;
    padding-right: 110px;
    padding-left: 60px;
    display: flex;
    align-items: center;
}

.in-cart-popover__info .added-confirmation {
    margin-right: 30px;
}

.in-cart-popover__info .product-list {
    flex-grow: 1;
    margin-right: 80px;
    max-width: 340px;
}

.in-cart-popover__info > .group {
    flex-shrink: 0;
}

.in-cart-popover__info:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 20px;
    margin-top: -20px;
    box-shadow: 0 10px 20px rgba(18, 42, 96, 0.06);
    pointer-events: none;
}

.in-cart-popover__products {
    padding: 60px 60px 38px;
    overflow: hidden;
    position: relative;
}

.in-cart-popover .scrollable {
    max-height: calc(100vh - 230px) !important;
}

.in-cart-popover .baron__clipper {
    border-radius: 0 0 4px 4px;
}

.nav-primary-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;

}

.nav-primary {
    position: relative;
    z-index: 5;
    padding-top: 7px;
    top: 0;
    height: auto;
    max-height: 1000px;

}

.nav-primary .container {
    position: static;
}

.nav-primary .btn:after {
    content: "";
    position: absolute;
    left: -13px;
    right: -13px;
    top: 0;
    bottom: 0;
}

.nav-primary ul.group-vertical-menu {
    overflow: hidden;
    height: auto;
    max-height: 1000px;
    min-height: 600px;
}

.nav-primary .group-vertical-menu > li.prime > a.btn {
    text-transform: uppercase;
    color: #DE2152;
    font-weight: 800;
    white-space: wrap;
    text-align: left;
    min-height: 33px;
    height: auto;
    padding-top: 2px;
    padding-bottom: 2px;
}
.nav-primary .group-vertical-menu > li.prime > a.btn > .icon {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 16px;
    color: #DE2152;
}


.nav-secondary {
    background: #F7F9FC;
    border-top: 1px solid #edeef0;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    left: 257px;
    top: 7px;
    width: 923px;
    pointer-events: none;
    opacity: 0;
    transition: 0s;
    height: calc(100% - 7px);
}

.nav-secondary a {
    display: block;
    line-height: 2.5rem;
}

.nav-secondary .text--heading {
    padding-top: 12px;
}

.nav-secondary .text--heading + .text--heading {
    padding-top: 10px;
}

.nav-secondary__list {
    column-count: 4;
    column-gap: 26px;
    padding-top: 23px;
    padding-bottom: 17px;
    text-align: left;
}

.nav-secondary__list small {
    color: #90989f;
    font-weight: normal;
}

.nav-secondary__list__nowrap {
    break-inside: avoid;
}

@-moz-document url-prefix() {
    .nav-secondary__list__nowrap {
        page-break-inside: avoid;
    }
}

.nav-secondary .scrollable-area {
    max-height: 0;
}

.nav-primary li.is-open .btn--nav {
    background: #F7F9FC;
    color: #306bf5;
}

.nav-primary li:hover .btn--nav img,
.nav-primary li.is-open .btn--nav img {
    filter: invert(34%) sepia(95%) saturate(2633%) hue-rotate(213deg) brightness(97%) contrast(98%);
}

.nav-primary li:hover .btn--nav:before,
.nav-primary li.is-open .btn--nav:before {
    opacity: 1;
}

.nav-primary li.is-open .nav-secondary {
    transition-delay: 0s;
    pointer-events: all;
    opacity: 1;
    transform: translateY(0px);
    z-index: 2;
}

/* эффект только для первого появления */

.nav-primary.first-open {
}

.nav-primary.first-open .nav-secondary {
    left: 0;
}

.nav-primary.first-open.active-first .is-open .nav-secondary {
    animation: slideFirst .4s ease forwards;
    z-index: -1;
}

@keyframes slideFirst {
    0% {
        left: 0;
        opacity: 0;
    }
    100% {
        left: 257px;
        opacity: 1;
    }
}


.auth {
    display: flex;
    align-items: stretch;
}

.auth__form {
    flex-grow: 1;
    flex-shrink: 1;
    border-radius: 4px 0 0 4px;
    padding-top: 32px;
    padding: 32px 85px 60px 60px;
}

.auth__description {
    background: #f7f9fc;
    min-width: 380px;
    max-width: 380px;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 0 4px 4px 0;
    padding: 57px 35px 55px 50px;
}


.header__empty-message {
    text-align: center;
    padding: 33px 0;
}

.header__empty-message h3, .header__empty-message .h3, .header__empty-message p, .header__empty-message .group {
    margin-top: 1.1rem;
    margin-bottom: 1.1rem;
}

.header__empty-message h3:first-child, .header__empty-message .h3:first-child, .header__empty-message p:first-child, .header__empty-message .group:first-child {
    margin-top: 0;
}

.header__empty-message h3:last-child, .header__empty-message .h3:last-child, .header__empty-message p:last-child, .header__empty-message .group:last-child {
    margin-bottom: 0;
}

.header__empty-message p {
    color: #90989f;
}

.header__empty-message .btn {
    pointer-events: none;
}

.header-minimal {
    padding: 13px 0 17px;
}

.header-minimal .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-bottom {
    background: #ffffff;
    box-shadow: 0 10px 20px 0 #122A600F;
}


.catalog-menu-button-wrapper{
    height: 100%;
    padding-top: 10px;
}

.catalog-menu-button.btn {
    height: 40px;
    width: 257px;
    justify-content: start;
    align-items: center;
    font-size: 12px;
    line-height: 18px;
    padding: 3px 16px 0;
    cursor: pointer;
}

.catalog-menu-button:before {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(/images/catalog_menu_button_icon_white.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-bottom: 4px;
}

.close-button .catalog-menu-button:before {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(/images/catalog_menu_button_close_icon_white.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
}



.promo-sale {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 61px;
    margin-top: -1px;
}

.promo-sale .container {
    display: flex;
    align-items: center;
    height: 100%;
}
.promo-sale .container ul {
    overflow: hidden;
}

.promo-sale--extended {
    padding-bottom: 25px;
}

.promo-feature {
    display: flex;
    align-items: center;
}

.promo-feature__icon {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    background: #ffffff;
    border-radius: 4px;
    color: #306bf5;
}

.promo-feature__text {
    flex-grow: 1;
    padding-left: 20px;
}

.promo-feature h1, .promo-feature .h1, .promo-feature h2, .promo-feature .h2, .promo-feature h3, .promo-feature .h3, .promo-feature h4, .promo-feature .h4, .promo-feature h5, .promo-feature .h5, .promo-feature p {
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

.promo-feature h1:first-child, .promo-feature .h1:first-child, .promo-feature h2:first-child, .promo-feature .h2:first-child, .promo-feature h3:first-child, .promo-feature .h3:first-child, .promo-feature h4:first-child, .promo-feature .h4:first-child, .promo-feature h5:first-child, .promo-feature .h5:first-child, .promo-feature p:first-child {
    margin-top: 0;
}

.promo-feature h1:last-child, .promo-feature .h1:last-child, .promo-feature h2:last-child, .promo-feature .h2:last-child, .promo-feature h3:last-child, .promo-feature .h3:last-child, .promo-feature h4:last-child, .promo-feature .h4:last-child, .promo-feature h5:last-child, .promo-feature .h5:last-child, .promo-feature p:last-child {
    margin-bottom: 0;
}

.promo-feature-list--small .promo-feature {
    align-items: flex-start;
}

.promo-feature-list--small .promo-feature__icon {
    width: 70px;
    height: 70px;
}

.promo-feature-list--small .promo-feature__text {
    padding-top: 4px;
    padding-left: 25px;
}

.promo-feature-list--small p {
    color: #90989f;
}

.promo-feature-list {
    position: relative;
}

.promo-feature-list .promo-feature {
    margin-top: 3.5rem;
}

.promo-feature-list .promo-feature:first-child {
    margin-top: 0rem;
}

.promo-feature-list--horizontal {
    margin-top: -4.4rem;
}

.promo-feature-list--horizontal .promo-feature,
.promo-feature-list--horizontal .promo-feature:first-child {
    margin-top: 4.4rem;
}

.red-categories {
    margin-left: 8px;
}
.red-categories > li {
    padding: 2px 10px 2px 30px;
}
.red-categories li:first-child .promo_2 {
    color: #D7194E;
}


main:before {
    content: "";
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #333;
    pointer-events: none;
    transition-property: opacity;
    opacity: 0;
}

main.with-content-shadow:before {
    opacity: 0.35;
    pointer-events: all;
}


.footer__nav {
    padding-top: .5rem;
}

.footer__nav a {
    display: block;
    line-height: 1.28571em;
    padding: .4rem 0;
}

.footer__copyright,
.footer__payments {
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
}

.footer__copyright {
    color: #adc6ff;
    border-top: 1px solid #447fff;
}


.subscribe {
    border-bottom: 1px solid #447fff;
}

.subscribe .container {
    padding-top: 40px;
    padding-bottom: 40px;
}

.subscribe .row {
    align-items: center;
}

.subscribe__icon-wrapper {
    position: relative;
    overflow: hidden;
    margin: -40px;
    height: 130px;
}

.subscribe__icon {
    position: absolute;
    left: 32px;
    bottom: -51px;
    color: #4f81f6;
}

.subscribe__title {
    margin: 0 0 6px;
    padding: 5px 0 0;
}

.subscribe__description {
    margin: 0;
    color: #adc6ff;
    padding: 0 0 2px;
}

.subscribe__form {
    transition-property: box-shadow;
}

.has-hover .subscribe__form:hover {
    box-shadow: 0 10px 40px 0 rgba(18, 42, 96, 0.3);
}

.subscribe__form .form-control {
    flex-grow: 1;
}

.subscribe__form .btn {
    padding-left: 18px;
    padding-right: 20px;
}


.subscribe--inline {
    border-radius: 4px;
    padding: 30px;
}

.subscribe--inline .subscribe__title {
    margin: 0 0 18px;
}

.subscribe--inline .subscribe__description {
    margin: 0 40px 27px 0;
}

.subscribe--inline .subscribe__icon {
    left: auto;
    bottom: auto;
    right: 0;
    top: 27px;
}

.subscribe--inline .subscribe__form .btn {
    padding-left: 0;
    padding-right: 0;
}

.seo-text {
    color: #a6afb7;
    line-height: 1.66667em;
    margin-top: 5.2rem;
}

.account__menu {
    min-width: 215px;
}

.account__menu .account__menu__header {
    padding: 2.3rem 2.2rem 1rem;
}

.account__menu .account__menu__list {
    padding-bottom: 1.7rem;
}

.account__menu .account__menu__list a {
    font-size: 1rem;
    line-height: 3em;
    font-weight: 900;
    color: #333333;
    text-transform: uppercase;
    padding: 0 2.2rem;
}

.account__menu .account__menu__footer {
    border-top: 1px solid #edeef0;
}

.account__menu .account__menu__footer a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 3.6em;
    font-weight: 900;
    color: #333333;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}

.account__menu .account__menu__footer a span {
    position: relative;
}

.account__menu .account__menu__footer a .icon {
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -6px;
    margin-right: 5px;
}

.account__menu .account__menu__name {
    font-size: 1.4rem;
    line-height: 1.57143em;
}

.account__menu .account__menu__info {
    font-size: 1rem;
    line-height: 2.2em;
    text-transform: uppercase;
    color: #90989f;
}


.text--content b, .text--content strong {
    font-weight: 900;
}

.text--content figure {
    position: relative;
}

.text--content figure img {
    display: block;
    border-radius: 4px;
    max-width: 100%;
    height: auto;
}

.text--content blockquote {
    line-height: 1.4em;
    position: relative;
    padding-left: 2.9rem;
    margin-left: 0;
    margin-right: 0;
}

.text--content blockquote:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 10px;
    border-left: 7px solid #306bf5;
}

.text--content ol {
    counter-reset: ordered-list;
}

.text--content ol:before, .text--content ol:after {
    display: block;
    overflow: hidden;
    content: "";
    width: 100%;
    height: 0;
    clear: both;
}

.text--content ol > li {
    counter-increment: ordered-list;
    position: relative;
    margin: 5.3rem 0;
    padding: 0 0 0 3.8rem;
}

.text--content ol > li:first-child {
    margin-top: 1.5rem;
}

.text--content ol > li:last-child {
    margin-bottom: 0;
}

.text--content ol > li:before {
    content: counter(ordered-list);
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    color: #ffd600;
    line-height: inherit;
}

.text--content ul {
    font-size: 1.6rem;
    line-height: 1.875em;
    margin-top: 2.6rem;
    margin-bottom: 2.6rem;
}

.text--content ul:first-child {
    margin-top: 0;
}

.text--content ul:last-child {
    margin-bottom: 0;
}

.text--content ul > li {
    position: relative;
    padding-left: 1.5rem;
}

.text--content ul > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    background: #8a8d94;
    border-radius: 50%;
}

.text--content ul.interactive-list {
    columns: 2;
    column-gap: 30px;
    font-size: 1.4rem;
    line-height: 1.28571em;
    margin: 0 0 5rem;
    position: relative;
}

.text--content ul.interactive-list:first-child {
    margin-top: 0;
    margin-left: 0;
}

.text--content ul.interactive-list:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

.text--content ul.interactive-list:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #ffffff;
    bottom: 0;
    left: 0;
}

.text--content ul.interactive-list > li {
    break-inside: avoid;
    border-bottom: 1px solid #edeef0;
    padding: 16px 0 16px 40px;
    position: relative;
}

.text--content ul.interactive-list > li:before {
    display: none;
}

.text--content ul.interactive-list > li:last-child {
    border-bottom-color: transparent;
}

.text--content ul.interactive-list > li .icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.text--content ul.interactive-list .icon {
    color: #306bf5;
}

.text--content h2, .text--content .h2 {
    margin-top: 9.4rem;
    margin-bottom: 1.8rem;
}

.text--content h2:first-child, .text--content .h2:first-child {
    margin-top: 0;
}

.text--content h2:last-child, .text--content .h2:last-child {
    margin-bottom: 0;
}

.text--content blockquote {
    margin-top: 5.5rem;
    margin-bottom: 4.9rem;
}

.text--content blockquote:first-child {
    margin-top: 0;
}

.text--content blockquote:last-child {
    margin-bottom: 0;
}

.text--content h1, .text--content .h1, .text--content h3, .text--content .h3, .text--content h4, .text--content .h4, .text--content h5, .text--content .h5,
.text--content hr, .text--content p, .text--content table, .text--content iframe, .text--content object, .text--content pre,
.text--content ul, .text--content ol {
    margin-top: 1.8rem;
    margin-bottom: 3.2rem;
}

.text--content h1:first-child, .text--content .h1:first-child, .text--content h3:first-child, .text--content .h3:first-child, .text--content h4:first-child, .text--content .h4:first-child, .text--content h5:first-child, .text--content .h5:first-child,
.text--content hr:first-child, .text--content p:first-child, .text--content table:first-child, .text--content iframe:first-child, .text--content object:first-child, .text--content pre:first-child,
.text--content ul:first-child, .text--content ol:first-child {
    margin-top: 0;
}

.text--content h1:last-child, .text--content .h1:last-child, .text--content h3:last-child, .text--content .h3:last-child, .text--content h4:last-child, .text--content .h4:last-child, .text--content h5:last-child, .text--content .h5:last-child,
.text--content hr:last-child, .text--content p:last-child, .text--content table:last-child, .text--content iframe:last-child, .text--content object:last-child, .text--content pre:last-child,
.text--content ul:last-child, .text--content ol:last-child {
    margin-bottom: 0;
}

.text--content figure {
    margin-top: 6.2rem;
    margin-bottom: 3.2rem;
}

.text--content figure:first-child {
    margin-top: 0;
}

.text--content figure:last-child {
    margin-bottom: 0;
}

.text--content ol h1, .text--content ol .h1, .text--content ol h2, .text--content ol .h2, .text--content ol h3, .text--content ol .h3, .text--content ol h4, .text--content ol .h4, .text--content ol h5, .text--content ol .h5, .text--content ol p, .text--content ol ul, .text--content ol ol {
    margin-top: 2.2rem;
    margin-bottom: 2.2rem;
}

.text--content ol h1:first-child, .text--content ol .h1:first-child, .text--content ol h2:first-child, .text--content ol .h2:first-child, .text--content ol h3:first-child, .text--content ol .h3:first-child, .text--content ol h4:first-child, .text--content ol .h4:first-child, .text--content ol h5:first-child, .text--content ol .h5:first-child, .text--content ol p:first-child, .text--content ol ul:first-child, .text--content ol ol:first-child {
    margin-top: 0;
}

.text--content ol h1:last-child, .text--content ol .h1:last-child, .text--content ol h2:last-child, .text--content ol .h2:last-child, .text--content ol h3:last-child, .text--content ol .h3:last-child, .text--content ol h4:last-child, .text--content ol .h4:last-child, .text--content ol h5:last-child, .text--content ol .h5:last-child, .text--content ol p:last-child, .text--content ol ul:last-child, .text--content ol ol:last-child {
    margin-bottom: 0;
}


.text--content--alt-list ol > li {
    margin: 0;
    padding: 12px 0 12px 30px;
}

.text--content--alt-list ol > li:first-child {
    margin-top: 0;
}

.text--content--alt-list ol > li:before {
    top: 12px;
    color: #ffd600;
    font-size: 2.4rem;
    line-height: inherit;
    font-weight: 900;
}


.back-to-top {
    position: fixed;
    
    right: -100px;
    bottom: 80px;
    box-shadow: 0 6px 15px rgba(18, 42, 96, 0.12);
}


.cookie_window {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fefefe;
    box-sizing: border-box;
    z-index: 5;
    height: 63px;
    text-align: center;
    padding-top: 12px;
    box-shadow: -6px 0 15px rgba(18, 42, 96, 0.12);
    color: #a6afb7;
}

.cookie_window_link {
    margin: 0 20px;
}

.infinite {
    width: 100%;
    height: 50px;
    white-space: nowrap;
    position: fixed;
    bottom: 0 !important;
    left: 0;
    background-color: #3760D8;
    z-index: 6;
    animation: animate 10s linear infinite;
    background-repeat: repeat-x;
    display: none;
}

.infinite[data-lang='ru'] {
    background: url("/images/infinite_5_ru.jpg");
    background-repeat: no-repeat;
    background-color: #3760D8;
    background-position: 0 center;
}

.infinite[data-lang='lv'] {
    background: url("/images/infinite_5_lv.jpg");
    background-repeat: no-repeat;
    background-color: #3760D8;
    background-position: center top;
}



.infinite .infinite_link {
    width: 100%;
    text-indent: 0;
    height: 50px;
    color: #FFF;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infinite .lightbox__close {
    top: -60px;
}

@keyframes animate {
    from {
        background-position: 0px 0px;
    }
    to {
        background-position: -775px 0px;
    }
}

.accordion__heading span {
    line-height: normal;
    white-space: normal;
    text-align: left;
}

.popver_stable_history {
    display: block;
}

.popver_stable_history_deliter {
    float: right;
    margin: 0;
}

.popver_stable_history_deliter a {
}

.popver_stable_history_deliter a svg {
    color: #306bf5;
}

.search_precision_div {
    font-size: 10px;
    max-width: 880px;
    margin-bottom: 15px;
}

.search_products_count {
    font-size: 12px;
    padding-top: 15px;
}

.categories_popular_filters_div {
    font-size: 10px;
    max-width: 880px;
}

.search_precision_item {
    margin: 10px 0 10px 15px;
    color: #000000 !important;
    padding: 2px 7px;
    text-transform: lowercase;
    border-radius: 4px;
    background: #FFD600;
}

.search_precision_item:first-letter {
    text-transform: uppercase;
}

.categories_popular_filters {
    margin: 13px 0 0 25px;
    color: #90989f !important;
}

.categories_popular_filters:hover {
    color: #306bf5 !important;
}

.brand_logo {
    margin: 20px;
}

.energo-transform-category-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.energo-category-button-wrapper {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.icon-feature-delivery {
    position: relative;
    top: 5px;
    margin-right: 5px !important;
}

/**/

.promo_2 {
    color: #333333;
    padding: 0;
}
.promo_2:hover {
    color: #306bf5!important;
}
.promo_2 svg.icon {
    display: none;
}
.promo_2 span {
    font-size: 12px;
    font-weight: 900;
    line-height: 40px;
    letter-spacing: 0.24px;
}
.js-sticky-div {
    position: sticky;
    z-index: 6;
    transition: 0.3s;
}
.js-sticky-div.js-is-sticky {
    box-shadow: 0 10px 20px rgb(20 32 59 / 21%);
}
.promo-sale .btn--secondary {
    color: #306bf5;
}
.promo-sale .btn--secondary:hover {
    color: #306bf5!important;
}
.btn--secondary.catalog-menu-button {
    height: 46px;
    width: 257px;
    color: #306bf5;
    cursor: pointer;
}
.btn--secondary.catalog-menu-button:hover {
    color: #306bf5!important;
}

.ui-footer .search-form input {
    color: #333333;
}
.popover {
    z-index: 10;
}
.popover .product__title a,
.popover .product__controls a,
.popover h3 {
    color: #333;
}
.promo-sale nav.group {
    margin-top: -10px;
    margin-right: -8px;

}
.promo-sale.ui-footer .cart-popover__header p a {
    color: #306bf5;
}

.group-vertical-menu {
    width: 257px;
    background-color: #ffffff;
    height: 480px;
    padding: 7px 0;
    max-height: 480px;
}
.group-vertical-menu li {
    width: 100%;
}

.group-vertical-menu > li > a.btn {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    color: #333333;
    padding: 0 20px 0 50px;
}

.btn--size-vertical {
    height: 36px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 0;
    font-weight: 600;
    width: 100%;
    padding: 0 20px 0 34px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.btn--size-vertical:hover {
    color: #306BF5!important;
    background-color: #F7F9FC;
}
.btn--size-vertical img {
    position: absolute;
    left: 16px;
    width: 18px;
    height: 18px;
}
.btn--size-vertical:hover img {
    filter: invert(34%) sepia(95%) saturate(2633%) hue-rotate(213deg) brightness(97%) contrast(98%);
}
.btn--nav.btn--size-vertical:before {
    content: "";
    background: #ffd600;
    height: 36px;
    width: 3px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: -1px;
    transition-property: opacity;
    opacity: 0;
}

.nav-primary .btn--size-vertical.sub:after {
    font-family: "FontAwesome";
    font-size: 20px;
/*    content: "\f105";*/
    left: initial;
    right: 5px;
    top: 7px;
    color: #B5BCC2;
    font-weight: normal;
}
.nav-primary .is-open .btn--size-vertical.sub:after {
    color: #306BF5;
}


.nav-secondary__list.nav-secondary__vertical {
    padding-top: 0;
}

.first_page_banners_slider_wrapper .card--horizontal {
    height: 400px;
}
.first_page_banners_slider {
    width: 915px;
    justify-content: flex-end;
}

.carousel__arrow-nav:first-child {
    margin-top: 0;
    width: 110px;
    position: absolute;
    bottom: -10px;
    z-index: 2;
    right: -120px;
}
/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
    display: none!important;
}

/* Branding on the widget */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none!important;
}
#CybotCookiebotDialogPoweredbyImage img{
    width: 87px;
    height: 78px;
}

/* info 8 banners block */


.banners-block {
    width: 800px;
    /*  margin: 0 auto;*/
    background: #ffffff;
    padding: 40px 40px 10px;
}
.banners-block-title {
    width: 100%;
    font-size: 36px;
    font-weight: 900;
    line-height: 40px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom:30px
}
.banners-block-top {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:30px;

    height: 76px;
    padding: 9px 20px 9px 20px;
    border-radius: 16px;
    background: linear-gradient(161.4deg, #3077F5 10.84%, #1C458F 205.02%);

    font-size: 20px;
    font-weight: 600;
    line-height: 27.78px;
    letter-spacing: 0.03em;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}

.banners-block-top .divider {
    margin: 0 10px;
}


.banners-block-body {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}
.banner-item {
    width: 24%;
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    margin-bottom: 10px;
    text-align: center;
    padding: 0 10px 20px;
    position: relative;
}
.banner-item-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.banner-item-img img {
    width: 100%;
    height: auto;
}
.banner-item:hover .banner-item-img img {
    opacity: 0.9;
}
.banner-item-title {
    font-size: 14px;
    font-weight: 800;
    line-height: 16px;
    margin-bottom: 10px;
    height: 32px;
    overflow: hidden;
}
.banner-item-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    padding: 6px 30px 6px 30px;
    border-radius: 24px;
    background: #FFD600;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.45px;
    letter-spacing: 0.03em;
    color: #000000;
    transition: 0.5s;
}
.banner-item:hover .banner-item-button {
    background: #FCCA01;
}

.circle_badges {
    width: 82px;
    height: 82px;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
}
.circle_badges img
{
    width: 100%;
    height: 100%;
}

/* list-slider-images-block  */

.list-slider-parent-block .list-slider-images-wrapper {
    overflow: hidden;
    width: 170px;
    height: 170px;
}

.list-slider-images-block {
    position: relative;
    z-index: 1;
    display: flex;
    transition: 0.5s;
}
.list-slider-one-image {
    transition: 0.5s;
    width: 100%;
    height: auto;
    max-width: 170px;
    max-height: 170px;
    flex-shrink: 0;
    margin-right: 40px;

}
figure .list-slider-one-image img {
    width: 100%;
    height: auto;
}

.list-slider-parent-block:hover  .list-slider-one-image:has(+ .list-slider-one-image) {
    margin-left: -210px;
    transition: 0.5s;
}

/* check-order-status */
.check-order-status {
    top: 30px !important;
}
.check-order-status .lightbox__content {
    width: 525px;
}
.check-order-status .form-label {
    font-size: 1.4rem;
}

.check-order-status  h3{
    padding-bottom: 20px;
    border-bottom: 1px solid #edeef0;
}

a[data-popover-trigger-target="#check-order-status"] {
    background: #D6E2FF;
    color: #333333;
    font-size: 10px;
    font-weight: 800;
    padding: 0 15px;
    transition: 0.5s;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
a[data-popover-trigger-target="#check-order-status"]:hover,
a[data-popover-trigger-target="#check-order-status"].is-active {
    background: inherit;
    color: inherit;
}

.product span.available_link {
    display: inline-block;
    margin-top: 5px;
    position: relative;
    z-index: 1;
}

/* DIM0S ADDED START */
/* availability */

.filters-top-nav {
    display: flex;
    justify-content: right;
}

label.availability-flag-selector {
    background: #F5F7FA;
    border-radius: 4px;
    padding: 0 12px;
    display: flex;
    height: 40px;
    align-items: center;
    cursor: pointer;
}

label.availability_shop_selector {
    background: #F5F7FA;
    border-radius: 4px;
    padding: 0 12px;
    display: flex;
    height: 40px;
    align-items: center;
    cursor: pointer;
}

.checkbox-round {
    display: flex;
    align-items: center;
    height: 18px;
    margin-left: 5px;
}
.checkbox-round .checkbox-round-switch {
    display: flex;
    align-items: center;
    width: 31px;
    height: 16px;
    border-radius: 25%/50%;
    background: #D0D0D0;
    transition: .2s;
    margin-left: 8px;
}
.checkbox-round .checkbox-round-switch:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: white;
    transition: .15s;
    margin: 0 2px;
}
.checkbox-round .checkbox-round-label {
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1;
    font-weight: 900;
}
.checkbox-round input[type=checkbox] {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.checkbox-round input[type=checkbox]:checked + .checkbox-round-switch {
    background: #306bf5;
}
.checkbox-round input[type=checkbox]:checked + .checkbox-round-switch:before {
    transform:translateX(15px);
}

.checkbox-round input[type="checkbox"]:not(:disabled) + .checkbox-round-switch {
    cursor: pointer;
}

/* Disabled */
.checkbox-round input[type=checkbox]:disabled + .checkbox-round-switch {
    filter: grayscale(70%);
    border-color: rgba(0, 0, 0, .1);
}
.checkbox-round input[type=checkbox]:disabled + .checkbox-round-switch:before {
    background: #eee;
}
.filters-top-nav .select-wrapper {
    width: 230px;
}

.filters-top-nav .select-wrapper  div.nice-select,
.filters-top-nav .select-wrapper select.form-control-select {
    width: 230px !important;
}
.filters-top-nav .select-wrapper select.form-control-select {
    /*   background: none;*/
}


/* selected_filters_wrapper */

.selected_filters_wrapper {
    margin: 20px 0;
}

.selected_filters_wrapper > a {
    margin-right: 5px;
    margin-bottom: 8px;
}
.selected_filters_wrapper > button {
    color: #306bf5;
    margin-bottom: 8px;
}
.selected_filters_wrapper > button:hover {
    color: #333333;
}
/* DIM0S ADDED END */

.index-page .rr-markup-block-1,
.index-page .rr-markup-block-2{
    background: #ffffff;
    margin-bottom: 8px;
}

.index-page .new-product-block {
    padding: 0 40px 40px;
    margin-top: 104px;
    margin-bottom: 8px;
    background: #ffffff;
}
.index-page .recent-product-block {
    padding: 0 40px;
    margin-top: 34px;
    margin-bottom: 8px;
    background: #ffffff;
}
.index-page .recent-product-block .tabs-contents .tabs-contents__content {
    padding: 0 0 40px;
}
.index-page .seo-text-block {
    padding: 40px 40px 40px;
    margin-top: 8px;
    margin-bottom: 8px;
    background: #ffffff;
}

/* click-menu */

.click-menu.nav-primary {
    background: #ffffff;
    width: 100vw;
    height: auto;
    max-height: 1000px;
    left: 50%;
    transform: translateX(-50%);
    padding: 7px calc((100vw - 1180px)/2) 0;
    position: absolute;
    overflow-y: auto;

}

.click-menu.nav-primary ul.group-vertical-menu {
    height: 100%;
    max-height: 1000px;
}

.click-menu.nav-primary .nav-secondary {
    background: #ffffff;
    border-top: none;
    left: calc((100vw - 1180px)/2 + 257px);
    transition: 0s;
}

.hidden-absolute {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}