@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.montserrat-<uniquifier> {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}

.comfortaa-<uniquifier> {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}

.roboto-thin {
    font-family: "Roboto", serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Roboto", serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
    font-family: "Roboto", serif;
    font-weight: 900;
    font-style: italic;
}

body {
    font-family: "Montserrat", sans-serif;
}

body.wrapper-fluid .site-grid {
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 20%) minmax(0, 30%) minmax(0, 30%) minmax(0, 20%) [main-end] minmax(0, 1fr) [full-end]
}

.card-body {
    padding: 0;
}
.enter {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Comfortaa", sans-serif;
    font-family: inherit;
}
h6,
.h6 {
    text-align: center;
}
h3,
.h3 {
    font-size: 18px;
}

:root {
    --body-color: #6E298C;
    --secondary: #6E298C;
    --website-color-1: #6E298C;
    --website-color-2: #E5D9EB;
    --link-color: #6E298C;
    --link-color-rgb: 110, 41, 140;
    --link-hover-color: #6e298c;
    --link-hover-color-rgb: 166, 42, 130;
    --card-cap-bg: #FFFFFF;
    --card-cap-color: #6E298C;
    --gray-800: #6E298C;
    --white: #FFFFFF;
    --gray-400: #A63A82;
    --btn-color: #fff;
    --btn-bg: #E5D9EB;
    --btn-border-color: #E5D9EB;
    --btn-hover-color: #fff;
    --btn-hover-bg: #5d646b;
    --btn-hover-border-color: #575e64;
    --btn-focus-shadow-rgb: 131, 138, 145;
    --btn-active-color: #fff;
    --btn-active-bg: #575e64;
    --btn-active-border-color: #52585e;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #6d757e;
    --btn-disabled-border-color: #6d757e;
}

body.wrapper-fluid .site-grid {
    grid-gap: 0 0.5em;
}

a {
    text-decoration: none;
}

a:not([class]) {
    text-decoration: none;
}

a.border-dotted,
.vme-list-remove button.btn-vme-text,
.vm-checkout-billing-userfields a,
.vm-order-done a.vm-button-correct,
.vm-order-list a,
.com-users-login__options.list-group a,
ul.mod-login__options.list-unstyled li a {
    color: #6e298c;
    font-weight: 500;
    position: relative;
    font-style: italic;
    cursor: pointer;
    text-decoration: none !important;
    border-bottom: 1px dashed #6e298c !important;
    line-height: 17px;
}

a.border-dotted::before,
.vme-list-remove button.btn-vme-text::before,
#cart-view .cart-data .vm-checkout-products .vm2-remove_from_cart::before,
.vm-checkout-billing-userfields a::before,
.vm-order-done a.vm-button-correct:before,
.vm-order-list a:before,
.com-users-login__options.list-group a:before,
ul.mod-login__options.list-unstyled li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.5px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

a.border-dotted:hover::before,
.vme-list-remove button.btn-vme-text:hover::before,
#cart-view .cart-data .vm-checkout-products .vm2-remove_from_cart:hover::before,
.vm-checkout-billing-userfields a:hover::before,
.vm-order-done a.vm-button-correct:hover::before,
.vm-order-list a:hover::before,
.com-users-login__options.list-group a:hover::before,
ul.mod-login__options.list-unstyled li a:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
.text-center {
    text-align: center;
}

b, strong {
    font-weight: 500;
}
.container-sidebar-left,
.container-sidebar-right {
    margin-top: -37px;
}

.container-sidebar-right .sidebar-right:first-child {
    margin-top: 14px;
}

.text {
    background: #fff;
    position: relative;
    margin-right: 5px;
    float: left;
    border-radius: 4px;
}

.text::after {
    background: rgb(33, 33, 33);
    content: attr(data-content);
    position: absolute;
    color: #6e298c;
    left: 0px;
    top: 0px;
    padding: inherit;
    width: 0;
    transition: all 700ms cubic-bezier(0.51, 0.04, 0.12, 0.99);
    overflow: hidden;
}

.text:hover::after {
    width: 100%;
    visibility: visible;
}

.text.red::after {
    background: #e5d9eb;
    border-radius: 4px;
}

p,
ul {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 21px;
    font-weight: 300;
    text-align: left;
}

#Email,
#Fname {
    background-color: #fff !important;
}

input,
.input::placeholder,
textarea {
    color: #6e298c !important;
    opacity: 1;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #6e298c !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #6e298c !important;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #6e298c !important;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #6e298c !important;
}

.searchsearch-in-header textarea {
    color: #fff !important;
    opacity: 1;
}

.searchsearch-in-header ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff !important;
}

.searchsearch-in-header :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff !important;
}

.searchsearch-in-header ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff !important;
}

.searchsearch-in-header :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff !important;
}

textarea:focus,
input:focus,
input[type]:focus,
.uneditable-input:focus {
    box-shadow: none;
    outline: 0 none;
}

::selection {
    background: #f3edf5;
}

.justify {
    text-align: justify;
}


.flex-row {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

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

.card {
    border: none;
}

.mod-languageslang-dekstop .inputbox {
    color: #fff;
    background: transparent;
    border-radius: 3px;
    border: 0.1px solid #fff;
    font-size: 20px;
    font-weight: 100;
    margin-top: -5px;
    cursor: pointer;
    outline: unset;
}

.mod-languageslang-dekstop .inputbox option {
    background: #fff;
    color: #6e298c;
}

.mod-languageslang-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mod-languageslang-mobile ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.mod-languageslang-mobile ul li {
    padding-top: 4px;
}

.mod-languageslang-mobile ul li a {
    color: #fff;
    font-size: 13px;
}

.mod-languageslang-mobile ul li a img {
    width: 42px;
    height: auto;
    padding: 0 6px;
    opacity: 0.5;
}

.mod-languageslang-mobile ul li.lang-active img {
    opacity: 1;
}

.mod-languageslang-mobile ul li a img:hover {
    opacity: 1;
}

.mod-languageslang-mobile ul li.lang-active img {
    opacity: 1;
}

.dropcaps .naked-drop span.naked {
    font-size: 77px;
    font-weight: 500;
    padding: 0 10px 0 0;
    float: left;
    display: block;
    line-height: 62px;
    margin: 0;
}

.form-check-input[type=checkbox] {
    border-radius: 50%;
    border: 1px solid #6e298c;
}

.form-check-input:checked {
    background-color: #6e298c;
}

button[class*=plg_system_webauthn_login_button] {
    border: 1px solid #6e298c;
    border-radius: 2em;
    height: 50px;
}

.plg_system_webauthn_login_button svg {
    fill: #6e298c;
}

button[class*=plg_system_webauthn_login_button]:hover {
    background: #E5D9EB;
    border: 1px solid #E5D9EB;
}

input:-internal-autofill-selected {
    background-color: #FFFFFF !important;
    color: #6E298C !important;
    width: 100%;
    height: 45px;
    font-weight: 500;
    margin-bottom: 0;
    padding: 6px 25px;
    background: #fff;
    text-shadow: none;
    cursor: unset;
    border: 1px solid #6e298c;
    border-radius: 1em;
}

.btn-check:checked+.btn:focus-visible,
:not(.btn-check)+.btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn-check:checked:focus-visible+.btn {
    box-shadow: none;
}

.btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
    color: unset;
    background-color: unset;
    border-color: unset;
}

.btn-link:hover {
    color: unset;
}

.btn:hover {
    color: unset;
    background-color: unset;
    border-color: unset;
}

.form-control, #birthday_date_field_text, #birthday_date_field1_text {
    appearance: none;
    background-clip: padding-box;
    background-color: #FFFFFF;
    color: #6E298C;
    margin-bottom: 6px;
    width: 100%;
    height: 45px;
    font-weight: 500;
    padding: 6px 25px;
    background: #fff;
    text-shadow: none;
    cursor: pointer;
    border: 1px solid #6e298c;
    border-radius: 1em;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
}
#birthday_date_field1_text {
    height: 30px;
}
.form-control:focus {
    color: #6E298C;
    background-color: #ffffff;
    border-color: #6E298C;
    outline: 0;
    box-shadow: none;
}

@media screen and (prefers-color-scheme: dark) {

    /* для переопределения цветов, указанных по умолчанию в плагине Dark Magic */
    :root {
        --cassiopeia-color-primary: var(--website-color-1) !important;
        --cassiopeia-color-link: var(--website-color-1) !important;
        --cassiopeia-color-hover: var(--website-color-2) !important;
        --cassiopeia-color-gradient-end: var(--website-color-1) !important;
        --cassiopeia-color-gradient-start: var(--website-color-2) !important;
    }

    .back-to-top-link {
        color: #6E298C;
        border: none;
        background: rgba(229,217,235,0.7) url(../images/top.svg) no-repeat center !important;
        background-size: 23px 20px !important;
        width: 53px !important;
        height: 50px !important;
        transition: all .3s ease-out;
        z-index: 2;
    }
.back-to-top-link span.icon-arrow-up.icon-fw{
    display: none;
}
    .back-to-top-link:hover,
    .back-to-top-link:focus {
        color: #6E298C;
        background: rgba(229,217,235, 1);
    }

    #cf_1 {
        /* Convert Forms так же используют CSS переменные */
        --background-color: rgba(0, 0, 0, 0.9) !important;
    }
}

/* MENU START */
@media (width <=991px) {
    .metismenu.mod-menu .metismenu-item {
        font-size: 17px;
        padding: 6px 6px 6px 12px;
    }
}

.navbar-expand-lg .navbar-collapse li img {
    height: 20px;
    width: auto;
}

@media (width <=790px) {
    .metismenu.mod-menu .metismenu-item {
        padding: 6px 7px;
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .navbar.custom-nav {
        display: none;
    }
}

@media (width >=767px) {
    .metismenu.mod-menu .metismenu-item {
        line-height: 23px;
    }

.metismenu.mod-menu li.metismenu-item.level-1 a {
    font-weight: 400;
    padding-bottom: 3px;
}

.container-header .metismenu>li.level-1>ul li a {
    font-weight: 300 !important;
}
.metismenu.mod-menu li.metismenu-item.item-204.level-2 a,
.metismenu.mod-menu li.metismenu-item.item-216.level-2 a {
    margin-top: 3px;
}
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-collapse {
        flex-basis: auto;
        display: flex !important;
    }

    .container-header .mod-menu {
        flex-direction: row;
        flex: 1;
        display: flex;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-283.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-338.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-339.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-344.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-345.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-567.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-568.level-2 a {
   display: flex;
}
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-283.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-338.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-339.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-344.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-345.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-567.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-568.level-2 a img.menu-badge-new {
    height: 10px;
    width: auto;
       order: 1;
    margin-top: -10px;
    margin-left: 2px;
}
@media (width <=767px) {
    .metismenu.mod-menu .metismenu-item {
        padding: 6px 7px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 1px;
        font-size: 17px;
    }
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-283.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-338.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-339.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-344.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-345.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-567.level-2 a,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-568.level-2 a {
   display: flex !important;
   justify-content: start;
}
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-283.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-338.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-339.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-344.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-345.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-567.level-2 a img.menu-badge-new,
.metismenu.mod-menu li.metismenu-item.metismenu-item.item-568.level-2 a img.menu-badge-new {
    height: 12px;
    margin-top: -16px;
    margin-left: 4px;
}
}

.offcanvas-backdrop {
    background-color: transparent;
}

.metismenu.mod-menu .metismenu-item>a:focus,
.metismenu.mod-menu .metismenu-item>button:focus,
.offcanvas-header .btn-close:after {
    outline: none;
}

.offcanvas-header .slogan {
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 900;
    text-transform: uppercase;
}

.offcanvas-header .slogan span.offcanvas-slogan-1 {
    font-size: 0.5em;
    color: rgba(229, 217, 235, 0.5);
}

.offcanvas-header .slogan span.offcanvas-slogan-2 {
    color: #e0e0e0;
    font-style: italic;
}

.offcanvas-header .slogan span.offcanvas-slogan-3 {
    font-size: 0.5em;
    color: rgba(229, 217, 235, 0.5);
}

.offcanvas-header .slogan span.offcanvas-slogan-4 {
    font-size: 1.5em;
    font-style: italic;
    color: rgba(229, 217, 235, 0.5);
}

.offcanvas-header .slogan span.offcanvas-slogan-5 {
    color: #e0e0e0;
    font-style: italic;
}

.container-header .metismenu>li>a:after,
.container-header .metismenu>li>a:before,
.container-header .metismenu>li>button:before,
.container-header .metismenu>li>button:before {
    content: "";
    opacity: 1;
    background: 0 0;
    height: 2.5px;
    margin: auto;
    transition: all .2s, background-color .2s;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
}

.container-header .metismenu>li>a:hover:after,
.container-header .metismenu>li>button:hover:before,
.container-header .metismenu>li.active>a:after,
.container-header .metismenu>li.active>button:before,
.container-header .metismenu>li>a:hover:before {
    background: #fff;
    left: 0;
    right: 0;
}

.container-header .metismenu>li>a:hover:after,
.container-header .metismenu>li>a:hover:before,
.container-header .metismenu>li>button:hover:before,
.container-header .metismenu>li.active>a:after,
.container-header .metismenu>li.active>button:before,
.container-header .metismenu>li.active>a:before,
{
background: #fff;
left: 0;
right: 0;
}

.container-header .metismenu>li.active>button.mm-toggler-link:before {
    display: none;
}

.container-header .metismenu>li>a:after {
    opacity: 0;
}

.metismenu.mod-menu .mm-toggler:after {
    content: "";
    border: none;
    margin-inline-start: 4px;
    transition: all .3s ease-out;
    background-image: url(../images/chevron.svg);
    height: 20px;
    width: 20px;
}

.offcanvas ul.mod-menu li:hover>button.mm-toggler::after {
    background-image: url(../images/chevron-color.svg);
}

.metismenu.mod-menu ul.mm-collapse li .mm-toggler:after {
    content: "";
    border: none;
    margin-inline-start: 4px;
    margin-top: 1px;
    transition: all .3s ease-out;
    background-image: url(../images/chevron-color.svg);
    height: 20px;
    width: 20px;
}

.container-header .metismenu>li>button.mm-toggler-link:hover:before {
    display: none;
}

.container-header .container-search {
    margin-top: .5em;
    margin-right: 10px;
    width: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.mm-active>.metismenu.mod-menu .mm-toggler:after,
.metismenu.mod-menu .mm-toggler[aria-expanded=true]:after {
    margin-top: 0;
}

.container-header .container-nav {
    padding-bottom: 12px;
}

.btn.hamburger {
    display: none;
    flex-direction: column;
    justify-content: space-evenly;
    height: 60px;
}

.btn.hamburger span {
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
}

.offcanvas {
    background-color: rgba(110, 41, 140, 0.95);
    color: #ffffff;
    max-width: 340px;
    -webkit-transform: translateX(320px);
    transform: translateX(320px);
    -webkit-transition: .5s cubic-bezier(0.5, 0, 0.3, 1);
    -moz-transition: .5s cubic-bezier(0.5, 0, 0.3, 1);
    -o-transition: .5s cubic-bezier(0.5, 0, 0.3, 1);
    transition: .5s cubic-bezier(0.5, 0, 0.3, 1);
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 2em 0 0 2em;
}

.offcanvas.offcanvas-end {
    margin-top: 10px;
    margin-bottom: 10px;
}

.offcanvas.show {
    background-color: rgba(110, 41, 140, 0.95);
    color: #ffffff;
}

.offcanvas .mod-menu {
    flex-direction: column;
}

.offcanvas ul.mod-menu li {
    margin-top: 4px;
}

.offcanvas ul.mod-menu li .mm-show,
.metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
.metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
    margin-inline-end: -1em;
    width: 100%;
    margin-top: 6px;
    left: 0;
    font-size: 17px;
}

.offcanvas ul.mod-menu li:hover,
.offcanvas .metismenu.mod-menu .mm-toggler,
.offcanvas .mod-menu>li>a,
.offcanvas .mod-menu>li>span {
    color: #e0e0e0;
    font-size: 18px;
    padding-left: 5px;
}


.offcanvas .mod-menu>li.hover>a,
.offcanvas .mod-menu>li.hover>span {
    color: #6e298c;
}

.offcanvas-body li.level-1 {
    justify-content: space-between;
    border: 1px solid #6e298c;
}

.offcanvas-body li.level-1.current {
    background: #e5d9eb;
    border-radius: 1em;
    color: #6e298c;
}

.offcanvas-body li.level-1.current a {
    color: #6e298c;
}

.offcanvas-body li.level-1 a:before,
.offcanvas-body li.level-1 a:after {
    display: none;
}

.offcanvas-body li.level-1 ul li a {
    font-size: 18px;
    padding: 8px 12px !important;
    display: inline-block !important;
    width: 100%;
    text-align: left !important;
}

.offcanvas-body li.level-1.current .mm-toggler:after {
    background-image: url(../images/chevron-color.svg);
}

.offcanvas ul.mod-menu li:hover {
    cursor: pointer;
    border-radius: 1em;
    background: #e5d9eb;
    color: #6e298c;
}

.offcanvas ul.mod-menu li:hover>a {
    color: #6e298c;
}

.offcanvas-body li.level-1:focus,
.offcanvas-body li.level-1:target,
.offcanvas-body li.level-1:focus-visible {
    border: none;
}

.offcanvas .country-mobile-canvas {
    position: absolute;
    bottom: 0;
    padding: 12px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.offcanvas .country-mobile-canvas img {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}
.offcanvas .country-mobile-canvas a {
    color: #e0e0e0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
}
/*.container-header .metismenu>li.level-1>ul li:hover,
.container-header .metismenu>li.level-1>ul li.current,
.offcanvas-body li.level-1 ul li:hover,
.offcanvas-body li.level-1 ul li.current {
    background: #6e298c;
    border-radius: 2em;
    color: #fff;
}*/

.container-header .metismenu>li.level-1>ul li a:hover,
.container-header .metismenu>li.level-1>ul li.current a,
.offcanvas-body li.level-1 ul li a:hover {
    color: #fff;
}

.container-header .metismenu>li.level-1>ul li.current a {
    background: #6e298c;
    border-radius: 2em;
}

.offcanvas-header .btn-close {
    padding: 0;
    margin: -5px 0px 0 140px;
    width: 30px;
    height: 30px;
    background-image: none;
    position: absolute;
    right: 16px;
    top: 16px;
    box-shadow: none;
}

.offcanvas-header .btn-close:first-child {
    box-shadow: none;
}

.offcanvas-header .btn-close:after {
    content: url(../images/close-white-no-circle.svg);
    width: 60px;
    vertical-align: middle;
    display: inline-block;
    height: auto;
    top: -13px;
    right: 12px;
    position: relative;
    z-index: 1;
}

@media (width <=767.98px) {

    .container-header .container-nav .container-search,
    .container-header .container-nav nav {
        margin-top: 0.5em;
    }

    .container-header .container-nav {
        padding-bottom: 6px;
    }
}

.container-header .container-search .log-in-icon-in-header a.login_modal img {
    width: 40px;
    margin-top: -5px;
}

.vmCartModule.cart-icon-in-header {
    margin-top: -25px;
}

.vmCartModule.cart-icon-in-header .total_products {
    height: 20px;
    width: 20px;
    line-height: 21px;
    background: #6e298c;
    color: #fff;
    font-size: 11px;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
}

.vmCartModule.cart-icon-in-header .total,
.recent-view {
    display: none;
}

.vmCartModule.cart-icon-in-header .total_products:after {
    content: "";
    border: none;
    background-image: url(../images/cart-icon-white-70.svg);
    height: 30px;
    width: 25px;
    display: block;
    margin-top: -18px;
    margin-left: 20px;
}

.vmCartModule.cart-icon-in-header .show_cart a:after {
    content: "";
    border: none;
    background-image: url(../images/cart-icon-white.svg);
    height: 30px;
    width: 25px;
    display: block;
    margin-top: -17px;
    margin-left: 0px;
    position: absolute;
}

.login-icon-modal .eb-dialog {
    color: #6e298c;
    background-color: #fff;
    padding: 20px 30px 30px;
    border: 0;
    outline: 0;
    overflow: hidden;
    border-radius: 2em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

.login-icon-modal .eb-inst .eb-header {
    font-size: 22px;
    line-height: 1em;
    margin-bottom: 12px;
    opacity: 1;
}

.login-icon-modal .eb-dialog .mod-login__username.form-group,
.login-icon-modal .eb-dialog .mod-login__password.form-group,
.login-icon-modal .eb-dialog .mod-login__submit.form-group {
    margin-bottom: 10px;
}

.login-icon-modal .eb-dialog .mod-login__username .input-group input.form-control,
.login-icon-modal .eb-dialog .mod-login__password .input-group input.form-control {
    display: block;
    height: 50px;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #6e298c;
    border-radius: 1em;
}

.login-icon-modal .eb-dialog .mod-login__username .input-group span.input-group-text,
.login-icon-modal .eb-dialog .mod-login__password .input-group button.input-password-toggle,
.controls .input-group .btn {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    border: 1px solid #6e298c;
    border-left: none;
    height: 50px;
}

.login-icon-modal .eb-dialog .mod-login__remember.form-group {
    font-style: italic;
    font-size: 13px;
    cursor: pointer;
}

.com-users-login.login fieldset,
.com-users-reset.reset fieldset,
.com-users-reset.remind fieldset {
    margin-bottom: 0;
}

.com-users-login__remember form#com-users-login__form fieldset,
.remind-inside-wrapper fieldset {
    margin-bottom: 0;
}

.com-users-login__remember form#com-users-login__form fieldset .control-group {
    margin-top: 0;
}

.com-users-login__remember form#com-users-login__form fieldset .com-users-login__submit.control-group {
    margin: 10px auto;
}

.com-users-login__remember form#com-users-login__form fieldset .com-users-login__remember {
    margin-top: 8px;
}

.login-icon-modal .eb-dialog .mod-login__remember.form-group input.form-check-input,
.com-users-login__remember .form-check input.form-check-input,
.view-cart.no-layout .vm-shipment-plugin-single input {
    top: 2px;
    margin-right: 5px;
    border: 2px solid #6e298c;
    box-shadow: none;
    cursor: pointer;
    position: relative;
}

.com-users-login__remember .form-check input.form-check-input {
    margin-left: 0;
}

.com-users-login.login form#com-users-login__form .com-users-login__remember label.form-check-label {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 5px;
    font-size: 12px;
    text-transform: lowercase;
}

.login-icon-modal .eb-dialog .form-group button.btn-primary,
.mod-login-logout__button.logout-button button.btn-primary,
.com-users-login__submit.control-group button.btn-primary,
.com-users-reset__submit.control-group .btn-primary,
.com-users-remind.remind .btn-primary {
    width: 100%;
    border-radius: 2em;
    height: 50px;
    background: #e5d9eb;
    color: #6e298c;
}

.login-icon-modal .eb-dialog .form-group button.btn-primary:hover,
.mod-login-logout__button.logout-button button.btn-primary:hover,
.com-users-login__submit.control-group button.btn-primary:hover,
.com-users-reset__submit.control-group .btn-primary:hover,
.com-users-remind.remind .btn-primary:hover {
    background: #6e298c;
    color: #fff;
}

.mod-login-logout__login-greeting {
    font-style: italic;
    text-align: center;
    margin-bottom: 10px;
}

.mod-login-logout__login-greeting span {
    font-weight: 500;
}

ul.mod-login__options.list-unstyled,
.com-users-login__options.list-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-top: 0;
}

.com-users-login__options.list-group a {
    font-size: 13px;
    font-style: italic;
    margin: 0;
    padding: 2px;
    border: none;
}

ul.mod-login__options.list-unstyled li {
    font-size: 13px;
    font-style: italic;
    margin-bottom: 2px;
}

ul.mod-login__options.list-unstyled li a {
    cursor: pointer;
    text-decoration: none !important;
    font-weight: 300;
}

.login-icon-modal .eb-dialog .eb-close {
    font-size: 24px;
    margin-top: 10px;
    margin-right: 10px;
    padding-bottom: 3px;
    padding-left: 1px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    transition: 300ms;
}

.login-icon-modal .eb-dialog .eb-close span {
    padding: 0;
    line-height: 0;
}
.login-icon-modal .eb-dialog .eb-close:hover > span {
    color: #e5d9eb;
}
@media (width >=992px) {

    .container-header ul.mod-menu.mod-list.nav.offcanvas-menu-new {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .btn.hamburger {
        display: flex;
    }

    .navbar.custom-nav {
        display: none;
    }
}

@media (max-width: 767px) {
    .log-in-icon-in-header {
        margin-top: -2px;
    }

    .vmCartModule.cart-icon-in-header .total_products {
        margin-top: -4px;
    }

    .vmCartModule.cart-icon-in-header .total_products:after {
        margin-top: -16px;
    }

    .vmCartModule.cart-icon-in-header .show_cart a:after {
        margin-top: -15px;
    }
}

/*  */
.container-header {
    background-image: none;
    background: transparent;
}

.container-header::before {
    content: "";
    /*-webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: -1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

.container-header .mod-list li.active>a,
.metismenu.mod-menu .metismenu-item.active>a,
.metismenu.mod-menu .metismenu-item.active>button,
.metismenu.mod-menu .metismenu-item>a:hover,
.metismenu.mod-menu .metismenu-item>button:hover {
    text-decoration: none;

}

/*
.container-header .container-nav {
  padding: 0 2em 1em !important;
}*/
.container-header .container-nav::before {
    content: url(../images/logo_white.svg);
    width: 150px;
    vertical-align: middle;
    display: inline-block;
    height: auto;
    top: 3px;
    position: relative;
    z-index: 1;
}

.container-header .metismenu>li.level-1>ul {
    min-width: 257px;
    width: 100%;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 1em;
    background: #e5d9eb;
}

.container-header .metismenu>li.level-1>ul li {
    display: flex;
    margin-bottom: 2px;
    padding: 0;
    position: relative;
    text-align: center;
    letter-spacing: 0;
}

.container-header .metismenu>li.level-1>ul li.metismenu-item.item-280.level-2:before,
.container-header .metismenu>li.level-1>ul li.metismenu-item.item-204.level-2:before,
.container-header .metismenu>li.level-1>ul li.metismenu-item.item-216.level-2:before {
content:'';
  position: absolute;
  width: 100%;
  background-color: rgba(110,41,140,0.2);
  height: 1px;
  top: 0;
  left:0;
  margin-bottom: 5px;
}

.container-header .metismenu>li.level-1>ul li a {
    font-size: 15px;
    padding: 6px 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.container-header .metismenu>li.level-1>ul li a:hover {
    background: #6e298c;
    color: #fff;
    border-radius: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.metismenu.mod-menu .mm-collapse>li.parent>ul {
    background-color: transparent;
    flex-basis: 100%;
    margin-top: 0;
    margin-bottom: 0;
}



/* VIDEO-IMAGE IN HEADER START */

.image-in-header {
    margin-top: -100px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    height: 100vh;
    max-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
    background-position: 50% 50%;
    box-shadow: 0 0 0 0 #FFFFFF;
    z-index: 1;
    position: relative;
}

.image-in-header.wish-list-header {
    max-height: 370px;
}

.account-header {
    background-image: url(../images/header-image/46.webp);
}

.list-orders-header {
    background-image: url(../images/header-image/46.webp);
}

.wish-list-header {
    background-image: url(../images/header-image/10.webp);
}

.factory-header {
    background-image: url(../images/header-image/16.webp);
}

.clove-article-header {
    background-image: url(../images/header-image/clove-article-header.webp);
}

.neem-article-header {
    background-image: url(../images/header-image/neem_header.webp);
}

.eo-2-article-header {
    background-image: url(../images/header-image/eo_2_header.webp);
}

.eo-1-article-header {
    background-image: url(../images/header-image/eo_1_header.webp);
}

.poison-article-header {
    background-image: url(../images/header-image/poison_header.webp);
}

.skin-3-article-header {
    background-image: url(../images/header-image/skin3_header.webp);
}

.skin-2-article-header {
    background-image: url(../images/header-image/skin2_header.webp);
}

.skin-1-article-header {
    background-image: url(../images/header-image/skin1_header.webp);
}

.glycol-article-header {
    background-image: url(../images/header-image/glycol_header.webp);
}

.orchid-article-header {
    background-image: url(../images/header-image/orchid_header.webp);
}

.cocoa-article-header {
    background-image: url(../images/header-image/cocoa_header.webp);
}

.sun-article-header {
    background-image: url(../images/header-image/sun_header.webp);
}

.body-butter-article-header {
    background-image: url(../images/header-image/butter_header1.webp);
}

.scrubs-article-header {
    background-image: url(../images/header-image/scrubs_header.webp);
}
.affiliate-program-header {
    background-image: url(../images/header-image/39.webp);
}
.image-in-header.affiliate-program-header .main-tittle-in-header svg {
height: 80px;
}
.image-in-header.affiliate-program-header .tittles-in-header {
    padding-top: 114px;
}
.video-in-header {
    margin-top: -100px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    height: 100vh;
    max-height: 400px;
}

.video-in-header.list-orders-header {
    max-height: 330px;
}

.video-in-header.height-300,
.image-in-header.height-300 {
    max-height: 300px;
}

.video-in-header .background-video-in-header {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.video-in-header .background-video-in-header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: 0 0;
    z-index: 1;
}

.video-in-header .background-video-in-header video {
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

/* Стили для контейнера видео */
.video-in-header {
    position: relative;
    width: 100%;
    height: 100vh; /* Убедимся, что видео занимает нужную высоту */
    overflow: hidden;
    background: #e5d9eb; /* Розовый фон для видео, чтобы избежать белого фона при перезапуске */
}

/* Стили для контейнера видео */
.background-video-in-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* Устанавливаем самый низкий z-index для видео и постера */
}

/* Стили для видео */
.section-bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Видео заполняет контейнер */
    display: block; /* Гарантируем, что видео отображается как блочный элемент */
    background: #e5d9eb; /* Розовый фон для видео, чтобы избежать белого фона при перезапуске */
}

/* Стили для overlay */
.video-in-header .overlay,
.image-in-header .overlay {
    background-color: rgba(110, 41, 140, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: repeat;
    z-index: 1; /* Overlay выше видео, но ниже других элементов */
}

/* Делаем overlay полу-прозрачным для .video-in-header.shop-main */
.video-in-header.shop-main .overlay {
   background-color: rgba(110, 41, 140, 0.2);
}

.image-in-header.poison-article-header .overlay,
.image-in-header.orchid-article-header .overlay,
.image-in-header.scrubs-article-header .overlay {
    background: transparent;
}

.video-in-header.factory-header .overlay {
    background-color: rgba(30, 93, 13, 0.3);
}

/* Стили для волн */
.waves-svg-in-header {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2; /* Волны выше видео и overlay, но ниже логотипа */
}

/* Стили для логотипа */
.tittles-in-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 10; /* Логотип выше всех элементов */
}

.main-tittle-in-header {
    text-align: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.main-tittle-in-header .flex-logo-light {
    width: 100%;
    height: auto;
}

/* Стили для всех путей SVG */
.shop-main .flex-logo-light path {
    stroke: #FFFFFF; /* Цвет обводки */
    stroke-width: 1; /* Толщина обводки */
    fill: none; /* Заливка отключена */
}

/* Индивидуальные стили для каждого пути */
.shop-main .flex-logo-light path#letter1 {
    stroke-dasharray: 837.6870727539062; /* Длина пути для #letter1 */
    stroke-dashoffset: 837.6870727539062;
}

.shop-main .flex-logo-light path#letter2 {
    stroke-dasharray: 184.1007537841797; /* Длина пути для #letter2 */
    stroke-dashoffset: 184.1007537841797;
}

/* Начальные стили для #letter3 (fadeIn) */
.shop-main .flex-logo-light path#letter3 {
    opacity: 0; /* Начальная прозрачность */
}

/* Анимация запускается только при добавлении класса .animate */
.shop-main .flex-logo-light.animate path#letter1 {
    animation: draw 6s ease-in-out forwards;
    animation-delay: 1s;
}

