/* #one .text_top span, #one .action_text, .main_btn a, #one .color_list a, #one .btn-content {color:#fff;} */

/*===============================================================================
	FONTS
===============================================================================*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'Avenir-black';
    src: url('assets/fonts/avenir-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir-book';
    src: url('assets/fonts/avenir-book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir-medium';
    src: url('assets/fonts/avenir-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/avenir-roman.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Zapfino';
    src: url('assets/fonts/zapfino.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}



/*===============================================================================
	PRELOADER
===============================================================================*/

#page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(assets/images/body1.png) no-repeat center center, #DBE4EB;
    background-size: cover;
    z-index: 999999;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}

.contpre {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
}

/* .contpre svg path {
    opacity: 0;
} */



/*===============================================================================
	BODY
===============================================================================*/

:root {
    --global-color: #7D64B8;
    --global-color1: #5698B1;
    --global-color2: #FDFC77;
    --global-color3: #879AA6;
    --global-heading-color: #333540;
    --global-text-color: #525252;
    --main-background-color: radial-gradient(79.63% 79.63% at 50% 50%, rgba(185, 207, 224, 0.5) 51.96%, rgba(140, 173, 203, 0.5) 100%);
    --second-background-color: #F8F8F8;
    --third-background-color: #977C56;
    --menu-background-color: #FFF;
    --border-color: #BCBCBC;
    --placeholder-color: #8D8D8D;
}

/* body[data-currency="KSA"] {
    background: center center no-repeat url(assets/images/body6.webp);
    background-size: cover;
    background-attachment: fixed;
} */
body {
    line-height: 30px;
    font-family: 'Avenir', sans-serif !important;
    font-size: 16px !important;
    font-weight: normal;
    color: var(--global-text-color);
    background: center center no-repeat url(assets/images/body_offer30.webp);
    background-size: cover;
    background-attachment: fixed;
    overflow-X: hidden;
    transition: background .4s ease;
}

h1 {
    font-family: 'Playfair Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 20px;
    color: var(--global-color);
}

h2 {
    font-family: 'Playfair Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 20px;
    color: #000;
}

h3 {
    font-family: 'Playfair Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 68px;
    margin-bottom: 20px;
    color: var(--global-color);
}

h4 {
    font-family: 'Playfair Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
    color: var(--global-heading-color);
}

h5 {
    font-family: 'Playfair Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 20px;
    color: var(--global-heading-color);
}

h6 {
    font-family: 'Playfair Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    color: var(--global-heading-color);
}

[class^="hvr-"] {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: var(--global-color);
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
    right: 0;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #5F5F5F solid 3px;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}

a {
    color: var(--global-color);
}

a:hover {
    color: var(--global-color);
}



/*===============================================================================
	CHECKBOX
===============================================================================*/

.checkbox {
    margin-bottom: 0;
}

.checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 6px 0 0 3px;
}

.checkbox_text {
    display: inline-block;
    position: relative;
    padding: 0 0 0 30px;
    cursor: pointer;
    color: var(--global-color3);
    font-family: 'Avenir', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

.checkbox_text:before {
    content: '';
    position: absolute;
    top: calc(50% - 18px/2);
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    background: #fff;
    transition: .2s;
    border: 1px solid var(--border-color);
}

.checkbox_text:after {
    content: '\2713';
    position: absolute;
    top: calc(50% - 11px);
    left: 4px;
    width: auto;
    height: auto;
    border-radius: 0;
    font-size: 16px;
    background: transparent;
    color: #fff;
    transition: .2s;
}

.checkbox input:checked+.checkbox_text:before {
    background: var(--global-color);
    border-color: var(--global-color);
}

.checkbox input:checked+.checkbox_text:after {
    opacity: 1;
}

/* i-os */

.checkbox-ios {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    user-select: none;
}

.checkbox-ios .checkbox-ios-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 77px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 25%/50%;
    vertical-align: top;
    background: #fff;
    transition: .2s;
}

.checkbox-ios .checkbox-ios-switch:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #BBCADA;
    transition: .15s;
}

.checkbox-ios input[type=checkbox] {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.checkbox-ios input[type=checkbox]:checked+.checkbox-ios-switch {
    background: var(--global-color);
}

.checkbox-ios input[type=checkbox]:checked+.checkbox-ios-switch:before {
    transform: translateX(37px);
    background: #fff;
}

/* Hover */
.checkbox-ios input[type="checkbox"]:not(:disabled)+.checkbox-ios-switch {
    cursor: pointer;
    border-color: rgba(0, 0, 0, .3);
}

/* Disabled */
.checkbox-ios input[type=checkbox]:disabled+.checkbox-ios-switch {
    filter: grayscale(70%);
    border-color: rgba(0, 0, 0, .1);
}

.checkbox-ios input[type=checkbox]:disabled+.checkbox-ios-switch:before {
    background: #eee;
}

/* Focus */
.checkbox-ios.focused .checkbox-ios-switch:before {
    box-shadow: inset 0px 0px 4px #ff5623;
}



/*===============================================================================
	RADIO
===============================================================================*/

.radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}

.radio+label {
    position: relative;
    padding: 0 0 0 35px;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    display: inline;
}

.radio+label:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0px;
    width: 22px;
    height: 22px;
    border: 2px solid var(--border-color);
    border-radius: 50%;
    background: #FFF;
}

.radio+label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--global-color);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5);
    opacity: 0;
    transition: .2s;
}

.radio:checked+label:after {
    opacity: 1;
}

.radio:checked+label:before {
    border-color: var(--global-color);
}

.product_filters .radio+label {
    font-weight: normal;
}

.product_filters .radio+label:before {
    border-radius: 5px;
}

.product_filters .radio+label:after {
    border-radius: 3px;
}



/*===============================================================================
	Form
===============================================================================*/

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000;
}

.form-group .btn-content {
    border: 0;
    background: transparent;
    margin-top: 60px;
}

.form-group .btn-content::before {
    border-color: var(--global-color);
}

.form-control {
    display: block;
    width: 100%;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000;
    height: 60px;
    padding: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
}

.form-control:focus {
    color: #000;
    background-color: transparent;
    border-color: var(--border-color);
    outline: 0;
    box-shadow: none;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: gray;
    color: #fff;
}

.effect::-webkit-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    transition: opacity 0.3s ease;
}

.effect::-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    transition: opacity 0.3s ease;
}

.effect:-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    transition: opacity 0.3s ease;
}

.effect:-ms-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    transition: opacity 0.3s ease;
}

.effect:focus::-webkit-input-placeholder {
    color: var(--placeholder-color);
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.effect:focus::-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.effect:focus:-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.effect:focus:-ms-input-placeholder {
    color: var(--placeholder-color);
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

textarea {
    resize: none;
}

/*----Validate input-----*/

.form-control.is-invalid~.invalid-feedback,
.form-control.is-valid~.valid-feedback {
    position: absolute;
    display: flex;
    align-items: center;
    margin-top: 0;
}

.invalid-feedback .message_text,
.valid-feedback .message_text {
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 0;
    margin-left: 5px;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    box-shadow: none;
}



/*===============================================================================
	Select2
===============================================================================*/

.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    height: 45px;
    border: 0;
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
    outline: none;
    background: transparent;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 40px;
    line-height: 43px;
    color: #8D8D8D;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px;
}

.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border-color);
    border-radius: 0;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--global-color);
    color: #fff;
}

.select2-container--default .select2-results__option--selected {
    background-color: lightgray;
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-top: 2px solid var(--global-text-color);
    border-right: 2px solid var(--global-text-color);
    right: 0;
    margin-left: -15px;
    margin-top: -5px;
    transform: rotate(135deg);
    border-width: 1px;
    top: calc(50% - 2px);
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(315deg);
    border-width: 1px;
    border-color: var(--global-text-color) var(--global-text-color) transparent transparent;
    top: calc(50% - -4px);
}

.select2-search__field {
    outline: none !important;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
}

/* scrollbar chrome edge*/
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* scrollbar firefox */
html .select2-container--default .select2-results>.select2-results__options {
    scrollbar-width: thin;
}

.select2-results__option {
    font-size: 18px;
    padding: 6px 15px;
    line-height: 24px;
}



/*===============================================================================
	Tabs, Pills
===============================================================================*/

.nav-pills .nav-item {
    margin-bottom: 20px;
}

.nav-pills .nav-item:not(:last-child) {
    margin-right: 20px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--global-color);
    background: #F7F3FF;
    border-color: #F7F3FF;
}

.nav-pills .nav-link {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #AC9DCF;
    border: 1px solid #AC9DCF;
    border-radius: 28px;
    padding: 15px 30px;
    text-decoration: none;
    transition: all .4s ease;
    position: relative;
    z-index: 1;
}



/*===============================================================================
	Scrollbar browsers
===============================================================================*/

/* scrollbar firefox */
html {
    scrollbar-color: gray lightgrey;
    scrollbar-width: thin;
}

/*scrollbar chrome edge*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background-color: lightgrey;
    box-shadow: none;
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    background-color: grey;
}

/* hidden scrollbar chrome edge*/
::-webkit-scrollbar {
    width: 0;
    height: 0;
}

/* hidden scrollbar firefox */
html {
    scrollbar-width: none;
}

.simplebar-scrollbar::before {
    background-color: #C4C4C4 !important;
    opacity: 1 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
}

.simplebar-track.simplebar-vertical {
    background: #E0E0E0;
    width: 8px !important;
    border-radius: 0 !important;
    right: 0px !important;
}

.simplebar-track.simplebar-horizontal {
    background: #E0E0E0;
    height: 8px !important;
    border-radius: 0 !important;
}



/*===============================================================================
	Header
===============================================================================*/

/* .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
} */

.navbar>.container-fluid {
    padding-right: 70px;
    padding-left: 70px;
}

.navbar {
    height: 80px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .4s ease;
}

.navbar-brand {
    margin: 0 20px;
    max-width: 100% !important;
    padding: 0px !important;
    display: block;
}

.navbar-brand a {
    display: inline-block;
}

.logo {
    position: relative;
    z-index: 3;
}

.logo svg {
    width: 150px;
}

