/*---CSS Document---*/
@import url(../css/plugins/bootstrap.min.css);
@import url(../css/plugins/bootstrap-select.min.css);
@import url(../css/plugins/icon.css);
/*------Fonts------*/
@import url(../css/plugins/font-jost.css);
/*-----Global Settings------*/
:root{
--bs-danger:#f33066;
--bs-warning:#ff9b20;
--bs-success:#27b737;
--bs-border:#e3e9ef;
--bs-muted:#777e8e;
--bs-white:#ffffff;
--bs-black:#000000;
--bs-active:#ee1c47;
--swiper-theme-color:var(--bs-danger);
}
*{outline:none}
.modal-open{overflow: hidden !important;touch-action:none}
body{background:#f5f5f5;color:#707070;font-size:14px;font-family:'Jost', sans-serif;margin:0;overflow-x:hidden !important;font-weight:400}
html{position:relative;min-height:100%;background:var(--bs-white)}
a{color:var(--bs-dark);text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}
a:hover,a:focus{text-decoration:none}
a.link{color:#324875}
a.link:hover,a.link:focus,a:hover,a:focus{color:var(--bs-dark)}
a.text-success:focus,a.text-success:hover{color:var(--bs-success) !important}
a.text-primary:focus,a.text-primary:hover{color:var(--bs-blue) !important}
a.text-warning:focus,a.text-warning:hover{color:var(--bs-warning) !important}
a.text-danger:focus,a.text-danger:hover{color:var(--bs-danger) !important}
a.white-link{color:var(--bs-white)}
a.white-link:hover,a.white-link:focus{color:#263238}
p{line-height:1.8}
p,ul,ol,dl,dt,dd,blockquote,address{margin: 0 0 10px;}
input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/*------------ GLobal Settings: Heading-------------*/ 
h1,h2,h3,h4,h5,h6{color:var(--bs-black);font-weight:400}
.sticky-top{position:sticky;top:46px;z-index:1019}
/* -------------------------- Global Settings: Font Style & Position -----------------*/
.fs-8{font-size:10px !important}
.fs-7{font-size:75% !important}
b,strong,.fw-bolder{font-weight:500 !important;}
.fw-bold{font-weight:600 !important;}
.ab-left{left:1.5rem;right:auto;z-index:1;top:0.7rem}
.ab-right{right:1.5rem;left:auto;top:0.7rem;z-index:1}
.text-hr{display:block;position:relative;padding:15px;}
.text-hr:before{border-top:1px solid var(--bs-border);position:absolute;width:90%;content:"";z-index:1;left:5%}
.text-hr span{position: absolute;top:5px;z-index:2;background:var(--bs-white);padding:0 0.5em;left:50%;transform:translateX(-50%)}
.p-25{padding:.75rem!important;}
.px-25{padding-left:.75rem!important;padding-right:.75rem!important}
.py-25{padding-top:.75rem!important;padding-bottom:.75rem!important}
.badge{font-size:70%;}
.dropdown-item:focus,.dropdown-item:hover{background-color:var(--bs-light);cursor:pointer;color:var(--bs-black)}
.dropdown-item.active,.dropdown-item:active{background-color:var(--bs-gray-300);cursor:pointer;color:var(--bs-black)}
.bootstrap-select .dropdown-menu{max-width:100%!important}
/*------------ Global Settings: Cutom Height ----------------*/
/*-------------- GLobal Settings: Text Colors ----------------*/
.text-white{color:var(--bs-white) !important}
.text-danger{color:var(--bs-danger) !important}
.text-muted{color:var(--bs-muted) !important}
.text-warning{color:var(--bs-warning) !important}
.text-success{color:var(--bs-success) !important}
.text-info{color:#2196f3 !important}
.text-inverse{color:#3e4555 !important}
.text-gray{color:#bbb !important}
/*------------------------ Global Settings: Lists ------------------*/
/*-------------- Accordion Design --------------*/
.accordion .card-header{padding:1rem;background:transparent;margin:0;display:block;border:none;position:relative;}
.accordion .card-header button{color:#121212;font-weight:500;padding:0;display:inline-block;width:100%;text-align:left;text-decoration:initial;word-wrap:break-word;white-space:normal}
.accordion .card-body{padding-top:0px}
.accordion .btn-link:before{content:'';width:14px;height:2px;background:#333;position:absolute;top:calc(50% - 1px);right:1rem;display:block;transition:all 0.3s}
.accordion .btn-link:after{content:'';width:2px;height:14px;background:#333;position:absolute;top:calc(50% - 7px);right:calc(1rem + 6px);display:block;transition:all 0.3s}
.accordion .btn-link[aria-expanded='true']:after{transform:rotate(90deg) translateX(1px)}
.accordion .btn-link[aria-expanded='true']:before{transform:rotate(180deg)}
.accordion .card{border-color:#e8edf7;margin-bottom:10px;border:1px solid #e9ecef}
.accordion .card-header h5{text-transform:capitalize;font-size:16px}
/*-------------- GLobal Settings: Background Colors ----------------*/
.bg-primary{background-color:#e42d29 !important}
.bg-success{background-color:var(--bs-success) !important}
.bg-info{background-color:#1ac790 !important}
.bg-warning{background-color:var(--bs-warning) !important}
.bg-danger{background-color:var(--bs-danger) !important}
.bg-orange{background-color:#ec2828 !important}
.bg-yellow{background-color:#fed700}
.bg-facebook{background-color:#3b5a9a}
.bg-twitter{background-color:#56adf2}
.bg-gray{background:#f4f5f7;}
/*----------- GLobal Settings: Simple List -----------*/
ul.list{padding:0;margin:0}
ul.list li{list-style:none;padding:5px}
/*------------- GLobal Settings: Buttons ----------------*/
.btn{padding:12px 25px;cursor:pointer;border-radius:0.1rem}
.btn.btn-s{padding:.25rem .5rem;}
.btn.btn-sm{padding:10px 15px;}
.btn.btn-md{padding:14px 30px;}
.btn.btn-lg{padding:18px 35px;}
.text-light{color:var(--bs-white) !important;}
.btn-square{padding:15px 15px;}
.btn-goods{padding:.4em;color:var(--bs-black);font-size:17px;background:var(--bs-white);border-radius:50%;margin:5px 0;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 3px 0 rgb(0,0,0,0.3);}
.btn-goods:hover, .btn-goods:focus{color:var(--bs-white);background:#212121;}
.btn.btn-default{background:#ebedf1}
.text-dark{color:#00438b}
.text-gray{color:#e3ecfc}
.btn-light{background:var(--bs-white);border:1px solid #e4e9ef;color:#6e81a0;}
.btn-light:hover, .btn-light:focus{background:#e4e9ef;border: 1px solid #e4e9ef;color:#6e81a0;}
.btn-light:focus{background:#b4bbc3;border:1px solid #b4bbc3;}
.btn-buy,.layui-layer-btn .layui-layer-btn0{color:var(--bs-white);background-color:var(--bs-danger);background-image:linear-gradient(200deg,#ff5f8b 15%,var(--bs-danger) 80%);opacity:.85;transition:all .2s ease-in-out;}
.btn-buy:hover,.layui-layer-btn .layui-layer-btn0:hover{opacity:1;color:var(--bs-white);}
.btn-buy:active,.layui-layer-btn .layui-layer-btn0:active{background-image:none;background-color:#ec1c57;color:var(--bs-white);}
.layui-layer-btn .layui-layer-btn0:disabled{opacity:.5;}
/*----------- GLobal Settings: Pagination ------------------*/
.pagination>li>a, .pagination>li>span{position:relative;font-weight:500;margin:0;float:left;color:#151515;text-decoration:none;background-color:transparent;border-radius:0;text-align:center;border:none;border-bottom: 1px solid #ecedf1}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>li>a:focus,
.pagination>li>a:hover{z-index:2;color:var(--bs-active);cursor:pointer;background-color:transparent;border-color:var(--bs-active);}
.pagination li:first-child a,.pagination li:last-child a{background:transparent;border:none;border-radius:0% !important;color:#151515;}
.pagination>li{display:inline;}
.page-item.active .page-link{z-index:2;color:var(--bs-active);background-color:transparent;border-color:var(--bs-active);}
.page-item.disabled .page-link{background-color:transparent}
/*----------- Global Settings: Custom Checkbox & Radio Button ----------------*/
.checkbox-custom{opacity:0;position:absolute;}
.checkbox-custom,.checkbox-custom-label{font-size:1em;display:inline-block;vertical-align:middle;margin:5px;cursor:pointer;margin-left:0;border-radius:50%;}
.checkbox-custom-label{position:relative;width:auto;}
.checkbox-custom+.checkbox-custom-label:before{content:'';background:var(--bs-white);border:1px solid var(--bs-gray-400);display:inline-block;vertical-align:middle;width:1.43em;height:1.43em;border-radius:50%;margin-right:6px;}
.checkbox-custom:checked+.checkbox-custom-label:before{background:var(--bs-danger);border-radius:50%;border:none;}
.checkbox-custom:checked+.checkbox-custom-label:after{content:"\f00c";font-family:icon;position:absolute;left:0.21em;top:0.14em;font-size:1em;color:var(--bs-white);}
.checkbox-custom:focus+.checkbox-custom-label{outline:none}
.checkbox-custom:disabled+.checkbox-custom-label:after{color:var(--bs-light);}
.checkbox-custom:disabled+.checkbox-custom-label:before{background:var(--bs-light);}
/*----------- GLobal Settings: Custom Radio Button ------------*/
[type="radio"]:checked,[type="radio"]:not(:checked){position:absolute;left:-9999px}
[type="radio"]:checked+label,[type="radio"]:not(:checked)+label{text-align:center;min-width:2.5em;padding:0.25em 0.5em;margin:0.1em 0.2em;position:relative;overflow:hidden;cursor:pointer;display:inline-block;border-radius:0.2em;box-shadow:0 0 0 2px var(--bs-border);transition:all 0.2s;}
[type="radio"]:not(:checked)+label:hover{box-shadow:0 0 0 2px var(--bs-gray-500)}
[type="radio"]:checked+label{box-shadow:0 0 0 2px var(--bs-danger);background:var(--bs-gray-100)}
[type="radio"]:checked+label:before{position:absolute;content:'';background:var(--bs-danger);height:1em;width:1em;display:block;right:-0.5em;bottom:-0.5em;transform:rotate(45deg);}
/*-------------Header Navigation Styles----------------------*/
nav a{position:relative;display:inline-block}
nav a,nav a:focus,nav a:hover{outline:0}
.offcanvas-start,.offcanvas-end,.offcanvas-top,.offcanvas-bottom{border:none;}
.offcanvas-start,.offcanvas-end{max-width:85%}
.header-fixed-top,.header.fixed-top{position:sticky;top:0;}
.header-fixed-top{z-index:1022}
.header.fixed-top{position:unset;box-shadow:none}
.main-menu{background:var(--bs-white);position:revert;z-index:1021;}
.main-menu ul,.main-menu li{list-style:none;}
.main-menu.offcanvas-start{width:auto;max-width:100%;border:none;transform:none}
.main-menu.offcanvas{visibility:visible}
.main-menu i:before{cursor:pointer;font-size:14px;float:left;font-family:'icon' !important;speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\f137";transition:transform 0.3s;}
.main-menu i.open:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);}
.main-menu>ul{margin:0;padding:0}
.main-menu>ul>li{display:inline-block;}
.main-menu>ul>li>a{display:block;text-decoration:none;padding:25px 15px 25px 10px}
.main-menu>ul>li>a:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:2px;background:#1ac790;transform:scaleX(0);transition:0.4s cubic-bezier(0.165,0.84,0.44,1);}
.main-menu>ul>li:hover>a:after,.main-menu>ul>li>a:focus{transform:scaleX(1);}
.main-menu>ul>li>i:before{float:right;margin:30px 5px 0 0;content:"\f0d7";}
.main-menu>ul>li>i.open:before{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.main-menu>ul>li>ul>li{break-inside:avoid;}
.main-menu>ul>li a span{color:var(--bs-border);float:right;margin-left:15px}
.main-menu .sub-cat{display:none;z-index:996;position:absolute;border-radius:0.5em;padding:10px;background:var(--bs-white);border:none;box-shadow:0px 0px 35px 0px rgba(32,32,32,0.15);}
.main-menu .sub-cat>li>a{font-weight:500;color:var(--bs-dark);padding:10px 5px;}
.main-menu .sub-cat>li.no-subnav{margin-bottom:0px;}
.main-menu .sub-cat a{display:block;color:var(--bs-muted);padding:5px;}
.main-menu .sub-cat a:hover{background:var(--bs-light);}
.main-menu .sub-cat-child{position:relative;padding:0;}
.main-menu .sub-cat li{position:relative;width:100%;}
.main-menu .sub-cat-child a{padding:5px 5px 5px 15px;color:var(--bs-muted)}
.main-menu .sub-cat-child .sub-cat-child a{padding-left:30px;}
.main-menu>ul>li>ul>li i:before{display:none;}
.nav-brand{text-decoration:none !important}
.nav-toggle{cursor:pointer;}
.header{background:var(--bs-white);}
.header-top{padding: 1em 0;background:#05222A}
/*-----Homes Banner-----*/
.home-slider .item{background-size:cover !important;background-position:center !important;height:280px;overflow:hidden;}
/*-----Ecommerce Elements-----*/
.off_title{font-weight:600;color:#657382;opacity:0.11;position:absolute;top:0;left:50%;font-family:initial;font-style:italic;transform:translateX(-50%);font-size:3em;width:100%}
/*------------ Breadcrumbs ---------------*/
#breadcrumb{padding:0;margin:1em 0;}
#breadcrumb b{font-weight:normal !important;}
#breadcrumb span{margin:0 .5em;}
#breadcrumb span:last-child b{color:#868e96}
/*-----Submit Reviews-----*/
.f-word{position:relative;overflow:hidden;color:var(--bs-white);line-height:40px;width:40px;height:40px;text-align:center;font-size:16px;border-radius:50%;text-transform:uppercase;float:left;display:block;font-style:italic;background:url(../images/review-avatar-bg.png) no-repeat scroll center center;}
.f-word img{position:absolute;left:0;top:0;width:100%}
.f-word-a,.f-word-d,.f-word-g{background-color:#f44f1c;background-position:-40px -10px;}
.f-word-b,.f-word-e,.f-word-h{background-color:#19b5d6;background-position:-60px -30px;}
.f-word-c,.f-word-f,.f-word-i{background-color:#643d96;background-position:-80px -70px;}
.f-word-j,.f-word-m,.f-word-p{background-color:#fa4969;background-position:-100px -90px;}
.f-word-k,.f-word-n,.f-word-q{background-color:#f44f1c;background-position:-100px -110px;}
.f-word-l,.f-word-o,.f-word-r{background-color:#643d96;background-position:-80px -90px;}
.f-word-s,.f-word-v,.f-word-y{background-color:#fa4969;background-position:-60px -70px;}
.f-word-t,.f-word-w,.f-word-z{background-color:#f44f1c;background-position:-40px -50px;}
.f-word-u,.f-word-x{background-color:#3e955f;background-position:-20px -30px;}
.submit-rating{direction:rtl;display:inline-block;padding:0px}
.submit-rating input[type=radio]{display:none}
.submit-rating label{color:#bbb;cursor:pointer;transition:all .3s ease-in-out;}
.submit-rating label:hover,
.submit-rating label:hover ~ label,
.submit-rating input[type=radio]:checked ~ label{color:var(--bs-yellow)}
.submit-rating [type="radio"]:checked+label:before,.submit-rating [type="radio"]:not(:checked)+label:before{display:none}
.submit-rating [type="radio"]:checked+label:after,.submit-rating [type="radio"]:not(:checked)+label:after{display:none;}
.submit-rating [type="radio"]:checked+label,.submit-rating [type="radio"]:not(:checked)+label{padding:0;margin:0;border:0;min-width:auto;line-height:1;font-size:18px;box-shadow:unset;}
#imgs_show>div{border:3px solid var(--bs-border);display:inline-block;position:relative;margin: 0 10px 10px 0;padding:5px}
#imgs_show>div .remove{position:absolute;right:2px;top:2px;border-radius:50%;background:var(--bs-danger);color:var(--bs-white);line-height:22px;width:22px;height:22px;padding:0px 4px;cursor:pointer;}
#imgs_show>div .remove:hover{color:var(--bs-danger);background:var(--bs-white)}
.review-img img{height:100px;display:inline-block;margin-right:10px}
.btn-outline-secondary.goods_num_input{border-left:none;border-right:none}
#ECS_CONSIGNEE_LIST .d-inline-block,#ECS_CONSIGNEE_LIST .d-inline-block label{min-width:100%}
/*-----Swiper-----*/
.swiper-thumbs img,.gallery-top img,.goods-view img{width:100%}
.swiper-thumbs .swiper-slide{opacity:0.4}
.swiper-thumbs .swiper-slide-thumb-active{opacity:1}
/*-----Dashboard Navigation-----*/
.oauth_item{width:38px;display:inline-block;margin:0 .5em;}
/*-----Product Grid Styles-----*/
.filter .btn{padding:0.5em 0.75em;font-size:0.85em;margin:2px;border-radius:50rem;color:var(--bs-muted)}
.filter .btn:hover{background:var(--bs-gray-200)}
.filter .btn i{color:var(--bs-danger);font-weight:bold}
.goods.card{border:0;padding:0;margin:0;background:transparent;border-radius:.25em;overflow:hidden;height:100%}
.items-slider .goods.card{max-width:258px;max-height:400px;}
.goods .badge{font-size:0.85em}
.goods .badge.second{top:1.7em}
.goods .card-body{padding:0;border:0;background:var(--bs-white);}
.goods .card-body img{height:100%;object-fit:cover}
.goods .card-footer{background:var(--bs-white);border:0;}
.goods-hover{position:absolute;top:10px;right:0;visibility:hidden;transform:translateX(0);opacity:0;display:flex;flex-direction:column;transition:all 0.3s;background:rgba(0,0,0,0.2);background:transparent;align-items:center;justify-content:space-between;z-index:20}
.goods:hover .goods-hover{visibility:visible;transform:translateX(-50%);opacity:1}
.goods:hover{box-shadow:0 1px 5px 0 rgb(0,0,0,0.1);}
.goods .card-body .lazyload{position:relative;display:flex;justify-content:center;align-items:center}
.goods .card-body .lazyload:after{position:absolute;content:"";width:2em;height:2em;border:0.25em solid var(--bs-border);border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation: .75s linear infinite spinner-border;}
.goods .brand_logo_min img{width:50%}
.star-rating{position:relative;display:inline-block}
.star-rating:before,.star-rating .filled:before{content:"\ebb3\ebb3\ebb3\ebb3\ebb3";font-family:icon;color:#d6dde6;border:0;box-shadow:unset;}
.star-rating .filled{position:absolute;left:0;left:0;overflow:hidden;height:100%}
.star-rating .filled:before{color:#ff9800;}
.star-rating .small, .medium{font-size:95%}
#goods_photos{position:sticky;top:36.5px;height:fit-content;}
/*-----Ecommerce Detail Design-----*/
.search-box{padding:0;border-top:1px solid #eef0f5;display:inline-block;width:100%}
.search-box:first-child{border-top:none}
.search-box-header{padding:0;width:100%;position:relative;display:block}
.search-box-header h4{font-size:14px;text-transform:uppercase;font-weight:500;margin:0}
.search-box-header h4 a{height:100%;display:block;position:relative;padding:.5rem 0}
.search-box-header h4 a.collapsed:before{content:"\e61a"}
.search-box-header h4 a:before{content:"\e622";position:absolute;width:25px;height:25px;right:5px;top:50%;transform:translateY(-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f4f5f7;font-family:icon;font-size:10px;color:#445977}
.search-box .side-list{padding:0}
.search-box .side-list a{color:#51555a;display:block;padding:0.35em;position:relative;}
.search-box .side-list a:hover{background-color:#f4f5f7;}
.search-box .side-list a span{float:right;color:#d6dde6;margin-right:2px}
.search-box .side-list a.active{color:var(--bs-active)}
.search-box .side-list a.view-more{color:#2e9cc3}
.ticket_reply,.ticket_client{background:var(--bs-gray-200);border:1px solid var(--bs-gray-400);display:block;padding:10px 15px;position:relative;margin:1.5em 1.5em 1.5em 4em;border-radius:.3em;}
.ticket_reply:before,.ticket_client:before{content:'';background:var(--bs-gray-200);width:14px;height:14px;position:absolute;top:1.5em;left:-7px;border:1px solid var(--bs-gray-400);border-top:0;border-right:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);box-shadow: -4px 4px 5px -2px rgba(205,205,205,0.5);}
.ticket_reply .who,.ticket_client .who{position:absolute;left:-55px;width:50px;text-align:center;}
.ticket_reply .who{color:var(--bs-danger)}
.ticket_client,.ticket_client:before{background:white;}
/*-----General Features-----*/
/*-----tab Design-----*/
.nav-link{display:block;padding:.8rem 1.4rem;background:var(--bs-white);font-weight:500;font-size:14px;margin-right:0.8rem;}
.nav-tabs .nav-link{border: 1px solid transparent;border-radius:.25rem;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{border:1px solid transparent;border-radius:.25rem;background:#edeff3;cursor:pointer;}
.nav-tabs .nav-link.active{color:var(--bs-white);background:var(--bs-black);border-color:var(--bs-black);}
.nav-tabs.simple_tab_links .nav-link{margin:0 5px;padding:0.5rem 0.8rem;border-radius:0;background:transparent;border:none;font-size:13px;font-weight:500;opacity:0.6;text-transform:uppercase}
.nav-tabs.simple_tab_links .nav-link:hover, .nav-tabs.simple_tab_links .nav-link:focus{border:none;border-radius:0;background:transparent;cursor:pointer}
.nav-tabs.simple_tab_links .nav-link.active{color:var(--bs-black);background:transparent;border-bottom:2px dashed black;opacity:1;}
#description h1,#description h2,#description h3,#description h4,#description h5{font-size:12px;}
/*-----Footer Start-----*/
/*-----Small footer-----*/
footer{z-index:99;color:#a7a7a7;position:relative;background:#252525}
footer a,footer h6{color:#a7a7a7}
footer a:hover{color:var(--bs-white)}
footer img{max-width:160px;}
footer .footer-bottom{background:#202020;padding:10px}
/*-----Responsiveness Start-----*/
@media (min-width:768px){.home-slider .item{height:350px;overflow:hidden;}}
@media (min-width:992px){
    #Filter.offcanvas-end{width:25%;max-width:100%;border:none;transform:none}
    #Filter.offcanvas{visibility:visible;position:unset;z-index:unset;}
    #Filter .offcanvas-header{display:none;}
    #Filter .offcanvas-body{padding:10px 0}
    .sticky-top{position:sticky;top:36.51px;}
}
@media (min-width:993px){.home-slider .item{height:400px;overflow:hidden}}
@media (min-width:1200px){.home-slider .item{height:500px;overflow:hidden}}
@media (min-width:1400px){.home-slider .item{min-height:520px;overflow:hidden;}#Filter.offcanvas-end{width:16.66666667%}}
@media (max-width:992px){
/*Mobile Menus*/
.main-menu{z-index:1045;}
.main-menu{background-color:var(--bs-danger);background-image:linear-gradient(300deg, var(--bs-danger) 0%, #ff4e84 70%);}
.main-menu>ul{background:unset;overflow-y:auto;height:100%}
.main-menu>ul>li{display:block;width:100%;float:left;position:relative;}
.main-menu>ul>li>i:before{color:var(--bs-white);margin:0;left:16px;top:22px;content:"\f137"}
.main-menu>ul>li>i.open:before{transform:rotate(90deg);}
.main-menu>ul>li>a{color:var(--bs-white);padding:20px;padding-left:30px;border-bottom:1px solid rgba(60,60,60,0.15);font-weight:500}
.main-menu>ul>li>a:after{transform:none;height:0;}
.main-menu>ul>li:hover>a:after{transform:none;}
.main-menu .sub-cat{border-radius:0;padding-left:15px;display:none;background:var(--bs-white);border:none;border-bottom:1px solid var(--bs-border);width:100%;box-shadow:none;position:relative;column-count:unset;}
.main-menu .sub-cat-child{display:none;padding-left:15px}
.main-menu .sub-cat-child i:before{top:2px;z-index:99}
.main-menu .sub-cat li{position:relative;width:100%;}
.main-menu .sub-cat>li>a{font-weight:normal;color:var(--bs-muted);padding:6px 5px}
.main-menu .sub-cat a{padding:5px 2px;margin-left:20px;color:var(--bs-muted)}
.main-menu .sub-cat-child .sub-cat-child a{padding:5px;}
.main-menu i:before{left:2px;top:12px;position:absolute;margin:0}
.main-menu>ul>li>ul>li i:before{left:0px;top:0px;position:absolute;display:block;padding:7px;}
/*navigation-mobile*/
.header-fixed-top{position:unset}
.header.fixed-top{position:sticky;box-shadow:0 5px 30px rgba(0, 22, 84, 0.1)}
.main-menu.offcanvas-start{transform:translateX(-100%);width:400px;max-width:85%;}
.main-menu.offcanvas{visibility:hidden;position:fixed;}
.main-menu.offcanvas.show{visibility:visible;}
.nav-brand img{max-width:160px}
.goods-hover{visibility:visible;transform:translate(-50%);opacity:1;}
#goods_photos{top:46px;}
}
@media (max-width:768px){
    body{background:var(--bs-white)}
    #goods_photos{top:auto;position:unset;height:auto;}
    .bootstrap-select .dropdown-menu{max-width:320px}
    .mobile-checkout{z-index:1015;background:var(--bs-white);position:fixed;padding:0 !important;bottom:0;left:0;top:auto;width:100%;margin:0 !important;box-shadow:0 -5px 30px rgba(0, 22, 84, 0.1) !important;}
    .mobile-checkout .sticky-top{margin:0 !important;padding:0 !important;}
    .mobile-checkout .btn-group{direction:rtl;display:flex;justify-content:space-between;}
    .mobile-checkout .btn-group .btn{direction:ltr;}
    #ECS_SHIPPING_LIST .d-inline-block,#ECS_SHIPPING_LIST .d-inline-block label,
    #ECS_PAYMENT_LIST .d-inline-block,#ECS_PAYMENT_LIST .d-inline-block label
    {width:100%;}
}
@media (max-width:335px){.nav-brand img{max-width:140px}}
/*-----Bottom To top Scroll-----*/
#back2Top{width:40px;line-height:40px;overflow:hidden;z-index:999;display:none;cursor:pointer;position:fixed;bottom:160px;right:30px;text-align:center;font-size:15px;border-radius:50%;text-decoration:none;background:#333c56;color:var(--bs-white);opacity:0.7;}
#back2Top:hover{background-color:var(--bs-white);color:#333c56}
/*jquery.smartphotos.min.css*/
@keyframes smartphoto{from{opacity:0}to{opacity:1}}@keyframes smartphoto-img-wrap{from{opacity:0}to{opacity:1}}@keyframes smartphoto-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}@keyframes smartphoto-loader{0%{opacity:.4;transform:rotate(0deg)}50%{opacity:1;transform:rotate(180deg)}100%{opacity:.4;transform:rotate(360deg)}}@keyframes smartphoto-appear{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes smartphoto-hide{0%{display:block;opacity:1}99%{display:block;opacity:0}100%{display:none;opacity:0}}.smartphoto{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.9);opacity:1;font-family:sans-serif;cursor:pointer;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;transition:all 0.3s ease-out;animation-name:smartphoto;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto[aria-hidden="true"]{display:none}.smartphoto-close{opacity:0}.smartphoto-count{display:inline-block;color:var(--bs-white);font-size:16px}.smartphoto-header{display:block;box-sizing:border-box;position:fixed;z-index:102;top:0;left:0;width:100%;height:50px;padding:15px;background-color:rgba(0,0,0,0.2)}.smartphoto-content{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.smartphoto-dismiss{display:block;position:absolute;top:15px;right:10px;width:20px;height:20px;padding:0;border:none;background-color:transparent;text-shadow:0 1px 0 white;color:var(--bs-white);font-size:30px;text-decoration:none;cursor:pointer;line-height:1}.smartphoto-dismiss:after{font-family:icon;content:"\e646";color:var(--bs-white);font-size:26px;position:absolute;top:0;left:-2px}.smartphoto-body{position:relative;z-index:102;width:100%;height:100%;margin:0 auto}.smartphoto-inner{position:relative;width:100%;height:100%;vertical-align:top}.smartphoto-img{display:none;max-width:none;width:auto;height:auto;cursor:zoom-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform 0.3s ease-out;-webkit-user-drag:none}.smartphoto-img.active{display:block}.smartphoto-img-onmove{cursor:grab;cursor:-webkit-grab;transition:none}.smartphoto-img-elasticmove{transition:transform 0.3s ease-out}.smartphoto-img-wrap{display:inline-block;opacity:1;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;animation-name:smartphoto-img-wrap;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-img-left{transform:translateX(150%) !important}.smartphoto-img-right{transform:translateX(-150%) !important}.smartphoto-arrows{list-style-type:none;margin:0;padding:0;position:relative;z-index:1002;top:50%;left:0;opacity:1;animation-name:smartphoto-appear;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-arrows[aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-arrows li{display:block;position:absolute;top:50%;width:30px;height:30px;margin-top:-20px;box-sizing:content-box;animation-duration:.3s;animation-timing-function:ease-out;animation-name:smartphoto-appear}.smartphoto-arrows li:focus{outline:none}.smartphoto-arrows [aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-arrows a{display:block;width:100%;height:100%;text-decoration:none}.smartphoto-arrow-right{right:0;padding:5px 0;background-color:rgba(0,0,0,0.5)}.smartphoto-arrow-right a:after{font-family:icon;content:"\f137";color:var(--bs-white);font-size:46px;position:absolute;top:-15px;left:9px;}.smartphoto-arrow-left{left:0;padding:5px 0;background-color:rgba(0,0,0,0.5)}.smartphoto-arrow-left a:after{content:"\f136";font-family:icon;color:var(--bs-white);font-size:46px;position:absolute;top:-15px;left:5px;}.smartPhotoArrowHideIcon{display:none}.smartphoto-nav{position:absolute;bottom:0;left:0;width:100%;opacity:1;animation-name:smartphoto-appear;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-nav[aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-nav ul{display:block;overflow-x:auto;list-style:none;margin:0;padding:0;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.smartphoto-nav li{display:inline-block;overflow:hidden;width:50px;height:50px}.smartphoto-nav a{display:block;width:100%;height:100%;background-color:var(--bs-white);background-position:center center;background-size:cover;opacity:.5}.smartphoto-nav a:focus{opacity:.8}.smartphoto-nav a.current{opacity:1}.smartphoto-nav img{width:auto;height:100%}.smartphoto-list{list-style-type:none;position:absolute;z-index:101;top:0;left:0;margin:0;padding:0;white-space:nowrap}.smartphoto-list li{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease-out}.smartphoto-list li:focus{outline:none}.smartphoto-list-onmove{transition:all 0.3s ease-out}.smartphoto-caption{overflow:hidden;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:50px;padding:0 50px;color:var(--bs-white);font-size:12px;text-align:center;line-height:50px;white-space:nowrap;text-overflow:ellipsis}.smartphoto-caption:focus{outline:none}.smartphoto-loader-wrap{display:block;position:relative;z-index:103;width:0;height:0;transform:translate(50vw, 50vh)}.smartphoto-loader{position:absolute;z-index:101;top:0;left:0;width:30px;height:30px;margin-top:-25px;margin-left:-25px;border:8px solid #17CDDD;border-right-color:transparent;border-radius:50%;animation:smartphoto-loader .5s infinite linear}.smartphoto-img-clone{position:fixed;z-index:100;top:0;left:0;transition:all .3s ease-out}.smartphoto-sr-only{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0)}