.shop-main .flex-logo-light.animate path#letter2 {
    animation: draw 3s ease-in-out forwards;
    animation-delay: 1s;
}

.shop-main .flex-logo-light.animate path#letter3 {
    animation: fadeIn 0.5s ease-in-out forwards;
    animation-delay: 5s;
}

/* Анимация рисования */
@keyframes draw {
    to {
        stroke-dashoffset: 0; /* Штрих становится видимым */
    }
}

/* Анимация fade-in */
@keyframes fadeIn {
    to {
        opacity: 1; /* Элемент становится полностью видимым */
    }
}

/* Для второго SVG (second-tittle-in-header) */
.second-tittle-in-header .flex-logo-light path {
    animation: draw 3s ease-in-out forwards;
}
.second-tittle-in-header .flex-logo-light path:nth-child(1) {
    animation-delay: 1.5s;
}
.second-tittle-in-header .flex-logo-light path:nth-child(2) {
    animation-delay: 2s;
}








.main-tittle-in-header path {
    opacity: 0; /* Скрываем пути для main-tittle до анимации */
}
.shop-main .main-tittle-in-header path,
.terms-header .main-tittle-in-header path {
    opacity: 1; /* Не скрываем пути для main page main-tittle до анимации */
}
.video-in-header .first-tittle-in-header svg,
.video-in-header .second-tittle-in-header svg {
    opacity: 0; /* Скрываем весь SVG для first-tittle and second-tittle до анимации */
}
.video-in-header.terms-header .second-tittle-in-header svg,
.video-in-header.about-us-header .second-tittle-in-header svg {
    opacity: 1;
}
.video-in-header {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.background-video-in-header {
    width: 100%;
    height: 100%;
}

.section-bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.video-in-header .tittles-in-header,
.image-in-header .tittles-in-header {
    position: relative;
    z-index: 2;
    padding-top: 115px;
    text-align: center;
}
.all-together.video-in-header .tittles-in-header {
    padding-top: 135px;
}
.face-ru.video-in-header .tittles-in-header,
.face-en.video-in-header .tittles-in-header,
.face-ua.video-in-header .tittles-in-header {
    padding-top: 120px;
}
.face-ru.video-in-header .main-tittle-in-header svg,
.face-en.video-in-header .main-tittle-in-header svg,
.face-ua.video-in-header .main-tittle-in-header svg {
    height: 85px;
}
.oral-care-ru.video-in-header .tittles-in-header,
.oral-care-en.video-in-header .tittles-in-header,
.oral-care-ua.video-in-header .tittles-in-header {
    padding-top: 130px;
}
.oral-care-ru.video-in-header .main-tittle-in-header svg,
.oral-care-en.video-in-header .main-tittle-in-header svg,
.oral-care-ua.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.face-ru.video-in-header .second-tittle-in-header,
.face-en.video-in-header .second-tittle-in-header {
    margin-top: 5px;
}
.pure-oils-en.video-in-header .tittles-in-header {
    padding-top: 122px;
}
.pure-oils-ru.video-in-header .tittles-in-header,
.pure-oils-ua.video-in-header .tittles-in-header {
    padding-top: 118px;
}
.pure-oils-ru.video-in-header .main-tittle-in-header svg,
.pure-oils-ua.video-in-header .main-tittle-in-header svg,
.pure-oils-en.video-in-header .main-tittle-in-header svg {
    height: 80px;
}

.cosmetics-sets-en.video-in-header .tittles-in-header {
    padding-top: 140px;
}
.cosmetics-sets-ru.video-in-header .tittles-in-header {
    padding-top: 118px;
}
.cosmetics-sets-ru.video-in-header .tittles-in-header .second-tittle-in-header {
    margin-top: 8px;
}
.cosmetics-sets-ru.video-in-header .main-tittle-in-header svg {
    height: 80px;
}
.cosmetics-sets-en.video-in-header .main-tittle-in-header svg {
    height: 60px;
}
.cosmetics-sets-ru.video-in-header .tittles-in-header .second-tittle-in-header svg {
    height: 50px;
}
.new-products.video-in-header .tittles-in-header {
    padding-top: 134px;
}
.new-products.video-in-header .main-tittle-in-header svg {
    height: 65px;
}
.accessories.video-in-header .tittles-in-header {
    padding-top: 134px;
}
.accessories.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.all-together.video-in-header .main-tittle-in-header svg {
    height: 60px;
}
.factory-header.video-in-header .tittles-in-header {
    padding-top: 108px;
}
.factory-header.video-in-header .main-tittle-in-header svg {
    height: 80px;
}
.gymnastics-ru.video-in-header .tittles-in-header,
.gymnastics-en.video-in-header .tittles-in-header {
    padding-top: 116px;
}
.gymnastics-ru.video-in-header .main-tittle-in-header svg,
.gymnastics-en.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.manufacturing-en.video-in-header .tittles-in-header {
    padding-top: 114px;
}
.manufacturing-ru.video-in-header .tittles-in-header {
    padding-top: 116px;
}
.manufacturing-ru.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.manufacturing-en.video-in-header .main-tittle-in-header svg {
    height: 80px;
}
.manufacturing-en.video-in-header .second-tittle-in-header,
.manufacturing-ru.video-in-header .second-tittle-in-header {
    margin-top: 5px;
}
.kids-ru.video-in-header .second-tittle-in-header svg {
    height: 25px;
}
.pure-oils-en.video-in-header .second-tittle-in-header svg {
    height: 30px;
}
.articles-en.video-in-header .tittles-in-header {
    padding-top: 112px;
}
.articles-ru.video-in-header .tittles-in-header {
    padding-top: 116px;
}
.articles-ru.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.articles-en.video-in-header .main-tittle-in-header svg {
    height: 80px;
}
.faq.video-in-header .tittles-in-header {
    padding-top: 112px;
}
.faq.video-in-header .main-tittle-in-header svg {
    height: 80px;
}
.contact-header.video-in-header .tittles-in-header,
.delivery-header.video-in-header .tittles-in-header {
    padding-top: 114px;
}
.contact-header.video-in-header .main-tittle-in-header svg,
.delivery-header.video-in-header .main-tittle-in-header svg {
    height: 80px;
}
.first-tittle-in-header {
    margin-top: -24px;
    margin-bottom: 10px;
}
.skin-1-article-header .first-tittle-in-header,
.skin-2-article-header .first-tittle-in-header,
.skin-3-article-header .first-tittle-in-header,
.scrubs-article-header .first-tittle-in-header {
    margin-top: -10px;
}
.second-tittle-in-header {
    margin-top: 5px;
}

.video-in-header.height-300 .tittles-in-header.single-title,
.image-in-header.height-300 .tittles-in-header.single-title {
    padding-top: 139px;
}

.video-in-header .tittles-in-header.single-title,
.image-in-header .tittles-in-header.single-title {
    padding-top: 180px;
}

.main-tittle-in-header svg {
    height: 50px;
}

.shop-main .main-tittle-in-header svg {
    height: 140px;
    margin-top: -23px;
}

.shop-main .main-tittle-in-header svg #letter1,
.shop-main .main-tittle-in-header svg #letter2 {
    stroke-width: 0.5;
}

.shop-main .main-tittle-in-header svg #letter3 {
    stroke-width: 0.3;
}

.main-tittle-in-header svg,
.first-tittle-in-header svg,
.second-tittle-in-header svg {
    height: 40px;
    fill: #FFF;
}
.skin-3-article-header .main-tittle-in-header svg,
.skin-2-article-header .main-tittle-in-header svg,
.skin-1-article-header .main-tittle-in-header svg,
.scrubs-article-header .main-tittle-in-header svg {
    margin-top: -24px;
}
.skin-3-article-header .first-tittle-in-header svg,
.skin-2-article-header .first-tittle-in-header svg,
.skin-1-article-header .first-tittle-in-header svg,
.scrubs-article-header .first-tittle-in-header svg {
    margin-top: 24px;
    height: 34px;
}
.skin-3-article-header .second-tittle-in-header svg,
.skin-2-article-header .second-tittle-in-header svg,
.skin-1-article-header .second-tittle-in-header svg {
    height: 28px;
    margin-top: 0;
}
.scrubs-article-header .second-tittle-in-header svg {
    height: 28px;
    margin-top: -16px;
}
.shop-main .second-tittle-in-header {
    margin-top: 0px;
    display: none;
}
.shop-main .second-tittle-in-header.ru {
    margin-top: 5px;
}
.shop-main .first-tittle-in-header svg,
.shop-main .second-tittle-in-header svg {
    height: 35px;
    fill: #FFF;
}
.video-in-header.hair-ru .tittles-in-header, .image-in-header .tittles-in-header,
.video-in-header.hair-en .tittles-in-header, .image-in-header .tittles-in-header {
    padding-top: 112px;
}
.video-in-header.hair-ru .main-tittle-in-header svg,
.video-in-header.hair-en .main-tittle-in-header svg {
    height: 80px;
}

.video-in-header.hair-en .first-tittle-in-header svg {
    height: 45px;
    margin-bottom: -8px;
    margin-top: 5px;
}

.video-in-header.hair-en .second-tittle-in-header svg {
    height: 26px;
}

.video-in-header.hair-ru .first-tittle-in-header svg {
    height: 40px;
    margin-bottom: -8px;
    margin-top: 10px;
}

.video-in-header.hair-ru .second-tittle-in-header svg {
    height: 26px;
}

.video-in-header.kids .tittles-in-header, .image-in-header .tittles-in-header {
    padding-top: 132px;
}
.video-in-header.kids .main-tittle-in-header svg {
    height: 80px;
}
.ingredients-header.video-in-header .tittles-in-header {
    padding-top: 115px;
}

.ingredients-header .main-tittle-in-header svg {
    height: 70px;
}

.ingredients-header .second-tittle-in-header svg {
    height: 35px;
}
.video-in-header.master-class-header .tittles-in-header {
    padding-top: 120px;
}

.master-class-header .main-tittle-in-header svg {
    height: 65px;
}

.master-class-header .second-tittle-in-header svg {
    height: 35px;
}
.eo-2-article-header .first-tittle-in-header {
    margin-top: -6px;
    margin-bottom: 6px;
}
.eo-2-article-header .second-tittle-in-header svg {
    height: 25px;
}
.video-in-header.hair-ua .tittles-in-header {
    padding-top: 125px;
}
.video-in-header.hair-ua .tittles-in-header .first-tittle-in-header {
    margin-top: -24px;
    margin-bottom: 0px;
}
.video-in-header.hair-ua .main-tittle-in-header svg {
    height: 70px;
}
.image-in-header.wish-list-header .main-tittle-in-header svg {
    height: 80px;
}
.image-in-header.wish-list-header .tittles-in-header {
    padding-top: 108px;
}
.awo-coupon-header.video-in-header .tittles-in-header {
    padding-top: 105px;
}
.awo-coupon-header .main-tittle-in-header svg {
    height: 80px;
}

.awo-coupon-header .second-tittle-in-header svg {
    height: 40px;
}


.gmp-wrap-right {
  float: right;
  width: 150px;
  -webkit-shape-outside: url(images/gmp.svg);
  shape-outside: url(images/gmp.svg);
  shape-margin:20px;
  margin-right: 0%;
    margin-bottom: 20px;
    margin-top: 20px;
}

@media (max-width: 640px) {
.cosmetics-sets-en.video-in-header .tittles-in-header {
    padding-top: 152px;
}
.cosmetics-sets-en.video-in-header .main-tittle-in-header svg {
    height: 50px;
}
.new-products.video-in-header .tittles-in-header {
    padding-top: 138px;
}
.new-products.video-in-header .main-tittle-in-header svg {
    height: 50px;
}
.accessories.video-in-header .tittles-in-header {
    padding-top: 138px;
}
.accessories.video-in-header .main-tittle-in-header svg {
    height: 60px;
}
.all-together.video-in-header .tittles-in-header {
    padding-top: 135px;
}
.all-together.video-in-header .main-tittle-in-header svg {
    height: 50px;
}
.video-in-header.hair-ru .tittles-in-header,
.video-in-header.hair-en .tittles-in-header {
    padding-top: 120px;
}
.video-in-header.hair-ru .main-tittle-in-header svg,
.video-in-header.hair-en .main-tittle-in-header svg {
    height: 70px;
}

.video-in-header.hair-ua .tittles-in-header {
    padding-top: 130px;
}
.video-in-header.hair-ua .tittles-in-header .first-tittle-in-header {
    margin-top: -24px;
    margin-bottom: 0px;
}
.video-in-header.hair-ua .tittles-in-header .first-tittle-in-header svg,
.video-in-header.hair-ua .tittles-in-header .second-tittle-in-header svg {
    height: 35px;
}
.video-in-header.hair-ua .main-tittle-in-header svg {
    height: 65px;
}

.ingredients-header .main-tittle-in-header svg {
    height: 60px;
}
.factory-header.video-in-header .tittles-in-header {
    padding-top: 114px;
}
.factory-header.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.gymnastics-ru.video-in-header .tittles-in-header,
.gymnastics-en.video-in-header .tittles-in-header {
    padding-top: 124px;
}
.gymnastics-ru.video-in-header .main-tittle-in-header svg,
.gymnastics-en.video-in-header .main-tittle-in-header svg {
    height: 60px;
}
.manufacturing-en.video-in-header .tittles-in-header {
    padding-top: 120px;
}
.manufacturing-ru.video-in-header .tittles-in-header {
    padding-top: 122px;
}
.manufacturing-ru.video-in-header .main-tittle-in-header svg {
    height: 55px;
}
.manufacturing-en.video-in-header .main-tittle-in-header svg {
    height: 65px;
}
.articles-en.video-in-header .tittles-in-header {
    padding-top: 116px;
}
.articles-ru.video-in-header .tittles-in-header {
    padding-top: 120px;
}
.articles-ru.video-in-header .main-tittle-in-header svg {
    height: 65px;
}
.articles-en.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.faq.video-in-header .tittles-in-header {
    padding-top: 116px;
}
.faq.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.contact-header.video-in-header .tittles-in-header,
.delivery-header.video-in-header .tittles-in-header {
    padding-top: 120px;
}
.contact-header.video-in-header .main-tittle-in-header svg,
.delivery-header.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.ingredients-header.video-in-header .tittles-in-header {
    padding-top: 125px;
}
.face-ua.video-in-header .tittles-in-header {
    padding-top: 125px;
}
.face-ua.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.face-ua.video-in-header .second-tittle-in-header svg {
    height: 35px;
    margin-top: 10px !important;
}
.image-in-header.wish-list-header .main-tittle-in-header svg {
    height: 70px;
}
.image-in-header.wish-list-header .tittles-in-header {
    padding-top: 110px;
}
.awo-coupon-header.video-in-header .tittles-in-header {
    padding-top: 120px;
}
.awo-coupon-header .main-tittle-in-header svg {
    height:55px;
}

.awo-coupon-header .second-tittle-in-header svg {
    height: 40px;
}
.video-in-header.master-class-header .tittles-in-header {
    padding-top: 130px;
}

.master-class-header .main-tittle-in-header svg {
    height: 50px;
}
}

@media (max-width: 527px) {
    .new-products .main-tittle-in-header svg {
        height: 45px;
    }
    .image-in-header.affiliate-program-header .main-tittle-in-header svg {
height: 50px;
}
.image-in-header.affiliate-program-header .tittles-in-header {
    padding-top: 124px;
}
.video-in-header.hair-ru .tittles-in-header, .video-in-header.hair-en .tittles-in-header {
    padding-top: 114px;
}
.hair-ru .main-tittle-in-header svg,
.hair-en .main-tittle-in-header svg {
    height: 70px;
}

.video-in-header.hair-ua .tittles-in-header {
    padding-top: 135px;
}
.video-in-header.hair-ua .tittles-in-header .first-tittle-in-header svg,
.video-in-header.hair-ua .tittles-in-header .second-tittle-in-header svg {
    height: 30px;
}
.video-in-header.hair-ua .main-tittle-in-header svg {
    height: 60px;
}


.oral-care-ru.video-in-header .main-tittle-in-header svg,
.oral-care-en.video-in-header .main-tittle-in-header svg,
.oral-care-ua.video-in-header .main-tittle-in-header svg {
    height: 60px;
}

.oral-care-ua.video-in-header .main-tittle-in-header svg {
    height: 60px;
}

.video-in-header.kids .tittles-in-header, .image-in-header .tittles-in-header {
    padding-top: 124px;
}
.video-in-header.kids .main-tittle-in-header svg {
    height: 75px;
}
.pure-oils-en.video-in-header .tittles-in-header {
    padding-top: 122px;
}
.pure-oils-ru.video-in-header .tittles-in-header,
.pure-oils-ua.video-in-header .tittles-in-header {
    padding-top: 120px;
}
.pure-oils-ru.video-in-header .main-tittle-in-header svg,
.pure-oils-en.video-in-header .main-tittle-in-header svg,
.pure-oils-ua.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.cosmetics-sets-en.video-in-header .tittles-in-header {
    padding-top: 150px;
}
.cosmetics-sets-ru.video-in-header .tittles-in-header {
    padding-top: 124px;
}
.cosmetics-sets-ru.video-in-header .main-tittle-in-header svg {
    height: 70px;
}
.cosmetics-sets-en.video-in-header .main-tittle-in-header svg {
    height: 40px;
}
.cosmetics-sets-ru.video-in-header .tittles-in-header .second-tittle-in-header svg {
    height: 43px;
}
.new-products.video-in-header .tittles-in-header {
    padding-top: 140px;
}
.new-products.video-in-header .main-tittle-in-header svg {
    height: 45px;
}
.accessories.video-in-header .tittles-in-header {
    padding-top: 142px;
}
.accessories.video-in-header .main-tittle-in-header svg {
    height: 50px;
}
.all-together.video-in-header .tittles-in-header {
    padding-top: 140px;
}
.all-together.video-in-header .main-tittle-in-header svg {
    height: 45px;
}
.all-together.video-in-header .second-tittle-in-header svg {
    height: 35px;
}
.video-in-header.hair-ru .tittles-in-header,
.video-in-header.hair-en .tittles-in-header {
    padding-top: 122px;
}
.video-in-header.hair-ru .main-tittle-in-header svg,
.video-in-header.hair-en .main-tittle-in-header svg {
    height: 60px;
}
.ingredients-header .main-tittle-in-header svg {
    height: 50px;
}
.factory-header.video-in-header .tittles-in-header {
    padding-top: 118px;
}
.factory-header.video-in-header .main-tittle-in-header svg {
    height: 60px;
}
.gymnastics-ru.video-in-header .tittles-in-header,
.gymnastics-en.video-in-header .tittles-in-header {
    padding-top: 130px;
}
.gymnastics-ru.video-in-header .main-tittle-in-header svg,
.gymnastics-en.video-in-header .main-tittle-in-header svg {
    height: 50px;
}
.manufacturing-en.video-in-header .tittles-in-header {
    padding-top: 126px;
}
.manufacturing-ru.video-in-header .tittles-in-header {
    padding-top: 128px;
}
.manufacturing-ru.video-in-header .main-tittle-in-header svg {
    height: 45px;
}
.manufacturing-en.video-in-header .main-tittle-in-header svg {
    height: 55px;
}
.articles-en.video-in-header .tittles-in-header {
    padding-top: 120px;
}
.articles-ru.video-in-header .tittles-in-header {
    padding-top: 122px;
}
.articles-ru.video-in-header .main-tittle-in-header svg {
    height: 65px;
}
.articles-en.video-in-header .main-tittle-in-header svg {
    height: 65px;
}
.contact-header.video-in-header .tittles-in-header,
.delivery-header.video-in-header .tittles-in-header  {
    padding-top: 122px;
}
.contact-header.video-in-header .main-tittle-in-header svg,
.delivery-header.video-in-header .main-tittle-in-header svg {
    height: 65px;
}
.ingredients-header.video-in-header .tittles-in-header {
    padding-top: 130px;
}
.face-ua.video-in-header .tittles-in-header {
    padding-top: 130px;
}
.face-ua.video-in-header .main-tittle-in-header svg {
    height: 60px;
}
.face-ua.video-in-header .second-tittle-in-header svg {
    height: 30px;
}
.image-in-header.wish-list-header .main-tittle-in-header svg {
    height: 65px;
}
.image-in-header.wish-list-header .tittles-in-header {
    padding-top: 112px;
}
.awo-coupon-header.video-in-header .tittles-in-header {
    padding-top: 125px;
}
.awo-coupon-header .main-tittle-in-header svg {
    height:50px;
}

.awo-coupon-header .second-tittle-in-header svg {
    height: 35px;
}
.video-in-header.master-class-header .tittles-in-header {
    padding-top: 135px;
}

.master-class-header .main-tittle-in-header svg {
    height: 45px;
}
.skin-1-article-header .first-tittle-in-header,
.skin-2-article-header .first-tittle-in-header,
.skin-3-article-header .first-tittle-in-header,
.scrubs-article-header .first-tittle-in-header {
    margin-top: 0;
}
}

@media (max-width: 440px) {
    .skin-1-article-header .first-tittle-in-header,
    .skin-2-article-header .first-tittle-in-header,
.skin-3-article-header .first-tittle-in-header,
.scrubs-article-header .first-tittle-in-header {
    margin-top: -4px;
}
.body-butter-article-header .second-tittle-in-header svg {
    height: 35px;
}
    .new-products .main-tittle-in-header svg {
        height: 45px;
    }

    .new-products .second-tittle-in-header svg {
        height: 35px;
    }
    .image-in-header.affiliate-program-header .main-tittle-in-header svg {
height: 45px;
}
.video-in-header.hair-ru .tittles-in-header, .video-in-header.hair-en .tittles-in-header {
    padding-top: 118px;
}
.hair-ru .main-tittle-in-header svg,
.hair-en .main-tittle-in-header svg {
    height: 65px;
}
.oral-care-ru.video-in-header .tittles-in-header,
.oral-care-en.video-in-header .tittles-in-header {
    padding-top: 132px;
}
.oral-care-ru.video-in-header .main-tittle-in-header svg,
.oral-care-en.video-in-header .main-tittle-in-header svg {
    height: 55px;
}
.video-in-header.kids .tittles-in-header, .image-in-header .tittles-in-header {
    padding-top: 134px;
}
.video-in-header.kids .main-tittle-in-header svg {
    height: 65px;
}
.pure-oils-en.video-in-header .tittles-in-header {
    padding-top: 136px;
}
.pure-oils-ru.video-in-header .tittles-in-header,
.pure-oils-ua.video-in-header .tittles-in-header {
    padding-top: 134px;
}
.pure-oils-ru.video-in-header .main-tittle-in-header svg,
.pure-oils-en.video-in-header .main-tittle-in-header svg,
.pure-oils-ua.video-in-header .main-tittle-in-header svg {
    height: 60px;
}
.cosmetics-sets-en.video-in-header .tittles-in-header {
    padding-top: 144px;
}
.cosmetics-sets-ru.video-in-header .tittles-in-header {
    padding-top: 144px;
}
.cosmetics-sets-ru.video-in-header .main-tittle-in-header svg {
    height: 60px;
}
.cosmetics-sets-en.video-in-header .main-tittle-in-header svg {
    height: 35px;
}
.cosmetics-sets-ru.video-in-header .tittles-in-header .second-tittle-in-header svg {
    height: 37px;
}
.new-products.video-in-header .tittles-in-header {
    padding-top: 146px;
}
.new-products.video-in-header .main-tittle-in-header svg {
    height: 40px;
}
.accessories.video-in-header .tittles-in-header {
    padding-top: 144px;
}
.accessories.video-in-header .main-tittle-in-header svg {
    height: 45px;
}
.all-together.video-in-header .tittles-in-header {
    padding-top: 145px;
}
.all-together.video-in-header .main-tittle-in-header svg {
    height: 40px;
}
.all-together.video-in-header .second-tittle-in-header svg {
    height: 30px;
}
.video-in-header.hair-ru .tittles-in-header,
.video-in-header.hair-en .tittles-in-header {
    padding-top: 128px;
}
.video-in-header.hair-ru .main-tittle-in-header svg,
.video-in-header.hair-en .main-tittle-in-header svg {
    height: 55px;
}

.video-in-header.hair-ua .tittles-in-header {
    padding-top: 140px;
}
.video-in-header.hair-ua .tittles-in-header .first-tittle-in-header svg,
.video-in-header.hair-ua .tittles-in-header .second-tittle-in-header svg {
    height: 28px;
}
.video-in-header.hair-ua .main-tittle-in-header svg {
    height: 50px;
}

.ingredients-header .main-tittle-in-header svg {
    height: 45px;
}
.gymnastics-ru.video-in-header .tittles-in-header,
.gymnastics-en.video-in-header .tittles-in-header {
    padding-top: 132px;
}
.gymnastics-ru.video-in-header .main-tittle-in-header svg,
.gymnastics-en.video-in-header .main-tittle-in-header svg {
    height: 45px;
}
.manufacturing-en.video-in-header .tittles-in-header {
    padding-top: 128px;
}
.manufacturing-ru.video-in-header .tittles-in-header {
    padding-top: 130px;
}
.manufacturing-ru.video-in-header .main-tittle-in-header svg {
    height: 40px;
}
.manufacturing-en.video-in-header .main-tittle-in-header svg {
    height: 50px;
}
.articles-en.video-in-header .tittles-in-header {
    padding-top: 120px;
}
.articles-ru.video-in-header .tittles-in-header {
    padding-top: 122px;
}
.articles-ru.video-in-header .main-tittle-in-header svg {
    height: 65px;
}
.articles-en.video-in-header .main-tittle-in-header svg {
    height: 65px;
}
.faq.video-in-header .tittles-in-header {
    padding-top: 118px;
}
.faq.video-in-header .main-tittle-in-header svg {
    height: 65px;
}
.contact-header.video-in-header .tittles-in-header,
.delivery-header.video-in-header .tittles-in-header {
    padding-top: 126px;
}
.contact-header.video-in-header .main-tittle-in-header svg,
.delivery-header.video-in-header .main-tittle-in-header svg {
    height: 55px;
}
.ingredients-header.video-in-header .tittles-in-header {
    padding-top: 135px;
}
.image-in-header.wish-list-header .main-tittle-in-header svg {
    height: 60px;
}
.image-in-header.wish-list-header .tittles-in-header {
    padding-top: 116px;
}
.awo-coupon-header.video-in-header .tittles-in-header {
    padding-top: 130px;
}
.awo-coupon-header .main-tittle-in-header svg {
    height:45px;
}

.awo-coupon-header .second-tittle-in-header svg {
    height: 30px;
}
.video-in-header.master-class-header .tittles-in-header {
    padding-top: 140px;
}

.master-class-header .main-tittle-in-header svg {
    height: 40px;
}
}

@media (max-width: 396px) {
    .new-products .main-tittle-in-header svg {
        height: 35px;
    }
    .image-in-header.affiliate-program-header .main-tittle-in-header svg {
height: 40px;
}
.oral-care-ru.video-in-header .tittles-in-header,
.oral-care-en.video-in-header .tittles-in-header {
    padding-top: 134px;
}
.oral-care-ru.video-in-header .main-tittle-in-header svg,
.oral-care-en.video-in-header .main-tittle-in-header svg {
    height: 50px;
}
.video-in-header.kids .tittles-in-header, .image-in-header .tittles-in-header {
    padding-top: 136px;
}
.video-in-header.kids .main-tittle-in-header svg {
    height: 60px;
}
.video-in-header.kids .second-tittle-in-header svg {
    height: 35px;
}
.video-in-header.kids-ru .second-tittle-in-header svg {
    height: 20px;
}
.pure-oils-en.video-in-header .tittles-in-header {
    padding-top: 130px;
}
.pure-oils-ru.video-in-header .tittles-in-header,
.pure-oils-ua.video-in-header .tittles-in-header {
    padding-top: 126px;
}
.pure-oils-ru.video-in-header .main-tittle-in-header svg,
.pure-oils-en.video-in-header .main-tittle-in-header svg,
.pure-oils-ua.video-in-header .main-tittle-in-header svg {
    height: 50px;
}
.cosmetics-sets-en.video-in-header .tittles-in-header {
    padding-top: 145px;
}
.cosmetics-sets-ru.video-in-header .tittles-in-header {
    padding-top: 138px;
}
.cosmetics-sets-ru.video-in-header .main-tittle-in-header svg {
    height: 55px;
}
.cosmetics-sets-en.video-in-header .main-tittle-in-header svg {
    height: 33px;
}
.cosmetics-sets-ru.video-in-header .tittles-in-header .second-tittle-in-header svg {
    height: 34px;
}
.new-products.video-in-header .tittles-in-header {
    padding-top: 140px;
}
.new-products.video-in-header .main-tittle-in-header svg {
    height: 35px;
}
.accessories.video-in-header .tittles-in-header {
    padding-top: 144px;
}
.accessories.video-in-header .main-tittle-in-header svg {
    height: 40px;
}
.accessories.video-in-header .second-tittle-in-header svg {
    height: 35px;
}
.all-together.video-in-header .tittles-in-header {
    padding-top: 145px;
}
.all-together.video-in-header .main-tittle-in-header svg {
    height: 40px;
}
.all-together.video-in-header .second-tittle-in-header svg {
    height: 30px;
}
.ingredients-header .main-tittle-in-header svg {
    height: 40px;
}
.factory-header.video-in-header .tittles-in-header {
    padding-top: 122px;
}
.factory-header.video-in-header .main-tittle-in-header svg {
    height: 55px;
}
.gymnastics-ru.video-in-header .tittles-in-header,
.gymnastics-en.video-in-header .tittles-in-header {
    padding-top: 136px;
}
.gymnastics-ru.video-in-header .main-tittle-in-header svg,
.gymnastics-en.video-in-header .main-tittle-in-header svg {
    height: 40px;
}
.manufacturing-en.video-in-header .tittles-in-header {
    padding-top: 130px;
}
.manufacturing-ru.video-in-header .tittles-in-header {
    padding-top: 134px;
}
.manufacturing-ru.video-in-header .main-tittle-in-header svg {
    height: 35px;
}
.manufacturing-en.video-in-header .main-tittle-in-header svg {
    height: 45px;
}
.contact-header.video-in-header .tittles-in-header,
.delivery-header.video-in-header .tittles-in-header {
    padding-top: 128px;
}
.contact-header.video-in-header .main-tittle-in-header svg,
.delivery-header.video-in-header .main-tittle-in-header svg {
    height: 50px;
}
.clove-article-header .second-tittle-in-header svg {
    height: 35px;
}
.face-ua.video-in-header .tittles-in-header {
    padding-top: 135px;
}
.face-ua.video-in-header .main-tittle-in-header svg {
    height: 55px;
}
.image-in-header.wish-list-header .main-tittle-in-header svg {
    height: 55px;
}
.image-in-header.wish-list-header .tittles-in-header {
    padding-top: 118px;
}
.awo-coupon-header.video-in-header .tittles-in-header {
    padding-top: 135px;
}
.awo-coupon-header .main-tittle-in-header svg {
    height:40px;
}

.awo-coupon-header .second-tittle-in-header svg {
    height: 30px;
}
.video-in-header.master-class-header .tittles-in-header {
    padding-top: 145px;
}

.master-class-header .main-tittle-in-header svg {
    height: 35px;
}
.body-butter-article-header .second-tittle-in-header svg {
    height: 30px;
}
}

