/*
	Reset styles for --- website project
	Version: 2.0
	Created: 06.06.2021
	Author: Shuliak Mykola
	Modified by: Shulha Illia
	Website: ---
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');

@font-face {
    font-family: "Rubik Regular";
    src: url(../fonts/Rubik-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: "Rubik Medium";
    src: url(../fonts/Rubik-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: "Rubik Bold";
    src: url(../fonts/Rubik-Bold.ttf);
    font-weight: 700;
}

@keyframes preloader {
    0% {
        transform: translate(0,0) rotateY(0deg);
    }
    25% {
        transform: translate(0,-20px) rotateY(90deg);
    }
    50% {
        transform: translate(0,0) rotateY(180deg);
    }
    75% {
        transform: translate(0,-20px) rotateY(270deg);
    }
    100% {
        transform: translate(0,0) rotateY(360deg);
    }
}

:root {
    --menu-header-height: 59px;
}

* {
    margin: 0;
    padding: 0;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: relative;
    width: 100%;
    min-width: 320px;
    font-family: "Rubik Regular", sans-serif;
    font-size: 16px;
    line-height: 20px;
    background-color: #f8f8f8;
}

.content-hidden {
    display:none;
}

.active {
    display: inline-block;
    width: 100%;
}

.home-title-card {
    max-width: 230px;
    font-family: "Rubik Regular", sans-serif;
    font-size: 18px;
    line-height: 29px;
    color: #0E2F4B;
    margin-bottom: 10px;
}

.card-sub-title {
    max-width: 230px;
    font-family: "Rubik Regular", sans-serif;
    font-size: 18px;
    line-height: 29px;
    color: #0E2F4B;
    font-weight: 400!important;
}

.card-sub-link:hover {
    color: #99a2aa;
}

.radio-wrapper {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 22px;
    user-select: none; }
.radio-wrapper input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
.radio-wrapper:hover input[type="radio"] ~ .checkmark {
    background-color: #f8f8f8;
    border: 2px solid #e8ebee; }
.radio-wrapper input[type="radio"]:checked ~ .checkmark {
    background-color: #fff;
    border: 2px solid #fdc13d; }
.radio-wrapper .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #f8f8f8;
    border-radius: 50%;
    border: 2px solid #e8ebee;
    transition: all 500ms linear; }
.radio-wrapper .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fdc13d; }
.radio-wrapper input[type="radio"]:checked ~ .checkmark:after {
    display: block; }
.radio-wrapper label {
    font-size: 18px;
    line-height: 24px;
    color: #99a2aa;
    font-family: "Rubik Regular", sans-serif;
    font-weight: 400; }

main, li {
    display: block;
}

h1, h2, h3 ,h4, h5, h6, p {
    margin: 0;
}

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

dd, label, figure {
    margin: 0;
    padding: 0;
}

blockquote,q {
    quotes: none;
    margin: 0;
    padding: 0;
}

blockquote:before, blockquote:after,
q:before,
q:after {
    content: '';
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

pre, code, kbd, samp {
    margin: 0;
    padding: 0;
    font-family: monospace, monospace;
}

a {
    background-color: transparent;
    text-decoration: none;
    transition: all 500ms linear;
}

a:hover {
    cursor: pointer;
    text-decoration: none;
}

a:focus {
    outline: 0;
}

strong, b {
    font-weight: 700;
}

progress {
    vertical-align: baseline;
}

details {
    display: block;
}

summary {
    display: list-item;
}

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

textarea {
    overflow: auto;
    margin: 0;
}

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

button, input, optgroup, select {
    margin: 0;
}

select:disabled {
    color: #99a2aa;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {

    margin-left: 0;
    padding: 9px 12px;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    transition: all 500ms linear;
    overflow: visible;
    border: none;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    background: none;
    cursor: pointer;
}

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

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

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

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

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

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

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

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

:focus {
    outline: none;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

b, strong {
    color: #0e2f4b;
    font-family: "Rubik Bold", sans-serif;
    font-size: 1.06em;
}

b a, strong a {
    font-size: 1.06em !important;
    font-family: "Rubik Bold", sans-serif !important;
    color: #0e2f4b;
}

i:not.fas, i:not.fab, em:not.fas, em:not.fab {
    font-style: italic;
    color: #99a2aa;
}

hr {
    width: 100%;
    border-radius: 1px;
    border-top: 1px solid #99a2aa;
}

sup {
    font-size: 9px;
    line-height: 24px;
    font-family: "Open Sans Bold", sans-serif;
    padding-left: 2px;
}

h1, h2, h3, h4, h5, h6 {
    color: #0e2f4b;
    font-family: "Rubik Bold", sans-serif;
    font-weight: 700;
}
/* default font size */
.fa {
    font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
    font-size: 24px;
    line-height: 48px;
}

h2 {
    font-size: 20px;
    line-height: 32px;
    padding: 30px 0;
}

h3 {
    font-size: 36px;
    line-height: 48px;
    padding: 30px 0;
}

h3 + h4,
h3 + h5,
h3 + h6,
h3 + ul,
h3 + ol,
h3 + p {
    padding-top: 0 !important;
}

h3 + .table-responsive {
    padding-top: 5px;
}

h3 + .alert-message {
    margin-top: 0;
}

h4 {
    font-size: 24px;
    line-height: 32px;
    padding: 20px 0;
}

h4 + h4,
h4 + h5,
h4 + h6,
h4 + ul,
h4 + ol,
h4 + .table-responsive {
    padding-top: 5px;
}

h4 + .alert-message {
    margin-top: 0;
}

h5 {
    font-size: 20px;
    line-height: 32px;
    padding: 20px 0;
}

h6 {
    font-size: 18px;
    line-height: 24px;
    padding: 20px 0;
}

p {
    color: #0e2f4b;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
}

p:last-child {
    padding-bottom: 0;
}

p.white-text {
    color: #fff;
}

p + h4,
p + h5,
p + h6 {
    padding-top: 10px;
}

p + .block-link {
    margin-top: 5px;
}

p + .table-responsive table {
    margin-top: 10px;
}


form .buttons .pull-right {
    padding-bottom: 20px;
}

label {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #99a2aa;
    margin-bottom: 11px;
}

.quickcheckout-heading, .quickcheckout-content {
    background: #fff !important;
    color: #0E2F4B !important;
}

.quickcheckout-heading {
    border-radius: 10px;
}

.quickcheckout-content {
    border-radius: 10px;
}

.site-title {
    color: #0e2f4b;
    font-family: "Rubik Bold", sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.2;
    padding: 0;
    margin-bottom: 19px;
}

/* --------------- placeholder --------------- */
::-webkit-input-placeholder {
    color: #99A2AA;
    -webkit-transition: color 0.3s ease;
}
:-moz-placeholder {
    color: #99A2AA;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.placeholder {
    color: #99A2AA;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
/* --------------- /placeholder --------------- */

.hide-mobile {
    display: none;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #99A2AA;
    background-color: #E8EBEE;
    border-color: #E8EBEE;
}
.btn-secondary:hover {
    color: #99A2AA;
    background-color: #FFD50A;
    border-color: #FFD50A;
}

.site-content {
    padding-bottom: 70px;
}

.form-group {
    margin-bottom: 15px;
}
.form-group .error {
    display: block;
    padding-top: 6px;
    line-height: 1.3;
    font-size: 14px;
}
.form-group .info {
    display: block;
    padding-top: 6px;
    line-height: 1.3;
    font-size: 14px;
}
.form-group__msg {
    display: none;
    font-weight: 500;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    padding: 12px 0 0 15px;
}
.form-group__msg.active {
    display: block;
}
.form-group__msg > * {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    line-height: 1;
    display: flex;
    align-items: center;
}

.nice-select .select2-selection--single,
.form-control {
    height: 70px;
    padding: 0 27px;
    font-size: 16px;
    color: #2D2D2D;
    box-shadow: none;
    border: 1px solid #99A2AA;
    border-radius: 8px;
    font-family: "Open Sans", sans-serif;
    transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.form-control:focus {
    border-color: #FFC629;
    box-shadow: 0 0 0 1px #FFC629;
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #F6F6F6;
    color: #D1D1D1;
    border-color: #D1D1D1;
}

.index-error {
    display: block;
    margin-bottom: 0;
    padding-top: 6px;
    font-size: 14px;
    color: #F95050;
    font-family: "Open Sans", sans-serif;
    line-height: 1.3;
}

.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    font-size: 12px;
}
.input-group .input-group-addon {
    font-size: 16px;
    font-weight: 700;
    color: #0e2f4b;
    background-color: #f8f8f8;
    border: none;
}

/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}

.nav-tabs {
    margin-bottom: 0;
    border: none;
}
div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #0e2f4b;
    background-color: #ffd50a;
}

.btn-bottom-50 {
    padding-bottom: 50px;
}

.btn-check:focus+.btn, .btn:focus {
    box-shadow: none;
}

.header {
    background: #fff;
    border-bottom: 1px solid #E8EBEE;
    margin-bottom: 20px;
}
.header__wrap {
    padding: 17px 0;
}
.header__main {
    display: flex;
    justify-content: flex-start;
    width: 62px;
}
.header__main-item {
    display: flex;
    align-items: center;
    margin-right: 17px;
}
.header__main-item:last-child {
    margin-right: 0;
}
.header__controls {
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 77px);
}
.header__controls-item {
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.header__controls-item_search {
    width: 100%;
}
.header__controls-item:last-child {
    margin-right: 0;
}
.header__controls-item_switch {
    display: none;
}
.header__controls-item_switch .btn-link {
    color: #888;
    text-shadow: 0 1px 0 #FFF;
    text-decoration: none;
}
.header__wrap {
    display: flex;
    justify-content: space-between;
}
.logo {
    display: inline-block;
    vertical-align: top;
}
.logo img {
    display: block;
}
.logo_mob img {
    width: 23px;
    height: 33px;
}
.logo_desk {
    display: none;
}
.logo_desk img {
    width: 180px;
    height: 48px;
}

.spinner,
.spinner-field {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    overflow: hidden;
}

.spinner {
    display: none;
}

.spinner-field {
    display: block;
    border-radius: 10px;
}

#Btn-pay{
    position: relative;
}
/* search */
#search .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
}
#search .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 35px;
    text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
    margin-bottom: 10px;
}
#cart > .btn {
    font-size: 12px;
    line-height: 18px;
    background-color: #fdc13d;
    color: #fff;
}
#cart > .btn:hover {
    font-size: 12px;
    line-height: 18px;
    background-color: #ffd50a;
    color: #fff;
}
#cart.open > .btn {
    background-image: none;
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    color: #666;
    box-shadow: none;
    text-shadow: none;
}
#cart.open > .btn:hover {
    color: #444;
}
#cart .dropdown-menu {
    /* background: #eee; */
    z-index: 1001;
}
#cart .dropdown-menu {
    min-width: 100%;
}
@media (max-width: 478px) {
    #cart .dropdown-menu {
        width: 100%;
    }
}
#cart .dropdown-menu table {
    margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
    min-width: 427px;
    padding: 0 10px;
}
@media (max-width: 478px) {
    #cart .dropdown-menu li > div {
        min-width: 100%;
    }
}
#cart .dropdown-menu li p {
    margin: 20px 0;
}

.menu-btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
}
.menu-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/menu-btn.svg) no-repeat center;
}

/* menu */
#menu {
    min-height: 40px;
}
#menu .navi-cat > li > a {
    color: #0e2f4b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
}

.dropdown-toggle::after {
    display: none;
}
.navbar-ex1 {
    display: none;
    padding: 0;
}

.navbar-ex1--active {
    display: block;
}
#menu .dropdown-menu {
    padding-bottom: 0;
}
#menu .dropdown-inner {
    display: table;
}
#menu .dropdown-inner ul {
    display: table-cell;
}
#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
}
#menu .dropdown-inner li a:hover {
    color: #0e2f4b;
}
#menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}
#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #fff;
    padding: 2px 18px;
    float: right;
    background-color: #fdc13d;
    background-image: linear-gradient(to bottom, #fdc13d, #fdc13d);
    background-repeat: repeat-x;
    border-color: #145e7a #fdc13d #0e2f4b;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    color: #fff;
    background-color: #ffd50a;
}
@media (min-width: 767px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
}
@media (max-width: 767px) {

    .list-unstyled li {
        padding-left: 15px;
    }

    #menu {
        border-radius: 4px;
    }
    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }
    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.1);
        border: none;
    }
    #menu .dropdown-inner {
        display: block;
    }
    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }
    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.1);
    }
    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }
    .btn-navigation {
        margin: 0 auto;
        display: block;
    }
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.list-inline {
    padding-top: 5%;
}

.list-inline_header {
    padding-top: 11px;
}

.list-inline > li {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
}

.list-inline_header > li {
    vertical-align: middle;
    padding: 0 3px;
}

input[type="search"] {
    outline: none;
    position: relative;
    -webkit-appearance: textfield;
    box-sizing: content-box;
    font-family: "Open Sans Regular", sans-serif;
    font-weight: 400;
    color: #0e2f4b;
    font-size: 16px;
    line-height: 16px;
    background: transparent url(../image/search-icon.png) no-repeat 12px 12px;
    border: none;
    padding: 9px 10px 9px 35px;
    width: 0;
    transition: all 500ms linear;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
input[type="search"]::-ms-clear {
    display: none;
}

.search-form {
    position: relative;
    margin-left: auto !important;
    width: 100%;
}
.search-form:before {
    content: '';
    position: absolute;
    top: 6px;
    right: 14px;
    width: 24px;
    height: 24px;
    background: url(../image/search-icon-2.svg) no-repeat center;
    background-size: contain;
    z-index: 1;
}
.search-form__input[type="search"] {
    font-size: 14px;
    font-family: "Rubik Regular", sans-serif;
    padding: 0 40px 0 15px;
    color: #0e2f4b;
    border-radius: 5px;
    height: 35px;
    width: 100%;
    background: #F8F8F8;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: border 0.3s ease;
}
.search-form__input[type="search"]:focus {
    border: 1px solid #FFC629;
}

.header-call-center a {
    color: #0e2f4b;
    font-family: "Rubik Bold", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    display: block;
    text-align: right; }
.header-call-center a:hover, .header-call-center a:focus, .header-call-center a:active, .header-call-center a.active {
    text-decoration: none; }

.header-call-center p {
    color: #99a2aa;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    padding-bottom: 0;
}

.header-call-center .text-decoration {
    color: #99a2aa;
    text-decoration: none;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    font-weight: 500;
    background-image: none;
}

.top-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 10px; }

/* content */
#content {
    min-height: 600px;
}

/* alert */
.alert {
    padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb {
    margin: 0 0 20px 0;
    padding: 8px 0;
    border: 1px solid #f8f8f8;
    background-color: #f8f8f8;
    border-radius: 4px;
}
.breadcrumb i {
    font-size: 15px;
}
.breadcrumb > li {
    text-shadow: 0 1px 0 #FFF;
    padding: 0 20px;
    position: relative;
    /* white-space: nowrap; */
}
.breadcrumb > li + li:before {
    content: '';
    padding: 0;
}
.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    right: -5px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.breadcrumb > li a {
    color: #99a2aa;
}

.pagination {
    margin-bottom: 50px;
    display: flex;
}
.collection-description {
    position: relative;
    overflow: hidden;
}
.collection-description-show {
    position: relative;
    height: auto;
    overflow: hidden;
}

.collection-description:after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 100%);
    content: "";
}

