/*
Theme Name: HTML5 Blank Child
Theme URI: http://html5blank.com
Template: html5blank-stable
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Description: HTML5 Blank WordPress Theme
Tags: Blank,HTML5,CSS3
Version: 1.4.3.1610982154
Updated: 2021-01-18 15:02:34
*/



@import url("https://p.typekit.net/p.css?s=1&k=xut2ukx&ht=tk&f=25639.25640.28745.28746&a=19202660&app=typekit&e=css");

@import url("mobile-menu.css");

@font-face {
    font-family:"oscine";
    src:url("https://use.typekit.net/af/ca37c3/00000000000000007735fdc6/30/l?primer=2c525e945db23ca903c9e53f7672c72b14fc41c424013235fbe023be98740bd1&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/ca37c3/00000000000000007735fdc6/30/d?primer=2c525e945db23ca903c9e53f7672c72b14fc41c424013235fbe023be98740bd1&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/ca37c3/00000000000000007735fdc6/30/a?primer=2c525e945db23ca903c9e53f7672c72b14fc41c424013235fbe023be98740bd1&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}


.tk-oscine {
    font-family: "oscine",sans-serif;
}

@font-face {
    font-family:Manrope-regular;
    src: url(/wp-content/themes/html5blank-stable-child/fonts/Manrope-Regular.ttf);
}

@font-face {
    font-family:Manrope-medium;
    src: url(/wp-content/themes/html5blank-stable-child/fonts/Manrope-Medium.ttf);
}

@font-face {
    font-family:Manrope-semibold;
    src: url(/wp-content/themes/html5blank-stable-child/fonts/Manrope-SemiBold.ttf);
}

@font-face {
    font-family:Manrope-light;
    src: url(/wp-content/themes/html5blank-stable-child/fonts/Manrope-Light.ttf);
}

h1,h2,h3,h4,h5,button{
    font-family:Manrope-semibold;
    line-height: 1.1em;
}

p,a,li,span{
    font-family:Manrope-medium;
}

p, li{
    font-size:18px;
    color:#000;
    line-height: 1.2em;
}

p#breadcrumbs {
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
}

p#breadcrumbs a{
   color:#D4D4D4;

}


/*** top header ****/

.otgs-development-site-front-end {
    display: none;
}

.logo img {
    width: 271px;
}

.header {
    padding: 24px 0;
    border-bottom: 1px solid #F3F3F3;
}

.search-form {
    background: #fff;
    position: fixed;
    top: 115px;
    width: 100%;
    left: 0;
    height: 303px;
    z-index: 1;
}

.search-form:after {
    content: "";
    display: block;
    background: #121111bd;
    width: 100%;
    height: 100vh;
    position: relative;
    bottom: -267px;
    z-index: 9999;
}

.search-form form {
    width: 31%;
    margin: 0 auto;
    top: 109px;
}

.search-icon{
    cursor:pointer;
}

.is-search-icon:hover{
    background: none;
}

#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-haicare-menu {
    z-index: 999;
    border-radius: 0;
    background: #fff;
    border: 0;
    position: absolute;
    width: 188%;
    max-width: none;
    left: -147px;
    top: 40px;
    padding: 51px 106px 68px;
    box-shadow: 4px 7px #0000000a;
}

#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-styling-menu {
    z-index: 999;
    border-radius: 0;
    background: #fff;
    border: 0;
    position: absolute;
    width: 129%;
    max-width: none;
    left: -147px;
    top: 40px;
    padding: 51px 106px 68px;
    box-shadow: 4px 7px #0000000a;
}

#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.epaggelmatika-menu {
    z-index: 999;
    border-radius: 0;
    background: #fff;
    border: 0;
    position: absolute;
    width: 122%;
    max-width: none;
    left: -147px;
    top: 40px;
    padding: 51px 106px 68px;
    box-shadow: 4px 7px #0000000a;
}


#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
    font-weight: 400;
    color:#000;
    padding-bottom: 20px;
    font-family:Manrope-regular;
}

#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link{
    color:#000;
    font-size:16px;
    font-family:Manrope-medium;
    width:fit-content;
}

#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover{
    color:#EC008C;
}

#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover:after {
    content: url(/wp-content/uploads/2025/01/arrow-pink.svg);
    display: inline-flex;
    position: absolute;
    margin-left: 2px;
    top: 0;
}

li.mega-show_more_menu.show_more_menu a {
    color: #575757 !important;
    font-size: 14px !important;
    text-decoration: underline !important;
}

li.mega-show_more_menu.show_more_menu a:hover:after{
    display:none!important;
}

#parent .search-form input.is-search-input{
    border-top:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:1px solid #000!important;
    padding:0;
}

.is-search-icon{
    border-bottom:1px solid #000;
    border-top:0;
    border-left:0;
    border-right:0;
    background: #ededed00;
}

#parent input::placeholder{
    text-transform: uppercase;
    font-weight:500;
    color:#000;
    font-size: 18px;
    font-family:Manrope-regular;
}

button.close-search-form {
    border: none;
    background: none;
    float: right;
    padding: 40px;
}

li.wpml-ls-current-language span{
    color:#EC008C;
}

li.wpml-ls-item.wpml-ls-item-el.wpml-ls-current-language,li.wpml-ls-item.wpml-ls-item-en.wpml-ls-current-language{
    position: relative;
}

li.wpml-ls-item.wpml-ls-item-el.wpml-ls-current-language:before {
    content: "";
    background: #EC008C;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 11px;
    margin-left: -2px;
}

#post-404 h1{
    font-size:30px;
}

article#post-404 {
    text-align: center;
    padding: 15% 0;
}

li.wpml-ls-item.wpml-ls-item-en.wpml-ls-current-language:after{
    content: "";
    background: #EC008C;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 11px;
    right: -2px;
}

/************   main nav ****************/

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    padding: 20px 10px 10px 40px;
    font-size: 20px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: absolute;
    width: 316px;
    max-width: none;
    padding: 0;
    border: 0;
    background:#222766d4;
    border-radius: 0;
    margin-top: 17px;
    right: -81px;
}

.wpml-ls-legacy-list-horizontal a{
    color:#000;
    font-family:Manrope-semibold;
    font-size:18px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link,#mega-menu-header-menu-right > li.mega-menu-item > a.mega-menu-link{
    font-size:18px;
    margin:0 12px;
    color:#000;
    font-family:Manrope-semibold;
}

#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-item > a.mega-menu-link,#mega-menu-wrap-header-menu-right #mega-menu-header-menu-right > li.mega-menu-item > a.mega-menu-link{
    font-size:18px;
    margin:0 12px;
    color:#000;
    font-family:Manrope-semibold;
    text-transform: uppercase;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
    color:#000;
}

.left-menus,.right-menus {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sticky {
    position: fixed!important;
    top: 0;
    width: 100%;
    transition: .35s ease-out;
    box-shadow: 0 2px 2px 0 #80808005;
    z-index: 9999999;
    left:0;
    background: #fff;
}

.header.sticky .search-form{
    top: 63px;

}

.header.sticky {
    /*padding: 8px 0; */
    border-bottom: 1px solid #F3F3F3;
}

.header.sticky .logo img {
   /* width: 70%;*/
    text-align: center;
}

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

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



/* sticky on scroll top */
/*
.nav-up {
    top: -115px;
}

.nav-down{
    background: #fff;
    transition: .8s ease-out;
    animation: fadeIn 3s;
}

.nav-up{
    transition: .35s ease-out;
    animation: fadeIn 3s;
}
*/

/***** back to top button ****/

.topbutton {
    height: 42px;
    width: 42px;
    position: fixed;
    right: 2%;
    bottom: 300px;
    Z-index: 99999;
    background: #ffffff91;
    display: none;
    text-align: center;
    border: 1px solid #EC008C;
    border-radius: 50%;
}

.topbutton img {
    transform: rotate(-45deg);
    margin-top: 7px;
}

/** custom mobile menu **/
.mobile-menu{
    display:none;
    float:right;
}

/*
Preloader
 */

.spinner-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999999999999!important;
}

.spinner-wrapper .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    transform:translate(-50%, -50%);
}

#mailpoet_form_2 form.mailpoet_form {
    padding: 0 !important;
}

label.mailpoet_checkbox_label {
    font-family: Manrope-medium;
    font-size: 12px!important;
    padding-top: 17px;
    color:#575757;
    display: flex !important;
}

input#mailpoet_checkbox_1 {
    margin-right: 5px;
}

.mailpoet_form_columns.mailpoet_paragraph.mailpoet_stack_on_mobile {
    border-bottom: 1px solid #575757;
    max-width: 640px;
}

#mailpoet_form_2 .mailpoet_paragraph {
    margin-bottom: 0!important;
}

.parsley-required, .parsley-custom-error-message,li.parsley-type {
    color: red!important;
    font-size: 14px!important;
}

input#form_email_2 {
    background: none;
    border: none;
    font-family:Manrope-medium;
}

input#form_email_2::placeholder{
    color:#000;
    font-size:18px;
}

#mailpoet_form_2 .mailpoet_submit {
    font-size: 18px;
    color: #EC008C;
    text-align: right;
    background: none;
    font-family:Manrope-medium;
}

#mailpoet-acceptance-custom input[type="checkbox"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto;
    height: auto;
}

span.product_sub_collection {
    font-weight: 700;
}

.product-info span.product-tlt{
    font-weight: 400;
}

/**********************************
FOOTER
 */

.footer-outer {
    border-top: 1px solid #D4D4D4;
    margin-top: 77px;
}

.home .footer-outer{
    margin-top:0;
}