/* VIDEO/IMAGE IN HEADER END */

/* WAVES IN HEADER START */
.waves-svg-in-header {
    z-index: 2;
    bottom: -1px;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
}

.waves-svg-in-header>svg {
    width: 250%;
    max-width: 250%;
    fill: #FFFFFF;
    height: 50px;
    transform: rotateX(180deg) translateX(-50%);
    display: block;
    position: relative;
    left: 50%;
}

/* WAVES IN HEADER END */
/* SEARCH VM START */
.searchsearch-in-header {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 55%;
    margin: -170px auto 0;
    position: relative;
    z-index: 2;
}

.searchsearch-in-header #mod_virtuemart_search {
    background: rgba(255, 255, 255, 0.3);
    flex-grow: 1;
    height: 50px;
    border: none;
    border-radius: 2em;
    text-align: center;
    color: #fff !important;
    outline: unset;
}

.searchsearch-in-header .buttonsearch-in-header {
    width: 45px;
    margin-left: -48px;
}

.searchsearch-in-header input::-moz-placeholder {
    color: white;
}

.searchsearch-in-header input:-moz-placeholder {
    color: white;
}

.searchsearch-in-header *::-webkit-input-placeholder {
    color: white;
}

.searchsearch-in-header *:-ms-input-placeholder {
    color: white;
}

.searchsearch-in-header *:-moz-placeholder {
    color: white;
}

@media (width <=420px) {
    body.wrapper-fluid header>.grid-child {
        padding-left: 4px;
        padding-right: 2em;
    }

    .container-header .container-nav .container-search {
        width: 112px;
        margin-right: 0;
    }

    .container-header .container-nav::before {
        width: 130px;
        top: 11px;
    }

    .searchsearch-in-header {
        max-width: 100%;
    }
}
.header {
  transition: none !important;
  top: 0;
  z-index: 3;
  opacity: 1;
  position: relative !important;
}
.custom-sticky-class.container-header .container-nav {
    padding-top: 6px;
    padding-bottom: 7px;
}
.custom-sticky-class {
    background-color: rgba(110, 41, 140, 0.9);
    height: 58px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 1021;
  animation: dropDown 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
.custom-sticky-class:before {

}
@keyframes dropDown {
  from {
    top: -100%;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

.header.sliding-up {
  animation: slideUp 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}

@keyframes slideUp {
  from {
    top: 0;
    opacity: 1;
  }
  to {
    top: -100%;
    opacity: 0;
  }
}

@media (max-width: 991.98px) {
  .header, .custom-sticky-class {
    width: 100% !important;
    left: 0;
  }
  .header .mod-menu {
    position: relative;
    width: 100%;
  }
  .header .navbar-collapse {
    z-index: 10001;
  }
}
/* SEARCH VM END */
/* FOOTER WAVES START */
.footer {
    background-color: transparent;
    background-image: none;
}

body.wrapper-fluid footer>.grid-child {
    padding: 0;
}

body.wrapper-fluid footer>.grid-child .mod-custom {
    width: 100%;
}
#sp-footer .inner-header svg {
    display: none;
}
#sp-footer .inner-header h1 {
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 1.2em;
    margin-bottom: -0.3em;
    display: none;
}

#sp-footer p {
    letter-spacing: 1px;
    font-size: 1em;
    color: #6e298c;
    margin-bottom: -0.4em;
}

#sp-footer .footer-header {
    position: relative;
    text-align: center;
    background: linear-gradient(180deg, rgb(100% 100% 100%) 0%, rgb(99.778% 99.672% 99.824%) 6.25%, rgb(99.112% 98.689% 99.295%) 12.5%, rgb(98.001% 97.05% 98.415%) 18.75%, rgb(96.446% 94.755% 97.181%) 25%, rgb(94.447% 91.805% 95.596%) 31.25%, rgb(92.004% 88.199% 93.658%) 37.5%, rgb(89.116% 83.937% 91.368%) 43.75%, rgb(85.784% 79.02% 88.725%) 50%, rgb(82.008% 73.447% 85.731%) 56.25%, rgb(77.788% 67.218% 82.384%) 62.5%, rgb(73.123% 60.334% 78.684%) 68.75%, rgb(68.015% 52.794% 74.632%) 75%, rgb(62.462% 44.599% 70.228%) 81.25%, rgb(56.464% 35.748% 65.472%) 87.5%, rgb(50.023% 26.241% 60.363%) 93.75%, rgb(43.137% 16.078% 54.902%) 100%);
    color: white;
}

#sp-footer .logo {
    fill: white;
    padding-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

#sp-footer .inner-header {
    height: 20vh;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 10em;
}

#sp-footer .flex,
.flex {
    /*Flexbox for containers*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.just-be-healthy .flex {
    flex-direction: column;
}

#sp-footer .waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}
.shadow-title {
   position: absolute;
    bottom: 44px;
    width: 100%;
    text-align: center;
    font-size: 9vw;
    letter-spacing: 2px;
    color: rgba(110,41,140,0.1);
    background: linear-gradient(rgba(110,41,140, 0), rgba(110,41,140,0.2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    text-transform: uppercase;
}

.about-us-header.video-in-header .tittles-in-header {
    padding-top: 100px;
}
.about-us-header .scrolling-text,
.shadow-title .scrolling-text {
  overflow: hidden;
  width: 100%;
  height: 110px;
  display: flex;
  align-items: center;
}
.about-us-header .scrolling-text .rail,
.shadow-title .scrolling-text .rail {
  display: flex;
}
.about-us-header .scrolling-text .rail h4,
.shadow-title .scrolling-text .rail h4 {
    color: rgba(110,41,140,1);
  white-space: nowrap;
  font-size: 90px;
  font-weight: 900;
  font-family: inherit;
  letter-spacing: 2px;
  line-height: 1em;
  margin: 0 30px 0 0;
    text-shadow:
        -1px -1px 0 #fff,
         1px -1px 0 #fff,
        -1px  1px 0 #fff,
         1px  1px 0 #fff;
}
.shadow-title .scrolling-text .rail h4 {
    color: rgba(110,41,140,1);
  white-space: nowrap;
  display: inline-block;
  font-weight: 900;
  font-family: inherit;
  letter-spacing: 2px;
  line-height: 1em;
  margin: 0 30px 0 0;
  font-size: 9vw;
    color: rgba(110,41,140,0.1);
    background: linear-gradient(rgba(110,41,140, 0), rgba(110,41,140,0.2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: none;
}
.video-in-header, .tittles-in-header {
    width: 100%;
    max-width: none;
    overflow: hidden;
}
#sp-footer .content {
    position: relative;
    height: 10vh;
    text-align: center;
    background-color: #f9f9f9;
}

#sp-footer .social-links {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-bottom: 66px;
    gap: 10px;
}

#sp-footer .social-links a img {
    height: 40px;
    transition: transform .5s cubic-bezier(.165,.84,.44,1);
}

#sp-footer .social-links a img:hover {
    transform: scale(1.05);
}

/* Animation */

#sp-footer .parallax>use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

#sp-footer .parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

#sp-footer .parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

#sp-footer .parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

#sp-footer .parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/*Shrinking for mobile*/
@media (max-width: 768px) {
    .custom-sticky-class.container-header .container-nav {
    padding-top: 0;
}
    #sp-footer .inner-header {
        height: 16vh;
        margin-top: 0;
        padding-top: 7em;
    }
    #sp-footer .waves {
    height: 9vh;
}
.shadow-title {
    bottom: 24px;
}

    #sp-footer svg {
        width: 10%;
    }

    #sp-footer .waves {
        min-height: 40px;
    }

    #sp-footer .content {
        height: 10vh;
    }

    #sp-footer h1 {
        font-size: 1em;
        margin-bottom: -0.05em;
    }

    #sp-footer p {
        font-size: 0.8em;
    }
}

@media (max-width: 480px) {
    .footer {
    margin-top: 10px;
}
    #sp-footer .inner-header {
        height: 12vh;
        padding-top: 5em;
    }
    .shadow-title {
        font-size: 60px;
    bottom: 10px;
}
.shadow-title .scrolling-text .rail h4 {
    font-size: 60px;
}
#sp-footer .social-links {
    margin-bottom: 10px;
}
}

/* Footer end */
.modal-content {
    border-radius: 2em;
    background: #fff;
}

/* DISPLAY: NONE BEGAN */
.orderby-displaynumber,
.fancybox-title-inside {
    display: none;
}

/* DISPLAY: NONE END */

/* VIRTUEMART BEGAN */
.category-view {
    margin-top: -150px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 2;
    position: relative;
}
.all-products-menu .category-view {
    margin-top: -134px;
}
.category-view .vm-category-subcategories {
margin-bottom: 3em;
}
.category-view .gy-4 {
    --gutter-y: 1rem;
}
.category-view .virtuemart_search {
    margin-top: 16px;
}
.virtuemart_search.p-3.mb-3.border.bg-light {
    display: none;
}
.search-in-header .filter-search .product-filter-mobile {
    position: absolute;
    top: 3px;
    left: 3px;
}

.search-in-header .filter-search .product-filter-mobile a img {
    width: 44px;
    border-radius: 50%;
    padding: 7px;
    border: 1px solid #6e298c;
    background: #fff;
}

.category-view .vm-category-title,
.category-view .browse-view h2.vm-products-type-title {
    display: none;
}

@media (width >=1200px) {

    .category-view .vm-category-subcategories .row .vm-subcategory.col-xl-4,
    .vm-product-grid .row .product.col-lg-4 {
        width: 33.333333%;
    }
}

.category-view .browse-view .vm-product-grid .row {
    --gutter-y: 1rem;
}

@media (width >=992px) {

    .category-view .vm-category-subcategories .row .vm-subcategory.col-6.col-md-4.col-lg-3.col-xl-4,
    .vm-product-grid .row .product.col-lg-4.col-lg-3 {
        flex: none;
        width: 33.333333%;
    }

    .search-in-header .filter-search .product-filter-mobile {
        display: none;
    }
}

.category-view .vm-category-subcategories .row .vm-subcategory {
    border-radius: 2em;
    -webkit-animation-name: intro-zoom-in;
    animation-name: intro-zoom-in;
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    border: none;
}

.category-view .row .spacer .spacer-img {
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category-view .row .spacer .spacer-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    display: inline-table;
    float: left;
}

.category-view .vm-category-subcategories .row .vm-subcategory a img {
    margin-bottom: 0;
    border-radius: 2em;
}

.category-view .row .spacer:hover img {
    transform: scale(1.1);
}

.category-view .browse-view .vm-product-grid .product .product-price {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
    font-style: italic;
    text-align: center;
}

/* HTML: <div class="ribbon">Your text content</div> */
.vm-subcategory .spacer {
    padding: 0;
    margin: 0;
    border-radius: 2em;
    height: auto;
    -webkit-animation-name: intro-zoom-in;
    animation-name: intro-zoom-in;
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: relative;
}

.vm-subcategory .spacer span.overlay {
    width: auto;
    min-width: 140px;
    height: auto;
    text-align: center;
    display: table;
    position: absolute;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    background-color: transparent;
    box-shadow: none;
    z-index: 1;
    bottom: 112px;
}