.pagination li{
    width: 40px;
    height: 24px;
}

.pagination > .active > span {
    font-family: "Open Sans Regular", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #0E2F4B;
    background: none;
    border: none;
}

.pagination > .active > span:hover {
    border: none;
    background: #FBFBFB;
    color: #0E2F4B;
    cursor: pointer;
}

.pagination>li>span {
    border: none;
}

.pagination li a{
    width: auto!important;
    height: auto!important;
    background: none!important;
    color: #99A2AA!important;
    font-size: 14px!important;
    line-height: 24px!important;
}

.pagination li.active {
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #0E2F4B;
    background: none;
}

.nice-check {
    vertical-align: top;
}
.nice-check input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    clip: rect(0,0,0,0);
}
.nice-check__txt {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 34px;
    cursor: pointer;
    line-height: 1.4;
    color: #2D2D2D;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    transition: color .3s ease;
    user-select: none;
}
.nice-check__txt:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #E8EBEE;
    transition: border .3s ease, background .3s ease;
}
.nice-check__txt:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 8px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 5px;
    height: 10px;
    opacity: 0;
    transform: rotate(45deg);
    transition: opacity .3s ease;
}
.nice-check input:checked+.nice-check__txt:before {
    border: 1px solid #FFC629;
    background: #FFC629;
}
.nice-check input:checked+.nice-check__txt:after {
    opacity: 1;
}
.nice-check__txt a {
    color: #0E2F4B;
    border-bottom: 1px solid currentColor;
    transition: border-bottom .3s ease;
}

#totals .nice-check__txt {
    padding: 0;
    cursor: default;
}

#totals .nice-check__txt:before, #totals .nice-check__txt:after {
    content: none;
}

.nice-radio {
    margin-bottom: 20px;
    padding-left: 36px;
    font-family: 'Rubik Regular', sans-serif;
    font-size: 18px;
    color: #2D2D2D;
    line-height: 1.3;
    position: relative;
    user-select: none;
    cursor: pointer;
}
.nice-radio input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    clip: rect(0,0,0,0);
}
.nice-radio__txt:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid #E8EBEE;
    transform: translate(0, -50%);
    transition: border 0.3s ease;
}
.nice-radio__txt:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #FFC629;
    opacity: 0;
    transform: translate(0, -50%);
    transition: opacity 0.3s ease;
}
.nice-radio input:checked + .nice-radio__txt:before {
    border-color: #FFC629;
}
.nice-radio input:checked + .nice-radio__txt:after {
    opacity: 1;
}
.nice-radio__txt a {
    color: #0E2F4B;
    border-bottom: 1px solid currentColor;
    transition: border-bottom .3s ease;
}

/* buttons */
.buttons {
    margin: 1em 0;
}

.secial {
    margin-left: 10px;
    margin-right: 0;
    font-weight: 700;
    font-size: 14px;
}

#content .content-color {
    background-color: #fff;
}

.btn {
    padding: 7px 12px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn_2 {
    display: block;
    width: 100%;
    border-radius: 8px;
    background: #FFC629;
    color: #0E2F4B;
    text-align: center;
    font-family: "Rubik Bold", sans-serif;
    font-size: 16px;
    line-height: 70px;
    padding: 0 30px;
}
.btn_3 {
    display: block;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #E8EBEE;
    background: rgba(232, 235, 238, 0.30);
    color: #0E2F4B;
    font-size: 16px;
    font-family: "Rubik Medium", sans-serif;
    line-height: 68px;
    padding: 0 30px;
}
.btn_4 {
    display: block;
    width: 100%;
    border-radius: 8px;
    background: #0E2F4B;
    color: #fff;
    font-size: 18px;
    font-family: "Rubik Bold", sans-serif;
    line-height: 70px;
    padding: 0 30px;
}
.btn_4.disabled {
    background: #99A2AA;
    opacity: 1;
    pointer-events: unset;
    cursor: not-allowed;
}
.btn_4 span {
    position: relative;
    padding-left: 35px;
}
.btn_4 span:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 25px;
    height: 24px;
    background-image: url(../image/donate.svg);
}
.btn_4:hover {
    color: #fff;
}

.btn--large {
    width: 100%;
    font-family: "Rubik Bold", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #0E2F4B;
    background: #FDC13D;
    padding: 25px 15px;
    margin-bottom: 30px;
}
.btn--large:hover {
    color: #0E2F4B;
}

.btn--custom {
    /* width: 100%; */
    font-family: "Rubik Bold", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #0E2F4B;
    background: #FDC13D;
    padding: 35px 80px;
    margin-bottom: 30px;
}

.btn-xs {
    font-size: 9px;
}
.btn-sm {
    font-size: 10px;
}
.btn-lg {
    padding: 20px 16px;
    font-size: 20px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 16px;
}
.btn-group > .btn-xs {
    font-size: 9px;
}
.btn-group > .btn-sm {
    font-size: 10px;
}
.btn-group > .btn-lg {
    font-size: 15px;
}
.btn-default {
    color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fdc13d;
    border-color: #fdc13d;
}
.btn-default:hover {
    color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #ffd50a;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #99a2aa;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fff;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
    color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #ffd50a;
}
.btn-primary {
    color: #0e2f4b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #fdc13d;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #ffd50a;
    color: #0e2f4b;
    background-position: 0 -15px;
    border-color: transparent;
}
.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    box-shadow: #f95050;
}
.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #df5c39;
    background-image: linear-gradient(to bottom, #e06342, #dc512c);
    background-repeat: repeat-x;
    border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #0e2f4b;
    border-radius: 0;
}
.btn-link:focus, .btn-link:hover{
    color: #99a2aa;
    text-decoration: none;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}
.btn-inverse {
    color: #ffffff;
    background-color: #fdc13d;
    border-color: #fdc13d;
}
.btn-inverse:hover {
    background-color: #ffd50a;
}
.btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #ffd50a;
}
/* list group */
.list-group a {
    padding: 8px 20px;
    margin-bottom: 0;
    border: none;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    line-height: 19px;
    color: #2D2D2D;

}
.list-group a:not(:last-child)::after {
    border-bottom: 1px solid #ddd;
    color: #888888;
    padding: 2px 45%;
    display: block;
    content: "";
}
.accordion-collapse:not(:last-child)::after {
    border-bottom: 1px solid #ddd;
    color: #888888;
    padding: 2px 45%;
    display: block;
    content: "";
}

.bg-br-fone {
    background: #fff;
    border-radius: 8px;
}

.hei-text-block{
    height: 75px;
}

.cart-info-aktsii {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 20px;
    border: 2px dashed #0F63AD;
    border-radius: 7px;
    display: none;
}

.cart-info-aktsii-product {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 20px;
    border: none;
    border-radius: 7px;
    display: none;
}

.card-header h5 {
    padding: 0;
}

.mobile-footer {
    display: none;
}

.card-header button {
    color: #fff;
}

.cat-hidden {
    display: block;
}


.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #444;
    text-shadow: 0 1px 0 #FFF;
    background-color: white;
}
.list-group_menu .list-group-item {
    font-family: "Rubik Medium", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #2D2D2D;
    padding: 8px 16px;
}
.list-group_menu .list-group-item:after {
    display: none !important;
}
.list-group_menu .list-group-item_child {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    padding-left: 26px;
}
.list-group_mob-hide {
    display: none;
}
/* carousel */
.carousel-caption {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}
.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}
.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}
/* product list */
.product-thumb {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    /* min-width: 270px; */
    height: 97%;
    position: relative;
}
.button-group-recomended {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 240px;
}
.product-thumb .image {
    text-align: center;
}
.product-thumb .image a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px
}
.product-thumb .image a:hover {
    opacity: 0.8;
}
.product-thumb .image img {
    height: 200px;
    width: auto;
}
.product-grid .product-thumb .image {
    float: none;
}
@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px;
    }
}
.product-thumb h4 {
    font-weight: bold;
}
.product-thumb .caption {
    padding: 0;
    min-height: 125px;
}
.product-list .product-thumb .caption {
    margin-left: 230px;
}
@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        min-height: 210px;
        padding: 0 10px;
    }
}
@media (max-width: 767px) {


    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px;
    }
    .product-grid .product-thumb .caption {
        min-height: 0;
    }
}
.product-thumb .rating {
    padding-bottom: 10px;
}
.rating .fa-stack {
    font-size: 8px;
}
.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}
.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}
.rating .fa-star + .fa-star-o {
    color: #E69500;
}
h2.price {
    margin: 0;
}
.img-responsive--cards {
    width: 200px;
    height: 200px;
}
.img-top-25 {
    padding-top: 25px;
}
.a-responsive--links {
    vertical-align: middle;
    min-height: 240px;
}
.a-responsive--links img{
    object-fit: cover;
    width: 100%;
}
.a-responsive--links .product-label {
    position: absolute;
    top: 30px;
    right: 0;
}
.product-thumb .price {
    color: #0e2f4b;
    position: absolute;
    bottom: 55px;
    padding-left: 10px;
}
.product-thumb .price-new {
    font-family: "Rubik Regular", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #0E2F4B;
}
.product-thumb .price-old {
    text-decoration: line-through;
    font-weight: 100;
    font-size: 16px;
}
.product-thumb .per-one-stamp {
    font-size: 12px;
}

.height-auto {
    height: auto;
    position: absolute;
}

.product-price-sale {
    display: block;
    font-weight: 100;
    text-decoration: line-through;
}

h2.product-prices-block {
    display: flex;
    flex-direction: column;
    padding: 15px 0;
}

.product-thumb .price-tax {
    color: #99a2aa;
    font-size: 12px;
    display: block;
}

.autocalc-product-price {
    font-size: 18px;
}

.product-thumb .button-group {
    padding: 20px;
    overflow: auto;
}
.product-list .product-thumb .button-group {
    border-left: none;
}
@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}
.product-thumb .button-group button {
    width: 100%;
    border: none;
    display: inline-block;
    float: left;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #0e2f4b;
    background-color: #fdc13d;
    border-color: #fff;
    border-radius: 5px;
}
.product-thumb .button-group button + button {
    width: 20%;
    border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
    color: #0e2f4b;
    background-color: #ffd50a;
    text-decoration: none;
    cursor: pointer;
}
@media (max-width: 1200px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 100%;
    }
}
.thumbnails {
    overflow: hidden;
    clear: both;
    list-style: none;
    padding: 0;
    margin-right: 50px;
    width:100%;
    height:100%;
    max-width:452px;
    max-height:452px;
}
.thumbnails_product {
    max-height: none;
    margin: 0 auto;
    max-width: none;
    height: auto;
}
.thumbnails__mini {
    margin: 0 -15px;
    overflow: hidden;
}
.thumbnails > img {
    width: 100%;
}
.thumbnails .image-additional {
    float: left;
    margin: 0 15px 15px;
}

.thumbnail a > img, .thumbnail > img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.image-additional a {
    display: block;
    width: 45px;
}
.image-additional {
    max-width: 78px;
}

@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n+1),
    #content .col-lg-3:nth-child(4n+1),
    #content .col-lg-4:nth-child(3n+1),
    #content .col-lg-6:nth-child(2n+1) {
        clear:left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #content .col-md-2:nth-child(6n+1),
    #content .col-md-3:nth-child(4n+1),
    #content .col-md-4:nth-child(3n+1),
    #content .col-md-6:nth-child(2n+1) {
        clear:left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #content .col-sm-2:nth-child(6n+1),
    #content .col-sm-3:nth-child(4n+1),
    #content .col-sm-4:nth-child(3n+1),
    #content .col-sm-6:nth-child(2n+1) {
        clear:left;
    }
}

.collection-active {
    background: rgb(254,153,2);
    background: linear-gradient(0deg, rgba(254,153,2,1) 0%, rgba(255,213,10,1) 100%);
}

.collection-list {
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.collection-item {
    display: block;
    text-align: center;
}

.collection-item a {
    display: grid;
    position: relative;
    border-radius: 0.25rem;
    padding-bottom: 10px;
}

.collection-item span {
    color: #0e2f4b;
    font-weight: 600;
    padding: 15px;
    overflow: hidden;
}

.collection-item a:hover{
    opacity: 0.8;
}

.collection-new {
    position: absolute;
    top: 4%;
    right: 4%;
    background: #ff5959;
    font-size: 14px;
    font-weight: 600!important;
    color: #fff!important;
    padding: 7px 15px!important;
    border-radius: 20px;
}

.collection-info .modal-content {
    border-radius: 0.5rem;
    border: 0!important;
    box-shadow: 0 0 3rem 0 #444;
}

.collection-info .modal-header {
    border: 0;
    box-shadow: 0 1px 10px -7px #0e2f4b;
    color: #0e2f4b;
}

.collection-info .modal-footer {
    border: 0;
    box-shadow: 0 -1px 10px -7px #0e2f4b;
    justify-content: flex-start;
}

.collection-info .modal-footer .buy-merch {
    color: #fdc13d;
    font-size: 16px;
    font-weight: 600;
}

.collection-info .modal-title {
    font-size: 24px;
    font-weight: 600;
}

.product-layout .product-thumb .caption h4 {
    margin: 0;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 5px 0;
    font-weight: normal;
    min-height: 70px;
}
.product-thumb .caption h4 {
    margin: 0;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 5px 0;
    font-weight: normal;
    min-height: 75px;
}
.product-layout .product-thumb .caption h4 a {
    color: #0e2f4b;
}
.product-thumb .caption h4 a {
    color: #0e2f4b;
}
.product-layout .product-thumb .caption h4 a:hover {
    color: #99a2aa;
}
.product-thumb .caption h4 a:hover {
    color: #99a2aa;
}
.product-layout .product-thumb .caption p {
    margin: 0;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 8px;
    position: inherit;
}
.product-thumb .caption p {
    font-family: "Rubik Regular", sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #0E2F4B;
    margin: 0;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 8px;
    position: inherit;
}

.table-t-b {
    font-weight: bold;
}

.table-custom-prod {
    margin-bottom: 20px;
    background: none;
    font-family: "Rubik Regular", sans-serif;
    text-align: center;
    color: #0E2F4B;
}

.table-yellow {
    background: yellow;
}

.table-custom-prod td, th{
    border: 1px solid #E8EBEE;
    padding: 9px;
    border-radius: 1px;
}

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

.boxImg {
    display: none;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
        width: 100%;
    }

    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
    width: 100%;
}

.resize-btn-all-collection {
    margin-bottom: 40px;
}

.form-fix-error {
    max-height: 125px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
#content .row .text-right {
    padding: 30px 10px;
    color: #0e2f4b;
    text-align: right;
}
#content ul li a {
    color: #0e2f4b;
    display: block;
}
#content ul li a:hover {
    color: #99a2aa;
}

.checkout .accept a {
    color: #99a2aa;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.checkout .recipient-email-warning {
    color: #99a2aa;
    font-size: 12px;
}

.asterisk-required {
    color: red;
}

.checkout .accept a:hover {
    color: #ffb80a;
    text-decoration: underline;
}

/* .checkout #checkout__form {
    background-color: #fff;
    padding: 50px 100px;
} */

.checkout .commodity__name {
    margin-bottom: 20px;
    border-radius: 5px;
}

.checkout .commodity__name span {
    display: block;
    color: #99a2aa;
    margin-right: 15px;
    font: 14px "Open Sans", sans-serif;
}

