html,
body {
    height: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    /*width: 0;*/
}

.h1, h1 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.container {
    padding-right: 10px;
    padding-left: 10px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error {
    color: #ff0000;
}

.error img{
    max-width: 100%;
}

.error input,
.error select,
.error textarea {
    border-color: #ff0000;
}

.error-summary {
    padding: 10px 0;
    margin: 0 0 15px 0;
}

.error-info {
    color: #ff0000;
    position: absolute;
    font-size: smaller;
    margin-top: -10px;
    background-color: white;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
}

.error .btn.btn-primary {
    padding: 10px 60px;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}


.navbar-collapse .nav-link[data-link="own-menu"] {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.navbar-collapse.mobile .nav-link[data-link="own-menu"] {
    max-width: 100%;
}
.navbar-collapse.mobile:not(.show) {
    opacity: 0;
    transition: opacity 0.2s;
}


main {
    padding-top: 85px;
    min-height: 100%;
    padding-bottom: 240px;
}

footer {
    margin-top: -240px;
}


.noshop main {
    padding-bottom: 445px;
}
.noshop footer {
    margin-top: -445px;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.navbar {
    padding: 0 10px;
    background-color: #ffffff !important;
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #0062ff;
}

.navbar-light .navbar-nav .nav-link {
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*---Standar Hamburger Menu (3 separate elements)---*/

.navbar-toggler {
    border: none;
    outline: none;
    background: transparent !important;
    height: 100%;
}

.navbar-toggler:focus {
    border: none;
    outline: none;
}

.navbar-toggler:hover {
    background: transparent !important;
}

.navbar-toggler .icon-bar {
    height: 2px;
    width: 27px;
    border-radius: 1px;
    display: block;
    background-color: #0062FF;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.navbar-toggler .icon-bar-short {
    width: 20px;
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 8px;
}



/*---Animation menu (create X)---*/

.navbar-toggler.x .icon-bar:nth-of-type(1) {
    -webkit-transform: translateX(3px) rotate(45deg);
    /* Safari 3-8 & Chrome 4-35 & Opera 15-22 */
    -ms-transform: translateX(3px) rotate(45deg);
    /* IE 9 */
    -moz-transform: translateX(3px) rotate(45deg);
    /* Firefox 3-15 */
    -o-transform: translateX(3px) rotate(45deg);
    /* Opera 10-14 */
    transform: translateX(3px) rotate(45deg);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    -moz-transform-origin: 0;
    -o-transform-origin: 0;
    transform-origin: 0;
}

.navbar-toggler.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
    /* For IE8 and earlier */
    -moz-opacity: 0;
    /* Older Firefox 1 */
}

.navbar-toggler.x .icon-bar:nth-of-type(3) {
    -webkit-transform: translateX(3px) rotate(-45deg);
    -ms-transform: translateX(3px) rotate(-45deg);
    -moz-transform: translateX(3px)rotate(-45deg);
    -o-transform: translateX(3px) rotate(-45deg);
    transform: translateX(3px) rotate(-45deg);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    -moz-transform-origin: 0;
    -o-transform-origin: 0;
    transform-origin: 0;
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}


/*---To center elements of the navbar (mobile)---*/

.navbar-nav {
    white-space: nowrap;
}

/*---Custom AnimateCSS mobile menu items---*/

.nav-item {
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
}


.navbar-brand {
    width: 200px;
    height: 80px;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 80px;
    letter-spacing: normal;
    color: #000000;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand:hover {
    color: #000000;
}

.navbar-brand img{
    max-width: 200px;
    max-height: 80px;
    margin-top: auto;
    margin-bottom: auto;
}

.navbar-brand .text-logo {
    line-height: 80px;
    height: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-size: 22px;
    color: #000000;
}

.shopping-basket {
    width: 45px;
    min-width: 45px;
    height: 45px;
    object-fit: contain;
    /*background-image: url("//cdn.wayforpay.shop/img/head/shopping-basket.svg");*/
    background-repeat: no-repeat;
    background-position: center;
    padding: 6px;
    cursor: pointer;
    box-shadow: 1px 1px 10px rgb(128 128 128 / 30%);
    border-radius: 50%;
    position: absolute;
    right: 10px;
    text-align: center;
}
.shopping-basket:hover {
    box-shadow: 1px 1px 10px rgb(128 128 128 / 60%);
}

.basket-count {
    margin-top: 11px;
    color: white;
    text-align: center;
}

.navbar-head {
    border-bottom: 1px solid #e3e3e3;
    height: 85px;
    width: 100% !important;
    padding: 1px 0;
}

.item-arrow {
    width: 10px;
    height: 19px;
    font-size: 16px;
    color: #0062ff;
    float: right;
}

.navbar-collapse.mobile .nav-item {
    line-height: 34px;
    font-size: 20px;
    border-bottom: 1px solid #eeeeee;
}


.footer-col {
    margin: 0;
    padding: 0 10px;
}

.footer-col:last-of-type {
    padding-right: 0;
}

.footer-brand {
    margin: -20px 0 0;
}

.footer .sl-img-link {
    height: 44px;
    width: 44px;
    display: inline-block;
    margin: 5px;
}
.footer .sl-img-link:hover {
    text-decoration: none;
}

.footer .sl-img-link:first-of-type {
    margin-left: 0;
}

.footer .sl-img-link:last-of-type {
    margin-right: 0;
}


.footer .sl-instagram {
    background-image: url("//cdn.wayforpay.shop/img/social/instagram.svg");
    background-repeat: no-repeat;
}

.footer .sl-facebook {
    background-image: url("//cdn.wayforpay.shop/img/social/facebook.svg");
    background-repeat: no-repeat;
}

.footer .sl-telegram {
    background-image: url("//cdn.wayforpay.shop/img/social/telegram.svg");
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
}

.footer .sl-viber {
    background-image: url("//cdn.wayforpay.shop/img/social/viber.svg");
    background-repeat: no-repeat;
}

.footer .sl-youtube {
    background-image: url("//cdn.wayforpay.shop/img/social/youtube.svg");
    background-repeat: no-repeat;
}

.footer .copyright {
    font-size: 12px;
}

.footer .copyright a {
    display: inline;
}

.dropdown button {
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    margin: 0;
    width: 100%;
    height: 38px;
    text-align: left;
}
.dropdown button:active,
.dropdown button:focus {
    outline: none;
}

.dropdown .dropdown-menu {
    border: 1px solid #e3e3e3;
    border-radius: 0;
    outline: none;
    width: 100%;
    margin: -1px 0;
}

.dropdown-toggle::after {
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-down' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: center;
    vertical-align: middle;
    float: right;
}

.dropdown-toggle[aria-expanded="true"]::after {
    background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-up' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #0062FE;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #ffffff;
    background-color: rgba(0, 98, 254, 0.66);
}


.categories {
    margin: 20px 0 30px;
}


.categories .btn {
    border-radius: 16px;
}

.btn-category {
    height: 36px;

    margin-right: 10px;
    margin-top: 10px;
}

.btn-category.active, .btn-category:hover,
.s2 .btn.btn-category.active, .s2 .btn.btn-category:hover {
    border-radius: 16px;
    border-color: #0062ff;
    color: #0062ff;
    box-shadow: none;
}

#cardsDesk {
    margin-left: -5px;
    margin-right: -5px;
}

#cardsDesk > .col {
    padding-left: 5px;
    padding-right: 5px;
}

.card {
    display: inline-flex;
    margin: 10px;
    border: none;
    font-size: 14px;
    border-radius: 15px;
    box-shadow: 0 2px 16px 0 rgba(6, 2, 102, 0.07);
    background-color: #ffffff;
    cursor: pointer;
    overflow: hidden;
}

.card:hover {
    box-shadow: 0px 4px 16px 0px rgba(0, 98, 254, .66);
}

.card-body {
    padding: 10px 15px;
    position: relative;
}

.card-body .card-desc {
    margin-right: 35px;
}

.card-body .card-basket {
    position: absolute;
    right: 15px;
    top: 30px;
    background-image: url("//cdn.wayforpay.shop/img/combined-shape.svg");
    width: 35px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.card-img-top {
    width: 100%;
    padding-top: 67%;
    position: relative;
}

.card-img-top img {
    width: 100%;
    height: 100%;
    border-radius: 15px 15px 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-position: top;
    /*object-fit: contain;*/
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.card-body .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: normal;
    height: 36px;
    overflow-wrap: anywhere;
}

.card-body .price {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 18px;
    margin-top: 8px;
    margin-right: -35px;
}

.formatted-price {
    overflow-wrap: anywhere;
}
.formatted-price span {
    white-space: nowrap;
}
.formatted-price sup {
    font-size: 50%;
    top: -0.7em;
}
.formatted-price sub {
    font-size: 60%;
    bottom: 0;
}
.formatted-price .originPrice {
    margin-left: 5px;
    text-decoration: line-through;
    font-size: 60%;
    filter: opacity(0.5);
    white-space: nowrap;
    display: block;
    margin-top: -24px;
}
.card.toBasket .formatted-price .originPrice {
    display: inline;
}
.card.toBasket .formatted-price .originPrice ~ span {
    float: left;
}
#modalCart .formatted-price .originPrice {
    margin-top: -10px;
}

.form-control {
    border-radius: 0;
}

.form-control:focus {
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
}

body.modal-open header,
body.modal-open main,
body.modal-open footer {
    filter: blur(4px);
    -webkit-filter: blur(4px);
}
body.modal-open .modal {
    z-index: 1100;
}

body.modal-open.double main {
    filter: opacity(0);
    -webkit-filter: opacity(0);
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.1s ease-out;
    -o-transition: -o-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out, -o-transform 0.1s ease-out;
}

.fade {
    -webkit-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.modal-backdrop.show {
    opacity: 0;
}
.modal-dialog {
    max-width: 650px;
}
.modal-dialog-sm {
    max-width: 480px;
}
.modal-dialog-lg {
    max-width: 1100px;
}

.modal-content {
    border: none;
    border-radius: 10px;
    font-size: 17px;
    box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.18);
    min-height: 300px;
}

.modal-header {
    border: none;
}

.modal-title {
    font-size: 21px;
    font-weight: 600;
    margin: 10px 30px 0 10px;
    overflow-x: hidden;
}

.modal-title .icon {
    margin-right: 8px;
}

.modal button.close {
    background-image: url("//cdn.wayforpay.shop/img/modal/close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 44px;
    width: 44px;
    opacity: 1;
    margin: 0;
    z-index: 10;
    min-width: 44px;
}
.modal button.close:focus,
.modal button.close:hover {
    outline: none;
}

.modal-body {
    padding: 10px 40px 30px;
}

.modal-body img {
    margin: auto;
}

.modal-text {
    font-size: 14px;
}

.modal-subheader {
    text-transform: uppercase !important;
    margin: 8px 0;
}

.modal .services {
    margin: 12px 0;
}

.modal .services .card {
    box-shadow: none;
}

.modal .services img {
    height: 35px;
    width: auto;
    margin-right: 30px;
    margin-bottom: 15px;
}

#modalCart .modal-dialog {
    max-width: 430px;
    border-radius: 0;
    width: calc(50vw - 10px);
}
#modalCart:not(.right) .modal-dialog {
    max-width: 700px;
}