.vm-subcategory .spacer span.overlay h2 {
    font-family: inherit;
    font-size: 15px;
    font-weight: bold !important;
    --r: .4em;
    --c: #e5d9eb;
    position: absolute;
    top: 36px;
    left: calc(-1* var(--r));
    line-height: 2.2;
    padding: calc(2* var(--r)) .7em 0;
    border-radius: var(--r) 0 0 var(--r);
    background: radial-gradient(100% 50% at left, var(--c) 98%, #0000 101%) 100% 100% / .5lh calc(100% - 2* var(--r)), radial-gradient(100% 50% at right, #bbbb 98%, #0000 101%) 0 0 / var(--r) calc(2* var(--r)), conic-gradient(at var(--r) calc(2* var(--r)), #0000 25%, var(--c) 0) 0 0 / calc(101% - .5lh) 100%;
    background-repeat: no-repeat;
    white-space: nowrap;
}

@media (width >=1400px) {

    .g-xxl-5,
    .gy-xxl-5 {
        --gutter-y: 1rem;
        --gutter-x: 1rem;
    }
}

.category-view .product .product-container {
    background-color: rgba(251, 251, 251, 1);
    padding: 10px;
    position: relative;
    border-radius: 2em;
    border: none;
    -webkit-animation-name: intro-zoom-in;
    animation-name: intro-zoom-in;
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.category-view .vm-product-media-container {
    min-height: auto !important;
}

.category-view .product-container h2 {
    margin-bottom: 0;
    line-height: 14px;
}

.category-view .product-container h2 a {
    font-weight: bold;
    font-size: 17px;
    line-height: 16px;
}

.table-responsive td p a {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
}

.category-view .product-container h2 a span,
.browse-view .product-container h2 a span,
.name-price-in-cart .name-product-in-cart a span,
.text-in-modal h3.item-name span,
.spacer-inner h5 a span,
.vme-list-section h3 a span,
.vm-cart-item-name a span,
#cart-view .cart-data .vm-cart-item-cfields .vm-customfield-cart .product-field-type-C span,
.table-responsive td p a span,
.recently-viewed-products-mobile .spacer-titles span,
.notify-product-out-stock span {
    font-style: italic;
    font-size: 13px;
    text-transform: lowercase;
    font-weight: 500;
    display: block;
}
.category-view .product-container h2 a span,
.browse-view .product-container h2 a span {
    font-size: 12px;
}
.vm-cart-item-name a span {
  line-height: 19px;
}

.vm-padded .flex-column {
    margin-bottom: 0;
}
.vm-padded .alert-success {
    background: transparent;
    color: #6e298c;
    border: none;
}

.vm-padded .ms-2 {
    margin-top: 10px;
}

.vm-padded .ms-3 {
    font-weight: bold;
    line-height: 19px;
}

.vm-padded .ms-1 {
    margin-right: 10px;
    width: 30px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 42px;
    font-weight: bold;
}

.vm-padded .ms-3 span {
    font-style: italic;
    text-transform: lowercase;
    font-weight: 500;
    word-break: break-all;
    white-space: nowrap;
}

.vm-padded .flex-column a.continue_link {
    flex-grow: 1;
    background: #fff;
    color: #6e298c;
    font-size: 13px;
    border: 1px solid #6e298c;
    border-radius: 3em;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    width: 100%;
}

.vm-padded .flex-column a.continue_link:hover {
    background: #6e298c;
    color: #fff;
}

.vm-padded .flex-column a.showcart {
    flex-grow: 1;
    background: #6e298c;
    color: #fff;
    font-size: 13px;
    border: 1px solid #6e298c;
    border-radius: 3em;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    width: 100%;
    margin-top: 12px;
}

.vm-padded .flex-column a.showcart:hover {
    color: #6e298c;
    background: #fff;
}

.rounded-border {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #6e298c;
    border-radius: 2em;
    display: block;
    height: auto;
}


.addtocart-bar {
    width: 100%;
}

.category-view .product .product-container .addtocart-area .addtocart-bar .row {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.addtocart-area {
    width: 100%;
}

.product-container.productdetails-view.productdetails {
    max-width: 1200px;
    margin: -90px auto 0;
    padding-left: 10px;
    padding-right: 10px;
}
.product-container.productdetails-view.productdetails .row {
    margin-bottom: 0 !important;
}
.product-container.productdetails-view.productdetails .additional-images .col-6 {
    margin-top: 0;
    margin-bottom: 10px;
}
.product-container.productdetails-view.productdetails .img-thumbnail,
#facebox img {
    border-radius: 1em;
    border: none;
}
.product-container.productdetails-view.productdetails .addtocart-area .addtocart-bar .row {
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-container.productdetails-view.productdetails .product-related-products {
    margin-top: 30px;
}
.vm-product-details-container h2,
.category-view .product-container h2{
    font-size: 24px;
    font-weight: bold;
    line-height: 23px;
    text-align: center;
    z-index: 2;
    position: relative;
  font-family: inherit;
}

.vm-product-details-container h2 span {
    font-style: italic;
    font-size: 18px;
    text-transform: lowercase;
    font-weight: 500;
    display: block;
}

.vm-product-details-container .product-price .PricesalesPrice span.PricesalesPrice {
    font-weight: 500;
    font-style: italic;
    font-size: 20px;
    display: table;
    float: left;
    padding-left: 5px;
}

.vm-continue-shopping {
    margin-top: -40px;
}
.vm-continue-shopping h1 {
    font-size: 22px;
    margin-bottom: 20px !important;
}

.vm-continue-shopping a.continue_link {
    font-size: 16px;
    padding: 0;
    border-bottom: none;
    color: #6e298c;
    background: #fff;
    text-align: center;
    font-weight: 400;
    text-transform: lowercase;
    height: 45px;
    margin-right: 0;
    border-radius: 3em;
    cursor: pointer;
    transition: 0.3s ease;
    display: block;
    line-height: 42px;
    border: 1px solid #6e298c;
    position: relative;
    z-index: 1;
}
.vm-continue-shopping a.continue_link.btn-primary {
    width: fit-content;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

.vm-continue-shopping a.continue_link:hover {
    color: #fff !important;
    text-shadow: none !important;
    background: #6e298c !important;
    border: 1px solid #6e298c !important;
}

.productdetails-view .product-price {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}

.productdetails-view .product-price .product-price {
    margin-top: 0;
    margin-top: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.productdetails-view .back-to-category {
    margin-top: 10px;
    width: 100%;
    height: 40px;
    color: #6e298c;
    border: 1px solid #6e298c;
    padding: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s ease;
    border-radius: 2em;
    text-shadow: none;
}

.productdetails-view .back-to-category:hover {
    background: #e5d9eb;
    color: #6e298c;
    border: 1px solid #e5d9eb;
}

.productdetails-view .back-to-category a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-transform: lowercase;
    padding: 0;
    line-height: 33px;
}
.productdetails-view .back-to-category a:hover {
    border: none;
}

.productdetails-view .back-to-category a svg {
    width: 10px;
    height: auto;
    padding-top: 2px;
}

.productdetails-view .back-to-category a span {
    font-style: italic;
    font-weight: 500;
}

.vm-customfields-wrap {
    width: 100%;
}

.productdetails-view .vm-customfields-wrap {
    margin-left: -15px;
    width: 96%;
}
.vm-customfields-wrap .controls {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.category-view .browse-view .vm-customfields-wrap .product-fields .product-field {
    margin-left: 2px;
    margin-right: 2px;
}
.category-view .vm-customfields-wrap .controls {
    margin-bottom: 0;
    margin-left: -12px;
}

.controls .form-check-inline {
    padding-left: 0;
    min-width: 0;
    margin-right: 2px;
    margin-bottom: 6px;
    flex-grow: 1;
    width: 100%;
}

.controls .form-check-inline:checked {
    color: #6e298c;
    margin: 10px 2px;
    padding: 0;
    height: 32px;
    line-height: 32px;
    font-weight: 500;
    background: #e5d9eb;
    border: 1px solid #e5d9eb;
    opacity: 1;
    min-width: 35px;
    display: block;
    float: right;
    font-size: 9px;
    text-align: center;
    border-radius: 2em;
    flex-grow: 1;
}

.controls .form-check-inline input+label {
    background: #fff;
    font-size: 10px;
    border: 1px solid #6e298c;
    border-radius: 4px;
    padding: 8px 1px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    -webkit-transform: skew(-20deg) translateX(6px);
    -ms-transform: skew(-20deg) translateX(6px);
    transform: skew(-20deg) translateX(6px);
}

.controls .form-check-inline input:checked+label {
    background: #e5d9eb;
}

.controls .form-check-inline input:hover+label {
    background: #e5d9eb;
}

.controls .form-check-input:checked[type=radio],
.controls .form-check-input[type=radio] {
    margin-left: 0;
    display: none;
}

.addtocart-bar .quantity-box {
    flex-wrap: nowrap !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quantity-box input.form-control {
    padding: 0;
    margin-bottom: 0;
    font-size: 12px;
    height: 40px !important;
    width: 40px !important;
    min-width: 34px;
    color: #6e298c;
    background: #fff;
    box-shadow: none;
    font-weight: 500;
    border: 1px solid #6e298c;
    border-radius: 50% !important;
    text-align: center;
}

.quantity-box .plus-minus {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.quantity-box .plus-minus .quantity-plus,
.quantity-box .plus-minus .quantity-minus {
    padding: 0;
}

.quantity-box .plus-minus .quantity-plus {
    margin-bottom: -6px;
}

.quantity-box .plus-minus .quantity-plus svg,
.quantity-box .plus-minus .quantity-minus svg {
    width: 18px;
    height: 18px;
}

.vm-addtocart-button-col .vm-addtocart-button-wrapper .addtocart-button,
.checkout-button-top .btn-primary,
.your-account-details-page .vm-btn-contaner .btn-primary,
form#userForm fieldset .control-buttons .btn-primary,
.addtocart-bar .btn-primary.notify,
.com-users-reset-confirm.reset-confirm .com-users-reset-confirm__submit.control-group .btn-primary,
.com-users-logout__submit.control-group .controls .btn-primary,
.com-users-profile.profile ul.com-users-profile__edit li a,
.enter .btn-primary,
#at-app .text-center a.btn-primary,
.acysubbuttons .btn-primary,
.btn-primary.register-and-checkout,
.vm-checkout-login .btn-secondary.btn-sm,
.ic-registration-box button.btn-success,
.language-module-in-order-done .buttons-set .btn-primary,
.ic-registration-complete-buttons a.btn-info,
.ic-detail-desc a.back-to-events {
    background: #6e298c;
    color: #fff;
    font-size: 13px;
    height: 45px;
    padding: 0;
    border: 1px solid #6e298c;
    border-radius: 3em !important;
    text-transform: lowercase;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    z-index: 2;
}
.vm-addtocart-button-col .vm-addtocart-button-wrapper .addtocart-button {
    height: 42px;
}
.vm-checkout-login .btn-secondary.btn-sm {
    height: 42px;
    line-height: 38px;
    padding: 0 8px;
    text-transform: none;
    flex-grow: 1;
}
.btn-primary.register-and-checkout {
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    padding: 0 10px;
    text-transform: none;
}
#at-app .text-center a.btn-primary {
    font-size: 16px;
    height: auto;
    max-width: 700px;
    width: 100%;
    padding: 12px;
    align-content: center;
}
.ic-detail-desc a.back-to-events {
    width: 100%;
    margin-top: 10px;
    line-height: 44px;
    text-transform: unset;
    font-size: 14px;
}
.productdetails-view .vm-addtocart-button-col .vm-addtocart-button-wrapper .addtocart-button {
    text-transform: uppercase;
}

.checkout-button-top .btn-primary {
    height: 50px;
}

.addtocart-bar .btn-primary.notify {
    line-height: 45px;
}
.vm-checkout-login .flex-row {
    gap: 8px;
    flex-wrap: wrap;
}
.vm-addtocart-button-col .vm-addtocart-button-wrapper .addtocart-button:hover,
.checkout-button-top .btn-primary:hover,
.your-account-details-page .vm-btn-contaner .btn-primary:hover,
form#userForm fieldset .control-buttons .btn-primary:hover,
.addtocart-bar .btn-primary.notify:hover,
.com-users-reset-confirm.reset-confirm .com-users-reset-confirm__submit.control-group .btn-primary:hover,
.com-users-logout__submit.control-group .controls .btn-primary:hover,
.com-users-profile.profile ul.com-users-profile__edit li a:hover,
.enter .btn-primary:hover,
#at-app .text-center a.btn-primary:hover,
.acysubbuttons .btn-primary:hover,
.btn-primary.register-and-checkout:hover,
.vm-checkout-login .btn-secondary.btn-sm:hover,
.ic-registration-box button.btn-success:hover,
#icagenda .control-group#submit .controls button.btn.btn-primary.validate:hover,
.language-module-in-order-done .buttons-set .btn-primary:hover,
.ic-registration-complete-buttons a.btn-info:hover,
.ic-detail-desc a.back-to-events:hover {
    background: #fff;
    color: #6e298c;
}

.blog-slider__content a.blog-slider__button:hover {
color: #fff;
}
.product-short-description {
    color: #6e298c !important;
    clear: both;
    overflow: hidden;
    margin-bottom: 0 !important;
    padding: 20px;
    border-radius: 2em;
    background: #e5d9eb;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
}

.vm-product-shipments {
    display: none;
}

.vm-product-media-img .additional-images {
    display: flex;
}

.border-bottom,
.border-top {
    border: none !important;
}

.product-description .one-page-content {
    padding: 20px;
    border-radius: 2em;
    margin-top: 12px;
    background: #e5d9eb;
}

.product-description .one-page-content p {
    margin-top: 0;
}

.product-description .one-page-content p span {
    font-weight: 500;
}

.product-description .one-page-content blockquote {
    margin-bottom: 10px;
    margin-top: 8px;
    padding: 0 0 0 14px;
    line-height: 21px;
    font-style: italic;
    font-size: 13px;
    border-left: 3px solid #c6a4cd;
}

.product-description .one-page-content span {
    font-weight: 500;
}

.product-description .one-page-content .pure_body {
    border: 2px solid #c6a4cd;
    padding: 12px;
    border-radius: 2em;
}

.product-description .one-page-content .pure_body blockquote {
    margin-left: 18px;
    padding: 0 0 0 10px;
    line-height: 23px;
    font-style: italic;
}

.product-description .one-page-content .pure_body h6 {
    text-align: center;
}

.product-description .one-page-content ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.product-description .one-page-content ul:first-child {
    margin-top: -6px;
}

.product-description .one-page-content ul li {
    list-style: circle;
}

/* RECENTLY VIEWED PRODUCTS START */
.recently-viewed-products {
    border-radius: 2em;
    border: 1px solid #6e298c;
    z-index: 2;
    position: relative;
}

.recently-viewed-products h3 {
    font-size: 16px;
    text-transform: lowercase;
    text-align: center;
    background: transparent;
    line-height: 17px;
    border-bottom: none;
}

.recently-viewed-products .product-container {
    display: block;
    margin-bottom: 10px;
}

.recently-viewed-products .product-container .product-container-background {
    text-align: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    /*border: 1px solid #6e298c !important;*/
    border-radius: 2em;
    padding: 0 8px;
  font-family: inherit;
    font-weight: bold;
}

.recently-viewed-products .spacer {
    width: 116px;
    display: inline-block;
    margin: 0 0 0 -10px;
    border: none;
    overflow: hidden;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.recently-viewed-products .spacer a {
    position: relative;
}
.recently-viewed-products .spacer a img {
    max-width: 85%;
}
.recently-viewed-products .spacer-titles {
    vertical-align: top;
    padding: 5px 18px 16px;
    margin: 0;
    background-color: rgba(229, 217, 235, 0.6);
    border-radius: 2em;
    text-align: right;
    margin-left: -23%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 109px;
    font-weight: 500;
  font-family: inherit;
    font-weight: bold;
}

.recently-viewed-products .spacer-titles a span {
    font-style: italic;
    font-size: 12px;
    text-transform: lowercase;
    font-weight: 500;
    display: block;
}

.recently-viewed-products .spacer-titles .productdetails .product-price span {
    font-size: 13px;
    font-style: italic;
}

/* RECENTLY VIEWED PRODUCTS END */

/* DESCRIPTION PRODUCT START */
.flex-container .nav.nav-tabs,
.new_account_link .nav.nav-tabs,
.com_affiliatetracker .nav.nav-tabs {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: nowrap;
    border: none;
    background: no-repeat;
    background-color: unset;
    border-radius: unset;
    box-shadow: unset;
}

.product-description .flex-container .nav.nav-tabs .nav-link,
.new_account_link .nav.nav-tabs .nav-link,
.com_affiliatetracker .nav.nav-tabs .nav-link  {
    position: relative;
    background: #fff;
    box-shadow: none;
    color: #6e298c;
    font-weight: 500;
    transition: none;
    font-size: 12px;
    font-weight: 300;
    margin: 0 5px 0 0;
    padding: 2px 5px;
    min-width: 24%;
    border: 1px solid #6e298c;
    border-radius: 2em;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
  text-transform: lowercase;
  box-shadow: none;
}
.product-description .flex-container .nav.nav-tabs .nav-link:last-child,
.new_account_link .nav.nav-tabs .nav-link:last-child,
.com_affiliatetracker .nav.nav-tabs .nav-link:last-child {
  padding-right: 0;
  margin-right: 0;
}
.product-description .flex-container .nav.nav-tabs .nav-link:hover,
.new_account_link .nav.nav-tabs .nav-link:hover, 
.com_affiliatetracker .nav.nav-tabs .nav-link:hover {
    color: #6e298c;
    background: #e5d9eb;
    border: 1px solid #e5d9eb;
}
.com_affiliatetracker .nav.nav-tabs .nav-item {
    flex-grow: 1;
    margin-right: 5px;
}
.com_affiliatetracker .nav.nav-tabs .nav-item:last-child {
    margin-right: 0;
}
.product-description .flex-container .nav.nav-tabs .nav-link.active,
.new_account_link .nav.nav-tabs .nav-link.active,
.com_affiliatetracker .nav.nav-tabs .nav-link.active {
    box-shadow: none !important;
    background: #e5d9eb;
    border: 1px solid #e5d9eb;
    color: #6e298c;
    font-weight: 500;
    transition: none;
    border-radius: 2em !important;
}

.product-description .flex-container .nav.nav-tabs .nav-link.active:after,
.new_account_link .nav.nav-tabs .nav-link.active:after,
.com_affiliatetracker .nav.nav-tabs .nav-link.active:after {
    display: none;
}

.product-description {
    margin-bottom: 20px;
}

.product-description #content-wrap {
    padding: 20px;
    border-radius: 2em;
    margin-top: 12px;
    background: #e5d9eb;
}

.product-description h6 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 2px;
    font-style: italic;
}

.product-description ul {
    padding-left: 22px;
}
.product-description ul.vme-list-inline {
    padding-left: 0;
}
.product-description ul li img,
.ingredients img {
    width: 90px;
    height: auto;
    margin: 2px 10px -5px 0px;
    float: left;
    padding: 5px;
    background: #fff;
    border: 3px double #c6a4cd;
    border-radius: 1em;
}

.product-description #nav-one ul li,
.product-description #nav-two ul li {
    list-style: circle;
}

.product-description #nav-one blockquote {
    border-left: 3px solid #c6a4cd;
}

.product-description #nav-three ul {
    padding-left: 0;
}

.product-description #nav-three ul li {
    list-style-type: none;
    min-height: 84px;
}
.product-description #nav-three ul li:last-child {
    min-height: unset;
}

  #nav-four .product-description,
  #nav-four .product-description p {
    margin-bottom: 0;
}
.product-description strong {
    font-weight: 600;
}
.product-description #nav-three strong {
    font-style: italic;
}
.product-description .row.royal-mask {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.product-description .rainbow-samples,
.product-description .rainbow-samples div {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.product-description .rainbow-samples div {
    flex-direction: column;
}


.category-view .vm-product-media-container a,
.product-description .rainbow-samples div a {
transition: box-shadow .5s cubic-bezier(.165,.84,.44,1), transform .5s cubic-bezier(.165,.84,.44,1);
}

.category-view .vm-product-media-container a:hover,
.product-description .rainbow-samples div a:hover {
    transform: scale(1.05);
}

.rainbow-samples div p a {
    font-size: 13px;
    text-transform: lowercase;
}

.bali-tiger-img img,
.dragon-breath-img img {
    width: 100px;
    float: left;
}

.productdetails-view .col-md-5 {
    z-index: 9;
}


@media (width <=1280px) {
    .controls .form-check-inline input+label {
        font-size: 9px;
    }
}

@media (width <=1180px) {
    .controls .form-check-inline input+label {
        font-size: 8px;
    }
}

@media (width <=575px) {
    .product-description #content-wrap {
        padding: 12px;
    }

    .product-container.productdetails-view.productdetails {
        margin-top: -158px;
        z-index: 2;
        position: relative;
    }

    .product-container.productdetails-view.productdetails .vm-product-media-container {
        margin-top: 0;
    }

    .vm-product-details-container h2 {
        text-align: center;
    }

    .searchsearch-in-header {
        max-width: 100%;
    }

    .product-description .rainbow-samples {
        display: inline-block;
    }

    .product-description .rainbow-samples div {
        width: 33.333333%;
        float: left;
    }
}

@media (width >=575px) {
    .productdetails-view .col-md-5 {
        flex: none;
        width: 41.6667%;
    }

    .productdetails-view .col-md-7 {
        flex: none;
        width: 58.3333%;
      margin-top: 50px;
    }
}

@media (max-width: 527px) {
    .controls .form-check-inline input+label {
        font-size: 8px;
    }
}

@media (width <=475px) {

    .category-view,
    .product-container.productdetails-view.productdetails {
        padding-left: 5px;
        padding-right: 5px;
    }

    .container,
    .container-fluid,
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm {
        padding-right: calc(var(--gutter-x)* .2);
        padding-left: calc(var(--gutter-x)* .2);
    }

    .category-view .browse-view .vm-product-grid .product.row>* {
        padding-right: calc(var(--gutter-x)* .2);
        padding-left: calc(var(--gutter-x)* .2);
    }

    .vm-addtocart-button-col .vm-addtocart-button-wrapper .addtocart-button {
        height: 40px;
    }
    .category-view .browse-view .vm-product-grid .product .product-price {
    margin-bottom: 0px !important;
    padding-bottom: 0 !important;
}
}

@media (width <=425px) {

    .vm-addtocart-button-col .vm-addtocart-button-wrapper .addtocart-button,
    .checkout-button-top .btn-primary,
    .your-account-details-page .vm-btn-contaner .btn-primary,
    form#userForm fieldset .control-buttons .btn-primary,
    .addtocart-bar .btn-primary.notify {
        font-size: 12px;
    }
  .product-description .flex-container .nav.nav-tabs .nav-link  {
    margin: 0 2px 0 0;
  }
}
@media (width <=390px) {
.product-description .flex-container .nav.nav-tabs .nav-link {
    font-size: 11px;
}
}
.product-related-products h3 {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0; 
}
.related_products .vm-related-product-container h3.vm-product-title.text-center {
font-family: inherit;
line-height: 1;
min-height: 74px;
}
.related_products {
    display: block !important;
    width: 100%;
    background: white;
    overflow-x: scroll;
    padding: 10px;
    margin: 0 !important;
    white-space: nowrap;
}

.related_products .related_product {
    display: inline-block;
    background-color: rgba(229, 217, 235, 0.6);
    background-size: cover;
    position: relative;
    border: 1px solid #6e298c !important;
    border-radius: 2em;
    padding: 8px;
    min-height: 224px;
    background-clip: content-box, padding-box;
}

.related_products .related_product .vm-related-product-container {
    width: 136px;
    padding: 12px 12px 0;
    margin: 10px auto 0;
}

.related_products .related_product .vm-related-product-container .vm-product-media-container {
    min-height: 50px !important;
    width: 100%;
    margin-top: -6px;
}
.related_products .related_product .vm-related-product-container .vme-allbuttons-container.vme-is-list {
    display: none;
}
.related_products .related_product .vm-related-product-container .vm-product-media-container a img {
    margin: -30px auto 0;
}

.related_products .related_product .vm-related-product-container .vme-allbuttons-container.vme-is-list .vme-list-inline .btn-vme-round.btn-item-added>i {
  background: transparent;
}

.related_products .related_product .vm-related-product-container h3 a {
    font-size: 13px;
    display: block;
    white-space: pre-line;
}

.related_products .related_product .vm-related-product-container h3 a span {
    font-style: italic;
    font-size: 12px;
    text-transform: lowercase;
    font-weight: 500;
    display: block;
    white-space: pre-line;
    line-height: 14px;
}

.related_products .related_product .vm-related-product-container .product-price {
    font-size: 13px;
    font-style: italic;
    margin-top: 4px;
    margin-bottom: 0;
}

.related_products .related_product .vm-related-product-container a.btn-secondary {
    display: none;
}

/* DESCRIPTION PRODUCT END */

/* WISHLIST START */
.wishlist-custom-position {
    position: absolute;
    top: 28px;
}

.browse-view .vme-allbuttons-container.vme-is-list {
    text-align: center;
    position: absolute;
    left: 9px;
    top: 9px;
}

.vme-is-list .vme-list-inline .btn-vme-round {
    color: #fff;
    margin-top: 4px;
}

.vme-allbuttons-container .btn-vme-round>i,
.vme-list-section .btn-vme-round>i,
.productdetails .btn-vme-round>i,
.productdetails-view .btn-vme-round>i,
.vm-productdetails .btn-vme-round>i,
.vme-compare-buttons .btn-vme-round>i {
    background: #e5d9eb;
    color: #fff;
    line-height: 35px;
    font-size: 14px;
    width: 35px;
    margin-right: 0;
    border-radius: 100%;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.vme-allbuttons-container.vme-is-list .vme-list-inline .btn-vme-round:hover>i,
.vme-allbuttons-container.vme-is-list .vme-list-inline .btn-vme-round.btn-item-added>i,
.vme-allbuttons-container .vme-list-inline .btn-item-added.btn-vme-round>i .vme-allbuttons-container .btn-vme-round>i:hover,
.vm-coupon-container .btn-secondary>i:hover,
.btn-vme-round.btn-item-added>i,
.btn-vme-round.btn-item-added:hover>i,
.btn-vme-round:hover>i {
    background: #fff;
    color: #E73879;
    font-size: 24px;
}
.related_products .related_product .vme-allbuttons-container .btn-vme-round:hover>i {
    background: transparent;
}
.vm-product-details-container .vme-allbuttons-container .vme-list-inline .has-vme-tooltip span,
.vm-product-details-container .vme-allbuttons-container .vme-list-inline a.btn-item-added.vme-wishlist-link span {
    display: none;
}

.vm-coupon-container .btn-secondary {
    width: 15%;
    height: 36px;
    margin-left: 0 !important;
    padding: 0;
    background: #e5d9eb;
    color: #6e298c;
    border: 1px solid #6e298c;
    border-radius: 0 2em 2em 0;
    text-transform: lowercase;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.vm-coupon-container .btn-secondary:hover {
    color: #fff;
    background: #6e298c;
    border: 1px solid #6e298c;
}

.btn-vme-round {
    color: #6e298c;
}

.productdetails .btn-vme-round>span,
.productdetails-view .btn-vme-round>span,
.vm-productdetails .btn-vme-round>span,
.vme-compare-buttons .btn-vme-round>span {
    font-size: 14px;
}

.vmessentials-wrapper.vme-wishlist {
    margin: -102px auto 0;
    position: relative;
    z-index: 2;
}

.vmessentials-wrapper.vme-wishlist .vme-share-container,
.vmessentials-wrapper.vme-wishlist form.form-inline {
    display: none;
}

.vmessentials-wrapper.vme-wishlist .vme-row {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.vme-list-item {
    margin-bottom: 20px;
    border: 1px solid #6e298c;
    padding: 8px;
    border-radius: 2em;
    background: #fff;
    width: 32.733333333%;
    float: left;
    margin: 0.3%;
    -webkit-animation-name: intro-zoom-in;
    animation-name: intro-zoom-in;
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.vme-list-left {
    width: 40%;
    z-index: 1;
}

.vme-list-right {
    width: 60%;
    background: #e5d9eb;
    border-radius: 2em;
    text-align: right;
    margin-left: -30%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 20px;
    height: 120px;
}

.vmessentials-wrapper img,
.product-thumb-carousel .image-thumb img {
    opacity: 1;
    width: auto;
    height: auto;
    margin-left: -26px;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.vme-image {
    min-width: 90px;
    width: auto;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-height: 250px;
}

.vme-wishlist h3 {
    margin: 0;
    line-height: 16px;
}

.vme-wishlist h3>a {
    color: inherit;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.2;
}

.vme-list-section h3 a span {
    max-width: 146px;
}

.vm-price-value span {
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
    white-space: nowrap;
    font-family: inherit;
}

.vm-price-value span.PricebillTotal {
    font-weight: bold;
}

.vme-list-remove button.btn-vme-text {
    background: transparent;
    color: #6e298c;
    font-size: 12px;
    text-align: center;
    display: block;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.vme-allbuttons-container.vme-is-list .vme-list-inline span.vme-tooltip {
    color: #6e298c;
    font-size: 12px;
    background: #ffffff;
    border: 1px solid #6e298c;
    border-radius: 0.25rem;
    box-shadow: none;
    display: none;
}

.vme-tooltip {
    z-index: 1070;
    display: none;
    padding: 0.4em;
    margin: 0.5em;
    text-align: center;
}

.has-vme-tooltip:hover .vme-tooltip {
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    white-space: pre-wrap;
}

.productdetails-view .has-vme-tooltip:hover .vme-tooltip {
    display: none;
}

/* Ribbon Start */
.ribbon {
  position: absolute;
right: -5px;
top: -5px;
z-index: 2;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
}
.ribbon-new span {
  font-size: 9px;
font-weight: 500;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 18px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 95px;
display: block;
background: #d05fa2;
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
position: absolute;
top: 19px;
right: -20px;
}
.ribbon-new span::before {
  content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #8F0808;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808;
}
.ribbon-new span::after {
  content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #8F0808;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808;
}
.new-products .ribbon {display: none;}
/* Ribbon End */

/* Message Box */
#vme-message-box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1055;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow: hidden;
    pointer-events: none;
}

.vme-fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.vme-fade.vme-in {
    opacity: 1;
}

.vme-backdrop.vme-in {
    opacity: 0.5;
}

.vme-message {
    position: relative;
    width: 600px;
    height: 100%;
    margin: 50px auto 30px;
    pointer-events: inherit;
}

.vme-fade .vme-message {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}

.vme-fade.vme-in .vme-message {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vme-message-content {
    position: relative;
    background-color: #000;
    color: #FFF;
    padding: 15px 20px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    border: 0 none;
    border-radius: 2em;
    pointer-events: auto;
}

.vme-success .vme-message-content {
    background-color: #e5d9eb;
    color: #6e298c;
}

.vme-error .vme-message-content {
    background-color: #e5d9eb;
    color: #6e298c;
}

.vme-message-close {
    position: absolute;
    top: 5px;
    right: 8px;
    width: 20px;
    height: 20px;
    color: #6e298c;
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    opacity: 0.8;
    line-height: 1;
}

.vme-message-close:hover {
    color: #6e298c;
    opacity: 1;
    text-decoration: none;
    border: 0;
    background: 0 none;
}

.vme-list-remove {
    margin-top: 6px;
}

@media (max-width: 1260px) {
    .vme-list-item {
        width: 49.4%;
    }
}

@media (max-width: 1026px) {
    .controls .form-check-inline input+label {
        font-size: 7px;
    }
}

@media (max-width: 991px) {
    body.wrapper-fluid header>.grid-child {
        padding-left: 1em;
    }

    .container-header .container-nav::before {
        width: 148px;
    }

    .vme-list-item {
        width: 32.733333333%;
    }

    .controls .form-check-inline input+label {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px) {
    .container-header .container-nav::before {
        top: 10px;
    }
    .shop-main .main-tittle-in-header svg {
    height: 120px;
}

    .vme-list-item {
        width: 49.4%;
    }

    .vme-message {
        width: 100%;
    }

    .vme-message-content {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 492px) {
.controls .form-check-inline input+label {
    background: unset;
    border: none;
}
}
@media only screen and (max-width: 480px) {
    .vmessentials-wrapper.vme-wishlist {
        margin: -140px auto 0;
    }

    .vme-list-item {
        background-color: transparent;
        border: none;
    }

    .vme-row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .vme-list-left {
        width: 100%;
        margin-top: -20px;
        padding-right: 0;
        padding-left: 0;
    }

    .vme-list-right {
        width: 100%;
        margin-left: auto;
        text-align: center;
        height: 250px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -120px;
        padding-top: 92px;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }

    .vme-list-image a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .vme-list-image a img {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .vme-list-section {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .vme-wishlist h3 {
        text-align: center;
        line-height: 16px;
    }

    .vm-price-value span {
        font-size: 14px;
        font-weight: 500;
    }
}

@media (max-width: 424px) {
    .controls .form-check-inline input+label {
        font-size: 10px;
    }
    .category-view .product-container .controls .form-check-inline input+label {
        font-size: 9px;
    }
}
@media (max-width: 390px) {
.controls .form-check-inline input:checked+label {
    font-size: 12px;
    font-weight: 500;
}
.category-view .product-container .controls .form-check-inline input:checked+label {
    font-size: 10px;
}
.category-view .product-container .controls .form-check-inline input+label {
    padding: 6px 1px;
    line-height: 10px;
}
.container-header .container-nav::before {
        top: 10px;
    }

    .container-header .container-nav::before {
        width: 137px;
    }
}
/* WISHLIST END */

/* VM CART START */
#cart-view {
    margin-top: -47px;
    z-index: 2;
    position: relative;
}
#cart-view .vm-checkout-login,
.vm-login.px-4.py-3.mb-4,
form.form-validate#adminForm,
.vm-orders-list .vm-track-order,
form.already-login,
.com-users-login.login,
.com-users-reset.reset,
.com-users-remind.remind,
#icagenda form#icagenda-registration,
#icagenda .ic-info,
#icagenda .ic-list-events,
#icagenda .ic-registration-complete-content {
    padding: 10px !important;
    border-radius: 2em;
    border: 1px solid #6e298c;
    margin-top: 1px;
    margin-bottom: 10px !important;
    z-index: 1;
    position: relative;
    background-color: #fff !important;
}
#icagenda .ic-registration-complete-content {
    margin-top: 20px;
    padding-bottom: 0 !important;
}
#cart-view .vm-checkout-login {
    margin-top: 10px;
}
#cart-view .vm-checkout-login .flex-row .btn.btn-secondary.register-and-checkout {
    display: none;
}
.com-users-remind.remind,
.com-users-reset.reset,
.com-users-login.login {
    max-width: 500px;
    margin: -40px auto 0;
    display: flex;
    justify-content: center;
    z-index: 3;
}
.com-users-remind.remind .page-section-number img,
.com-users-reset.reset .page-section-number img,
.com-users-login.login .page-section-number img {
top: -25px !important;
}
.com-users-login.login .login-form-no-modal {
    width: 100%;
    padding: 10px;
}

.com-users-login.login .login-form-no-modal button.input-password-toggle {
    height: 45px;
}
.mod-login__userdata .mod-login__username .input-group {
    margin-bottom: 10px;
}
.mod-login__userdata .mod-login__username .input-group span.input-group-text,
.mod-login__userdata .mod-login__password .input-group button.input-password-toggle {
    height: 45px;
    border-radius: 0 1em 1em 0;
    border: 1px solid #6e298c;
    border-left: none;
}
.login-icon-modal .eb-dialog .mod-login__password .input-group button.input-password-toggle {
    border-left: 1px solid;
}
#form-login-remember-254 {
    min-height: unset;
    margin-bottom: 10px;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#form-login-remember-254 .form-check-input[type=checkbox] {
    margin-right: 5px;
    margin-top: 0px;
}
.com-users-remind.remind svg,
.com-users-reset.reset svg,
.com-users-login.login svg {
    position: absolute;
    margin-top: -35px;
    z-index: 1;
    background: #fff;
    padding: 5px;
}

.com-users-login.login .plg_system_webauthn_login_button svg {
    position: relative;
    margin-top: 0;
    display: none;
}

.remind-inside-wrapper form {
    margin-top: -30px;
}

.remind-inside-wrapper form p {
    margin: 10px;
}

.remind-inside-wrapper form .control-group {
    margin: 10px;
}

.your-account-details-page form.form-validate#adminForm .vm-form-row {
    margin-top: 10px;
}

form.already-login {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 60px;
    max-width: 800px;
    margin: 0 auto 60px;
    padding-left: 10px;
    padding-right: 10px;
}

.vm-orders-list form.already-login {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

form.form-validate#adminForm {
    margin-top: 0;
    padding: 20px 10px 10px;
}
.your-account-details-page form.form-validate#adminForm {
    padding: 0 10px;
}
#cart-view .vm-checkout-login p {
    margin-bottom: 0;
}

.vm-login.px-4.py-3.mb-4 p {
    font-size: 14px;
    font-family: inherit;
    margin-bottom: 0 !important;
    line-height: 21px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 6px !important;
}

.vm-login.px-4.py-3.mb-4 .username-in-cart-header,
.vm-login.px-4.py-3.mb-4 .password-in-cart-header,
.vm-login.px-4.py-3.mb-4.login-button-in-cart-header {
    flex-grow: 1;
}

.vm-login.px-4.py-3.mb-4 .username-in-cart-header .username-in .form-label,
.vm-login.px-4.py-3.mb-4 .password-in-cart-header .password-in .form-label,
.vm-track-order form #com-form-order-number label,
.vm-track-order form #com-form-order-pass label {
    margin-bottom: 2px;
    font-size: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: lowercase;
}

#cart-view .vm-checkout-login a.border-dotted {
    font-size: 14px;
    margin-left: 8px;
    text-transform: lowercase;
}

#cart-view form.p-3 {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #6e298c;
    border-radius: 2em;
    padding: 0;
    height: 60px;
    max-width: 800px;
    margin: 0 auto;
}

#cart-view form.already-login {
    border: none;
    height: unset;
    background-color: transparent !important;
    padding-bottom: 0 !important;
}

#cart-view form.p-3 span {
    flex-grow: 1;
    text-align: center;
    font-weight: 300;
}

form.already-login span,
#cart-view .vm-checkout-login form.already-login span,
.vm-orders-list form.already-login span {
    flex-grow: 0;
    font-style: italic;
    font-weight: 500;
    padding-right: 8px;
    padding-left: 8px;
    line-height: 17px;
}

#cart-view .vm-checkout-login .vm-login {
    margin-top: 10px;
    padding-bottom: 0;
}

#cart-view .vm-checkout-login .vm-login p,
#cart-view .vm-checkout-login .vm-login h2 {
    display: none;
}

#cart-view .vm-checkout-login .vm-login .username-in-cart-header,
#cart-view .vm-checkout-login .vm-login .password-in-cart-header,
#cart-view .vm-checkout-login .vm-login .login-button-in-cart-header {
    flex-grow: 1;
}
#cart-view .vm-checkout-login .vm-login .login-button-in-cart-header {
    margin-top: -2px;
}
form.already-login .btn-primary,
.login-button-in-cart-header .btn-primary,
#cart-view .vm-checkout-login form.already-login .btn-primary,
.vm-orders-list form.already-login .btn-primary {
    background: #e5d9eb;
    color: #6e298c;
    width: 100%;
    height: 45px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    text-shadow: none;
    box-shadow: none;
    margin-right: 0;
    margin-left: 0;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

form.already-login .btn-primary,
#cart-view .vm-checkout-login form.already-login .btn-primary {
    width: 100%;
    margin-right: 0px;
    margin-left: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

form.already-login .btn-primary:hover,
.login-button-in-cart-header .btn-primary:hover,
#cart-view .vm-checkout-login form.already-login .btn-primary:hover,
.vm-orders-list form.already-login .btn-primary:hover {
    background: #6e298c;
    color: #fff;
}

.username-in-cart-header .forgot-username a,
.password-in-cart-header .forgot-password a,
.login-button-in-cart-header .remember-in {
    font-size: 12px;
    font-weight: 400;
    text-transform: lowercase;
}

.login-button-in-cart-header .remember-in {
    margin-top: 2px;
}

.login-button-in-cart-header .remember-in label.form-check-label {
    margin-left: 4px;
    margin-top: 2px;
}

#cart-view #checkoutForm {
    padding: 5px;
    margin-top: -17px;
    margin-right: 0;
    margin-left: 0;
}
#cart-view .vm-checkout-register-userfields {
padding: 26px 10px 0px;
    border: 1px solid #6e298c;
    border-radius: 2em;
    margin-bottom: 10px;
    display: none;
}
/*#cart-view .register-and-checkout-button {
    display: none;
}*/
#cart-view .customer-data .vm-checkout-billing-userfields {
    padding: 14px;
    border: 1px solid #6e298c;
    border-radius: 2em;
}
#cart-view .vm-checkout-register-userfields .vm-form-row .mb-3,
#cart-view .vm-checkout-register-userfields .vm-form-row .pb-3 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
#cart-view .vm-checkout-register-userfields .vm-form-row .mb-3:last-child {
    display: none;
}
#cart-view .customer-data .vm-checkout-register-userfields .form-select {
    width: 100% !important;
    height: 45px;
    padding: 6px 25px;
    text-shadow: none;
    cursor: pointer;
    border: 1px solid #6e298c;
    border-radius: 2em;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
}
#cart-view .vm-checkout-register-userfields .customer-delivery-address {
margin-top: -6px;
 }
#cart-view #virtuemart_country_id_field {
    border-radius: 1em;
}
#cart-view .chosen-container.chosen-container-single {
    font-size: 13px;
    display: block;
}

.chosen-container.chosen-container-single .chosen-single,
#virtuemart_country_id_field {
    color: #6e298c !important;
    vertical-align: middle;
    background: transparent url(../images/select-bg.svg?v=5ebba0) right 0 center no-repeat !important;
    background-image: none \9;
    box-shadow: none !important;
    appearance: none !important;
    display: block;
    width: 100% !important;
    height: 45px;
    padding: 0 0 0 16px;
    line-height: 45px;
    text-shadow: none;
    cursor: pointer;
    border: 1px solid #6e298c !important;
    border-radius: 1em;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: capitalize;
}
.chosen-container.chosen-container-single .chosen-single {
    margin-bottom: 0;
}
.chosen-container.chosen-container-single .chosen-drop {
    border: 1px solid #6e298c;
    border-radius: 0 0 2em 2em;
    border-top: none;
}

.chosen-container .chosen-results {
    color: #6e298c !important;
    margin-bottom: 14px !important;
}

.chosen-container.chosen-container-single .chosen-results li:hover,
.chosen-container.chosen-container-single .chosen-results li:focus,
.chosen-container.chosen-container-single .chosen-results li:focus-visible,
.chosen-container.chosen-container-single .chosen-results li:actice,
.chosen-container.chosen-container-single .chosen-results li:target,
li.highlighted,
.highlighted {
    box-shadow: none !important;
    background: transparent !important;
}

.chosen-container .chosen-results li.active-result.result-selected {
    display: none;
}

.form-select,
.custom-select {
    background: #e5d9eb url(../images/select-bg.svg?v=5ebba0) 100% / 116rem no-repeat;
    max-width: 100%;
}

#cart-view #checkoutForm .customer-data .vm-checkout-billing-userfields {
    margin: 0 auto 10px;
}
#cart-view #checkoutForm .customer-data .vm-checkout-billing-userfields fieldset .output-billto {
    background-color: transparent !important;
    background: transparent !important;
}
#cart-view .customer-data .vm-checkout-billing-userfields .output-billto .row {
    font-size: 13px;
}

#cart-view .customer-data .vm-checkout-billing-userfields .output-billto .row .title-left {
    text-transform: lowercase;
    font-style: italic;
    font-weight: 500;
    width: 42%;
}

#cart-view .customer-data .vm-checkout-billing-userfields .output-billto .row .value-right {
    width: 58%;
    text-align: right;
}

#cart-view .customer-data .vm-checkout-billing-userfields .output-billto .row .title-left:after,
.com-users-profile.profile dl dt:after {
    content: "";
    display: block;
    width: 90%;
    border: 0.5px solid #e5d9eb;
}
#cart-view .customer-data .vm-checkout-billing-userfields .output-billto .row:last-child>.title-left:after {
    border: none;
}
.payments-signin-button.row {
    margin-top: 0;
}
.vm-checkout-shipping-userfields {
    padding: 10px 14px 14px;
    border: 1px solid #6e298c;
    border-radius: 2em;
    margin-top: 10px;
    display: none;
}
.vm-checkout-shipping-userfields fieldset {
    display: flex;
justify-content: center;
    flex-direction: column;
}
.vm-checkout-shipping-userfields fieldset .form-check {
    display: flex;
    justify-content: center;
    gap: 5px;
}
.vm-checkout-shipping-userfields fieldset .form-check label.form-check-label {
order: 1;
}
.vm-checkout-shipping-userfields fieldset .form-check .controls .form-check {
    margin-bottom: 0;
}

.vm-checkout-billing-userfields a,
.vm-checkout-shipping-userfields a {
    text-transform: lowercase;
    margin: 10px auto -10px;
    font-size: 13px;
    border-bottom: 1px dotted #6e298c;
    font-style: italic;
    font-weight: 500;
    text-align: center;
}
.vm-checkout-shipping-userfields a {
        margin-top: 0px;
    margin-bottom: -10px;
}
#cart-view .customer-data .vm-shipment-select .vm-shipment-plugin-single,
#cart-view .customer-data .vm-payment-shipment-select .vm-payment-plugin-single,
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 button {
    width: 100%;
    background: #e5d9eb;
    color: #6e298c;
    margin-bottom: 10px;
    padding: 0;
    font-size: 14px;
    min-height: 40px;
    height: 45px;
    border-radius: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#cart-view .customer-data .vm-shipment-select .vm-shipment-plugin-single.list-group-item-primary,
#cart-view .customer-data .vm-shipment-select .vm-shipment-plugin-single:hover,
#cart-view .customer-data .vm-payment-shipment-select .vm-payment-plugin-single.list-group-item-primary,
#cart-view .customer-data .vm-payment-shipment-select .vm-payment-plugin-single:hover,
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 button:hover {
    color: #fff;
    font-size: 14px;
    min-height: 40px;
    border-radius: 3em;
    width: 100%;
    background: #6e298c;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
    cursor: pointer;
}

#cart-view .customer-data .vm-shipment-select .vm-shipment-plugin-single .form-check-label,
#cart-view .customer-data .vm-shipment-select .vm-shipment-plugin-single.list-group-item-primary .form-check-label,
#cart-view .customer-data .vm-payment-shipment-select .vm-payment-plugin-single.list-group-item-primary .form-check-label,
#cart-view .customer-data .vm-payment-shipment-select .vm-payment-plugin-single .form-check-label {
    cursor: pointer;
    width: 100%;
    padding: 5px;
    line-height: 19px;
}
#cart-view .customer-data .vm-shipment-select .vm-shipment-plugin-single .form-check-label {
    line-height: 17px;
}
#cart-view .customer-data .vm-payment-shipment-select .vm-payment-plugin-single.list-group-item-primary .form-check-label span,
#cart-view .customer-data .vm-payment-shipment-select .vm-payment-plugin-single .form-check-label span {
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;

}

#cart-view .customer-data .vm-shipment-select .vm-shipment-plugin-single .form-check-input,
#cart-view .customer-data .vm-shipment-select .vm-shipment-plugin-single.list-group-item-primary .form-check-input,
#cart-view .customer-data .vm-payment-shipment-select .vm-payment-plugin-single .form-check-input,
#cart-view .customer-data .vm-payment-shipment-select .vm-payment-plugin-single.list-group-item-primary.form-check-input {
    display: none;
}