.first_menu {
    display: flex;
}

.first_menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .4s ease;
    color: #000;
}

.first_menu li a:hover,
.first_menu li a.active {
    color: var(--global-color);
}

.last_menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.moneyContainer {
    display: flex;
    align-items: center;
    width: 60px;
    height: 40px;
    position: relative;
}

.moneyContainer .moneyButton {
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    top: 15px;
    right: 0;
    transform: rotate(135deg);
    transition: 0.3s;
}

.moneyContainer a {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--global-text-color1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
}

.money {
    display: flex;
    flex-direction: column;
    width: 50px;
    position: absolute;
    top: 7px;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1c1f1e;
    background-color: transparent;
    border: 0;
    border-radius: 5px;
    list-style-type: none;
    padding-left: 0;
}

.money li {
    padding-left: 5px;
}

.money li.disabled {
    transform: scaleY(0);
    transition: 0.3s;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: 0;
}

.money li.active {
    display: block;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    pointer-events: none;
}

.moneyContainer:hover .moneyButton {
    transform: rotate(315deg);
    top: 44%;
}

.moneyContainer:hover .money {
    background: rgba(255, 255, 255, 0.9);
}

.moneyButton {
    pointer-events: none;
}

.moneyContainer:hover li {
    height: 100%;
    transform: scaleY(1);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.moneyContainer li:hover {
    background: var(--global-color);
    color: #fff;
}

.last_menu>.Menu,
.last_menu>.hamburger,
.last_menu>.moneyContainer,
.last_menu>.btn-login {
    margin-left: 24px;
}

.list_menu li>a {
    font-family: 'Avenir-book';
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list_menu .cart {
    position: relative;
}

.list_menu .cart span.count {
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--global-color);
    border-radius: 50%;
    color: #fff;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
}

.btn-login {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #000;
    background: transparent;
    width: 64px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50px;
    transition: all .4s ease;
}

.btn-login:hover {
    background: var(--global-color);
    border-color: var(--global-color);
    color: #fff;
}

.Menu {
    position: relative;
    width: 60px;
    height: 40px;
    cursor: pointer;
}

.Menu::before,
.Menu::after {
    position: absolute;
    content: "";
    height: 2px;
    background-color: black;
    transition: background 0.5s ease-in-out 0s, transform 0.4s ease-in-out 0s;
}

.Menu::before,
.Menu::after {
    top: 50%;
    left: 50%;
    width: 3.125vw;
}

.Menu::after {
    bottom: unset;
    transform: translate(-50%, 200%);
}

.Menu:hover::after {
    transform: translate(-50%, 400%);
}

.Menu::before {
    top: 50%;
    transform: translate(-50%, -200%);
}

.Menu:hover::before {
    transform: translate(-50%, -400%);
}

body.lock {
    overflow: hidden;
}


.search_box {
    position: relative;
    z-index: 2;
}

.search_wrapper {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#searchform {
    transform: translateY(20vw);
    transition: all 0.4s ease;
}

.search_btn.opened~.search_box #searchform {
    transform: translateY(0);
    transition: transform 1s ease-in-out, color .4s ease;
    opacity: 1;
}

#searchform label {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000;
}

#form-s {
    border-color: var(--global-color);
}

#menu__toggle {
    opacity: 0;
    z-index: -1;
    position: absolute;
}

.menu__btn {
    cursor: pointer;
    z-index: 1;
}

.menu__box {
    display: flex;
    position: fixed;
    visibility: hidden;
    top: -100Vh;
    left: 0;
    width: 100%;
    height: 100Vh;
    margin: 0;
    padding: 6Vw 12Vw;
    list-style: none;
    text-align: left;
    background: url(assets/images/menu_bg.webp) no-repeat center;
    background-size: cover;
    transition: all 0.5s ease;
}

.search_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    position: fixed;
    visibility: hidden;
    top: -100Vh;
    left: 0;
    width: 100%;
    height: 100Vh;
    margin: 0;
    padding: 6Vw 20Vw;
    list-style: none;
    text-align: left;
    background: url(assets/images/menu_bg.webp) no-repeat center;
    background-size: cover;
    transition: all 0.5s ease;
}

.submenu.desktop_menu {
    transform: translateX(5vw);
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease;
}

.submenu.desktop_menu .catalog_container {
    margin-left: 35px;
}

.submenu.desktop_menu.opened {
    transform: translateX(0);
    opacity: 1;
    pointer-events: all;
}

.submenu.desktop_menu .flex_wrapp {
    display: flex;
    gap: 100px;
    margin-top: 50px;
}

.submenu.desktop_menu .figure-caption {
    text-transform: capitalize;
}

.submenu.desktop_menu .block_collection {
    max-width: 600px;
}

.flex_wrapp figure {
    text-align: center;
}

.flex_wrapp figure img {
    width: 48px;
}

.block_collection .cycle {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: var(--global-color3);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
}

.menu__box ul {
    position: relative;
    list-style: none;
    padding: 0;
    max-width: 320px;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.menu__box li {
    position: relative;
    width: 100%;
    transition: all 0.4s ease;
}

.menu__item {
    display: flex;
    padding: 10px 24px;
    color: #525252;
    font-family: 'Avenir-medium', sans-serif;
    font-size: 32px;
    line-height: 44px;
    font-weight: 500;
    text-decoration: none;
    text-transform: capitalize;
    transform: translateY(5vw);
    transition: all 0.4s ease;
}

.menu__item::before {
    content: '';
    width: 60px;
    height: 60px;
    border: 1px solid transparent;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 0;
    transition: width .4s ease, border-color .4s ease;
}

.menu__item:hover {
    color: #525252;
}

#menu__toggle:checked~.menu__btn:before {
    transform: translate(-50%, 0px);
}

#menu__toggle:checked~.menu__btn:after {
    transform: translate(-50%, 0px);
}

#menu__toggle~.menu__box .menu__item {
    opacity: 0;
}

#menu__toggle:checked~.menu__box .menu__item {
    transform: translateY(0);
    transition: transform 1s ease-in-out, color .4s ease;
    opacity: 1;
}

#menu__toggle:checked~.menu__box .Plus {
    transform: translate(0, -50%);
    transition: transform 1s ease-in-out;
    opacity: 1;
}

#menu__toggle:checked~.menu__box,
.search_btn.opened~.search_box {
    visibility: visible;
    top: 0;
}

.Plus {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 25px;
    height: 25px;
    margin-left: 6.25vw;
    transition: opacity 0.4s ease-in-out 0s;
    transform: translateY(5vw);
    opacity: 0;
    z-index: -1;
}

.Plus::before,
.Plus::after {
    position: absolute;
    content: "";
    background: #000;
}

.Plus::before {
    top: 50%;
    left: 0px;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
}

.Plus::after {
    left: 50%;
    width: 2px;
    height: 100%;
    transform: translateX(-50%);
    transition: height 0.4s ease-out 0s;
}

.menu__box li.opened .Plus::after {
    height: 0px;
}

.menu__box ul:hover>li {
    opacity: .3;
}

.menu__box ul:hover>li.opened {
    opacity: 1;
}

.menu__box ul li.hovered {
    opacity: 1;
}

.menu__box ul li.hovered .menu__item::before,
.menu__box ul li.opened .menu__item::before {
    border-color: var(--global-color2);
}

.menu__box li .menu_wrap {
    position: relative;
    overflow: hidden;
}

.menu__box ul .submenu {
    position: absolute;
    top: 0;
    right: -200px;
    padding: 15px 0;
    opacity: 0;
    pointer-events: none;
    transform: translateX(5vw);
    transition: transform .2s ease, opacity .3s ease;
}

.submenu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 44px;
    color: #525252;
    text-decoration: none;
    display: block;
}

.menu__box .close_wrap,
.search_box .close_wrap {
    position: absolute;
    top: 45%;
    right: -70px;
}

.menu__box .close_wrap .close_btn,
.search_box .close_wrap .close_btn {
    right: 0;
}

#menu__toggle:checked~.menu__box .close_wrap,
.search_btn.opened~.search_box .close_wrap {
    right: 70px;
    transition: right 1s ease-in-out;
    opacity: 1;
}

.left_menu {
    display: flex;
    flex-flow: column nowrap;
    position: fixed;
    top: 50%;
    left: 3.6458vw;
    transform: translateY(-50%);
    z-index: 5;
}

.left_menu li {
    position: relative;
}

.left_menu li a.active:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -5.2083vw;
    width: 3.125vw;
    height: 1px;
    margin-left: 1.5625vw;
    background: var(--global-text-color);
}

.left_menu li a,
.left_menu a.offerZone {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    text-decoration: none;
    color: var(--global-text-color);
    padding: 10px 0;
    display: block;
    transition: all .4s ease;
}

.left_menu a.offerZone {
    text-decoration: underline;
    color: var(--global-color);
}

.left_menu li a:hover,
.left_menu li a.active {
    color: var(--global-color) !important;
}

.user_login {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 24px;
}

.user_login img {
    width: 24px;
}



/*===============================================================================
	Footer
===============================================================================*/

footer {
    height: 80px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer>.container-fluid {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    padding-left: 70px;
    padding-right: 70px;
}

footer .copyright {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--global-color3);
    text-transform: capitalize;
}

footer .copyright a {
    text-decoration: none;
    color: var(--global-color3);
    transition: all .4s ease;
}

footer .copyright a:hover {
    color: var(--global-color);
}

footer .footer_menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--global-color3);
    text-decoration: none;
    transition: all .4s ease;
    margin: 0 15px;
}

footer .footer_contacts li a:hover,
footer .footer_menu li a:hover {
    color: var(--global-color);
}

footer .footer_contacts li a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: var(--global-color3);
    text-decoration: none;
    transition: all .4s ease;
    margin-left: 32px;
}

/*===============================================================================
	Modal
===============================================================================*/





/*===============================================================================
	Paginations
===============================================================================*/

.page_pagination {
    margin-top: 30px;
    position: relative;
}

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

.page_pagination button {
    height: 45px;
    width: 140px;
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}

.pagination_unit {
    margin-bottom: 0;
}