#modalCart .modal-content {
    border-radius: 0;
    border: none;
}

#modalCart .modal-header {
    padding: 15px;
}

#modalCart .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px;
}

#modalCart .modal-footer {
    border: none;
    display: block;
    padding: 10px 15px;
}

#modalCart .modal-title {
    margin: 0;
    margin-top: 10px;
}

/* scrollbar styles */
#modalCart .modal-body::-webkit-scrollbar,
#modalCheckout .modal-body::-webkit-scrollbar {
    width: 4px;
}

#modalCart .modal-body::-webkit-scrollbar-track,
#modalCheckout .modal-body::-webkit-scrollbar-track {
    border: none;
    border-radius: 2px;
    background-color: #e3e3e3;
}

#modalCart .modal-body::-webkit-scrollbar-thumb,
#modalCheckout .modal-body::-webkit-scrollbar-thumb {
    border: none;
    border-radius: 2px;
    background-color: #0062ff;
}
/* ----------------- */

#modalProdToCart .cart {
    display: flex;
}

#modalProdToCart .modal-dialog-lg .cart {
    min-height: 400px;
}

#modalProdToCart .modal-dialog-lg .cart .prod-desc {
    margin-top: 0;
    white-space: pre-line;
}


#modalProdToCart .cart form {
    margin-top: 15px;
    /*flex-grow: 1;*/
    /*display: flex;*/
    /*flex-direction: column;*/
}

#modalProdToCart .cart .form-group {
    margin-bottom: 10px;
}

#modalProdToCart .cart .prod-img {
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    max-height: 300px;
    /*min-height: 300px;*/
    /*min-width: 100%;*/
    object-position: top;
}
#modalProdToCart .cart .prod-desc {
    font-size: 14px;
    display: block;
    line-height: 1.5;
    overflow-x: hidden;
    margin-bottom: auto;
    margin-top: 20px;
    /*white-space: pre-line;*/
}
#modalProdToCart .cart .prod-params {
    margin-right: 0;
    display: flex;
    flex-direction: column;
}

#modalProdToCart .cart select {
    overflow-x: auto;
    padding-right: 30px;
    text-overflow: ellipsis;
}

#modalProdToCart .form-group.row {
    margin-top: 30px;
}



#modalCart.double-modal .modal-dialog {
    transform: translateY(-50%);
    top: 50%;
    max-height: 700px;
}
#modalCart.double-modal .modal-dialog.cart-dialog {
    right: 50vw;
    margin-right: 10px;
}
#modalCart.double-modal .modal-dialog.checkout-dialog {
    left: 50vw;
    margin-left: 10px;
    max-width: 530px;
}

#add-prod-to-cart.btn.disabled,
#add-prod-to-cart.btn:disabled {
    opacity: 0;
}

.double-modal .first-modal-title {
    display: none;
}
.double-modal .second-modal-title {
    display: block;
}

.double-modal .cart-dialog .modal-header .close {
    display: none;
}

.first-modal-title {
    display: block;
}
.second-modal-title {
    display: none;
    font-weight: 400;
    font-size: 17px;
    text-transform: uppercase;
}

.form-title-second {
    font-size: 17px;
    font-weight: 600;
    margin: 10px 0;

}

.checkout-dialog .form-block,
.checkout-dialog .form-block .form-control {
    font-size: 14px;
}
.checkout-dialog  label, .checkout-dialog .col-9 {
    padding-left: 0;
    padding-right: 0;
}
.checkout-dialog select.col-9 {
    padding-left: 15px;
}

.checkout-dialog .form-check {
    margin-right: 30px;
}

.checkout-dialog .form-check .form-check-input {
    height: 21px;
    width: 21px;
}

.checkout-dialog .form-check .form-check-label {
    margin-left: 7px;
    line-height: 30px;
}

.checkout-dialog .form-block {
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
}

.checkout-dialog .form-block:last-child {
    border-bottom: none;
}

#modalCart .checkout-dialog .modal-footer {
    border-top: 1px solid #e3e3e3;
}

#modalCart.double-modal .cart-dialog  .modal-footer > div {
    display: none;
}

.modal-title .prod-title,
.prod-params .prod-title {
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: block;
}
.prod-params .prod-title {
    padding-right: 50px;
}

.cart .prod-title {
    font-weight: 600;
    font-size: 17px;
    color: var(--color-text);
}

.cart .prod-params {
    font-size: 14px;
    padding-right: 5px;
    overflow-x: hidden;
}