.checkout .commodity__name {
    font-size: 14px;
}

.checkout .commodity__link {
    color: #99a2aa;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.checkout .commodity__link:hover {
    color: #ffb80a;
}

.checkout .commodity__price {
    margin-bottom: 20px;
}

.checkout #commodity__price,
.checkout #commodity__total {
    margin: 30px 0;
}

.checkout__collapsed {
    width: 100%;
    border-radius: 5px;
    padding: 50px 100px;
    display: none;
}

.checkout .recipient-info__item,
.checkout .sender-info__item {
    color: #0e2f4b;
    font: 400 14px/22px "Open Sans", sans-serif;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    border: 1px solid #ffb80a;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: #ffb80a;
    background-image: none !important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 50%;
    left: -21px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.custom-submitbox {
    display: flex;
    flex-direction: column;
}

.checkout-form[data-type="individual"] .invoise {
    display: none;
}

.custom-control-label {
    margin-bottom: 0!important;
    margin-left: 6px;
}

.checkout-form[data-type="company"] .invoise {
    display: block;
}

.checkout-form__cover {
    align-items: flex-start;
}

.form-row {
    display: flex;
    flex-direction: column;
}

.tabs__caption {
    background-color: #fff;
    display: flex;
    padding-bottom: 20px;
}

.tabs__caption li {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #99a2aa;
    line-height: 1;
    font-weight: 600;
    width: 100%;
    height: 70px;
    margin: 0 5px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: 0.3s linear;
}

.table-custom {
    background: #fff;
    box-shadow: 0 3px 18px rgba(95, 98, 102, 0.1);
    border-radius: 10px;
    padding: 30px 40px;
    margin-bottom: 10px;
}

.table-custom-cart {
    padding: 30px 15px;
    margin-bottom: 10px;
}

.checkout-title {
    color: #0E2F4B;
    font-family: "Rubik Bold", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
}

.cart-title {
    font-family: "Rubik Bold", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: #0E2F4B;
    padding-top: 0;
    padding-bottom: 10px;
}

.cart-name {
    display: inline-block;
    font-family: "Rubik Medium", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #2D2D2D;
    margin-bottom: 5px;
}

.cart-img {
    width: 88px;
    display: inline-block;
    float: left;
    margin: 0 20px 15px 0;
}

.cart-img .img-thumbnail {
    border: 1px solid #dee2e6;
}

.small, small {
    display: flex;
    font-size: .875em;
    align-items: center;
    user-select: none;
}

.cart-total {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 20%;
}

.cart-weight-error {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0;
    color: #F95050;
}

.cart-remove {
    margin-left: 10px;
}
.cart-remove__btn {
    border: none;
    background: none;
}
.cart-remove__btn svg {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
}
.cart-remove__fill {
    fill: #0E2F4B;
    transition: fill 0.3s ease;
}

.cart-weight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.input-group-btn {
    width: auto;
    display: block;
}

.input-group {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

input[type="text"].form-cart {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 16px;
    text-align: center;
    color: #0E2F4B;
    border: none;
    width: 100px;
    height: 100%;
}

.btn-plus, .btn-minus {
    width: 32px;
    height: 32px;
    position: relative;
}

.btn-plus:active, .btn-minus:active {
    border: 1px solid #0E2F4B;
    border-radius: 8px;
}



.btn-minus:before,
.btn-plus:before,
.btn-plus:after {
    content: '';
    position: absolute;
    left: 25%;
    width: 16px;
    height: 1.5px;
    background: #0E2F4B;
    transition: background 0.3s ease;
}

.btn-plus:after {
    transform: rotate(90deg);
}

.custom-cart {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}
.custom-cart__option-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
    font-size: 12px;
    line-height: 1.3;
}
.custom-cart__option-item:last-child {
    margin: 0 0 15px 0;
}
.custom-cart__img {
    display: block;
    max-width: 300px;
    margin: 0 auto 15px;
}
.custom-cart__img img {
    display: block;
    width: 100%;
    height: auto;
}
.custom-cart__inner {
    text-align: center;
}
.custom-cart__total {
    display: flex;
    justify-content: space-between;
}
.custom-cart__total .input-group {
    width: auto;
}
.custom-cart__total .form-cart {
    width: 40px !important;
    font-family: "Rubik Medium", sans-serif !important;
    padding: 0;
}
.custom-cart__total .cart-total {
    flex-direction: row;
    justify-content: flex-end;
    width: 50%;
}
.custom-cart_charity {
    order: 1;
    margin: 0;
    border-top: 1px solid #E8EBEE;
    padding-top: 22px;
}
.custom-cart_charity .custom-cart__inner {
    text-align: left;
    padding: 0;
    width: 100%;
}
.custom-cart_charity .cart-name {
    margin: 0;
    color: #0E2F4B;
}
.custom-cart_charity .custom-dropdown {
    margin-top: 13px;
}
.custom-cart_error {
    border: 2px solid #F95050;
    border-radius: 4px;
}
.custom-cart__footer {
    width: 100%;
}

.form-custom {
    height: 70px;
}

.cart-result {
    margin-top: 16px;
}

.sp-gr {
    color: #FDC13D!important;
}

.cart-weight {
    display: flex;
    justify-content: space-between;
}

.swiper-pagination-bullet {
    display: none!important;
}

.mb-btn {
    display: none;
}

.dt-btn {
    display: block;
}

.cart-result-title {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 24px;
    line-height: 24px;
    text-align: right;
    color: #0E2F4B;
}

.cart-sum {
    font-family: "Rubik Regular", sans-serif;
    font-size: 16px;
    line-height: 1;
    text-align: right;
    color: #0E2F4B;
    font-weight: 700;
    user-select: none;
    white-space: nowrap;
}

.img-thumbnail {
    max-width: 88px;
    max-height: 88px;
    width: 88px;
    height: 88px;
    padding: 0;
    border: none;
}

.checkout-tab__item {
    margin-bottom: 20px;
    padding-left: 36px;
    font-family: 'Rubik Regular', sans-serif;
    font-size: 18px;
    color: #2D2D2D;
    line-height: 1.3;
    position: relative;
    user-select: none;
    cursor: pointer;
    transition: border 0.3s ease, color 0.3s ease;
}
.checkout-tab__item:last-child {
    margin-bottom: 0;
}
.checkout-tab__item.active {
    width: auto;
}
.checkout-tab__item:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #FFC629;
    opacity: 0;
    transform: translate(0, -50%);
    transition: opacity 0.3s ease;
}
.checkout-tab__item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid #E8EBEE;
    transform: translate(0, -50%);
    transition: border 0.3s ease;
}
.checkout-tab__item.active:after {
    opacity: 1;
}
.checkout-tab__item.active:before {
    border-color: #FFC629;
}

.panel {
    margin-bottom: 0;
    background: #fff;
    border-radius: 10px;
}

.panel-body-custom {
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 150px;
}

.panel-body-colapse {
    width: 100%;
    background: #fff;
    box-shadow: 0 3px 18px rgba(95, 98, 102, 0.1);
    border-radius: 10px;
    padding-left: 50px;
    padding-right: 50px;
}

.panel-body-custom-fix {
    padding-left: 70px;
    padding-right: 70px;
}

.panel-body-submit {
    width: 100%;
    padding: 0 15px;
}

.pickup {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    margin-bottom: 50px;
}

.pickup-type {
    font-family: 'Rubik Regular', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #0E2F4B;
}

.pickup-type-blod {
    font-weight: 700;
}

.pickup-addres {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #0E2F4B;
}

.pickup-info {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.pickup-multi {
    flex-direction: column;
    margin-bottom: 20px;
}

.custom-select--upc {
    margin-bottom: 40px;
}

.search-select-pred {
    cursor: pointer;
    width: 100%;
    height: 70px;
    padding: 0 23px;
    font-size: 14px;
    line-height: 24px;
    color: #0E2F4B;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: none;
    border: 0.1px solid #99a2aa;
    border-radius: 8px;
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.search-select-pred--active {
    border-radius: 5px 5px 0 0;
    border: 1px solid #ffb80a;
    border-bottom: none;
}

.search-select-pred span{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.search-block {
    display: none;
    margin-bottom: 15px;
    border: 1px solid #ffb80a;
    border-radius: 0 0 5px 5px;
}

.search-block--active {
    display: block;
    position: relative;
}

.search-arrow {
    display: block;
    width: 9px;
    height: 9px;
    position: relative;
}

.search-arrow::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    background: #0E2F4B;
    top: 2px;
    left: -7px;
    transform: rotate(45deg);
}
.search-arrow::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    background: #0E2F4B;
    top: 2px;
    left: 0;
    transform: rotate(-45deg);
}

.custom-sel-country {
    overflow-y: scroll;
    height: auto;
    max-height: 200px;
    width: 100%;
    background: #fff;
    border-radius: 5px;
}

.form-control--search {
    width: 100%;
    padding: 4px;
    border: 1px solid #ffb80a;
    border-radius: 5px;
}

.form-control--search:focus-visible {
    outline: 1px solid #ffb80a;
}


.custom-sel-country li{
    padding: 6px;
    cursor: pointer;
    font-size: 16px;
    transition: .2s all ease-in;
    user-select: none;
}

.custom-sel-country li:hover{
    color: #fff;
    background: #ffb80a;
}

.custom-sel-country li:first-child{
    color: #999;
    padding: 6px;
    font-size: 16px;
    transition: .2s all ease-in;
    cursor: auto;
}

.custom-sel-country li:first-child:hover{
    color: #999;
    background: none;
}

.block-from-controlS {
    display: block;
    width: 100%;
    padding: 4px;
}

.grey {
    color: #99A2AA;
}

#atall {
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
}

.panel-bn{
    border: none;
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
}

.personal-date {
    margin-top: 50px;
    margin-bottom: 20px;
}

.spacer-mb {
    margin-bottom: 11px;
}

.spacer-pl {
    padding-left: 50px;
}

.block-hiden {
    display: none;
}

.tab-content {
    margin-left:482px;
}

.tabs__icon {
    margin-right: 10px;
}

.form-group__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    align-items: flex-end;
}

.adress-main {
    padding-top: 40px;
}

.title-abroad{
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #99A2AA;
    padding-bottom: 10px;
    margin-left: 15px;
}

.title-collapsed {
    font-family: 'Rubik Bold', sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #0E2F4B;
    padding-top: 40px;
    padding-bottom: 40px;
}

.infoblock-collapsed {
    display: flex;
    align-items: center;
}

.titlesub-collapsed {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #99A2AA;
    margin-right: 10px;
}

.img-collapsed {
    width: 18px;
    height: 18px;
}
.img-collapsed img {
    display: block;
}

.cartlist-collapsed {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.cartlist-disspacer-collapsed {
    margin-bottom: 0;
}

.cartelem-collapsed {
    text-align: left;
    display: flex;
    flex-direction: column;
}

.cartelem-col-collapsed {
    text-align: left;
    display: flex;
}

.name-collapsed {
    font-family: 'Rubik Bold', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    color: #0E2F4B;
}

.text-collapsed {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #0E2F4B;
}

.text-spacer-collapsed {
    margin-right: 7px;
}

.prompt {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 12px;
    line-height: 24px;
    text-align: right;
    color: #F95050;
}

.prompt--sub {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 12px;
    line-height: 24px;
    text-align: right;
    color: #F95050;
}

.border-error {
    border: 1px solid #F95050!important;
}

.adress-text {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #0E2F4B;
}

.site-link {
    color: #FFC629;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
}
.site-link span {
    color: inherit;
    border-bottom: 1px solid transparent;
    transition: border-bottom 0.5s ease;
}
.site-link:hover {
    color: #FFC629;
}

.custom-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    font-family: 'Rubik Regular', sans-serif;
    color: #2D2D2D;
    transition: all 0.3s ease;
}
.custom-link:hover {
    color: #2D2D2D;
}
.custom-link span {
    border-bottom: 1px solid currentColor;
    transition: border-bottom 0.3s ease;
}
.custom-link_2 span {
    display: inline-block;
    position: relative;
    border: none;
    padding-right: 15px;
}
.custom-link_2 span:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-left: 1px solid #0E2F4B;
    border-bottom: 1px solid #0E2F4B;
    -webkit-transition: border 0.3s ease;
    transition: border 0.3s ease;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.spinner,
.spinner-field {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    overflow: hidden;
}

.spinner {
    display: none;
}

.spinner-field {
    display: block;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .tabs__caption {
        margin: 0 -50px;
    }
    .tabs__caption li {
        padding: 0 5px;
        font-size: 14px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .tabs__icon {
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
    }
    .search-settings {
        flex-direction: column-reverse;
    }
    .collection-description {
        height: 200px;
    }
    .height-auto {
        position: inherit;
    }
}

.tabs__caption li:not(.active) {
    cursor: pointer;
}

.tabs__caption li:hover,
.tabs__caption li.active {
    color: #000;
    border-bottom: 3px solid #3D4E5D;
}

.tabs__content {
    display: none;
    border-radius: 10px;
}

.tabs__content.active {
    display: block;
}

.tabs__caption li #target-icon,
.tabs__caption li #target-icon-with-fill-blue,
.tabs__caption li #line,
.tabs__caption li #target-icon-with-fill {
    transition: 0.3s linear;
}

.tabs__caption li.active #target-icon,
.tabs__caption li:hover #target-icon {
    stroke: #000;
}

.tabs__caption li.active #target-icon-with-fill,
.tabs__caption li:hover #target-icon-with-fill {
    fill: #fec02f;
}

.tabs__caption li.active #target-icon-with-fill-blue,
.tabs__caption li:hover #target-icon-with-fill-blue {
    fill: #1dabf1;
}

.tabs__caption li.active #line,
.tabs__caption li:hover #line {
    fill: #000;
}

.mailbox-text {
    font-size: 10px;
    color: #99a2aa;
    line-height: 1;
}

.recipient-mailbox {
    position: relative;
}

.recipient-mailbox::before,
.recipient-mailbox::after {
    display: block;
    content: "";
    position: absolute;
    left: -30px;
    height: 35px;
    width: 30px;
    border-left: 2px dashed;
    border-color: #ced4da;
}

.recipient-mailbox::before {
    top: 28%;
    border-top: 2px dashed;
    border-top-left-radius: 10px;
    border-color: #ced4da;
}

.recipient-mailbox::after {
    bottom: 15%;
    border-bottom: 2px dashed;
    border-bottom-left-radius: 10px;
    border-color: #ced4da;
}

.error {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 24px;
    color: #F95050;
    margin-bottom: 0;
}

.info {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0;
}

.recipient-require {
    position: absolute;
    top: 55%;
    left: -32px;
}

.cart-mob {
    display: none;
}

.ty-page{
    box-shadow: 0 3px 18px rgba(95, 98, 102, 0.1);
    border-radius: 10px;
    background: #fff;
    padding: 60px 70px 95px;
}

.pay-of-order {
    margin-bottom: 70px;
}