.pagination_unit .page-item .page-link {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0;
    margin: 0 8px;
    border-color: #fff;
}

.pagination_unit .page-item.active .page-link {
    background: var(--global-color);
    border-color: var(--global-color);
}



/*===============================================================================
	MAIN
===============================================================================*/

body.contentpage {
    background: url(assets/images/contentpage_bg.webp) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.panel {
    position: sticky;
    top: 0;
}

section#two,
section#three {
    background: url(assets/images/featured_bg.webp) no-repeat center center;
    background-size: cover;
}

section#four {
    background: url(assets/images/latest_bg.webp) no-repeat center center;
    background-size: cover;
}

section#five {
    background: url(assets/images/celebrites_bg.webp) no-repeat center center;
    background-size: cover;
}

.content_wrapper {
    padding-left: 260px;
    padding-right: 70px;
    width: 100%;
}

.contents>section {
    height: 100Vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* body[data-currency="KSA"] .lense {
    filter: drop-shadow(0px 1.25vw 2.8125vw rgba(82, 114, 143, 0.42));
    -webkit-filter: drop-shadow(0px 1.25vw 2.8125vw rgba(82, 114, 143, 0.42));
} */
.lense {
    position: fixed;
    z-index: 1;
    pointer-events: none;
    width: 632px;
    /* filter: drop-shadow(0px 1.25vw 2.8125vw rgba(238, 186, 215, 0.42));
    -webkit-filter: drop-shadow(0px 1.25vw 2.8125vw rgba(238, 186, 215, 0.42)); */
    filter: drop-shadow(rgba(192, 148, 101, 0.42) 0px 1.25vw 2.8125vw);
    -webkit-filter: drop-shadow(rgba(192, 148, 101, 0.42) 0px 1.25vw 2.8125vw);
}

.animate_text {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 348px;
    line-height: 475px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    pointer-events: none;
    user-select: none;
}

.block_animate_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.head_name {
    position: relative;
    z-index: 1;
    /* max-width: 455px; */
    max-width: 440px;
    text-align: end;
    display: flex;
    align-items: baseline;
}

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

.head_name .text_btm {
    text-align: right;
    width: 100%;
    /* margin-top: -30px; */
    margin-top: -10px;
}

.head_name .text_top .h_name2,
.head_name .text_btm .h_name2 {
    margin-left: 0;
}

.h_name1 {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    /* font-size: 36px; */
    font-size: 30px;
    line-height: 48px;
    color: #000;
}

.h_name2 {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    /* font-size: 36px; */
    font-size: 26px;
    line-height: 48px;
    color: #000;
    margin-left: 20px;
    text-align: right;
}

.btn-content {
    position: relative;
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    color: var(--global-text-color);
    transition: all .4s ease;
    padding: 0 25px;
    text-decoration: none;
}

.btn-content:hover {
    color: var(--global-text-color);
}

.btn-content::before {
    content: '';
    width: 60px;
    height: 60px;
    border: 1px solid var(--global-color2);
    border-radius: 50px;
    position: absolute;
    left: 0;
    transition: width .4s ease;
}

.btn-content:hover::before {
    width: 100%;
}

.page_btn .btn-content::before {
    border-color: var(--global-color);
}

.main_btn {
    position: relative;
    z-index: 1;
    margin-top: auto;
    max-width: 500px;
    margin-left: auto;
    margin-right: 350px;
    margin: auto 350px 0 auto;
}

.wrapper {
    max-height: 630px;
    height: 100Vh;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.block_change_color {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    z-index: 1;
    transition: right .4s ease;
}

.vertical_btn,
.close_btn {
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    position: relative;
    right: -80px;
    transition: right .4s ease;
}

.vertical_btn .btn-content,
.close_btn .btn-content {
    padding: 25px 18.5px;
}

.vertical_btn .btn-content::before,
.close_btn .btn-content::before {
    content: '';
    top: 0;
    transition: height .4s ease;
}

.vertical_btn.open .btn-content::before,
.vertical_btn .btn-content:hover::before,
.close_btn .btn-content:hover::before {
    height: 100%;
}

.vertical_btn.open {
    right: 0;
}

.vertical_btn.open+.color_list {
    pointer-events: all;
    opacity: 1;
}

.color_list {
    opacity: 0;
    margin-left: 15px;
    pointer-events: none;
    transition: opacity .4s ease;
}

.color_list li {
    display: flex;
    align-items: center;
    padding: 4px 0;
}

.color_list li a {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    margin-left: auto;
    text-decoration: none;
}

/* section2 */
#two .header_block .h_name1 {
    margin-bottom: -20px;
}

.header_block {
    max-width: 235px;
}

.wrapper_panel {
    display: flex;
    width: 100%;
}

.panel_left,
.panel_right {
    position: relative;
    display: grid;
}

.panel_left {
    max-width: 215px;
    width: 100%;
    margin: 0 50px 0 20px;
}

.page_btn {
    display: inline-block;
    margin-top: 20px;
}

.swiper_featured {
    max-width: 1199px;
    width: 100%;
    height: 100%;
}

.swiper_featured .swiper-wrapper .swiper-slide a {
    text-decoration: none;
}

.swiper_video {
    width: 100%;
    height: 100%;
}

.swiper-slide img {
    display: block;
    object-fit: cover;
}

.swiper-button-next0,
.swiper-button-prev0,
.swiper-button-next1,
.swiper-button-prev1 {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 48px;
    height: 48px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
    border-radius: 30px;
}

.swiper-button-next0,
.swiper-button-next1 {
    right: auto;
    left: 60px;
}

.swiper-button-prev0,
.swiper-button-prev1 {
    left: 0;
}

.swiper-button-next0:after,
.swiper-button-next1:after {
    content: '';
    background: url(assets/images/next.svg) no-repeat;
    background-size: cover;
    width: 12px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.swiper-button-prev0:after,
.swiper-button-prev1:after {
    content: '';
    background: url(assets/images/prev.svg) no-repeat;
    background-size: cover;
    width: 12px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: auto;
    bottom: 100px;
    height: 2px;
    background: #D9D9D9;
    width: 75%;
    left: 25%;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #000;
}

.swiper-button-next0.swiper-button-disabled,
.swiper-button-prev0.swiper-button-disabled,
.swiper-button-next1.swiper-button-disabled,
.swiper-button-prev1.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper_clip {
    clip-path: inset(0% 0% 0% 0% round 150px 0 0 0);
}

.slide_text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-top: 24px;
}

.slide_price {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    color: #000;
    margin-top: 8px;
}

.slide_price .regular-price {
    color: #BBB6C6;
    font-size: 14px;
    padding-right: 10px;
    text-decoration-line: line-through;
    -moz-text-decoration-line: line-through;
}

.swiper_featured .swiper-slide img {
    width: 100%;
}

.counter {
    font-style: normal;
    font-weight: 800;
    font-size: 17px;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    color: #7D64B8;
    position: absolute;
    bottom: 90px;
    width: 35px;
}

/* section3 */
.double {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.header_double .double {
    align-items: baseline;
}

.header_block_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    max-width: 700px;
}

.content_block {
    display: flex;
    padding: 50px 0;
}

.content_block .item_card {
    position: relative;
    width: 362px;
    height: 362px;
    border-radius: 50%;
}

.content_block .item_card:not(:first-child) {
    margin-left: -55px;
}

.item_card_img img {
    border-radius: 50%;
    width: 364px;
    object-fit: cover;
    box-shadow: 0px 10px 45px rgba(97, 154, 189, 0.5);
}

.item_card_link {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(0%, -50%);
}

.item_card_link .btn-content {
    color: #fff;
}

.item_card_link .btn-content::before {
    border-color: #fff;
}

.buttons_block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

.btn_shop {
    position: absolute;
    right: -130px;
}

.btn_shop a {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    width: 500px;
    height: 120px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #000000;
    background: #FFFFFF;
    box-shadow: 0px 24px 54px rgb(204 144 171 / 32%);
    border-radius: 200px;
    padding: 0 100px;
}

/* section4 */
.swiper_video .swiper-slide {
    width: auto;
    display: flex;
}

.swiper_video .swiper-slide .video_block_image>img {
    width: 654px;
    border-radius: 30px;
}

.video_block_image {
    position: relative;
}

.video_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content_wrapper.wrapper_slider {
    padding-right: 0;
}

.video_block .video_text {
    max-width: 532px;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: #000;
    margin-top: 24px;
}

.block_name {
    max-width: 473px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    position: relative;
    z-index: -1;
    padding-bottom: 80px;
}

.text_content {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 44px;
    color: #000;
    border: 1px solid #7D64B8;
    border-radius: 30px;
    padding: 30px 20px 30px 70px;
    margin: 0 15px 0 -30px;
}

.control_wrapper {
    display: flex;
    justify-content: center;
}

.swiper_control {
    position: relative;
    width: 200px;
    height: 90px;
}

.swiper_control .pagination-video {
    bottom: 70px !important;
}

.swiper_control .counter {
    bottom: 60px;
}

#four .header_block .h_name1 {
    margin-bottom: -20px;
}

/* Custom animation */
.fancybox-fx-slide-in-out.fancybox-slide--previous {
    transform: translateX(-100%);
}

.fancybox-fx-slide-in-out.fancybox-slide--next {
    transform: translateX(100%);
}

.fancybox-fx-slide-in-out.fancybox-slide--current {
    transform: translateX(0);
}

/* section5 */
#five {
    align-items: flex-start;
}

#five .header_double {
    position: absolute;
    top: 20%;
}

.hover_block_wrapper {
    position: relative;
    height: 100%;
    max-width: 25vw;
    width: 100%;
    opacity: 1;
}

.hover_block_image {
    top: 0px;
    left: 0px;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    opacity: 1;
    z-index: -1;
}

.hover_block_wrapper:hover .hover_block_image {
    opacity: 1;
    width: 100%;
    transition: width 0.55s ease-in-out 0s, opacity 0.2s ease 0s;
}

.hover_block_image>img {
    width: 25vw;
    height: 92Vh;
    max-height: 92Vh;
    object-fit: cover;
}