.cart .prod-params form label {
    padding-left: 0;
    padding-right: 10px;
    margin: auto;
}

.cart .prod-params form .row {
    margin-bottom: 8px;
}

.cart .cart-prod {
    display: flex;
    border-bottom: 2px solid #eeeeee;
    margin-bottom: 18px;
    position: relative;
}
.cart .cart-prod:last-child {
    margin-bottom: 0;
}

.cart .cart-prod .sum {
    font-size: 17px;
    font-weight: 600;
    text-align: right;
    line-height: 34px;
}

.cart button.close {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
}

.cart .prod-img {
    margin-top: 0;
    margin-right: 15px;
    width: 120px;
    min-width: 120px;
}

.total {
    font-size: 21px;
    font-weight: 600;
    margin: 0;
}

#cartTable .cart-prod button.close {
    height: 30px;
    width: 30px;
    min-width: unset;
    position: absolute;
    top: -5px;
    right: -5px;
}

#total-sum {
    text-align: right;
}

.total-delivery > div,
.total > div {
    padding: 0;
    white-space: nowrap;
}

.total-delivery > div:last-child,
.total > div:last-child {
    text-align: right;
}

#delivery-sum {
    font-size: 17px;
    font-weight: 600;
}

#empty-cart-message {
    text-align: center;
    margin-top: 10%
}

#empty-cart-message .empty-cart {
    margin: 20px auto;
    width: 212px;
    height: 181px;
    background-image: url("//cdn.wayforpay.shop/img/empty-cart.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-primary:not(:disabled):not(.disabled),
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: #0062ff;
    margin: 15px auto;
    display: block;
    padding: 10px;
    width: 310px;
    max-width: 100%;
    font-size: 17px;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: 10px 20px 30px;
}

/*Left*/
.modal.left.fade .modal-dialog{
    left: -430px;
    -webkit-transition: opacity 0.1s linear, left 0.1s ease-out;
    -moz-transition: opacity 0.1s linear, left 0.1s ease-out;
    -o-transition: opacity 0.1s linear, left 0.1s ease-out;
    transition: opacity 0.1s linear, left 0.1s ease-out;
}

.modal.left.fade.show .modal-dialog{
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -430px;
    -webkit-transition: opacity 0.1s linear, right 0.1s ease-out;
    -moz-transition: opacity 0.1s linear, right 0.1s ease-out;
    -o-transition: opacity 0.1s linear, right 0.1s ease-out;
    transition: opacity 0.1s linear, right 0.1s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}




.payment-method.col.card {
    height: 100px;
    margin: 0 0 25px;
    font-size: 14px;
}

.payment-method.col.card img {
    max-height: 62px;
    max-width: 100%;
    width: auto;
    height: 55px;
    margin: auto;
}

.form-control-plaintext {
    outline: none;
}

/* custom input number */
.quantity {
    position: relative;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    padding-left: 0;
    padding-right: 0;
}

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

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

.quantity.input-group,
.s2 .quantity.input-group {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    border: none;
    z-index: 1;
}
.quantity input {
    height: 42px;
    line-height: 1.65;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
}

.quantity input:focus {
    outline: 0;
}

.quantity-nav {
    height: 40px;
    margin-left: -5px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    /*border-left: 1px solid #eee;*/
    /*width: 20px;*/
    text-align: center;
    color: #333;
    font-size: 22px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    font-stretch: ultra-expanded;
    line-height: 21px;
    background-color: transparent;
    border: none;
}

header, img, .categories,
#cardsDesk, footer .footer-sl-links, .modal button,
.quantity-button
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*-------------------------*/


select {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-image: url("//cdn.wayforpay.shop/img/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
}

.amount-select {
    background-image: url("//cdn.wayforpay.shop/img/input-number-arrow.svg");
    display: none;
}

.alert button.close {
    height: 20px;
    width: 20px;
}

.breadcrumb {
    font-size: 14px;
    margin-bottom: 0;
}
.breadcrumb > li + li:before {
    margin: 0 3px;
}
.breadcrumb a {
    text-decoration: underline;
}
#modalCart .modal-dialog #continueSelectProds {
    margin: 15px auto;
    box-shadow: none;
    text-decoration: none;
}

/* ------------------- */
@media (min-width: 540px) {}

@media (min-width: 768px) {
    .navbar-collapse {
        /*position: absolute;*/
        right: 30px;
    }
    footer .footer-col a[href] {
        margin: 0;
    }
    #modalCart:not(.right) .modal-dialog {
        width: 700px;
    }
    #modalCart:not(.right) .modal-content {
        border-radius: 25px;
    }
    #modalCart:not(.right) #cartTable .cart-prod button.close {
        top: 50%;
        transform: translateY(-50%);
    }
    #modalCart:not(.right) .modal-header {
        padding-left: 44px;
    }
    #modalCart:not(.right) .modal-title {
        margin: 0 auto;
    }
    #modalCart:not(.right) .cart .prod-params {
        padding-right: 25px;
    }
    .h-md-100 {
        height: 100%!important;
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
    }
    .navbar-collapse.desktop {
        font-size: initial;
    }
    .navbar-collapse.desktop .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}

@media (max-width: 991px) {
    main {
        padding-bottom: 140px;
    }
    footer {
        margin-top: -140px;
    }
    footer .footer-brand {
        display: none;
    }
    .noshop .navbar-collapse.desktop {
        display: none !important;
    }
    .noshop #navbarText.show {
        height: 100vh !important;
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    html,body {
        font-size: 14px;
    }
    main {
        padding-bottom: 400px;
    }
    footer {
        margin-top: -400px;
    }
    h1 {
        font-size: 17px;
    }
    .error {
        text-align: center;
    }
    .error.row > div{
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-head .navbar-brand {
        text-align: center;
        width: 100%;
        padding-left: 60px;
    }
    #navbarText {
        height: calc(100vh - 85px) !important;
    }
    .navbar-collapse.desktop {
        display: none;
    }
    .card {
        border-radius: 10px;
    }
    .card-img-top img {
        border-radius: 10px 10px 0 0;
    }

    .card-body {
        padding: 7px;
    }

    .card-body .card-desc {
        margin-right: 34px;
    }

    .card-body .card-basket {
        right: 8px;
        top: 18px;
        width: 24px;
        height: 24px;
    }

    .card-body .title {
        font-size: 12px;
        height: 32px;
    }

    .card-body .price {
        /*font-size: 14px;*/
        margin-top: 4px;
    }

    #categoriesSelect {
        display: block;
    }

    .btn-category {
        display: none;
    }

    .modal-dialog {
        max-width: 100%;
        margin: 0;
        display: initial;
    }

    #modalProdToCart .modal-dialog {
        display: inherit;
    }

    .modal-header {
        display: block;
    }
    .modal button.close {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .modal-content {
        border: none;
        border-radius: 0;
        min-height: 100%;
    }

    .modal-title {
        margin: 10px auto 0;
        padding-left: 0;
        padding-right: 35px;
        overflow-x: hidden;
    }

    .modal-title .icon {
        display: none;
    }

    .modal-body {
        padding: 10px 10px 30px;
    }

    /*.quantity {*/
    /*    display: none;*/
    /*}*/
    #modalCart .modal-content {
        /*max-height: 100vh;*/
    }
    #modalCart .modal-dialog {
        min-width: 100%;
        max-width: 100%;
        width: auto;
    }
    #modalCart .modal-title {
        margin-left: auto;
        margin-right: auto;
    }
    #modalCart .cart-prod img {
        /*display: none;*/
    }

    #modalProdToCart .modal-dialog {
        min-height: 100%;
    }
    #modalProdToCart .modal-content {
        position: absolute;
        top: 0;
        overflow-y: auto;
        height: 100%;
    }
    #modalProdToCart .modal-body {
        padding: 10px 20px 30px;
    }

    #modalProdToCart .prod-params {
        margin-top: 20px;
    }

    #modalProdToCart .cart {
        display: block;
        margin-top: 0;
    }

    #modalCart.double-modal .modal-dialog.cart-dialog,
    #modalCart.double-modal .modal-dialog.checkout-dialog {
        left: 0;
        height: auto;
        position: relative;
        transform: translateY(0);
    }

    #modalCart.double-modal .modal-content {
        height: auto;
    }
    #modalCart.double-modal .cart-dialog .modal-content {
        margin-bottom: 20px;
    }
    footer .container {
        padding-left: 0;
        padding-right: 0;
    }
    footer {
        text-align: center;
    }
    footer img {
        margin-left: auto;
        margin-right: auto;
    }
    footer .footer-col {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    footer .footer-col:first-child {
        margin-top: 0;
    }
    footer .footer-col:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 768px) {
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    #navbarText {
        height: auto;
        display: none !important;
    }
    .navbar-collapse.desktop .nav-link {
        padding-right: 5px;
        padding-left: 5px;
    }
    .navbar-collapse.desktop {
        display: flex !important;
        font-size: 14px;
    }
    #categoriesSelect {
        display: none;
    }
    .btn-category {
        display: inline-block;
    }

    /*.amount-select {*/
    /*    display: none;*/
    /*}*/


}