.vm-checkout-shipping,
.vm-checkout-payment {
    padding: 10px 10px 0;
    border: 1px solid #6e298c;
    border-radius: 2em;
}

.vm-checkout-shipping {
    margin-bottom: 10px;
    margin-top: 10px;
}
.vm-checkout-shipping-userfields h2.h5,
.vm-checkout-shipping h2.h5,
.vm-checkout-payment h2.h5 {
    font-weight: bold !important;
    font-size: 15px;
    text-align: center;
    font-family: inherit;
}
.vm-checkout-shipping .check-shipping,
.vm-checkout-payment .fill-shipping {
    font-size: 13px;
    line-height: 17px;
    font-style: italic;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -5px;
    text-align: center;
}

.your-account-details-page {
    max-width: 700px;
    margin: -40px auto 0;
}

.your-account-details-page .your-account-details-page-fields h2 {
    display: none;
}

.your-account-details-page .your-account-details-page-fields .favicon-in-edit-account {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: -4px !important;
}
.your-account-details-page .your-account-details-page-fields .favicon-in-edit-account .registrate-account {
    width: 100%;
    margin-bottom: 23px;
}
.your-account-details-page .your-account-details-page-fields form.already-login {
    margin-bottom: 20px !important;
}

.your-account-details-page .your-account-details-page-fields .vm-form-row #virtuemart_country_id_field.form-select {
    cursor: pointer;
    max-width: 100%;
    width: 100% !important;
    color: #6e298c;
    background: #ffffff url(../images/select-bg.svg?v=5ebba0) right 0rem center no-repeat;
    background-image: none \9;
    border: 1px solid #6e298c;
    box-shadow: none;
    appearance: none;
    background-size: cover;
    padding: 0;
    padding-left: 10px;
    line-height: 36px;
    border-radius: 1em;
}

.your-account-details-page .your-account-details-page-fields form#adminForm #ui-tabs ul#tabs li.current {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    margin-top: 4px;
    margin-bottom: -18px;
    margin-top: 16px;
}

.your-account-details-page .your-account-details-page-fields form#adminForm #ui-tabs ul#tabs li:last-child {
    display: none;
}

.your-account-details-page .your-account-details-page-fields .vm-order-list {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}
.your-account-details-page .your-account-details-page-fields .vm-order-list table th {
    font-size: 13px;
    color: #6e298c;
    font-family: inherit;
    font-weight: bold;
}
.your-account-details-page .your-account-details-page-fields .vm-order-list table.table tr td {
    border-bottom-width: 1px;
    border-bottom-color: #e5d9eb;
    font-size: 13px;
    color: #6e298c;
}

#cart-view .cart-data {
    padding: 8px;
    border: 1px solid #6e298c;
    border-radius: 2em;
    margin-top: 10px;
}
#cart-view .customer-data {
    margin-top: 10px;
    padding: 0 6px 0 0;
}
form.form-validate#adminForm .vm-form-row .mb-3 {
    margin-top: 0;
    margin-bottom: -4px;
}

#cart-view form#checkoutForm .form-label,
form.form-validate#adminForm .vm-form-row .mb-3 label,
form#com-users-login__form label,
.com-users-reset.reset label,
.com-users-remind.remind label,
.com-users-login.login label,
form.icagenda-form .control-label {
    margin-bottom: 4px;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 12px;
    text-transform: lowercase;
    font-style: italic;
}
#cart-view form#checkoutForm .form-label {
    margin-top: 4px;
}
#cart-view form#checkoutForm .form-label.virtuemart_country_id {
    margin-top: 0;
    margin-bottom: 4px;
}
#cart-view form#checkoutForm .form-label.birthday_date {
    text-transform: none;
}
form.form-validate#adminForm .vm-form-row .mb-3 label {
    display: block;
}
#virtuemart_country_id_field_chosen {
    width: 100% !important;
}
.com-users-reset.reset label,
.com-users-remind.remind label,
.com-users-login.login label {
    display: block;
    text-align: center;
}

.com-users-login__remember .form-check {
    display: flex;
    justify-content: center;
}

.your-account-details-page .your-account-details-page-fields .vertical-line-top {
    width: 1px;
    margin: -10px auto 0;
    height: 30px;
    border-left: 1px solid #6e298c;
}

.your-account-details-page .your-account-details-page-fields .favicon-in-edit-account .vertical-line-top {
    margin-top: -40px;
    margin-bottom: -12px;
}
.your-account-details-page .your-account-details-page-fields .favicon-in-edit-account .ecc-plugin {
    width: 90%;
    margin: -20px auto 16px;
}
.your-account-details-page .your-account-details-page-fields .favicon-in-edit-account .ecc-plugin .vertical-line-top {
margin-top: -60px;
    margin-bottom: 0;
}
.your-account-details-page .your-account-details-page-fields .favicon-in-edit-account .ecc-plugin .control-label {
margin-top: 26px;
    text-align: center;
}
.your-account-details-page .your-account-details-page-fields .favicon-in-edit-account .ecc-plugin .controls .form-control {
        border: 3px solid #E73879;
}
#ecc .control-group .control-label label.required {
    font-size: 12px;
    padding-left: 12px;
    text-transform: lowercase;
    font-style: italic;
}
.your-account-details-page .your-account-details-page-buttons .vm-btn-contaner div .vertical-line-top {
margin-top: -17px;
margin-bottom: 0;
width: fit-content;
}
.your-account-details-page .your-account-details-page-fields  .favicon-in-edit-account .page-section-number img {
    top: 16px !important;
}
.your-account-details-page .your-account-details-page-fields svg {
    margin-bottom: -23px;
    z-index: 2;
}
.your-account-details-page .your-account-details-page-buttons {
    margin-top: -23px;
    width: 100%;
}
.your-account-details-page .your-account-details-page-buttons .vertical-line-top {
    width: 1px;
    margin: -10px auto 0;
    height: 30px;
    border-left: 1px solid #6e298c;
}
#at-app .vertical-line-top {
    width: 1px;
    margin: 0 auto;
    height: 30px;
    border-left: 1px solid #6e298c;
}
.com_affiliatetracker #notLoggedUserSection  .vertical-line-top {
    width: 1px;
    margin: 0 20px 0;
    height: 180px;
    border-left: 1px solid #6e298c;
    padding-right: 0;
    padding-left: 0;
}
.your-account-details-page form.form-validate#adminForm .shopper-info,
form#userForm h2.vm-section-title.pb-2.mb-3,
h1.vm-page-title.mb-4.text-center {
    display: none;
}

form#userForm .vm-form-row .flex-row {
    max-width: 800px;
    margin: 0 auto;
}

.width-100 {
    width: 100%;
}

form#userForm legend.h5.userfields_info {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 0;
}

.vm-form-row .flex-row .width-100 .mb-3 {
    text-align: left;
}

form#userForm label.form-label,
form.com-users-reset-confirm__form fieldset .control-label label {
    text-transform: lowercase;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 2px;
    padding-left: 12px;
}

form#userForm fieldset .control-buttons {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

form#userForm fieldset .control-buttons .btn-primary,
form#userForm fieldset .control-buttons .btn-secondary {
    padding: 0 20px;
    text-transform: unset;
    width: 97%;
    line-height: 17px;
}

.your-account-details-page .vm-btn-contaner button.btn-primary {
    width: 100%;
    text-transform: capitalize;
    padding: 0 20px;
    display: inline-block;
    z-index: 2;
}
.mb-4 {
    margin-bottom: unset !important;
}
.your-account-details-page .your-account-details-page-buttons .vm-btn-contaner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.your-account-details-page .your-account-details-page-buttons .vm-btn-contaner div {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    width: 100%;
}
.just-three-buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.just-three-buttons div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
}
.control-buttons .just-three-buttons .btn-primary {
    margin-right: 5px;
}
.your-account-details-page .your-account-details-page-buttons .vm-btn-contaner .btn-secondary,
form#userForm fieldset .control-buttons .just-three-buttons .btn-secondary,
.ic-registration-box .ic-btn-register-cancel button,
.language-module-in-order-done .buttons-set .btn-poll-result,
.ic-registration-complete-buttons a.btn-success {
    background: #fff;
    color: #6e298c;
    font-size: 13px;
    margin-left: 5px;
    padding: 0 2px;
    height: 45px;
    width: 100%;
    border: 1px solid #6e298c;
    border-radius: 3em;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    z-index: 2;
}
form#userForm fieldset .control-buttons .just-three-buttons .btn-secondary {
    width: 100%;
    flex-grow: 1;
    margin-left: 0;
}

.your-account-details-page .your-account-details-page-buttons .vm-btn-contaner .btn-secondary:hover,
form#userForm fieldset .control-buttons .btn-secondary:hover,
.ic-registration-box .ic-btn-register-cancel button:hover,
.language-module-in-order-done .buttons-set .btn-poll-result:hover,
.ic-registration-complete-buttons a.btn-success:hover {
    color: #fff;
    background: #6e298c;
    border: 1px solid #6e298c;
}

.vm-form-row {
    margin-top: -30px;
}
.vm-form-row.form-three-buttons {
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 10px !important;
    border-radius: 2em;
    border: 1px solid #6e298c;
}
.vm-form-row.form-three-buttons fieldset.width-100 {
margin-bottom: 0;
}
form.form-validate#adminForm .vm-form-row.form-three-buttons {
    margin-top: 0;
    background: #fff;
    padding: 0 !important;
    border-radius: unset;
    border: none;
}
form.form-validate#adminForm .vertical-line-top.edit-userdata,
form.form-validate#adminForm .page-section-number.edit-userdata-top {
    display: none;
}
.vm-form-row.form-three-buttons .col-lg-12 fieldset.width-100,
.vm-form-row.form-three-buttons .col-lg-12 fieldset.width-100 .mb-3:last-child {
    margin-bottom: 0 !important;
}
form#userForm .vm-form-row legend.h5.userfields_info {
    margin-top: 10px;
    font-size: 16px;
}
.form-three-buttons .invisible-title {
    display: none;
}
 .edit-userdata.vertical-line-top {
    height: 30px;
    border-left: 1px solid #6e298c;
    width: 1px;
    margin: -10px auto -25px;
}
.page-section-number.edit-userdata-top {
    margin: 0 auto -4px !important;
}
.page-section-number.edit-userdata-top img {
    margin-top: 16px !important;
}
fieldset.vm-add-edit-address.mb-4 {
    display: none;
}
.task-editaddresscart .control-buttons .reg_text {
    background: #e5d9eb;
    padding: 10px !important;
    border-radius: 1em;
    border: 1px solid #6e298c;
    margin-top: 25px;
}
.for-reg-text.vertical-line-top {
    height: 30px;
    border-left: 1px solid #6e298c;
    width: 1px;
    margin: 0px auto -25px;
}
.for-three-buttons.vertical-line-top {
    height: 30px;
    border-left: 1px solid #6e298c;
    width: 1px;
    margin: -10px auto 0px;
}
#cart-view .cart-data .vm-checkout-products .vm-cart-item-quantity .input-group {
    border-radius: 1em;
    background-color: rgba(251, 251, 251, 1);
}

#cart-view .cart-data .vm-checkout-products .flex-row .col-md-5,
#cart-view .cart-data .vm-checkout-products .flex-row .col-md-7,
#cart-view .cart-data .vm-checkout-products .cart-images .img-thumbnail {
    padding: 0;
    border: none;
    background: transparent;
}

#cart-view .cart-data .vm-checkout-products .vm-cart-item-quantity .input-group input {
    margin-top: 6px;
    padding: 0;
    font-size: 12px;
    height: 34px !important;
    width: 34px !important;
    min-width: 34px;
    color: #6e298c;
    background: #fff;
    box-shadow: none;
    font-weight: 500;
    border: 1px solid #6e298c;
    border-radius: 50% !important;
    text-align: center;
    order: 1;
}
.vm-cart-item-quantity .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.vm-cart-item-quantity .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-radius: unset;
    border: none;
}
#cart-view .cart-data .vm-checkout-products .vm-cart-item-name {
    font-weight: bold;
    font-family: inherit;
}

#cart-view .cart-data .vm-checkout-products .vm-cart-item-basicprice .vm-price-value {
    transform: rotate(-90deg);
}

#cart-view .cart-data .vm-checkout-products .vm-cart-item-quantity .input-group .vm-cart-item-quantity_minus {
    order: 2;
}

#cart-view .cart-data .vm-checkout-products .vm-cart-item-cfields {
    height: 16px;
}

#cart-view .cart-data .vm-checkout-products .vm2-remove_from_cart {
    background: none;
    color: #6e298c;
    font-size: 11px;
    font-weight: 500;
    text-transform: lowercase;
    border: 1px solid #6e298c;
    border-radius: 6px;
    line-height: 12px;
    margin-top: 4px;
    padding: 5px;
    margin-bottom: 10px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
#cart-view .cart-data .vm-checkout-products .vm2-remove_from_cart:hover {
background: #6e298c;
color: #fff;
}
#cart-view .cart-data .vm-checkout-subtotals .col {
    font-size: 14px;
}
#cart-view .cart-data .vm-checkout-subtotals .col.text-end {
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
}
#cart-view .vm-checkout-coupon .form-label {
    display: flex;
    justify-content: center;
}

#cart-view .cart-data .vm-coupon-container .coupon.form-control {
    height: 36px;
    border-radius: 1em 0 0 1em;
    border-right: none;
}

#cart-view .cart-data .vm-coupon-container .coupon.form-control input:focus,
#cart-view .cart-data .vm-coupon-container .coupon.form-control input[type]:focus {
    border-color: #6e298c !important;
}

#cart-view .vm-checkout-coupon .vm-coupon-container {
    margin-bottom:2px;
}

#cart-view .vm-checkout-coupon .badge {
    color: #6e298c !important;
    background-color: transparent !important;
    font-style: italic;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    margin-top: -8px;
    padding-left: 10px;
}
#cart-view .vm-checkout-coupon label.form-label {
        text-align: center;
    text-transform: lowercase;
    font-style: italic;
    font-size: 13px;
    font-weight: 500;
}
#cart-view .cart-data .vm-checkout-subtotals {
    margin-top: 6px;
    margin-bottom: -6px !important;
    font-weight: 500;
    background: transparent;
    background-color: transparent !important;
}

#cart-view .cart-data .vm-checkout-subtotals .col:after {
    content: "";
    display: block;
    width: 90%;
    border: 0.5px solid #e5d9eb;
}
#cart-view .cart-data .vm-checkout-subtotals .row:last-child>.col:after {
    border: none;
}
#cart-view .cart-data .vm-checkout-subtotals .col.text-end:after {
    display: none;
}

#cart-view .cart-data .checkout-button-top .btn-primary {
    font-size: 15px;
    text-transform: uppercase;
}

#cart-view .cart-data #customer_note_field {
    background-color: rgba(251, 251, 251, 1);
    padding: 8px;
    border-radius: 1em;
    min-height: 80px;
}

#cart-view fieldset {
    margin-bottom: 10px;
}
#cart-view fieldset legend.h5.userfields_info {
   margin-bottom:4px;
    text-align: center;
    font-size: 16px;
}
#cart-view fieldset legend.h5.userfields_info.please-fill {
        margin-top: 8px;
    margin-bottom: -6px;
    padding: 4px;
}
#cart-view #first_name_field,
#cart-view #address_1_field,
#cart-view #phone_2_field {
    margin-bottom: 0;
}
#cart-view #virtuemart_country_id_field {
    margin-bottom: 5px;
}
#cart-view .vm-checkout-shipping fieldset,
#cart-view .vm-checkout-payment fieldset {
    margin-bottom: 0;
}
#cart-view .vm-checkout-payment fieldset.vm-payment-shipment-select li.vm-payment-plugin-single span.vmCartPaymentLogo img {
display: none;
}
#cart-view .vm-checkout-payment .vm-payment-plugin {
    width: 100%;
}
#cart-view fieldset+fieldset {
    margin-top: 0;
    margin-bottom: 2px;
}
#cart-view .col-12 fieldset legend.h5.userfields_info.pb-2.mb-3.border-bottom
.vm-form-row .flex-row .width-100 {
    background: #fff;
    padding: 10px 10px 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    z-index: 1;
    position: relative;
}
.vm-form-row .please-fill-text {
    margin-bottom: -10px !important;
}
.vm-form-row .flex-row .width-100 fieldset {
    margin-bottom: 10px;
}

.vm-order-done {
    border: 1px solid #6e298c;
    border-radius: 2em;
    padding: 12px 12px 2px;
    margin-top: -40px;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.vm-order-done svg {
    margin-top: -38px;
    margin-bottom: 10px;
    padding: 5px;
    background: #fff;
}

.post_payment_payment_name,
.post_payment_order_number,
.post_payment_order_total {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
}
.post_payment_payment_name span.vmpayment_name {
    line-height: 18px;
}
.post_payment_order_total {
    font-style: italic;
}

.post_payment_payment_name_title,
.post_payment_order_number_title,
.post_payment_order_total_title {
    text-transform: lowercase;
    font-style: italic;
    font-weight: 500;
    font-size: 13px;
    border-bottom: 1px solid #e5d9eb;
}

.vm-order-done form {
    width: 100%;
}

.vm-order-done a.vm-button-correct {
    margin-bottom: 12px;
    margin-top: 10px;
}

#cart-view .col-md-7 {
    flex: none;
    width: 58.3333%;
}
#cart-view .col-4 {
  width: 25%;
}
#cart-view .col-md-1 {
    flex: none;
    width: 10.33333%;
}

@media (width >=640px) {
    #cart-view .col-lg-6 {
        flex: none;
        width: 50%;
    }

    #cart-view .col-md-5 {
        flex: none;
        width: 41.6667%;
    }

    #cart-view .col-md-3 {
        flex: none;
        width: 23%;
    }
}

@media (width <390px) {
    .post_payment_payment_name_title,
    .post_payment_order_number_title,
    .post_payment_order_total_title {
        text-transform: lowercase;
        font-style: italic;
        font-weight: 500;
        font-size: 13px;
        border-bottom: 1px solid #e5d9eb;
    }
}

/* VM CART END */
/* ORDER DETAILS START*/
.vm-orders-information {
    z-index: 2;
    position: relative;
    margin-top: -64px;
}
.vm-orders-information h3.vm-page-title {
margin-bottom: 5px !important;
}
.vm-orders-information .table-responsive {
    border: 1px solid #6e298c;
    border-radius: 12px;
    padding: 12px;
}

.vm-orders-information .vm-orders-order table.table-order-details tr:last-child td,
.vm-orders-information .vm-orders-order table.table-order-billing tr:last-child td,
.your-account-details-page .your-account-details-page-fields .vm-order-list table.table tr:last-child td {
    border-bottom: none;
}

.vm-orders-information .table th {
    border-bottom: 1px solid #6e298c;
    text-transform: lowercase;
    font-size: 13px;
    text-align: center !important;
    color: #6e298c;
    font-style: italic;
    font-weight: bold;
}

.vm-orders-information .table.table-order-billing th {
    font-family: inherit;
    font-weight: bold;
    text-transform: lowercase;
    color: #6e298c;
    font-size: 16px;
}

.vm-orders-information .table td {
    color: #6e298c;
    border-bottom: 1px solid #e5d9eb;
    font-size: 14px;
    text-align: right;
}

.vm-orders-information .table td:first-child {
    text-align: left;
    text-transform: lowercase;
    font-style: italic;
    font-weight: 500;
    font-size: 13px;
}
.vm-orders-information .vm-orders-items .table td {
    text-align: center;
}
.vm-orders-information .vm-orders-items #tab-1 {
    margin-bottom: 10px;
}

.vm-orders-information .vm-orders-items #tabs li {
    display: none;
}

.vm-orders-information .text-end {
    margin-top: 10px;
}
.vm-orders-information .vm-orders-items .table-responsive td p a {
font-weight: bold;
    font-family: inherit;
}
.vm-orders-list {
    margin-top: 26px;
    z-index: 2;
    position: relative;
    border: 1px solid #6e298c;
    border-radius: 2em;
    padding: 30px 12px;
}
.vm-orders-list .page-section-number {
    margin-top: -58px !important;
    margin-bottom: 10px !important;
}
.vm-orders-list .table {
    margin-bottom: 0;
    overflow-x: visible;
}
thead, tbody, tfoot, tr, td, th {
    color: #6e298c !important;
}

.table thead th {
    color: #6e298c;
    text-transform: lowercase;
    font-style: italic;
    font-size: 13px;
}

.vm-orders-list .table tr td {
    font-size: 14px;
    border-bottom-width: 1px;
    border-bottom-color: #e5d9eb;
}

.vm-orders-information .table-responsive .table {
    margin-bottom: 0;
}
.vm-orders-information .table-responsive .table form input.vm_yandexkassa_button {
background: #6e298c;
    color: #fff !important;
    font-size: 13px;
    height: 35px;
    padding: 0 12px;
    border: 1px solid #6e298c;
    border-radius: 2em;
    text-transform: lowercase;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.vm-orders-information .table-responsive .table form input.vm_yandexkassa_button:hover {
    background: #fff;
    color: #6e298c !important;
}
#paymentForm .vm-payment-plugin-single {
    display: flex;
    gap: 10px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.vm-orders-information .table-responsive .table tr:last-child>td,
.vm-orders-list .table tr:last-child>td {
    border-bottom: none;
}

.your-account-details-page .your-account-details-page-fields .vm-order-list table.table tr td:last-child,
.vm-orders-list td.text-end {
    font-style: italic;
    font-weight: 500;
    white-space: nowrap;
}

.vm-orders-information .text-end .btn-primary,
.vm-orders-list .vm-track-order .flex-column .btn-primary,
.com_affiliatetracker #notLoggedUserSection .btn-primary {
    background: #6e298c;
    color: #fff;
    font-size: 15px;
    padding: 8px;
    height: 45px;
    border: 1px solid #6e298c;
    border-radius: 3em;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    width: 100%;
}

.vm-orders-information .text-end .btn-primary:hover,
.vm-orders-list .vm-track-order .flex-column .btn-primary:hover,
.com_affiliatetracker #notLoggedUserSection .btn-primary:hover {
    color: #6e298c;
    background: #fff;
    border: 1px solid #6e298c;
    ;
}

.vm-orders-list .vm-track-order .lead {
    font-size: 16px;
    font-weight: 500;
}

.vm-orders-list .vm-track-order label.form-label {
    margin-bottom: 2px;
    margin-top: 6px;
    text-transform: lowercase;
    font-style: italic;
    font-size: 13px;
}

.vm-orders-list .vm-track-order .flex-column {
    width: 100%;
}

.vm-orders-list .vm-track-order .flex-column .btn-primary {
    margin-top: 20px;
}

.vm-orders-list .vm-login .login-button-in-cart-header {
    margin-top: 10px;
}
.shape-container p {
    text-align: justify;
        }

        .shape-img {
            width: 100px;
            height: 100px;
            margin-left: 10px;
            float: right; /* Картинка справа, текст обтекает слева */
            shape-outside: circle(50%); /* Обтекание по кругу */
            clip-path: circle(50%); /* Обрезаем картинку по кругу */
            opacity: 0; /* Начальное состояние */
            transform: scale(0.8);
            animation: appear 0.5s ease forwards; /* Анимация при загрузке */
        }

        @keyframes appear {
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        .shape-text {
            text-align: justify;
        }

        /* Для мобильных устройств */
        @media (max-width: 576px) {
            .shape-img {
                width: 80px;
                height: 80px;
                margin-left: 6px;
                shape-outside: circle(50%);
                clip-path: circle(50%);
            }
        }
/* ORDER DETAILS END */
/* Select Country Start */
.container-country h2 {
    font-size: 18px;
    font-weight: 500;
}

.container-country .accordion.accordion-flush {
    border: 1px solid #6e298c;
    padding: 2px;
    border-radius: 2em;
}

.container-country .accordion.accordion-flush .accordion-body {
    padding: 2px;
}

.container-country .accordion.accordion-flush .accordion-body a,
.select-country-mobile .eb-container #flush-collapseOne a {
    display: flex !important;
    align-items: center;
    text-decoration: none;
    font-style: italic;
    font-size: 14px;
}

.container-country .accordion.accordion-flush .accordion-body a img,
.select-country-mobile .eb-container #flush-collapseOne a img {
    width: 40px;
    height: auto;
    margin-right: 10px;
    margin-bottom: 2px;
    border: 0.5px solid #6e298c;
    border-radius: 6px;
    opacity: 0.9;
}

.container-country .accordion.accordion-flush #flush-collapseOne,
.select-country-mobile .eb-container #flush-collapseOne {
    margin-bottom: 12px;
    padding: 10px 5px 8px;
    max-height: 400px;
    list-style: none;
    overflow-y: auto;
    max-height: 400px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-top: 1px solid #6e298c;
}

.select-country-mobile .eb-container #flush-collapseOne {
    border-top: none;
}

.select-country-mobile .eb-dialog {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.select-country-mobile .eb-container h2.accordion-header {
    border-bottom: 1px solid #6e298c;
    padding-bottom: 6px;
    font-size: 18px;
    margin-top: -10px;
    width: 90%;
}

.eb-close>img {
    width: 34px;
    margin-top: 7px;
    margin-right: 5px;
}

@media (max-width: 991px) {

    .container-country,
    .recently-viewed-products,
    .product-filter-dekstop {
        display: none;
    }
    .username-in-cart-header .forgot-username,
.password-in-cart-header .forgot-password {
margin-bottom: 10px;
}
}

.container-country input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

/* Accordion styles */
.container-country .tabs {
    border-radius: 2em;
    overflow: hidden;
}

.container-country .tab {
    width: 100%;
    overflow: hidden;
}

.container-country .tab-label {
    display: flex;
    justify-content: space-between;
    padding: 12px 12px 9px;
    color: #6e298c;
    background: #fff;
    border: 1px solid #6e298c;
    border-radius: 2em;
    font-weight: bold;
    font-family: inherit;
    cursor: pointer;
}

.container-country .tab-label:hover {
    background: transparent;
}

.container-country .tab-label::after {
    content: "";
    border: none;
    margin-inline-start: 4px;
    margin-top: 3px;
    background-image: url(../images/chevron-color.svg);
    height: 20px;
    width: 20px;
    text-align: center;
    transition: all 0.35s;
}

.container-country .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #fff;
    background: transparent;
}

.container-country .tab-content a {
    display: flex !important;
    align-items: center;
    text-decoration: none;
    font-style: italic;
    font-size: 14px;
}

.container-country .tab-content a img {
    width: 40px;
    height: auto;
    margin-right: 10px;
    margin-bottom: 2px;
    border: 0.5px solid #6e298c;
    border-radius: 6px;
    opacity: 0.9;
}

.container-country .tab-close:hover {
    background: transparent;
}

.container-country input:checked+.tab-label {
    background: transparent;
    border-bottom: none;
    border-radius: 2em 2em 0 0;
}

.container-country input:checked+.tab-label::after {
    transform: rotate(90deg);
}

.container-country input:checked~.tab-content {
    max-height: 100vh;
    padding: 2px 12px;
    border-left: 1px solid #6e298c;
    border-right: 1px solid #6e298c;
}

.container-country input:checked~.tab-content:last-child {
    border-left: 1px solid #6e298c;
    border-right: 1px solid #6e298c;
    border-bottom: 1px solid #6e298c;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    padding-bottom: 10px;
}

/* Select Country End */

/* FILTER PRODUCTS START */
.container-sidebar-left.product-filter-dekstop .sidebar-left:first-child {
    margin-top: 30px;
}
.product-filter {
    padding: 16px 11px 8px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    z-index: 1020;
    position: sticky;
    top: 62px !important;
}

.product-filter.filter-mobile {
    margin-top: 23px;
    padding: 24px 11px 8px;
    border-radius: 2em;
    border: 1px solid #fff;
}

.product-filter.filter-mobile:before {
    content: "";
    background-image: url(../images/favicon-ring-original.svg);
    width: 40px;
    vertical-align: middle;
    height: 40px;
    position: absolute;
    display: flex;
    justify-content: center;
    margin: -47px auto 0px;
    text-align: center;
    left: 46%;
}

.product-filter h3 {
    font-size: 16px;
    text-transform: lowercase;
    text-align: center;
}

.filter-mobile.product-filter h3 {
    text-align: center;
    text-transform: lowercase;
}

.filter-mobile.product-filter ul {
    padding-left: 10px;
    border-left: 1px solid #fff;
    margin-top: 2px;
    margin-left: 10px;
}

.filter-mobile.product-filter ul li ul {
    margin-left: 24px;
    padding-left: 0;
    margin-top: 0;
    padding: 6px 0;
}

.filter-mobile.product-filter ul li.active ul {
    margin-top: 0;
}

.product-filter ul {
    padding-left: 10px;
    border-left: 1px solid #6e298c;
    margin-top: 2px;
    margin-left: 10px;
}

.product-filter ul li,
.filter-mobile.product-filter ul li.active {
    margin: 10px 0;
}

.filter-mobile.product-filter ul li div:before {
    content: "";
    display: inline-block;
    width: 12px;
    margin: 0 0 0 -10px;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
}

.product-filter ul li div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-filter ul li div:before {
    content: "";
    display: inline-block;
    width: 12px;
    margin: 0 0 0 -10px;
    vertical-align: middle;
    border-bottom: 1px solid #6e298c;
}

.filter-mobile.product-filter ul li a {
    background-color: transparent;
    border-radius: 2em;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
}