#mailpoet_form_2 {
    margin-top: 50px;
}

h3.widget-title{
    font-family: "oscine",sans-serif;
    font-size: 20px;
    color:#EC008C;
    padding-bottom: 12px;
}

aside#custom_html-3 li {
    margin-right: 8px;
}

aside#custom_html-3, aside#custom_html-3 ul {
    display: flex;
    align-items: center;
}

#footer-1 h3.widget-title{
    padding-right:55px;
}

footer li a,footer li{
    font-family:Manrope-medium;
    color:#000;
    transition: .2s;
    font-size: 22px;
}

li.pin a {
    color: #EC008C;
    font-size: 14px;
    text-decoration: underline;
    padding-left: 26px;
}

footer li a:hover{
    color:#EC008C;
}

aside#custom_html-2 li:nth-child(1):before {
    content: url(/wp-content/uploads/2025/01/email.svg);
    margin-right: 9px;
}

aside#custom_html-2 li:nth-child(2):before {
    content: url(/wp-content/uploads/2025/01/phone.svg);
    margin-right: 9px;
}

aside#custom_html-2 li:nth-child(3):before {
    content: url(/wp-content/uploads/2025/01/map-pin.svg);
    margin-right: 9px;
}

footer ul{
    padding-left:0;
    list-style-type:none;
}

.copy-ctm {
    background: #fff;
    padding: 6px 0;
    border-top: 1px solid #D4D4D4;
    padding-top: 12px;
    margin-top: 104px;
    padding-left: 214px;
}

.copy-ctm p {
    margin-bottom: 0;
    font-size: 14px;
}

.copy-ctm a {
    color: #8BD3E9;
}

.copy-ctm a:hover {
    text-decoration: underline;
}

#footer-1 p {
    font-family: Manrope-semibold;
    font-size: 40px;
    width: 84%;
}

#footer-2 {
    padding-top: 117px;
    padding-bottom: 41px;
}

.footer {
    padding-top: 92px;
    margin: 0 214px;
}

aside#text-9 {
    padding-top: 27px;
}

/*    body **********/

.big_tlt h2,.big_tlt h3,.big_tlt h5{
    color:#221E1F;
    font-size: 60px;
    font-family:Manrope-semibold;
    letter-spacing: -2px;
}

.big_tlt h4,.big_tlt h6{
    font-size: 40px;
    color:#221E1F;
    font-family:Manrope-semibold;
}

.pinky_txt p{
    font-family: "oscine",sans-serif;
    color:#EC008C;
    font-size:22px;
}

.wpb_text_column.wpb_content_element.pinky_txt {
    margin-bottom: 4px;
}

#home_intro{
    padding-top:79px;
}

#home_intro h2 {
    width: 78%;
}

#video_home h1 {
    font-family:Manrope-semibold;
    color: #fff;
    font-size: 60px;
    text-align: center;
    width: 57%;
    margin: 0 auto;
    padding: 27% 0;
}

#video_home h1 em,#whity_txt em,#footer-1 p em{
    font-style: normal;
    position: relative;
    z-index: 0;
}

#footer-1 p em:after {
    content: "";
    background: #EC008C;
    width: 100%;
    height: 31px;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    transform: rotate(-3deg);
    top: 20px;
    z-index: -1;
}

#video_home h1 em:after,#whity_txt em:after {
    content: "";
    background: #EC008C;
    width: 107%;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    transform: rotate(-3deg);
    top: 36px;
    z-index: -1;
}

a.sec-btn {
    font-size: 20px;
    font-weight: 600;
    color:#221E1F;
    display: block;
    transition: .2s ease-in-out;
    position: relative;
}

a.sec-btn:hover{
    color:#EC008C;
}

a.sec-btn:hover:after {
    content: url(/wp-content/uploads/2025/01/arrow-pink.svg);
    position: absolute;
    bottom: -5px;
    margin-left: 10px;
}

a.main-btn {
    font-size: 16px;
    color: #EC008C;
    position: relative;
    display: block;
}

a.main-btn:after {
    content:url(/wp-content/uploads/2025/01/arrow-pink.svg);
    border: 1px solid #EC008C;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 17px;
    transition: background 0.3s ease;
    padding-top: 4px;
}

a.main-btn:hover:after{
    content: url(/wp-content/uploads/2025/01/white-arrow.svg);
    background: #EC008C;
    padding-top: 4px;

}

#home_cats {
    margin: 120px 158px;
}

#home_cats .wpb_single_image.wpb_content_element.vc_align_left.wpb_content_element{
    margin-bottom:22px;
}

#tone {
    padding-top: 100px;
}

#about-home #right{
    padding-top:100px;
    padding-left:100px;
}

.history_info {
    padding-top: 45px;
}

.history_info p{
    width:70%;
}

#history_banners {
    padding-left: 0;
}

.container-sl {
    width: 100%;
    position: absolute;
    top: 50%;
}

.slider-s {
    display: flex;
}

.slider-s p{
    font-weight:bolder;
    font-size:100px;
    padding:0 80px;
}

#word-sld {
    width: 77%;
    margin: 0 auto;
}

#word-sld{
    padding-top:100px;
}

#word-sld {
    padding-top: 110px;
    padding-bottom: 100px;
}

.container-sl:before{
    content:"The Brand";
    color:#EC008C;
    font-size: 22px;
    margin-left:300px;
    font-family: "oscine", sans-serif;
}

#gost{
    display: none;
}

#our-products h4,#our-products .pinky_txt{
    text-align: center;
}

#prof {
    padding-top: 169px;
    padding-bottom:100px;
}

#teaser {
    margin: 0 136px;
    padding-top: 84px;
}

#whity_txt {
    text-align: center;
    margin: 0;
    padding: 343px 0;
}

#whity_txt p{
    font-family:Manrope-semibold;
    color:#fff;
    font-size: 60px;
}

br.clear {
    display: none;
}

#inner-header h1 {
    font-size: 60px;
    font-family: Manrope-semibold;
    margin-top: 8px;
}

#inner-header {
    text-align: center;
}

p#breadcrumbs {
    padding-top: 25px;
    padding-bottom: 41px;
    text-transform: capitalize;
    font-size: 14px;
}

span.breadcrumb_last {
    color: #000;
    font-weight: 600;
}

.ult-content-box-container.stoxos-block {
    width: 63%;
}

#int p{
    font-size: 20px;
}

#target{
    padding-top:100px;
}

#age {
    text-align: center;
    padding-top: 152px;
}

#age h3 {
    width: 74%;
    margin: 0 auto;
    padding-bottom: 69px;
}

#our_vision_tlt {
    text-align: left;
}

#timeline_blocks,#vision {
    margin:0 200px;
}

#our_vision_tlt h4 {
    font-size: 40px;
    font-weight: 600;
}

#vision p {
    text-align: left;
    width: 82%;
    float: right;
}

#vision {
    padding-top: 65px;
}

#details{
    margin-top:-20px;
}

#anadromi {
    padding-top: 190px;
    padding-bottom: 139px;
}

/* product slider **/
.main-single {
    border: 1px solid #EC008C;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 10px;
    opacity: 0;
    transition: .3s;
}

.product-item:hover .main-single{
    opacity: 1;
}

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

#products-sld{
    margin:0 211px;
}

.product-item img {
    margin: 0 auto;
}

.product-info {
    text-align: center;
    padding-top: 30px;
    display: grid;
}

span.product-tlt {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 8px;
}

span.short-description {
    font-size: 20px;
    color: #000;
}

.woocommerce-product-details__short-description h2 {
    font-size: 23px;
}

.progress {
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #F3F3F3;
    background-image: linear-gradient(to right, black, black);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
    margin-top:10px;
}

span.slider__label.sr-only {
    opacity: 0;
}

/*******************************************************/

#info-header {
    width: 50%;
    margin: 0 auto;
}

.area p{
    color:#EC008C;
    font-size:22px;
    padding-bottom:20px;
}

.area {
    border-bottom: 1px solid #D4D4D4;
    padding-top: 29px;
}

.is-title a {
    color: #000 !important;
    font-family: "oscine", sans-serif;
    font-weight: 700;
}

div.is-ajax-search-result{
    padding:1px!important;
}

.is-ajax-search-result *{
    z-index: 99999999!important;
}

#stores-block {
    margin: 0 200px;
    padding-top: 52px;
}

#athens-second-row {
    padding-top: 14px;
}

#form-block {
    padding-top: 156px;
}

#form-block label{
    font-family:Manrope-medium;
    font-size:14px;
    width:100%;
    border-bottom:1px solid #000;
}

.formas {
    width: 397px;
    margin:0;
    padding-left: 0;
}

#form-block input{
    border-top:0;
    border-left:0;
    border-right:0;
    border-bottom:0;
    padding-top: 20px;
    border-radius: 0;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {
    padding-top: 0 !important;
}

#form-block textarea {
    height: 77px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    width:100%;
}

span.wpcf7-list-item {
    margin-left: 0;
}

#form-block .wpcf7-not-valid-tip {
    font-size: 13px;
    padding-top: 6px;
}

span.wpcf7-list-item-label {
    color: #575757;
    font-size: 12px;
    display: inline-flex;
    padding-left: 6px;
    top: 3px;
    position: relative;
}

.extra-contact li a,.extra-contact li{
    font-family: Manrope-medium;
    color: #000;
    transition: .2s;
    font-size: 18px;
}

.extra-contact li:nth-child(1):before{
    content: url(/wp-content/uploads/2025/01/email.svg);
    margin-right: 9px;
}

.extra-contact li:nth-child(2):before{
    content: url(/wp-content/uploads/2025/01/phone.svg);
    margin-right: 9px;
}

