/*---------- Wrapper & Basic Layout & Boxed Layout ----------*/
.wrapper {position:relative;overflow:hidden;background:#fff}
.basic-layout {background:#fff}
.boxed-layout {padding:0;box-shadow:0 0 5px #bbb;margin-left:auto !important;margin-right:auto !important;background:#fff}
@media (min-width:992px) {
    .boxed-layout .header-nav > .navbar > .container {padding-right:0;padding-left:0}
}

/*---------- Header Topbar ----------*/
.header-topbar {position:relative; }
.header-topbar ul {margin:0}
.header-topbar .topbar-right {position:absolute;right:0;text-align:right;margin-top:20px;}
.header-topbar .topbar-right .mobile-nav-trigger {display:none}
.header-topbar .topbar-right > .member-menu > li {padding:0 7px;line-height:40px;display:inline-block; font-size:18px;}
.header-topbar .topbar-right > .member-menu > li.bars {color:#CBCBCB; font-size:14px; }
.header-topbar .topbar-right > .member-menu > li > a {font-size:18px;color:#666;}
.header-topbar .topbar-right > .member-menu > li > a:hover {text-decoration:underline}
.header-topbar .topbar-right > .member-menu > li > a i {color:#b5b5b5}
.header-topbar .topbar-right > .member-menu > li > a:hover i {color:#666}
.social_icon img {width:26px; cursor:pointer; margin-top:-5px;}
@media (max-width:991px) {
    .header-topbar {position:absolute; display:block; width:80px; height:60px; top:0px; left:0}
    .header-topbar .topbar-left .left-menu {margin-left:10px}
    .header-topbar .topbar-right {position:absolute;top:0;text-align:right;}
    .header-topbar .topbar-right .member-menu {display:none}

    .header-topbar .topbar-right .mobile-nav-trigger {display:block;padding:0px 5px;color:#000}
    .header-topbar .topbar-right .mobile-nav-trigger a {color:#333;font-size:23px}
    .header-topbar .topbar-right .mobile-nav-trigger.active {background:#333; top:22px; right:20px; z-index:1008;}
    .header-topbar .topbar-right .mobile-nav-trigger.active i {display:block}
    .header-topbar .topbar-right .mobile-nav-trigger.active:before {content:"\f00d";font-family:'Font Awesome\ 5 Free';font-weight:900;}

    .header-topbar .dropdown-extended .dropdown-menu {right:-60px}
    .header-topbar .dropdown-extended .dropdown-menu:before {right:88px}
    .header-topbar .dropdown-extended .dropdown-menu:after {right:89px}
  
    .social_icon img {width:43px; cursor:pointer; margin-right:4px;}
}
@media (max-width:767px) {
    .header-topbar .dropdown-extended .dropdown-menu {right:-60px}
    .header-topbar .dropdown-extended .dropdown-menu:before {right:88px}
    .header-topbar .dropdown-extended .dropdown-menu:after {right:89px}
}
@media (max-width: 991px) {
    .container { width: initial; }
}

/*---------- Header Title ----------*/
.header-title {position:relative}
.header-title .header-title-in {position:relative;overflow:hidden;box-sizing:border-box;text-align:center;width:100%;height:78px;color:#fff;z-index:1000;background:#fff}
.header-title .header-title-in h1 {position:absolute;left:20px;font-size:30px;;color:#353535;margin:24px 0 0}
.header-title .header-title-in .title-logo-image {position:absolute;left:0px;width:auto;height:55px;margin-top:10px;}
.header-title .header-title-in .header-title-search {position:absolute;width:400px;left:50%;margin-left:-200px;margin-top:17px}
.header-title .header-title-in .header-title-search.shop-search {margin-top:30px}
.header-title .header-title-in .header-title-search .eyoom-form .input > input {height:40px;margin-bottom:3px;border:1px solid #d5d5d5;background:#fff;color:#353535}
.header-title .header-title-in .header-title-search .eyoom-form .input-button .button {height:38px;line-height:38px;font-size:20px;padding:0 15px;background:#fff;color:#757575;border:0;opacity:1}
.header-title .header-title-in .header-title-banner {position:absolute;top:20px;right:15px;height:60px}
.header-title .header-title-in .header-title-banner .title-banner-icon {position:relative;float:left;margin-left:7px}
.header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn {position:relative;width:60px;height:60px;background:#fff;text-align:center;color:#757575;border:1px solid #c5c5c5;padding:10px 0}
.header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn:hover {border:1px solid #b5b5b5}
.header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn i {display:block;font-size:17px;color:#b5b5b5}
.header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn .icon-text {display:block;font-size:11px;margin-top:5px}
.header-title .header-title-in .header-title-banner .title-banner-icon .badge {position:absolute;top:-7px;right:-5px}
@media (max-width:991px) {
    .header-title .header-title-in {height:68px;}
    .header-title .header-title-in .title-logo-image {height:45px;margin:20 auto; left:initial; position:initial;}
}
@media (max-width:767px) {
    .header-title .header-title-in {height:68px;}
    .header-title .header-title-in .title-logo-image {height:45px;margin:20 auto; left:initial; position:initial;}
}

/*---------- Header Nav ----------*/
.header-nav {position:relative; display:none}
.header-nav .navbar {border:none;margin-bottom:0;}
.header-nav .navbar-nav > li > a {font-size:12px;letter-spacing:0px}
.header-nav .nav > li > a:hover, .header-nav .nav > li > a:focus {background:inherit}
/* Nav In Center */
.header-nav .nav-center {display:inline-block;width:400px;position:absolute;left:50%;margin-left:-200px}
@media (max-width:767px) {
    .header-nav .nav-center {display:inherit;width:inherit;position:inherit;left:inherit;margin-left:inherit}
}
/* Navbar Nav */
@media (max-width:991px) {
    .header-nav .navbar {}
    .header-nav > .navbar > .container {width:inherit;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
}
@media (min-width:992px) {
    .header-nav .navbar {position:relative;width:100%;z-index:1002;white-space:nowrap;height:60px}
    .header-nav .container > .navbar-header, .header-nav .container-fluid > .navbar-header {margin-bottom:-10px}
    .header-nav .navbar-nav {position:relative;float:none}
    .header-nav .navbar-nav .nav-li-divider {width:2px;height:20px;background:#e5e5e5;margin-top:20px}
    .header-nav .navbar-nav > li > a {padding:0 20px;line-height:60px;font-size:20px;}
    .header-nav .navbar-nav > li > a:hover {background:transparent}
    .header-nav .navbar-nav > li > a > .nav-icon-pre {margin-right:15px}
    .header-nav .navbar-nav > li.dropdown > a {padding-right:30px}
    .header-nav .navbar-nav > li > a, .header-nav .navbar-nav > li > a:hover, .header-nav .navbar-nav > li > a:focus, .header-nav .navbar-nav > .active > a, .header-nav .navbar-nav > .active > a:hover, .header-nav .navbar-nav > .active > a:focus {color:#353535}
    .header-nav .navbar-nav > .open > a, .header-nav .navbar-nav > .open > a:hover, .header-nav .navbar-nav > .open > a:focus {color:#353535}
    .header-nav .navbar-nav > .dropdown > a:after {top:0;right:15px;font-size:11px;position:absolute;color:#b5b5b5;display:inline-block;font-family:'Font Awesome\ 5 Free';content:"\f0d7";font-weight:900}
    /* Dropdown Menu */
    .header-nav .dropdown {position:static}
    .header-nav .dropdown-menu {border:1px solid #e5e5e5;padding:10px;margin-top:0 !important;min-width:190px;background:#fff;z-index:999 !important;box-shadow:none;box-sizing:border-box;left:auto;margin-top:0 !important}
    .header-nav .dropdown-menu:before {-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px;height:8px;background:#fff;border-left:1px solid #c5c5c5;border-top:1px solid #c5c5c5;box-shadow:none;content:"";position:absolute;top:-4px;left:40px}
    .header-nav .dropdown-menu .dropdown-menu:before {-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:19px;left:-5px}
    .header-nav .dropdown-menu li a {color:#353535;font-size:13px;font-weight:normal;padding:6px 10px}
    .header-nav .dropdown-menu .active > a {color:#FF4848;background:inherit;filter:none !important;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
    .header-nav .dropdown-menu li > a:focus {background:none;filter:none !important}
    .header-nav .navbar-nav > li.dropdown:hover > .dropdown-menu {display:block}
    .header-nav .open > .dropdown-menu {display:none}
    .header-nav .dropdown-menu > li a:hover {background:none;color:#FF4948}
    /* Dropdown Submenu */
    .header-nav .dropdown-submenu {position:relative}
    .header-nav .dropdown-submenu > a > .sub-caret {position:absolute !important;left:inherit !important;right:0;top:8px;float:right;font-size:11px;display:inline-block}
    .header-nav .dropdown-submenu > .dropdown-menu {top:-11px;left:100%;margin-left:0px}
    .header-nav .dropdown-submenu:hover > .dropdown-menu {display:block}
    .header-nav .dropdown-menu li [class^="fa-"], .header-nav .dropdown-menu li [class*=" fa-"] {left:-3px;width:1.25em;margin-right:1px;position:relative;text-align:center;display:inline-block}
    .header-nav .dropdown-menu li [class^="fa-"].fa-lg, .header-nav .dropdown-menu li [class*=" fa-"].fa-lg {width:1.5625em}
    /* Category Nav */
    .header-nav .navbar-nav > li.nav-category > a {width:220px;line-height:60px;text-align:left;margin-left:0px;color:#353535;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
    .header-nav .navbar-nav > li.nav-category > a:after {color:#b5b5b5}
    .header-nav .navbar-nav.navbar-nav-main > li.nav-category.nav-category-main > ul {display:block}
    /* Category Nav List */
    .header-nav .navbar-nav > li.nav-category .dropdown-menu {margin-top:0 !important}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu {width:220px;min-height:400px;border:1px solid #e5e5e5;border-top:0;background:#fff;padding:10px}
    .header-nav .navbar-nav.navbar-nav-main > li.nav-category > .dropdown-menu {}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu:before {display:none}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu li a {display:block;position:relative;background:transparent;padding:0 10px;height:38px;line-height:38px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu li a i {color:#b5b5b5}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu li a:hover {background:transparent;color:#FF4848 !important;text-shadow:none;border-radius:0 !important}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu li.dropdown > a:after {position:absolute;top:0px;right:5px;margin-top:-3px;font-size:11px;color:#b5b5b5;display:inline-block;font-family:'Font Awesome\ 5 Free';content:"\f105";font-weight:900}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .more-view {display:block;color:#959595;font-size:13px;padding:0 10px;height:40px;line-height:40px;cursor:pointer}
    /* Category Nav List Open */
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > a {color:#FF4848}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > a i {color:#b5b5b5}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > a:after {color:#FF4848}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu {display:block;top:0;left:100%;width:381px;height:100%;height:calc(100% + 1px);border:1px solid #e5e5e5;border-top:0;background:#fff}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu:before {display:none}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu > .dropdown-submenu  {width:190px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu {position:static}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > a {position:relative}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > a > .sub-caret {top:10px;right:20px}
    /* Category Nav Submenu Open */
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul .submenu-marker {display:none}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu:hover > a {color:#FF4400}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu:hover > a > i {color:#FF4400}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > .dropdown-menu {top:0;left:190px;width:190px;height:100%;border:1px solid #e5e5e5;border-top:0;border-bottom:0;margin:0;background:#fff}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > .dropdown-menu > li > a {background:inherit}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > .dropdown-menu:before {display:none}
}
@media (min-width:992px) and (max-width:1199px) {
    .header-nav .navbar-nav > li > a {font-size:13px;padding:0 15px}
    .header-nav .dropdown-menu {min-width:157px}
    .header-nav .dropdown-menu:before {left:40px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu {width:381px}
}
/* Header Nav Fixed */
@media (min-width:992px) {
    #header-fixed .header-nav.header-sticky {width:100%;height:auto;z-index:999;position:relative}
    #header-fixed .header-nav.header-fixed-trans {position:fixed;top:37px;left:0}
    #header-fixed .header-nav.header-fixed-trans .navbar {border-top:0}
    #header-fixed .header-nav.header-fixed-trans .navbar-nav > li.nav-category > a {margin-top:0}
    #header-fixed .header-sticky-space.header-fixed-space-trans {clear:both;margin-bottom:50px}
}
@media (max-width:991px) {
    #header-fixed .header-nav, #header-fixed .header-nav.header-fixed-trans {height:inherit;position:relative}
}
/* Boxed Layout Header Nav Fixed */
.boxed-layout#header-fixed .header-nav.header-sticky {left:inherit;width:inherit}

/*---------- Sidebar Nav ----------*/
.sidebar .sidebar-member-menu {display:none}
@media (max-width:991px) {
    .sidebar.left {z-index:1007;display:none;position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff}
    .sidebar-left-mask {display:none}
    .sidebar-left-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000;background:#000;opacity:0.5}
    .sidebar .sidebar-left-content {padding-bottom:20px}
    .sidebar .sidebar-left-content.active {position:relative;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
    .sidebar .sidebar-member-menu {position:relative;display:block;padding:20px 15px 20px;background:#fff}
    .sidebar .sidebar-member-menu .sidebar-lg-btn {margin-bottom:20px}
    .sidebar .sidebar-member-menu .sidebar-member-btn-box {display:inline-block;float:left;width:50%}
    .sidebar .sidebar-member-menu .sidebar-member-btn {position:relative;background:#656565;width:120px;height:40px;line-height:40px;color:#fff;text-align:center}
    .sidebar .sidebar-member-menu .sidebar-other-btn {position:relative;background:#252525;width:120px;height:30px;line-height:30px;color:#fff;text-align:center}
    /* Nav */
    .header-nav .navbar-nav {position:relative;margin:0 0 25px;float:none;border-bottom:1px solid #e5e5e5}
    .header-nav .navbar-nav > .nav-li-divider {display:none}
    .header-nav .navbar-nav > .nav-li-space {height:40px;border-bottom:none;border-top:1px solid #e5e5e5;background:#fff}
    .header-nav .navbar-nav > li {float:none}
    .header-nav .navbar-nav > li > a {line-height:42px;padding:0 15px;font-size:15px;color:#000;}
    .header-nav .navbar-nav > li > a > .nav-cate-icon {width:20px;text-align:center}
    .header-nav .navbar-nav > li a {border-bottom:none;border-top:1px solid #e5e5e5}
    .header-nav .navbar-nav > li a:hover {border-top:1px solid #e5e5e5}
    .header-nav .navbar-nav > li:first-child > a {border-top:1px solid transparent}
    .header-nav .navbar-nav > .nav-mo-half {float:left;width:50%}
    .header-nav .navbar-nav > .nav-mo-half > a {border-right:1px solid #f2f2f2}
    .header-nav .navbar-nav > .nav-mo-half.board-right-none > a {border-right:0}
    /* Category Nav */
    .header-nav .navbar-nav > li.nav-category > a {background:#2B2B2E;color:#fff;border-top:1px solid #2B2B2E}
    .header-nav .navbar-nav > li.nav-category > a:after {color:#fff}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu {display:block;border:0;float:none;width:auto;margin:0;padding:0;position:static;box-shadow:none;background-color:transparent}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .navcate-load-more {display:none}
    /* Category Nav List */
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li {position:relative}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > a {line-height:42px;padding:0 15px;font-size:13px;color:#000;}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li:first-child > a {border-top:0}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu li i {width:20px;text-align:center}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > a > i {color:#b5b5b5}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .cate-dropdown-open {position:absolute;top:1px;right:0;width:42px;height:42px;line-height:42px;margin:0;padding:0;text-align:center;border:0;border-left:1px solid #e5e5e5}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .cate-dropdown-open:before {content:"\f067";font-family:'Font Awesome\ 5 Free';font-weight:900;color:#b5b5b5}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.open > a {background:#4B4B4D;color:#fff;border-top:1px solid #4B4B4D}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.open > a > i {color:#fff}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.open > .cate-dropdown-open {border:0;border-left:1px solid #424245}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.open > .cate-dropdown-open:before {content:"\f068";font-family:'Font Awesome\ 5 Free';font-weight:900;color:#FF4948}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.active > .dropdown-menu {display:block;overflow:hidden}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.active > a {background:#FF4948;color:#fff;border-top:1px solid #FF4948}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.active > a > i {color:#fff}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.active > .cate-dropdown-open {border:0;border-left:1px solid #f73535}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.active > .cate-dropdown-open:before {content:"\f054";font-family:'Font Awesome\ 5 Free';font-weight:900;color:#fff}
    /* Category Nav List Submenu */
    .header-nav .navbar-nav .dropdown-submenu > .dropdown-menu {display:block}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li .dropdown-menu {border:0;float:none;width:auto;margin:0;padding:0;position:static;box-shadow:none;background-color:transparent}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li .dropdown-menu .submenu-marker {display:inline-block;width:7px;height:9px;border-left:1px dotted #959595;border-bottom:1px dotted #959595;margin-right:8px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li .dropdown-menu .dropdown-submenu a {position:relative;color:#757575;line-height:38px;padding:0 15px;background:#fff;font-size:12px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li .dropdown-menu .dropdown-submenu.active > a {}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li .dropdown-menu .dropdown-submenu a .sub-caret {position:absolute;top:12px;right:5px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .dropdown-menu > .dropdown-submenu > a {color:#656565;padding:0 15px 0 15px;background:#fafafa}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .dropdown-menu > .dropdown-submenu.active > a {color:#FF4848}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > a {padding:0 15px 0 30px;background:#fafafa}
}

/*---------- Basic Body ----------*/
.basic-body.page-padding {padding-top:25px;padding-bottom:60px}
.basic-body.ft-padding {padding-bottom:25px}
.basic-body .basic-body-page {position:relative;background:#fff;padding:0 0px;}
.basic-body .basic-body-page .category-mobile-area {display:none}
.basic-body .basic-body-page .basic-body-main {background:#fff;padding-left:20px;padding-right:20px;padding-bottom:25px}
.basic-body .basic-body-main {padding-bottom:60px}
.basic-body .basic-body-main.left-main {border-right:1px solid #e5e5e5;padding-left:20px;padding-right:20px;padding-bottom:60px}
.basic-body .basic-body-main.right-main {border-left:1px solid #e5e5e5;padding-left:20px;padding-right:20px;padding-bottom:60px}
.basic-body .basic-body-main.page-padding {padding-bottom:25px}
.basic-body .basic-body-main.ft-padding {padding-bottom:25px}
.basic-body .basic-body-side {padding:25px 20px}
.basic-body .basic-body-side.left-side {margin-right:-1px;border-right:1px solid #e5e5e5}
.basic-body .basic-body-side.right-side {margin-left:-1px;border-left:1px solid #e5e5e5}
.basic-body .basic-body-side .side-mobile-area {display:none}
.basic-search {display:block;}
.basic-search_margin {display:block; margin-top:50px;}
@media (min-width:992px){
    .basic-body .basic-body-main.col-md-9 {width:73%}
    .basic-body .basic-body-side.col-md-3 {width:27%}
}
@media (max-width:991px){
    .basic-body .basic-body-page .category-mobile-area {display:block}
    .basic-body .basic-body-page .basic-body-main {padding-left:15px;padding-right:15px}
    .basic-body .basic-body-main.left-main {border-right:0;padding-left:15px;padding-right:15px}
    .basic-body .basic-body-main.right-main {border-left:0;padding-left:15px;padding-right:15px}
    .basic-body .basic-body-side.left-side {margin-right:0;border-right:0;padding:0}
    .basic-body .basic-body-side.right-side {margin-left:0;border-left:0;padding:0}
    .basic-body .basic-body-side .side-pc-area {display:none}
    .basic-body .basic-body-side .side-mobile-area {display:block;padding:25px 0}

    .header-nav { display:block; }
    .basic-body.page-padding {padding:0}
    .basic-body .basic-body-page {border:0}
    .basic-search  {}
    .basic-search_margin {display:none}
}
@media (max-width:767px){
    .header-nav { display:block; }
    .basic-body.page-padding {padding:0}
    .basic-body .basic-body-page {border:0}
    .basic-search  {}
    .basic-search_margin {display:none}
}

/*---------- Footer Top ----------*/
.footer-top {position:relative;width:100%;min-height:290px;background:#3A3A3A;border-top:1px solid #e5e5e5}
.footer-top-content {position:relative}
.footer-top-content .footer-top-info {float:left; width:40%; word-break:keep-all;font-size:14px; color:#fff; padding-top:30px;}
.footer-top-content .footer-top-info strong {color:#fff; font-size:16px; }
.footer-top-content .footer-top-info span {color:#757575}
.footer-top-content .footer-top-info span.info-divider {margin-left:5px;margin-right:5px;color:#757575}
.footer-top-content .footer-top-info a {color:#555555;text-decoration:underline}
.footer-top-content .footer-top-info a:hover {color:#353535}
.footer-top-content .footer-top-info .btn-e-xs {line-height:11px;color:#fff;text-decoration:none}
.footer_bar_mobile {display:none;}

.footer-top-content .footer-top-contact {float:left; width:30%; word-break:keep-all;font-size:14px; color:#fff; padding-top:30px;}
.footer-top-content .footer-top-contact strong {color:#fff; font-size:16px; }
.footer-top-content .footer-top-contact span.info-divider {margin-left:5px;margin-right:5px;color:#484848}
.footer-top-content .footer-top-customer {float:right; width:*; word-break:keep-all;font-size:14px; color:#fff; padding-top:30px;}
.footer-top-content .footer-top-customer strong {color:#fff; font-size:16px;}
.footer-top-content .footer-top-customer span.info-divider {margin-left:5px;margin-right:5px;color:#484848}
.footer-top-content .footer-top-customer div a {color:#fff !important}

.footer-top-content .footer-top-br {clear:both;}
.footer-top-content .footer-top-bar {display:none}

@media (max-width:767px){
    .footer-top {margin-bottom:0}
    .footer-top-content {margin:0 auto; width:100%; text-align:center; font-size:13px;}
    .footer-top-content .footer-top-info {margin:0 auto; width:100%; float:initial; text-align:center; font-size:13px !important; padding-top:20px;}
    .footer-top-content .footer-top-contact {margin:0 auto; width:100%; text-align:center; font-size:13px !important; padding-top:30px;}
    .footer-top-content .footer-top-customer {margin:0 auto; width:100%; text-align:center; font-size:13px !important; padding-top:30px; padding-bottom:30px;}

    .footer-top-content .footer-top-br {float:left; }
    .footer-top-content .footer-top-bar {padding:0px 8px; display:inline-block; color:#757575}
}

/*---------- Footer ----------*/
.footer {position:relative;background:#3A3A3A; min-height:58px; border-top:1px solid #484848}
.footer .footer-center {text-align:center;overflow:hidden; }
.footer .footer-center p {padding-top:10px; color:#fff;font-size:16px;line-height:34px;margin-bottom:0}
@media (max-width:767px){
    .footer {margin-bottom:40px;}
    .footer .footer-center p {padding-top:5px; font-size:14px;}
}

/*---------- Sidebar Member ----------*/
.sidebar-shop-mask {display:none}
.sidebar-shop-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1006;background:#000;opacity:0.5}
.sidebar-shop-member-wrap {position:fixed;top:0;bottom:0;right:0;z-index:1007;height:100%;background:#fff}
.sidebar-shop-member-btn {position:absolute;bottom:50%;left:-50px;width:42px;height:100px;margin-bottom:-42px;background:#333;border:0;font-size:20px;color:#fff; border-radius: 21px !important;}
.sidebar-shop-member-btn.mo-btn {display:none}
.sidebar-shop-member-btn i {display:block;width:42px;height:50px;line-height:50px}
.sidebar-shop-member-btn .direction-icon {display:block;width:42px;height:50px;line-height:50px;background:#2B2B2E; border-bottom-left-radius: 21px !important; border-bottom-right-radius: 21px !important;}
.sidebar-shop-member-btn.active .fa-outdent {display:none}
.sidebar-shop-member-btn.active .direction-icon:before {display:block;width:42px;height:50px;line-height:50px;content:"\f00d";font-family:'Font Awesome\ 5 Free';font-weight:900;background:#000; border-bottom-left-radius: 21px !important; border-bottom-right-radius: 21px !important;}
.sidebar-shop-member {display:none;overflow-y:auto !important;width:280px;height:100%;padding:15px;-webkit-overflow-scrolling:touch}
.sidebar-shop-member-in {width:250px}
.sidebar-shop-member .shop-member-box {position:relative;margin-bottom:25px}
.sidebar-shop-member .shop-member-box-btn {position:relative;margin-bottom:5px;text-align:left;padding:12px 10px}
.sidebar-shop-member .shop-member-box-btn:last-child {margin-bottom:0}
.sidebar-shop-member .shop-member-box-btn span.badge {top:10px;right:10px}
.sidebar-shop-member .shop-member-box .op-area {display:none;border:1px solid #d5d5d5;margin:5px 0;padding:10px}
.sidebar-shop-member .shop-member-box .op-area h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sidebar-shop-member .shop-member-box .op-area li {border-bottom:1px solid #e5e5e5;position:relative;padding:10px 0;min-height:90px;padding-left:80px}
.sidebar-shop-member .shop-member-box .op-area li .prd-img {position:absolute;top:10px;left:0px;padding:3px;border:1px solid #eaeaea}
.sidebar-shop-member .shop-member-box .op-area li .prd-cost {display:block;;margin:3px 0 0}
.sidebar-shop-member .shop-member-box .op-area .li-empty {padding:20px 0 10px;padding-left:0;color:#959595;border-bottom:0;text-align:center;min-height:inherit}
.sidebar-shop-member .shop-member-box #stv {position:relative}
.sidebar-shop-member .shop-member-box #stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px}
.sidebar-shop-member .shop-member-box .stv-item {display:none;padding:0 9px;word-break:break-all}
.sidebar-shop-member .shop-member-box #up {position:absolute;bottom:10px;left:10px;width:30px;height:20px;overflow:hidden;border:1px solid #c5c5c5}
.sidebar-shop-member .shop-member-box #up span {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sidebar-shop-member .shop-member-box #down {position:absolute;bottom:10px;right:10px;width:30px;height:20px;overflow:hidden;border:1px solid #c5c5c5}
.sidebar-shop-member .shop-member-box #down span {position:absolute;font-size:0;line-height:0;overflow:hidden}
@media (max-width:991px) {
    .sidebar-shop-member-btn.pc-btn {display:none}
    .sidebar-shop-member-btn.mo-btn {display:block;z-index:1000}
    .sidebar-shop-member-btn {position:absolute;top:65px;left:initial; right:10px; width:30px;height:30px;line-height:30px;margin-bottom:0;font-size:16px;border-radius:50% !important}
    .sidebar-shop-member-btn i {width:30px;height:30px;line-height:30px}
    .sidebar-shop-member-btn .direction-icon {display:none}
    .sidebar-shop-member-btn.active {background:#000; top:22px; right:20px; z-index:1008;}
    .sidebar-shop-member-btn.active i {display:none}
    .sidebar-shop-member-btn.active:before {content:"\f00d";font-family:'Font Awesome\ 5 Free';font-weight:900;}
}

/*---------- Page Title ----------*/
.page-title-wrap {position:relative;background:#f6f6f6;padding:15px 0}
.page-title-wrap h2 {margin:0;padding:0;font-size:22px;color:#454545;}
.page-title-wrap .breadcrumb {margin:3px 0 0;padding:0;background:none;font-size:12px;color:#656565}
.page-title-wrap .breadcrumb li {color:#656565}
.page-title-wrap .breadcrumb li a {color:#656565}

/*---------- Main Index ----------*/
.main-banner-wrap {position:relative;height:auto;margin-bottom:40px}
.main-banner-left {float:left;width:220px;height:378px;background:#fff}
.main-banner-right {float:left;width:100%;height:378px;position:relative}
.main-banner-wrap .banner_bg{position:absolute; bottom:0; left:0; width:100%; background-color:red; height:90px; opacity:1;pointer-events: none;background:url(../image/img/sumnail/bgBottom.png);}
.main-heading h2 {position:relative;text-align:left;font-size:24px;margin:0 0 10px}
.main-heading h2 strong {color:#454545}
@media (max-width:1199px) {
    .main-banner-right {width:700px;height:auto}
}
@media (max-width:991px) {
    .main-banner-wrap {height:auto}
    .main-banner-left {display:none}
    .main-banner-right {width:100%}
}
@media (max-width:767px) {
    .main-banner-wrap {margin-bottom:0px}
}

/*---------- Sidebar Tab ----------*/
.sidebar-tab {position:relative;margin:0 0 25px}
.sidebar-tab .nav-tabs {background:#f5f5f5;border-bottom:1px solid #e5e5e5}
.sidebar-tab .nav-tabs li {width:50%}
.sidebar-tab .nav-tabs li a {text-align:center;margin-right:0;margin-left:-1px;color:#959595;border:1px solid #e5e5e5;padding:7px 5px;font-size:12px}
.sidebar-tab .nav-tabs li:first-child a {margin-left:0}
.sidebar-tab .nav-tabs li a:hover {background:#fff;border-bottom:1px solid #e5e5e5}
.sidebar-tab .nav-tabs li.active a {z-index:1;background:#fff;;color:#353535;border-bottom:0}
.sidebar-tab .tab-content {position:relative;border:1px solid #e5e5e5;border-top:0;padding:10px;background:#fff}

/*---------- Item List ----------*/
.product-main-20 {position:relative;overflow:hidden}
.product-main-20-in {margin-left:-10px;margin-right:-10px}
.product-main-20 .item-main-20 {position:relative;padding-left:10px;padding-right:10px;outline:none}
.product-main-20 .item-main-20-in {position:relative;background:#fff;margin-bottom:20px;}
.product-main-20 .product-img {position:relative;overflow:hidden;margin:10px;background:#fff; }
.product-main-20 .product-img-in {position:relative;overflow:hidden;width:100%;height:185px; }
.product-main-20 .product-img-in:before {content:"";display:block;padding-top:100%;background:#fff}
.product-main-20 .product-img-in img {display:block;width:100% \9;max-width:100% !important;height:auto !important;position:absolute;top:0;left:0;right:0;bottom:0;}
.product-main-20 .product-description .product-description-in {position:relative;overflow:hidden;padding:0 10px 10px}
.product-main-20 .product-description .product-name {position:relative;overflow:hidden;margin:0px 0 5px;height:40px; }
.product-main-20 .product-description .product-name a {font-size:15px;font-weight:bold;color:#000; font-weight:400;}
.product-main-20 .product-description .product-name a:hover {color:#FF4848;text-decoration:underline}
.product-main-20 .product-description .product-price {border-top:1px #E9E9E9 solid; margin-top:10px; padding-top:5px;}
.product-main-20 .product-description .title-dc {font-size:13px;font-weight:normal;color:#E52700; margin-left:10px;}
.product-main-20 .product-description .title-price {font-size:16px;font-weight:bold;color:#000; }
.product-main-20 .product-description .line-through {font-size:13px;color:#959595;text-decoration:line-through; font-weight:normal}
.product-main-20 .product-description .product-id {color:#757575;display:block;font-size:12px;margin-top:8px}
.product-main-20 .product-description .product-info {position:relative;overflow:hidden;height:34px;color:#959595;font-size:11px;margin-top:8px}
.product-main-20 .product-description .product-sns {position:relative;text-align:right;margin-top:8px}
.product-main-20 .product-description .product-sns ul {margin:0;padding:0;list-style:none}
.product-main-20 .product-description .product-sns ul li {display:inline-block}
.product-main-20 .product-description .product-sns ul li a {display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;background:#c5c5c5;color:#fff;font-size:12px;border-radius:50% !important}
.product-main-20 .product-description .product-sns ul li:hover .facebook-icon {background:#5D82D1}
.product-main-20 .product-description .product-sns ul li:hover .twitter-icon {background:#40BFF5}
.product-main-20 .product-description .product-sns ul li:hover .google-icon {background:#EB5E4C}
.product-main-20 .product-description .product-sns ul li:hover .wish-icon {background:#FF9500}
.product-main-20 .product-description-bottom {position:relative;overflow:hidden;padding:7px 10px;border-top:1px solid #e5e5e5}
.product-main-20 .product-ratings {margin:0;padding:0;margin-right:3px}
.product-main-20 .product-ratings li {padding:0;margin-right:-3px}
.product-main-20 .product-ratings li .rating {color:#959595;line-height:normal;font-size:11px}
.product-main-20 .product-ratings li .rating-selected {color:#FF4848;font-size:11px}
.product-main-20 .shop-rgba-red {background:#FF4848;opacity:0.9}
.product-main-20 .shop-rgba-yellow {background:#FDAB29;opacity:0.9}
.product-main-20 .shop-rgba-green {background:#73B852;opacity:0.9}
.product-main-20 .shop-rgba-purple {background:#907EEC;opacity:0.9}
.product-main-20 .shop-rgba-orange {background:#FF6F42;opacity:0.9}
.product-main-20 .shop-rgba-dark {background:#4B4B4D;opacity:0.9}
.product-main-20 .shop-rgba-default {background:#A6A6A6;opacity:0.9}
.product-main-20 .rgba-banner-area {position:absolute;top:0;right:0}
.product-main-20 .rgba-banner {height:14px;width:60px;line-height:14px;color:#fff;font-size:10px;text-align:center;font-weight:normal;position:relative;text-transform:uppercase;margin-bottom:1px}
.product-main-20 .item-main-20:hover .product-img:after {opacity:1}
.product-main-20 .item-main-20:hover .product-name a {text-decoration:underline}
.product-main-20 .slick-next {top:inherit;bottom:-34px;right:5px;z-index:1}
.product-main-20 .slick-prev {top:inherit;bottom:-34px;left:5px;z-index:1}
.product-main-20 .slick-next:before, .product-main-20 .slick-prev:before {font-family:'Font Awesome\ 5 Free';font-weight:900;color:#000;font-size:16px}
.product-main-20 .slick-next:before {content:"\f054"}
.product-main-20 .slick-prev:before {content:"\f053"}
@media (min-width:768px) and (max-width:1199px) {
    .product-main-20-in {margin-left:-5px;margin-right:-5px}
    .product-main-20 .item-main-20 {padding-left:5px;padding-right:5px}
}
@media (max-width:991px) {
    .product-main-20-in {margin-left:-2px;margin-right:-2px}
    .product-main-20 .item-main-20 {padding-left:2px;padding-right:2px}
    .product-main-20 .product-img {margin:5px}
    .product-main-20 .product-description .product-name {height:40px}
    .product-main-20 .product-description .product-name a {font-size:13px}
    .product-main-20 .product-description .title-price {font-size:13px}
    .product-main-20 .product-description .line-through {font-size:11px}
    .product-main-20 .product-description .product-description-in {padding:0 5px 10px}
    .product-main-20 .product-description-bottom {padding:7px 5px}

    .product-main-20 .product-img-in {height:150px; }
}

.menuwrap { position:absolute; width:100%; height:330px; background-color:#fff; border-top:1px #E8E8E8 solid; border-bottom:1px #EF8282 solid; z-index:9999; display:none; }
.menuwrap .menubox { margin:0 auto; width:1200px; height:100%; font-size:16px; color:#e53434; margin-top:50px; }
.menuwrap .menubox li {list-style:none;}
.menuwrap .menubox .item-vertical {float:left; border:1px #E3E3E3 solid; width:190px; height:55px; padding:15px 20px; margin:10px 50px; }
.menuwrap .menubox .item-vertical:hover {border:1px #e53434 solid;}
.menuwrap .menubox .item-vertical i {font-size:24px; float:right;}
.menuwrap .menubox a {font-size:16px; color:#252525;}
.menuwrap .menubox a:hover {font-size:16px; color:#e53434}
.menuwrap .menubox .dropdown-submenu { width:185px; font-size:14px;}
.menuwrap .menubox .dropdown-submenu i {font-size:20px; float:right;}

.arrowSlider {position:absolute; width:100%; margin-top:-240px}
.arrowSlider span i {font-size:20px; opacity:0.5; color:#666; cursor:pointer;}
.arrowSlider span i:hover {opacity:1;}


.fa-rotate {
    transform: rotate( -180deg );
    transition: all 0.5s linear;
}

.fa-rotate:hover {
    transform: rotate( 180deg );
    transition: all 0.5s linear;
}

.transition {
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.main_img {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
}

.sch_stx {border:0 !important; font-size:30px !important; padding:25px !important; font-weight:500 !important; border:2px #fff solid !important; border-bottom:2px #F03D37 solid !important;}
.sch_stx::placeholder {color: #CCCCCC;;}
.sch_stx::-webkit-input-placeholder {color: #CCCCCC; }
.sch_stx::-ms-input-placeholder { color: #CCCCCC; }
.stx_button {background:initial !important; top:12px !important; border:0 !important;}
.stx_button i {font-size:30px; color:#F03D37;}
input[type=text]:focus, .sch_stx input[type=text]:hover {
    /*border:2px solid #F03D37 !important;*/
}
#side_sch_str {height:40px; font-size:15px;}
.stx_button_side {background:initial !important; top:9px !important; border:0 !important; right:-10px !important;}
.stx_button_side i {font-size:20px; color:#F03D37;}

@media (max-width:991px){
    .sch_stx {border:0 !important; font-size:18px !important; padding:20px !important; font-weight:500 !important; border:2px #fff solid !important; border-bottom:2px #F03D37 solid !important;}
    .stx_button i {font-size:20px; color:#F03D37;}
}

.sub_stx {border:0 !important; font-size:13px !important; padding:10px !important; font-weight:300 !important; border:2px #F6F6F6 solid !important; border-bottom:2px #606060 solid !important; background-color:#F6F6F6 !important; width:155px !important;}
.sub_stx::placeholder {color: #606060;;}
.sub_stx::-webkit-input-placeholder {color: #606060; }
.sub_stx::-ms-input-placeholder { color: #606060; }
.sub_stx_button {background:initial !important; top:2px !important; border:0 !important;}
.sub_stx_button i {font-size:17px; color:#606060; text-align:right; }
.sub_stx input[type=text]:focus, .sub_stx input[type=text]:hover {
    border:2px solid #606060 !important;
}

.toolbar { display:none; }


@media (max-width:991px) {
    .img-responsivex {width:100%;}
    .swiper-item-close {display:none;}
    .arrowSlider {display:none;}

    .toolbar {
        padding-top:100px;
        display:block;
        position: fixed; 
        height:54px; 
        width: 100%;
        margin: 0;
        bottom:0;
        transform: translate3d(0,0,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 500;
        box-sizing: border-box;
        left: 0;
        background-color: #fff;
        font-size: 13px;
        padding-top:10px;
    }

    .tabbar-label {
        max-width: 100%;
        overflow: hidden;
        line-height: 1.2;
    }

    .toolbar-bottom .toolbar-inner {
        bottom: 14px;
    }
    .toolbar-inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        align-items: center;
        align-content: center;
        overflow: hidden;
    }
    .tabbar-labels a.tab-link {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .tabbar a.tab-link, .md .tabbar-labels a.tab-link {
        transition-duration: .3s;
        overflow: hidden;
        position: relative;
        border-top:1px #ccc solid;
    }
    .tabbar a.tab-link:hover {
        color:#ff3300;
    }
    .tabbar a.link, .md .tabbar a.tab-link, .md .tabbar-labels a.link, .md .tabbar-labels a.tab-link {
        padding-left: 0;
        padding-right: 0;
    }
    .tabbar-labels a.link, .tabbar-labels a.tab-link {
        height: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .tabbar a.link, .tabbar a.tab-link, .tabbar-labels a.link, .tabbar-labels a.tab-link {
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        overflow: hidden;
    }
    .tabbar .tab-link-active, .tabbar-labels .tab-link-active {
        color: #ff3300;
        background-color:transparent;
        border-top:2px #ff0000 solid !important;
    }
    .tabbar a, .tabbar-labels a {
        color: #717172;
    }
    .toolbar a {
        color: #717172;
        box-sizing: border-box;
        flex-shrink: 1;
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .tabbar i {
        font-size:18px;
        height: 18px;
        line-height:18px;
    }
    .toolbar i.icon {
        display: block;
    }
}

@media (max-width:991px) {
    .img-responsivex {width:80%;}
}

#lnb{position: relative; width:1270px; max-width:1270px; background:#fff; border-bottom: 1px solid #EFEFEF;z-index:999;}
#lnb.fixed{position: fixed; top: 0;}
@media (max-width: 991px) {
    #lnb{position: relative; width:100%; max-width:100%; background:#fff; border-bottom: 1px solid #EFEFEF;z-index:999;}
}