.ty-infoblock {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.card-section {
    background: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 75px 40px 10px;
}

.card-top {
    position: relative;
    margin-bottom: 15px;
}

.card-top__cover {
    position: relative;
    display: block;
    max-width: 200px;
    margin: 0 auto 15px;
}

.card-top__cover .product-label {
    position: absolute;
    top: 30px;
    right: 0;
}

.card-top__cover img {
    height: auto;
}

.card-top__btn {
    margin-bottom: 15px;
}

.card-top__order {
    width: 100%;
}

.card-product {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 8px;
}

.card-section-tablet {
    display: none;
}

.card-info-block {
    display: flex;
    justify-content: center;
    width: 100%;
}

.card-info--pos {
    justify-content: flex-end;
}

.card-info--size {
    height: 100%;
}

.card-price {
    font-family: "Rubik Regular", sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #0E2F4B;
    padding-bottom: 28px;
}

.card-price-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-price-block .product-mp {
    font-family: "Rubik Regular", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    color: #0E2F4B;
}

.card-price-block .control-label {
    display: none;
}

.card-sub-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card-section-radio {
    height: auto;
    margin-bottom: 0;
    width: 165px;
    max-width: 165px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.card-radio-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.radio-label-block {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

#radio-mark, #radio-letter {
    display: none;
}

.custom-radio {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #E8EBEE;
    border-radius: 10px;
    margin-right: 5px;
    vertical-align: text-top;
}

.custom-radio-active {
    position: relative;
    display: inline-block;
    border: 2px solid #FDC13D;
    transition: all ease .4s;
}

.custom-radio-active::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #FDC13D;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.radio-label-block {
    cursor: pointer;
}

.custom-title-active {
    color: #0E2F4B;
}

.control-label {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #2D2D2D;
    margin-bottom: 0;
}

.card-desc {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.qty-card {
    max-width: 100px;
    border: 1px solid #E8EBEE;
    border-radius: 8px;
    padding: 20px 30px;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #0E2F4B;
    margin: 0 32px !important;
}

.loader {
    display: block;
    width: 20px;
    height: 20px;
    border: 4px solid #FDC13D;
    border-radius: 50%;
    animation: loading 2s infinite linear;
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
        border-bottom: none;
    }
    50% {
        transform: rotate(180deg);
        border-bottom: none;
    }
    100% {
        transform: rotate(360deg);
        border-bottom: none;
    }
}

.btn-plus:active, .btn-minus:active {
    border: none;
}

.btn-minus--space {
    margin-right: 0;
}

.btn-plus--space {
    margin-left: 0
}

.intro {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #0E2F4B;
}

.intro--grey {
    color: #99A2AA;
    margin-bottom: 10px;
}

.characters {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.characters-block {
    display: flex;
    justify-content: space-between;
}

.characters-list {
    display: flex;
    flex-direction: column;
}

.characters-elem {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #0E2F4B;
}

.card-btn {
    display: block;
    width: 100%;
    background: #FDC13D;
    border-radius: 10px;
    padding: 30px 0;
    font-family: "Rubik Bold", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #0E2F4B;
}

.card-btn-disabled {
    display: block;
    width: 100%;
    cursor: not-allowed!important;
    background: #E8EBEE;
    border-radius: 10px;
    padding: 30px 0;
    font-family: "Rubik Bold", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #99A2AA;
}

.card-name-tablet {
    display: none;
}

.card-name-title,
.card-name-mob {
    font-family: "Rubik Bold", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    color: #0E2F4B;
    margin-bottom: 20px;
}

.card-name-title {
    display: none;
}

.card-sub-link {
    font-family: "Rubik Regular", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #0E2F4B;
}

.product-thumb .button-group button {
    border-radius: 10px;
    background: #FDC13D;
    line-height: 50px;
}

.card-btn-koshik-disabled {
    width: 100%;
    border: none;
    display: inline-block;
    float: left;
    cursor: not-allowed !important;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    background-color: #E8EBEE !important;
    border-radius: 5px;
}

.card-btn-koshik-disabled-text {
    font-family: "Rubik Medium", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #99A2AA;
    text-transform: none;
}

.card-btn-koshik-text {
    font-family: "Rubik Medium", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-transform: none;
}

.recomended-list {
    display: flex;
    flex-direction: row;
}

.a-card {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px;
    min-height: 240px;
}

.a-card img{
    width: 100%;
    object-fit: cover;
    max-height: 240px;
}

.product-thumb {
    border: none;
    border-radius: 10px;
}

#content ul li a {
    border: none;
}

.search-card-fix {
    padding-top: 25px;
    padding-bottom: 25px;
}

.serch-checkbox {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
}

.filter-title {
    margin-bottom: 20px;
}

.filter-btn {
    background: #FFC629;
    font-size: 15px;
    font-family: "Rubik Rgular", sans-serif;
    width: 100%;
    height: 30px;
    padding: 0 16px;
    border-radius: 5px;
}
.filter-btn span {
    position: relative;
    padding-left: 26px;
}
.filter-btn span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../image/filter-btn.svg) no-repeat center;
    background-size: contain;
}

.search-title {
    font-family: "Rubik Bold", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 48px;
    color: #0E2F4B;
}

.search-filter {
    margin-bottom: 20px;
}

.search-filter:last-child {
    margin-right: 0;
}

.search-filter select {
    width: 100%;
}

.search-filter-sort {
    padding: 0 10px;
}

.search-lable {
    margin-right: 24px;
    margin-bottom: 0;
    font-family: "Rubik Bold", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #0E2F4B;
}

.product-thumb .price {
    padding-left: 0;
}

.search-select {
    background: #fff;
    border-radius: 5px;
    padding: 0 10px;
    height: 30px;
    border: none;
}

.btn-serach-list {
    display: flex;
}

.search-settings {
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.list-group-item {
    font-family: "Open Sans Regular", sans-serif;
}

.foot-link {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 0 10px;
}

.foot-link:hover {
    color: #99A2AA;;
}

.foot-logo {
    margin-bottom: 20px;
}

.foot-language {
    display: flex;
    justify-content: flex-end;
}

.foot-lang span{
    color: #fff;
}

#footer-list li {
    padding-left: 15px;
}
/* main mob navigation */
.btn-navigation {
    width: 100%;
    max-width: 330px;
    padding: 18px 82px;
    text-align: center;
    font-family: "Rubik Bold", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #0E2F4B;
    background-color: #fdc13d;
    border-radius: 8px;
}

.button-navigation--active {
    position: relative;
    background-color: #fdc03d00;
    font-size: 25px;
    line-height: 30px;
    text-align: left;
    padding: 18px 0;
    border-bottom: 1px solid #E0E7F7;
}

.close-alert-dismissible {
    position: absolute;
    right: 32px;
    top: 40px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
}

.close-alert-dismissible:hover {
    opacity: 1;
}

.close-alert-dismissible:before, .close-alert-dismissible:after {
    position: absolute;
    right: -10px;
    top: -25px;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #2d2d2d;
}

.close-alert-dismissible:before {
    transform: rotate(45deg);
}

.close-alert-dismissible:after {
    transform: rotate(-45deg);
}


.close {
    display: none;
    position: absolute;
    right: 32px;
    top: 40px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
}

.close:hover {
    opacity: 1;
}

.close:before, .close:after {
    position: absolute;
    right: -10px;
    top: -25px;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #2d2d2d;
}

.close:before {
    transform: rotate(45deg);
}

.close:after {
    transform: rotate(-45deg);
}

.close--active {
    display: block;
}

#menu .navi-cat > li > a {
    font-family: "Rubik Bold", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #0E2F4B;
    display: flex;
    align-items: center;
    background: #FBFBFB;
}

#menu div.dropdown-menu {
    background: #FBFBFB;
}

#menu .dropdown-inner a {
    color: #0E2F4B;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#menu .dropdown-inner li {
    padding-left: 0;
}


.special-check {
    position: relative;
    display: block;
    right: 32px;
    top: 13px;
    width: 32px;
    height: 32px;
}

.special-check--down {
    transform: rotate(360deg);
    right: 32px;
    top: 13px;
}

.special-check--up {
    transform: rotate(180deg);
    right: -55px;
    top: -16px;
}

.special-check:before {
    position: absolute;
    left: 52px;
    top: -7px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #0E2F4B;
}

.special-check:after {
    position: absolute;
    left: 65px;
    top: -8px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #0E2F4B;
}

.special-check:before {
    transform: rotate(-45deg);
}

.special-check:after {
    transform: rotate(43deg);
}

#menu {
    display: none;
}