.extra-contact li:nth-child(3):before{
    content: url(/wp-content/uploads/2025/01/map-pin.svg);
    margin-right: 9px;
}

.extra-contact ul{
    list-style-type: none;
    padding-left:0;
}

.extra-contact{
    padding-bottom:27px;
}

form.wpcf7-form.init .container {
    padding: 0;
}

.form-instruct p {
    font-size: 23px;
    font-weight: 600;
    width: 50%;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    border: none;
    background: none;
    color: #EC008C;
    font-size: 16px;
}

.button-submit-ctm {
    position: relative;
    width: fit-content;
    border:none;
    background: none;
    float:right;
}

span.wpcf7-list-item >label {
    border: none !important;
}

.button-submit-ctm:after{
    content: url(/wp-content/uploads/2025/01/arrow-pink.svg);
    border: 1px solid #EC008C;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 17px;
    position: absolute;
    top: 0;
    right: 13px;
    padding-top:4px;
}

button.col-md-12.button-submit-ctm {
    background: none;
    border: none;
}

.button-submit-ctm:hover:after{
    content: url(/wp-content/uploads/2025/01/white-arrow.svg);
    background: #EC008C;
    border: 1px solid #EC008C;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 17px;
    padding-top:4px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    border-bottom: 0 !important;
}

.comments {
    display: none;
}


#post-head{
    text-align: center;
}

span.post-date {
    font-size: 22px;
    color: #EC008C;
}

h1.post-tlt {
    font-family: Manrope-semibold;
    font-size: 60px;
    width: 50%;
    margin: 0 auto;
    padding-bottom: 71px;
}

#post-head .wpb_text_column.wpb_content_element {
    display: none;
}

#post-block{
    padding-top:100px;
}

.vc_col-sm-6.zero.vc_gitem-col.vc_gitem-col-align- {
    padding: 0;
}

.post_date p {
    color: #EC008C;
    font-size:14px;
}

.post_title p{
    font-size:20px;
}

.vc_gitem-zone.vc_gitem-zone-c.basic-content {
    padding-top: 22px;
}

.vc_btn3-container.vc_btn3-inline {
    float: right;
}

.vc_btn3.vc_btn3-style-custom{
    background-image: none!important;
}

a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-custom:after{
    content: url(/wp-content/uploads/2025/01/arrow-pink.svg);
    border: 1px solid #EC008C;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 17px;
    position: absolute;
    right: 0;
    padding-top:4px;
}

a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-custom:hover:after{
    content: url(/wp-content/uploads/2025/01/white-arrow.svg);
    background: #EC008C;
    border: 1px solid #EC008C;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 17px;
    padding-top:4px;
}

.vc_row.wpb_row.vc_row-fluid.post_content {
    margin: 0 421px;
    margin-top:61px;
}

.vc_row.wpb_row.vc_row-fluid.post_content p{
    padding:0 60px;
}

.vc_row.wpb_row.vc_row-fluid.post_content h2,.vc_row.wpb_row.vc_row-fluid.post_content h3,.vc_row.wpb_row.vc_row-fluid.post_content h4{
    font-size:33px;
    font-weight:600;
    text-align: center;
}

.arrowRight a {
    float: right;
}

.arrowNav a {
    color: #EC008C;
    font-size: 16px;
    font-family: Manrope-medium;
}

.arrowLeft a:before {
    content: url(/wp-content/uploads/2025/02/arrow-pink-circle-left.svg);
    border: 1px solid #EC008C;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 17px;

}

.arrowRight a:after {
    content: url(/wp-content/uploads/2025/01/arrow-pink.svg);
    border: 1px solid #EC008C;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 17px;
}

h2.woocommerce-loop-product__title {
    text-align: center;
    font-family: Manrope-regular;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #fff;
    color: #EC008C;
    font-family: Manrope-regular;
    border: 1px solid #EC008C;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.woocommerce nav.woocommerce-pagination ul li a:hover{
    background: #fff!important;
    color:#000!important;
}

ul.page-numbers li {
    padding: 0 8px !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    border-right: none;
  }

.woocommerce-pagination .page-numbers li .page-numbers {
    background-color: #fff;
    border-left-width: 0;
    color: #000;
    font-family: Manrope-regular;
}

.woocommerce nav.woocommerce-pagination ul{
    border:none;
}

.shop .woocommerce ul.products li.product .button{
    display: none;
}

#our_values li {
    color: #fff;
    font-size: 18px;
    background: #EC008C;
    border-radius: 25px;
    margin: 0 8px;
    padding: 11px 24px;
}

#our_values ul{
    display: inline-flex;
    list-style-type: none;
    padding-left:0;
}

#oi-aksies {
    padding-top: 164px;
}

#aksies-banner img {
    width: 80%;
}

.ult-content-box-container.aksies-lektika {
    position: absolute;
    padding-top: 181px;
}

#our-vision {
    width: 28%;
    padding-top: 30px;
}

#substil-pr-more .pinky_txt,#substil-pr-more .big_tlt{
   text-align: center;
}

#substil-pr-more {
    padding: 108px 108px 30px;
}

.page-id-1119 .footer-outer{
    margin-top: 0;
}

.ult_tabs{
    display:inline-flex!important;
    width: 95%;
    padding-top:30px;
}

.ult_tabmenu.style2.active {
    display: grid!important;
    height: fit-content;
}

span.ult-span-text.ult-responsive {
    font-size: 40px !important;
    font-family: Manrope-semibold;
}

a#Color{
    background: none;
}

.ult_tabmenu.style2 li.ult_tab_li a{
    box-shadow: none !important;
    margin-top: 0;
    background: none!important;
}

li.ult_tab_li a {
    padding: 0!important;
    margin: 0!important;
    color: #000!important;
    width:fit-content!important;
    padding-bottom:20px!important;
}

li.ult_tab_li.current a{
    color: #EC008C!important;
}

li.ult_tab_li.current a:after {
    content: url(/wp-content/uploads/2025/01/arrow-pink.svg);
    position: absolute;
    right: 0;
    top: 0;
}

#substil_color{
    margin:0 147px;
    padding-top: 100px;
}

#collection_showcase{
    margin:0 147px;
    padding-top: 50px;
}

#center{
    text-align: center;
}

.ult-content-box-container.pdf-slide {
    width: 63%;
    float: right;
}

#substil_color span.ult-span-text.ult-responsive {
    font-size: 27px !important;
}

#cross h3,#cross h4{
    font-size: 40px;
}

#cross #left {
    padding-left: 162px;
}

#cross #right_cont{
    padding-left: 133px;
}

#right_cont .wpb_text_column.wpb_content_element.big_tlt{
    padding-bottom:18px;
}

#imageprotosection > .vc_column-inner{
    padding-left:0;
}

#imagedeuterosection > .vc_column-inner{
    padding-right:0;
}

#cross .wpb_single_image img{
    width:100%;
}

#fisiko-apotelesma p {
    width: 84%;
}

#fromfrance p{
    width: 84%;
}

#fisiko-apotelesma{
    padding-top:22px;
}

.ult_tabs.subtil-area.ult_aniamte {
    padding: 56px 0;
}

#cross #anime-image {
    margin: 0;
}

.ult_tabs.substil-tabs.ult_aniamte {
    padding-top: 35px;
}

#collection_showcase .ult_tabmenu.style1,#collection_showcase .ult_tabmenu.style2{
    width: 157% !important;
}

.ult_tabs.substil-tabs.ult_aniamte .ult_tabitemname.scaleTabname2 {
    padding-top: 0;
    left: -69px;
}

h1.woocommerce-products-header__title.page-title {
    font-size: 60px;
    font-weight: 700;
    margin-top: 5px;
}

header.woocommerce-products-header {
    text-align: center;
    padding-bottom: 64px;
}

header.woocommerce-products-header .term-description {
    width: 31%;
    margin: 0 auto;
}

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

/**   category list   **/

/*
.categories-list a {
    margin: 0 7px;
    border: 1px solid #000000;
    border-radius: 25px;
    padding: 9px 33px;
    font-size:18px;
}

.categories-list {
    text-align: center;
    padding: 54px 0 82px;
}

 */

.categories-list {
    display: none;
    overflow-x: auto;
    gap: 10px;
    /*scrollbar-width: thin; */
    scrollbar-gutter: stable;
    margin: 0 auto;
    width: 100%;
    padding: 54px 0 28px;
    margin-bottom: 55px;
    cursor: pointer;
}

/* WebKit (Chrome, Safari, Edge) */
.categories-list::-webkit-scrollbar {
    height: 4px; /* Controls scrollbar height */
}

.categories-list::-webkit-scrollbar-thumb {
    background-color: #000; /* Black scrollbar thumb */
    border-radius: 4px;
}

.categories-list::-webkit-scrollbar-track {
    background-color: lightgrey; /* Grey scrollbar track */
}

/* Hides scrollbar buttons (arrows) on Chrome */
.categories-list::-webkit-scrollbar-button {
    display: none;
}

/*

.categories-list::-webkit-scrollbar {
    height: 4px;
    background-color: #000!important;
}

.categories-list::-webkit-scrollbar-thumb {
    background-color: #000!important;
    border-radius: 4px;
}

.categories-list::-webkit-scrollbar-button {
    display: none!important;
}

*/

.categories-list a {
    flex: 0 0 auto;
    margin: 0;
    border: 1px solid #000000;
    border-radius: 25px;
    padding: 9px 33px;
    font-size: 18px;
}

li.active-result:nth-child(1){

}



/*  end **/