@media (min-width: 992px) {
    .navbar-collapse.desktop {
        font-size: initial;
    }
}



/*----- ERROR NOT FOUND SHOP -------*/
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

/*FOOTER*/
.p-0{padding:0 !important;}

footer > .container > .row,
footer > .container-fluid > .row {
    padding-top: 30px;
    border-top: 1px solid #e3e3e3;
}

footer .contacts li {
    font-size: unset;
}

footer .contacts li {
    margin: 0;
}

footer .customers {
    padding: unset;
    background: unset;
}

footer * {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

footer ul li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

footer small {
    font-size: 12px;
    max-width: 260px;
    display: inline-block;
}

footer ul {
    margin-bottom: 10px;
}

footer .socials a > img{
    vertical-align: middle;
    position: relative;
    left: -8px;
}

footer a[href] {
    -webkit-transition: all 0.05s ease-out;
    -moz-transition: all 0.05s ease-out;
    -o-transition: all 0.05s ease-out;
    transition: all 0.05s ease-out;
    color: #0062ff;
    display: grid;
    width: max-content;
    width: -moz-max-content;
    margin: 0 auto;
}

footer a:hover, footer a:focus, header a:hover, header a:focus, footer a:hover .arrow-button, footer a:focus .arrow-button {
    color: #060266;
    cursor: pointer;
    text-decoration: none;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    color: #060266;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

footer h1 {
    font-size: 32px;
    margin-top: 25px;
}

footer h2 {
    font-size: 30px;
    margin-bottom: 40px;
}

h3 {
    font-size: 26px;
}

footer h6 {
    font-size: 16px;
}

footer p {
    color: #333333;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
}

footer .text, .text p {
    font-size: 18px;
    line-height: 1.67;
    color: #000000;
}

footer {
    padding: 0 10px 20px;
    z-index: 1000;
    background-color: #ffffff;
}

footer h6 {
    margin: 0 0 20px 0;
}

footer .copyright-text, footer li, footer h6 {
    text-align: left;
    display: inline-block;
    width: 100%;
}

footer .copyright-text p{
    margin: 0;
}

footer .copyright-text p, footer li a[href] {
    color: #333333;
    display: inline-block;
}

footer li a[href]:hover {
    color: #0062ff;
}

footer .copyright-text p {
    line-height: 1.8;
}

footer li {
    padding-bottom: 10px;
}

footer li a {
    line-height: 1.57;
}

.footer-hr {
    float: left;
    height: 2px;
    width: 180px;
    background-color: #46d4ff;
    margin: 20px 0;
}

footer .support-email {
    color: #0062ff !important;
}

footer .support-email:hover {
    color: #060266 !important;
}

.contacts {
    margin-top: 30px;
}

.contacts li .icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.contacts li .icon img {
    vertical-align: middle;
}

.contacts-faq {
    padding-left: 24px;
}

footer .customers {
    margin-bottom: 32px;
}

footer .download-app-container {
    /*padding: 0;*/
}

footer .download-app-container h6 {
    font-size: 14px;
    margin-bottom: 5px;
}

footer .download-app > div {
    padding: 0;
}

footer .download-app > div {
    padding-right: 3px;
}

footer .application-platform > img:not(.cursor-hand) {
    width: 100%;
    height: auto;
    padding: 0;
}

.platform-ios, .platform-android {
    display: inline-block;
    width: 100%;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position-x: center;
    background-position-y: 0;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.platform-ios {
    background-image: url(data:image/png;base64,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);
}

.platform-ios:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAABKCAMAAADwmVokAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURRKY7heY4heY4haY4xiY4v///8nn+eLz/Gi87JPP8vH5/q/c9jun5mw4NCgAAAAEdFJOUwGh3WMzuL0YAAAE6UlEQVRo3u2b13rrIAyAM0AD+f2f9yA2HiRu0/aEL1wksQFbPxoIHF8uodyvNzNBuV3vl1ruUzAlsgJ2NVOV65RUiWs6qsh1mw/r5sOFmbDcZ7RBtcLbjFi3i5myfLA+WG+BtTAs02Et4qydDovQWutmwyKvKmvhoNaOKtMF7P55lC91ew3WEqgsH2FphXMvxgL4aSyJ+lhGWMbBm2Et6ljWkRliCRrD0Rr1BIJKRtafckk+vQzp72iy4L8ylv9tRa8B2Zy1seTuoY+8GIuCso6vGrHYeSoKWtOBVmkck8VwRrEUVPw3UOgCTg/jVSGQsz+G8F21Fbsb344svRZLdYBsHmOp4AEPjYAjzxJkgYDFtrE6/xV6pcPw2zcTV89FrNgdUE/Iq7GcjEYqYvm7B4FUMZaAQSRqSYVSLJeFdcEKw+BnLIpWrIYcB6fxLd8dngi2T2IRA4KQjxOLfoRjBFqOsPxn1paX1mMASIeVtaWGhwnLrbR1hAUvChkEMahb9GTL4pnyMS97WGSD50Tf8saUvKvBihXRLrW1GhasfavFwrY7vwJr4QQRQiAiNocWaG86pjwTQDBE1Qj2WMH4YtRzGG2xi4RsOiwTImHiU/e238VaxI4KknmPctmGvkFx8pZY5MZUvLwlFo6Vxca8IxaNqcC8JxaMTZDeE2sZe9bxyp++EoNJwuSBQH+LxcPly9kYWedHjJDup7DGcdAdY7ks3AkqVb+wT8tiT7D2j7BoICLak4sHV4aJ4BexdggP5fYi8Ukr3LT/fW25R76lod9ZdxKL/xgrF1kGIkojp2KGdYDLUS44kDRnVljlHumKMUZKg0yQ3Vfwwdr2ZCTEAyyM65A6W/uf3IdPj1XGTNKU0Ppqh0W4yqw9EeWQWS4Dz0/HX8qdElATNPwJnxSzH/QsvMdyntUvMPNloAutrBXsSxIcmKj21s2bdPNUqXXy5SzDPRMLk/lJvVFtmneTsAwKZ1uC3pSqb1WJJfWGOqSlEse+eCYn3OdKwYLq1NVEzVTZDC7kSrYtWMHixr6S7GWrrTF1HifeF7PnXEdOtrPuL6G6yGuauTmdbMa2hnaC3n9W2NUQoCBAZ+lPL0zEPtLXJjFsRx82d0yDik0S0tQGsOI/TQDqh6A1UFc1id9dRrbT9LKZtLA3uBNYMeq5FRaaVdvO7xrTeRprgUfq4t1N+r72BFaQWX4ay7A7uZLEneqmmWyw1mkTrUR/YIR4PssozxKeD4Ua/zgXl9yswUoSNbLKWuNx2B+EjLMp1nqfcOVd7kH+BK2QeeqqAZ7qvMVrDzzQVh/ge797FNYHu7pyKn3qhKTk/sUaKesP2wla0aVs7UOZzXlnOpaVjlxpRnAKaxA1trMx996WRFQlo09/NLfNj6ycPqSICVFqieDtFnITHRImSDlBTp5gbXqcK2HsZTt78Pj88hh6o0iU/hP6EONdXbr0FTZRCEuqW8MWbD1KntsH23liUrm6PXi3XZhkq2tX/ylkcLd80AgWz+QMQyDcpW7QUFFcWns44L1AEZ98PNrY2X0QBImjfWJyYkd3O5J4dqvjxXvw+bEJeMtfmq0vlBNbFf8rlpL1R6f23v9jrO+UD9YH64P1+ffnB+uD9WNYk/69f9KXMSZ9dWbSF51mVNd93pcIpzPD65Svsl4nfPM4v3X8DwBRDXhTldTMAAAAAElFTkSuQmCC);
}

.platform-android {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAABKCAMAAADwmVokAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABOUExURScnJ2W9ae82TOjo6DMzMzvF8////zExMTIyMjIyMvzSBqKiovb29svLy9ra2rm5uYKCgpOImWtra8y/HEVMO1i/kEx9UXc0O7Y1RIx7HrmZSzQAAAAKdFJOUwH///////9t367mNFY2AAAElUlEQVRo3u2b6XbiIBSAa4m4sKNjO+//ogP3sma3tZPK8f7QQ0IIX+4Kmrc3kMPp2DUgx9PhLcuhCaZAlsAOXVMSuE5dY3Jqkgr1dWwP69icY0V1nVrEOrVog94KuyblhfXCemG9sL6Oddvtrg1i7f/smgDrYwHXbf31nFIq8YszCuIPa9oJaBDsRrBbJ6l2n4z8dyzgWgvGKPNzdlgMD0iF3xrguI7wHom4fpKTjbCQa50lRpoFLCGxk+qkIGojrMC1W6Es0q3CIizSSaGdGW6DFbkWwZT0AN6bePSdUazwrTxWJ8hWWInrtkZbHmG9tlxLbYWVuBbAIK4tY0XfYoCl6WZYmWs2dgjPtYzV0RQJBVy1GVbBdbvORXgnCn2LTmNB3vJEgNXx7bAKrnvS82+tMka5nq6emsGquJ4MbA6r5rpdW8Ha7yq5tYLV47r8bQSr4rqcz+drG1j7mup8vrSBta+pngRsGWvfo3LyMBdjuJZ+cNd1WPs+lVNYCcYkLPmlss+Fte9TlQozhEZhT4a1H1Cdz3El6fQEatJMPhuWeR9QhbhhcFH8lL5l3t/7XJdr3E+TzxoyPFXNlSKGonwYJ5T3NqKqiEKETU0fXiyB5Veaq+/Eayv2PfxQYaTQ1SrCwzFNqYnTIHdjIVXJlcOghMlVYv1MiP+woQvlvslN2SQ1lvLXcFiQllgSj8oCK44uyruT6sJVWJEqcf2t9nQHYcJNGTY4CD5BQWE/wErUK3MBJoTPAothJ6d7XQ7E4SjjMOnQFdOIewwa+oelOL/XCDMVctUlxjCoJ7O0gJwNBdXDw3PVFRanUZWqxApHcfa1b6F+wnViaDMLWCWV47r0Kt2Ilffbsz2AiYgUUsD+TXqupRGy6BqsDEAkNUA1fSyReTjV92HVVO8fgw21AVbSDnJkSu2npdJUSyyREnrp+iTpgPi7RCzLhPQOJ5L1mZGNrFksMw9V3jpuk+VnyhCL5UdQmkuN5aIIiljCUlCoOS6RzshBwJjHqqg+x/cJ+QBLz2hLTGhrLPllLJ6xfMgx+SRon/O78lZJ9Tm+fNRFTBY93xK1b4HycoKpfYvPYenQiXZZ++GkdUhq7KFMYxVUnx/T27oFBulFQg3FlSlil47OyMpIaPlYlUziSBLmXWHZYITunEvv5g4sM+tURUKmUBxYhonK3TDmLYHnY94iRZNxXgZ4gdms/iXFJ16NT06nrg7RwuABy1A5uvM9hWXmnarSVxCcmuGhDpCp6OC56MCmqyTrKgNrD14Zo+vBi9oj2iuMJpOF9kqTBSyzEsrrRZBqFWl9IVfUd0qWJaIVWNL1akKsI4WusSxUiqasCaGkFNnxRqvSKaxE9WObDWRx0UmGtcOoscjVFbxZ4VTfE0vHHP0LWHx8nDEs89NQdcL7Dpaa+KlsBMusdKqviAL3sWLFxscaLM0nxhlimZn0+wAtYVwcDV/3YvEU55exzGz6/a5g2CRSd4/ACjllBZb5YafaZlf32gTU62+SL6zfgNXo3/sbfRmj0VdnGn3RqUV1Hdp9ibA5rlOTr7K2+OZxfOv4H9yaGC6Q8QT9AAAAAElFTkSuQmCC);
}

.platform-android:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAABKCAMAAADwmVokAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURQAAAP///2W+au82TRKV7RiY4jvF8xaY4xeY4heY4vzTBuLz/O/4/pTP8sDj+NHr+nbC7qra9Vi06lW5ksvJK6Fmi4qEpz3D5zOlvSqV0mF4sNdBXvrDC6e/V4LO2x4AAAAKdFJOUwD///8M//9t366a8Fa/AAAEtklEQVRo3u3b63ajIBAA4JDG5gJyMam97b7/ay4zwzUStd1mXTnhR3NiMPIJDKOpmw2U3f54aCooh+N+twllX4XJyfZB1VRVnOvYVFaOVaqwv3aH+liHXW0Ty3fXsUbWcXOokXXYNFWWB+vBerAerO+z3rbbtwpZz+ft9vxeHwtcX4EJxpiiF9EyLLBZs0biG07VOFVrFNP2b8v/OQtdc0diy1pos2W1tEEZetWIE9rjgcRtPSX4QixyzYN5zQRLKqpkGiW5WYjlXNvpkRibN87irdcpqe0wXIblXeepnY0CAMwm4edOkeVeDbAayZdiedcUjJoHhPm9Zd+ZpVjBNTHFMK5Ns/zcapGl2WKs6DqPwSS4plkNC5FQ4l6LsV6Da3QVw6XK0Nxit1m4boEIWY1YjJW6pmPH/59lFF2rSxRvs3LXymAjrCvXqjLgMdbz8zYr51pYV67LuRJW5rqcTqe3Olivuep0urzXwIouUtnyuwaWdwWVLdufOnpL19I/XHUWi1ypyo7Ec3Z5gpf8XHarYoErV6UjUQvmS7su1vPrQHU6+a6y/WSgm7RRa2O9PP26Vl18ps7USueWVT1duy5v/n6aWmvIAFXuChHDDsFhnDBwccVlvDMAAUV16VvVcbz8Cm3FrTwbxVDDCBjjKauT+HWGRor2zeBfZpEqdW2TQw86q4OWcPhDEAVvoSk6vhVMiIxl3D4mZynaqhIWZ3FbOLrIdpzF8qrgSldjNvg+ewi8JrYBkjsG9EGnqF8N7QHhM2EZqmTC6SeAEG5rUlWZLtQ0TPgJ/tVBGFXkynOnYVA3vpc6/CwOFBp11Em4PWmrCF0pU5bbKrH1+dyi/nE15HDMTLBSlXVdrjJdz4r323noPwUHi0fEU6vd+fVKamvrp0Y2R+IAx9bnLNpdURWRdvIcVq76/BjcUBuw4jjCNvJw/nGkxHtOKUuGBT1nydA1bWR1RiruxjCNPl24kTXK6jPVxzB3F8mokY4VIzKy2ngKoI4ssmxQoaJKLJ6w8BQITiwai2o4wUdZmeqldEGiwqCKrKveMnlvqSKrtPhFFossCDk6fmhgz9KCNsLqp1Bh5iesdG7JfG7xGLt8P/u2iiJLJSfEVfVf71g2LhFtPqsfm1SxuwKDWDKJhDqPhAbftn5xjayusE5gJOxi7Ams1n25dJ/ZxV9/gdXPQNHB4RcrO5NpoeriuqXc527dEsky1rIswEvnyu7Nw8Kr6UOdsHgXlz04T6rY1bdYUfUynn2pGMakv1CJuUHTcZdlUCf6HETlyRN8CaYi+SB0G02TrAV2W9gdB3Opp2+x+olJlc4vhVkaNy7r66TI8jtKEf2x8VOb0l3lhFRJ6TxkQG7C3EZXFZJHIWM8kaWs9BbLqz7vdj+GF09yORI2o7/ZqNkZvFd93O0WSsdKE/0bLFH+nhKrvzfK53l/zzI3fiorsPqZk+pbHKlxgrHJMTiLpW/dQBmy+vuhcIZjmJxWzWBBDqVmXh33UyvVXxUXNpVufoCFMXEeq78narG7uu+fny9NUx2rlvJgrYpV6b/3V/owRqWPzlT6oFON3bWv9yHCza4y13FX46Os+/jg8a6WJ48P7nHqPxJmT6jkVX32AAAAAElFTkSuQmCC);
}

.platform-ios.inverted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAABKCAMAAADwmVokAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURRKY7heY4heY4haY4xiY4v///8nn+eLz/Gi87JPP8vH5/q/c9jun5mw4NCgAAAAEdFJOUwGh3WMzuL0YAAAE6UlEQVRo3u2b13rrIAyAM0AD+f2f9yA2HiRu0/aEL1wksQFbPxoIHF8uodyvNzNBuV3vl1ruUzAlsgJ2NVOV65RUiWs6qsh1mw/r5sOFmbDcZ7RBtcLbjFi3i5myfLA+WG+BtTAs02Et4qydDovQWutmwyKvKmvhoNaOKtMF7P55lC91ew3WEqgsH2FphXMvxgL4aSyJ+lhGWMbBm2Et6ljWkRliCRrD0Rr1BIJKRtafckk+vQzp72iy4L8ylv9tRa8B2Zy1seTuoY+8GIuCso6vGrHYeSoKWtOBVmkck8VwRrEUVPw3UOgCTg/jVSGQsz+G8F21Fbsb344svRZLdYBsHmOp4AEPjYAjzxJkgYDFtrE6/xV6pcPw2zcTV89FrNgdUE/Iq7GcjEYqYvm7B4FUMZaAQSRqSYVSLJeFdcEKw+BnLIpWrIYcB6fxLd8dngi2T2IRA4KQjxOLfoRjBFqOsPxn1paX1mMASIeVtaWGhwnLrbR1hAUvChkEMahb9GTL4pnyMS97WGSD50Tf8saUvKvBihXRLrW1GhasfavFwrY7vwJr4QQRQiAiNocWaG86pjwTQDBE1Qj2WMH4YtRzGG2xi4RsOiwTImHiU/e238VaxI4KknmPctmGvkFx8pZY5MZUvLwlFo6Vxca8IxaNqcC8JxaMTZDeE2sZe9bxyp++EoNJwuSBQH+LxcPly9kYWedHjJDup7DGcdAdY7ks3AkqVb+wT8tiT7D2j7BoICLak4sHV4aJ4BexdggP5fYi8Ukr3LT/fW25R76lod9ZdxKL/xgrF1kGIkojp2KGdYDLUS44kDRnVljlHumKMUZKg0yQ3Vfwwdr2ZCTEAyyM65A6W/uf3IdPj1XGTNKU0Ppqh0W4yqw9EeWQWS4Dz0/HX8qdElATNPwJnxSzH/QsvMdyntUvMPNloAutrBXsSxIcmKj21s2bdPNUqXXy5SzDPRMLk/lJvVFtmneTsAwKZ1uC3pSqb1WJJfWGOqSlEse+eCYn3OdKwYLq1NVEzVTZDC7kSrYtWMHixr6S7GWrrTF1HifeF7PnXEdOtrPuL6G6yGuauTmdbMa2hnaC3n9W2NUQoCBAZ+lPL0zEPtLXJjFsRx82d0yDik0S0tQGsOI/TQDqh6A1UFc1id9dRrbT9LKZtLA3uBNYMeq5FRaaVdvO7xrTeRprgUfq4t1N+r72BFaQWX4ay7A7uZLEneqmmWyw1mkTrUR/YIR4PssozxKeD4Ua/zgXl9yswUoSNbLKWuNx2B+EjLMp1nqfcOVd7kH+BK2QeeqqAZ7qvMVrDzzQVh/ge797FNYHu7pyKn3qhKTk/sUaKesP2wla0aVs7UOZzXlnOpaVjlxpRnAKaxA1trMx996WRFQlo09/NLfNj6ycPqSICVFqieDtFnITHRImSDlBTp5gbXqcK2HsZTt78Pj88hh6o0iU/hP6EONdXbr0FTZRCEuqW8MWbD1KntsH23liUrm6PXi3XZhkq2tX/ylkcLd80AgWz+QMQyDcpW7QUFFcWns44L1AEZ98PNrY2X0QBImjfWJyYkd3O5J4dqvjxXvw+bEJeMtfmq0vlBNbFf8rlpL1R6f23v9jrO+UD9YH64P1+ffnB+uD9WNYk/69f9KXMSZ9dWbSF51mVNd93pcIpzPD65Svsl4nfPM4v3X8DwBRDXhTldTMAAAAAElFTkSuQmCC);
}