@media screen and (max-width: 575px) {
    .recipient-mailbox::before,
    .recipient-mailbox::after {
        left: -15px;
        width: 15px;
    }
    .recipient-require {
        left: -17px;
    }
    .tabs__caption {
        margin: 0 -15px;
    }
    .tabs__caption li {
        padding: 0 5px;
        font-size: 12px;
    }
    .resize-btn-all-collection .text-right{
        height: 60px;
        border-radius: 5px;
        background: #fff;
        text-align: center !important;
        display: flex;
        margin: 0 10px;
        padding: 20px !important;
        flex-direction: row;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
}

footer {
    background-color: #1D2023;
}
footer .container .row h5 {
    color: #fff;
    font-family: "Rubik Bold", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
footer .container .row ul li a {
    color: #99a2aa;
    font-family: "Rubik Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: block;
    padding-top: 10px;
    text-decoration: none;
    transition: all 500ms linear;
}
footer .container .row ul li a:hover{
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}
.footer-menu {
    padding-bottom: 50px;
    padding-top: 50px;
}

.copyright-block {
    background-color: #181C1F;
    padding: 15px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.copyright-block p {
    color: #99a2aa;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    padding: 0;
}
.copyright-block p a {
    color: #99a2aa;
}

.copyright-block-second {
    background-color: #181C1F;
    padding: 0 0 15px 0;
}
.copyright-block-second p {
    color: #99a2aa;
    font-family: "Open Sans Regular",sans-serif;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    padding: 0;
}
.copyright-block-second p a {
    font-size: 16px;
    line-height: 20px;
    color: #0e2f4b;
    font-family: "Open Sans Regular",sans-serif;
    transition: background-size .5s linear;
    background-image: linear-gradient(90deg,#0e2f4b 0,#0e2f4b);
    background-repeat: no-repeat;
    background-position: 0 95%;
    background-size: 100% 1px;
}
.copyright-block-second p a {
    color: #99a2aa;
    font-family: "Open Sans Regular",sans-serif;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    background-image: linear-gradient(90deg,#99a2aa 0,#99a2aa);
}
.copyright-block-second p a:hover {
    text-decoration: none;
    cursor: pointer;
    background-size: 0 1px;
}

.accordion {
    padding-bottom: 25px;
}
.accordion [data-toggle="collapse"] .fas {
    font-size: 1.5em;
}
.accordion [data-toggle="collapse"] .fas::before {
    content: "\f106";
}
.accordion [data-toggle="collapse"].collapsed .fas {
    font-size: 1.5em;
}
.accordion [data-toggle="collapse"].collapsed .fas::before {
    content: "\f107";
}

.mobile-footer .accordion {
    padding-top: 5px;
    padding-bottom: 30px;
}
.mobile-footer .accordion .mobile-footer-accordion-item {
    padding-top: 25px;
}
.mobile-footer .accordion .mobile-footer-accordion-item .accordion-headline {
    position: relative;
    padding-left: 15px;
}
.mobile-footer .accordion .mobile-footer-accordion-item .accordion-headline span {
    color: #fff;
    font-family: "Rubik Bold", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}
.mobile-footer .accordion .mobile-footer-accordion-item .accordion-headline:hover, .mobile-footer .accordion .mobile-footer-accordion-item .accordion-headline:active, .mobile-footer .accordion .mobile-footer-accordion-item .accordion-headline:focus {
    text-decoration: none;
}
.mobile-footer .accordion .mobile-footer-accordion-item .accordion-headline .fas {
    color: #fff;
    position: relative;
    top: 3px;
    left: 7px;
}
.mobile-footer .accordion .mobile-footer-accordion-item .collapse .links-wrapper,
.mobile-footer .accordion .mobile-footer-accordion-item .collapse.show .links-wrapper,
.mobile-footer .accordion .mobile-footer-accordion-item .collapsing .links-wrapper {
    padding-top: 5px;
}
.mobile-footer .accordion .mobile-footer-accordion-item .collapse .links-wrapper li,
.mobile-footer .accordion .mobile-footer-accordion-item .collapse.show .links-wrapper li,
.mobile-footer .accordion .mobile-footer-accordion-item .collapsing .links-wrapper li {
    padding-top: 15px;
}
.mobile-footer .accordion .mobile-footer-accordion-item .collapse .links-wrapper li .mobile-footer-menu-link,
.mobile-footer .accordion .mobile-footer-accordion-item .collapse.show .links-wrapper li .mobile-footer-menu-link,
.mobile-footer .accordion .mobile-footer-accordion-item .collapsing .links-wrapper li .mobile-footer-menu-link {
    color: #99a2aa;
    font-family: "Rubik Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}
.mobile-footer .accordion .mobile-footer-accordion-item .collapse .links-wrapper li .mobile-footer-menu-link:hover,
.mobile-footer .accordion .mobile-footer-accordion-item .collapse.show .links-wrapper li .mobile-footer-menu-link:hover,
.mobile-footer .accordion .mobile-footer-accordion-item .collapsing .links-wrapper li .mobile-footer-menu-link:hover {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.cart {
    position: relative;
}
.cart__bag {
    width: 19px;
    height: 24px;
    position: relative;
}
.cart__bag-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cart__bag-path {
    fill: #0E2F4B;
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}
.cart__counter {
    position: absolute;
    top: 1px;
    right: -7px;
    font-size: 11px;
    font-family: 'Rubik Regular', sans-serif;
    font-weight: 400;
    color: #2D2D2D;
    line-height: 1;
}
.cart__counter span {
    position: relative;
    padding: 5px;
    text-shadow: none;
}
.cart__counter:before {
    display: none;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFC629;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
}
.cart__counter_active:before {
    display: block;
}

.alert-success {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 480px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    border: 1px solid #E8EBEE;
    font-family: 'Rubik Regular', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #2D2D2D;
    padding: 12px 40px 12px 60px;
}

.alert-success-right {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.alert-success a{
    color: #2D2D2D;
    text-decoration: underline;
}

.alert-success:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 15px;
    width: 40px;
    height: 40px;
    background: transparent url(../image/carticon-success.svg) no-repeat center;
    background-size: contain;
}

.alert-success-heat-bag:before {
    background: transparent url(../image/charity-heat-bag.svg) no-repeat center;
}

.alert-custom {
    background: #88B6FF;
    box-shadow: 0 3px 18px rgba(95, 98, 102, 0.1);
    border-radius: 8px 8px 0 0;
    border-color: #88B6FF;
    font-family: 'Rubik Medium', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 0;
}

.alert-custom b{
    color: #FFFFFF;
}

.link-aktsii{
    font-family: "Open Sans Regular", sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #0E2F4B;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
}
.link-aktsii:hover{
    color: #0e2f4b;
    text-decoration: none;
    cursor: pointer;
    background-size: 0 1px;
}

.swiper-pager {
    left: 0;
}

.swiper-viewport {
    margin-bottom: 30px!important;
    background: none!important;
    border: none!important;
    border-radius: 7px!important;
    box-shadow: 0 0 0 rgb(0 0 0 / 0%)!important;
}

.swiper-viewport .img-fixed{
    max-width: none!important;
    object-fit: cover!important;
    width: 966px!important;
    height: 403px!important;
    border-radius: 8px!important;
}

.swiper-prev {
    left: 0 !important;
}

.swiper-next {
    right: 0 !important;
}

.button-over {
    padding-left: 30px;
    padding-right: 30px;
}

.nice-switcher .nice-switcher__txt {
    font-size: 14px;
    color: #2D2D2D;
    vertical-align: middle;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.nice-switcher .dropdown-menu {
    min-width: 0;
    padding: 0;
}

.nice-switcher .dropdown-menu .btn-link {
    color: #D1D1D1;
    text-shadow: none;
    text-decoration: none;
    font-size: 14px;
    padding: 5px 20px;
    line-height: 1;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.nice-switcher .dropdown-menu li:first-child .btn-link {
    padding-top: 12px;
}
.nice-switcher .dropdown-menu li:last-child .btn-link {
    padding-bottom: 10px;
}


.site-aside__main {
    display: none;
}
.site-aside .popover {
    display: none !important;
}

.ocf-nice-radio,
.ocf-nice-checkbox {
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #99a2aa;
    margin-bottom: 11px;
    user-select: none;
    cursor: pointer;
}
.ocf-nice-radio input,
.ocf-nice-checkbox input{
    position: absolute;
    z-index: -1;
    opacity: 0;
    clip: rect(0,0,0,0);
}
.ocf-nice-radio .badge,
.ocf-nice-checkbox .badge {
    opacity: 1 !important;
    margin: 4px 0 0 5px !important;
}
.ocf-nice-txt {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 3px 0 0 30px;
    cursor: pointer;
    line-height: 1.5;
    color: #2D2D2D;
    font-family: "Rubik Regular", sans-serif;
    font-size: 14px;
    transition: color .3s ease;
    user-select: none;
}
.ocf-nice-txt:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #E8EBEE;
    transition: border .3s ease, background .3s ease;
}
.ocf-nice-txt:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 8px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 5px;
    height: 10px;
    opacity: 0;
    transform: rotate(45deg);
    transition: opacity .3s ease;
}
.ocf-nice-radio .ocf-nice-txt:before {
    border-radius: 50%;
}
.ocf-nice-radio .ocf-nice-txt:after {
    display: none;
}
.ocf-nice-checkbox input:checked + .ocf-nice-txt:before,
.ocf-nice-radio input:checked + .ocf-nice-txt:before {
    border: 1px solid #FFC629;
    background: #FFC629;
}
.ocf-nice-checkbox input:checked + .ocf-nice-txt:after,
.ocf-nice-radio input:checked + .ocf-nice-txt:after {
    opacity: 1;
}

.ocf-nice-radio.disabled small,
.ocf-nice-checkbox.disabled small {
    background-color: #fdc13d !important;
    color: #FFF !important;
}

.ocf-price {
    display: none;
    justify-content: space-between;
}
.ocf-price__field {
    height: 24px;
    border: 1px solid #E8EBEE;
    border-radius: 4px;
    text-align: center;
    color: #2D2D2D;
    font-size: 12px;
    font-family: "Rubik Regular", sans-serif;
    width: 45% !important;
}
.ocf-price__sign {
    color: #FFC629;
    font-size: 12px;
    padding: 0 10px;
    box-sizing: border-box;
}

.ocf-option-controls {
    display: none;
}

.selected-parameters {
    display: none;
}

/* for mini mob vers */
@media screen and (max-width: 424px) {
    .bottom-block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .input-group {
        margin-bottom: 16px;
        font-size: 16px;
    }
    .hidden-xs {
        display: none!important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .swiper-viewport .img-fixed{
        width: 696px!important;
        height: 293px!important;
    }
}

@media screen and (max-width: 375px) {
    .swiper-viewport .img-fixed{
        max-width: 100%!important;
        height: 146px!important;
    }
}

@media screen and (min-width: 375px) and (max-width: 425px) {
    .swiper-viewport .img-fixed{
        max-width: 100%!important;
        height: 155px!important;
    }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .swiper-viewport .img-fixed{
        max-width: 100%!important;
        height: 220px!important;
    }
}

/* for mob vers */
@media screen and (max-width: 991px) {
    .swiper-viewport .img-fixed{
        max-width: 100%!important;
    }
    .checkout-title{
        text-align: center;
        font-size: 16px;
    }
    .panel-body-custom {
        padding-left: 0;
        padding-right: 0;
    }
    .panel-body-submit {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .panel-body-custom-fix {
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .pickup {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
        padding-top: 0;
    }
    .pickup-type {
        margin-bottom: 10px;
    }

    .adress-main {
        padding-top: 0;
        margin-bottom: 20px;
    }
    .cart-desck {
        display: none;
    }
    .custom-control-label {
        font-size: 12px;
        margin-bottom: 0!important;
        line-height: 5px;
        margin-left: 12px;
        user-select: none;
    }
    .titlesub-collapsed {
        font-size: 12px;
    }
    .name-collapsed {
        font-size: 14px;
    }
    .text-collapsed {
        font-size: 14px;
    }
    .pickup-type {
        font-size: 16px;
    }
    .panel-body-colapse {
        padding-left: 20px;
        padding-right: 20px;
    }
    .checkout__collapsed {
        padding: 20px 0;
    }
    .cart-result-title {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .mb-btn {
        display: block;
    }
    .dt-btn {
        display: none;
    }
    #atall {
        font-size: 16px;
    }
    .cart-result {
        display: flex;
        flex-direction: column-reverse;
    }
    .cart-mob {
        display: flex;
        flex-direction: column;
    }
    .custom_block {
        display: flex;
        flex-direction: column;
    }
    .title-collapsed {
        font-size: 16px;
    }
    .top-block {
        position: relative;
        margin-bottom: 15px;
        width: 100%;
    }

    input[type="text"].form-cart {
        width: 0;
    }
    .cart-weight {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .cart-weight-error {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 25px;
        color: #F95050;
    }
    .cart-result {
        margin-top: 0;
    }
    .bottom-block {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: initial;
        justify-content: space-between;
    }
    .form-cart {
        padding-left: 0;
        padding-right: 0;
    }
    .sum-block {
        width: 100%;
    }
    .cart-total {
        width: 35%;
    }
    .input-group {
        font-size: 16px;
        margin-bottom: 0 !important;
    }
    .ty-page{
        padding: 0 20px 25px;
        margin-bottom: 25px;
    }
    .table-custom-cart {
        margin-bottom: 0;
    }

    /* for product */
    .card-section {
        flex-direction: column;
        padding-top: 25px;
    }
    .card-section-tablet{
        display: block;
    }
    .card-price-block .product-mp {
        margin-top: 0;
        margin-left: 0;
    }
    .card-name-tablet {
        display: none;
        font-family: "Rubik Bold", sans-serif;
        font-weight: bold;
        font-size: 24px;
        line-height: 48px;
        color: #0E2F4B;
        margin-bottom: 20px;
    }
    .card-cost-nav {
        margin-top: 0;
        height:100%;
        width:100%;
    }
    .characters-block {
        flex-direction: column;
    }
    #list-groupF, #list-groupS {
        margin-bottom: 22px;
    }
    .tab-content {
        margin-left: 0;
    }
    .search-lable {
        margin-right: 0;
    }
    /* footer */
    .foot-language {
        justify-content: flex-start;
    }
    .address-info-col {
        display: none;
    }

    /* site-aside */
    .site-aside {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        padding: 0;
        -webkit-transition: background 0.3s ease, visibility 0.3s ease;
        transition: background 0.3s ease, visibility 0.3s ease;
        visibility: hidden;
        z-index: 1000;
    }
    .site-aside__main {
        display: block;
    }
    .site-aside__wrap {
        position: absolute;
        top: 0;
        left: calc(-100% + 60px);
        width: calc(100% - 60px);
        background: #F8F8F8;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    .site-aside.active {
        visibility: visible;
        background: rgba(0,0,0,0.5);
    }
    .site-aside.active .site-aside__wrap {
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
    .site-aside__filter .list-group-item .ocf-option-name,
    .site-aside__main-head {
        display: flex;
        align-items: center;
        position: relative;
        height: 50px;
        padding: 7px 10px 5px 36px;
        color: #2D2D2D;
        font-family: 'Rubik Regular', sans-serif;
        font-size: 14px;
        line-height: 1.2;
        font-weight: 400;
        overflow: hidden;
        background: #fff;
        cursor: pointer;
        user-select: none;
    }
    .site-aside__filter .list-group-item .ocf-option-name:before,
    .site-aside__main-head:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 16px;
        width: 10px;
        height: 8px;
        margin-top: -4px;
        background: url(../image/arrow-3.svg) no-repeat center;
        background-size: contain;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        cursor: pointer;
        user-select: none;
    }
    .site-aside__main-item {
        display: flex;
        align-items: center;
        position: relative;
        height: 46px;
        padding: 7px 35px 5px 20px;
        color: #2D2D2D;
        font-family: 'Rubik Regular', sans-serif;
        font-size: 12px;
        line-height: 1.2;
        border-bottom: 1px solid #E8EBEE;
        overflow: hidden;
        cursor: pointer;
        user-select: none;
    }
    .site-aside__main-item:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 21px;
        width: 10px;
        height: 8px;
        margin-top: -4px;
        background: url(../image/arrow-3.svg) no-repeat center;
        background-size: contain;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .site-aside__main-wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
        height: calc(100vh - 50px);
        overflow-y: auto;
    }
    .site-aside .site-aside__filter {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        margin: 0;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    .site-aside__filter .list-group-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    .site-aside__filter .list-group-item.opened {
        transform: translate(100%, 0);
    }
    .site-aside__filter .list-group-item .ocf-option-name {
        margin: 0;
    }
    .site-aside__filter .list-group-item .ocf-option-values {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
        height: calc(100vh - 50px);
        padding: 15px;
        background: #F8F8F8;
        overflow-y: auto;
    }
    .site-aside__filter .ocf-target {
        display: none;
    }
    .site-aside__filter .ocf-price {
        display: flex;
    }
    .site-aside .list-group-name-hidden {
        display: none;
    }
    .site-aside .ocf-option-controls {
        display: block;
    }
    .site-aside__title {
        display: none;
    }
    .site-aside__main-back {
        display: block;
        width: 100%;
        height: 40px;
        border-radius: 4px;
        border: 1px solid #E8EBEE;
        font-size: 14px;
        font-family: 'Rubik Regular', sans-serif;
        font-weight: 400;
        color: #2D2D2D;
        background: #F8F8F8;
    }
    .site-aside__main-controls {
        padding: 15px;
    }
    .site-aside__main-controls > * {
        margin-bottom: 15px;
    }
    .site-aside__main-controls > *:last-child {
        margin-bottom: 0;
    }
    /* /site-aside */

}

/* for tablet vers */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .swiper-viewport .img-fixed{
        width: 516px!important;
        height: 217px!important;
    }
    .checkout__collapsed {
        padding: 30px 0;
        display: flex;
        align-items: center;
    }
    .ty-page{
        padding: 6px 40px 35px;
        margin-bottom: 35px;
    }
    input[type="text"].form-cart {
        width: 0;
    }
    .input-group {
        max-width: 170px!important;
    }
    .cart-weight-error {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 0;
        color: #F95050;
        max-width: 320px;
    }

    /* for product */
    .card-section {
        flex-direction: column;
        padding-top: 25px;
    }
    .card-section-tablet{
        display: block;
    }
    .card-info--pos {
        margin-bottom: 65px;
    }
    .card-active-tablet {
        display: block;
    }
    .card-name-tablet {
        display: block;
        font-family: "Rubik Bold", sans-serif;
        font-weight: bold;
        font-size: 24px;
        line-height: 48px;
        color: #0E2F4B;
        margin-bottom: 20px;
    }

    .tab-content {
        margin-left: 0;
    }
    /* Checkout */
    .custom-control-label {
        font-size: 12px;
        margin-bottom: 0 !important;
        line-height: 5px;
        margin-left: 12px;
    }
    .panel-body-submit {
        padding: 0 15px;
    }
    .checkout__collapsed {
        display: none;
    }
    /* footer */
    .foot-language {
        justify-content: flex-end;
    }
    .address-info-col {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .mobile-footer {
        display: block;
    }
    .footer-menu {
        display: none;
    }
}

.product-label {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.product-label__item:last-child {
    margin-bottom: 0;
}

.info-preorder {
    font-family: Montserrat, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    padding: 17px 15px;
    border-radius: 8px;
    color: #0E2F4B;
    border: 1px solid rgba(165, 0, 192, 0.5);
    margin-bottom: 15px;
}
.info-preorder_desk {
    display: none;
}
.info-preorder__title {
    position: relative;
    padding: 0 0 0 22px;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: inherit;
    line-height: 1.5;
    letter-spacing: 0.3px;
    color: inherit;
    font-family: inherit;
}
.info-preorder__title:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 16px;
    background: url(../image/info-preorder-2.svg) no-repeat center;
    background-size: contain;
}

.product-label__item,
.cart-label__item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 7px 14px 5px 36px;
    margin: 0 10px 10px 0;
    color: #fff;
    border-radius: 4px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    text-transform: lowercase;
}
.product-label__item:before,
.cart-label__item:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 10px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.cart-label__item:last-child {
    margin-bottom: 15px;
}
.product-label__item_preorder,
.cart-label__item_preorder {
    background: rgba(165, 0, 192, 0.8);
}
.product-label__item_preorder:before,
.cart-label__item_preorder:before {
    background-image: url(../image/info-preorder.svg);
}
.product-label__item_sale,
.cart-label__item_sale {
    background: rgba(255, 119, 43, 0.8);
}
.product-label__item_sale:before,
.cart-label__item_sale:before {
    top: 5px;
    left: 10px;
    width: 15px;
    height: 21px;
    background-image: url(../image/info-sale.svg);
}
.product-label__item_bfsale,
.cart-label__item_bfsale {
    background: rgba(0, 0, 0, 0.8);
    color: rgba(255, 198, 41, 1);
}
.product-label__item_bfsale:before,
.cart-label__item_bfsale:before {
    top: 5px;
    left: 10px;
    width: 15px;
    height: 21px;
    background-image: url(../image/info-sale-black-friday.svg);
}
.product-label__item_freeshipping,
.cart-label__item_freeshipping {
    background: rgba(3, 164, 0, 0.8);
}
.product-label__item_freeshipping:before,
.cart-label__item_freeshipping:before {
    top: 5px;
    left: 10px;
    width: 20px;
    height: 20px;
    background-image: url(../image/info-free-shipping.svg);
}
.product-label__item_ends,
.cart-label__item_ends {
    background: rgba(255, 56, 56, 0.8);
}
.product-label__item_ends:before,
.cart-label__item_ends:before {
    top: 5px;
    left: 10px;
    width: 20px;
    height: 20px;
    background-image: url(../image/info-ends.svg);
}

.product-label__item_charity,
.cart-label__item_charity {
    background: rgba(0, 190, 156, 0.8);
}
.product-label__item_charity:before,
.cart-label__item_charity:before {
    top: 5px;
    left: 10px;
    width: 20px;
    height: 20px;
    background-image: url(../image/info-charity.svg);
}

.product-label__item_limited,
.cart-label__item_limited {
    background: rgba(249, 46, 19, 0.8);
}
.product-label__item_limited:before,
.cart-label__item_limited:before {
    top: 5px;
    left: 10px;
    width: 20px;
    height: 20px;
    background-image: url(../image/info-limited.svg);
}

.product-label__item_important_date,
.cart-label__item_important_date {
    background: rgba(236, 124, 99, 0.8);
}
.product-label__item_important_date:before,
.cart-label__item_important_date:before {
    top: 5px;
    left: 10px;
    width: 14px;
    height: 16px;
    background-image: url(../image/info-important-date.svg);
}

.product-label__item_memorable_date,
.cart-label__item_memorable_date {
    background: rgba(242, 110, 118, 0.8);
}
.product-label__item_memorable_date:before,
.cart-label__item_memorable_date:before {
    top: 5px;
    left: 10px;
    width: 14px;
    height: 18px;
    background-image: url(../image/info-memorable-date.svg);
}

.product-label__item_product_of_the_week,
.cart-label__item_product_of_the_week {
    background: rgba(65, 19, 249, 0.8);
}
.product-label__item_product_of_the_week:before,
.cart-label__item_product_of_the_week:before {
    top: 5px;
    left: 10px;
    width: 14px;
    height: 16px;
    background-image: url(../image/info-product-of-the-week.svg);
}

.product-label__item_new,
.cart-label__item_new {
    background: rgba(255, 211, 0, 0.8);
}
.product-label__item_new:before,
.cart-label__item_new:before {
    top: 5px;
    left: 10px;
    width: 14px;
    height: 16px;
    background-image: url(../image/info-new.svg);
}

.product-label__item_exclusive,
.cart-label__item_exclusive {
    background: rgba(170, 67, 250, 0.8);
}
.product-label__item_exclusive:before,
.cart-label__item_exclusive:before {
    top: 5px;
    left: 10px;
    width: 14px;
    height: 16px;
    background-image: url(../image/info-exclusive.svg);
}

.product-label__item_top_sale,
.cart-label__item_top_sale {
    background: rgba(43, 77, 255, 0.8);
    text-transform: none;
}
.product-label__item_top_sale:before,
.cart-label__item_top_sale:before {
    top: 5px;
    left: 10px;
    width: 14px;
    height: 16px;
    background-image: url(../image/info-top-sale.svg);
}

.site-info {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7;
    color: #2D2D2D;
}
.site-info-desc {
    display: none;
}
.site-info-mobile {
    display: block;
}
.site-info__title {
    position: relative;
    color: inherit;
    font-family: inherit;
    line-height: 1.4;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
    padding-left: 30px;
    letter-spacing: -0.3px;
}
.site-info__title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    background: url(../image/atention.svg) center no-repeat;
    background-size: contain;
    transform: translate(0, -50%);
}
.site-info p {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.site-info_delivery .site-info__title:before {
    width: 20px;
    height: 20px;
    background-image: url(../image/delivery.svg);
}
.site-info_preorder .site-info__title:before {
    width: 20px;
    height: 20px;
    background-image: url(../image/info-preorder-2.svg);
}

.single-wrap {
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 20px;
}
.single-wrap_success {
    border-top: 19px solid #7ED321;
}
.single-wrap_info {
    border-top: 19px solid #FFC629;
}
.single-wrap__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}
.single-wrap__head-more {
    padding: 5px 0 0 10px;
}
.single-wrap__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    font-family: 'Rubik Regular', sans-serif;
    color: #2D2D2D;
}
.single-wrap__link span {
    border-bottom: 1px solid currentColor;
    transition: border-bottom 0.3s ease;
}
.single-wrap__title {
    padding: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    font-family: 'Rubik Bold', sans-serif;
    color: #0E2F4B;
}
.single-wrap__title_bold {
    font-size: 32px;
}
.single-wrap__sub-title {
    color: #99A2AA;
}
.single-wrap__bold {
    font-size: 24px !important;
    color: #0E2F4B;
    font-weight: 700 !important;
}
.single-wrap .charity-form {
    margin-bottom: 0;
}
.single-wrap .charity-form__wrap {
    background: none;
    border: none;
}
.single-wrap .charity-form__buttons > *:last-child {
    margin-bottom: 0;
}
.single-wrap__split {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}
.single-wrap__split-item {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 20px;
}
.single-wrap__split-item + .single-wrap__split-item {
    margin-bottom: 0;
}

.purchase-result {
    font-family: 'Rubik Regular', sans-serif;
    font-weight: 400;
}
.purchase-result__row {
    display: table-row;
}
.purchase-result__row:nth-last-child(2) .purchase-result__value,
.purchase-result__row:nth-last-child(2) .purchase-result__title {
    padding-bottom: 18px;
}
.purchase-result__row_footer .purchase-result__value,
.purchase-result__row_footer .purchase-result__title {
    border-top: 1px solid #E8EBEE;
    padding-top: 18px;
}
.purchase-result__value,
.purchase-result__title {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    line-height: 1.2;
    font-size: 16px;
    padding: 5px 0;
    color: #99A2AA;
}
.purchase-result__title {
    font-weight: 500;
}
.purchase-result__value {
    font-size: 18px;
    font-weight: 600;
    text-align: right;
    color: #0E2F4B;
}
.purchase-result__list {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.purchase-result__btn {
    margin-bottom: 20px;
}
.purchase-result__btn .btn {
    margin: 0;
}
.purchase-result__information {
    position: relative;
    font-family: inherit;
    margin-bottom: 15px;
    font-size: 16px;
    color: #F95050;
    padding-left: 34px;
    letter-spacing: -0.3px;

}
.purchase-result__information:before {
    content: '';
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../image/atention-2.svg) center no-repeat;
    background-size: contain;
}


.site-tab {
    padding-top: 8px;
}
.site-tab__head {
    margin-bottom: 24px;
}

.result-page .container {
    max-width: 780px;
}

.products-list {
    display: flex;
    flex-wrap: wrap;
}
.products-list__btn {
    margin-bottom: 20px;
}

.nice-select .select2-container {
    width: 100% !important;
}
.nice-select .select2-selection--single {
    display: flex;
    align-items: center;
}
.nice-select .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: inherit;
}
.nice-select .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
}
.nice-select .select2-selection--single .select2-selection__arrow b {
    width: 14px;
    height: 9px;
    margin: 0;
    border: none;
    transform: translate(-50%, -50%);
    background: url("../image/arrow-2.svg") no-repeat center;
    background-size: contain;
    transition: transform 0.3s ease;
}
.nice-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: translate(-50%, -50%) rotate(180deg);
}
.nice-select .select2-container--open .select2-selection--single {
    border-color: #FFC629;
    box-shadow: 0 0 0 1px #FFC629;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 40px;
    padding: 0 10px 0 36px;
    color: #2D2D2D;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    width: 100%;
    border-radius: 0;
}
.select2-results__option {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: #2D2D2D;
    padding: 15px 25px;
    transition: color 0.3s ease;
}
.select2-results__option:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 17px;
    height: 14px;
    transform: translate(0, -50%);
    background: url("../image/select-ok.svg") no-repeat center;
    background-size: contain;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background: none;
    color: #FFC629;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: none;
    color: #FFC629;
}
.select2-container--default .select2-results__option[aria-selected=true]:before {
    opacity: 1;
}

.custom-dropdown {
    height: auto;
    font-family: "Rubik Regular", sans-serif;
    font-weight: 400;
    max-width: 100%;
}
.custom-dropdown .select2-container {
    width: auto !important;
    max-width: 100%;
}
.custom-dropdown .select2-selection--single {
    background: none;
    background-color: #fff!important;
    border: none;
    border-radius: 0;
    height: auto;
}
.custom-dropdown .select2-selection--single .select2-selection__rendered {
    color: #2D2D2D;
    font-size: 18px;
    line-height: 1.3;
    padding: 0 34px 0 0;
}
.custom-dropdown_prices .select2-selection--single .select2-selection__rendered {
    min-width: 90px;
}
.custom-dropdown .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
}
.custom-dropdown .select2-selection--single .select2-selection__arrow b {
    width: 14px;
    height: 9px;
    margin: 0;
    border: none;
    transform: translate(-50%, -50%);
    background: url("../image/arrow.svg") no-repeat center;
    background-size: contain;
}
.custom-dropdown_titles .select2-dropdown {
    min-width: 270px;
}
.dropdown-cover {
    position: relative;
}
.custom-dropdown {
    position: relative;
}
.nice-select .select2-results__options,
.custom-dropdown .select2-results__options {
    padding: 4px;
}
.nice-select .select2-container,
.custom-dropdown .select2-container {
    width: 100% !important;
}
.nice-select .select2-dropdown,
.custom-dropdown .select2-dropdown {
    width: 100% !important;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 22px 0;
    border: none;
}
.nice-select .select2-dropdown {
    padding-top: 1px;
}
.nice-select .select2-results__option,
.custom-dropdown .select2-results__option {
    font-family: 'Rubik Regular', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    padding: 8px 13px;
    border-radius: 4px;
    transition: background 0.3s ease, color 0.3s ease;
}
.nice-select .select2-results__option--highlighted[aria-selected]:not([aria-selected=true]),
.custom-dropdown .select2-results__option--highlighted[aria-selected]:not([aria-selected=true]) {
    background: #FFF6DD;
    color: #2D2D2D;
}

.entities-error {
    width: 100%;
    margin-bottom: 20px;
}
.entities-error__total {
    color: #F95050;
}
.entities-error__title {
    display: none;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    font-family: "Open Sans", sans-serif;
    color: #F95050;
    margin-bottom: 12px;
}
.entities-error__title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../image/atention-2.svg) center no-repeat;
    background-size: contain;
    transform: translate(0, -50%);
}
.entities-error_mc .entities-error__title,
.entities-error_mpsp .entities-error__title,
.entities-error_moatb .entities-error__title {
    display: block;
    padding-left: 30px;
}
.entities-error__clear {
    text-align: left;
}
.entities-error__clear span {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    font-family: "Open Sans", sans-serif;
    color: #F95050;
    border-bottom: 1px solid currentColor;
    transition: border-bottom 0.3s ease;
}