a.category-button.bullet.current {
    color: #EC008C;
    border: 1px solid #EC008C;
}

ul.products.columns-4 a.button.product_type_simple,ul.products.columns-4 a.button.product_type_variable.add_to_cart_button,ul.products.columns-4 span.price {
    display: none!important;
}

.collection_name {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

p.woocommerce-result-count {
    display: none;
}

.term-description {
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.moreless-button {
    margin-top: 10px;
    padding: 5px 10px;
    text-decoration: underline;
    background: none;
    color: #575757;
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.moreless-button:hover {
    background: none;
}

span.category-intro {
    color: #EC008C;
    font-size: 22px;
}

.woocommerce-product-details__short-description li {
    font-size: 16px;
    color: #000;
    width: 82%;
    padding-left: 11px;
}

.summary.entry-summary span.woocommerce-Price-amount.amount,.summary.entry-summary .quantity,.summary.entry-summary button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed,.product_meta{
    display: none;
}

.woocommerce div.product form.cart div.quantity {
    display: none !important;
}

button.single_add_to_cart_button.button.alt{
    display: none !important;
}

button.reset_variations {
    border: none;
    background: #ff000000;
    text-decoration: underline;
    color: #575757;
}

th.label {
    color: #000000;
    font-size: 20px;
    font-family: Manrope-medium;
}

.woocommerce-product-details__short-description ul {
    padding-left: 16px;
}

li.variable-item.button-variable-item {
    border: 1px solid #221E1F;
    border-radius: 25px !important;
    padding: 18px !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    -webkit-box-shadow: none!important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){
    -webkit-box-shadow: none!important;
    box-shadow:none!important;
}

table.variations {
    margin-top: 20px;
}

nav.woocommerce-breadcrumb{
    display: none;
}

span.ct-lt {
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.choose-box img {
    width: 31%;
}

.choose-box {
    border: 1px solid #EC008C;
    border-radius: 14px;
    width: 23%;
    padding: 14px;
    height: 150px;
    position: relative;
}

.choose-box p {
    margin-bottom: 0;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    width: 67%;
    padding-bottom: 11px;
}

.choose-boxes {
    gap: 10px;
    margin-top: 21px;
    margin-left: 0;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 30px;
}


span.dashicons.dashicons-search {
    opacity: 0;
}

.woo-variation-gallery-slider-wrapper {
    border: 1px solid #D4D4D4;
}

h2.product_sub_collection {
    color: #EC008C;
    font-size: 22px;
}

h1.product_title.entry-title {
   font-size:40px;
}

ul.tabs.wc-tabs {
    display: none;
}

#tab-additional_information {
    display: none!important;
}

.extra-product-info {
    padding: 21px 0 135px;
}

.special-right{
    padding-left:0;
}

.special-left,.arxon-left{
   padding-right:0;
}

.product-title-pack p.pinky {
    font-size: 22px;
    color: #EC008C;
    margin-bottom: 12px;
}

.product-title-pack p{
    font-size: 40px;
    font-weight: 500;
}

.about-collection {
    padding: 165px 122px;
}

.product-title-pack {
    padding-bottom: 31px;
}

.acoo-desc a.main-btn {
    margin-top: 51px;
    display: block;
}

#contact-form_tabs .vc_tta-color-white.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    background-color: #fff;
    margin-top:59px;
}

#contact-form_tabs .vc_tta-color-white.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels{
    background-color: #fff;
    border:none;
}

#contact-form_tabs .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active>a {
    border-color: #fff;
    background-color: #fff;
    color: #000000;
}

#contact-form_tabs .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a {
    border-color: #fff;
    background-color: #ffff;
    color: #000;
}

form.wpcf7-form.init .col-md-12 {
    padding-left: 0;
}

form.wpcf7-form.init p{
    padding-left:0;
}



#contact-form_tabs ul.vc_tta-tabs-list li a {
    border: 1px solid #000 !important;
    border-radius: 25px;
    padding: 10px 29px;
}

.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a{
    padding: 7px 20px;
}

.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a{
    border:1px solid #000;
    border-radius: 25px;
    padding: 7px 20px;
    width:fit-content;
}

#law_infpo{
    padding-top:50px;
}

#contact-form_tabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::before{
    border:none;
}

#contact-form_tabs li.vc_tta-tab.vc_active a{
    border: 1px solid #EC008C !important;
}

#contact-form_tabs li.vc_tta-tab.vc_active span{
    color:#EC008C;
}

#contact-form_tabs ul.vc_tta-tabs-list li:nth-child(1){
    margin-right:20px;
}

#contact-form_tabs .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::after{
    display:none!important;
}

.ult-content-box-container.video_block_custom .ult-content-box {
    display: flex;
    position: absolute;
    bottom: 0;
    right: -20%;
}

#video_previwphoto img{
    width:39%;
}

#play_video {
    display: flex;
    align-items: end;
    margin-right: 75px;
    margin-bottom: 75px;
    cursor:pointer;
}

#play_video:after {
    content: "Watch Showreel";
    font-family: Manrope-regular;
    color: #fff;
    font-size: 18px;
    position: absolute;
    bottom: 36px;
    left: -27px;
}

.ays-pb-modal_2 .close-image-btn {
    background: #fff;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    min-width: unset;
}


/* filters    *****************/

.wcf-popover-body::-webkit-scrollbar {
    height: 1px!important; /* Make the scrollbar thinner */
}

.wcf-popover-body::-webkit-scrollbar-thumb {
    background-color: #D4D4D4; /* Black scrollbar thumb */
    border-radius: 2px;
}

.wcf-popover-body::-webkit-scrollbar-track {
    background-color: #F3F3F3;
}

.wcf-popover-body::-webkit-scrollbar-button {
    display: none;
}

.wcf-label-item.wcf-bh.wcf-by.wcf-bz.wcf-c0.wcf-c1.wcf-c2.wcf-c3.wcf-bq {
    font-size: 16px;
    font-family: Manrope-medium;
}

}
.wcf-popover-body.wcf-bx.wcf-c4.wcf-c5.wcf-c6.wcf-c7.wcf-c8.wcf-c9.wcf-ca.wcf-cb.wcf-cc.wcf-cn.wcf-as.wcf-bq.wcf-d1.wcf-cf.wcf-b9.wcf-ba.wcf-b8.wcf-b7.wcf-b1.wcf-b2.wcf-b0.wcf-az.wcf-cg.wcf-ch.wcf-ci.wcf-cj {
    transform: translate3d(0px, 38px, 0px) !important;
}

span.wcf-checkmark-holder.wcf-aq.wcf-ar.wcf-as.wcf-at.wcf-au.wcf-av.wcf-aw.wcf-ax.wcf-ay.wcf-az.wcf-b0.wcf-b1.wcf-b2.wcf-b3.wcf-b4.wcf-b5.wcf-b6.wcf-cq.wcf-cr.wcf-cs.wcf-ct.wcf-bb.wcf-bc.wcf-bd.wcf-be.wcf-bf.wcf-bg.wcf-bh.wcf-cu.wcf-cv.wcf-bj.wcf-bk.wcf-bl.wcf-bm.wcf-bn.wcf-bo.wcf-bp.wcf-bq {
    border-radius: 0 !important;
}

.wcf-horizontal-popover{
    text-overflow: unset;
    transition: background-color .3s ease;
    white-space: nowrap;
    background-image:url("/wp-content/uploads/2025/02/downarrow.png");
    border-radius:0;
    border:none;
    width:fit-content;
    position: relative!important;
    padding-left:0;
}

/* hair type filter **/

.wcf-popover-body {
    left: 0;
    border-radius: 0 !important;
    border: 1px solid #D4D4D4;
    margin-top: 0;
}

span.wcf-checkmark-holder.wcf-aq.wcf-ar.wcf-as.wcf-at.wcf-au.wcf-av.wcf-aw.wcf-ax.wcf-ay.wcf-az.wcf-b0.wcf-b1.wcf-b2.wcf-b3.wcf-b4.wcf-b5.wcf-b6.wcf-b7.wcf-b8.wcf-b9.wcf-ba.wcf-bb.wcf-bc.wcf-bd.wcf-be.wcf-bf.wcf-bg.wcf-bh.wcf-bi.wcf-bj.wcf-bk.wcf-bl.wcf-bm.wcf-bn.wcf-bo.wcf-bp.wcf-bq,.wcf-popover-body.wcf-bx.wcf-c4.wcf-c5.wcf-c6.wcf-c7.wcf-c8.wcf-c9.wcf-ca.wcf-cb.wcf-cc.wcf-co.wcf-as.wcf-bq.wcf-cp.wcf-cf.wcf-b9.wcf-ba.wcf-b8.wcf-b7.wcf-b1.wcf-b2.wcf-b0.wcf-az.wcf-cg.wcf-ch.wcf-ci.wcf-cj {
    border-radius: 0;
    border: 1px solid #D4D4D4!important;
}

.wcf-c9 {
    border-radius: 0!important;
}

.wcf-ak{
    position: relative;
}

p.wcf-active-filter {
    border-radius: 0;
}

.wcf-results-pool {
    justify-content: start;
    margin-top: 19px;
}

.wcf-active-filter span{
    font-size: 12px;
}










#bui20 {
    min-width: calc(100% + 2px);
    position: absolute;
    top: 0;
    left: -1px;
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto);
}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: unset;
}

.woocommerce-ordering select {
    appearance: none; /* Removes default styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('/wp-content/uploads/2025/02/downarrow.png') no-repeat right center!important;
    padding-right: 20px; /* Space for custom arrow */
}

form.woocommerce-ordering {
    display: none;
}