.platform-ios.inverted:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAABKCAMAAADwmVokAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURScnJzIyMjIyMjExMTMzM////+jo6MrKyqCgoPb29oKCgtra2rm5uWtra0FBQVJSUlSk9FgAAAAEdFJOUwGj3WXZX8xDAAAFaElEQVRo3u2b65qjIAyG26mEU9D7v9tNOKPoaLfdZ8tTfsyMIspLko+A4+3my+P+Mw1Qfu6PWymPIZgiWQa7T0OVx5BU03Qfkipw/YyH9UNyMQ1YHiP6IHvhz4hYP7dpyPLFGg9rHhHLKbkMh7WgFmI4LGOFEHoeDMsAUQm7U8t1Qh7fQPTPAz7V7DVYi6cSZg9L0Q+tX4wl7ZuxZvRUdjnCmrT8MKxgLL1nrIiFME0quCqfAMs9M4JO6dg/CBY30Z8pXG3CknQO+R4y+TpfjKm5b4MvxjLeWDgfYylNVMZbzZLhuDdaGQH+DGMxKNJvaXwTqfkw9FV6ckXH0v8u1grNJ7rO7AbBk1hsA1D7MpixQEY8mFBqQyy+L9RB+lOJyuvol28VD/3fdBnqci5gheYS2Lr4Iqx5jliAbi7HfSx6uu8QG0YYqyyiDc5HnWIsrylsSO2F0w9+wjLBi9mRw+BUsUXN5QmxPYnllLUWDZEsjsRipizDWmmWPSz6maxFvSUMat1gJWux40HE0itr7WHZ10jGbKT2I0SGMm5ZiDEdq6WHZXgsMcYWOZMN0VVhTTrEFjsWX22BlSJg2RRbNRbUzdUrsGYVZipfNFgLuhxa15uOfTxjdBXjLQItlne+oHoagi/KpIScxKipwZq8EkY+Dm/xt1izFEcF3EcmT7PSh1gaPxLLwDGVWj4SyxaCHpb6mET+tk0qOlYSz80e/wmWXFlKN2b7GL1YYS3HeiF3XdCFrPRacegnRJDuzVjuGGt/XsQnsuyiueD9309cb8Ey+kgx9pcnfilxMcnxCxlUlJYFLCnEe7F6bPoQi7oI4uLiQdNsEZ8q/wlWVwQPsahL6qIXbq7/x1hnYkuTB+proqHWt3sjVpYMfUkJfRex6ifPcI7XAVnlgAMIgbNl08PKz4h3ZI3UefHIyM6m8A23Uc8K/CbG9uYtG9YhRTQIK+lcDCDCcikvwzQluB2sfGV6ImH5EYc6vZOnsWbYj6x9L3ThEVD6SYRao6JBT50nLNCSzsh0G5mRvXn4UkUl+oxVzvAKKXDx5k28mCulclyH17IMvZs+9UUjuh+WBzXjLOMMEPul4jzl009Qndiy+UYYW1dDkCvhOJZP5YQZznUFA+I4QsEyRccjFpZemzIfZ7CMpSr/in2X+VRxdSUOl80N1qw7uWBtPdhuaGSpzv2dRAbkHpmAtZV2ryrCuhZLVjNgdASZEarK4+i6bbKg3dDyZzavhMro5wdVT4yDCgW0rg1y6Rqs2rviEBQHrSrrW/6GdZQVhqrNuxOdFTBPXaexJq/bsMKCaXVtjVW7zmmsRR6tt3qqgR2tvICVReCtWL8lGsLOWx+sq9cdxw3WOm1yoVUXq+OEcD3LYNGwrWToX7J4liaVCo2li/NWM1U3MYFrCQvD/otkZAXST2H9Yq7NSwZZdzJNXWUmSIIM5bJ18uhWjtYX+OmUrB/s6qLuT8X99KnppIv+nr3RpfVKThhSKCG64sWqMSLU0zGu0uD1euY01rK/AbrNMlQb/7GLvPwCSn84KZVp2CmdMk4V4dNWkt+ywttoV2pio7/45Cknt7KZ9SgJ85Vw7dVCyTTXgaU6WW7jFJGSfto2ISVMbNLXauxkrT3tdoDcLlpwXXn6jUnZA9VAJa9WcJNhVAlT7ZP8SNUsH1jB/Goj7bw7DJv7IE01NesoNch1YFVvLWYkNO0uvAiy9RuT+AZFn9/73I7kaWF+z65uii9laayWauvL4oVtr/8Vi98+zu3hlXv+v1h/Vb5YX6wv1vefWr9YX6y3YQ367/2Dfowx6Kczg37oNKK5HuN+RDicG96H/JT1PuCXx+mr4z84tRKB/Ok3kgAAAABJRU5ErkJggg==);
}