.hover_block_content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 25vw;
    z-index: 1;
    transition: opacity 0.35s ease 0.3s, visibility 0.35s ease 0.15s;
    padding: 7.40741vh 4.16667vw 7.40741vh;
}

.hover_block_wrapper>.hover_block_content,
.hover_block_wrapper:hover .hover_block_content {
    opacity: 1;
    visibility: visible;
}

.hover_block_wrapper>.hover_block_content .block_content_name,
.hover_block_wrapper>.hover_block_content .block_content_demo,
.hover_block_wrapper>.hover_block_content .block_content_quote {
    color: #0E0E0E;
}

.hover_block_wrapper:hover>.hover_block_content {
    opacity: 0;
    visibility: hidden;
}

.block_content_name {
    font-family: 'Avenir-black';
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    margin-bottom: 14px;
}

.block_content_demo {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    margin-bottom: 25px;
}

.block_content_quote {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 0;
}

.play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.play_btn img {
    width: 2.8125vw;
}

@supports (-webkit-hyphens:none) {
    .head_block .h_name2 {
        margin: 0 0 0 80px !important;
    }

    #two .header_block .h_name1,
    #four .header_block .h_name1 {
        margin-bottom: 0 !important;
    }

    .head_name .text_btm {
        margin-top: 0 !important;
    }

    .btn-login {
        padding-top: 5px;
    }

    /* button,
    [type=button],
    [type=reset],
    [type=submit] {
    -webkit-appearance: none;
    } */
}



/*===============================================================================
	PAGE Contacts
===============================================================================*/

body.contacts {
    background: url(assets/images/contacts_bg.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

body.contentpage footer.fixed-bottom {
    position: relative;
}

.page_contents {
    min-height: calc(100Vh - 80px);
    overflow-x: hidden;
}

.page_contents .lense-fixed {
    filter: drop-shadow(0px 1.25vw 2.8125vw rgba(128, 156, 173, 0.42));
    pointer-events: none;
    width: 430px;
    position: fixed;
    right: calc(0% - 430px/2);
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}

.page_contents .lense-fixed img {
    width: 100%;
}

.page_contents .content_wrapper {
    padding-left: 300px;
}

.flex-container {
    display: flex;
}

.flex-container .block {
    width: 100%;
}

.first_block {
    padding-top: 165px;
}

.head_block {
    margin: 45px 0 55px;
    display: inline-block;
}

.head_block .h_name2 {
    text-align: left;
    margin: -30px 0 0 80px;
}

.info_block_wrapper {
    max-width: 600px;
}

.info_block {
    margin-bottom: 36px;
}

.text__top {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #8D8D8D;
}

.text__btm {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 41px;
    color: #000;
}

.text__btm a {
    text-decoration: none;
    color: #000;
    transition: all .4s ease;
}

.text__btm a:hover {
    color: var(--global-color);
}

.info_block ul {
    list-style: none;
    padding-left: 0;
    margin: 20px 0 0 0;
    display: flex;
}

.info_block ul li:not(:last-child) {
    margin-right: 18px;
}

.info_block ul li a {
    display: block;
}

.form_wrapper {
    margin-top: 30px;
    max-width: 600px;
}



/*===============================================================================
	PAGE FAQ
===============================================================================*/

.flex_head_block {
    margin-bottom: 20px;
}

.flex_head_block .h_names .h_name2 {
    margin-left: 20px;
}

.flex_block {
    max-width: 1321px;
    width: 100%;
}

.faq_list {
    margin-top: 30px;
}

.faq_list ul.list {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.faq_list ul.list>li {
    display: inline-block;
    margin-bottom: 36px;
}

.faq_list_head {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;
    color: #000000;
    margin-bottom: 16px;
}

.faq_list_body,
.faq_list_body p {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: #000000;
}

.faq_list_body {
    padding-right: 15px;
}

.faq_list ul.list ul {
    margin-bottom: 15px;
    list-style: disc;
}

.faq_list_body th,
.faq_list_body td {
    text-align: center;
    vertical-align: middle;
}



/*===============================================================================
	PAGE Blog
===============================================================================*/

.blog_page .lense-fixed {
    top: 110%;
    left: calc(30% - 430px/2);
    right: auto;
}

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

.head_block_text {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: #000000;
    max-width: 646px;
}

.control_block {
    margin-top: 30px;
    display: inline-flex;
    flex-wrap: wrap;
}

.btn_control {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    padding: 20px 30px 10px;
    border-top: 1px solid #000;
    text-decoration: none;
    margin-bottom: 10px;
    border: 0;
    background: transparent;
}

.btn_control.active {
    color: var(--global-color);
}

.btn_control.active::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    border-top: 5px solid var(--global-color);
    display: block;
    border-radius: 30px;
}

.columns {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 24px;
}

.columns .column {
    flex: 0 0 auto;
    width: 32%;
}

.columns .column a {
    display: block;
}

.columns .column a .column_image img {
    transition: all .4s ease;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.columns .column a:hover .column_image img {
    transform: scale(1.1);
}

.columns .column a:hover .column_image_text {
    color: var(--global-color);
}

.block__container {
    background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    position: relative;
    width: 100%;
    padding-top: 80%;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid transparent;
}

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

.column_image {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}

.column_image_text {
    font-family: 'Avenir-black';
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 30px;
    color: #000;
    height: 85px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    transition: all .4s ease;
    overflow: hidden;
}

.column_text {
    margin-top: 10px;
    padding: 0 20px;
}

.blog_cat {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #000;
}

.blog_date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #8D8D8D;
}

#see_all .block__container {
    background: none;
}

.block__container .btn-content {
    position: absolute;
    bottom: 45px;
    left: 30px;
    color: #fff;
}

.block__container .btn-content:before {
    border-color: #fff;
}

.columns .column a:hover .block__container .btn-content:before {
    width: 100%;
}

.post_head h2 {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #000;
    max-width: 875px;
    margin-bottom: 30px;
}

.post_image img {
    border-radius: 30px;
    width: 1327px;
    object-fit: cover;
    object-position: 50% 25%;
    height: 340px;
    max-width: 100%;
}

.post_image_info {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 50px;
}

.post_image_info .blog_date {
    margin-right: 20px;
}

.post_content h1 {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 52px;
    color: #000;
}

.post_content h2 {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    color: #000;
}

.post_content h3 {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #000;
}

.post_content h4 {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000;
}

.post_content h5 {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000;
}

.post_content h6 {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

.post_content p {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 30px;
}

.post_title h3 {
    font-family: 'Avenir-black';
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 25px;
}

.post_buttons {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 80px;
}

.post_buttons .btn-content:before {
    border-color: var(--global-color1);
}

.recent_posts_wrapper {
    padding-bottom: 150px;
}



/*===============================================================================
	PAGE About Us
===============================================================================*/

body.about {
    background: url(assets/images/about_us_bg.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.page_contents.about_page .lense-fixed {
    width: 498px;
    top: calc(50% - -45px);
    right: calc(0% - 150px);
    position: absolute;
}

.images_fixed,
.box_wrap,
.fixed_text,
.title {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.img_fixed img {
    box-shadow: 0 10px 45px rgba(97, 154, 189, 0.5);
    border: 0;
    border-radius: 50%;
}

.img_fixed_top {
    width: 123px;
    top: calc(50% - 360px) !important;
    right: calc(0% - -330px) !important;
    position: absolute !important;
    left: auto !important;
}

.img_fixed_mid {
    width: 109px;
    top: calc(50% - 200px) !important;
    right: calc(0% - -490px) !important;
    position: absolute !important;
    left: auto !important;
}

.img_fixed_bot {
    width: 177px;
    top: calc(50% - -150px) !important;
    right: calc(0% - -440px) !important;
    position: absolute !important;
    left: auto !important;
}

.img_fixed_top img,
.img_fixed_mid img,
.img_fixed_bot img {
    width: 100%;
}

.box1 {
    border: 1px solid #A3C6E3;
    width: 778px;
    height: 778px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 693px/2);
    right: calc(0% - 382px/2);
}

.box2 {
    border: 3px solid #B6D5EF;
    width: 618px;
    height: 618px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 527px/2);
    right: calc(0% - 202px);
}

.fixed_block {
    position: fixed;
    right: 0;
    display: block;
    height: 100%;
    z-index: -1;
}

.block_text {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-transform: capitalize;
    color: #7F9CC2;
    text-align: right;
    width: 313px;
    position: absolute;
    top: calc(50% - 30px);
    right: calc(0% - -530px);
}

.about_block {
    max-width: 535px;
    width: 100%;
}

.about_content p {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 32px;
    color: #000;
    margin-bottom: 30px;
}

.title img {
    width: 1119px;
    position: absolute;
    top: calc(50% - -350px);
    right: calc(0% - -500px);
}



/*===============================================================================
	PAGE About Lense
===============================================================================*/

body.about_lense {
    background: url(assets/images/about_lense_bg.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.lense_block {
    max-width: 532px;
    width: 100%;
    margin-right: 150px;
}

.lense_image {
    margin-left: 50px;
    margin-bottom: 85px;
}

.lense_image img {
    width: 350px;
}

.lense_text_block {
    display: flex;
    position: relative;
    justify-content: flex-end;
    max-width: 400px;
    margin-left: auto;
}

.lense_text1 {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    font-size: 36px;
    line-height: 40px;
    color: #F2B5C8;
    position: absolute;
    top: 30px;
    left: 30px;
}

.lense_text2 {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    text-align: right;
    text-transform: uppercase;
    color: #F2B5C8;
    max-width: 280px;
}

.accordion_block {
    max-width: 545px;
}

.accordion {
    margin-left: 35px;
}

.accordion_image {
    position: absolute;
    left: -35px;
    display: inline-block;
    vertical-align: middle;
}

.accordion_image svg {
    width: 36px;
}

.accordion_image svg path {
    transition: all .4s ease;
}

.accordion__item .accordion__title {
    position: relative;
    display: block;
    padding: 13px 15px 15px 13px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    text-transform: lowercase;
    color: #000000;
    cursor: pointer;
}

.accordion__item .accordion__title .accordion__arrow {
    position: relative;
    display: inline-flex;
    width: 14px;
    height: 14px;
    color: #000;
    line-height: 30px;
    font-size: 20px;
    font-weight: 700;
    transition: transform 1s ease-in-out;
    margin-left: 10px;
}

.accordion__arrow::before,
.accordion__arrow::after {
    position: absolute;
    content: "";
    background: #000;
}

.accordion__item .accordion__title .accordion__arrow::before {
    top: 50%;
    left: 0px;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
}

.accordion__item .accordion__title .accordion__arrow::after {
    left: 50%;
    top: 50%;
    width: 2px;
    height: 100%;
    transform: translate(-50%, -50%);
    transition: height 0.4s ease-out 0s;
}

.accordion__item .accordion__active.accordion__arrow::after {
    height: 0%;
}

.accordion__item .accordion__content {
    display: none;
    padding: 15px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color: #000000;
}

.accordion-active .accordion_image svg path {
    fill: #E182A0;
}

.accordion_block .btn_shop {
    position: fixed;
    bottom: 80px;
}

.accordion_block .btn_shop a {
    padding-left: 60px;
}

.shop_text {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 68px;
    text-transform: capitalize;
    color: #000;
    margin: 20px 0 0 20px;
}



/*===============================================================================
	PAGE Customer
===============================================================================*/

.customer_page .lense-fixed {
    top: 110%;
    left: calc(50% - 430px/2);
    right: auto;
}

.customer_head {
    max-width: 638px;
    width: 100%;
}

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

.customer_content {
    max-width: 705px;
}

.customer_content p {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 32px;
    color: #000;
    margin-bottom: 20px;
}

.customer_img {
    margin-top: 30px;
}

.customer_img img {
    width: 476px;
}

.customer_block_image {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 750px;
    border-bottom-left-radius: 500px;
}

.customer_block_image img {
    width: 750px;
    border-bottom-left-radius: 500px;
}

.customer_block_img {
    position: relative;
}

.customer_block_image__text {
    position: absolute;
    right: 70px;
    bottom: 40px;
    text-align: right;
}

.customer_block_image__text .h_name1 {
    font-size: 24px;
    line-height: 80px;
    color: #fff;
}

.customer_block_image__text .h_name2 {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
}



/*===============================================================================
	PAGE Catalog
===============================================================================*/

.breadcrumb_wrapper {
    padding-top: 90px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    padding-left: 12px;
    padding-right: 12px;
}

.breadcrumb_wrapper .breadcrumb {
    margin-bottom: 0;
}

.breadcrumb-item,
.breadcrumb-item a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-transform: capitalize;
    text-decoration: none;
    color: var(--global-color3);
}

.breadcrumb-item.active {
    color: var(--global-color);
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 14px;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 14px;
    color: var(--global-color3);
    content: "-";
}

.page_contents.catalog .lense-fixed,
.page_contents.product_page .lense-fixed,
.page_contents.cart_page .lense-fixed {
    right: calc(0% - 290px);
}

.collection_head {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000;
}

.catalog_container {
    max-width: 1460px;
}

.collection_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.collection_wrapper .figure:not(:last-child) {
    margin-right: 24px;
}

.collection_wrapper .figure-caption {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-top: 10px;
}

.collection_wrapper .collection_item {
    position: relative;
    width: 160px;
    height: 150px;
    background: transparent;
    display: flex;
    align-items: flex-end;
}

.collection_wrapper .collection_item .item_image {
    margin-left: 5px;
}

.collection_item .item_lense {
    position: absolute;
    top: 0;
    right: 0;
}

.collection_item .item_lense img {
    border: 0 solid #fff;
    border-radius: 50%;
    width: 68px;
}

.collection_item .item_lense .discount_text {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.collection_wrapper .collection_item .item_image img {
    border-radius: 50%;
    border: 2px solid transparent;
    padding: 3px;
    width: 134px;
}

.collection_wrapper .figure a {
    text-decoration: none;
}

.collection_wrapper .figure .figure-caption,
.collection_wrapper .figure .item_image img {
    transition: all .4s ease;
}

.collection_wrapper .figure a.active .item_image img {
    border-color: var(--global-color) !important;
}

.collection_wrapper .figure a.active .figure-caption {
    color: var(--global-color) !important;
}

.collection_wrapper .figure a:hover .item_image img {
    border-color: var(--global-color1);
}

.collection_wrapper .figure a:hover .figure-caption {
    color: var(--global-color1);
}

.product_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.product_wrapper .product_item {
    margin-right: 23px;
    margin-bottom: 40px;
    max-width: 273px;
}

.product_wrapper .product_item .product_image img {
    transition: transform .4s ease;
}

.product_wrapper .product_item:hover .product_image img {
    transform: scale(1.1);
}

.elements {
    margin-top: 20px;
    height: 65px;
    overflow: hidden;
}

.elem1,
.elem2 {
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform .4s ease;
}

.elem2 {
    align-items: center;
}

.product_text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

.product_price {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    color: #000;
    margin-top: 8px;
}

.product_image {
    position: relative;
    overflow: hidden;
}

.product_image img {
    width: 273px;
}

.prod_buttons {
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    transition: bottom .4s ease, opacity .4s ease .1s;
    opacity: 0;
}

.prod_buttons a {
    display: flex;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid transparent;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    transition: background .4s ease;
}

.prod_buttons a:hover {
    background: rgba(255, 255, 255, .8);
}

.prod_buttons a img {
    width: 21px;
}

.addcart_btn .btn-content::before {
    border-color: var(--global-color);
}

.product_item:hover .prod_buttons {
    opacity: 1;
    bottom: 20px;
}

.product_item:hover .elem1,
.product_item:hover .elem2 {
    transform: translateY(-65px);
}

.pagination_wrapper {
    margin: 20px 0 50px;
}

.pagination_wrapper .pagination {
    justify-content: flex-end;
}

.pagination_wrapper .pagination .page-link {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #000;
    border: 0;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination_wrapper .pagination .page-link:focus,
.pagination_wrapper .pagination .page-link:hover {
    color: #000;
    background-color: transparent;
    outline: 0;
    box-shadow: none;
}

.pagination_wrapper .pagination .page-item {
    margin: 0 10px;
}

.pagination_wrapper .pagination .page-item.active .page-link {
    font-family: 'Avenir-black';
    font-weight: 900;
    color: var(--global-color);
    background-color: transparent;
}

.link_prev,
.link_next {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.link_prev img,
.link_next img {
    width: 12px;
}

/* range-slider */
#slider {
    height: 1px;
    width: 150px;
    background-color: #dedede;
    color: var(--global-color);
}

#slider .ui-slider-range {
    background: var(--global-color);
}

#slider .ui-slider-handle {
    width: 19px;
    height: 19px;
    background: var(--global-color);
    border-color: var(--global-color);
    border-radius: 50%;
    top: -9px;
}

#slider .ui-slider-handle:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tippy-tooltip {
    font-family: 'Avenir-black';
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: 18px;
    color: #7D64B8;
    padding: 0 0.6rem;
}

.tippy-backdrop {
    background: #fff;
}

.tippy-popper {
    z-index: 1 !important;
}

#slider.ui-widget.ui-widget-content {
    border: 0;
}

.product_filters {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.range_slider,
.sorting {
    max-width: 200px;
    width: 100%;
}

.range_slider,
.dorpdowns {
    display: flex;
    align-items: center;
}

.range_text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #879AA6;
    margin-left: 20px;
}

/* dropdown */
.dorpdowns .dropdown-toggle {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #0D0D0D;
    text-decoration: none;
    margin: 0 16px;
}

.dorpdowns .dropdown-toggle::after {
    content: '';
    display: none;
}

.dorpdowns .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 2px;
    content: "";
    background: url(assets/images/icons/caret_down.svg) no-repeat;
    background-size: cover;
    width: 9px;
    height: 5px;
}

.dorpdowns .dropdown-toggle.open+.dropdown_menu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
}