.custom-filtering form.woocommerce-ordering {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 9px;
    border:none;
}

.custom-filtering h3.widget-title{
    display:none;
}

.woof_container {
    margin-bottom: 0;
}

.woocommerce-page .woocommerce-ordering select {
    max-width: 118px;
    outline: none;
}

.custom-filtering {
    display: block;
    border-bottom: 1px solid #D4D4D4;
    width:100%;
    position: relative;
}

.wcf-horizontal-popover:hover {
    background-color: #fff;
}

.wcf-filter-form.layout-horizontal {
    margin-bottom: 0;
}

select.orderby {
    text-transform: capitalize;
}

select.orderby option{
    font-size:13px;
    width:fit-content;
}

.woof_redraw_zone {
    display: flex;
    gap: 49px;
}

select.orderby {
    font-family: Manrope-medium;
    font-size: 15px;
    color: #000;
    background: none;
    border: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
}

.woof_products_top_panel li{
    font-size:14px;
}

.woof_container {
    padding-bottom: 0;
}

.chosen-container-single .chosen-single span {
    font-family: Manrope-medium;
    font-size: 16px;
    color: #000;
}

.chosen-container-single .chosen-single div {
    opacity: 0;
}

.chosen-container-single .chosen-single{
    overflow:visible;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: visible;
    margin-right: 0;
    text-overflow: unset;
    white-space: nowrap;
}

a.chosen-single span:after {
    content: url(/wp-content/uploads/2025/02/downarrow.png) !important;
    position: absolute;
    margin-left: 9px;
    top: 0;
}

button.button.woof_submit_search_form:hover{
    background: none;
    text-decoration: underline;
    color:#000;
}

.chosen-container-single .chosen-single{
    border:none;
}

.mobile-filters {
    display: none;
}

.chosen-search {
    display: none !important;
}

button.button.woof_submit_search_form {
    border-radius: 0;
    border: none;
    background: none;
    padding: 5px;
    position: absolute;
    margin-bottom: 9px;
    bottom: 0;
    color: #000;
    text-decoration: underline;
}

button.button.woof_reset_search_form {
    display: none;
}

button.woof_reset_button_2 {
    background: none;
}

.woof_products_top_panel li span,.woof_products_top_panel2{
    background: none;
    position: relative;
}

.woof_products_top_panel li span:after, .woof_products_top_panel2 li span:after {
    content: "X";
    font-size: 8px;
    border: 1px solid #D4D4D4;
    border-radius: 50%;
    width: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 14px;
    position: absolute;
    right: 0;
    top: 0;
}

/** filters ***/

/* Offcanvas Filters */
.offcanvas-filters {
    position: fixed;
    top: 0;
    left: -513px; /* Initially hidden */
    background-color: #fff;
    z-index: 999999999;
    transition: left 0.3s ease-in-out; /* Corrected transition */
    padding: 169px 40px 100px;
    max-width: 500px;
    width: 100%;
    height: 100vh;
    box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);
}

/* When open, bring it into view */
.offcanvas-filters.open {
    left: 0;
}

/* Overlay */
.offcanvas-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

/* Button to trigger off-canvas */
.filter-toggle-btn {
    background: none;
    color: #000;
    border: none;
    cursor: pointer;
    z-index: 1;
    font-size: 18px;
}

/* Close button inside the off-canvas */
.close-btn {
    position: absolute;
    top: 9px;
    right: 9px;
    background: none;
    border: none;
    font-size: 26px;
    cursor: pointer;
}

.close-btn:hover {
    background: none;
}







/********************* test mobile menu*************/


/*
Accordion gia product
 */

.accordion {
    width: 72%;
    margin-top: 100px;
}

.accordion__header {
    padding: 9px 0;
    border-bottom: 1px solid #D4D4D4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.accordion__toggle::before {
    content: url(/wp-content/uploads/2025/01/arrow-drop-down-down.svg);
    display: block;
}

.is-active .accordion__toggle::before {
    display: none;
}

.is-active .accordion__toggle:after {
    content: url(/wp-content/uploads/2025/01/arrow-drop-down-up.svg);
}

.accordion__body {
    max-height: 0; /* Initially collapsed */
    overflow: hidden;
    padding: 0; /* Padding for content visibility */
    border-top: 0;
    transition: max-height 0.3s ease, padding 0.3s ease; /* Smooth transition */
}

.accordion__body.is-active {
    max-height: 200px; /* Adjust based on expected content height */
    padding: 17px 0;
    margin-bottom: 5px;
}

.accordion__header span {
    font-size: 20px;
    color: #000;
    font-family: Manrope-semibold;
}

.accordion h3{
    font-size:20px;
}

.collection_info {
    padding-bottom: 49px;
    width: 37%;
    margin: 0 auto;
}

.collections-label{
    padding-top:87px;
    padding-bottom: 50px;
}

.proto_blk{
    padding-top:71px;
    padding-bottom:33px;
}

.midle_blk{
    padding-bottom:33px;
}

.ays_video_window.ays-pb-modal_2.ays-pb-border-mobile_2.fadeIn {
    background: #ff000000 !important;
    border: none !important;
}

.wvg-gallery-thumbnail-image.current-thumbnail {
    border: 1px solid #EC008C;
    padding: 5px;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
    color: #EC008C;
    border: 1px solid #EC008C;
}

section.related.products {
    text-align: center;
}

.related.products h2,h2.related-products-title{
    font-size: 40px;
    padding-bottom: 100px;
    padding-top: 50px;
    text-align: center;
}

.woocommerce-product-details__short-description ::marker {
    content: url("/wp-content/uploads/2025/02/arrow-small.svg");
}

.product-template-default p#breadcrumbs:after {
    content: "";
    background:#F3F3F3;
    width: 160%;
    height: 1px;
    display: block;
    margin-top: 21px;
    position: absolute !important;
    left: -23%;
}

#woof_results_by_ajax {
    padding-top: 64px;
}

.woocommerce-info {
    border-top-color: #ec008c;
    margin-top: 40px;
}

.woocommerce-info::before {
    color: #ec008c;
}

.woof_reset_button_2 {
    padding: 2px 7px;
    border: none;
    text-decoration: underline;
}

.wpcf7-response-output {
    width: fit-content;
    font-family: "oscine", sans-serif;
}

button.col-md-12.button-submit-ctm {
    margin-top: 30px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding-left: 0;
}

.term-description p{
    font-size: 18px;
}

:lang(el) li.parsley-required:before {
    content: "Αυτό το πεδίο είναι απαραίτητο";
    color: #E50019;
    font-size:10px;

}

:lang(el) li.parsley-required {
    color: #fff!important;

}



.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {
    left: 0!important;
    width: 46%;
    position: absolute;
    text-align: left;
    top: 0!important;
   transform:none!important;
}

/* mailpoet autocomplete fix */
.mailpoet_form_columns_container input:-webkit-autofill,
.mailpoet_form_columns_container input:-webkit-autofill:hover,
.mailpoet_form_columns_container input:-webkit-autofill:focus,
.mailpoet_form_columns_container input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color:#fff !important;
}

/*krataei transparent tin forma sto autocomplete otan exoume skouro background */

.mailpoet_form_columns_container input:-webkit-autofill,
.mailpoet_form_columns_container input:-webkit-autofill:hover,
.mailpoet_form_columns_container input:-webkit-autofill:focus,
.mailpoet_form_columns_container input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000!important;
    transition: background-color 5000s ease-in-out 0s;

}

body.mailpoet_page-template-default main {
    margin: 150px 0;
}

#brand-sec {
    overflow-y: clip;
    height: 100vh;
}

.page-id-1117 .footer-outer{
    margin-top:0;
}

#outer .wpb_single_image.wpb_content_element.vc_align_center.wpb_content_element{
    margin-bottom:0;
}

.wpb_text_column.wpb_content_element.show_products p:hover{
    color:#EC008C;
    cursor:pointer;
}

/*
.header.sticky #mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu{
    top: 52px;
}

 */

.product-template-default section.related.products {
    display: none;
}

/* husky plugin loading gmtx */

#woof_html_buffer{
    font-family:Manrope-regular;
}

.ult_tabitemname {
    position: relative !important;
}

a.woo-variation-gallery-trigger.woo-variation-gallery-trigger-position-top-right {
    background: #ff000000;
    width: 100%;
    height: 100vh;
    top: 0;
    border-radius: 0;
    right: 0;
}

i.wvg-slider-next-arrow.dashicons.dashicons-arrow-right-alt2.slick-arrow,i.wvg-slider-prev-arrow.dashicons.dashicons-arrow-left-alt2.slick-arrow {
    z-index: 999;
}

.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
    border-color: #fff !important;
}

.button-submit-ctm {
    margin-top: 16px;
    margin-bottom: 20px;
}

.overlaya:after {
    z-index: 100;
    background: #0000007a;
    position: fixed;
    content: "";
    width: 100%;
    height: 100vh;
    top: 118px;
    transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
}

.header.sticky .overlaya:after {
    top: 64px;
}

span.mega-indicator {
    pointer-events: none !important;
}

.woocommerce-info{
    background: none;
    border-top: none;
}

.woocommerce-info::before{
    display: none;
}

#reviews {
    display: none;
}