.platform-android.inverted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAABKCAMAAADwmVokAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURQAAAP///2W+au82TRKV7RiY4jvF8xaY4xeY4heY4vzTBuLz/O/4/pTP8sDj+NHr+nbC7qra9Vi06lW5ksvJK6Fmi4qEpz3D5zOlvSqV0mF4sNdBXvrDC6e/V4LO2x4AAAAKdFJOUwD///8M//9t366a8Fa/AAAEtklEQVRo3u3b63ajIBAA4JDG5gJyMam97b7/ay4zwzUStd1mXTnhR3NiMPIJDKOpmw2U3f54aCooh+N+twllX4XJyfZB1VRVnOvYVFaOVaqwv3aH+liHXW0Ty3fXsUbWcXOokXXYNFWWB+vBerAerO+z3rbbtwpZz+ft9vxeHwtcX4EJxpiiF9EyLLBZs0biG07VOFVrFNP2b8v/OQtdc0diy1pos2W1tEEZetWIE9rjgcRtPSX4QixyzYN5zQRLKqpkGiW5WYjlXNvpkRibN87irdcpqe0wXIblXeepnY0CAMwm4edOkeVeDbAayZdiedcUjJoHhPm9Zd+ZpVjBNTHFMK5Ns/zcapGl2WKs6DqPwSS4plkNC5FQ4l6LsV6Da3QVw6XK0Nxit1m4boEIWY1YjJW6pmPH/59lFF2rSxRvs3LXymAjrCvXqjLgMdbz8zYr51pYV67LuRJW5rqcTqe3Olivuep0urzXwIouUtnyuwaWdwWVLdufOnpL19I/XHUWi1ypyo7Ec3Z5gpf8XHarYoErV6UjUQvmS7su1vPrQHU6+a6y/WSgm7RRa2O9PP26Vl18ps7USueWVT1duy5v/n6aWmvIAFXuChHDDsFhnDBwccVlvDMAAUV16VvVcbz8Cm3FrTwbxVDDCBjjKauT+HWGRor2zeBfZpEqdW2TQw86q4OWcPhDEAVvoSk6vhVMiIxl3D4mZynaqhIWZ3FbOLrIdpzF8qrgSldjNvg+ewi8JrYBkjsG9EGnqF8N7QHhM2EZqmTC6SeAEG5rUlWZLtQ0TPgJ/tVBGFXkynOnYVA3vpc6/CwOFBp11Em4PWmrCF0pU5bbKrH1+dyi/nE15HDMTLBSlXVdrjJdz4r323noPwUHi0fEU6vd+fVKamvrp0Y2R+IAx9bnLNpdURWRdvIcVq76/BjcUBuw4jjCNvJw/nGkxHtOKUuGBT1nydA1bWR1RiruxjCNPl24kTXK6jPVxzB3F8mokY4VIzKy2ngKoI4ssmxQoaJKLJ6w8BQITiwai2o4wUdZmeqldEGiwqCKrKveMnlvqSKrtPhFFossCDk6fmhgz9KCNsLqp1Bh5iesdG7JfG7xGLt8P/u2iiJLJSfEVfVf71g2LhFtPqsfm1SxuwKDWDKJhDqPhAbftn5xjayusE5gJOxi7Ams1n25dJ/ZxV9/gdXPQNHB4RcrO5NpoeriuqXc527dEsky1rIswEvnyu7Nw8Kr6UOdsHgXlz04T6rY1bdYUfUynn2pGMakv1CJuUHTcZdlUCf6HETlyRN8CaYi+SB0G02TrAV2W9gdB3Opp2+x+olJlc4vhVkaNy7r66TI8jtKEf2x8VOb0l3lhFRJ6TxkQG7C3EZXFZJHIWM8kaWs9BbLqz7vdj+GF09yORI2o7/ZqNkZvFd93O0WSsdKE/0bLFH+nhKrvzfK53l/zzI3fiorsPqZk+pbHKlxgrHJMTiLpW/dQBmy+vuhcIZjmJxWzWBBDqVmXh33UyvVXxUXNpVufoCFMXEeq78narG7uu+fny9NUx2rlvJgrYpV6b/3V/owRqWPzlT6oFON3bWv9yHCza4y13FX46Os+/jg8a6WJ48P7nHqPxJmT6jkVX32AAAAAElFTkSuQmCC);
}