.product-filter ul li a,
.filter-mobile.product-filter ul li.active a {ß
    color: #6e298c;
    text-align: center;
    border: 1px solid #6e298c;
    border-radius: 2em;
    font-weight: 400;
    padding: 6px 10px;
    display: inline-block;
    width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.product-filter ul li a {
    background: #fff;
}
.eb-dialog {
    overflow: hidden !important;
}
.filter-mobile.product-filter ul li.active a {
    border: 1px solid #e5d9eb;
    background: #e5d9eb;
    color: #6e298c;
}

.filter-mobile.product-filter ul li.active ul li a {
    padding: 0px 12px;
}

.product-filter ul li.active a,
.product-filter ul li a:hover {
    background: #6e298c;
    color: #fff;
}

.filter-mobile.product-filter ul li a:hover {
    color: #6e298c;
    background: #e5d9eb;
    border: 1px solid #e5d9eb;
}

.filter-mobile.product-filter ul li.active a:hover {
    color: #6e298c;
}

.product-filter ul li ul li a:hover,
.product-filter ul li.active ul li a:hover {
    color: #a63a82;
    background: none;
    border: none;
}

.filter-mobile.product-filter ul li ul li a:hover {
    color: #fff;
    background: transparent;
}

.filter-mobile.product-filter ul li ul,
.filter-mobile.product-filter ul li.active ul {
    border-left: 1px solid #fff;
}

.product-filter ul li ul,
.product-filter ul li.active ul {
    padding-left: 0;
    border-left: 1px solid #6e298c;
    margin-left: 24px;
    margin-top: 0px;
}

.product-filter ul li ul li,
.product-filter ul li.active ul li {
    margin: 0;
}

.product-filter ul li ul li a,
.product-filter ul li.active ul li a {
    color: #6e298c;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    font-style: italic;
    border: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: none;
    padding: 0;
    text-align: left;
}

.filter-mobile.product-filter ul li ul li a,
.filter-mobile.product-filter ul li.active ul li a,
.filter-mobile.product-filter ul li ul li a:hover,
.filter-mobile.product-filter ul li.active ul li a:hover {
    color: #fff !important;
    background: none;
    border: none;
    padding-left: 0;
    text-align: left;
}

.product-filter ul li ul li div a:before,
.product-filter ul li ul li.active div a:before {
    content: "";
    display: inline-block;
    width: 12px;
    margin: 0 6px 0 0;
    vertical-align: middle;
    border-bottom: 1px solid #6e298c;
}

.product-filter ul li ul li div:before,
.filter-mobile.product-filter ul li ul li div:before {
    display: none;
}

.filter-mobile.product-filter ul li ul li div a:before,
.filter-mobile.product-filter ul li.active ul li a:before {
    content: "";
    display: inline-block;
    width: 12px;
    margin: 0 6px 0 0;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
}

/* FILTER PRODUCTS END*/
iframe {
    max-width: 100% !important;
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0 auto 6px;
    border-radius: 1em;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#system-message-container {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 1111;
}

joomla-alert .joomla-alert--close {
    padding: 0;
    font-size: 2.5rem !important;
    font-weight: 300 !important;
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    margin-right: auto;
}

joomla-alert .joomla-alert--close span {
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid;
    width: 42px;
    height: 42px;
    display: inline-block;
    text-align: center;
}

/* ARTICLES START */
.all-articles,
.article-ecology {
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin: -60px auto 0;
    z-index: 2;
    position: relative;
}

.all-articles .thumb-article.dropcaps {
    padding: 10px;
}

.thumb-article h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 0;
    font-weight: bold;
    margin-top: 0;
}

.thumb-article p {
    padding: 10px 0;
}

.all-articles .thumb-article p.read-more {
    margin-top: -10px;
    margin-bottom: 0px;
    text-transform: lowercase;
}

.thumb-article p a img {
    border-radius: 1em 1em 0 0;
}

.all-articles .thumb-article .naked-drop {
    padding: 30px 10px 10px;
    margin-top: -21px;
    border-radius: 0 0 1em 1em;
    background: #F8F5F9;
}

p.read-more {
    text-align: center;
    padding: 0;
}

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

.leaf-divider img {
    margin: 0 auto;
}

.leaf-divider .border {
    margin-top: -14px;
    border-top: 1px solid #e5e5e5;
}

.single-article,
.terms {
    width: 100%;
    max-width: 600px;
    margin: -40px auto 30px;
}

.terms {
    width: 100%;
    max-width: 700px;
    margin: -30px auto 0;
    padding: 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
}

.single-article h4 {
    text-align: center;
}

.terms h4 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 14px;
}
.affiliated-programm-terms h4 {
    font-family: inherit;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: bold;
    text-align: center;
    font-family: inherit;
}
.affiliated-programm-terms h5 {
    text-align: center;
    font-size: 20px;
}
.terms h6 {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.terms ul {
    padding-left: 22px;
    font-weight: 300;
}

.terms ul li {
    list-style: circle;
}

.terms ul>li>a {
    display: inline;
    padding: 0;
}

.single-article .dropcaps {
    margin-top: 20px;
}

.single-article h6 {
    font-size: 16px;
    text-align: center;
    font-family: inherit;
    font-weight: bold;
    margin-top: 10px;
}

.single-article li,
.delivery li {
    list-style: circle;
}

.single-article blockquote {
    font-style: italic;
    line-height: 19px;
    font-size: 13px;
}

.single-article p img {
    margin: 0 auto;
    border-radius: 6px;
}

.single-article .pure_body {
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
}

.single-article .pure_body .page-section-number.top {
        margin-top: -45px !important;
    margin-bottom: 20px !important;
}

.single-article .pure_body blockquote {
    margin-bottom: 0;
}

.single-article .page-section-number {
    margin-top: 20px !important;
}

.single-article .legend h6,
.single-article .tips h6,
.single-article .warnings h6 {
    background: #ffffff;
}
.page-section-number {
    margin: 0 auto !important;
    z-index: 2;
}

.page-section-number:after {
    content: "";
    position: absolute;
    left: 0px;
    height: 0.01rem;
    background: #e5d9eb;
}
.page-section-number img,
.pure_body .page-section-number img{
    text-align: center;
    margin: 0 auto 0;
    top: 12px !important;
    position: relative;
    display: flex;
    z-index: 1;
}
.single-article .page-section-number img {
    top: -5px !important;
}
.pure_body .page-section-number img,
.article-scrubs .page-section-number img {
    top: 9px !important;
}
.page-section-number .border {
    border-bottom: 0.001rem solid #e5d9eb !important;
    margin-top: -20px;
}

.line-border {
    margin-top: -13px;
    border-top: 1px solid #e5d9eb;
}

.single-article .page-section-number .border {
    margin-top: -20px;
}

.terms .page-section-number.top,
.delivery .page-section-number.top,
.contact-page .page-section-number.top,
.contract-manufactoring .page-section-number.top,
.facebuilding .page-section-number.top,
.com_affiliatetracker .page-section-number.top  {
    margin: -48px auto 25px !important;
}

.terms .page-section-number.bottom,
.delivery .page-section-number.bottom,
.contact-page .page-section-number.bottom,
.contract-manufactoring .page-section-number.bottom,
.facebuilding .page-section-number.bottom,
.com_affiliatetracker .page-section-number.bottom  {
    margin-bottom: -24px !important;
}

.terms .page-section-number:after {
    display: none;
}
.terms .page-section-number.bottom {
    display: none;
}
@media screen and (max-width: 768px) {
    .all-articles .thumb-article .naked-drop {
        padding: 30px 10px 10px;
        margin-top: -20px;
        margin-right: 0;
        margin-left: 0;
        border-radius: 0 0 1em 1em;
        background: #f5f5f5;
    }

    .thumb-article p {
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {
    .thumb-article h3 {
        font-size: 22px;
    }

    .thumb-article {
        margin-bottom: 0;
    }

    .thumb-article h3 {
        font-size: 20px;
    }

    .thumb-article p {
        font-size: 14px;
        line-height: 23px;
    }

    .blog-slider__text {
        line-height: 23px;
    }

    .terms {
        padding: 12px;
    }

    .terms .page-section-number.top {
        margin: -37px auto 20px !important;
    }
    .terms .page-section-number.bottom {
margin-bottom: -13px !important;
    }
.about_us.terms .page-section-number.top {
        margin-top: -48px !important;
    }
    .about_us.terms .page-section-number.bottom {
        margin-top: -30px !important;
    }
    .about_us.terms .page-section-number.bottom img {
        top: 23px !important;
    }
    .page-section-number img,
    .page-section-number.top img {
        top: 20px;
    }

    .terms .page-section-number.top img {
        top: -15px;
    }

    .page-section-number.bottom img {
        top: 4px;
    }
}

.single-article a.btn-article {
    color: #6e298c;
    border: 1px solid #6e298c;
    font-size: 16px;
    font-weight: 500;
    border-radius: 1em;
    padding: 12px;
    height: 50px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-out;
}

.single-article a.btn-article:hover {
    background: #6e298c;
    color: #fff;
}

.single-article a.btn-article i {
    font-size: 14px;
    margin-right: 5px;
    display: none;
}

.facebuilding h3 {
    font-size: 18px;
    font-weight: 500;
}

.legend {
    font-size: 14px;
    line-height: 21px;
    border: 4px double #c6a4cd;
    border-radius: 2em;
    margin: 0 0 10px 0;
    padding: 7px 15px 4px;
}
.one-page-content .legend {
    margi-top: 14px;
}
.legend ul {
    padding-left: 12px;
}
.legend ul li {
    list-style: circle;
}
.legend h6,
.tips h6,
.warnings h6 {
    background: #e5d9eb;
    color: #6e298c;
    float: left;
    font-size: 12px;
    font-weight: 500;
    left: 11px;
    margin: 0 0 -49px !important;
    padding: 0 6px;
    position: relative;
    font-style: italic;
    text-transform: uppercase !important;
    top: -16px;
    letter-spacing: 0.03em;
}

.legend p {
    margin-bottom: 0;
}

/* ARTICLES END */

/* CONTACT+DELIVERY PAGE START */

.contact-page .contact-form {
    padding: 20px;
    border: 1px solid #6e298c;
    border-radius: 2em;
}

.contact-page .contact-form .sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input),
.contact-page .contact-form .sppb-ajaxt-contact-form div.sppb-form-group textarea {
    color: #6e298c;
    padding: 20px;
    border: 1px solid #6e298c;
    border-radius: 2em;
}

.contact-page .contact-form .sppb-ajaxt-contact-form .sppb-btn-default {
    width: 100%;
    height: 50px;
    background: #e5d9eb;
    color: #6e298c;
    font-size: 16px;
    border-radius: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e5d9eb;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.contact-page .contact-form .sppb-ajaxt-contact-form .sppb-btn-default:hover {
    color: #fff;
    background: #6e298c;
}

blockquote {
    padding: 0 0 0 12px;
    margin: 0 0 20px;
    border-left: 3px solid #e5d9eb;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    font-style: italic;
}

.delivery,
.contact-page,
.contract-manufactoring,
.facebuilding {
    margin: -30px auto 0;
    max-width: 800px;
}
.contract-manufactoring,
.facebuilding {
    padding: 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
}
.contract-manufactoring.dropcaps .naked-drop .formula blockquote,
.formula blockquote {
    border: none;
}
.contract-manufactoring.dropcaps .naked-drop .formula span.naked,
.formula span.naked {
    color: #e5d9eb;
    font-size: 40px;
    font-weight: 500;
    padding: 0 10px 0 0;
    line-height: 42px;
        float: left;
}
.delivery,
.contact-page {
    width: 100%;
    margin: -30px auto 0;
    padding: 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
}
.facebuilding .video-grid .video-responsive {
    border-radius: 1em 1em 0 0;
    margin:0 auto;
}
.facebuilding .flex-row {
    align-items: start;
}
.facebuilding .video-grid h3 {
    display: none;
}
.facebuilding .video-grid:first-child {
margin-right: 5px;
width: 50%;
}
.facebuilding .video-grid:last-child {
    margin-left: 5px;
    width: 50%;
}
.facebuilding .video-grid p {
    background: #6e298c;
    color: #fff;
    font-weight: 300;
    border-radius: 0 0 1em 1em;
    text-align: left;
    padding: 10px;
    font-style: italic;
    font-size: 13px;
    line-height: 19px;
}
.facebuilding p img {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.facebuilding .baglyk p {
    text-align: center;
    padding: 5px;
    margin-bottom: 0;
}

.contact-page {
    margin-top: -30px;
}

.delivery a.contact-manager {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #6e298c;
    border-radius: 2em;
    padding: 12px;
    font-size: 16px;
}

.contact-page .contact-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0;
    height: auto;
    width: 100%;
}

.contact-page .contact-data div {
    margin-bottom: 6px;
}

.contact-page .contact-data a,
.contact-page .contact-data span {
    font-size: 26px;
    font-weight: 400;
    text-decoration: none;
}

.delivery h4,
.contact-page h4 {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 16px;
    line-height: 23px;
    font-family: inherit;
}
.delivery h4 span,
.contact-page h4 span {
text-transform: initial;
}
.contact-page .address-factory li img,
.delivery .address-factory li img,
.delivery li.svg-icon img,
.shops-gallery ul li img {
height: 16px;
width: auto;
margin-top: -2px;
}
.delivery .address-factory .types-of-payment li img {
    height: 20px;
}

.delivery a.call-to-phone img,
.delivery a.img-svg img {
        height: 20px;
    width: auto;
    float: left;
    margin-bottom: 0;
}

.contact-page a.img-svg img,
.shops-gallery ul li a.img-svg img {
    width: 50px;
    margin-right: 10px;
    float: left;
}

.delivery i,
.contact-page i {
    font-weight: bold;
}

.address-shops {
    border: 1px solid #6e298c;
    border-radius: 2em;
    padding: 0 12px 4px;
    height: auto;
    width: 100%;
    display: inline-block;
}

.address-shops {
    margin-top: 10px;
}

.address-factory h3,
.address-shops h3 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 12px;
    font-weight: 500;
}

.address-factory p img,
.address-shops p img,
.other-shops p img {
    height: 14px;
    width: auto;
    margin-bottom: 4px;
}

.address-factory p a.img-svg img {
    margin-bottom: 0;
}

.contact-page a.img-svg {
    font-weight: 500;
}

.delivery a {
    font-weight: 500;
    display: inline-block;
}

/* CONTACT+DELIVERY PAGE END */

.cd-faq.faqs.other-shops h6,
.our-projects h6,
#icagenda h1.ic-header-title,
#icagenda .ic-event-header h1,
#icagenda .ic-form-title h1,
.ic-registration-complete h1 {
      text-align: center;
    font-size: 24px;
    letter-spacing: 1px;
    margin-top: 36px;
    margin-bottom: 6px;
    font-family: inherit;
  font-weight: bold;
}
.other-shops .legend {
    margin-top: 30px;
}
.cd-faq.faqs.other-shops .legend h6 {
    background: #fff;
    font-size: 12px;
    border-radius: 6px;
}
.our-projects .flex-row {
    gap: 20px;
}
.our-projects h3 {
text-align: center;
    font-family: inherit;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 12px;
}
.project {
    -webkit-animation-name: intro-zoom-in;
    animation-name: intro-zoom-in;
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.project a {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: box-shadow .5s cubic-bezier(.165,.84,.44,1), transform .5s cubic-bezier(.165,.84,.44,1);
}

.project a:hover {
    transform: scale(1.05);
}

.project a img {
    width: 200px;
    max-width: 200px;
    height: auto;
    border: 1px solid #6e298c;
    border-radius: 1em;
}

@media only screen and (max-width: 767px) {
    .contact-page .contact-data {
        margin-top: 0;
    }
    .com_affiliatetracker #notLoggedUserSection .vertical-line-top {
    margin: 0 auto 20px;
    height: 40px;
}
}

@media only screen and (max-width: 660px) {
    .contact-page .contact-data a,
    .contact-page .contact-data span {
        font-size: 22px;
    }

    .contact-page a.img-svg img {
        width: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .shop-main .main-tittle-in-header svg {
    height: 100px;
    margin-top: -10px;
}

    .facebuilding .flex-row {
        flex-direction: column !important;
    }
    .facebuilding .flex-row .video-grid {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 480px) {
    .shop-main .main-tittle-in-header svg {
    height: 80px;
    margin-top: -2px;
}
    .mod-languageslang-dekstop .inputbox {
        border: none;
        font-size: 25px;
        font-weight: 200;
    }
        .delivery, .contact-page {
        padding: 20px 10px;
    }
    .project a img {
    width: 170px;
}
}

@media only screen and (max-width: 385px) {

    .category-view,
    .product-container.productdetails-view.productdetails {
        padding-left: 2px;
        padding-right: 2px;
    }

    .category-view .browse-view .vm-product-grid.container {
        padding-left: 0;
        padding-right: 0;
    }

    .category-view .browse-view .vm-product-grid.container .row .product {
        padding-left: 2px;
        padding-right: 2px;
    }

    .category-view .product .product-container {
        padding: 8px 4px;
    }

    .cart-view #checkoutForm .customer-data {
        padding-right: 2px;
        padding-left: 2px;
    }
    .category-view .browse-view .vm-customfields-wrap .product-fields .product-field {
    margin-left: 8px;
    margin-right: 8px;
}

    body.wrapper-fluid header>.grid-child {
        padding-left: 5px;
    }

    .project a img {
        width: 150px;
    }
     .contact-page .contact-data a,
    .contact-page .contact-data span {
        font-size: 20px;
    }
    .container-header .metismenu>li.level-1>ul li a {
    font-size: 14px;
}
}

.ytka-love-sign {
    display: flex;
    justify-content: flex-end;
    display: none;
}

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

Main components FAQ start

-------------------------------- */
.ingredient {
    max-width: 960px;
    margin: -40px auto -30px;
}

.ingredient blockquote {
    font-style: italic;
}

@media only screen and (max-width: 575px) {
    blockquote {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {

    .cd-faq *::after,
    .cd-faq *::before {
        content: '';
    }
}

.cd-faq {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.cd-faq:after {
    content: "";
    display: table;
    clear: both;
}

.cd-faq a {
    border-bottom: none;
    transition: 0.3s ease;
}

.cd-faq a:hover {
    border-bottom: none;
}

.cd-faq a.cd-faq-trigger {
    font-size: 15px;
        font-weight: 400;
}

.cd-faq a.cd-faq-trigger:hover {
    color: #6e298c !important;
}

ul.cd-faq-categories a:hover {
    color: #6e298c !important;
}

ul.cd-faq-categories {
    background: #e5d9eb;
    border-radius: 1em;
    padding: 10px;
    border: 1px solid #6e298c;
}

@media only screen and (min-width: 768px) {
    .cd-faq {
        position: relative;
        margin: -50px auto 0;
        box-shadow: none;
        max-width: 800px;
    }
}

@media only screen and (max-width: 767px) {
    .cd-faq {
        margin: -30px auto 0;
        box-shadow: none;
    }
ul.cd-faq-categories {
    border: none;
}
    .cd-faq.ingredients {
       margin-top: -64px;
        z-index:2;
        position: relative;
    }

    .ingredient {
        margin-bottom: 30px;
    }
}

.cd-faq-categories a {
    font-weight: 500;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 5px 28px 5px 16px !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cd-faq ul.cd-faq-categories li a {
    font-size: 18px;
}

.cd-faq-categories a::before,
.cd-faq-categories a::after {
    /* plus icon on the right */
    position: absolute;
    top: 50%;
    right: 16px;
    display: inline-block;
    height: 1px;
    width: 10px;
    background-color: var(--greyDark);
}

.cd-faq-categories a::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    content: "+";
    display: flex;
    font-size: 1em;
    text-align: center;
    color: #6e298c;
    top: 42%;
    height: 0;
    width: 0;
}

@media only screen and (min-width: 768px) {
    .cd-faq-categories {
        width: 200px;
        float: left;
    }

    .cd-faq-categories a {
        color: var(--greyDark) !important;
        font-weight: 500;
        font-size: 0.9rem !important;
        padding-left: 24px;
        padding: 0 24px;
        -webkit-transition: background 0.2s, padding 0.2s;
        -moz-transition: background 0.2s, padding 0.2s;
        transition: background 0.2s, padding 0.2s;
    }

    .cd-faq-categories a::before,
    .cd-faq-categories a::after {
        display: none;
    }

    .no-touch .cd-faq-categories a:hover {
        background: #555b61;
    }

    .no-js .cd-faq-categories {
        width: 100%;
        margin-bottom: 2em;
    }
}

li {
    border-bottom: none !important;
    list-style-type: none;
}

@media only screen and (min-width: 768px) {
    .cd-faq-categories {
        position: absolute;
        top: 77px !important;
        left: 0;
        width: 200px;
        z-index: 2;
    }

    .no-js .cd-faq-categories {
        position: relative;
    }
}

.cd-faq-items {
    position: fixed;
    height: 100%;
    width: 90%;
    top: 0;
    right: 0;
    padding: 0 5% 1em;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) translateX(100%);
    -moz-transform: translateZ(0) translateX(100%);
    -ms-transform: translateZ(0) translateX(100%);
    -o-transform: translateZ(0) translateX(100%);
    transform: translateZ(0) translateX(100%);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}

.cd-faq-items.slide-in {
    background: #fff;
    -webkit-transform: translateZ(0) translateX(0%);
    -moz-transform: translateZ(0) translateX(0%);
    -ms-transform: translateZ(0) translateX(0%);
    -o-transform: translateZ(0) translateX(0%);
    transform: translateZ(0) translateX(0%);
    z-index: 10;
}

.no-js .cd-faq-items {
    position: static;
    height: auto;
    width: 100%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

@media only screen and (min-width: 768px) {

    .cd-faq-categories.is-fixed {
        /* top and left value assigned in jQuery */
        position: fixed;
    }

    .ingredients .cd-faq-categories {
        width: 60px;
    }

    .ingredients .cd-faq-items {
        padding-left: 40px;
    }

    .cd-faq-items {
        position: static;
        height: auto;
        overflow: visible;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
        padding: 0;
        background: transparent;
    }
}

@media only screen and (min-width: 768px) {
    .cd-faq-items {
        float: none;
        width: 100%;
        padding-left: 220px;
    }

    .no-js .cd-faq-items {
        padding-left: 0;
    }
}

.cd-close-panel {
    position: fixed;
    top: 5px;
    right: -100%;
    display: block;
    height: 40px;
    width: 40px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 11;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: right 0.4s;
    -moz-transition: right 0.4s;
    transition: right 0.4s;
}

.cd-close-panel::before,
.cd-close-panel::after {
    /* close icon in CSS */
    position: absolute;
    top: 24px;
    left: 17px;
    display: inline-block;
    height: 3px;
    width: 18px;
    background: #fff;
}

.cd-close-panel::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-close-panel::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cd-close-panel.move-left {
    right: -1%;
    top: 50%;
    right: -1%;
    top: 50%;
    background: rgba(110, 41, 140, 0.8);
    padding: 25px;
    border-radius: 1em 0 0 1em;
    z-index: 1001;
}

@media only screen and (min-width: 768px) {
    .cd-close-panel {
        display: none;
    }
}

.cd-faq-group {
    /* hide group not selected */
    display: none;
}

.cd-faq-group.selected {
    display: block;
    font-size: 0.95em;
    line-height: 23px;
}

.cd-faq-group .cd-faq-title {
    background: transparent;
    box-shadow: none;
    margin: 1em 0;
    border: none !important;
}

.no-touch .cd-faq-group .cd-faq-title:hover {
    box-shadow: none;
}

.cd-faq-group .cd-faq-title h2 {
    margin-bottom: 4px;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 700;
    color: #6e298c;
    text-align: left;
  font-family: inherit;
    font-weight: bold;
}

.ingredients .cd-faq-group .cd-faq-title h2 {
    font-size: 20px;
}

.no-js .cd-faq-group {
    display: block;
}

@media only screen and (min-width: 768px) {
    .cd-faq-group {
        /* all groups visible */
        display: block;
        padding-left: 0;
    }

    .ingredients .cd-faq-group {
        padding-left: 40px;
    }

    .cd-faq-group>li {
        margin-bottom: 6px;
        padding: 10px 22px;
        -webkit-transition: box-shadow 0.2s;
        -moz-transition: box-shadow 0.2s;
        transition: box-shadow 0.2s;
        border: 1px solid #6e298c !important;
        border-radius: 1em;
    }

    .no-touch .cd-faq-group>li:hover {
        box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
    }

    .cd-faq-group .cd-faq-title {
        margin: 2em 0 -0.5em;
    }

    .cd-faq-group:first-child .cd-faq-title {
        margin-top: 0;
    }

    .cd-faq-categories a::before {
        /* decorative rectangle on the left visible for the selected item */
        display: block;
        top: 0;
        right: auto;
        left: 0;
        height: 100%;
        width: 2px;
        background-color: #a63a82;
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    .cd-faq-categories .selected {
        color: #a63a82 !important;
        border-radius: 0 !important;
        font-weight: 600;
    }

    .cd-faq-categories .selected::before {
        opacity: 1;
    }
}

.cd-faq-trigger {
    position: relative;
    display: block;
    margin: 8px 0 4px;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
    .cd-faq-items.slide-in {
        box-shadow: -1px 0 10px rgba(0, 0, 0, 0.15);
        padding-top: 20px;
        padding-bottom: 70px;
        z-index: 1000;
    }

    .cd-faq-group.selected {
        padding-left: 10px;
    }

    .cd-faq-trigger {
        font-weight: 500;
        line-height: 23px !important;
    }

    .cd-faq a.cd-faq-trigger {
        font-size: 16px;
        line-height: 19px !important;
        font-family: inherit;
        font-weight: bold;
    }

    ul.cd-faq-categories a:hover {
        color: #a63a82 !important;
    }
}

.cd-faq *::after,
.cd-faq *::before {
    content: "";
}

@media only screen and (min-width: 768px) {
    .cd-faq-trigger {
        font-size: 1em;
        margin: 0;
    }

    .cd-faq-trigger::before,
    .cd-faq-trigger::after {
        /* arrow icon on the right */
        position: absolute;
        right: 3px;
        top: 50%;
        height: 1px;
        width: 8px;
        background: #6e298c;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .cd-faq-trigger::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 8px;
    }

    .cd-faq-trigger::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .content-visible .cd-faq-trigger::before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .content-visible .cd-faq-trigger::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.cd-faq-content p {
    margin-bottom: 10px;
    line-height: 21px;
    margin-top: 0;
}

.other-shops .cd-faq-content p {
    padding: 5px;
    background: #F8F5F9;
    border-radius: 6px;
}

.other-shops .cd-faq-content p:last-child {
    border-bottom: none;
}

.cd-faq-content p a {
    font-weight: 500 !important;
    white-space: nowrap;
    border-radius: 0 !important;
}

/*.cd-faq-content p a:hover {
  color: #a63a82 !important;
  border-bottom: 1px dotted #a63a82 !important;
  text-decoration: none;
}*/


@media only screen and (max-width: 767px) {
    .cd-faq-content p {
        font-size: 14px;
    }
    .cd-faq-content p a {
    white-space: unset;
}

    .ingredient blockquote {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .cd-faq-content {
        display: none;
        padding: 10px 0 0;
    }

    .no-js .cd-faq-content {
        display: block;
    }
}
    .other-shops {
        max-width: 800px;
        margin-top: 40px;
    }
/* -------------------------------- 

Main components FAQ end


/* SLIDER BEFORE_AFTER START */
.beer-slider {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

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

.beer-slider img,
.beer-slider svg {
    vertical-align: bottom;
}

.beer-slider>* {
    height: 100%;
}

.beer-slider>img {
    max-width: 100%;
    height: auto;
}

.beer-reveal {
    position: absolute;
    left: 0;
    top: 0;
    right: 50%;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.35s;
}

.beer-reveal> :first-child {
    width: 200%;
    max-width: none;
    height: 100%;
}

.beer-reveal>img:first-child {
    height: auto;
}

.beer-range {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    left: -1px;
    width: calc(100% + 2px);
    cursor: pointer;
    -webkit-appearance: slider-horizontal !important;
    -moz-appearance: none;
    opacity: 0;
    -ms-touch-action: auto;
    touch-action: auto;
}

.beer-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 300vh;
}

.beer-range::-moz-range-thumb {
    -webkit-appearance: none;
    height: 300vh;
}

.beer-range::-ms-tooltip {
    display: none;
}

.beer-handle {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #000;
    background: rgba(255, 255, 255, 0.5);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0);
    transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s;
}

.beer-handle:before,
.beer-handle:after {
    content: '';
    color: #4d4d4d;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    border-top: solid 2px;
    border-left: solid 2px;
    transform-origin: 0 0;
}

.beer-handle:before {
    left: 10px;
    transform: rotate(-45deg);
}

.beer-handle:after {
    right: 0;
    transform: rotate(135deg);
}

.beer-range:focus~.beer-handle {
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.beer-slider[data-beer-label]:after,
.beer-reveal[data-beer-label]:after {
    content: attr(data-beer-label);
    position: absolute;
    top: 1.5rem;
    line-height: 1;
    padding: 0.5rem;
    border-radius: 0.125rem;
    background: rgba(255, 255, 255, 0.75);
}

.beer-slider[data-beer-label]:after {
    right: 1.5rem;
}

.beer-reveal[data-beer-label]:after {
    left: 1.5rem;
}

.beer-slider[data-beer-label=""]:after,
.beer-reveal[data-beer-label=""]:after {
    content: none;
}

.beer-ready .beer-reveal,
.beer-ready .beer-handle {
    opacity: 1;
}


.beer-slider {
    max-height: 250px;
    margin-bottom: 10px;
    margin-right: calc(var(--bs-gutter-x) * .5);
    margin-left: calc(var(--bs-gutter-x) * .5);
    border-radius: 1rem;
    display: inline-block !important;
    position: relative;
    overflow: hidden;
}

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

.beer-slider img,
.beer-slider svg {
    vertical-align: bottom;
}

.beer-slider>* {
    height: 100%;
}

.beer-slider>img {
    max-width: 100%;
    height: auto;
}

.beer-reveal {
    position: absolute;
    left: 0;
    top: 0;
    right: 50%;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.35s;
}

.beer-reveal> :first-child {
    width: 200%;
    max-width: none;
    height: 100%;
}

.beer-reveal>img:first-child {
    height: auto;
}

.beer-range {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    left: -1px;
    width: calc(100% + 2px);
    cursor: pointer;
    -webkit-appearance: slider-horizontal !important;
    -moz-appearance: none;
    opacity: 0;
    -ms-touch-action: auto;
    touch-action: auto;
}

.beer-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 300vh;
}

.beer-range::-moz-range-thumb {
    -webkit-appearance: none;
    height: 300vh;
}

.beer-range::-ms-tooltip {
    display: none;
}

.beer-handle {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #000;
    background: rgba(255, 255, 255, 0.5);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

.beer-handle:before,
.beer-handle:after {
    content: '';
    color: #a63a82;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    border-top: solid 2px;
    border-left: solid 2px;
    transform-origin: 0 0;
}

.beer-handle:before {
    left: 10px;
    transform: rotate(-45deg);
}

.beer-handle:after {
    right: 0;
    transform: rotate(135deg);
}

.beer-range:focus~.beer-handle {
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.beer-slider[data-beer-label]:after,
.beer-reveal[data-beer-label]:after {
    content: attr(data-beer-label);
    color: #a63a82;
    position: absolute;
    top: 1.5rem;
    line-height: 1;
    padding: 0.5rem;
    border-radius: 0.3rem;
    background: rgba(255, 255, 255, 0.75);
}

.beer-slider[data-beer-label]:after {
    right: 1.5rem;
}

.beer-reveal[data-beer-label]:after {
    left: 1.5rem;
}

.beer-slider[data-beer-label=""]:after,
.beer-reveal[data-beer-label=""]:after {
    content: none;
}

.beer-ready .beer-reveal,
.beer-ready .beer-handle {
    opacity: 1;
}

.vm-orders-list .track-your-order {
    margin-top: -30px;
}

.track-your-order .flex-row {
    margin-bottom: -20px;
}

.track-your-order .flex-row svg {
    z-index: 2;
    margin-top: -13px;
    margin-bottom: -14px;
}

.track-your-order .vm-track-order {
    background: #fff;
    padding: 10px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    z-index: 1;
    position: relative;
    margin-bottom: 10px;
}

.track-your-order .vm-track-order form {
    width: 100%;
}

.track-your-order .vm-track-order p.lead {
    font-size: 18px;
    font-weight: 500;
}

.track-your-order .vm-track-order #com-form-order-number,
.track-your-order .vm-track-order #com-form-order-pass {
    width: 100%;
    margin-bottom: 10px;
}

.track-your-order .vm-track-order #com-form-order-submit {
    width: 100%;
    margin-top: 10px;
}

.track-your-order .vm-track-order #com-form-order-submit .btn-primary {
    background: #6e298c;
    color: #fff;
    font-size: 13px;
    height: 45px;
    padding: 0;
    border: 1px solid #6e298c;
    border-radius: 3em;
    text-transform: lowercase;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    width: 100%;
}

@media (width <=640px) {
    .about-us-header .scrolling-text .rail h4 {
        font-size: 70px;
    }
    .product-description .row.royal-mask {
        display: flex;
        flex-direction: column;
    }
.just-three-buttons {
    flex-direction: column;
}
.control-buttons .just-three-buttons .btn-primary {
    width: 100%;
}
form#userForm fieldset .control-buttons .btn-primary,
form#userForm fieldset .control-buttons .btn-secondary {
    width: 100%;
    margin-right: 0;
}
    .product-description .row.royal-mask .col-8,
    .product-description .row.royal-mask .col-4 {
        width: 100%;
    }

    #cart-view .customer-data {
        padding-left: 0;
        padding-right: 0;
    }
  #cart-view .col-md-7 {
    width: 64%;
}
}

/* SLIDER BEFORE_AFTER END */


.remind-wrapper,
.notify-product-out-stock {
    margin: 5vh auto;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.notify-product-out-stock {
    max-width: 600px;
    flex-wrap: wrap;
    border: 1px solid #6e298c;
    border-radius: 2em;
    padding: 20px;
    margin-top: -50px;
    position: relative;
}

.notify-product-out-stock svg {
    margin-top: -46px;
    z-index: 1;
    width: 45px;
    height: auto;
    margin-bottom: 16px;
    z-index: 2;
}

.notify-product-out-stock form#notifyform {
    width: 100%;
}

.notify-product-out-stock b {
    font-weight: 600;
}

.notify-product-out-stock span {
    display: inline;
}

.notify-product-out-stock input[type="email"] {
    width: 100%;
    border-radius: 1em !important;
    border: 1px solid #6e298c;
}

.vm-form-row .page-section-number img {
    text-align: center;
    margin: -38px auto 0;
    top: 0;
    position: relative;
    display: flex;
    z-index: 1;
}

.notify-product-out-stock .notify-button.btn {
    color: #6e298c;
    background: #e5d9eb;
    font-size: 12px;
    text-transform: uppercase;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2em !important;
    border: 0;
    width: 100%;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.notify-product-out-stock .notify-button.btn:hover,
.notify-product-out-stock .notify-button.btn:active,
.notify-product-out-stock .notify-button.btn:focus {
    background: #6e298c;
    color: #fff;
    outline: 0;
}

.notify-product-out-stock .notify-button.btn {
    margin-top: 10px;
}

#fancybox-overlay {
    background: #fff !important;
    top: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

#fancybox-outer {
    padding: 20px 10px !important;
    border-radius: 1em;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.25) !important;
}

#fancybox-close {
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    background: url(../images/close.svg) center center repeat !important;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

#fancybox-close:hover {
    background: url(../images/close-hover.svg) center center repeat !important;
    transform: rotate(90deg);
}

#fancybox-right-ico {
    background: url(../images/chevron-right.svg) center center repeat !important;
    width: 11px !important;
    height: 20px !important;
    margin-right: -10px !important;
}

#fancybox-left-ico {
    background: url(../images/chevron-left.svg) center center repeat !important;
    width: 11px !important;
    height: 20px !important;
    margin-left: -10px !important;
}