/*********************************************   MEdi@ *****************************************************/

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

    #tone {

        margin-right: 10px;
    }

    #collection_showcase {
        margin: 0 22px;
    }

    .wrapper {
        padding: 0 58px;
    }

    .footer {
        padding-top: 92px;
        margin: 0 105px;
    }

    .copy-ctm{
        padding-left: 113px;
    }

    h1.post-tlt,#inner-header h1,.big_tlt h2, .big_tlt h3, .big_tlt h5 {
        font-size: 43px;
    }

    #whity_txt p {
        font-size: 54px;
    }

    #footer-1 p {
        font-size: 34px;
        width: 71%;
    }

    #footer-1 p em:after{
        top: 12px;
    }

    footer li a, footer li {
        font-size: 21px;
    }

    #video_home h1 {
        font-size: 49px;
    }

    #video_home h1 em:after, #whity_txt em:after {
        height: 25px;
    }

    .vc_row.wpb_row.vc_row-fluid.post_content {
        margin: 0 370px;
        padding-top:100px;
    }

    .vc_row.wpb_row.vc_row-fluid.post_content h2, .vc_row.wpb_row.vc_row-fluid.post_content h3, .vc_row.wpb_row.vc_row-fluid.post_content h4 {
        font-size: 26px;
    }
}

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

    .overlaya:after {
        top: 107px;
    }

    #mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-haicare-menu,#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-styling-menu,#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.epaggelmatika-menu
    {
        top:33px;
    }

    #mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu-right #mega-menu-header-menu-right > li.mega-menu-item > a.mega-menu-link{
        margin:0;
    }

    .logo img {
        width: 232px;
    }

    .form-instruct p{
        width: 63%;
    }
}

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

    h1.product_title.entry-title {
        font-size: 32px;
    }

    #stores-block {
        margin: 0 100px;
        padding-top: 30px;
    }

    span.ult-span-text.ult-responsive {
        font-size: 30px !important;
    }

    .vc_row.wpb_row.vc_row-fluid.post_content {
        margin: 0 351px;
    }

    .ult-content-box-container.video_block_custom .ult-content-box {
        right: -24%;
    }

}

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

    #mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-haicare-menu,#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-styling-menu,#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.epaggelmatika-menu
    {
        top: 30px;
    }

    .overlaya:after {
        top: 100px;
    }

    .vc_row.wpb_row.vc_row-fluid.post_content p {
    padding: 0;
    }

    .vc_row.wpb_row.vc_row-fluid.post_content {
        margin: 0 312px;
    }

    #video_previwphoto img {
        width: 28%;
    }

    .about-collection {
        padding: 77px 77px;
    }
}

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

    #mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-haicare-menu, #mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-styling-menu,#mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.epaggelmatika-menu {
        top: 0;
        width: max-content;
        left: -51px;
    }

    #cross #left {
        padding-left: 11px;
    }

    #cross #right_cont {
        padding-left: 54px;
    }

    #substil_color {
        margin: 0;
    }

    .form-instruct p {
        width: 71%;
    }

    .logo img {
        width: 184px;
    }

    #teaser {
        margin: 0;
        padding-top: 39px;
    }

    #home_cats {
        margin: 0;
    }

    .footer {
        margin: 0 67px;
    }

    #timeline_blocks, #vision {
        margin: 0;
    }

    #age h3 {
        width: 88%;
        margin: 0 auto;
        padding-bottom: 42px;
    }

    .ult-content-box-container.stoxos-block {
        width: 83%;
    }

    #vision p {
        width: 100%;
    }

    #our_vision_tlt h4 {
        font-size: 33px;
    }

    h1.post-tlt, #inner-header h1, .big_tlt h2, .big_tlt h3, .big_tlt h5 {
        font-size: 35px;
    }

    .ult-content-box-container.stoxos-block {
        width: 90%;
    }

    #whity_txt p {
        font-size: 46px;
    }

    .collection_info {
        width: 53%;
    }

    .collection_info {
        width: 51%;
    }

    .copy-ctm {
        padding-left: 71px;
    }

    .ult-content-box-container.video_block_custom .ult-content-box {
        right: -33%;
    }

}

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

    #mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu-right #mega-menu-header-menu-right > li.mega-menu-item > a.mega-menu-link,.wpml-ls-legacy-list-horizontal a {
        font-size: 14px;
    }
}

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

    #mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-haicare-menu, #mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-styling-menu, #mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu > li.epaggelmatika-menu {
        top: 27px;
    }

    .history_info p {
        width: 94%;
    }

    #cross h3, #cross h4 {
        font-size: 34px;
    }

    .header.sticky .search-form {
        top: 59px;
    }

    #brand-sec {
        overflow-y: unset;
        height: auto;
    }

    #brand-sec img {
        transform: none !important;
    }

    #mega-menu-wrap-header-menu-left #mega-menu-header-menu-left > li.mega-menu-megamenu > ul.mega-sub-menu {
        width: 309%;
    }

    #footer-1 p {
        width: 85%;
    }

    .post_title p {
        font-size: 14px;
    }

    header.woocommerce-products-header .term-description {
        width: 47%;
    }

    .form-instruct p {
        width: 95%;
    }

    h1.woocommerce-products-header__title.page-title {
        font-size: 40px;
    }

    h1.product_title.entry-title {
        font-size: 30px;
    }

    .product-title-pack p {
        font-size: 31px;
    }

    .product-title-pack p.pinky {
        font-size: 18px;
    }

    h2.product_sub_collection {
        font-size: 18px;
    }

    .about-collection {
        padding: 37px 33px;
        height: 471px;
        overflow-y: scroll;
    }

    .accordion {
        width: 85%;
        margin-top: 27px;
    }

    #products-sld {
        margin: 0;
    }

    .footer {
        margin: 0 25px;
    }

    #whity_txt p {
        font-size: 40px;
    }

    #whity_txt {
        padding: 212px 0;
    }

    #info-header {
        width: 66%;
    }

    #stores-block {
        margin: 0;
    }

    .copy-ctm {
        padding-left: 25px;
    }

    #substil-pr-more {
        padding: 108px 0 30px;
    }

    #collection_showcase span.ult-span-text.ult-responsive {
        font-size: 24px !important;
    }

    #collection_showcase .ult_tabs.substil-tabs.ult_aniamte .ult_tabitemname.scaleTabname2 {
        padding-top: 0;
        left: 0;
    }

    #our-vision {
        width: 51%;
    }

    .vc_row.wpb_row.vc_row-fluid.post_content {
        margin: 0 138px;
    }

    #video_previwphoto img {
        width: 20%;
    }

}

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


    /*     mob filters *****/

    #wcf-mobile-portal {
        display: none;
    }

    .custom-filtering {
        display: none;
    }

    .mobile-filters {
        display: block;
        border-bottom: 1px solid grey;
        border-top: 1px solid grey;
        text-align: center;
        padding: 10px;
    }

    .mobile-filters .woof_redraw_zone {
        display: grid;
        gap: 0;
    }

    button.button.woof_submit_search_form {
        border-radius: 0;
        border: 2px solid #000;
        padding: 10px 23px;
        margin-bottom: 9px;
        bottom: unset;
        color: #000;
        text-decoration: none;
        right:unset;
    }

    button.button.woof_reset_search_form,button.button.woof_reset_search_form:hover {
        display: block;
        border-radius: 0;
        border: 2px solid #000;
        padding: 10px 23px;
        color: #000;
        text-decoration: none;
        background: none;
    }

    button.button.woof_submit_search_form {
        right: 0;
        margin-right: 30px;
    }

    #offcanvas-filters{
        text-align: left;
    }

    .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
        border-color: #fff!important;
        background-color: #fff!important;
    }

    form.wpcf7-form.init .container {
        padding-left: 21px;
    }

    .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::after, .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::before {
        border-color: #fff!important;
    }

    #contact-form_tabs .vc_tta-color-white.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
        margin-top: 23px;
        padding-left: 10px;
    }

    span.vc_tta-title-text {
        font-family: Manrope-medium;
        font-size: 18px;
        color: #000;
    }

    .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a {
        border: 1px solid #EC008C;
        width: fit-content;
        border-radius: 25px;
    }

    .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel.vc_active span.vc_tta-title-text{
        color:#EC008C;
    }


    .header.sticky {
        padding: 8px 0;

    }

    .header.sticky .logo img {
       width: 70%;
        text-align: center;
    }

    #video_home h1{
        width: 75%;
    }

    #cross .vc_col-sm-6{
        width:100%;
    }

    #cross .wpb_single_image img {
        width: revert-layer;
        padding-left: 10px;
    }

    #imageprotosection > .vc_column-inner{
        padding-left:15px;
        padding-bottom:30px;
    }

    #imagedeuterosection > .vc_column-inner{
        padding-right:15px;
    }

    #cross .wpb_single_image.vc_align_right {
        text-align: left;
    }

    #cross #right_cont {
        padding-left: 4px;
        padding-top: 20px;
    }
}

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

    .button-submit-ctm{
        float:left;
    }

    #substil_color span.ult-span-text.ult-responsive {
        font-size: 22px !important;
    }

    .header.sticky .search-form {
        top: 71px;
    }

    header.woocommerce-products-header .term-description {
        width: 65%;
    }

    .search-form::placeholder{
        font-size:15px;
    }

    .search-form form {
        width: 55%;
    }

    #law_infpo {
        padding-top: 24px;
    }

    #whity_txt em:after{
        top: 27px;
    }

    .woo-variation-gallery-wrapper {
        margin-bottom: 83px;
    }

    .ult-content-box-container.video_block_custom .ult-content-box {
        left: 44%;
        bottom: -23px;
    }

    #play_video img {
        width: 69%;
    }

    #play_video:after {
        font-size: 15px;
        bottom: 44px;
    }

    #video_previwphoto {
        opacity: 0;
    }

    #play_video {
        margin-right: 0;
    }

    .header {
        padding: 15px 0;
    }

    .header.sticky .logo img {
        width: 48%;
        text-align: center;
    }

    h1.post-tlt, #inner-header h1, .big_tlt h2, .big_tlt h3, .big_tlt h5 {
        font-size: 35px;
    }

    #history_banners {
        padding-left: 25px;
        width: 100%;
    }

    #about-home #right {
        padding-top: 56px;
        padding-left: 25px;
        width: 100%;
    }

    .history_info {
        padding-top: 0;
    }

    #word-sld {
        padding-top: 73px;
        padding-bottom: 90px;
    }

    #word-sld {
        padding-top: 73px;
        padding-bottom: 90px;
    }

    #prof{
        padding-top:100px;
        padding-bottom:39px;
    }

    #footer-1 p {
        font-size: 26px;
        width: 81%;
    }

    .mailpoet_form_columns.mailpoet_paragraph.mailpoet_stack_on_mobile {
        max-width: 452px;
    }

    footer li a, footer li {
        font-size: 17px;
    }

    #footer-2 {
        padding-top: 95px;
    }

    #footer-1 p em:after {
        height: 21px;
    }

    .slider-s p{
        font-size:46px;
        padding:0 33px;
    }

    .big_tlt h4, .big_tlt h6 {
        font-size: 32px;
    }

    span.product-tlt {
        font-size: 16px;
    }

    #whity_txt {
        padding: 161px 0;
    }

    #video_home h1 {
        font-size: 35px;
        padding: 18% 0;
        width: 75%;
    }

    .wpml-ls-legacy-list-horizontal a {
        font-size: 15px;
    }

    .wrapper {
        padding: 0 29px;
    }

    #whity_txt p {
        font-size: 31px;
    }

    #target .vc_col-sm-6,#vision .vc_col-sm-6,#anadromi .vc_col-sm-6  {
        width:100%;
    }

    #anadromi {
        padding-top: 109px;
        padding-bottom: 67px;
    }

    #target {
        padding-top: 59px;
    }

    #age {
        padding-top: 89px;
    }

    #our_vision_tlt h4 {
        font-size: 27px;
    }

    h1.post-tlt, #inner-header h1, .big_tlt h2, .big_tlt h3, .big_tlt h5 {
        font-size: 26px;
    }

    #our_vision_tlt {
        margin-bottom: 20px;
    }

    .target_info{
        padding-bottom:60px;
    }

    .collection_info {
        width: 81%;
    }

    /*   tabs **/

    .ult_tabs {
        display: grid !important;
    }

    .ult-content-box-container.pdf-slide {
        width: 85%;
        float: left;
    }

    #collection_showcase .ult_tabs.substil-tabs.ult_aniamte .ult_tabitemname.scaleTabname2 {
        padding-top: 19px;
        left: 0;
        padding-left: 0;
    }

    #collection_showcase span.ult-span-text.ult-responsive {
        font-size: 20px !important;
    }

    span.ult-span-text.ult-responsive {
        font-size: 22px !important;
    }

    li.ult_tab_li a{
        padding-bottom: 7px !important;
    }

    .ult_tabs.substil-tabs.ult_aniamte .ult_tabitemname.scaleTabname2 {
        padding-top: 33px;
        left: -22px;
    }

    #substil-pr-more img.vc_single_image-img.attachment-full{
        width:50%;
    }

    #collection_showcase{
        padding-top: 11px;
    }

    .collections-label {
        padding-top: 22px;
        padding-bottom: 37px;
    }

    .ult_tabcontent.style2{
        padding-left:0!important;
    }

    .proto_blk {
        padding-top: 15px;
    }

    #collection_showcase {
        margin: 0;
    }

    #oi-aksies {
        padding-top: 91px;
    }

    #our_vision_tlt h4 br {
        display: none;
    }

    #substil-pr-more {
        padding: 60px 0 13px;
    }

    .ult-content-box-container.stoxos-block {
        width: 100%;
    }

    .vc_row.wpb_row.vc_row-fluid.post_content {
        margin: 0 40px;
    }

    .extra-product-info .col-md-6{
        width:100%;
    }

    .accordion {
        margin-bottom: 65px;
    }

    .extra-product-info {
        padding: 0;
    }

    .special-right,.special-left {
        padding-left: 15px;
    }

    .special-left {
        padding-right: 12px;
        margin-top: 20px;
    }

    .about-collection {
        padding: 68px 18px;
        height: auto;
    }

    button.button.woof_submit_search_form{
        right: 24%;
    }

    #form-block .vc_col-sm-6{
        width:100%;
    }

    #form-block {
        padding-top: 71px;
    }

    span.wpcf7-list-item label {
        border-bottom: none !important;
    }

    .container-sl:before{
        position: absolute;
        left:50%;
        transform: translate(-50%, -50%);
        margin-left:0;
        top:-19px;
    }
}

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



    .post_title p {
        font-size: 20px;
    }

    #footer-2 {
        padding-top: 54px;
    }

    #footer-4 {
        padding-top: 56px;
    }

    .copy-ctm {
        padding-left: 113px;
    }

    #target {
        padding-top: 38px;
    }

    #age {
        padding-top: 62px;
    }

    .proto_blk {
        padding-top: 0;
        padding-bottom: 3px;
    }

    .midle_blk {
        padding-bottom: 6px;
    }

    .vc_btn3-container.vc_btn3-inline {
        float: left;
        margin-left: 30px;
        margin-bottom: 44px;
    }

    .arrowLeft,.arrowRight{
        width: 50%;
    }



}


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

    #tone {
        margin-right: 0;
    }

    .copy-ctm {
        padding-left: 0;
        text-align: center;
    }

    .form-instruct p {
        font-size: 19px;
    }

    .categories-list a {
        padding: 5px 21px;
        font-size: 13px;
    }

    .collection_name {
        font-size: 14px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title{
        font-size:14px;
    }

    .woocommerce ul.products li.product a img {
        width: 77%;
        margin: 0 auto;
    }

    #our-vision {
        width: 96%;
    }

    .ult-content-box-container.aksies-lektika {
    padding-top: 75px;
    }

    #myHeader .logo img {
        width: 184px;
    }

    #video_home h1 {
        width: 100%;
        font-size: 32px;
        padding: 19% 0;
    }

    #myHeader .wpml-ls-legacy-list-horizontal a {
        font-size: 15px;
    }

    #myHeader ul.nav.mobile-menu li a {
        font-size: 18px;
    }

    .left-menus, .right-menus {
        width: 30%;
    }

    .logo {
        width: 40%;
    }

    .header {
        padding: 11px 0;
    }

    #home_intro h2 {
        width: 100%;
    }

    #info-header {
        width: 96%;
    }

    h1.post-tlt, #inner-header h1, .big_tlt h2, .big_tlt h3, .big_tlt h5 {
        font-size: 27px;
    }

    #our_vision_tlt h4{
        width:100%;
    }

    .ult-content-box-container.stoxos-block,#age h3 {
        width: 100%;
    }

    .collection_info {
        width: 100%;
    }

    #substil-pr-more img.vc_single_image-img.attachment-full {
        width: 100%;
    }

    .ult-content-box-container.pdf-slide {
        width: 100%;
    }

    #collection_showcase {
        margin: 0;
    }

    .vc_row.wpb_row.vc_row-fluid.post_content {
        margin: 0;
    }

    #myHeader .overlay {
        width: 86%;
    }

    h1.post-tlt{
        width: 86%;
    }

    #footer-1 p {
        font-size: 21px;
        width: 100%;
    }

    .choose-box {
        width: 32%;
    }

    .choose-boxes {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            gap: 10px;
            padding-bottom: 10px;
     }

    .choose-boxes::-webkit-scrollbar {

    }

    .choose-box p {
        font-size: 14px;
    }

    #our_values {
        overflow: hidden;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #our_values ul {
        display: flex;
        list-style-type: none;
        padding-left: 0;
        overflow-x: auto;
        flex-wrap: nowrap;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        width: max-content;
        white-space: nowrap;
        padding-bottom: 20px;
    }

    .ult-content-box-container.aksies-lektika {
        position: relative;
    }

    #our_values li {
        color: #fff;
        font-size: 18px;
        background: #EC008C;
        border-radius: 25px;
        margin: 0 8px;
        padding: 11px 24px;
        scroll-snap-align: start;
    }

    .wrapper {
        padding: 0 11px;
    }

}

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

    .summary.entry-summary {
        display: flow-root;
    }
}

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

    #cross h3, #cross h4 {
        font-size: 27px;
    }

    .copy-ctm{
        margin-top: 52px;
    }

    #footer-3 br {
        display: none;
    }

    .is-form-style input.is-search-input::placeholder {
        font-size: 14px !important;
    }

    span.category-intro {
        font-size: 16px;
    }

    #footer-1 p {
        font-size: 19px;
    }

    .ult-content-box-container.aksies-lektika {
        padding-top: 0;
    }

    #whity_txt em:after {
        top: 14px;
        height: 18px;
    }

    #whity_txt p {
        font-size: 24px;
    }

    p {
        font-size: 16px;
    }

    h1.post-tlt, #inner-header h1, .big_tlt h2, .big_tlt h3, .big_tlt h5,#our_vision_tlt h4{
        font-size:23px;
    }

    .pinky_txt p {
        font-size: 16px;
    }

    .big_tlt h4, .big_tlt h6 {
        font-size: 27px;
    }

    #our_values li {
        font-size: 14px;
        padding: 7px 18px;
    }

    h1.product_title.entry-title {
        font-size: 24px;
    }

    #footer-1 p em:after {
        height: 13px;
    }

    .accordion__header span {
        font-size: 18px;
    }

    .accordion__body p {
        font-size: 16px;
    }

    h2.product_sub_collection {
        font-size: 16px;
    }

    .product-title-pack p.pinky {
        font-size: 16px;
    }

    .product-title-pack p {
        font-size: 26px;
    }

    .related.products h2,h2.related-products-title {
        font-size: 26px;
        padding-bottom: 71px;
        padding-top: 30px;
    }

    img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        width: 100%;
    }

    h1.woocommerce-products-header__title.page-title {
        font-size: 22px;
    }

    .history_info p {
        width: 95%;
    }

    .logo {
        width: 50%;
    }

    .left-menus, .right-menus {
        width: 25%;
    }

    #myHeader .logo img {
        width: 161px;
    }

    .logo {
        width: 40% !important;
    }

    .left-menus, .right-menus {
        width: 30% !important;
    }

    span.special {
        display: none;
    }

    button.button.woof_reset_search_form,button.button.woof_submit_search_form {
        font-size: 12px;
    }

    #video_home h1 {
        width: 100%;
        font-size: 25px;
        padding: 19% 68px;
    }

    #video_home h1 em:after{
        height: 19px;
        top: 18px;
    }

    #home_intro {
        padding-top: 40px;
    }

    #tone {
        padding-top: 39px;
    }

}



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

    .mailpoet_form_columns.mailpoet_stack_on_mobile {
        flex-wrap: unset!important;
    }

    .woocommerce-product-details__short-description li{
        width: 90%;
    }
}


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

    .search-form form {
        width: 74%;
        top: 77px;
        height: 255px;
    }

    .search-form{
        top: 76px!important;
    }

    #video_home h1 {
        padding: 19% 39px;
    }

    header.woocommerce-products-header .term-description {
        width: 83%;
    }

    .search-form:after{
        bottom: -46px;
    }
}



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

    #myHeader .overlay {
        width: 100%;
    }

    .ays-pb-modal_2 .close-image-btn{
        font-size: 16px;
    }

    .ays-pb-modal_2 .close-image-btn {
        background: #fff;
        width: 19px;
        height: 19px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width: 373px) {
    #myHeader .wpml-ls-legacy-list-horizontal a {
        font-size: 13px;
    }

    .logo {
        width: 30% !important;
    }

    .left-menus, .right-menus {
        width: 35% !important;
    }


}

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

}