.platform-android.inverted:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAABKCAMAAADwmVokAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABOUExURScnJ2W9ae82TOjo6DMzMzvF8////zExMTIyMjIyMvzSBqKiovb29svLy9ra2rm5uYKCgpOImWtra8y/HEVMO1i/kEx9UXc0O7Y1RIx7HrmZSzQAAAAKdFJOUwH///////9t367mNFY2AAAElUlEQVRo3u2b6XbiIBSAa4m4sKNjO+//ogP3sma3tZPK8f7QQ0IIX+4Kmrc3kMPp2DUgx9PhLcuhCaZAlsAOXVMSuE5dY3Jqkgr1dWwP69icY0V1nVrEOrVog94KuyblhfXCemG9sL6Oddvtrg1i7f/smgDrYwHXbf31nFIq8YszCuIPa9oJaBDsRrBbJ6l2n4z8dyzgWgvGKPNzdlgMD0iF3xrguI7wHom4fpKTjbCQa50lRpoFLCGxk+qkIGojrMC1W6Es0q3CIizSSaGdGW6DFbkWwZT0AN6bePSdUazwrTxWJ8hWWInrtkZbHmG9tlxLbYWVuBbAIK4tY0XfYoCl6WZYmWs2dgjPtYzV0RQJBVy1GVbBdbvORXgnCn2LTmNB3vJEgNXx7bAKrnvS82+tMka5nq6emsGquJ4MbA6r5rpdW8Ha7yq5tYLV47r8bQSr4rqcz+drG1j7mup8vrSBta+pngRsGWvfo3LyMBdjuJZ+cNd1WPs+lVNYCcYkLPmlss+Fte9TlQozhEZhT4a1H1Cdz3El6fQEatJMPhuWeR9QhbhhcFH8lL5l3t/7XJdr3E+TzxoyPFXNlSKGonwYJ5T3NqKqiEKETU0fXiyB5Veaq+/Eayv2PfxQYaTQ1SrCwzFNqYnTIHdjIVXJlcOghMlVYv1MiP+woQvlvslN2SQ1lvLXcFiQllgSj8oCK44uyruT6sJVWJEqcf2t9nQHYcJNGTY4CD5BQWE/wErUK3MBJoTPAothJ6d7XQ7E4SjjMOnQFdOIewwa+oelOL/XCDMVctUlxjCoJ7O0gJwNBdXDw3PVFRanUZWqxApHcfa1b6F+wnViaDMLWCWV47r0Kt2Ilffbsz2AiYgUUsD+TXqupRGy6BqsDEAkNUA1fSyReTjV92HVVO8fgw21AVbSDnJkSu2npdJUSyyREnrp+iTpgPi7RCzLhPQOJ5L1mZGNrFksMw9V3jpuk+VnyhCL5UdQmkuN5aIIiljCUlCoOS6RzshBwJjHqqg+x/cJ+QBLz2hLTGhrLPllLJ6xfMgx+SRon/O78lZJ9Tm+fNRFTBY93xK1b4HycoKpfYvPYenQiXZZ++GkdUhq7KFMYxVUnx/T27oFBulFQg3FlSlil47OyMpIaPlYlUziSBLmXWHZYITunEvv5g4sM+tURUKmUBxYhonK3TDmLYHnY94iRZNxXgZ4gdms/iXFJ16NT06nrg7RwuABy1A5uvM9hWXmnarSVxCcmuGhDpCp6OC56MCmqyTrKgNrD14Zo+vBi9oj2iuMJpOF9kqTBSyzEsrrRZBqFWl9IVfUd0qWJaIVWNL1akKsI4WusSxUiqasCaGkFNnxRqvSKaxE9WObDWRx0UmGtcOoscjVFbxZ4VTfE0vHHP0LWHx8nDEs89NQdcL7Dpaa+KlsBMusdKqviAL3sWLFxscaLM0nxhlimZn0+wAtYVwcDV/3YvEU55exzGz6/a5g2CRSd4/ACjllBZb5YafaZlf32gTU62+SL6zfgNXo3/sbfRmj0VdnGn3RqUV1Hdp9ibA5rlOTr7K2+OZxfOv4H9yaGC6Q8QT9AAAAAElFTkSuQmCC);
}