.dropdown_menu {
    width: 200px;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    display: inline-block;
    background: #fff;
    padding: 20px;
    pointer-events: none;
    opacity: 0;
    z-index: 3;
    transform: translateY(25%);
    transition: all .4s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

.type_menu .dropdown_menu li {
    padding: 5px 0;
}

.sorting {
    display: flex;
    justify-content: flex-end;
}

.sorting .dropdown_menu {
    left: auto;
    right: 0;
    padding: 5px 10px;
}

.sort_menu .dropdown_menu li a {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 10px;
    display: block;
    text-decoration: none;
    text-transform: capitalize;
    color: var(--global-text-color);
}

.sort_menu .dropdown_menu li a:hover {
    background: #F7F3FF;
}

.color_menu .dropdown_menu {
    width: 355px;
}

.color_menu .dropdown_menu .colors {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lense_color {
    display: flex;
}

.lense_color img {
    width: 30px;
}

.color-block input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.color-block input:checked+label {
    background: #F7F3FF;
    border-color: #F7F3FF;
}

.color-block input:checked+label p {
    color: var(--global-color);
}

.color-block label {
    padding: 2px;
    display: flex;
    align-items: center;
    border: 1px solid #CAD4DB;
    background: #fff;
    border-radius: 50px;
    cursor: pointer;
}

.color-block label p {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    padding: 0 10px;
    color: var(--global-color3);
    margin-bottom: 0;
    width: 100%;
}

.dropdown_buttons {
    margin-top: 15px;
    text-align: right;
}

.dropdown_buttons button {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: var(--global-color);
    padding: 10px 20px;
    border: 0;
    border-radius: 30px;
    background: #F7F3FF;
    transition: all .4s ease;
}

.dropdown_buttons button[type='reset'] {
    background: transparent;
}

.dropdown_buttons button:hover {
    background: var(--global-color);
    color: #fff;
}

.type_menu .dropdown_menu {
    width: 275px;
}

.limbal_ring .dropdown_menu {
    width: 355px;
}

.limbal_ring .limbal_block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.limbal_ring .limbal_block .color-block {
    display: flex;
}



/*===============================================================================
	PAGE Product
===============================================================================*/

.product_container {
    display: flex;
    max-width: 1461px;
}

.block_slider {
    position: relative;
    max-width: 647px;
    width: 100%;
}

.product_details {
    max-width: 537px;
    width: 100%;
}

.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-top {
    height: 561px;
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 150px;
}

.gallery-thumbs {
    position: relative;
    height: 100px;
    box-sizing: border-box;
    padding: 10px 0 0;
    overflow: hidden;
    border-bottom-right-radius: 50px;
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.gallery-top .swiper-slide img,
.gallery-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
}

.gallery-thumbs .swiper-slide img {
    cursor: pointer;
}

.gallery-top .swiper-slide {
    cursor: zoom-in;
}

.swiper-button-next2,
.swiper-button-prev2 {
    position: absolute;
    bottom: calc(50% - 58px/2);
}

.swiper-button-prev2.swiper-button-disabled,
.swiper-button-next2.swiper-button-disabled {
    opacity: .5;
    pointer-events: none;
}

.swiper-button-next2 {
    right: 0;
    background: url(assets/images/prod_right.svg) no-repeat center;
    background-size: 50% 50%;
    width: 48px;
    height: 48px;
    z-index: 1;
}

.swiper-button-prev2 {
    left: 0;
    background: url(assets/images/prod_left.svg) no-repeat center;
    background-size: 50% 50%;
    width: 48px;
    height: 48px;
    z-index: 1;
}

.product_details_wrapper {
    margin-left: 24px;
    width: 100%;
}

.product_details_header {
    margin-bottom: 10px;
}

.product_head {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;
    color: #000;
}

.product_head .favorites {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.product_head .favorites svg {
    width: 26px;
    cursor: pointer;
}

.product_head_btn {
    margin-left: auto;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #000;
    border: 0;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 8%);
}

.product_page_price {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 44px;
    color: #7D64B8;
    margin-top: 10px;
}

.product_page_text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    margin-top: 42px;
}

.pow_head {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-top: 20px;
}

.pow_buttons {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

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

.pow_buttons label {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #AC9DCF;
    border: 1px solid #AC9DCF;
    background: #fff;
    border-radius: 28px;
    padding: 10px 24px;
    cursor: pointer;
}

.pow_buttons input:checked+label {
    border: 1px solid #F7F3FF;
    background: #F7F3FF;
    color: var(--global-color);
}

.quantity_buttons {
    margin-top: 42px;
    display: flex;
}

.qty_btn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CBD7E1;
    border-radius: 7px;
    background: transparent;
    font-size: 22px;
    transition: all .4s ease;
}

.qty_btn:hover {
    background: var(--global-color1);
}

.qty_btn svg {
    width: 10px;
}

.qty_btn svg path {
    transition: all .4s ease;
}

.qty_btn:hover svg path {
    stroke: #fff;
}

.qty_input {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0.75px;
    color: #333A3A;
    height: 32px;
    width: 32px;
    border: 1px solid transparent;
    text-align: center;
}

.qty_input:focus-visible {
    outline: none;
}

.product_buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0;
}