/************************ Mobile menu css ****************************/


nav {
    z-index:888;
}

@keyframes fadeInNav {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
        top: -25px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}

.navWrapper {
    margin: auto;
}

#nav-icon {
    width: 60px;
    height: 45px;
    position: relative;
    z-index: 150;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg) scale(0.4);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top: 10px;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #000;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon.open span{
    background: #000!important;
}

#nav-icon span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(2) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

div#nav-icon.open span:nth-child(3){
    opacity: 1;
}

#nav-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
    background: white;
}

#nav-icon.open{
    display: none;
}

#nav-icon.open span:nth-child(2) {
    width: 0;
    opacity: 0;
    background: white;
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
    background: white;
}

.overlay {
    width: 46%;
    height: 100%;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: -351px; /* Start off-screen */
    z-index: 140;
    visibility: hidden;
    display: flex;
    align-items: center;
    padding: 0 41px;
    transition: left 0.8s ease-in-out, visibility 0.8s ease-in-out;
}

.overlay.open {
    left: 0; /* Slide in */
    visibility: visible;
}

#open-menu-page-overlay.open {
    width: 115%;
    height: 113vh;
    background-color: #000000;
    opacity: .7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

.overlayContent{
    display: none;
}

.overlay.open .overlayContent{
    display: block;
}