@media (max-width: 767.9px) {
    footer {
        padding-top: 18px;
    }

    footer .copyright-text p {
        line-height: 2.14;
    }

    .footer-hr {
        margin: 24px 0;
    }

    footer li a {
        line-height: 2.75;
    }

    .support > ul {
        margin: 0;
    }

    footer h6 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    footer li {
        padding-bottom: 0;
    }

    footer .download-app-container {
        margin-top: 30px;
    }

    footer .platform-ios, footer .platform-android {
        height: 70px;
    }
}

/* for preview */
.edit-element {
    position: relative;
}
.dotted {
    border: 2px dotted #e3e3e3;
}

.edit-element .edit-icon {
    cursor: pointer;
    border-radius: 16px;
    height: 32px;
    width: 32px;
    background-color: #73879c;
    display: block;
    margin: 0;
    text-align: center;
    line-height: 30px;
    padding: 0;
    color: #ffffff;
    box-shadow: 0 2px 6px 0 #adb5bd;
    position: absolute;
    top: -16px;
    right: 0;
    z-index: 1000;
}

.edit-element .edit-icon:hover,
.edit-element:hover .edit-icon {
    background-color: #007cdc;
}
.edit-element:hover {
    cursor: pointer;
}

.edit-element.navbar-brand .edit-icon {
    top: 0;
    right: -16px;
}

.footer-info.dotted.edit-element {
    margin: 20px 0;
}

.tooltip-inner {
    max-width: 220px;
    width: 220px;
}

/* RADIO BUTTON */
/* Hide the browser's default radio button */
.customRadio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.customRadio .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.customRadio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.customRadio input:checked ~ .checkmark {
    background-color: #eeeeee;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.customRadio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.customRadio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.customRadio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #007cdc;
}

.breadcrumb {
    background-color: transparent;
}
.breadcrumb > li + li:before {
    content: "/";
    margin: 0 10px;
}

.attention {
    margin-top: -15px;
    padding-left: 40px;
    position: relative;
}

.attention:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 39px;
    height: 39px;
    content: '';
    background: url("//cdn.wayforpay.shop/img/attention.png");
}

.badge-discount {
    position: absolute;
    top: 0;
    right: 0;
}
.modal-open jdiv {
    display: none !important;
}

.carousel-indicators {
    margin-bottom: 0;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-left: 4px;
    margin-right: 4px;
}

.carousel-item img {
    height: calc(100vw / 2.8 - 8px);
    object-fit: contain;
    -o-object-fit: contain;
    /*background-image: url("//cdn.wayforpay.shop/img/icons/loading.gif");*/
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0,0,0,0.1);
}

.carousel-indicators {
    width: max-content;
    height: 16px;
    margin: auto;
    border-radius: 8px;
    background-color: rgba(128,128,128,.5);
    bottom: 5px;
}

.carousel-indicators li {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: auto 5px;
    opacity: 1;
    border: none;
}
.carousel-indicators li.active {
    width: 10px;
    height: 10px;
    margin: auto 3px;
}

/** mod style button **/
.mod-item-btn {
    border-radius: 19px;
    padding: 4px 10px;
    margin: 10px 5px;
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    border: 1px solid #0000001a;
    background-color: #FFFFFF;
    box-sizing: border-box;
    max-width: 45%;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    min-width: 50px;
    text-align: center;
}
.mod-item-btn.active {
    color: #0062ff;
    border: 2px solid #0062ff;
    padding: 3px 9px;
}
.mod-item-btn:not(.modEnded):hover {
    color: #0062ff;
    border-color: #0062ff;
}
span.mod-item-btn.modEnded {
    background-color: #80808080;
    text-decoration: line-through;
}

/* simple shop card in list */
#cardsDesk.card-simple {
    max-width: 1610px;
    margin-left: auto;
    margin-right: auto;
}
.card-simple .card {
    box-shadow: none;
}
.card-simple .card:hover {
    z-index: 100;
    box-shadow: 0 2px 16px 0 #80808063;
}
.card-simple .card {
    border-radius: 8px;
}
.card-simple .card .card-img-top img {
    border-radius: 8px;
}
.card-simple .card-body .card-basket {
    top: auto;
    bottom: 15px;
    height: 24px;
    width: 24px;
}
.card-simple .badge {
    position: absolute;
    top: 5%;
    left: 0;
    border-radius: 0;
    padding: 5px 10px;
}
.card-simple .badge.badge-promotion {
    top: 5%;
    background-color: blue;
    color: white;
}
.card-simple .badge.badge-bestseller {
    top: calc(5% + 25px);
    background-color: deeppink;
    color: white;
}