.add_to_cart {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    width: 312px;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    background: var(--global-color);
    box-shadow: 0px 24px 54px rgba(204, 144, 171, 0.32);
    border: 1px solid var(--global-color);
    border-radius: 200px;
    transition: all .4s ease;
    margin-right: 24px;
}

.add_to_cart:hover {
    background: #fff;
    color: var(--global-color);
}

.product_buttons .btn-content {
    font-size: 20px;
    line-height: 27px;
}

.product_buttons .btn-content:before {
    width: 74px;
    height: 74px;
    border-color: var(--global-color);
}

.product_buttons .btn-content:hover::before {
    width: 100%;
}

.product_details .info_block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.product_details .info_block ul {
    margin-top: 0;
}

.product_details .info_block ul li a img {
    width: 32px;
}

.product_details .info_block ul li:not(:last-child) {
    margin-right: 8px;
}

.block_tabs {
    margin: 42px 0 150px 0;
}

.block_tabs .tabs {
    max-width: 1320px;
    width: 100%;
}

.block_tabs .tabs nav {
    border-top: 1px solid #000;
    justify-content: center;
    display: flex;
}

.block_tabs .nav-tabs {
    border-bottom: 0;
}

.block_tabs .nav-tabs .nav-link {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin: 0 25px;
    border: 0;
    border-radius: 0;
    position: relative;
    background: transparent;
}

.block_tabs .nav-tabs .nav-link span {
    color: var(--global-color);
}

.block_tabs .nav-tabs .nav-link.active {
    color: var(--global-color);
}

.block_tabs .nav-tabs .nav-link:before {
    content: '';
    position: absolute;
    border-top: 5px solid transparent;
    top: -3px;
    left: 0;
    width: 100%;
    border-radius: 50px;
}

.block_tabs .nav-tabs .nav-link.active:before {
    border-color: var(--global-color);
}

.info_wrapper {
    max-width: 872px;
    width: 100%;
    margin: 45px auto 0;
}

.info_wrapper ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #000;
}

.spec_wrapper {
    max-width: 508px;
    width: 100%;
    margin: 45px auto 0;
    display: flex;
}

.spec {
    width: 100%;
}

.spec ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #000;
}

.contact_wrapper {
    max-width: 640px;
    width: 100%;
    margin: 65px auto 0;
}

.review_wrapper {
    max-width: 1096px;
    width: 100%;
    margin: 65px auto 0;
}

.review_wrapper .head_block {
    max-width: 622px;
    width: 100%;
    margin-bottom: 0;
}

.review_wrapper .double_block {
    align-items: center;
    padding: 0 50px;
}

.btn_feedback a {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--global-color);
    background: #FFF;
    padding: 20px 35px;
    box-shadow: 0px 16px 54px rgba(125, 100, 184, 0.32);
    border-radius: 200px;
    transition: all .4s ease;
}

.btn_feedback a:hover {
    background: var(--global-color);
    color: #fff;
}

.block_content {
    margin-top: 40px;
}

.block_content .block_review {
    margin-bottom: 15px;
}

.block_content .pagination_wrapper {
    margin-top: 35px;
}

.block_review {
    background: #FFF;
    border: 1px solid #E9ECF2;
    border-radius: 15px;
    padding: 20px;
}

.block_review .item:not(:last-child) {
    margin-bottom: 30px;
}

.block_review .user_name {
    font-family: 'Avenir-black';
    font-style: normal;
    font-weight: 900;
    font-size: 17px;
    line-height: 23px;
    color: #293238;
    margin-bottom: 10px;
}

.user_collections,
.user_color {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    color: #879AA6;
}

.user_collections {
    margin-bottom: 8px;
}

.user_review {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    color: #293238;
}

.with_pow_wrapper {
    margin-top: 20px;
}

.select_wrapper,
.block_select,
.with_qty {
    display: flex;
    width: 100%;
}

.block_select {
    flex-direction: column;
    width: 100%;
}

.with_qty .quantity_buttons {
    margin: 0 10px 0 10px;
}

.with_qty {
    align-items: flex-end;
    width: 100%;
}

.blocks {
    width: 100%;
    display: inline-flex;
}

.blocks label {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000;
}

.with_pow_wrapper .select_wrapper {
    margin-top: 30px;
}

.readOnlyStar .jq-star {
    cursor: auto;
}



/*===============================================================================
	PAGE Cart
===============================================================================*/

.page_contents.cart_page .content_wrapper {
    padding-right: 300px;
}

.timeline_wrapper {
    margin-bottom: 50px;
}

.timeline {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    max-width: 625px;
    width: 100%;
    display: flex;
}

.timeline li {
    text-align: center;
    width: 100%;
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}

.timeline li:before {
    content: "";
    line-height: 18px;
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 100%;
    margin: 0 auto;
    background: var(--global-color3);
}

.timeline li:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #DDD;
    display: block;
    position: absolute;
    top: 8.5px;
    right: 50%;
    z-index: -1;
}

.timeline li:first-child:after {
    content: none;
}

.timeline li.active {
    color: var(--global-color);
}

.timeline li.active:before {
    border: 1px solid var(--global-color);
    background-color: var(--global-color);
    box-shadow: inset 0 0 0 2px #fff;
}

.timeline li.active:after {
    background: var(--global-color);
}

.cart_body {
    display: flex;
    gap: 22px;
}

.cart_body .table_wrapper {
    margin-top: 20px;
    width: 100%;
    max-width: 872px;
}

.cart_body th {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    padding-top: 17px;
    padding-bottom: 17px;
    color: #232323;
    background: #F7F3FF;
}

.cart_body td {
    padding: 25px 0.5rem;
    vertical-align: middle;
}

.quantity {
    display: flex;
}

.quantity .qty_btn,
.quantity .qty_input {
    width: 24px;
    height: 24px;
    font-size: 14px;
}

.quantity .qty_btn svg {
    width: 10px;
}

.cart_image {
    padding-left: 0 !important;
}

.cart_image img {
    max-width: 136px;
    width: 100%;
    object-fit: cover;
    max-height: 120px;
    border-radius: 20px;
}

.cart_prod_name {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    color: #000;
}

.cart_prod_pow {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    color: var(--global-color3);
}

.cart_edit {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 10px;
    color: var(--global-color);
}

.cart_price,
.subtotal {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #2F2F2F;
}

.subtotal {
    color: var(--global-color)
}

.cart_control button {
    border: 0;
    background: transparent;
}

.cart_control .cart_favorites svg {
    width: 20px;
}

.cart_control .product_delete svg {
    width: 20px;
}

.cart_buttons,
.cart_buttons button {
    display: flex;
    gap: 25px;
}

.cart_buttons button,
.order_btn button,
.buttons_wrapper button {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    height: 54px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--global-color);
    background: transparent;
    border-radius: 200px;
    width: 100%;
    transition: all .4s ease;
}

.cart_buttons .continue,
.buttons_wrapper .continue {
    color: #FFF;
    background: var(--global-color);
    box-shadow: 0px 14px 30px rgba(106, 81, 166, 0.32);
    max-width: 312px;
}

.cart_buttons .continue:hover,
.buttons_wrapper .continue:hover {
    background: #fff;
    color: var(--global-color);
}