#error-blocks {
    position: absolute;
    z-index: 2;
    top: 150px;/* 27%*/
    min-width: inherit;
    width: inherit;
    max-width: inherit;
    padding-right: 25px;
}

.site-notice {
    position: relative;
    background: rgba(255, 236, 236, 0.9);
    border: 1px solid #FFAFAF;
    margin-bottom: 20px;
    border-radius: 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
}
.site-notice__wrap {
    padding: 10px 55px 10px 55px;
}
.site-notice__wrap:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 22px;
    width: 20px;
    height: 20px;
    background: transparent url(../image/atention-2.svg) no-repeat center;
    background-size: contain;
}
.site-notice__wrap a:after {
    content: '';
    position: absolute;
    top: 18px;
    right: 25px;
    width: 15px;
    height: 15px;
    background: transparent url(../image/btn-close.svg) no-repeat center;
    background-size: contain;
}
.site-notice__wrap strong {
    font-weight: 700;
}

.abroad_limit_info {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
    color: #2D2D2D;
}

.abroad_limit_info .site-notice__wrap:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 22px;
    width: 20px;
    height: 20px;
    background: transparent url(../image/cart-warning.svg) no-repeat center;
    background-size: contain;
}

.abroad_limit_info a:first-child {
    color: #664d03;
    text-decoration: underline;
    font-weight: 600;
}

.abroad_limit_info > div:before {
    color: #000
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transition: background 0.3s ease, visibility 0.3s ease;
    transition: background 0.3s ease, visibility 0.3s ease;
    visibility: hidden;
    z-index: 1000;
}
.menu .header {
    height: var(--menu-header-height);
    margin-bottom: 0;
}
.menu__inner {
    height: calc(100vh - var(--menu-header-height));
    overflow-y: auto;
}
.menu__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.menu__wrap {
    position: absolute;
    top: 0;
    left: calc(-100% + 60px);
    width: calc(100% - 60px);
    background: #F8F8F8;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.menu .header__controls-item_switch {
    display: block;
}
.menu .header__wrap {
    padding: 10px 0;
}
.menu.active {
    visibility: visible;
    background: rgba(0,0,0,0.5);
}
.menu.active .menu__wrap {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.nice-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.nice-menu__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #2D2D2D;
    border-bottom: 1px solid #E8EBEE;
}
.nice-menu__item_selected {
    color: #FFC629;
}
.nice-menu__item.active .nice-menu__link {
    font-family: "Rubik Medium", sans-serif;
}
.nice-menu__item.opened .nice-menu__arrow:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.nice-menu__link {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.3;
    padding: 4px 0 4px 15px;
    height: 46px;
    overflow: hidden;
    color: inherit;
    user-select: none;
}
.nice-menu__link:hover {
    color: inherit;
}
.nice-menu__arrow {
    display: flex;
    position: relative;
    width: 50px;
    height: 46px;
    user-select: none;
    cursor: pointer;
}
.nice-menu__arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: url(../image/arrow-3.svg) no-repeat center;
    background-size: contain;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.nice-menu__children {
    display: none;
}
.nice-menu__icon {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background-size: contain;
    background-position: center;
}
.nice-menu__footer {
    border-top: 1px solid #E8EBEE;
}

.toggle-btn {
    display: block;
    position: relative;
    color: #2D2D2D;
    padding: 13px 70px 13px 20px;
    font-size: 12px;
}
.toggle-btn:before,
.toggle-btn:after {
    content: '';
    position: absolute;
    top: 50%;
}
.toggle-btn:before {
    right: 22px;
    width: 25px;
    height: 5px;
    margin-top: -3px;
    border-radius: 5px;
    background: #D1D1D1;
}
.toggle-btn:after {
    right: 16px;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    border-radius: 50%;
    background: #03A400;
}
.toggle-btn[disabled]:after {
    right: 39px;
    background: #99A2AA;
}
.toggle-btn:hover {
    color: #2D2D2D;
}

.additional-info {
    text-align: center;
}
.additional-info__wrap {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    line-height: 1.4;
    color: #2D2D2D;
    text-align: left;
}
.additional-info__item {
    display: flex;
    align-items: center;
    height: 100%;
}
a.additional-info__wrap {
    padding-right: 20px;
}
a.additional-info__wrap:hover {
    color: inherit;
}
a.additional-info__wrap:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: url(../image/arrow-3.svg) no-repeat center;
    background-size: contain;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.additional-info__icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.additional-info .swiper-wrapper {
    align-items: stretch;
}
.additional-info .swiper-slide {
    height: auto;
}

