/*account*/

div#cls-myprofile { margin-top: 50px;}

p.cls-totalpoints { color: #375dac; font-size: 44px; margin-bottom: 0; line-height: normal;}

p.cls-my-balance-en {margin-bottom: 0px;}

span.hkicon-53.icon-53-Topup {background-image: url(/images/1_guangda/top-up.png); background-repeat: no-repeat; background-position: center; height: 48px; width: auto; padding: 10px 0;}

span.hkicon-53.icon-53-reference-code { background-image: url(/images/1_guangda/reference-code.png); background-repeat: no-repeat; background-position: center; height: 48px; width: auto; padding: 10px 0;}

div.icon-wrapper div.icon a span.hkIcon, span.hkicon-53.icon-53-Topup,span.hkicon-53.icon-53-reference-code {margin-bottom:5px}

.hikashop_header_title { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px;}

/*end of account*/

/*menu*/

.logo img.sp-default-logo.hidden-xs, .logo img.sp-retina-logo.hidden-xs { height: 90px; }

#sp-header { background: #fff;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);}

.offcanvas-menu { background: #fff;}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span { font-size: 12px; padding: 0 11px;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {color:#777}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a { background: #fff !important;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus {background: #f2f2f2 !important;color: #777;}

span.hikashop_small_cart_total_title, a.hikashop_small_cart_checkout_link { line-height: 87px;}

@media (max-width:991px){div#sp-menu { float: right !important;} div#sp-top1 { text-align: right !important; display: contents;}}

/*div#sp-top1 { display: none;}*/

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 10px;}

ul.cls-dropdown-menu.dropdown-menu li a { padding: 5px 10px;}

.dropdown-menu { border-radius: 0px;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon, .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .close-icon{color :#777}

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler { padding: 11px 20px;}

#offcanvas-toggler { margin-right: 5px;}

.close-offcanvas i.fa.fa-remove { color: #375dac;}

div#sp-top1 { display: inline-block;}

div#sp-top1 .hikashop-cart { margin-top: 0px; margin-left: 20px;}

#sp-top1 .sp-module { margin-top:0px; position: inherit;line-height: 87px;display: flex;}

@-webkit-keyframes blinker { from {opacity: 1.0;} to {opacity: 0.6;}}

.sp-module.button-login{ text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate;}

#sp-top1 .sp-module ul >li { line-height: 32px;}

/*end of menu*/

/*title header*/

.sp-page-title { padding: 100px 0; background-attachment: scroll;background-position: 50% 60%; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);}

@media (max-width:767px){.sp-page-title { padding: 85px 0 85px 0;}}

.sp-page-title h2, .sp-page-title h3 { color: #fff; font-weight: 500;}

/*end of title header*/

/*body*/

input[type="radio"], input[type="checkbox"] { margin: 5px 5px 0px 0px;}

#sp-page-builder .sppb-section-title { margin-bottom: 30px;}

#sp-page-builder .sppb-section-title .sppb-title-heading { margin: 10px;}

.owl-carousel .owl-controls { bottom: 30px;}

.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature { padding: 0px; border: none;}

.sppb-addon-feature:hover { background: transparent !important;}

.sppb-addon-cta .sppb-cta-title { font-size: 32px; color: #333333;}

.sppb-addon-cta .sppb-cta-subtitle { margin-bottom: 20px;font-size: 20px;}

.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover { color: #4A4A4A;}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-text,
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-title.sppb-feature-box-title,
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-icon span i { color: #4A4A4A !important;}

.title-style-001 h3.sppb-addon-title:after { content: " "; position: absolute; background: #375dac; left: 0; top: 5px; height: 3px; width: 60px;}

.title-style-002 h3.sppb-addon-title:after { content: " "; position: absolute; background: #375dac; left: 0; right:0; margin:auto; top: 5px; height: 3px; width: 60px;}

.djslider-default .navigation-container { top: 38% !important;}

ul { -webkit-padding-start: 20px;}

.refund-policy-en { border-bottom: 1px solid #333;}

.how-to-buy img { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);}

/*end of body*/


/*footer*/

#sp-bottom .sp-module .sp-module-title { margin-bottom: 13px;}

#sp-footer1 p { margin: 0;}

#sp-footer1 .delivery-policy{margin-left: 10px; padding-left:10px; border-left: 1px solid #aaa}

footer#sp-footer .container { border-top: 1px solid #636363; padding: 15px;}

footer#sp-footer { padding: 0;}

footer#sp-footer #sp-footer1 a:hover {color:#000}

.sp-module ul >li >a { padding: 0;}

.sp-module.social-icons-bottom {
    margin-top: 0px;
}

/*end of footer*/

/*policy*/

.delivery-price .sppb-addon-content{border: 1px solid #ededed;padding:10px 15px;min-height: 130px;transition: 400ms ease all;}

.delivery-price .sppb-addon-content:hover{border: 1px solid #337ab7;transition: 400ms ease all}

.delivery-policy table{width:100%; margin-top:20px}
.delivery-policy table tr td {padding:15px;vertical-align: top; }
.delivery-policy table tr td:hover {background-color: #f5f5f5 ;transition: all ease 400ms}
@media (max-width:767px){.delivery-policy table tr td {width:100%}}
.delivery-policy table tr:nth-child(1) {border-bottom:1px solid #ccc}
.delivery-policy table tr td:nth-child(1) {border-right:1px solid #ccc}

/*end of policy*/

/*registration form*/
#bfElemWrap41 { display: none;}
/*end of registration form*/

/*popup content*/

.modal { text-align: center; }

@media screen and (min-width: 768px) {
  .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}

.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; max-width: 500px !important; margin: 0 !important; }

@media (max-width: 499px) {
  .modal-dialog { max-width: 300px !important; } }

.modal-body { padding: 15px; text-align: center; }

.modal-body p {margin-bottom: 10px;}

.modal-body p.cls-popup-desc { font-size: 18px; letter-spacing: 0.5px; text-transform: capitalize; line-height: 1.6; }

.modal-content { position: relative; background-color: #ffffff; border-radius: 0; }

.cls-popup .modal-header { position: absolute; right: -25px; top: -25px; }

@media (max-width: 767px) {
  .cls-popup .modal-header { right: -10px; top: -10px; z-index: 1; }
  .modal-body p.cls-popup-desc { font-size: 14px; letter-spacing: 0; }
}

.modal-header .close { background: #000; color: #fff; font-size: 18px; text-shadow: none; box-shadow: 0 2px 10px #2f2f2f; opacity: 1; border-radius: 50%; height: 30px; width: 30px; z-index: 1; right: -15px; top: -15px; margin: 0; padding: 0; transition: 0.5s; }

.modal-header .close:hover { background: #fff; color: #000; }

/*end of popup content*/

.table-border td, .table-border table{
    background-color: transparent;
    border: 1px solid black;
    padding-left: 10px;
}


/*Whatsapp button*/
#whatsapp {
	display:block;
	width:80px;
	height:80px;
	background:transparent;
	z-index:90000;
	position: fixed;
	right: 35px !important;
	bottom: 10px;
}