.cart_buttons .update,
.cart_buttons .clear_cart {
    max-width: 199px;
    color: var(--global-color);
}

.cart_buttons .update:hover {
    background: var(--global-color);
    color: #fff;
}

.cart_buttons .clear_cart {
    border: 0;
}

.order_wrapper {
    margin-top: 20px;
    max-width: 426px;
    width: 100%;
}

.order {
    border: 1px solid #879AA6;
}

.order_head {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    padding: 16.5px 0;
    color: #232323;
    text-align: center;
    background: #F7F3FF;
}

.order_body {
    padding: 30px;
}

.block-price {
    display: flex;
    width: 100%;
    border-bottom: 1px dashed #AFAFAF;
}

.block-price .cart-price {
    width: 100%;
}

.block-price .cart-price li {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #000;
    margin-bottom: 15px;
}

.block_coupone {
    margin-top: 20px;
}

.wrap {
    display: flex;
}

.wrap button {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: var(--global-color);
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--border-color);
}

#coupone {
    height: 50px;
}

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

.block_total .total {
    font-family: 'Avenir-black';
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 25px;
    color: #000;
}

.order_btn {
    margin-top: 20px;
}

.order_btn .btn_next {
    color: #FFF;
    background: var(--global-color);
    box-shadow: 0px 14px 30px rgba(106, 81, 166, 0.32);
}

.order_btn .btn_next:hover {
    background: #fff;
    color: var(--global-color);
}

/* payment */

.flex_wrap {
    display: flex;
    gap: 24px;
}

.shipping_form .form-control {
    height: 45px;
}

.form_block {
    margin-bottom: 30px;
}

.form_block .form_head {
    font-family: 'Avenir-black';
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
    color: #000;
}

.form_block .form-group {
    width: 100%;
}

.shipping_total {
    padding: 20px 0;
    border-bottom: 1px dashed #AFAFAF;
}

.columns_3 .form-group+.form-group {
    max-width: 200px
}

.block_cart_product td {
    padding: 10px 0.5rem !important;
}

.product_spoiler {
    display: flex;
    justify-content: space-between;
    padding: 25px 0 10px;
    cursor: pointer;
}

.spoiler_text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: var(--global-color);
}

.product_spoiler svg {
    width: 9px;
}

a.continue-shopping {
    text-decoration: none;
}

/* thank */

.thank_head {
    margin-top: 30px;
    display: inline-block;
}

.thank_head .h_names {
    max-width: 600px;
    text-align: right;
}

.thank_head .h_names .h_name3 {
    position: relative;
    top: -30px;
    right: -20px;
}

.thank_order_wrap {
    max-width: 872px;
    width: 100%;
    margin: 20px auto 0;
}

.thank_order_wrap .order_head {
    font-family: 'Avenir-black';
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    color: #232323;
}

.thank_order_body {
    padding: 30px 90px 0;
}

.thank_order_body .table td {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #000;
    padding-left: 0;
    padding-right: 20px;
}

.thank_order_body .product_spoiler {
    border-top: 1px dashed #AFAFAF;
    padding-bottom: 25px;
}

.spoiler_items {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.spoiler_item {
    display: flex;
    align-items: center;
}

.spoiler_item .cart_image {
    width: 95px;
}

.spoiler_item .cart_image img {
    max-height: 85px;
}

.cart_prod_info {
    margin-left: 20px;
}

.buttons_wrapper {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.buttons_wrapper .feedback {
    max-width: 197px;
    background: #FFFFFF;
    box-shadow: 0px 16px 30px rgba(125, 100, 184, 0.2);
    border-radius: 200px;
    border: 0;
}

#add-to-cart-form .add_to_cart.disabled {
    pointer-events: none;
    opacity: .6;
    background: gray;
    border-color: gray;
}

#add-to-cart-form .btn-content.disabled {
    pointer-events: none;
    opacity: .6;
    color: gray;
}

#add-to-cart-form .btn-content.disabled:before {
    border-color: gray;
}



/*===============================================================================
	Mini Cart
===============================================================================*/

.mini_cart {
    display: none;
    position: absolute;
    right: 12px;
    width: 375px;
    background: #FFF;
    box-shadow: 0px 4px 40px rgba(101, 81, 149, 0.25);
    border-radius: 7px;
}

.mini_cart_head {
    font-family: 'Avenir-black';
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 20px;
    color: var(--global-color);
    padding: 20px 20px 0 20px;
}

.mini_cart_body {
    padding: 17px 20px 20px 20px;
    max-height: 430px;
    overflow-x: auto;
}

/* scrollbar chrome edge*/
.mini_cart_body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* scrollbar firefox */
html .mini_cart_body {
    scrollbar-width: thin;
}

.mini_cart_body .table {
    margin-bottom: 0;
}

.mini_cart_body .table td {
    padding: 0.5rem 0.5rem;
    vertical-align: middle;
}

.mini_cart_body .cart_image {
    width: 76px;
}

.mini_cart_body .cart_image img {
    height: 67px;
}

.mini_cart_body .cart_prod_info {
    margin-left: 0;
}

.mini_cart_body .cart_price {
    font-size: 16px;
}

.mini_cart_body .cart_price span {
    color: var(--global-color);
}

.mini_cart_body .cart_control {
    padding-right: 0 !important;
    width: 96px;
}

.mini_cart_body .cart_control a {
    text-decoration: none;
}

.mini_cart_total {
    padding: 14px 20px;
    display: flex;
    justify-content: space-between;
    background: #F7F3FF;
}

.mini_cart_total .total {
    font-family: 'Avenir-black';
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

.mini_cart_control {
    padding: 20px;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.mini_cart_control button {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    height: 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--global-color);
    background: transparent;
    border-radius: 200px;
    width: 100%;
    transition: all .4s ease;
}

.mini_cart_control .goto {
    max-width: 135px;
    background: var(--global-color);
    color: #fff;
    box-shadow: 0px 14px 30px rgba(106, 81, 166, 0.32);
}

.mini_cart_control .goto:hover {
    background: transparent;
    color: var(--global-color);
}

.mini_cart_control .clear {
    max-width: 104px;
    border-color: transparent;
    color: var(--global-color);
}

.mini_cart_control .clear:hover {
    border-color: var(--global-color);
}



/*===============================================================================
	PAGE Login
===============================================================================*/

body.login #page-preloader {
    display: none;
}

body.login .control-error {
    font-weight: 700;
    color: red;
}

body.login {
    background: url(assets/images/login_bg.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.login_page {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100vh;
}

.login_content {
    display: flex;
    flex-direction: row;
}

.login_block {
    /*height: 100vh;*/
    padding-top: 130px;
    width: 50vw;
    overflow: hidden;
}

.login_image_wrapper {
    background: url(assets/images/login_frame.png) no-repeat center;
    background-size: cover;
    height: 100%;
    text-align: right;
    padding: 50px 186px 0 0;
}

.login_form_wrapper {
    padding: 60px 100px 80px;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 80px 0px 0px 80px;
}

.login_form_wrapper .tabs {
    max-width: 534px;
}

.login_form_wrapper .tabs .nav-tabs {
    border-bottom: 0;
}

.login_form_wrapper .tabs .nav-tabs .nav-link.active {
    color: var(--global-color);
}

.login_form_wrapper .tabs .nav-tabs .nav-link {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin: 0 60px 0 0;
    padding: 0.5rem 0;
    border: 0;
    border-radius: 0;
    position: relative;
    background: transparent;
}

.login_form_wrapper .tabs .nav-tabs .nav-link:before {
    content: '';
    position: absolute;
    border-top: 5px solid transparent;
    top: -3px;
    left: 0;
    width: 100%;
    border-radius: 50px;
}

.login_form_wrapper .tabs .nav-tabs .nav-link.active:before {
    border-color: var(--global-color);
}

.login_form_wrapper .form-control {
    height: 40px;
}

.blk_info {
    margin-top: 35px;
}

.blk_info p,
.blk_info .btn-link {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #000;
    margin-bottom: 0;
}

.blk_info .btn-link {
    border: 0;
    background: transparent;
    color: var(--global-color);
    padding: 0;
    transition: all .4s ease;
}

.blk_info .btn-link:hover {
    color: var(--global-color1);
}

.login_double_block {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.customer {
    position: relative;
    margin-top: 90px;
}

.customer p {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #000;
    margin-bottom: 0;
}

.customer a {
    text-decoration: none;
    transition: all .4s ease;
}

.customer a:hover {
    color: var(--global-color1);
}

#nav-login .form_wrapper {
    margin-top: 120px;
}

#nav-login .forgot {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--global-color);
    display: flex;
    justify-content: flex-end;
    text-decoration: none;
    transition: all .4s ease;
}

#nav-login .forgot:hover {
    color: var(--global-color1);
}

.login_double_block .btn-content {
    margin-top: 20px;
}

.login_double_block .blk_info {
    margin-top: 0;
}



/*===============================================================================
	PAGE 404
===============================================================================*/

body.page404 {
    background: center center no-repeat url(assets/images/404.png);
    background-size: cover;
    background-attachment: fixed;
}

.page404 {
    display: flex;
    height: 100vh;
    width: 100vw;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.page404_content {
    width: 100vw;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 200px;
}

.content_head {
    max-width: 620px;
    overflow: hidden;
}

.anim_text {
    display: flex;
    align-items: baseline;
    position: relative;
    top: 5px;
    padding-bottom: 5px;
}

.content_image {
    text-align: center;
}

.content_image span {
    filter: grayscale(70%);
}

.lense404 {
    width: 400px;
    filter: drop-shadow(0px 24px 54px rgba(128, 156, 173, 0.42));
}

.letter_left,
.letter_right {
    width: 210px;
}

.btn404 {
    text-align: right;
    margin-right: 250px;
    margin-top: 40px;
}

.image404 {
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
}

.image404 img {
    width: 864px;
}



/*===============================================================================
	Personal area
===============================================================================*/

body.personal {
    background: center center no-repeat url(assets/images/personal_area_bg.png);
    background-size: cover;
    background-attachment: fixed;
}

#personalMenu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    background: #F7F3FF;
    height: 100%;
    width: 100%;
    max-width: 250px;
    transform: none;
}