.cart-popup {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    padding: 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cart-popup.active {
    opacity: 1;
    visibility: visible;
}
.cart-popup__loaded .preloader {
    display: none;
}
.cart-popup__loaded .cart-popup__inner {
    min-height: 100%;
}
.cart-popup__close span {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
}
.cart-popup__close span:before,
.cart-popup__close span:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 24px;
    height: 1px;
    background: #0E2F4B;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.cart-popup__close span:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cart-popup__close span:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cart-popup__wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 20px 20px 0;
    text-align: center;
    overflow-y: auto;
}
.cart-popup__inner {
    display: flex;
    position: relative;
    min-height: 150px;
}
.cart-popup__cover {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 100%;
    background: #fff;
}
.cart-popup__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}
.cart-popup__title {
    padding: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    font-family: 'Rubik Bold', sans-serif;
    color: #0E2F4B;
}
.cart-popup__head-more {
    padding-top: 2px;
}
.cart-popup__cover .custom-cart {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E8EBEE;
}
.cart-popup__cover .custom-cart:last-child {
    margin-bottom: 0;
}
.cart-popup__cover .custom-cart__img {
    width: 60px;
    max-width: none;
    margin: 0 0 15px;
}
.cart-popup__cover .custom-cart__inner {
    padding-left: 20px;
    text-align: left;
    width: calc(100% - 60px);
    margin-bottom: 15px;
}
.cart-popup__cover .custom-cart__inner .custom-cart__total {
    display: none;
}
.cart-popup__cover .cart-name {
    font-size: 16px;
}
.cart-popup__controls-column_1 {
    display: none;
}
.cart-popup__total {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.cart-popup__total-title {
    color: #99A2AA;
    font-size: 20px;
    line-height: 1.2;
}
.cart-popup__total-value {
    color: #0E2F4B;
    font-family: "Rubik Bold", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
}
.cart-popup__controls-column .btn {
    margin-bottom: 0;
}
.cart-popup__part {
    width: 100%;
}
.cart-popup__part + .cart-popup__part {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 12px 0 20px;
    border-top: 1px solid #E8EBEE;
}
.cart-popup__part + .cart-popup__part > * {
    width: 100%;
}

.popup-slider {
    display: none;
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 46px;
    height: 66px;
    margin: -33px 0 0 -23px;
    background: url("../../../../../image/catalog/logo/logo-mob.svg") no-repeat center;
    background-size: contain;
    animation-name: preloader;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

.donate-preview {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}
.donate-preview__item {
    display: flex;
    align-items: stretch;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 20px;
    width: 100%;
}
.donate-preview__wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 23px;
    border-radius: 10px;
    background: #fff;
    color: #0e2f4b;
    border: 1px solid #E8EBEE;
}
.donate-preview__head {
    width: 100%;
    margin-bottom: 25px;
}
.donate-preview__footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.donate-preview__footer > * {
    width: 100%;
}
.donate-preview__date {
    font-family: "Rubik Regular", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 5px;
    color: #ff0000;
}
.donate-preview__img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 19px;
}
.donate-preview__title {
    font-family: "Rubik Bold", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 12px;
}
.donate-preview__description {
    font-family: "Rubik Regular", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35;
}
.donate-preview__progress {
    position: relative;
    height: 9px;
    border-radius: 4px;
    background: #E8EBEE;
    margin-bottom: 16px;
}
.donate-preview__progress-done {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #FFC629;
    border-radius: inherit;
}
.donate-preview__progress-done.finished {
    background: #7ED321;
}
.donate-preview__result {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
    margin-bottom: 10px;
}
.donate-preview__result-item {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 11px;
}
.donate-preview__result-title {
    font-family: "Rubik Medium", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
    color: #99A2AA;
    margin-bottom: 1px;
}
.donate-preview__result-value {
    font-family: "Rubik Bold", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.3;
}
.donate-preview__result-unit {
    font-family: "Rubik Regular", sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.charity-achievements {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 20px;
}
.charity-achievements__item {
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
}

.donate-achievement {
    margin-bottom: 30px;
}
.donate-achievement__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 12px;
}
.donate-achievement__title {
    font-family: "Rubik Regular", sans-serif;
    font-size: 24px;
    line-height: 1.2;
    width: calc(100% - 80px);
}
.donate-achievement__arrows {
    width: 80px;
    text-align: right;
}
.donate-achievement .swiper-button-next,
.donate-achievement .swiper-button-prev {
    display: none;
}
.donate-achievement__arrow {
    display: inline-block;
    vertical-align: top;
    border: none;
    background: none;
    margin-left: 15px;
}
.donate-achievement__arrow:first-child {
    margin-left: 0;
}
.donate-achievement__arrow span {
    display: block;
    position: relative;
    width: 28px;
    height: 28px;
}
.donate-achievement__arrow span:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 10px;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -9px;
    background: url("../image/arrow-2.svg") no-repeat center;
    background-size: contain;
}
.donate-achievement__arrow_prev span:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.donate-achievement__arrow_next span:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.donate-achievement__wrap .swiper-slide {
    height: auto;
}
.donate-achievement__inner {
    display: flex;
    height: 100%;
    width: 100%;
    flex-wrap: wrap;
    padding: 23px;
    border-radius: 10px;
    color: #0E2F4B;
    border: 1px solid #E8EBEE;
    background-color: #fff;
}
.donate-achievement__inner-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 25px;
}
.donate-achievement__image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 190px;
    width: 100%;
    margin-bottom: 27px;
}
.donate-achievement__amount {
    font-family: "Rubik Medium", sans-serif;
    font-size: 32px;
}
.donate-achievement__date {
    font-family: "Rubik Regular", sans-serif;
    font-size: 16px;
    text-align: right;
    padding-left: 20px;
}
.donate-achievement__inner-bottom {
    font-family: "Rubik Regular", sans-serif;
    font-size: 18px;
    line-height: 1.3;
}
.donate-achievement__theme {
    display: block;
    font-family: "Rubik Bold", sans-serif;
    font-size: 24px;
    line-height: 1.2;
}

.charity-form {
    margin-bottom: 30px;
    color: #0E2F4B;
}
.charity-form__pic {
    position: relative;
    height: 160px;
    border-radius: 10px;
    overflow: hidden;
}
.charity-form__pic-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.charity-form__pic-item.active {
    opacity: 1;
}
.charity-form__wrap {
    padding: 23px;
    border-radius: 10px;
    color: #0E2F4B;
    border: 1px solid #E8EBEE;
    background-color: #fff;
}
.charity-form__type {
    margin-bottom: 20px;
}
.charity-form__type-title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.2;
    font-family: 'Rubik Bold', sans-serif;
}
.charity-form__type-row {
    margin-bottom: 15px;
}
.charity-form__type-row .nice-radio {
    margin-bottom: 0;
}
.charity-form__value {
    margin-bottom: 14px;
}
.charity-form__value-label {
    margin-bottom: 7px;
    font-size: 20px;
    line-height: 1.2;
    font-family: "Rubik Regular", sans-serif;
    color: #0E2F4B;
}
.charity-form__value-row {
    position: relative;
}
.charity-form__value-row .form-control {
    padding-right: 70px;
}
.charity-form__value-unit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-right: 10px;
    display: flex;
    align-items: center;
    color: #99A2AA;
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    line-height: 1;
}
.charity-form__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 6px;
}
.charity-form__btn {
    background: #fff;
    border: 1px solid #99A2AA;
    width: calc(50% - 7px);
    margin-bottom: 14px;
    padding: 9px;
    border-radius: 8px;
    color: #0E2F4B;
    font-size: 16px;
    font-family: "Rubik Regular", sans-serif;
    -webkit-transition: background 0.3s ease, color 0.3s ease;
    transition: background 0.3s ease, color 0.3s ease;
}
.charity-form__btn:last-child {
    width: 100%;
}

.charity-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0, 0.4);
    padding: 0 20px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.charity-popup.active {
    opacity: 1;
    visibility: visible;
}
.charity-popup__wrap {
    width: 100%;
    max-width: 660px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #fff;
    border-radius: 10px;
}
.charity-popup__inner {
    position: relative;
    padding: 36px 22px 24px;
}
.charity-popup__inner p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.charity-popup__inner p:last-child {
    margin-bottom: 0;
}
.charity-popup__close {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.charity-popup__close:before,
.charity-popup__close:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 24px;
    height: 1px;
    background: #0E2F4B;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.charity-popup__close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.charity-popup__close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.charity-popup__title {
    padding: 0;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    font-family: 'Rubik Bold', sans-serif;
    color: #0E2F4B;
}
.charity-popup__img {
    display: block;
    width: 100%;
    height: auto;
}

.site-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}
.site-head .site-title {
    margin-bottom: 0;
}
.site-head__more {
    padding: 8px 0 0 10px;
    text-align: right;
}
.site-head__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    font-family: 'Rubik Regular', sans-serif;
    color: #2D2D2D;
}
.site-head__link:hover {
    color: #2D2D2D;
}
.site-head__link:hover {
    color: #2D2D2D;
}
.site-head__link span {
    border-bottom: 1px solid currentColor;
    transition: border-bottom 0.3s ease;
}

.news-preview {
    margin-bottom: 20px;
}
.news-preview__item {
    margin-bottom: 20px;
}
.news-preview__link {
    display: block;
    background: #fff;
    border: 1px solid #E8EBEE;
    border-radius: 8px;
}
.news-preview__img {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px 8px 0 0;
}
.news-preview__wrap {
    padding: 15px 20px;
}
.news-preview__title {
    font-size: 20px;
    line-height: 1.2;
    font-family: 'Rubik Medium', sans-serif;
    color: #0E2F4B;
    margin-bottom: 10px;
}
.news-preview__txt {
    font-size: 16px;
    line-height: 1.35;
    font-family: 'Rubik Regular', sans-serif;
    color: #0E2F4B;
}
.news-preview__more {
    text-align: right;
}

@media (min-width: 434px) {
    #error-blocks {
        top: 120px;
    }
}