#fancybox-title.fancybox-title-inside {
    display: none !important;
}

#facebox {
    z-index: 1030 !important;
}

#facebox .popup {
    border: none !important;
    -webkit-border-radius: 2em !important;
    -moz-border-radius: 2em !important;
    border-radius: 2em !important;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#facebox .content {
    width: 300px !important;
    -webkit-border-radius: 2em !important;
    -moz-border-radius: 2em !important;
    border-radius: 2em !important;
}

#facebox .close {
    background: transparent !important;
}

#facebox .content .vm-padded .flex-row {
    align-items: start;
}

#facebox .content .vm-padded .ms-1 {
    min-width: 30px !important;
    max-width: 30px !important;
    width: 30px !important;
}

#facebox .content .vm-padded .ms-3 {
    padding-right: 20px !important;
}

#facebox .close img {
    width: 30px;
    margin-right: 3px;
    margin-top: 6px;
    opacity: 1 !important;
}

.your-account-details-page-fields form .vm-form-row .h5.userfields_info {
    display: none;
}


/* ABOUT US START */

.about_us.dropcaps {
    margin: -25px auto -16px;
    max-width: 800px;
    width: auto;
    border-radius: 2em;
    border: 1px solid #6e298c;
    padding: 20px;
}

.blog-slider {
    width: 95%;
    position: relative;
    max-width: 800px;
    margin: 100px auto 50px;
    background: #e5d9eb;
    padding: 25px;
    border-radius: 2em;
    height: 400px;
    transition: all 0.3s;
}

@media screen and (max-width: 992px) {
    .blog-slider {
        max-width: 680px;
        height: 400px;
    }
    #cart-view {
    margin-top: -60px;
}
}

@media screen and (max-width: 768px) {
    .blog-slider {
        min-height: 500px;
        height: auto;
        margin: 180px auto 0;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider {
        height: 350px;
    }
}

.blog-slider__item {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .blog-slider__item {
        flex-direction: column;
    }
}

.blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>* {
    opacity: 1;
    transform: none;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2) {
    transition-delay: 0.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3) {
    transition-delay: 0.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4) {
    transition-delay: 0.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5) {
    transition-delay: 0.7s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6) {
    transition-delay: 0.8s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7) {
    transition-delay: 0.9s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8) {
    transition-delay: 1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9) {
    transition-delay: 1.1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10) {
    transition-delay: 1.2s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11) {
    transition-delay: 1.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12) {
    transition-delay: 1.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13) {
    transition-delay: 1.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14) {
    transition-delay: 1.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15) {
    transition-delay: 1.7s;
}

.blog-slider__img {
    width: 300px;
    flex-shrink: 0;
    height: 300px;
    border-radius: 2em;
    transform: translateX(-80px);
    overflow: hidden;
}

.blog-slider__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2em;
    background-color: rgba(229,217,235,0.1) !important;
}
.blog-slider__img.gmp:after {
    content: "" !important;
    border: none !important;
    background-image: url(../images/gmp.svg) !important;
    height: 120px !important;
    width: 120px !important;
}
.blog-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 2em;
    transition: all 0.3s;
}

@media screen and (max-width: 768px) {
    .blog-slider__img {
        transform: translateY(-50%);
        width: 90%;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__img {
        width: 95%;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider__img {
        height: 270px;
    }
}

.blog-slider__content {
    padding-right: 25px;
}

@media screen and (max-width: 768px) {
    .blog-slider__content {
        margin-top: -80px;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__content {
        padding: 0;
    }
}

.blog-slider__content>* {
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.4s;
}

.blog-slider__code {
    color: #c6a4cd;
    margin-bottom: 15px;
    display: block;
    font-size: 2em;
    font-weight: 500;
}

.blog-slider__title {
    font-size: 24px;
    font-weight: 500;
    color: #6e298c;
    margin-bottom: 20px;
}

.blog-slider__text {
    color: #6e298c;
    margin-bottom: 30px;
    line-height: 1.5em;
}

.blog-slider__button {
    display: inline-flex;
    background: #6e298c;
    padding: 14px 35px;
    border-radius: 2em;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
    height: 50px;
}

.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.blog-slider .swiper-pagination-custom,
.blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.blog-slider__pagination {
    position: absolute;
    z-index: 10;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination {
        transform: translateX(-50%);
        left: 50% !important;
        top: 205px;
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0 !important;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px !important;
    }
}

.blog-slider__pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 10px;
    background: #062744;
    opacity: 0.2;
    transition: all 0.3s;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #6e298c;
    height: 30px;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination .swiper-pagination-bullet-active {
        height: 11px;
        width: 30px;
    }
}

section a {
    display: inline-block;
    text-decoration: none;
}

section .container {
    max-width: 100%;
    width: 100%;
    float: left;
    overflow-x: scroll;
    white-space: nowrap;
    overflow-y: hidden;
}

section h2 {
    text-align: center;
    font-family: inherit;
    font-weight: bold;
    font-size: 24px;
}

.articles-image-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.articles-name {
    z-index: 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    background: rgba(229, 217, 235, 0.9);
    padding: 16px;
    width: 100%;
    height: 120px;
    position: absolute;
    bottom: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: start;
}

section .container .box .icon .iconBox img {
    width: 13px;
}

section .container .card:nth-child(1) .box .icon .iconBox {
    background: #d3b19a;
}

section .container .card:nth-child(2) .box .icon .iconBox {
    background: #70b3b1;
}

section .container .card:nth-child(3) .box .icon .iconBox {
    background: #d05fa2;
}

section .container .card:nth-child(4) .box .icon .iconBox {
    background: #d3b19a;
}

section .container .card:nth-child(5) .box .icon .iconBox {
    background: #70b3b1;
}

section .container .card:nth-child(6) .box .icon .iconBox {
    background: #d05fa2;
}

section .container .card:nth-child(7) .box .icon .iconBox {
    background: #d3b19a;
}

section .container .card:nth-child(8) .box .icon .iconBox {
    background: #70b3b1;
}

section .container .card:nth-child(9) .box .icon .iconBox {
    background: #d05fa2;
}

section .container .card:nth-child(10) .box .icon .iconBox {
    background: #70b3b1;
}

section .container .card:nth-child(11) .box .icon .iconBox {
    background: #d05fa2;
}

section .container .card:nth-child(12) .box .icon .iconBox {
    background: #d3b19a;
}

section .container .card:nth-child(13) .box .icon .iconBox {
    background: #70b3b1;
}

section .container .card:nth-child(14) .box .icon .iconBox {
    background: #d05fa2;
}

section .container .card {
    margin: 10px;
    width: 250px;
    display: inline-block;
    overflow-y: hidden;
}

section .container .card-inner {
    position: relative;
    width: inherit;
    height: 270px;
    border-radius: 1.25rem;
    border-bottom-right-radius: 0;
    overflow: hidden;
}

section .container .card-inner .box {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 1.25rem;
    overflow: hidden;
}

section .container .card-inner .box .imgBox {
    position: absolute;
    inset: 0;
}

section .container .card-inner .box .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section .container .card-inner .box .imgBox .overlay {
    background-color: rgba(110, 41, 140, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: repeat;
}

section .container .card-inner .box .icon {
    position: absolute;
    bottom: -0.375rem;
    right: -0.375rem;
    width: 6rem;
    height: 6rem;
    background: #fff;
    border-top-left-radius: 50%;
}

section .container .card-inner .box .icon:hover .iconBox {
    transform: scale(1.1);
}

section .container .card-inner .box .icon::before {
    position: absolute;
    content: "";
    bottom: 0.375rem;
    left: -1.25rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}

section .container .card-inner .box .icon::after {
    position: absolute;
    content: "";
    top: -1.25rem;
    right: 0.375rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}

section .container .card-inner .box .icon .iconBox {
    position: absolute;
    inset: 0.625rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

section .container .card-inner .box .icon .iconBox span {
    color: #fff;
    font-size: 1.5rem;
}

/* ABOUT US END */


@media screen and (max-width: 768px) {
    .justify {
        text-align: left;
    }

    .about_us.dropcaps {
        margin: -30px auto -10px;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__button {
        width: 100%;
    }

    section .container .card {
        width: 230px;
    }

    section .container .card-inner {
        height: 250px;
    }

    .articles-name {
        font-size: 14px;
    }
}

/* LIGHTBOX GALLERY START */
.factory {
    margin-top: -30px;
    margin-bottom: 10px;
    margin-left: -8px;
    margin-right: -8px;
    border: 1px solid #6e298c;
    padding: 12px 16px 0px;
    border-radius: 2em;
}

.factory .page-section-number {
    margin: -40px auto 16px !important;
}

.factory .page-section-number img {
    top: -3px;
}
.carousel-control-prev, .carousel-control-next {
    width: 9%;
}

.factory-gallery .row .img-fluid,
.shops-gallery .row .img-fluid  {
transition: transform .5s cubic-bezier(.165,.84,.44,1);
}

.factory-gallery .row .img-fluid:hover,
.shops-gallery .row .img-fluid:hover {
    transform: scale(1.05);
}
.factory-gallery,
.shops-gallery  {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.factory-gallery .row,
.shops-gallery .row {
    --gutter-y: 1em;
    margin-top: calc(*var(--gutter-y));
}

.factory-gallery .row .img-fluid,
.carousel-item .img-fluid,
.shops-gallery .row .img-fluid  {
    border-radius: 6px;
}
.factory .row .img-fluid:after {

}
.lightbox,
.lightbox .carousel-item .ratio {
    background-color: rgba(0, 0, 0, 1);
}

.lightbox .modal-body {
    padding: 0;
}

.lightbox .modal-body .btn-close {
    padding: 1em;
        top: -40px !important;
}

.lightbox .carousel-control-prev,
.lightbox .carousel-control-next {
    margin: auto;
}

.lightbox .carousel-item .ratio img {
    margin: auto;
}
@media (width < 576px) {
    .factory-gallery .row,
    .shops-gallery .row  {
    --gutter-y: 6px;
}
    .factory-gallery .row>*,
    .shops-gallery .row>*  {
        padding-left: 3px;
        padding-right: 3px;
    }
}
@media (width >= 350px) {
    .factory-gallery a.col-sm-4,
    .shops-gallery a.col-sm-4  {
        flex: none;
        width: 33.3333%;
    }
}
/* LIGHTBOX GALLERY END */

.buttons-in-edit-address {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.just-three-buttons .buttons-in-edit-address {
    margin-top: 26px;
    flex-direction: row;
}
.buttons-in-edit-address .vertical-line-top {
    width: 1px;
    margin: -32px auto 0;
    height: 30px;
    border-left: 1px solid #6e298c;
}
.no-layout .vm-login.px-4.py-3.mb-4 {
    margin-top: -38px;
}
.layout-edit form.already-login {
    margin: -40px auto 60px;
}
.layout-edit .for-reg-text.vertical-line-top {
    display: none;
}
.layout-edit .just-three-buttons .buttons-in-edit-address {
    margin-top: 31px;
}
.buttons-in-edit-address div {
    flex-grow: 1;
    width: 100%;
}
.buttons-in-edit-address div button {
    width: 100% !important;
}
.control-buttons .buttons-in-edit-address div button.btn-primary {
    margin-right: 5px;
    text-transform: capitalize !important;
}
.buttons-in-edit-address div button.btn-secondary {
    margin-left: 5px !important;
}
.your-account-details-page .page-section-number.top {
    display: none;
}
.com-users-reset-confirm.reset-confirm,
.com-users-logout.logout,
    .com-users-profile.profile {
max-width: 500px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #6e298c;
    border-radius: 1em;
    padding: 20px;
}
.com-users-logout.logout {
    padding-bottom: 0;
}
.com-users-reset-confirm.reset-confirm .page-section-number,
.com-users-logout.logout .page-section-number,
.com-users-profile.profile .page-section-number  {
    margin-top: -47px !important;
    margin-bottom: 20px !important;
}
form.com-users-reset-confirm__form fieldset legend {
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
}
.com-users-reset-confirm.reset-confirm .com-users-reset-confirm__submit.control-group {
margin: -20px 0 0;
}
.com-users-reset-confirm.reset-confirm .com-users-reset-confirm__submit.control-group .btn-primary,
.com-users-logout__submit.control-group .controls .btn-primary {
    width: 100%;
}
.com-users-profile.profile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -40px;
    font-size: 13px;
}
.com-users-profile.profile ul.com-users-profile__edit,
.com-users-profile.profile ul.com-users-profile__edit li {
order: 1;
 padding-left: 0;
 margin-bottom: 0;
 width: 100%;
}
.com-users-profile.profile ul.com-users-profile__edit li a {
    line-height: 42px;
}
.com-users-profile.profile fieldset {
    width: 100%;
}
.com-users-profile.profile legend {
    font-size: 15px;
    font-weight: 500;
}

.com-users-profile.profile dl dt {
    text-transform: lowercase;
    font-style: italic;
    font-weight: 500;
}
.weight  {
    text-align: center;
    margin-bottom: 10px;
}
/*.com_affiliatetracker .container-header::before,*/
.error_site .container-header::before  {
    background: #6e298c;
}
.new_account_link {
    background: #fff;
    padding: 10px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    z-index: 1;
    position: relative;
    max-width: 700px;
    width: 100%;
    margin: 10px auto 0;
}
.com_affiliatetracker span.bg-success,
.com_affiliatetracker .resume-number,
.com_affiliatetracker .item-label,
.com_affiliatetracker .bg-warning {
color: #6e298c !important;
font-size: 14px;
background: #e5d9eb;
    border-radius: 4px;
    box-shadow: none !important;
}
.com_affiliatetracker .resume-number,
.com_affiliatetracker .bg-info,
.com_affiliatetracker .bg-success {
    display: flex;
}
.com_affiliatetracker .resume-number .item-label,
.com_affiliatetracker .bg-info .resume-number .item-label,
.com_affiliatetracker .bg-success .resume-number .item-label {
    flex-grow: 1;
    margin-bottom: 0;
}
.com_affiliatetracker main .page-header h1 {
    text-align: center;
    font-size: 20px;
}
.com_affiliatetracker main form.pt-3,
.com_affiliatetracker .marketing-frame {
padding: 20px;
    border-radius: 2em;
    margin-top: 12px;
    border: 1px solid #6e298c;
}
.com_affiliatetracker .marketing-frame .pt-3 {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
}
.com_affiliatetracker .marketing-frame .card-at-row .card-at {
    margin-bottom: 20px;
    border-radius: 0 0 2em 2em;
}
.com_affiliatetracker .marketing-frame .card-at-row .card-at .card-footer {
padding-left: 6px;
    padding-right: 6px;
}
.com_affiliatetracker .marketing-frame .card-at-row .card-at .card-body p.card-text {
    text-align: center;
    margin-bottom: -6px;
    margin-top: 10px;
    padding: 6px;
}
.com_affiliatetracker main .pt-3 table.table {
    margin-bottom: 0;
}
.com_affiliatetracker main .field-calendar,
.com_affiliatetracker main .me-2 {
    margin-right: 5px;
}
.com_affiliatetracker main .me-2 .form-control {
    font-size: 12px;
    margin-bottom: 0;
}
.com_affiliatetracker main .me-2 .form-control:hover {
    border: 1px solid #6e298c;
}
.com_affiliatetracker main .field-calendar #date_in_btn,
.com_affiliatetracker main .field-calendar #date_out_btn {
    border-radius: 0 1em 1em 0;
    border: 1px solid #6e298c;
    height: 45px;
    border-left: none;
}
.com_affiliatetracker main .field-calendar #date_in_btn:hover,
.com_affiliatetracker main .field-calendar #date_out_btn:hover {
border: 1px solid #6e298c;
    border-left: none;
}
.com_affiliatetracker main .ml-auto button.btn {
    background: #6e298c;
    border: 1px solid #6e298c;
    color: #fff;
    font-size: 14px;
        font-size: 12px;
    border-radius: 1em;
    min-height: 45px;
    white-space: nowrap;
}
.com_affiliatetracker main .ml-auto button.btn:hover,
.com_affiliatetracker main .time-options button:hover,
.com_affiliatetracker .modal-footer .modal .btn-primary:hover {
    background: transparent;
    color: #6e298c;
    border: 1px solid #6e298c;
}
.com_affiliatetracker main .time-options button {
    font-size: 12px;
    background: #6e298c;
    border: 1px solid #6e298c;
    color: #fff;
    border-radius: 1em;
    width: 100%;
}
.com_affiliatetracker main span.icon-arrow-down-3 {
    margin-left: 5px;
}
.com_affiliatetracker main .item-total,
.com_affiliatetracker main .table td.text-right,
.com_affiliatetracker main .table th.text-right {
    font-size: 13px;
}
.com_affiliatetracker main .table>tbody {
    font-size: 14px;
}
.com_affiliatetracker main .text-end {
    font-size: 13px;
}
.com_affiliatetracker main .table-striped {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    margin-bottom: 0;
}
.com_affiliatetracker main .table>:not(caption)>*>* {
    color: #6e298c;
    border-bottom: 1px solid #e5d9eb;
}
.com_affiliatetracker main .table .totals td {
border: none;
}
.com_affiliatetracker main .badge {
   color: #6e298c;
   background-color: transparent !important;
    font-size: 12px;
    font-style: italic;
    text-transform: lowercase;
    padding-left: 0;
}
.com_affiliatetracker .request-new-account {
display: none;
}

.affiliate {
    border: 1px solid #6e298c;
    border-radius: 2em;
    padding: 20px;
}
.affiliate fieldset,
.affiliate fieldset .col-md h6,
.affiliate fieldset .col-md p {
    margin-bottom: 0;
}
.com_affiliatetracker #notLoggedUserSection .row,
.com_affiliatetracker .modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.com_affiliatetracker .modal-footer button.btn-secondary {
flex-grow: 1;
width: 100%;
    margin-right: 5px;
    border: 1px solid #6e298c;
    border-radius: 2em;
    transition: all .3s ease-out;
}
.com_affiliatetracker .modal-footer div {
    flex-grow: 1;
    margin-top: -18px;
}
.com_affiliatetracker .modal-footer div .vertical-line-top {
    width: 1px;
    margin: -10px auto 0;
    height: 30px;
    border-left: 1px solid #6e298c;
}
.com_affiliatetracker .modal-footer button.btn-secondary:hover {
    background: #6e298c;
    color: #fff;
}
.com_affiliatetracker .modal-footer button.btn-secondary:before,
.com_affiliatetracker .modal-footer button.btn-primary:before {

}
.com_affiliatetracker .modal-footer button.btn-primary,
.com_affiliatetracker .btn-info {
    flex-grow: 1;
    width: 100%;
    margin-left: 5px;
    border: 1px solid #6e298c;
    border-radius: 2em;
    transition: all .3s ease-out;
}
.com_affiliatetracker .btn-info {
    width: 100%;
    background: #6e298c;
    margin: 0;
    font-size: 14px;
}
.com_affiliatetracker .modal-footer button.btn-primary:hover,
.com_affiliatetracker .card-footer .btn-info:hover {
    background: #e5d9eb;
    border: 1px solid #e5d9eb;
    color: #6e298c;
}
.com_affiliatetracker .marketing-frame .card-at-row {
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
}
.com_affiliatetracker .marketing-frame .card-at {
    border: 1px solid #e5d9eb;
}
.com_affiliatetracker .marketing-frame .card-title {
    margin-bottom: -12px;
    margin-top: 32px;
    text-align: center;
    font-size: 16px;
}
.com_affiliatetracker #notLoggedUserSection .col-md .btn-primary {
    margin-top: 10px;
}
.affiliate #notLoggedUserSection .col-md {
    margin-bottom: 20px;
}

.com_affiliatetracker .form-group label {
    margin-top: 5px;
    padding: 0;
text-align: left;
    text-transform: lowercase;
    font-style: italic;
    font-weight: 500;
    font-size: 13px;
    margin-left: 10px;
    width: 100%;
}
.com_affiliatetracker #at-app .table_scrolls {
    border: 1px solid #6e298c;
    border-radius: 12px;
    padding: 12px;
    margin-top: 5px;
}
.com_affiliatetracker #at-app .table_scrolls table {
    padding-bottom: 0;
}
.com_affiliatetracker #at-app table td.account-name {
    font-weight: bold;
}
.com_affiliatetracker #at-app .table_scrolls table tr#moreOptionsRow_1 td {
    border-bottom: none;
}
.com_affiliatetracker #at-app .time-options {
   margin-bottom: 0; 
    margin-top: 10px;
    margin-bottom: 10px;
} 
.com_affiliatetracker #at-app a.btn-secondary {   
    justify-content: center;
    align-items: center;
    border: 1px solid #6e298c;
    border-radius: 2em;
    padding: 12px;
    font-size: 16px;
    width: 100%;
}
.com_affiliatetracker #at-app a.btn-secondary:hover,
.com_affiliatetracker .modal-footer .modal .btn-secondary:hover {
    color: #fff;
    border: 1px solid #6e298c;
    background: #6e298c;
}
.com_affiliatetracker #at-app form#adminForm .vertical-line-top {
    margin: 0px auto -31px;
    height: 30px;
    border-left: 1px solid #6e298c;
}
.com_affiliatetracker form#adminForm .d-flex.mb-3 {
justify-content: center;
    align-items: center;
}
.com_affiliatetracker form#adminForm .d-flex.mb-3 .me-2 {
    width: 100%;
    flex-grow: 1;
}
.com_affiliatetracker .modal-footer .modal .btn {
    margin-right: 5px;
    flex-grow: 1;
    border-radius: 2em;
    border: 1px solid #6e298c;
}
.com_affiliatetracker .modal-footer .modal .btn:last-child,
.controls .form-check-inline:last-child,
.text:last-child {
    margin-right: 0;
}
.com_affiliatetracker .modal .modal-content button.btn-close {
    margin-top: 8px;
    background-image: url(../images/close1.svg);
    transition: all .3s ease-out;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    padding: 8px;
}
} 
.com_affiliatetracker .modal .modal-content button.btn-close:hover {
background-image: url(../images/close.svg);
} 
.com_affiliatetracker .modal .affiliated-programm-terms {
margin: -10px auto 0;
}
.com_affiliatetracker main {
 max-width: 800px;
    width: 100%;
    margin: -30px auto 0;
}
.affiliate fieldset.invoicesfieldset .nav-tabs+.tab-content {
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-left: 0;
    padding: 0;
    flex-direction: column;
}
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 {
    flex-direction: row;
    margin-top: 14px;
}
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 .form-text {
    display: none;
}
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9 span.help-inline {
    font-weight: bold;
    text-transform: lowercase;
    font-size: 14px;
    color: #ae0000;
}
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 button,
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 a {
width: 100%;
    flex-grow: 1;
    transition: all .3s ease-out;
}
.com_affiliatetracker #formNewAffiliateAccount .invoicesfieldset ul.joomla-tabs.nav.nav-tabs {
margin-top: 10px;
margin-bottom: 5px;
}
.com_affiliatetracker main .form-check-input.me-2 {
    margin-top: 1px;
}
.com_affiliatetracker #formNewAffiliateAccount .form-check.d-flex.align-items-center {
    font-size: 14px;
    text-transform: lowercase;
}
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 button.btn-link {
background: transparent;
    font-weight: bold;
    font-style: italic;
    margin-left: 5px;
margin-bottom: 0;
transition: all .3s ease-out;
}
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 button.btn-link:hover{
    color: #a63a82;
}
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 button {
    margin-right: 5px;
    margin-bottom: 0;
    height: 45px;
}
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 a {
    font-size: 14px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    color: #6e298c;
    margin-left: 5px;
    padding: 0;
    height: 45px;
    line-height: 42px;
    transition: all .3s ease-out;
}
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 a:hover {
    background: #6e298c;
    color: #fff;
}
.com_affiliatetracker fieldset.invoicesfieldset p.mt-4 {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 500;
}
.com_affiliatetracker fieldset.invoicesfieldset ul.joomla-tabs.nav.nav-tabs li.nav-item a {
font-weight: 500;
    text-transform: capitalize;
    transition: all .3s ease-out;
}
.com_affiliatetracker #at-app .page-section-number.bottom img {
    top: -16px !important;
}
.com_affiliatetracker #at-app .terms.affiliated-programm-terms .page-section-number.bottom img {
    top: 12px !important;
}
.com_affiliatetracker #at-app .page-section-number.accounts-bottom img {
    top: -15px !important;
}
.calendar-container .buttons-wrapper button {
    border-radius: 1em;
    border: 1px solid #6e298c;
    margin-left: 2px;
    margin-right: 2px;
    box-shadow: none;
    font-size: 12px;
    padding: 0px;
} 
.calendar-container .buttons-wrapper button:hover {
    background: #6e298c;
    color: #fff;
}
.com_affiliatetracker .form-control {
    padding: 8px;
}
.com_affiliatetracker .pagination {
    margin-top: 0;
    margin-bottom: 0;
}
.com_affiliatetracker main form.pt-3 .mt-3 .row {
    margin-left: 0;
    margin-right: 0;
}
.com_affiliatetracker .form-group {
    margin-bottom: 0 !important;
} 
@media (width <=767.98px) {
    .com_affiliatetracker main form.pt-3 {
padding: 20px 12px;
}
.com_affiliatetracker main .table-striped {
    display: block;
}
.com_affiliatetracker form#adminForm .d-flex.mb-3 {
    flex-direction: column;
}
.com_affiliatetracker main .field-calendar {
    width: 100%;
}
.com_affiliatetracker form#adminForm .d-flex.mb-3 .me-2 {
    margin-bottom: 10px;
}
.com_affiliatetracker #at-app table.table {
overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    display: block; 
    }
    .com_affiliatetracker main .ml-auto {
        width: 100%;
    }
}

@media (min-width: 576px) {
.com_affiliatetracker .text-left.hidden-xs-up:first-child {
    padding-right: 0;
}
.com_affiliatetracker .text-left.hidden-xs-up:last-child {
    padding-left: 0;
}
}
@media (max-width: 575px) {
.com_affiliatetracker .text-left.hidden-xs-up:first-child {
   margin-bottom: 5px;
}
.com_affiliatetracker .text-left.hidden-xs-up:last-child {
   margin-top: 5px;
}
}
@media (max-width: 480px) {
     .about-us-header .scrolling-text .rail h4 {
        font-size: 50px;
    }
.com_affiliatetracker .nav.nav-tabs {
    flex-direction: column;
}
.com_affiliatetracker .nav.nav-tabs .nav-item {
    margin-right: 0;
    width: 100%;
    margin-bottom: 5px;
}
}
.com_affiliatetracker .text-right {
    border: none;
}
.shadow-sm {
    box-shadow: none !important;
}
.vme-empty-list {
    border-radius: 2em !important;
    text-align: center !important;
}