#personalMenu li {
    display: flex;
    align-items: center;
    gap: 10px;
}

#personalMenu li svg {
    width: 14px;
}

#personalMenu li.active svg path {
    fill: var(--global-color);
}

#personalMenu li.active a {
    color: var(--global-color);
}

#personalMenu li.active a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -103px;
    width: 60px;
    height: 1px;
    margin-left: 30px;
    background: var(--global-text-color);
}

.page_contents.personal_wrapper .content_wrapper {
    padding-left: 250px;
}

.personal_container {
    position: relative;
    max-width: 1320px;
    margin: 0 0 0 55px;
    padding-top: 20px;
}

.personal_head {
    overflow: hidden;
}

.personal_container .pagination_wrapper {
    margin-top: 50px;
}

.personal_body .table th {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    padding-top: 17px;
    padding-bottom: 17px;
    color: #232323;
    background: #F7F3FF;
}

.personal_body .table td {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 0;
}

.personal_body .table td .product-price .regular-price {
    color: #BBB6C6;
    margin-right: 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: line-through;
    -moz-text-decoration-line: line-through;
}

.btn_delete {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 0;
}

.btn_delete svg {
    width: 22px;
}

.action_btn {
    display: flex;
    gap: 20px;
}

.action_btn a {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    text-decoration: none;
    color: #7D64B8;
    padding: 3px 5px 0;
    display: block;
}

.marker {
    margin-right: 10px;
    margin-bottom: 5px;
    width: 16px;
}

.personal_buttons_wrapper .long_btn {
    margin: 100px auto 0;
}

.long_btn {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 312px;
    width: 100%;
    height: 54px;
    background: var(--global-color);
    box-shadow: 0px 14px 30px rgba(106, 81, 166, 0.32);
    border: 1px solid var(--global-color);
    border-radius: 200px;
    text-decoration: none;
    transition: all .4s ease;
}

.long_btn:hover {
    background: #fff;
    color: var(--global-color);
}

.personal_body .form_head {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 48px;
    color: #000;
    margin-bottom: 15px;
}

.personal_body .flex_wrap .form-group {
    width: 100%;
}

.small_btn {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 195px;
    width: 100%;
    height: 54px;
    background: var(--global-color);
    box-shadow: 0px 14px 30px rgba(106, 81, 166, 0.32);
    border: 1px solid var(--global-color);
    border-radius: 200px;
    text-decoration: none;
    transition: all .4s ease;
}

.small_btn:hover {
    background: #fff;
    color: var(--global-color);
}

.personal_buttons_wrapper .small_btn {
    margin: 24px 0;
}

.changePass .flex_wrap {
    max-width: 872px;
}

.changePass .form-group {
    position: relative;
}

.togglePassword {
    position: absolute;
    right: 0;
    bottom: 15px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background: transparent;
    outline: none;
}

.togglePassword .visible_eye {
    display: none;
}

.togglePassword.eye .hidden_eye {
    display: none;
}

.togglePassword.eye .visible_eye {
    display: block;
}

.togglePassword img {
    width: 20px;
}

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

.personal_body .cart_image {
    padding-left: 0.5rem !important;
}

.personal_body .cart_image img {
    width: 96px;
    height: 84px;
    object-fit: cover;
}

.personal_body .cart_prod_info {
    margin-left: 0;
}

.personal_body .checkbox input:checked+.checkbox_text:before {
    background: #fff;
    border-color: var(--global-color);
}

.personal_body .checkbox input:checked+.checkbox_text:after {
    color: var(--global-color);
}

.personal_body .subtotal {
    color: var(--global-color) !important;
}

.personal_body .cart_buttons {
    margin-top: 50px;
}

.personal_body .badge {
    color: #000;
}

.feedback_btn {
    font-family: 'Avenir-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--global-color);
    position: absolute;
    right: 0;
    display: flex;
    height: 54px;
    width: 197px;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 16px 54px rgba(125, 100, 184, 0.32);
    border: 1px solid transparent;
    border-radius: 200px;
    transition: all .4s ease;
}

.feedback_btn:hover {
    border-color: var(--global-color);
}

.feedback_block {
    padding: 25px 25px 25px 35px;
    background: #FFFFFF;
    border: 1px solid #E9ECF2;
    border-radius: 15px;
    margin-bottom: 15px;
}

.feedback_head {
    display: flex;
    position: relative;
}

.feedback_image img {
    width: 96px;
    height: 84px;
    object-fit: cover;
    border-radius: 20px;
}

.feedback_elem {
    margin-left: 15px;
}

.feedback_elem .cart_prod_name,
.feedback_elem .cart_prod_pow {
    margin-bottom: 5px;
}

.feedback_delete {
    position: absolute;
    top: 0;
    right: 0;
}

.feedback_delete button {
    display: flex;
    padding: 0;
    background: transparent;
    border: 0;
}

.feedback_delete button img {
    width: 22px;
}

.feedback_body {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    margin-top: 30px;
    color: #293238;
}

#write_feedback_block {
    position: relative;
    z-index: 1050;
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    min-height: 100Vh;
    background: #fff;
    max-width: 724px;
    width: 100%;
    border-radius: 80px 0px 0px 80px;
    box-shadow: 0px 14px 30px rgba(106, 81, 166, 0.32);
    transition: right .6s ease-in-out;
    padding: 60px 60px 60px 100px;
}

#write_feedback_block.open {
    right: 0%;
}

.close_feedback {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    z-index: 1;
}

.close_feedback img {
    width: 18px;
}

.block_select_collections {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.block_select_collections .block_select {
    position: relative;
}

.select2-hidden-accessible {
    bottom: 0;
    left: 50%;
}

.feedback_form {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.feedback_form_wrapper {
    min-height: calc(100% - 84px);
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 30px;
}

.write_feedback_wrapper {
    height: calc(100% - 91px);
}

#feedbackText {
    height: 180px;
}

.section-content {
    margin-top: 20px;
}

.section-content table {
    width: 100%;
}

table.sale-summary {
    width: 100%;
    margin-top: 15px;
}



/*===============================================================================
	Other
===============================================================================*/

.btn_coupon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 32px;
    border: 0;
}

#billing_country+.select2,
#shipping_country+.select2 {
    width: 100% !important;
}

#billing_country+.select2-container .select2-selection--single,
#shipping_country+.select2-container .select2-selection--single {
    height: 60px;
}

#billing_country+.select2-container--default .select2-selection--single .select2-selection__arrow,
#shipping_country+.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 59px;
}

#billing_country+.select2-container .select2-selection--single .select2-selection__rendered,
#shipping_country+.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
}

#taxrate-0,
#basetaxamount-0 {
    display: none;
}

/* intltelinput */
.iti__flag {
    background-image: url("assets/intltelinput/img/flags.png");
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}

.iti,
#phone {
    width: 100%;
}

/* scrollbar chrome edge*/
.iti__country-list::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* scrollbar firefox */
html .iti__country-list {
    scrollbar-width: thin;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("assets/intltelinput/img/flags@2x.png");
    }
}

/* action */
#one .head_name {
    flex-direction: column;
    align-items: end;
}

.action_block_top {
    bottom: auto;
    top: calc(50% - 200px);
}

.action_block {
    width: 375px;
    position: absolute;
    bottom: calc(50% - 200px);
    right: calc(50% - 37%);
    pointer-events: none;
}

.action_text {
    font-family: 'Playfair Display';
    font-weight: 300;
    font-size: 36px;
    line-height: 48px;
    /* font-size: 21px;
    line-height: 31px; */
    max-width: 380px;
    color: #000000;
}

.action_text span {
    font-family: 'Playfair Display';
    font-size: 22px;
    display: block;
    position: relative;
    top: 40px;
}

.column_image .item__thumb {
    width: 100%;
}

#pills-tabVideo .video_btn svg {
    width: 50px;
}

#pills-tabVideo .video_btn svg path {
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
}

#pills-tabVideo .columns .column a:hover .video_btn svg path {
    fill: var(--global-color);
}

#pills-tabVideo .block__container {
    background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 60%);
}

#nav-registration b {
    color: red;
}

.discount {
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 50px;
    color: #fff;
    background: #EE4C69;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-family: Avenir;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.75px;
}

.info_text {
    margin-top: 20px;
    color: #8D8D8D;
    font-family: Avenir;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.expire {
    display: flex;
    padding: 20px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 0px 10px 10px 0px;
    border-left: 2px solid #7D64B8;
    background: #F2EEFC;
    margin-top: 20px;
    color: #7D64B8;
    font-family: Avenir;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#price-no-power .product-price {
    display: flex;
    flex-direction: column;
}

.sticker.sale {
    font-family: Avenir;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: none;
}

#price-no-power .product-price .regular-price,
.product_item .product-price .regular-price,
#price-with-power .regular-price {
    color: #BBB6C6;
    font-family: Avenir;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: line-through;
    -moz-text-decoration-line: line-through;
}

#price-with-power .special-price {
    display: block;
}

.product_item .product-price .regular-price {
    font-size: 14px;
    padding-right: 10px;
}

#category-offer-zone .product-price {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: left;
}

#category-offer-zone .product-price .regular-price {
    color: #BBB6C6;
    text-decoration-line: line-through;
    -moz-text-decoration-line: line-through;
}

.product_wrapper .discount {
    top: 0;
    left: auto;
    right: 0;
    border-top-right-radius: 0;
    align-items: baseline;
    justify-content: right;
    background: #EF5352;
}

.product_wrapper .discount .discount_text {
    border: 1px solid #fff;
    border-radius: 50%;
    border-top-right-radius: 0;
    height: 90px;
    width: 90px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: Avenir;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.96px;
}

.product_wrapper .discount .discount_text span {
    color: #FFF;
    text-align: center;
    font-family: Avenir;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;
}

.select2-container--default .select2-results__option--disabled {
    font-size: 14px;
    cursor: not-allowed;
}

#billing_email-error,
#billing_phone-error {
    color: red !important;
}