@media (min-width: 460px) {

    .custom-cart {
        display: flex;
        justify-content: space-between;
    }
    .custom-cart_charity {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .custom-cart_charity .custom-dropdown {
        margin-right: 20px;
    }
    .custom-cart_charity .custom-dropdown:last-child {
        margin-right: 0;
    }
    .custom-cart__img {
        width: 100px;
        max-width: none;
        margin: 0;
    }
    .custom-cart__inner {
        padding-left: 15px;
        text-align: left;
        width: 100%;
    }
    .custom-cart__selects {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

}

@media (min-width: 768px) {

    .hide-tablet {
        display: none;
    }
    .show-tablet {
        display: block;
    }

    .btn_4 {
        font-size: 20px;
    }

    .site-title {
        font-size: 36px;
    }
    .cart__bag {
        display: inline-block;
        vertical-align: middle;
    }
    .list-inline {
        padding-top: 10px;
    }
    .list-inline_header > li {
        padding: 0;
    }
    .card-product {
        height: auto;
        margin: 0 0 42px;
        padding-top: 37px;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
    .number-spinner {
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        max-width: none !important;
        justify-content: center;
    }
    .card-price-block .control-label {
        display: block;
        margin-bottom: 15px;
    }
    .card-name-mob {
        font-size: 24px;
    }
    .card-top__cover {
        max-width: 240px;
    }
    .info-preorder {
        padding: 17px 25px;
    }
    .cart-name {
        font-size: 18px;
        line-height: 1.3;
    }
    .site-info {
        font-size: 14px;
        line-height: 1.5;
    }

    .custom-cart__inner {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .custom-cart__wrap {
        width: 50%;
    }
    .custom-cart__total {
        padding-left: 10px;
    }
    .custom-cart__total .cart-total {
        width: auto;
        margin-left: 10px;
    }
    .custom-cart__total .input-group {
        display: block;
        white-space: nowrap;
    }
    .custom-cart__total .input-group > * {
        display: inline-block;
        vertical-align: middle;
    }
    .custom-cart__img {
        width: 76px;
    }
    .custom-cart__option-item {
        font-size: 14px;
    }
    .custom-cart_charity {
        justify-content: space-between;
        padding: 15px 0 10px;
    }
    .custom-cart_charity .custom-cart__inner {
        width: auto;
        margin: 10px 20px 0 0;
    }
    .custom-cart_charity .custom-dropdown {
        margin-top: 0;
    }
    .custom-cart__selects {
        width: auto;
        margin-top: 10px;
    }
    .custom-cart__footer {
        display: none;
    }

    .custom-dropdown .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
    }

    .product-label__item,
    .cart-label__item {
        padding: 4px 11px 4px 40px;
        font-size: 16px;
    }
    .product-label__item_preorder:before,
    .cart-label__item_preorder:before {
        top: 6px;
        left: 11px;
        width: 18px;
        height: 16px;
    }
    .product-label__item_sale:before,
    .cart-label__item_sale:before {
        top: 5px;
        left: 13px;
        width: 14px;
        height: 19px;
    }
    .product-label__item_bfsale:before,
    .cart-label__item_bfsale:before {
        top: 5px;
        left: 13px;
        width: 14px;
        height: 19px;
    }
    .product-label__item_freeshipping:before,
    .cart-label__item_freeshipping:before {
        top: 5px;
        left: 13px;
        width: 18px;
        height: 18px;
    }
    .product-label__item_ends:before,
    .cart-label__item_ends:before {
        top: 5px;
        left: 13px;
        width: 18px;
        height: 18px;
    }

    .product-label__item_charity:before,
    .cart-label__item_charity:before {
        top: 5px;
        left: 13px;
        width: 18px;
        height: 18px;
    }

    .product-label__item_limited:before,
    .cart-label__item_limited:before {
        top: 5px;
        left: 13px;
        width: 20px;
        height: 20px;
    }

    .product-label__item_important_date:before,
    .cart-label__item_important_date:before {
        top: 5px;
        left: 13px;
        width: 14px;
        height: 16px;
    }

    .product-label__item_memorable_date:before,
    .cart-label__item_memorable_date:before {
        top: 5px;
        left: 13px;
        width: 14px;
        height: 18px;
    }

    .product-label__item_product_of_the_week:before,
    .cart-label__item_product_of_the_week:before {
        top: 5px;
        left: 13px;
        width: 14px;
        height: 16px;
    }

    .product-label__item_new:before,
    .cart-label__item_new:before {
        top: 5px;
        left: 13px;
        width: 18px;
        height: 18px;
    }

    .product-label__item_exclusive:before,
    .cart-label__item_exclusive:before {
        top: 5px;
        left: 13px;
        width: 18px;
        height: 18px;
    }

    .product-label__item_top_sale:before,
    .cart-label__item_top_sale:before {
        top: 5px;
        left: 13px;
        width: 18px;
        height: 18px;
    }

    .purchase-result__title {
        font-size: 14px;
    }
    .purchase-result__value {
        font-size: 16px;
    }

    .checkout-tab__item {
        display: inline-block;
        vertical-align: top;
        margin: 0 20px 0 0;
        padding: 0 0 7px;
        font-size: 16px;
        color: #99A2AA;
        border-bottom: 1px solid transparent;
    }
    .checkout-tab__item:last-child {
        margin-right: 0;
    }
    .checkout-tab__item.active {
        color: #2D2D2D;
        border-bottom: 1px solid #FFC629;
    }
    .checkout-tab__item:after {
        display: none;
    }
    .checkout-tab__item:before {
        display: none;
    }

    .site-tab__head {
        margin-bottom: 20px;
    }

    .form-group__double {
        display: flex;
        justify-content: space-around;
        align-items: center;
        border: 0.1px solid #99a2aa;
        border-radius: 8px;
    }
    .form-group__double .form-control {
        width: 100px;
        border: none !important;
    }

    .single-wrap__split-item {
        width: 50%;
        margin-bottom: 0;
    }

    .entities-error__title {
        display: block;
    }
    .entities-error__title,
    .entities-error__clear {
        padding-left: 30px;
    }
    .entities-error__clear span {
        color: #0E2F4B;
        font-size: 14px;
    }

    .search-wrap {
        display: flex;
        justify-content: flex-end;
    }
    .search-wrap > * {
        margin-right: 10px;
    }
    .search-wrap > *:last-child {
        margin-right: 0;
    }

    .cart-popup__wrap {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 660px;
        margin: 0 auto;
        max-height: calc(100vh - 100px);
        border-radius: 10px;
        padding: 26px 37px;
    }
    .cart-popup__title {
        font-size: 30px;
    }
    .cart-popup__head-more {
        padding-top: 5px;
    }
    .cart-popup__cover .custom-cart__inner .custom-cart__total {
        display: block;
    }
    .cart-popup__cover .custom-cart__img {
        width: 120px;
    }
    .cart-popup__cover .custom-cart__inner {
        width: calc(100% - 120px);
    }
    .cart-popup__cover .custom-cart__wrap {
        width: 60%;
    }
    .cart-popup__cover .cart-name {
        font-size: 18px;
    }
    .cart-popup__cover .custom-cart {
        padding-bottom: 0;
    }
    .cart-popup__controls {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 20px;
    }
    .cart-popup__controls-column {
        width: 56%;
    }
    .cart-popup__controls-column_1 {
        display: block;
        margin-right: 20px;
        width: 44%;
    }
    .cart-popup__total {
        margin-bottom: 10px;
    }
    .cart-popup__total-title {
        padding-top: 2px;
    }
    .cart-popup__total-value {
        font-size: 24px;
    }
    .cart-popup__part + .cart-popup__part {
        position: static;
        bottom: auto;
        border: none;
        padding: 22px 0 0;
    }

    .popup-slider {
        display: block;
    }
    .popup-slider__head {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 20px;
    }
    .popup-slider__title {
        padding: 0;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.3;
        font-family: 'Rubik Bold', sans-serif;
        color: #0E2F4B;
    }
    .popup-slider__controls {
        padding-top: 4px;
    }
    .popup-slider__prev,
    .popup-slider__next {
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        margin: 0;
        width: 24px;
        height: 24px;
        cursor: pointer;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }
    .popup-slider__prev.swiper-button-disabled,
    .popup-slider__next.swiper-button-disabled {
        opacity: 0.3;
    }
    .popup-slider__next {
        margin-left: 18px;
    }
    .popup-slider__prev:before,
    .popup-slider__next:before {
        content: '';
        position: absolute;
        top: 6px;
        left: 9px;
        width: 12px;
        height: 12px;
        border-left: 2px solid #0E2F4B;
        border-bottom: 2px solid #0E2F4B;
        -webkit-transition: border 0.3s ease;
        transition: border 0.3s ease;
    }
    .popup-slider__prev:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .popup-slider__next:before {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        left: 3px;
    }
    .popup-slider .product-layout {
        border-radius: 10px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);
    }

    .donate-preview__head {
        margin-bottom: 45px;
    }
    .donate-preview__title {
        font-size: 36px;
    }
    .donate-preview__description {
        font-size: 18px;
    }
    .donate-preview__result {
        margin-bottom: 13px;
    }
    .donate-preview__result-item {
        width: 50%;
    }
    .donate-preview__result-title {
        font-size: 18px;
        margin-bottom: 4px;
    }
    .donate-preview__result-value {
        font-size: 36px;
    }
    .donate-preview__result-unit {
        font-size: 20px;
    }

    .donate-preview__item:nth-child(3n),
    .donate-preview__item:nth-child(3n-1) {
        width: 50%;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__title,
    .donate-preview__item:nth-child(3n-1) .donate-preview__title {
        font-size: 28px;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__result-item,
    .donate-preview__item:nth-child(3n-1) .donate-preview__result-item {
        width: 100%;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__result-title,
    .donate-preview__item:nth-child(3n-1) .donate-preview__result-title {
        font-size: 14px;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__result-value,
    .donate-preview__item:nth-child(3n-1) .donate-preview__result-value {
        font-size: 28px;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__result-unit,
    .donate-preview__item:nth-child(3n-1) .donate-preview__result-unit {
        font-size: 16px;
    }

    .donate-achievement__inner {
        position: relative;
        height: 360px;
    }
    .donate-achievement__image {
        position: absolute;
        bottom: 0;
        right: 0;
        top: 75px;
        width: 50%;
        margin: 0;
        height: auto;
        background-position: center right;
        background-size: contain;
    }
    .donate-achievement__amount {
        font-size: 38px;
        padding-top: 1px;
    }
    .donate-achievement__inner-bottom {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
        width: 50%;
    }

    .charity-form__pic {
        height: 260px;
    }
    .charity-form__type {
        margin-bottom: 22px;
    }
    .charity-form__type-row {
        margin-bottom: 17px;
    }

    .charity-popup__inner {
        padding: 35px;
    }
    .charity-popup__title {
        font-size: 32px;
    }

    .site-head__more {
        padding-top: 15px;
    }

    .news-preview__img {
        height: 235px;
    }

}

@media (min-width: 992px) {

    #error-blocks {
        top: 150px;
    }

    .hide-desktop {
        display: none;
    }
    .show-desktop {
        display: block;
    }

    .custom-link {
        font-size: 14px;
    }
    .custom-link_2:hover {
        color: #FFC629;
    }
    .custom-link_2:hover span:before {
        border-color: #FFC629;
    }

    .btn_2:hover {
        background: #FFD50A;
    }
    .btn_3:hover {
        border-color: #0E2F4B;
    }

    .btn-minus:hover:before,
    .btn-plus:hover:before,
    .btn-plus:hover:after {
        background: #FFC629;
    }

    .cart-remove__btn:hover span:after {
        opacity: 1;
    }

    .search-form__input[type="search"] {
        height: 48px;
    }
    .search-form__input[type="search"]:hover {
        border: 1px solid #FFC629;
    }
    .search-form:before {
        top: 12px;
    }

    .header__wrap {
        padding: 26px 0;
    }
    .header__main {
        width: 180px;
    }
    .header__main-item_btn {
        display: none;
    }
    .header__controls {
        width: calc(100% - 205px);
    }
    .header__controls-item_switch {
        display: flex;
        align-items: center;
    }
    .logo_mob {
        display: none;
    }
    .logo_desk {
        display: inline-block;
        vertical-align: top;
    }

    .menu {
        display: none;
    }

    .site-content {
        padding-bottom: 100px;
    }
    .nice-check:hover .nice-check__txt:before {
        border-color: #FFC629;
    }
    .nice-check__txt a:hover {
        border-bottom: 1px solid transparent;
    }

    .btn--large {
        font-size: 16px;
    }

    .site-link:hover span {
        border-bottom: 1px solid currentColor;
    }

    .cart__bag {
        width: 19px;
        height: 22px;
    }
    .cart__bag:hover .cart__bag-path {
        fill: #FFC629;
    }
    .cart__counter {
        top: -1px;
        right: -6px;
        font-size: 10px;
    }

    .card-top {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .card-top__thumbnails {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 40%;
        padding-right: 15px;
    }
    .card-top__order {
        width: 60%;
        padding-left: 15px;
    }
    .card-top__cover {
        max-width: none;
        width: 100%;
    }
    .card-price-block {
        align-items: flex-end;
    }
    .card-name-mob {
        display: none;
    }
    .card-name-title {
        display: block;
        font-size: 24px;
    }
    .info-preorder_mob {
        display: none;
    }
    .info-preorder_desk {
        display: block;
    }

    .cart-label {
        width: auto;
    }
    .site-info:before {
        top: 21px;
    }

    .custom-cart {
        margin-bottom: 30px;
    }
    .custom-cart__inner .cart-name {
        padding-right: 30px;
        width: auto;
        font-size: 18px;
    }
    .custom-cart__total {
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        align-items: center;
        position: relative;
        width: 40%;
        padding-right: 30px;
    }
    .custom-cart__total .input-group {
        width: auto;
    }
    .custom-cart__total .cart-total {
        display: block;
        width: auto;
        margin: 0;
    }
    .custom-cart__total .form-cart {
        padding: 0;
        width: 50px !important;
        font-size: 18px !important;
        font-family: "Rubik Bold", sans-serif !important;
    }
    .custom-cart__total .btn-plus {
        margin-left: 0;
    }
    .custom-cart__total .btn-minus {
        margin-right: 0;
    }
    .custom-cart_charity {
        margin-bottom: 0;
    }
    .custom-cart__wrap {
        width: 60%;
    }
    .custom-cart__total .cart-remove {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
    }

    .site-info-mobile {
        display: none;
    }
    .site-info-desc {
        display: block;
    }

    .single-wrap {
        padding: 22px 29px;
    }
    .single-wrap__head {
        margin-bottom: 30px;
    }
    .single-wrap__link {
        font-size: 14px;
    }
    .single-wrap .charity-form__wrap {
        padding: 0 0 0 20px;
        width: 260px;
    }
    .single-wrap .charity-form__buttons {
        margin-bottom: 0;
    }
    .single-wrap .charity-form__pic {
        width: calc(100% - 260px);
    }

    .cart-remove {
        margin: 0;
    }
    .cart-remove:hover .cart-remove__fill {
        fill: #FFC629;
    }
    .cart-sum {
        font-family: "Rubik Bold", sans-serif;
        font-size: 18px;
    }

    .purchase-result__list {
        margin-bottom: 10px;
    }
    .purchase-result__btn {
        margin-bottom: 17px;
    }
    .purchase-result_2 .purchase-result__title,
    .purchase-result_2 .purchase-result__value {
        font-size: 24px;
    }
    .purchase-result_2 .purchase-result__list {
        margin-bottom: 36px;
    }

    .site-tab {
        padding-top: 0;
    }

    .result-page .single-wrap p {
        font-size: 18px;
    }

    .checkout-form__column {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .form-control:hover {
        border-color: #FFC629;
    }

    .nice-select .select2-selection--single:hover {
        border-color: #FFC629;
    }

    .entities-error__clear:hover span {
        border-bottom: 1px solid transparent;
    }

    .site-notice__wrap {
        padding: 15px 53px 16px 53px;
    }
    .site-notice__wrap:before {
        top: 16px;
    }

    .search-filter_btn {
        display: none;
    }

    .list-group_mob-hide {
        display: flex;
    }

    .site-aside__wrap .list-group {
        margin-bottom: 27px;
    }
    .site-aside__title {
        font-size: 20px;
        font-family: "Rubik Regular", sans-serif;
        font-weight: 400;
        margin-bottom: 10px;
        line-height: 1.3;
    }
    .site-aside__wrap .ocfilter {
        margin-top: 0;
    }
    .list-group_collects .list-group-item {
        font-family: "Rubik Medium", sans-serif;
        font-weight: 500;
        padding: 15px 15px 7px 17px;
    }
    .list-group_collects .list-group-item:after {
        display: none !important;
    }
    .list-group_collects .list-group-item-child {
        font-size: 14px;
        line-height: 1.3;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        padding: 7px 20px;
    }
    .list-group_collects .list-group-item-child:last-child {
        padding-bottom: 15px;
    }

    .selected-parameters {
        display: block;
    }

    .nice-switcher .dropdown-menu .btn-link:hover {
        color: #FFC629;
    }
    .nice-switcher .dropdown-toggle:hover .nice-switcher__txt {
        color: #FFC629;
    }

    .additional-info__wrap {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .cart-popup__close:hover span:before,
    .cart-popup__close:hover span:after {
        background: #FFC629;
    }
    .cart-popup__wrap {
        width: 960px;
    }
    .cart-popup__controls {
        justify-content: flex-end;
    }
    .cart-popup__controls-column {
        width: 37.5%;
    }
    .cart-popup__controls-column_1 {
        width: auto;
    }

    .popup-slider__prev:not(.swiper-button-disabled):hover:before,
    .popup-slider__next:not(.swiper-button-disabled):hover:before {
        border-color: #FFC629;
    }

    .donate-preview {
        margin-bottom: 30px;
    }
    .donate-preview__item:nth-child(3n),
    .donate-preview__item:nth-child(3n-1),
    .donate-preview__item {
        width: 50%;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__title,
    .donate-preview__item:nth-child(3n-1) .donate-preview__title,
    .donate-preview__title {
        font-size: 36px;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__result-item,
    .donate-preview__item:nth-child(3n-1) .donate-preview__result-item,
    .donate-preview__result-item {
        width: 50%;
    }
    .donate-preview__result-item + .donate-preview__result-item {
        text-align: right;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__result-title,
    .donate-preview__item:nth-child(3n-1) .donate-preview__result-title,
    .donate-preview__result-title {
        font-size: 13px;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__result-value,
    .donate-preview__item:nth-child(3n-1) .donate-preview__result-value,
    .donate-preview__result-value {
        font-size: 20px;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__result-unit,
    .donate-preview__item:nth-child(3n-1) .donate-preview__result-unit,
    .donate-preview__result-unit {
        font-size: 14px;
    }

    .charity-achievements__item {
        width: 50%;
    }

    .charity-form {
        display: flex;
        flex-direction: row-reverse;
        align-items: stretch;
        width: 100%;
    }
    .charity-form__pic {
        height: auto;
        width: calc(100% - 380px);
    }
    .charity-form__wrap {
        margin-bottom: 0;
        width: 380px;
    }
    .charity-form__btn:hover {
        background: #0E2F4B;
        color: #fff;
    }

    .ocf-nice-checkbox {
        justify-content: flex-start;
    }
    .ocf-nice-radio .badge,
    .ocf-nice-checkbox .badge {
        font-family: "Rubik Regular", sans-serif;
        font-size: 12px;
        padding: 4px 4px;
        margin: 2px 0 0 9px !important;
    }
    .list-group-name {
        font-family: "Rubik Regular", sans-serif;
        font-weight: 400;
    }

    .news-preview__link {
        height: 100%;
    }

}

@media (min-width: 1400px) {
    .card-top__thumbnails {
        padding-right: 50px;
    }
    .card-top__order {
        padding-left: 50px;
    }

    .donate-preview__item:nth-child(3n) .donate-preview__title,
    .donate-preview__item:nth-child(3n-1) .donate-preview__title,
    .donate-preview__title {
        font-size: 36px;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__result-title,
    .donate-preview__item:nth-child(3n-1) .donate-preview__result-title,
    .donate-preview__result-title {
        font-size: 18px;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__result-value,
    .donate-preview__item:nth-child(3n-1) .donate-preview__result-value,
    .donate-preview__result-value {
        font-size: 36px;
    }
    .donate-preview__item:nth-child(3n) .donate-preview__result-unit,
    .donate-preview__item:nth-child(3n-1) .donate-preview__result-unit,
    .donate-preview__result-unit {
        font-size: 20px;
    }
    .donate-preview__item:nth-child(5n),
    .donate-preview__item:nth-child(5n-2),
    .donate-preview__item:nth-child(5n-1) {
        width: 33.3333%;
    }
    .donate-preview__item:nth-child(5n) .donate-preview__head,
    .donate-preview__item:nth-child(5n-2) .donate-preview__head,
    .donate-preview__item:nth-child(5n-1) .donate-preview__head {
        margin-bottom: 25px;
    }
    .donate-preview__item:nth-child(5n) .donate-preview__title,
    .donate-preview__item:nth-child(5n-2) .donate-preview__title,
    .donate-preview__item:nth-child(5n-1) .donate-preview__title {
        font-size: 28px;
    }
    .donate-preview__item:nth-child(5n) .donate-preview__result-title,
    .donate-preview__item:nth-child(5n-2) .donate-preview__result-title,
    .donate-preview__item:nth-child(5n-1) .donate-preview__result-title {
        font-size: 13px;
    }
    .donate-preview__item:nth-child(5n) .donate-preview__result-value,
    .donate-preview__item:nth-child(5n-2) .donate-preview__result-value,
    .donate-preview__item:nth-child(5n-1) .donate-preview__result-value {
        font-size: 24px;
    }
    .donate-preview__item:nth-child(5n) .donate-preview__result-unit,
    .donate-preview__item:nth-child(5n-2) .donate-preview__result-unit,
    .donate-preview__item:nth-child(5n-1) .donate-preview__result-unit {
        font-size: 18px;
    }

    .single-wrap .charity-form__wrap {
        width: 325px;
    }
    .single-wrap .charity-form__pic {
        width: calc(100% - 325px);
    }

}