.cookies .eb-dialog {
    overflow: hidden;
    background-color: rgba(229,217,235,0.9);
    color: #6e298c;
  }
.cookies .eb-content {
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}
.cookies .eb-desc {
    color: #6e298c;
}
.cookies .eb-content img {
    width: 30px;
    height: auto;
    margin-right: 6px;
}

.cookies .eb-close span {
    font-size: 34px;
    color: #6e298c;
    transition: 300ms;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.cookies .eb-close span:hover {
    color: rgba(110,41,140,0.8);
}

joomla-alert {
    margin-left: 5px !important;
    padding-left: 5px !important;
    background-color: var(--jui-alert-info-background-color, #d1ecf1);
  border-color: var(--jui-alert-info-border-color, #bee5eb);
  color: var(--jui-alert-info-color, #0c5460);
  margin: 10px -10px 50px 5px;
    border-radius: 2em 0 0 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}
joomla-alert .alert-wrapper .alert-message .componentheading {
    margin-bottom: -18px;
}
/* CHOSEN VM START */

/* CHOSEN VM END */

/* SLIDER ABOUT US START */
.blog-slider {
  width: 95%;
    position: relative;
    max-width: 800px;
    margin: 100px auto 50px;
    background: #e5d9eb;
    padding: 25px;
    border-radius: 2em;
    height: 400px;
    transition: all 0.3s;
}
@media screen and (max-width: 992px) {
  .blog-slider {
    max-width: 680px;
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .blog-slider {
    min-height: 500px;
    height: auto;
    margin: 180px auto 50px;
    padding-bottom: 14px;
  }
  .blog-slider .blog-slider__text p {
    font-size: 15px;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider {
    height: 350px;
  }
}
.blog-slider__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .blog-slider__item {
    flex-direction: column;
  }
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {
  opacity: 1;
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > * {
  opacity: 1;
  transform: none;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
  transition-delay: 0.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
  transition-delay: 0.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
  transition-delay: 0.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
  transition-delay: 0.7s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
  transition-delay: 0.8s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
  transition-delay: 0.9s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
  transition-delay: 1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
  transition-delay: 1.1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
  transition-delay: 1.2s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
  transition-delay: 1.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
  transition-delay: 1.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
  transition-delay: 1.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
  transition-delay: 1.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
  transition-delay: 1.7s;
}
.blog-slider__img {
  width: 300px;
    flex-shrink: 0;
    height: 300px;
    border-radius: 2em;
    transform: translateX(-80px);
    overflow: hidden;
}
.blog-slider__img:after {
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2em;
    background-color: rgba(229,217,235,0.2);
}
.blog-slider__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  border-radius: 2em;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .blog-slider__img {
    transform: translateY(-50%);
    width: 90%;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__img {
    width: 95%;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider__img {
    height: 270px;
  }
}
.blog-slider__content {
  padding-right: 25px;
}
@media screen and (max-width: 768px) {
  .blog-slider__content {
    margin-top: -102px;
    text-align: center;
    padding: 0 30px;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__content {
    padding: 0;
    margin-left: -12px;
    margin-right: -12px;
  }
}
.blog-slider__content > * {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.4s;
}
.blog-slider__code {
  color: #c6a4cd;
  margin-bottom: 0;
  display: block;
  font-size: 2em;
  font-weight: 500;
}
.blog-slider__title {
  font-size: 24px;
  font-weight: 500;
  color: #6e298c;
  margin-bottom: 20px;
  line-height: 26px;
}
.blog-slider__text {
  color: #6e298c;
  margin-bottom: 30px;
  line-height: 1.5em;
}
.blog-slider__button {
  display: inline-flex;
    background: #6e298c;
    padding: 14px 35px;
    border-radius: 2em;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
    height: 50px;
}
.blog-slider__button:hover {
  color: #fff;
}
@media screen and (max-width: 576px) {
  .blog-slider__button {
    width: 100%;
  }
}
.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.blog-slider__pagination {
  position: absolute;
  z-index: 10;
  right: 20px;
  width: 11px !important;
  text-align: center;
  left: auto !important;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination {
    transform: translateX(-50%);
    left: 50% !important;
    top: 205px;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px 0;
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
}
.blog-slider__pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 10px;
  background: #062744;
  opacity: 0.2;
  transition: all 0.3s;
}
.blog-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #6e298c;
  height: 30px;
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination .swiper-pagination-bullet-active {
    height: 11px;
    width: 30px;
  }
}
/* SLIDER ABOUT US END */

/* ACY START */
.like-gifts {
margin-top: 30px;
    margin-bottom: 30px;
    }
.like-gifts .acymailing_module{
    padding: 12px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    width: auto;
    max-width: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 30px auto 0 !important;
}
.like-gifts .acymailing_module .acymailing_fulldiv {
    position: relative;
    width: 100%;
    background: #e5d9eb;
    border-radius: 2em;
    padding: 12px !important;
    z-index: 0;
}

.like-gifts .acymailing_introtext {
    font-family: inherit;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    background-color: transparent;
    border: none;
    margin-bottom: 20px !important;
}
.like-gifts .card-body,
.like-gifts .acymailing_module_form input {
    width: 100%;
}
.like-gifts table.acymailing_form {
display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.like-gifts .acymailing_module_form table, .like-gifts .acymailing_module_form td, .like-gifts .acymailing_module_form tr {
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-grow: 1;
    gap: 6px;
}
.like-gifts .acymailing_module_form table.acym_lists {
    display: none;
}
.like-gifts .acymailing_module_form table tbody {
    width: 100%;
}
.like-gifts .acymailing_module_form .onefield {
    flex-grow: 1;
    margin-right: 5px;
}
.like-gifts .acymailing_module_form input {
    color: #6e298c;
    border: 1px solid #6e298c;
    border-radius: 1em;
    padding: 12px 16px;
    width: 100% !important;
    font-size: 14px;
    line-height: 12px;
    height: 45px;
    text-transform: unset;
}
.like-gifts .acymailing_module_form input.btn-primary {
color: #fff !important;
border-radius: 2em;
}
.like-gifts .acymailing_module_form input.btn-primary:hover {
color: #6e298c !important;
}
.like-gifts .page-section-number.top {
    margin-top: -45px !important;
}
.like-gifts .page-section-number.top img {
    top: 45px !important;
}
.like-gifts .page-section-number.bottom img {
    top: 0 !important;
}
.like-gifts .acymailing_module_form input.acym_checkbox {
    height: unset;
}
div.acym_module_success {
    border-radius: 2em;
    color: #234423;
    background-color: #d9e6d9;
    padding: 1em !important;
    margin-bottom: 0;
}
@media only screen and (max-width: 525px) {
    .like-gifts .acymailing_module_form tr {
        flex-direction: column;
    }
    .like-gifts .acymailing_module_form td,
    .like-gifts .acymailing_module_form .onefield {
    margin-right: 0;
    margin-top: 5px;
    width: 100%;
}
.like-gifts .acymailing_module_form input.acym_checkbox {
    width: unset;
}
.cd-faq-items {
    width: 97%;
    padding: 0 1% 1em;
}
}
.like-gifts .page-section-number.bottom {
    display: none;
}
/* ACY END */

/* AWO Referals START */
.com_aworewards main {
display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    width: 100%;
    margin: -20px auto 0;
    padding: 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    max-width: 800px;
}
.com_aworewards main::before {
    content: url(../images/favicon-ring-white-background.svg);
    width: 40px;
    vertical-align: middle;
    display: inline-block;
    height: 0px;
    top: -36px;
    position: relative;
    z-index: 1;
}
.com_aworewards main form {
    width: 100%;
}
.com_aworewards main #invitationtab__disabletabs {
    margin-top: -30px;
}
.com_aworewards main div b {
font-weight: bold;
}
.com_aworewards h2 {
    text-align: center;
    font-size: 24px;
    letter-spacing: 1px;
    font-family: inherit;
    font-weight: bold;
}
.com_aworewards main form .perso-message p {
    padding: 12px 12px 0;
}
.com_aworewards main form .additional-message p {
margin-bottom: -40px;
    padding: 12px;
}
.com_aworewards .contentpane div div .btn-success {
    margin-top: 10px;
border-radius: 2em;
    background: #6e298c;
    color: #fff !important;
    border: 1px solid #6e298c;
}
.com_aworewards .contentpane div div .btn-success:hover {
    background: #fff;
    color: #6e298c !important;
}
.com_aworewards #paypal_payout_form .btn-submit-paypal {
background: #e5d9eb;
    border: 1px solid #e5d9eb;
    border-radius: 2em;
    width: 100%;
    height: 40px;
    margin-top: 10px;
}
.com_aworewards #paypal_payout_form .input_paypal_email {
height: 40px;
    border: 1px solid #6e298c;
    border-radius: 1em;
}
.com_aworewards #paypal_payout_form .btn-submit-paypal:hover {
    background: #6e298c;
    color: #fff !important;
    border: 1px solid #6e298c;
}
.com_aworewards #paypal_payout_form .points {
    margin-bottom: 0;
}
.com_aworewards #paypal_payout_form .points tr.sectiontableentry0 td {
    font-size: 14px;
}
.com_aworewards .table td,
.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table td {
width: 140px;
    border-bottom-width: 0.5px;
    border-color: #D9EBDE;
    font-size: 14px;
    padding: 5px;
    box-shadow: none;
}
.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table td {
    padding-left: 5px;
}
.com_aworewards .contentpane .table thead th.sectiontableheader {
    background: #D9EBDE;
    width: 200px;
    font-weight: bold;
}
.com_aworewards #invitationtab__disabletabs .text-center {
    font-size: 18px;
    font-weight: bold;
}
.com_aworewards #invitationtab__disabletabs #invitation_template_1 {
    background: #e5d9eb;
    margin-top: 10px;
padding: 20px;
font-size: 15px;
    border-radius: 1em;
    font-weight: 500;
    text-align: center;
}
.com_aworewards .contentpane {
    font-size: 14px;
    padding: 0;
}
.com_aworewards .contentpane .pull-left {
    background: #e5d9eb;
    font-size: 15px;
padding: 20px;
    border-radius: 1em;
}
.com_aworewards .contentpane .pull-left div {
    font-size: 15px;
    font-weight: 500;
}
.com_aworewards .contentpane .pull-left div b {
    font-size: 14px;
    font-weight: 300;
}
.com_aworewards .contentpane table {
    display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  overflow-x: auto;
  white-space: nowrap;
  border: 1px solid #D9EBDE;
    border-radius: 1em;
}

.com_aworewards .contentpane table tfoot tr td {
    border-bottom-width: 0 !important;
}
.com_aworewards #invitationtab__disabletabs .personalmsg {
    margin-left: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
}
.com_aworewards .contentpane .pagination__wrapper .text-end.me-3 {
font-size: 13px;
    margin-right: 5px;
}
.com_awocoupon.list-coupon-codes h2 {
    font-size: 24px;
    margin-top: -40px;
    letter-spacing: 1px;
    text-align: center;
}
.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes {
    font-size: 14px;
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 20px 20px 0;
    border-radius: 2em;
    border: 1px solid #6e298c;
}
.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto 20px;
  overflow-x: auto;
  white-space: nowrap;
  border: 1px solid #D9EBDE;
    border-radius: 1em;
}
.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table thead th {
    font-weight: bold;
    background: #D9EBDE;
    width: 140px;
}
.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table thead th:first-child,
.com_aworewards .contentpane .table thead th:first-child {
    border-top-left-radius: 1em;
}
.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table thead th:last-child,
.com_aworewards .contentpane .table thead th:last-child {
    border-top-right-radius: 1em;
}
.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table tfoot td {
    box-shadow: none;
    border-bottom: none;
    padding-bottom: 0;
}
.com_awocoupon span.icon-arrow-up-3 {
    margin-left: 5px;
}
.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table tbody td .btn-secondary {
background: #6e298c;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    border: 1px solid #6e298c;
    border-radius: 3em;
    color: #fff !important;
    margin: 3px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table tbody td .btn-secondary:hover {
background: #fff;
    border: 1px solid #6e298c;
    color: #6e298c !important;
}
.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table .text-end.me-3 {
    display: none;
}

/* AWO Referals END */
.affiliated-programm-terms .vertical-line-top {
    width: 1px;
    margin: 0 auto;
    height: 30px;
    border-left: 1px solid #6e298c;
}
.affiliated-programm-terms {
    width: 100%;
    max-width: 700px;
    margin: -30px auto 0;
}
.affiliated-programm-terms p {
    text-align: left;
}
.affiliated-programm-terms .request-account {
display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    }
.affiliated-programm-terms .request-account a {
    width: 100%;
    text-align: center;
    border: 1px solid #6e298c;
    padding: 12px 20px;
    border-radius: 2em;
    color: #fff;
    background: #6e298c;
    transition: all 0.3s;
}
.affiliated-programm-terms .request-account a:hover {
    background: #fff;
    color: #6e298c;
}
/* GREECE */
.metismenu.mod-menu .metismenu-item.item-203 .mm-toggler,
.metismenu.mod-menu .metismenu-item.item-203 ul.mm-collapse.mm-show,
.metismenu.mod-menu .metismenu-item.item-247 .mm-toggler,
.metismenu.mod-menu .metismenu-item.item-247 ul.mm-collapse.mm-show,
.metismenu.mod-menu .metismenu-item.item-308 .mm-toggler,
.metismenu.mod-menu .metismenu-item.item-308 ul.mm-collapse.mm-show,
.com_aworewards .invoicesfieldset .form-group  {
    display: none;
}
/* GREECE */

.chosen-container .chosen-results li.highlighted {
    color: #6e298c !important;
    font-weight: 500 !important;
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
form.payanyway a.vm-button-correct {
width: 100%;
display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    border: 1px solid #6e298c;
    padding: 12px;
    margin-top: 20px;
    border-radius: 2em;
    color: #fff;
    background: #6e298c;
    transition: all 0.3s;
}
form.payanyway a.vm-button-correct:hover {
    border: 1px solid #e5d9eb;
    background: #e5d9eb;
    color: #6e298c;
}
.ui-widget-header {
    border: 1px solid #e5d9eb !important;
    background: #e5d9eb !important;
    color: #6e298c !important;
}
#ui-datepicker-div {
    z-index: 2 !important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 46% !important;
    border: 1px solid #6e298c !important;
    margin-right: 5px !important;
    color: #6e298c;
    border-radius: 4px;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 14px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #6e298c !important;
    background: #D9EBDE /*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/ !important;
    color: #6e298c !important;
    font-size: 12px;
    transition: all 0.3s;
}
a.ui-state-default.ui-state-hover {
background: #6e298c !important;
color: #fff !important;
}
.ui-datepicker th {
    font-size: 14px !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #6e298c !important;
    color: #fff !important;
}
.ui-widget-content {
    border: 1px solid #6e298c !important;
    color: #6e298c !important;
}
.ui-widget-header .ui-icon {
    background: transparent !important;
}
span.ui-icon.ui-icon-circle-triangle-e, span.ui-icon.ui-icon-circle-triangle-e:hover {
background-image: url(../images/chevron-right.svg) !important;
width: 11px;
height: auto;
cursor: pointer;
}
span.ui-icon.ui-icon-circle-triangle-w, span.ui-icon.ui-icon-circle-triangle-w:hover {
background-image: url(../images/chevron-left.svg) !important;
width: 11px;
height: auto;
cursor: pointer;
}
.ui-state-hover {
    background: transparent !important;
    border: 0 !important;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background: transparent !important;
}
.ui-datapicker .ui-datapicker-next-hover {
    top: 0 !important;
    right: 0 !important;
    width: 11px;
height: auto;
}




.view-cart.no-layout #shipmentForm,
.view-cart.no-layout.task-editpayment #paymentForm {
    padding: 20px 12px 0;
    border-radius: 2em;
    border: 1px solid #6e298c;
    margin-top: -38px;
}
.view-cart.no-layout #shipmentForm:before,
.view-cart.no-layout.task-editpayment #paymentForm:before,
#icagenda form#icagenda-registration:before,
#icagenda .ic-info:before {
    content: "";
    background-image: url(/images/favicon-ring-white-background.svg);
    width: 40px;
    vertical-align: middle;
    height: 40px;
    position: absolute;
    display: flex;
    justify-content: center;
    margin: -36px auto 0px;
    text-align: center;
    left: 48%;
    background-repeat: no-repeat;
}
.view-cart.no-layout h1.vm-shipment-header-select,
.view-cart.no-layout.task-editpayment h1.vm-payment-header-select {
 font-size: 16px;
 text-align: center;
}
.view-cart.no-layout .buttonBar-right,
.view-cart.no-layout.task-editpayment .buttonBar-right,
.view-cart.no-layout.task-editpayment .vm-payment-shipment-select.vm-payment-select {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 10px;
}
.view-cart.no-layout.task-editpayment .vm-payment-shipment-select.vm-payment-select {
    flex-direction: column;
}
.view-cart.no-layout .buttonBar-right button.vm-button-correct,
.view-cart.no-layout.task-editpayment button.vm-button-correct {
background: #6e298c;
height: 40px;
    color: #fff;
    border: 1px solid #6e298c;
    flex-grow: 1;
    border-radius: 2em;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.view-cart.no-layout .buttonBar-right button.vm-button-correct:hover,
.view-cart.no-layout.task-editpayment button.vm-button-correct:hover {
    background: #fff;
    color: #6e298c;
}
.view-cart.no-layout .vm-shipment-plugin-single,
.view-cart.no-layout.task-editpayment .vm-payment-plugin-single {
    font-size: 14px;
    padding: 4px 12px;
}
.view-cart.no-layout.task-editpayment .vm-payment-plugin-single {
font-size: 14px;
    padding: 0px 12px;
    justify-content: flex-start !important;
}
.view-cart.no-layout .vm-shipment-plugin-single label,
.view-cart.no-layout.task-editpayment .vm-payment-plugin-single label {
    display: inline;
}

/* icagenda start */
#icagenda {
    max-width: 600px;
    width: 100% !important;
    margin: -70px auto 0 !important;
}
#icagenda .ic-title-header h2 {
font-size: 20px;
}
#icagenda div.ic-event-title {
    border-bottom: 1px solid #e5d9eb;
}
#icagenda .ic-header-subtitle,
#icagenda .ic-button, #icagenda .ic-title-cat,
#icagenda .ic-header-subtitle,
#icagenda .ic-reg-cat,
#icagenda .ic-reg-icon,
#icagenda .ic-required-info,
#icagenda #jform_name-desc .form-text,
#icagenda #jform_email-desc .form-text,
#icagenda #jform_phone-desc .form-text,
#icagenda #icagenda-registration fieldset legend {
    display: none;
}
#icagenda .ic-list-event,
#icagenda .ic-list-event:nth-child(2n+1) {
    background: #F8F5F9;
    border-radius: 1em;
    display: flex;
    gap: 0px;
    justify-content: start;
    align-items: center;
}
#icagenda .ic-list-event a.ic-text-decoration-none {
flex-grow: 1;
    display: flex;
    justify-content: start;
    align-items: center;
    min-width: 130px;
}
#icagenda .ic-list-event .ic-box-date {
    flex-grow: 1;
    border-radius: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    min-height: 130px;
}
#icagenda .ic-list-event .ic-box-date .ic-day {
    line-height: 30px !important;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: 2px;
}
#icagenda .ic-list-event .ic-month {
    line-height: 30px !important;
    font-size: 26px;
    letter-spacing: 2px;
    font-weight: bold;
}
#icagenda .ic-list-event .ic-time {
    font-weight: bold;
}
#icagenda .ic-form-title h1 {
    margin-bottom: 20px;
}
#icagenda .ic-info .ic-image img {
    border-radius: 1em;
    border: none;
    max-width: 100%;
}

#icagenda form#icagenda-registration {
    max-width: 500px;
    margin: 10px auto 0;
}
#icagenda form#icagenda-registration fieldset,
#icagenda form#icagenda-registration fieldset .control-group,
#icagenda form#icagenda-registration fieldset .control-group#submit {
    margin: 0;
}
#icagenda form#icagenda-registration .control-group {
    margin-top: 20px;
}
#icagenda form#icagenda-registration fieldset:first-child {
    margin-top: -20px;
}
#icagenda .form-select {
    border: 1px solid #6e298c;
    border-radius: 6px;
}
#icagenda .form-select:focus, .custom-select:focus {
    box-shadow: none;
}
#icagenda form#icagenda-registration:before,
#icagenda .ic-info:before {
    margin-top: -27px;
    left: 46%;
}
#icagenda .ic-image {
    margin-top: 10px;
}
#icagenda .ic-event-header {
    margin-top: -30px;
    margin-bottom: 10px;
    background: none;
    padding: 0;
    border: none;
    border-radius: unset;
}
#icagenda .ic-title-header {
    float: none;
    width: 100%;
}
#icagenda .ic-reg-event {
    background: none;
    margin-bottom: -50px;
}
#icagenda .ic-reg-content {
    text-align: center;
    margin-top: 10px;
}
#icagenda .ic-info-box {
    background: #e5d9eb;
    color: #6e298c;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em;
}
#icagenda .ic-info-box-header {
    width: 100%;
    background: #6e298c;
    padding: 10px;
    color: #fff;
    -webkit-border-radius: 1em 1em 0 0;
    -moz-border-radius: 1em 1em 0 0;
    -o-border-radius: 1em 1em 0 0;
    border-radius: 1em 1em 0 0;
}
#icagenda .ic-info .ic-details {
        padding: 0;
    font-weight: bold;
    margin-bottom: -18px;
}
#icagenda .ic-single-startdate {
    font-size: 13px;
}
#icagenda span.iCicon-calendar {
    display: none;
}
#icagenda .ic-full-description {
    background: #fff;
    padding: 12px 6px !important;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: -40px;
}
#icagenda .ic-info-box-content {
    font-size: 14px;
    display: block;
    width: auto;
    vertical-align: top;
    border: 0;
   margin: 10px 10px 0;
    text-align: left;
    color: #6e298c;
}
#icagenda .ic-detail-desc {
    color: #6e298c;
    margin: 0;
    padding: 0;
    background: #fff;
    text-align: left;
    text-shadow: none;
    border: 0;
    border-radius: 1em;
}
#icagenda .ic-clearfix:before {
    display: none;
}
#icagenda .ic-register-deadline,
#icagenda span.ic-register-deadline,
#icagenda .ic-registered-box .btn.btn-light {
    color: #6e298c;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}
#icagenda .ic-registered-box .btn.btn-light {
    font-size: 18px;
    opacity: 1;
    border: 1px solid #6e298c;
    border-radius: 1em;
    background: transparent;
    padding: 8px;
}
#icagenda .ic-registration-box .ic-button-box {
    margin: 0;
    flex-grow: 1;
}
#icagenda .ic-registration-box .ic-btn-register-select,
#icagenda .ic-registration-box .ic-btn-register-select .ic-dropdown {
    width: 100%;
}
#icagenda .ic-registration-complete-content .ic-label {
    float: left;
}
#icagenda .ic-full-description ul li {
    list-style: circle;
}
#icagenda .ic-event-addthis.ic-float-left,
#icagenda .ic-top-buttons {
    display: none;
}
#icagenda .ic-event-registration.ic-float-right {
    width: 100%;
}
#icagenda .ic-registration-complete-buttons {
    display: flex;
    gap: 4px;
    justify-content: center;
}
#icagenda .ic-registration-complete-buttons a {
   flex-grow: 1;
    width: 100%; 
    line-height: 44px;
}
#icagenda .ic-registration-box {
display: flex;
    gap: 6px;
    justify-content: center;
    padding: 10px 10px 0;
    border-radius: 2em;
    border: 1px solid #6e298c;
}
#icagenda .ic-registration-box .ic-button-box.ic-btn-register-ok {
    width: 100%;
}
#icagenda .ic-registration-box .ic-button-box.ic-btn-register-ok .btn-group-vertical {
display: block;
}
#icagenda .ic-registration-box .ic-button-box.ic-btn-register-cancel {
width: 100%;
}
#icagenda .ic-registration-box .ic-button-box.ic-btn-register-cancel button {
    margin-left: 0;
}
#icagenda .ic-registration-box .ic-button-box.ic-btn-register-cancel button span.icon-cancel,
#icagenda .ic-registration-complete-buttons a i {
  display: none;
}
#icagenda .ic-value {
    font-size: 14px;
}
#icagenda .ic-registration-box button.btn-success,
.ic-registration-box .ic-btn-register-cancel button {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
}
#icagenda .ic-registration-box .ic-button-box button.btn-info.disabled {
    width: 100%; 
    background: #e5d9eb;
    border-radius: 1em;
    color: #6e298c;
    border: 1px solid #6e298c;
    opacity: 1;
    font-weight: bold;
    margin-bottom: 10px;
}
#icagenda .ic-inlinetext-input {
    border-radius: 1em;
    color: #6e298c;
    border: 1px solid #6e298c;
    padding: 12px !important;
}
#icagenda .ic-registration-box .ic-button-box button.btn-info.disabled span.iCicon-people,
#icagenda #detail-date-list {
    display: none;
}
#icagenda .ic-registration-box .ic-button-box button.ic-dropdown-toggle {
color: #6e298c;
font-style: italic;
display: none;
}
#icagenda .ic-registration-box ul.ic-dropdown-menu.open {
border: none;
    border-radius: 1em;
    margin-top: -10px;
}
#icagenda .ic-registration-box li a.ic-dropdown-item {
    color: #6e298c;
    border: none;
    box-shadow: none;
    text-align: center;
    background: #e5d9eb;
    padding: 12px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
#icagenda .ic-registration-box li a.ic-dropdown-item:hover,
#icagenda .control-group#submit .controls a.btn:hover {
    color: #fff;
    background: #6e298c;
}
#icagenda .ic-button-box.ic-registered-info {
    flex-grow: 0;
    min-width: 68px;
}
#icagenda .favicon-in-ievent-account  .vertical-line-top {
width: 1px;
    height: 30px;
    margin: 0px auto 0px;
    border-left: 1px solid rgb(110, 41, 140);
}
#icagenda .favicon-in-ievent-account .page-section-number {
    margin: -14px auto 0 !important;
}
#icagenda .favicon-in-ievent-account .page-section-number img {
    top: 16px !important;
    z-index: 2;
}
#icagenda .favicon-in-ievent-account  svg {
    margin-bottom: -23px;
    z-index: 2;
}
#icagenda .ic-info-box .ic-label {
    font-weight: 300;
    font-style: italic;
}
#icagenda .ic-info-box .ic-value {
    font-weight: bold;
}
#icagenda .ic-reg-content .ic-reg-event-title {
    font-size: 20px;
    font-style: italic;
}
#icagenda ul.ic-date-vertical {
    padding: 6px 25px;
    background: #fff;
    text-shadow: none;
    cursor: pointer;
    border: 1px solid #6e298c;
    border-radius: 1em;
    font-size: 14px;
    font-weight: bold;
}
#icagenda .control-group#submit .controls {
display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
#icagenda .control-group#submit .controls button.btn.btn-primary.validate {
    width: 100%;
    text-transform: capitalize !important;
    display: inline-block;
    background: #6e298c;
    color: #fff;
    font-size: 13px;
    height: 45px;
    border: 1px solid #6e298c;
    border-radius: 3em !important;
    text-transform: lowercase;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
#icagenda .control-group#submit .controls a.btn { 
background: #fff;
    color: #6e298c;
    font-size: 13px;
    margin-left: 5px;
    padding: 0 2px;
    height: 45px;
    line-height: 45px;
    width: 100%;
    border: 1px solid #6e298c;
    border-radius: 3em;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
#icagenda .evttime {
    font-size: 13px;
}
#icagenda .ic-descshort {
    font-size: 14px;
}
#icagenda .ic-more-info {
    font-size: 12px;
    border-bottom: dashed 1px #6e298c;
    margin-right: 10px;
}
.ic-day, .ic-month, .ic-year, .ic-time {
    font-weight: bold;
    font-family: inherit;
}
@media screen and (max-width: 576px) {
  #icagenda .ic-registration-box {
    flex-direction: column;
    align-items: center;
  }
  #icagenda .ic-button-box.ic-registered-info {
    float: unset;
    text-align: center;
    margin-bottom: 6px;
}
#icagenda .ic-full-description {
    padding: 12px 0 !important;
}
#icagenda .ic-info-box .ic-value {
    text-align: right;
}
}
/* icagenda end */

.language-module-in-order-done .sp-poll-result .progress-bar.progress-bar-primary {
background-color: red;
}
.language-module-in-order-done .sp-poll-result .progress-bar.progress-bar-info {
background-color: green;
}
.language-module-in-order-done .sp-poll-result .progress-bar.progress-bar-default,
.language-module-in-order-done .sp-poll-result .progress-bar {
    background-color: #6e298c;
    border-radius: 4px;
}
.language-module-in-order-done .sp-poll-result .progress {
    background-color: #F8F5F9;
    border-radius: 4px;
}
.language-module-in-order-done .poll-question {
    font-size: 13px;
font-weight: bold;
    font-style: italic;
}
.language-module-in-order-done .poll-votes {
color: #6e298c !important;
}
.language-module-in-order-done .sp-poll-result .poll-info {
    margin-bottom: 0px;
}
.language-module-in-order-done {
background: #e5d9eb;
    border-radius: 2em;
    margin: 20px 10px 16px;
    padding: 16px;
    width: 100%;
}
.language-module-in-order-done .mod-sppoll form.form-sppoll {
    margin-top: 10px;
}
.language-module-in-order-done .mod-sppoll form.form-sppoll .radio label {
    padding: 2px 0;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    display: flex;
    gap: 6px;
    justify-content: start;
    align-items: center;
}
.language-module-in-order-done .buttons-set {
    margin-top: 12px;
display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
}
.language-module-in-order-done .buttons-set .btn-primary,
.language-module-in-order-done .buttons-set .btn-poll-result {
    flex-grow: 1;
    width: auto;
    margin: 0;
    text-transform: unset;
}
.language-module-in-order-done .buttons-set .btn-primary {
    color: #fff !important;
}
.language-module-in-order-done .buttons-set .btn-primary:hover {
    color: #6e298c !important;
}
.language-module-in-order-done .buttons-set .btn-poll-result:hover {
    color: #fff !important;
}