/*cart message*/
.notifyjs-corner { display: none;}
/*end of cart message*/

/*floating messenger*/


#facebook.cls-messenger-icon{ background: url("/images/0_JVogue/messenger/messenger-logo-2023.png")  no-repeat center !important;
   background-size: cover !important; width:70px !important; height:70px !important; z-index:999999 !important;}

#facebook button{ opacity:0 !important;}

.glow { transition: all .3s !important;  animation: glowing-facebook 1500ms infinite !important; border-radius:100%; width: 62px !important; height: 62px !important; bottom: 14px !important; right: 14px !important;}

#facebook.inner_blob { -webkit-animation-name: unset!important;  animation-name: unset !important; }

/*end of floating messenger*/

.alert-warning { position: fixed; z-index: 9; left: 0; right: 0; margin: auto; max-width: 1000px; top: 20%; background-color: #fff0f0; color: #000; border-color: #fff0f0;}

h1, h2, h3, h4, h5, h6, body{ font-family: Ubuntu, Microsoft Yahei, sans-serif !important;}

/*top*/

section#sp-top-bar { background-color: #000; padding: 5px; font-size: 13px;}

@media (max-width: 767px){section#sp-top-bar {font-size: 10px;}}

#sp-top-bar .sp-module { margin: 0px; padding: 0 15px;}

div#sp-top1 { text-align: center; color: #fff;}

#sp-top1 p { margin: 0px;}

header#sp-header .row {margin: 0px;background-color: rgba(255, 255, 255, 0.9);box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);}

@media (min-width:991px){.homepage header#sp-header .row{width: 100%;}}

#sp-header .logo { height: 70px;}

@media(max-width:1320px){
    .sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span { padding: 0 8px; font-size: 12.5px !Important;}
}

@media(max-width:1100px){
    .sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span { padding: 0 8px; font-size: 10.5px !important;}
}

#sp-top2 .sp-module {display: inline-block;margin-right: 15px;}
#sp-top2 .sp-module form { margin: 0px; /*display: inline-flex;*/}
#sp-top2 .sp-module .hikashop_filter_module form{display: inline-flex;}
#sp-top2 .sp-module ul >li >a {padding: 2px 10px !important;}
#sp-top2 .hikashop_filter_module { display: flex;}
#sp-top2 .sp-column { display: flex;}
#sp-top2 {line-height: 70px; display: contents;}

@media (max-width: 991px){.sp-module.top_filter { display: none !important;}
#sp-top2 .hikashop_filter_module { display: none;}
#sp-top2 .sp-module { position: absolute; top: 0; right: 120px;}
#sp-top2 .sp-module.cart {right: 60px;}}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a { color: #000;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a { padding: 5px 15px;}

.sp-megamenu-parent >li.sales:before { content: " "; background-image: url(/images/0_JVogue/sales-badge.png); width: 50px; height: 20px; position: absolute; background-repeat: no-repeat; background-size: contain; background-position: left; top: 13px; left: 10px; }

@media (max-width: 767px){
img.sp-default-logo.visible-xs { position: absolute; top: 0; left: 0%; right: 0%; height: 70px; padding: 20px 0px; }
  
#sp-top2 .sp-module.cart { left: 20px; }

#sp-top2 .sp-module { left: 65px; width: fit-content;}}

/*end of top*/

/*off canvas*/

.offcanvas-menu { background-color: #fff; color: #000; border-left: 1px solid #d0bab9; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a { color: #000;}
.offcanvas-overlay { background: rgba(0, 0, 0, 0.5);}
#offcanvas-toggler { position: absolute; top: 0; right: 15px; line-height: 70px;}
#offcanvas-toggler >i:hover { color: #000;}
.close-offcanvas i.fa.fa-remove { color: black;}
/*end of off canvas*/

/*menu*/
.sp-megamenu-parent {float:none; text-align:left; }
#sp-header {background:none;    height: 0px;box-shadow: 0;}
.sp-megamenu-parent >li >a {line-height:70px;font-size: 14px}
.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a { color: #d0bab9; }
.sp-megamenu-parent >li.active>a {font-weight: 600;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover { background-color: #fff; color: #d0bab9;}
/*end of menu*/

/*body*/

body.com-hikashop.view-checkout.layout-show.task-step section#sp-section-4 {display: none; }

.cls-popup .modal-header {position: absolute;z-index: 9999;right: 0px;top: 0px;}
.modal-header .close { color: #000; opacity: 1;}
@media (min-width: 768px){.modal-dialog { margin: 105px auto;}}

input, textarea { border-radius: 0px !important;}
.form-actions { padding: 20px 0;}
.alert {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
.radio, .checkbox { margin-left: 20px;}

a { color: #000;}
a:hover { color: #777;}

#sp-page-builder .sppb-section-title { margin: 0;}
h3.sppb-title-heading { border-bottom: 1px solid #e1e1e1 !important; padding-bottom: 15px;}

.sp-module ul >li >a:hover {color: #000; }

.calendar-container table tbody td.day:hover, .calendar-container table tbody td.day.selected {background-color: #000; }
.calendar-container table tbody td.today:after {background-color: #000; }

.fa-facebook-messenger:before { font-family: unset;}

/*end of body*/

/*bottom*/

div#sp-upperbottom .sppb-addon.sppb-addon-icons-group { text-align: -webkit-center;}
div#sp-upperbottom .sppb-addon.sppb-addon-icons-group a{line-height: normal;}
div#sp-upperbottom .sppb-addon.sppb-addon-icons-group a:hover {color: #d0bab9;}
section#sp-upper-bottom .sp-module ul >li >a:before { display: none;}

#sp-bottom, #sp-footer { font-family: 'Roboto' !important, sans-serif;}
#sp-bottom .sp-module { margin-bottom: 30px;}
#sp-bottom .sp-module ul >li >a { line-height: 28px; padding: 0px;}
#sp-bottom .sp-module p { line-height: 28px !important;}
#sp-bottom .sp-module ul >li >a:focus { background-color: #fff; }
#sp-bottom1 .sp-module ul >li >a {color: #000; }
#sp-bottom1 .sp-module ul >li >a:hover { color: #d0bab9;}
div#sp-bottom4 img { filter: grayscale(1);}
div#sp-bottom4 img:hover { filter: grayscale(0);}

#sp-footer {background: #000000;text-align: left;padding: 0;}
#sp-footer .container {padding: 20px 15px; }
#sp-footer a:hover { color: #d0bab9;}

@media (max-width: 767px){#sp-footer2 p { text-align: left !important;}}

.btm-icon-001 i.fa.fa-facebook-square { font-size:25px; margin-right:10px; }
.btm-icon-001 i.fa.fa-instagram { font-size:25px; margin-right:10px; }
.btm-icon-001 i.fa.fa-wechat { font-size:25px; }

/*end of bottom*/

/*register social login*/

.register-social .akeeba-sociallogin-buttons {
    display: inline-block !Important;
    width: 50%;
}

@media (max-width: 767px) {
  .register-social .akeeba-sociallogin-buttons {
    display: inline-block !Important;
    width: 100% !Important;
}
}
/*end register social login*/

.aup-coupon { text-align: center; }

/*checkout pop up*/

.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary {
    font-size: 14px; 
    letter-spacing: 1px; 
    width: 100%; 
    border-radius: 0px; 
    transition:all ease 400ms;
}
.vex.vex-theme-default button.vex-dialog-button-primary.vex-dialog-button.vex-first {
    margin-bottom: 5px;background: #000;
}
.vex.vex-theme-default button.vex-dialog-button-primary.vex-dialog-button.vex-first:hover {
    opacity: 0.85;
}
.vex.vex-theme-default .notifyjs-metro-base .text-wrapper {
    margin: 5px 5px 5px 60px;
}
.vex.vex-theme-default .vex-dialog-button.vex-last {
    background: #d0bab9 !iMPORTANT;  
}
.vex.vex-theme-default .vex-dialog-button.vex-last:hover {
    opacity: 0.85;
}
.vex.vex-theme-default .vex-content {
    max-width: 450px !Important;
    margin-top: 100px !Important;
    min-width: 330px !Important;
}

/*registration*/
@media(max-width:768px){
.hikashop_user_registration_page .input {
    width: 100% !important;
    padding: 15px;
}
.hikashop_user_registration_page input#register_name,
.hikashop_user_registration_page input#register_username, 
.hikashop_user_registration_page input#register_email, 
.hikashop_user_registration_page input#register_password,
.hikashop_user_registration_page input#register_password2 {
    width: 100%;
}}

/*pop up*/
.sppb-btn.sppb-btn-primary {border: 1px solid transparent;border-color: #d0bab9;background-color: #d0bab9 !important;color: #fff !important;text-transform: uppercase;border-radius: 0px;}
.sppb-btn.sppb-btn-primary:hover, 
.sppb-btn.sppb-btn-primary:focus { background-color: #fff !important; border: 1px solid #d0bab9 !important; border-color: #d0bab9; color: #d0bab9 !important; }
.modal-body .sppb-btn.sppb-btn-primary {
    min-width: 200px;
    border-radius: 100px;
}