.overlay a {
    color: #000;
    font-size: 42px;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    transition: transform 0.2s ease;
    overflow: hidden;
}

.nav-menu ul,ul.sub-menu {
    list-style-type: none;
}

ul.extra-menu-class{
    list-style-type: none;
    padding-left:0;
}

ul.extra-menu-class li a {
    font-size: 16px;
    text-transform: uppercase;
    font-family: Manrope-semibold;
    margin-bottom: 0;
}

.second-mob-menu {
    bottom: 0;
    position: absolute;
   /* animation: 0.2s fadeInLinks1 ease;  */
}

.overlay a {
    color: #000;
    font-size: unset;
}

.overlay p {
    color: #fff;
    font-size: 18px;
    opacity: 1;
}

.overlay p.open {
    opacity: 1;
    animation: 1.70s fadeInCopyright ease;
}

@keyframes fadeInCopyright {
    0%{
        opacity: 0;
    }
    80%{
        opacity: 0;
        transform: translateY(-10px);
    }
    100%{
        opacity: 1;
    }
}



.overlay a:hover:after {
    width: 100%;
    opacity:1!important;
}

.overlay a.open:nth-child(1) {
    opacity: 1;
    /* animation: 1s fadeInLinks1 ease; */
}

@keyframes fadeInLinks1 {
    0%{
        opacity: 0;
    }
    50%{
        opacity: 0;
        transform: translateY(-10px);
    }
    100%{
        opacity: 1;
    }
}

.overlay a.open:nth-child(2) {
    opacity: 1;
    animation: 1.25s fadeInLinks2 ease;
}

@keyframes fadeInLinks2 {
    0%{
        opacity: 0;
    }
    60%{
        opacity: 0;
        transform: translateY(-10px);
    }
    100%{
        opacity: 1;
    }
}

.overlay a.open:nth-child(3) {
    opacity: 1;
    animation: 1.5s fadeInLinks3 ease;
}

@keyframes fadeInLinks3 {
    0%{
        opacity: 0;
    }
    70%{
        opacity: 0;
        transform: translateY(-10px);
    }
    100%{
        opacity: 1;
    }
}

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

p.ham-tlt {
    color: #fff;
    font-size: 22px!important;
    display: block;
    margin-left: 23px;
}




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

    .wpml-ls-legacy-list-horizontal a {
        font-size: 18px;
    }

    .header-menu-left,.header-menu-right {
        display: none;
    }

    .left-menus,.right-menus {
        width: 20%;
    }

    .logo {
        width: 60%;
    }

    .logo img {
        width: 217px;
    }

    .search-form {
        background: #fff;
        position: fixed;
        top: 105px;
        border-bottom: 1px solid lightgray;
    }

    ul.nav.mobile-menu li a {
        font-size: 22px;
        margin-bottom:0;
        font-family: Manrope-semibold;
    }

    i.fa-minus:after{
        content:"-";
        margin-left: 16px;
        font-style: normal;
        display: inline-block;
    }

    i.fa-plus:after{
        content:"+";
        margin-left: 16px;
        font-style: normal;
        display: inline-block;
    }

    .mobile-menu {
        display:block;
    }

    .desktop-menu {
        display:none;
    }

    #toggle {
        float: right;
        position: fixed;
        top: 60px;
        right: 45px;
        width: 28px;
        height: 24px;
    }

    .nav-menu li {
        border-bottom:1px solid #eee;
        padding:20px;
        width:100%;
    }

    .nav-menu li:hover {
        background:#CCC;
    }

    ul.sub-menu {
        display: none;
    }

    ul#menu-mobile-menu ul.sub-menu li{
        position: relative;
    }

    /* General menu styling */
    #mega-menu {
        position: relative;
        width: 100%;
    }


    /*****************    menu code start! ****************************/

    .sub-menu {
        display: none; /* Hide by default */
    }
    .sub-menu.active {
        display: block; /* Visible when active */
    }

    ul#menu-left-menu-header-menu-left {
        width: 100%;
    }

    .overlay-menu-inner-content {
        /*background: #e42929; */
        display: block;
        width: 100%;
        height: 85vh;
        left: 0;
        position: absolute;
        top: 0;
    }


    /*1rst lever menu **/
    ul#menu-left-menu-header-menu-left {
        width: 100%;
        left: 0;
        top: 100px;
        position: absolute;
        padding: 0 56px 0 30px;
        animation: 1s fadeInLinks1 ease;
    }

    /* Submenu visible as a layer */
    /* 2nd level menu **/
    .sub-menu.active {
        display: block;
        padding: 0 56px 0 30px;
        top: 0;
        left: 0;
        width: 100%;
        position: absolute;
        background: #fff;
        z-index: 2;
        height: 100vh;
    }

    /* 3rd level menu **/
    ul.sub-menu.Ronnie_James_Dio.active {
        top: 0;
        background: #fff;
        position: absolute;
        z-index: 1;
        left: 0;
        width: 100%;
        height: 100vh;
    }

    ul.sub-menu li a {
        width: fit-content;
    }

    /* Back button styling */
    .sub-menu .back a {
        color: #EC008C;
        cursor: pointer;
        display: block;
        font-weight:700;
    }

    li.back {
        text-align: left;
        width: fit-content;
        border:none!important;
    }

    li.back a:after{
        display:none!important;
    }


    li.has-children,ul.sub-menu.Ronnie_James_Dio.active li {
        border-bottom: 1px solid lightgrey;
    }

    li.menu-item.menu-item-has-children a{
        position: relative;
        width:100%;
    }

    ul#menu-left-menu-header-menu-left li a {
        padding-bottom: 1px;
        padding-top: 10px;
    }

    li.menu-item.menu-item-has-children a:after {
        content: url(/wp-content/uploads/2025/01/arrow-drop-down-up.svg);
        right: 0;
        position: absolute;
        transform: rotate(89deg);
    }

    li.menu-item.menu-item-has-children a:hover:after{
        content: none;
    }

    #close_icon_ctm {
        background: white;
        z-index: 99999999999;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px;
    }


    /********************* end menu ***********************/
}