/* Reset ================================================================================= */
* {margin:0; padding:0;}
body {color: #58585b; font-family: Roboto,sans-serif; font-size: 12px; text-shadow: 1px 1px 1px rgba(0,0,0,.004);}
a {color:#425a68;}
a:hover { text-decoration: none;}
a:focus {text-decoration:none;}

/* Lists */
ul,
ol {list-style:none;}

/* Tools */
.hidden {border:0!important; display:block!important; font-size:0!important; height:0!important; line-height:0!important; margin:0!important; overflow:hidden!important; padding:0!important; width:0!important;}
.nobr {white-space:nowrap!important;}
.wrap {white-space:normal!important;}
.a-left {text-align:left!important;}
.a-center {text-align:center!important;}
.a-right {text-align:right!important;}
.v-top {vertical-align:top;}
.v-middle {vertical-align:middle;}
.f-left,
.left {float:left!important;}
.f-right,
.right {float:right!important;}
.f-none {float:none!important;}
.f-fix {float:left; width:100%;}
.no-display {display:none;}
.no-margin {margin:0!important;}
.no-padding {padding:0!important;}
.no-bg {background:none!important;}
.f-25 {font-size: 25px;}
.f-20 {font-size: 20px;}
.mg-tb20 {margin: 20px 0;}
.mg-tb10 {margin-top: 10px; margin-bottom: 10px;}
.mg-b10 {margin-bottom: 10px;}
.mg-b20 {margin-bottom: 20px;}
.pd0 {padding: 0;}
.pd10 {padding: 10px;}
.pdlr10 { padding: 0 10px;}
i.iconfont {vertical-align: middle;}
/* ======================================================================================= */


/* Layout ================================================================================ */
.wrapper {background:#ededed;}
.page {background:#fff; margin:0 auto; padding:0; text-align:left;}
.main-container {margin: 0 auto;}
.main {margin:0; padding:15px 0;}
/* ======================================================================================= */


/* Global Styles ========================================================================= */
label {font-size: 14px; font-weight: normal;}
input.input-text,
select,
textarea { border-radius: 4px; color: #757575;}
select,
select.form-control {appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff url(../images/down.png) no-repeat right 5px center; padding-right: 22px;}
select::-ms-expand {display: none;}
select,
select.form-control {padding-right: 6px\9\0;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {select,select.form-control {padding-right: 22px;}}
button.button::-moz-focus-inner {border:0; padding:0;}/* FF Fix */
button.button {-webkit-border-fit:lines;}/* <- Safari & Google Chrome Fix */
button.button {background:transparent; border:0; cursor:pointer; margin:0; overflow:visible; padding:0; width:auto;}
a.button,
button.button span {transition: all 0.3s ease; background:#333; border:none; font-size: 15px; color:#fff; display:block; height:45px; line-height: 45px; padding:0 20px; text-align:center; white-space:nowrap;}
button.button span span {border:0; padding:0;}
a.button:hover { text-decoration: none;}
button.button:hover span {}
button.btn-cart span {}
button.btn-cart span span {}
button.btn-cart:hover span {}
button.btn-checkout span {}
button.btn-checkout span span {}
button.btn-checkout:hover span {}
button.btn-update  {background: #EBEBEB; color: #333; padding: 7px; white-space:nowrap; text-transform: uppercase;}
.btn-black {color: #fff; background-color: #000; border-color: #000;}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus {color: #fff;}
button.button:focus {outline: none;}
/* Buttons Set */
label.required em {float:right; font-style:normal; color:#e42832;}
.buttons-set {clear:both; margin:2em 0 0; padding:5px;}
.buttons-set .back-link {float:left;}
.buttons-set .back-link a {color:#000;}
.buttons-set .back-link a:hover {color:#e42832;}
.buttons-set button.button {width: 177px;float: right;}
.buttons-set p.required {margin:0 0 5px;}



/* Form Validation */
div.error {background:url(../images/validation_advice_bg.png) no-repeat scroll 2px 1px transparent; clear:both; color:#ff0000; font-size:11px; line-height:14px; margin:3px 0 0; min-height:13px; padding-left:17px;}
input.error,
select.error,
textarea.error {background:none repeat scroll 0 0 #faebe7!important; border:1px dashed #ff0000!important;}
input.valid,
select.valid,
textarea.valid {background:none repeat scroll 0 0 #eff5ea!important; border:1px solid #446423!important;}
p.required {color:#ff0000; font-size:11px; font-weight:bold; text-align:right;}
select.error {background: #faebe7 url(../images/down.png) no-repeat right 5px center !important;}
select.valid {background: #f0f0f0 url(../images/down.png) no-repeat right 5px center !important;}

/* Messages */
.error-msg,
.success-msg,
.note-msg {background-position:10px 9px!important; background-repeat:no-repeat!important; border-style:solid!important; border-width:1px!important; font-size:11px!important; font-weight:bold!important; margin-bottom:20px; padding:10px 8px 10px 32px!important;}
.error-msg {background-color:#faebe7; background-image:url(../images/i_msg-error.gif); border-color:#f16048; color:#df2801;}
.success-msg {background-color:#eff5ea; background-image:url(../images/i_msg-success.gif); border-color:#446423; color:#3d6611;}
.note-msg {background-color:#fafaec; background-image:url(../images/i_msg-note.gif); border-color:#fcd344; color:#3d6611;}

/* BreadCrumbs */
.breadcrumbs {padding:5px 0; color: #425a68; overflow:hidden; font-size: 14px;max-width: 1440px;margin: 0 auto;}
.breadcrumbs ul {margin: 0;}
.breadcrumbs li {display:inline;}
.breadcrumbs li strong {color:#425a68; font-weight: bold;}
.breadcrumbs li span {padding:0 3px 0 5px;}

/* Page Heading */
.page-title {margin: 20px 0px;}
.page-title h1,
.page-title h2 {font-size: 22px; margin: 0;color:black;font-family: "Costa",Sans-Serif;}
.indexBody .page-title a {font-style: italic; font-size: 15px;}
.indexBody .page-title {text-align: center;}
.indexBody .page-title h1,
.indexBody .page-title h2 {font-size: 32px; font-family: "Costa", sans-serif;color:#000;font-weight: normal;}
.subcategory a {font-size: 16px; font-style: italic; text-decoration: underline;}
.subcategory img {margin-bottom: 15px;}
.page-title .separator {margin:0 3px;}
.page-title .link-rss {float:right; margin:7px 0 0;}
.subtitle {clear:both;}

/* Pager */
.pager {font-size:12px; line-height: 39px; margin:10px 0; text-align: center;}
.pager .amount {float:left; margin: 0 10px 0 0;}
.pager .sort-by {float:left;}
.pager .sort-by label {margin: 0;}
.pager .amount span{color:#000;font-weight:bold;}
.pager .limiter {float:right;}
.toolbar .pager .limiter {float:left;}
.pager .limiter label {vertical-align:middle; margin: 0;}
.pager select {vertical-align:middle; padding: 6px 22px 6px 12px; line-height: 20px;}
.pager select,
.pager select.form-control {padding-right: 6px\9\0;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.pager select,.pager select.form-control {padding-right: 22px;}}
.pager .pages ol {display:inline;}
.pager .pages li {display:inline-block; margin:0 2px; font: 1em arial;}
.pager .pages .current {background: #425a68; color:#fff; padding:8px 10px; border-radius: 2px;}
.pager .pages a.next{}

/* Toolbar */
.toolbar {margin-bottom: 30px; }
.toolbar .pager {}
.toolbar .sorter {border-top:1px solid #e6e6e6;}
.toolbar-bottom {margin-top: 10px;}
.pager .pages li a {color: #989898; display:inline-block; padding: 3px;}
.pager .pages li a:hover {color: #4f4f4f;}
.toolbar .pager .pages {float: right;}
.toolbar .pager {text-align: left;}
.toolbar .pager .limiter {margin-right:10px;}

/* Filter */
.pc-filter {margin-bottom:15px; padding:5px 10px;}
.pc-filter dl {margin: 0;}
.pc-filter dt {float: left; font-weight:bold; line-height: 25px; text-align: right; width: 85px;}
.pc-filter dd {float: left; width: 19%; margin:5px 1% 5px 0;}
.pc-filter dd a {float: left; line-height: 18px; margin: 4px 15px 4px 0; white-space: nowrap;}
.pc-filter dl.currently {margin-bottom: 5px; border-bottom: 1px solid #E8E8E8;}
.pc-filter dl.currently dt {width:150px;}
.pc-filter dl.currently dd {width: 100%;}
.pc-filter dl.currently dd a {margin-right: 5px; color:#ED5338;}
.pc-filter dl.currently dd a:hover {color:#6F6F6F; text-decoration: none;}
.pc-filter dl.currently dd a span {background:#fff; border:1px solid #ED5338; color: #ED5338; cursor:pointer; display:block; font-weight:normal; padding:0 0 0 6px;}
.pc-filter dl.currently dd a span span {background: url(../images/filter.gif) no-repeat right -90px; border:0 none; padding:0 24px 0 0;}
.pc-filter dl.currently dd a:hover span {border:1px solid #6F6F6F; color:#6F6F6F;}
.pc-filter dl.currently dd a:hover span span {border:0 none; background-position:right -72px;}

/* M-Filter */
.m-filter .modal-body {padding: 10px;}
.m-filter li {margin-bottom:15px;}

/* M-Pager */
.m-pager {font-size:12px; text-align:center; margin:10px 0;}
.m-pager a {display:inline-block; color: #000; border:1px solid #ccc; border-radius: 4px; height:45px; line-height: 43px; width: 100px; font-size: 13px; font-weight: bold; background: linear-gradient(top,#fff,#f0f0f0); background: -webkit-linear-gradient(top,#fff,#f0f0f0); background: -o-linear-gradient(top,#fff,#f0f0f0); background: -moz-linear-gradient(top,#fff,#f0f0f0); background: -ms-linear-gradient(top,#fff,#f0f0f0);}
.m-pager .page-num {line-height:45px; vertical-align:top; white-space:nowrap; display: inline-block;}
.m-pager .page-num strong {font-weight: normal; color: #999;}
.m-pager .previous {float: left;}
.m-pager .next {float: right;}
.my-account .m-pager a {color: #000;}

/* M-Sorter */
.sorter {margin-bottom:10px;}
.sorter ul {width: 100%; overflow: hidden; margin: 0;}
.sorter ul li {float:left; display:block; width: 48%; margin: 0; line-height: 27px;}
.sorter ul li.sort-by {float:right;}
.sorter ul li a {font-size: 14px; border-radius:3px;}
.sorter ul li a.sorter-filter {line-height: 32px; display: block; background: #333333; color: #fff; text-align: center;}
.sorter ul li a.sorter-filter:hover {}
.sorter ul li a#floatFilter {padding: 5px 20px; display:none; position:fixed; right:15px; top:65px; z-index:20; opacity:0.9; filter:alpha(opacity=90);}

/* Data Table */
.data-table {margin: 0;}

/* Box */
.box {border: 1px solid #ccc; background: #fff; margin: 10px 0; padding: 15px 10px;}
.box .box-title {border-bottom:1px solid #e6e6e6; margin:0 0 10px; overflow:hidden; padding:0 0 10px 0;}
.box .box-title h2,
.box .box-title h3 {float:left; margin: 0; font-size:14px; text-transform:uppercase;}
.box .box-title a {float:right; line-height: 1.1;}
.box .box-content {}
.box .box-content img {max-width: 100%;}
.box .box-content p {margin:0 0 5px;}

/* Misc */
.btn-remove  {background:url(../images/delete.png) 0 -24px no-repeat; display:block; height:25px; font-size:0; line-height:0; overflow:hidden; text-indent:-999em; width:25px;}
.btn-remove:hover {background-position: 0 0;}
.btn-remove2 {background:url(../images/btn_trash.gif) 0 0 no-repeat; display:block; height:16px; font-size:0; line-height:0; overflow:hidden; text-indent:-999em; width:16px;}
.btn-edit    {background:url(../images/btn_edit.gif) 0 0 no-repeat; display:block; height:11px; font-size:0; line-height:0; overflow:hidden; text-indent:-999em; width:11px;}
.divider {border-top: 2px solid #c8cdcd; clear:both; display:block; font-size:0; height:1px; margin:10px 0; line-height:0; overflow:hidden;}
a.btn-continue {color:#000;}
a.btn-continue:hover {color:#e42832;}
.separator {margin:0 3px;}
.star {background-image:url(../images/star.png); background-repeat:no-repeat; display:inline-block; overflow:hidden; vertical-align:top;}
.star0,
.star1,
.star2,
.star3,
.star4,
.star5 {height:15px; width:75px;position: relative;top: 1px;}
.star0 {background-position:-75px 0;}
.star1 {background-position:-60px 0;}
.star2 {background-position:-45px 0;}
.star3 {background-position:-30px 0;}
.star4 {background-position:-15px 0;}
.star5 {background-position:0 0;}

/* Noscript Notice */
.noscript {background:#ffff90; border: solid #ddd; border-width:0 0 1px; color:#2f2f2f; font-size:12px; line-height:1.25; text-align:center;}
.noscript .noscript-inner {background:url(../images/i_notice.gif) 20px 50% no-repeat; margin:0 auto; padding:12px 0 12px; width:950px;}
.noscript p {margin:0;}
/* ======================================================================================= */


/* header-container */
.header-container {background:#5a5a5a; width:100%; line-height: 31px;height: 31px;}
.header-container .welcome-msg {color: #fff; font-weight: normal; font-size: 12px;margin: 0;font-family: "Costa",Sans-Serif; text-align: center;}
.header-container .links {margin: 0; position: absolute; right: 0; top: 0;}
.header-container .links li {float:left; margin-left: 25px;}
.header-container .links li>a {display: inline-block; color: #fff; margin-left: 5px; }
.header-container .links a i {margin-right: 5px;}
#LiveSupportChat {display: none;}
.header-container .link-cart {position: relative;}
.header-container .link-cart:hover:after {content: ''; bottom: -5px; right: 15px; position: absolute; z-index: 32; border-right: 1px solid #cacbcd; border-top: 1px solid #cacbcd; background: #fff; width: 10px; height: 10px; transform: rotate(-45deg);}
.header-container .link-cart:hover .top-cart {display: block;}

.top-cart {display: none; background: #fff; padding: 15px 10px; border: 1px solid #cacbcd; box-shadow: 1px 1px 5px 0 rgba(0,0,0,.15); text-align: left; width: 300px; position: absolute; right: 0; top: 45px; z-index: 30; }
.top-cart .bg-grey {background: #f1f1f1; font-style: normal; font-size: 13px; font-weight: 500; line-height: 29px; text-align: center; margin-bottom: 12px;}
.top-cart .title {display: block; margin: 0 0 15px 0; font-size: 18px; font-style: normal; color: #FDB813; text-align: center; clear: both;}
.header-container li.link-cart:hover .top-cart {display: block;}
.header-container .top-cart span.empty {display: block; font-size: 13px; color: #333; padding: 10px;}
.links .top-cart li {color: #000; margin: 0; padding: 10px; overflow: hidden; float: none; border-top: 1px solid #ECEDEE; line-height: 20px;}
.links .top-cart li p {font-size: 13px; text-transform: uppercase;}
.links .top-cart li .product-image {float: left;}
.links .top-cart li .cart-container {float: left; margin-left: 15px; width: 178px;}
.links .top-cart .cart-bottom { border-top: 1px solid #ECEDEE;}
.links .top-cart .cart-bottom p.total {font-size: 15px; line-height: 48px; overflow: hidden;}
.header-container .top-cart li .product-name a {line-height: 17px; font-size: 17px;}
.links .block-currency-header select { background-color:#000;color: #fff;border:0;border-radius: 0; }

/* Pc Header ================================================================================ */
.pc-header .header {position:relative; z-index:20;  background: #fff;display: flex; align-items: center; justify-content: center;width: 100%;box-shadow: 0px 3px 12px #00000029;}
.pc-header .header h1.logo {margin:0;}
.pc-header .header .container { max-width: 975px;display: flex;align-items: center;position: relative;}
.header-fixed {position: fixed; left: 0; top: 0; right: 0; z-index: 2; background: #fff;}
.pc-header .header .form-search {position: relative; margin-top: -11px;}
.pc-header .form-search input.input-text {box-shadow: none; font-size: 16px; background:#fff; border-radius: 0;  width:100%; padding: 0 8px 0 40px; height: 35px; line-height: 35px;border-right: 0;border-top:0;
    border-left: 0;border-bottom: 1px solid #c8cdcd;position: relative;}
.pc-header .form-search input.input-text:focus {box-shadow: none; outline: none;}
.pc-header .header .form-search button.button {color: #a5a5a5; position: absolute; left: 0; top: 0; width: 35px; height: 30px;}
.pc-header .pc-cart { color:rgba(66,90,104,.6) !important;display: inline-block;padding-right: 8px;position: relative;}
.pc-header .pc-cart span {position: absolute;top:0;right: 4px;background: #425a68;color:#fff;border-radius: 50%;width: 14px;height: 14px; line-height: 14px;font-family: Sans-Serif;text-align: center;font-weight: bold;}
.pc-header .header .form-search button.button i {color: rgba(66,90,104,.6);font-weight: bold;}
.pc-search {position: absolute; display: flex; align-items: center; right: 0; top: 50%; transform: translateY(-50%);}

/* nav-container */
.nav-container {display: flex; justify-content: center; clear: both;}
#nav {font-size:14px;}

/* All Levels */
#nav li {text-align:left;}
#nav a {display: block; text-decoration: none;}
#nav span {cursor:pointer; white-space:nowrap;}

/* 1st Level */
#nav ul.level1 {display:inline-block;margin: 0;float: left;}
#nav ul.level1>li {float:left;transition: background-color 0s;transition-delay: .2s; position: relative;}
#nav ul.level1>li>a {font-size: 13px;text-transform: capitalize; color: #000; margin: 10px 4px; font-family: Roboto,Sans-Serif;}
#nav ul.level1>li:hover>a {position: relative;}
#nav ul.level1>li:hover>a::after {content: ""; display: block; position: absolute; height: 2px; width: 100%; transition: all .3s linear; background: #000;}

/* 2nd Level */
#nav ul.level1>li:hover ul.level2 {display: block;}
#nav ul.level2 {display: none;background:white; position:absolute; left:0px; top:74%; z-index: 30; border-radius: 0 0 4px 4px; width: 200px;border: 1px solid #ccc;}
#nav ul.level2 li {overflow: hidden;}
#nav ul.level2 li>a {color: #000; font-size: 14px;font-family: Roboto,Sans-Serif;padding: 8px 10px;}
#nav ul.level2 li>a:hover {}

/* 3nd Level */
#nav ul.level3 li { width: 100%;}
#nav ul.level3 li>a { color:black;font-weight: normal;text-align: left;padding:8px 10px;}

/* ======================================================================================= */

/* Mobile Header ================================================================================ */
.pc-header .header-fixed,
.mobile-header .header-fixed {position: fixed; left: 0; top: 0; right: 0; z-index: 20;}
.mobile-header .header {margin:0 auto; background:#fff; text-align: center; border-bottom: 1px solid #ECEDEE;position: relative; display: flex; align-items: center;}
.mobile-header .header .logo img {vertical-align: middle; max-width: 100%;}
.mobile-header .header a {color:#000; display:block; }
.mobile-header .header a.link-cart {position: relative;}
.mobile-header .header a.link-cart span {position: absolute; right: -4px;top:1px;width: 13px;height: 14px;border-radius: 50%; background: #000;color:#fff; line-height: 13px;text-align: center;}
.mobile-header .m-header-link li { display: inline-block;width: 32%;}
.mobile-header .m-header-link li:last-child { border:0;}
.mobile-header .m-header-link li i { color: #000;font-weight: bold;}
.mobile-header .m-header-link { margin: 0;}
.mobile-header .m-search { display:none;clear: both;padding: 5px 20px;border-top:1px solid #efefef;position: absolute;width: 100%;background: #fff;top:76px;z-index: 222;}
.mobile-header .m-search .form-search { position: relative;border-bottom: 1px solid #c8cdcd;}
.mobile-header .m-search input { width: 100%;height: 36px;line-height: 36px;border: 0;padding: 0 40px 0 8px;font-size: 16px;}
.mobile-header .m-search button { position: absolute;right: 0;display: inline-block; top: 0;}

/* category */
.noscroll {overflow: hidden;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
.noscroll body {overflow: hidden; position: relative;}
.btn-layer {color: #999; float: right; width: 45px; height: 50px; line-height: 50px;}
.menu-header {position: absolute; top: 0; left: 0; right: 0; background:#EBEBEB;}
.menu-header a {display: block; margin-right: 50px; line-height: 50px; font-size: 14px; padding-left: 15px; color: #58585a;}
.left-category a.button {right: 5px; top: 8px;}
.category-list {position: absolute; background:#fff; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow-y: scroll; margin-bottom: 0; -webkit-overflow-scrolling: touch;}
.category-list .level1 {position: relative;}
.left-category li { clear: both;}
.left-category li a {display: block;padding: 11px 44px 9px 24px; font-size: 12px; color: #425a68;}
.left-category li a:hover {text-decoration: none;}
.left-category li.checked {background: #58585A;}
.left-category li.checked>a {color: #fff;}
.left-category li.category-top span.all-category {width: 50px; color: #a7a9ab; float: right; text-align: center; z-index: 15;}
.left-category li.category-top span.all-category i {display: inline-block;color: #425a68;}
.left-category li.checked span.all-category i {border-color: #fff; color: #fff;}
.left-category li .mobile-memu {text-transform: uppercase; display: none; right: 0; left: 100%; top: 0; bottom:0; background:white !important; z-index: 119;}
.left-category li .mobile-memu li.category-title {text-align: center; background: #fff;}
.left-category li .mobile-memu li.category-title i {float: left;}
.left-category .block-currency-header .block-content {padding: 15px;}
.left-category li.cms .title {margin-right: 15px;}
.left-category li.cms .title:after {    content: '\002B';
    font-size: 26px;
    color: #999;
    float: right;
    position: absolute;
    right: 15px;
    top: 3%;
}
.left-category li.cms.active .title:after {content: '\2212';}
.left-category li.cms .links {display: none;}
.left-category li.cms .links li {border-bottom: none; border-top: 1px solid #ebebeb;padding: 13px 7px;}
.left-category li.cms .links li a {margin: 0; padding:0 15px 0 30px;}
/* Search */
.mobile-header .header-search  {width:100%;}
.mobile-header .header-search .form-search {padding:10px; box-sizing: border-box; overflow:hidden; position:relative;}
.mobile-header .header-search .form-search input.input-text {font-size: 16px; color:#a5a5a5; padding: 0 40px 0 8px; box-shadow: none; background:#fff; border-radius: 0; border-color: #A7A9AB; width: 100%;}
.mobile-header .header-search .form-search button.button {position: absolute; right: 10px; top: 10px; width: 38px; height: 50px;}
.form-search input.input-text:focus {box-shadow: none; outline: none;}

/* ======================================================================================= */

/* Header Banner */
.header-banner {width:100%; text-align:center;}
.header-banner img {max-width:100%;}
.banner-block1 {display: block;position: relative;}


/* ======================================================================================= */

/* Model */
.category-products .filter-modal {display: none;}
.modal-header {height:50px; text-align: center; border-bottom: 1px solid #ddd;}
.modal-header h3 {font-weight: bold; line-height: 50px; font-size: 16px;}
.new-products {margin: 20px 0;}
/* Sidebar =============================================================================== */
.block {margin:0 0 10px;}
.block .block-title {margin: 20px 0;}
.block .block-title strong {font-size: 26px; word-break: break-all; font-weight: 400;}
.block .block-title a {text-decoration:none!important;}
.block .block-subtitle {color:#e42832; font-size:12px; font-weight:bold; padding:0 0 10px;}
.block .block-content {padding: 10px;}
.block .btn-remove,
.block .btn-edit {float:right; margin:3px 0 0 5px;}
.block .actions {padding:6px 0; text-align:right;}
.block .actions a {float:left;}
.block .actions button.button {float:right;}

/* Mini Products List */
.mini-products-list li {padding:5px 0;}
.mini-products-list .product-image {display:inline-block;}
.mini-products-list .product-shop {margin:10px 0 0;}
.mini-products-list .product-shop .product-name {margin-bottom:10px;}
.mini-products-list .product-shop .review-box {}

/* Block: Account */
.block-account ul li{padding-bottom:5px; font-size: 16px;}
.block-account ul li a {color: #333;}
.block-account ul li a:hover {color: #00B6C9;}
.my-account-content {margin: 10px 0;}
.account-top .page-title {position: relative; margin-bottom: 0;}
.account-top .page-title .account-more {position: absolute; width: 50px; text-align: right; height: 36px; line-height: 36px; right: 0; bottom: 0; cursor: pointer; color: #000;}
.account-top .account-menu {background: #fff; display: none;}
.account-top .account-menu ul li {border-bottom: 1px solid #414b56; font-size: 14px;}
.account-top .account-menu ul li a {display: block; color: #555; padding: 10px;}

/* Block: Banner */
.block-banner {text-align:center; padding:0; border:0;}
.block-banner .block-content {text-align:center; padding:0; border:0;}

/* Block: Bestsellers */
.block-bestsellers {}
.best-row {width: 100%; padding-right: 0;}
.best-last-row {width: 100%; margin: 0;}
.best-ban-img img {max-width: 100%;}
/* Block: Cart */
.block-cart {}
.block-cart .block-content li.item.last {}
.block-cart .summary {}
.block-cart .amount {color:#000000; padding:0 0 15px;}
.block-cart .amount a {color:#e42832; font-weight:bold; text-decoration:none;}
.block-cart .amount a:hover {color:#000000;}
.block-cart .subtotal {background:#fbfbfb; border:1px solid #ededed; padding:5px 9px 6px 9px; overflow:hidden;}
.block-cart .subtotal .price{float:right; font-weight:bold; color:#000;}
.block-cart .subtotal .label{color:#000; float:left;}
.block-cart .actions {margin-bottom:19px; padding-top:20px;}

/* Block: Category */
.block-category {}
.block-category li {}
.block-category a {color: #4f4f4f; display: block; padding: 5px 0;}
.block-category a.current,
.block-category a:hover {color: #a5a5a5;}

/* Block: Cms Page */
.block-cms-page {}
.block-cms-page ul li{padding-bottom:5px; font-size: 16px;}
.block-cms-page ul li a {color: #333;}
.block-cms-page ul li a:hover {color: #00B6C9;}
.cmspageBody .std {margin: 10px; font-size: 14px;}

/* Block: Currency */
.block-currency {}

/* Block: Featured */
.block-featured {}

/* Block: Filter */
.block-filter {}
.block-filter .block-content {padding: 5px 5px 0;}
.block-filter .currently {text-align: left;}
.block-filter .currently ol li {margin:0 0 5px;}
.block-filter .currently ol li span.label {font-weight: bold;}
.block-filter .actions {overflow:hidden;}
.block-filter .actions a {float:right; text-decoration:none; color:#cb2028;}
.block-filter .actions a:hover {color: #000;}
.block-filter dl {text-align: left;}
.block-filter dt {font-weight:bold; margin: 0 0 5px 3px; background: url(../images/category-bg.jpg) no-repeat 0 center; padding-left: 13px; cursor:pointer;}
.block-filter dt.open {background: url(../images/category-open.jpg) no-repeat 0 center;}
.block-filter dd {padding-bottom:10px; padding-left:10px;}
.block-filter dd li {background:url(../images/marker.jpg) no-repeat 0 6px; margin-bottom:5px; padding-left:13px;}
.block-filter dd li:hover {background:url(../images/marker2.jpg) no-repeat 0 6px;}
.block-filter dd li a {color:#000; text-decoration:none;}
.block-filter dd li a:hover {color:#cb2028;}
.block-filter dd li span {}

/* Block: Logo */
.block-logo {}

/* Block: New Products */
.block-new-products {}

/* Block: News */
.block-news {}

/* Block: Popular Search */
.block-popular-search {}
.block-popular-search li {display:inline-block; font-size:15px; line-height:normal; margin-right:10px;}
.block-popular-search li a {color:#383737; text-decoration:none;}
.block-popular-search li a:hover {color:#e42832;}

/* Block: Related */
.block-related {}

/* Block: Review */
.block-review li {border-top:1px solid #ededed; margin:15px 0 0; padding:15px 0 0;}
.block-review li.first {border-top:none; margin:0; padding:0;}
.block-review li .review-top {overflow:hidden; margin-bottom:10px;}
.block-review li .product-image {float:left; border:1px solid #EDEDED;}
.block-review li .product-image:hover {border-color:#EB212E;}
.block-review li .review-details {margin-left:70px;}
.block-review li .product-name {margin-bottom:5px;}
.block-review li .review-bottom {line-height:18px;}
.block-review li .review-bottom span {font-weight:bold;}

/* Block: Specials */
.block-specials {}

/* Block: Recently Viewed */
.block-viewed {}

/* Block: Ordered Products */
.block-ordered-products {}
/* ======================================================================================= */


/* Product Name ========================================================================== */
.product-msg { overflow: hidden;margin-top: 30px;}
.product-name {color:#425a68; margin:5px 0; font-size: 13px; line-height: 1.5;font-family: Roboto,Sans-Serif;}
.product-name a {color:#000;}
.product-name a:hover {text-decoration: none;}
/* ======================================================================================= */


/* Product Prices ======================================================================== */
.price {white-space:nowrap!important;}
.price-box {margin:5px 0; font-size: 13px;}
.bestsellers {padding-bottom: 20px;}

/* Regular price */
.regular-price {margin:0;}
.regular-price .price {color:#999;}

/* Old price */
.old-price {color:#a5a5a5; margin:0;display: inline-block;margin-bottom: 5px;}
.old-price .price-label {white-space:nowrap; display: none;}
.old-price .price {text-decoration:line-through;}
.product-shop .old-price .price { }
/* Specials price */
.specials-price {color: #ED5338; display: inline-block; margin: 0;margin-bottom: 5px;}
.specials-price .price-label {white-space:nowrap; display: none;}
.specials-price .price {font-size: 15px; color: red; font-weight: normal;font-family: Roboto,Sans-Serif;}
.product-msg .specials-price .price { font-family: Roboto,Sans-Serif;font-size: 21px;}
/* Save Off */
.save-off {color:red; margin:0; text-transform: uppercase;}
.save-off .price-label {white-space:nowrap;}
.save-off .price {}

/* ======================================================================================= */


/* Recent Viewed */
.recent_viewed {border:1px solid #EDEDED; margin-bottom:20px; padding-bottom:20px;}

/* Review list */
.review-list {border:1px solid #EDEDED; margin-bottom:20px; padding-bottom:20px;}
.review-list li {border-bottom:1px solid #e6e6e6; padding:0 15px 15px; margin:0 0 15px;}
.review-list li.last {border-bottom:none; padding:0 15px; margin:0;}
.review-list .product-image {float:left; border:1px solid #e6e6e6; padding:1px;}
.review-list .review-items-box {line-height:18px; margin-left:200px;}
.review-list .review-items-box span {font-weight:bold;}
.review-list .product-name {margin:0 0 10px;}
/* ======================================================================================= */


/* Category ============================================================================== */
.category-title {}
.category-image {text-align:center;}
.category-image img {max-width: 100%;}
.category-products .modal-header {text-align: left;}
.category-products .modal-header .filter-apply {float: right; font-weight: bold; margin-right: 10px; margin-top: 8px;}

/* View Type:Grid */
.product-item {text-align: center;}
.products-grid {margin:10px 0; text-align: center;}
.products-grid .product-image {display:block; margin:0 0 10px;}
.products-grid .product-shop {}
.products-grid .product-name {overflow: hidden; text-overflow: ellipsis;}
.review-box a {color: #425a68;font-size: 13px;}
.products-grid a { position: relative;}
.products-grid .quick-view { opacity: 0;width: auto;white-space: nowrap;max-width: 100%;bottom: 0;left: 50%;position: absolute;-webkit-transform: translate(-50%,105%);transform: translate(-50%,105%);transition: .2s;
    z-index: 2;}
.products-grid .quick-view span {display:inline-block;padding:0 25px;background: #0082c8;border: 2px solid #425a68;border-radius: 4px;color: #fff;font-family: Costa,sans-serif;line-height: 40px;font-size: 16px;}
.products-grid a .quick-view span:hover { background: #fff;color:#425a68;}
.products-grid a:hover .quick-view { opacity: 1;}
/* ======================================================================================= */


/* Product =============================================================================== */
.product-view {}
.product-essential {}
.product-collateral {    margin-top: 53px;
    width: 100%;
    padding-left: 2%;}

/* Availability */
.availability {margin:0;}
.availability span {}
.availability.in-stock span {color:#27C12E;}
.availability.out-of-stock span {color:#d83820;}

/* Product Images */
.product-view .product-img-box {text-align: center;}
.product-view .product-img-box img {max-width: 100%;}
.product-view .product-img-box .product-image {}
.product-view .product-img-box .product-image .img-responsive {margin: 0 auto;}
.product-view .product-img-box .more-views {}
.product-view .product-img-box .more-views h2 {font-size:12px; margin:0 0 8px; text-transform:uppercase;}
.product-view .product-img-box .more-views ul {margin-left:59px;}
.product-view .product-img-box .more-views li {float:left; margin:0 0 8px 8px;}
.product-view .product-img-box .more-views li a {border:1px solid #ececec; display:inline-block;}
.product-view .product-img-box .more-views li a:hover {border-color: #000;}

/* Add to Cart */
.add-to-cart {}
.num_mobile {margin-bottom: 10px;}
.add-to-cart input.qty {float: left; border-radius: 0;margin-top: 2px; border-color: #999; height: 39px; line-height: 39px; width: 40px; text-align: center; padding: 0;}
.add-to-cart button.btn-incart span {background: black;}
.add-to-cart button.btn-incart {margin-top: 20px; width: 100%;border: 2px solid black;border-radius: 4px;color: #fff;font-family: Costa,sans-serif;line-height: 40px;font-size: 16px;}
.add-cart { width: 40%;display: inline-block;margin-top: 20px;}

/* Product Shop */
.product-view .product-shop-box {}
.product-view .product-shop-box .product-name {margin:0 0 10px;width: 80%;float: left;}
.product-name{
    margin:0 0 10px;float: unset !important;margin: auto;
}
.product-view .product-shop-box .product-name h1 {color: #425a68; font-size: 24px; font-weight: 400; margin: 0;}
.product-view .product-shop-box .sku,
.product-view .product-shop-box .availability {line-height: 30px; font-style: normal; font-size: 15px; color: #425a68;clear: both;}
.product-view .product-shop-box .sku span { font-weight: bold;}
.product-view .product-shop-box .short-description {}
.product-view .product-shop-box .short-description h3 {font-size:14px;}
.product-view .product-shop-box .short-description .std {font-size:12px; line-height:18px;}
.product-view .product-shop-box .review-box {position:relative;overflow: hidden;clear: both;}
.product-view .product-shop-box .addthis_button {position:absolute; right:0; top:0;}
.product-view .product-shop-box .price-box {margin:10px 0;width: 20%;float: left;}
.product-shop-box .regular-price {color: #58585b;}
.product-view .product-switch .show-num {text-align: center; color: #000; margin: 5px 0;}
.product-view .product-switch .action-bar {padding: 10px 0; text-align: center; margin-bottom: 5px;}
.product-view .product-switch .action-bar a {padding: 6px 11px; font-weight: bold; border: 1px solid #d2d2d2; border-radius: 3px; background: #f0f0f0; color: #000; display: inline-block; margin: 0 5px 5px 0;}
.product-view .product-switch .action-bar a:hover {background: #ddd;}

/* Product Colors */
.product-colors {position:relative;}
.product-colors label  { color:#425a68;}
.product-colors .color-list li {float:left; margin:0 0 10px 5px;}
.product-colors .color-list li a {border:2px solid #fff; padding: 1px; display:inline-block;}
.product-colors .color-list li a:hover,
.product-colors .color-list li.active a {border-color: #007DB6;}

/* Product Options */
.product-options {position:relative;}
.product-options ul.options-list li {cursor: pointer; border:2px solid #414B56; height:40px; float:left; line-height:40px; margin:5px 8px 2px 0; text-align:center; min-width: 40px; padding: 0 5px;}
.product-options ul.options-list li:hover,
.product-options ul.options-list li.active {background: #007DB5; border-color: #007DB5;  color: #fff;}
.product-view .product-shop-box .product-options-bottom {margin-bottom: 10px;}
.product-view .product-shop-box .product-options-bottom .add-to-cart {}
.product-colors p.note,
.product-options p.note {margin:0; font-size:11px;}
.product-colors p.required,
.product-options p.required {position:absolute; right:0; top:0;}

/* Product Options Wholesale */
.options-wholesale-list {}

/* Block: Description */
.product-collateral .std { color:black; font-size: 14px; clear: both;}
.product-collateral .std img { max-width: 100%;}
.cos-listView {}
.cos-listView>a {color: #425a68;text-align: left; width: 100%; position: relative; font-size: 20px;font-weight: bold;font-family: "proxima",Sans-Serif; display: inline-block; text-transform: uppercase; text-decoration: none; vertical-align: middle;margin-top: 10px;padding:0 11px}
.cos-listView>a:hover,
.cos-listView>a.selected {color: #425a68;}
/*.cos-listView>a.selected:after {content: ''; position: absolute; bottom: -6px; left: 50%; margin-left: -7px; z-index: 2; border-left: 1px solid #ecedee; border-bottom: 1px solid #ecedee; background: #fff; width: 10px; height: 10px; transform: rotate(-45deg);}*/
.box-collateral {float: right; width: 100%;padding: 0 11px;}

/* Block: Reviews */
.product-view .box-review {}
.product-view .box-review h2 {font-size: 20px;}
.product-view .box-review .review-row li {margin:10px 0; padding: 10px;background-color: #efefef;}
.product-view .box-review .form-add {margin:15px 0 0;}
.product-view .box-review .review-date {margin-left:10px;}
/* Block: Related */
.product-view .box-related {margin: 20px 0;}
.product-view .box-related .page-title h2 {    font-size: 29px;
    text-align: center;}

/* Block: Also Purchased */
.product-view .box-also {margin: 20px 0;}
.product-view .box-also .page-title h2 {font-size: 20px;}

/* ======================================================================================= */


/* Shopping cart ========================================================================= */
/* Shopping Cart Table */
.cart-table .item-options li {margin:3px 0;}
.cart-table span.option-name {font-weight:bold; font-style:italic;}
.cart-table .product-name {line-height:16px; max-height:64px; overflow:hidden;}
.cart-table .price {color:#e42832; font-size:13px; margin-left: 5px;}
.table>tbody>tr>td.td-product-image {vertical-align: middle; text-align: center;}
#tdQty .action-cart {padding-top: 15px; overflow: hidden;}
#tdQty .action-cart .btn-remove-new {white-space: nowrap; float: right; color: #fff; background-color: #ff0000; padding: 0 10px; border-radius: 4px; font-size: 14px; height: 30px; line-height: 30px;}

/* Checkout Steps */
#checkout-steps {padding:25px 0 0 0;}
.opc {}
.opc li.section {border:1px solid #ececec; margin-bottom:10px;}
.opc .step-title {vertical-align:top; background-color:#fff; padding:10px 15px;}
.opc .step-title .number {float:left; background:#313131; border:1px solid #313131; padding:0 4px; margin:0 5px 0 0; font:bold 11px/14px arial, helvetica, sans-serif; color:#ececec;}
.opc .step-title h2 {float:left; margin:0; font-size:12px; line-height: 16px; font-weight:bold; color:#000;}
.opc .active .step-title { color:black; border-bottom: 1px solid #f5f5f5;}
.opc .active .step-title .number {background:#fdfdfd; border-color:#fdfdfd; color:#2d2d2d}
.opc .active .step-title h2 {color:black;}
.opc .step {background:#fff; padding:10px; display:none;}
.opc .active .step {display:block;}
.opc .step img {max-width: 100%;}

#opc-order_review {border:none;}
#opc-order_review .step {border:none; padding:0;}
#opc-order_review .buttons-set {border:solid #d9dde3; border-width:0 1px 1px; margin:0; padding:20px 30px;}
.buttons-set{
    text-align: right;
    padding: 9px 5px !important;
}
.order-date {background: #efefef; padding: 5px 10px; margin: 0;}

.checkout-process {text-align: center; padding: 20px 10px; background: #fff;}
.checkout-process img {width: 150px; margin-bottom: 10px;}

/* Coupon Codes */
.shopping_cart .cart-coupon {border: 1px solid #ccc; border-top: none; overflow: hidden;}
/* ======================================================================================= */


/* Login ================================================================================= */
.account-login{}
.account-login .new-users,
.account-login .registered-users {min-height:260px;}
.registered-users .f-left {display: block; margin-bottom: 15px;}
/* ======================================================================================= */


/* My Account ============================================================================ */
.box-account {overflow:hidden; margin:10px 0 0;}
.box-account .box-head {margin:10px 0;}
.box-account .box-head h2 {color:#383737; font-weight: bold; float:left; font-size:14px; text-transform:uppercase; margin: 0;}
.box-account .box-head a {float:right;}

/* Dashboard */
.my-account {}
.my-account .product-name a {color:#4f4f4f; font-size: 14px;}
.my-account .product-name a:hover {color:#a5a5a5;}
.my-account .welcome-msg {}
.my-account .welcome-msg .hello {margin-bottom:10px;}
/* ======================================================================================= */


/* Footer ================================================================================ */
.footer-container {background-image: url('../images/pattern-2.svg'); background: #ededed;}
.footer {
    text-align: center;
    padding: 30px 0 0 0;
    max-width: 1440px;
    margin: 0px auto;
}
.footer h4 {color: #5a5a5a;font-size: 13px;padding-bottom: 5px;font-family: Jost; font-weight: bold; text-transform: uppercase;text-align: left;cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;}
.footer ul.links{
    text-align: left;
}
/* .footer .links { text-align: left;} */
.footer .links li {display: block;}
.footer a {font-weight: normal; display: block; font-size: 12px;font-family: Roboto,Sans-Serif; text-transform: uppercase; color: black; padding-top: 10px;}
.footer a:hover {text-decoration: underline;}
.footer p a {display: inline-block;}
.footer p a:hover {text-decoration: none;}
.footer p a i {font-size: 30px;}
.footer-bottom address {text-align: left; margin: 0; text-transform: uppercase;padding: 10px 0;font-size: 12px; color: #767676;}
.footer-bottom {color:#000;}
.m-footer h4 { margin: 30px auto 20px;font-size: 26px;font-family: Roboto,Sans-Serif;color: #5a5a5a;text-align:left;}
.m-footer li {text-align:left;padding: 10px 0;font-size: 16px;font-family: Roboto,sans-serif;display: block;width: 100%;}
.m-footer li a { color:black;font-size: 14px;line-height: 16px;}

/* Back Top */
#back-top {display:none; position:fixed; right:20px; bottom:80px; z-index:20;}
#back-top a {cursor:pointer; display:block; text-align: center; color: #58585b;}
#back-top span i {font-size: 20px; color: #ccc; border-radius: 50%; border: 2px solid #ccc; width: 30px; height: 30px; line-height: 30px; display: block;}
#back-top a:hover {text-decoration: none;}
.shoppingcartBody #back-top {bottom: 90px;}

/* Footer Banner */
.footer-banner {}
/* ======================================================================================= */

/* Media ================================================================================= */
@media (max-width:990px) {
    .footer-bottom img {float: none; margin: 0 auto;}
    .footer-bottom {text-align: center;}
    #LiveSupportChat {display: none;}
    .footer-nav .links {display: none;}
}

@media (max-width:767px) {
    div.banner1 div.wenzi h1 {
        font-size: 66px !important;
    }
    .cos-listView>a {width: 100%;}
    .header-container .welcome-msg {float: none; text-align: center;}
    .footer .links li {display: block;}
    .footer address {text-align: center;}
    .nobr {white-space: initial !important;}
    .products-grid:nth-child(2n+1) {clear: both;}
    .block .block-title strong,
    .page-title h1,
    .page-title h2 {font-size: 20px;}
    .table th,
    .table td {padding: 5px;}
    .cart-table td {border: none; border-top: 1px solid #ddd;}
    .data-table a.btn-continue {display:none;}
    .account-top .page-title h1 {margin-right: 40px;}
    .checkoutBody,
    .shoppingcartBody {padding-bottom: 60px;}
    #opc-order_review .buttons-set {border-top: 1px solid #ddd; margin:0; padding: 10px; text-align:center; bottom: 0; left: 0; position: fixed; right: 0; z-index: 20; background: #fff;}
    .indexBody .page-title h2 { font-size: 24px;}
    .footer-bottom address { text-align: left;}
    .product-view .product-shop-box .product-name h1 ,
    .product-view .product-shop-box .price-box { width: 100%;float: none;}
    .add-cart { width: 100%;padding: 0;margin-bottom: 30px;}
    .product-collateral { width: 100%;margin-bottom: 30px;}
    .mg-69 { margin: 0 69px!important;}
}
@media (min-width: 768px) and (max-width:1024px){
    div.banner1 div.wenzi {
        text-align: center !important;
    }
    div.banner1 div.wenzi div.button{
        justify-content: center !important;
    }
}
@media (min-width: 768px){
    .left-category {width: 690px;}
    .products-grid:nth-child(3n+1) {clear: both;}
}
@media (max-width: 1024px){
    .more-views ul{
        margin-left: 35px !important;
    }
    #nav ul.level1>li>a{
        margin: 19px 6px;
    }
    div.pc-header div.header ul.top{
        width: 100% !important;
    }
    div.pro3{
        margin: 59px 43px 20px 43px !important;
    }    
}
@media (max-width: 992px){
body.productBody div.product-img-box{
    padding-left: 0px !important; 
     padding-right: 0px !important;
}
body.productBody div.product-img-box div.row>div{
        padding-left: 0px !important; 
     padding-right: 0px !important;
}
}
@media (min-width: 992px){
    .products-grid:nth-child(3n+1) {clear: none;}
    .products-grid:nth-child(4n+1) {clear: both;}
}
@media screen and (max-width: 1500px) {
    .banner-block1 img {left: calc(50% - 750px);}
}
/* ======================================================================================= */


/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header:after,
#nav:after,
.header-banner:after,
.footer-banner:after,
.footer-container:after,
.footer:after,
.main:after,
.product-view .product-img-box .img-content:after,
.col-main:after,
.toolbar:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.page-title:after,
.title-buttons:after,
.products-grid:after,
.products-list li.item:after,
.review-list li:after,
.box-account .box-head:after,
.product-view .box-related ul:after,
.product-view .box-also ul:after,
.box .box-title:after,
.pager:after,
.sorter:after,
.filter:after,
.filter dl:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .product-shop-box .short-description:after,
.product-options ul.options-list:after,
.product-colors .color-list:after,
.box-review dl:after,
.cart:after,
.shopping_cart .crosssell li.item:after,
.opc .step-title:after,
.buttons-set:after {clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; overflow:hidden;}
/* ======================================================================================= */

@media (min-width: 1200px) {
    .best-row {
        padding: 0 100px;
    }
}

.banner-block1 {
    position: relative;
}
.banner-block1  img {
    width: 100%;
}
.banner-block1 .nav-show {
    color: #fff;
    background: #1f1f1f;
    position: absolute;
    top: 50%;
    left: 60%;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.5rem;
    padding: 1.5rem;
    transform: translateY(-50%);
    transition: background-color .15s ease-in-out;
}
.banner-block1 .nav-show:hover {
    background: #000;
}
.banner-block2 {padding-top: 2.5rem; padding-bottom: 1rem; background-color: #f5f5f5;}
.banner-block2 h2 {color: #000; font-weight: bold; font-family: Jost; font-size: 36px; text-transform: uppercase; margin-bottom: 1.25rem;}
.banner-block2 .desc {padding: 32px 40px; text-align: left; background: #fff;}
.banner-block2 .desc p {font-size: .14px; font-family: Jost; color: #767676;}
.banner-block2 .desc > a:last-child {font-size: 20px; font-family: Jost; color: #3e3e3e;}
.banner-block2 .row > div:hover, .banner-block2 .row > div:focus {transform: translateY(-.25rem);}
.banner-block2 .desc > a:focus, .banner-block2 .desc > a:hover {color: #303030;}
.banner-block2 .desc > a:focus p, .banner-block2 .desc > a:hover p{color: #525252;}
.owl-prev, .owl-next {top: 50%; position: absolute;}
.owl-prev {left: 26px; border-top: 3px solid; border-left: 3px solid; transform: rotate(-45deg) translateY(-50%); width: 20px; height: 20px;}
.owl-next {right: 26px; border-top: 3px solid; border-right: 3px solid; transform: rotate(45deg) translateY(-50%); width: 20px; height: 20px;}
.banner1 {position: relative; overflow: hidden;}
.banner-block1 span {display: inline-block; transform: rotate(180deg); margin-left: 15px;}
.banner-block1 span i {font-size: 14px;}
.show-img {background-image: url(../images/banners/banner1.jpg); width: 100%; height: 100%; background-repeat: no-repeat;}
@media (max-width: 768px) {
    .product-view .product-shop-box .product-name{
        width: 100% !important;
    }
    .more-views ul{
        margin-left: -3px !important;
    }
    .banner-block2.row {width: 100%; margin-left: 0;}
    .banner-block2 .row > div {margin-bottom: 1rem;}
    /* .banner1 {min-height: 550px;} 
    .banner1 img {height: 550px !important; object-fit: cover;}*/
}
@media (max-width: 414px) {
    div.banner1 div.wenzi {
        left: 6% !important;
    }
    div.banner1 div.wenzi h1{
        font-size: 55px;
    }
    div.banner1 div.wenzi div.button{
        display: block !important;
        width: 28%;
    }
    div.banner1 div.wenzi div.button a{
        margin-bottom: 32px;
    }
    div.pro3{
        margin: 20px 0px 20px 0px !important;
    }
    div.pro3 div.neirong {
        padding-left: 33px !important;
    }
    .prev {left: 10px;}
    .next {right: 10px;}
    .banner-block1 .nav-show {left: 50%;}
}
div.pc-header div.header ul.top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
}
div.pc-header div.header ul.top>li:first-child{
    width: 40%;
}
div.pc-header div.header ul.top>li:last-child{
    width: 40%;
}
div.pc-header div.header ul.top>li:last-child ul.innertop{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
div.pc-header div.header ul.top>li:last-child ul.innertop>li:not(:last-child){
    padding:0 11px;
}
div.pc-header div.form-search{
    padding: 10px 20%;
    width: 100%;
}
div.pc-header div.form-search button.button1{
    border: none;
    background-color: white;
    position: absolute;
    right: 21%;
    height: 28px;
    color: black;
}
div.mobile-header div.header>div:first-child{
    text-align: left;
}
div.mobile-header div.header>div:last-child{
  text-align: right;
}
div.fen{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.left-category li.cms{
    position: relative;
}
div.mobile-header div.form-search1{
    margin: auto;
    width: 90%;
    position: relative;
}
div.mobile-header div.form-search1 input{
    width: 100%;
    padding: 5px;
    border: 1px solid;
    border-radius: 0px;
    margin: 10px 0;
}
div.mobile-header div.form-search1 button.button1{
    position: absolute;
    height: 1%;
    right: 5px;
    background-color: white;
    border: none;
    top: 8px;
}
.autowidth{
    width: 243px;
}
div.header-banner{
    position: relative;
}
div.banner1 div.wenzi{
    align-items: flex-start;
    text-align: left;
    left: 10%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
div.banner1 div.wenzi h1{
    color: white;
    font-size: 80px;
}
div.banner1 div.wenzi p{
    color: white;
    margin-bottom: 36px;
    margin-top: 28px;
    font-size: 18px;
}
div.banner1 div.wenzi div.button{
    justify-content: flex-start;
    display: flex;
}
div.banner1 div.wenzi div.button a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 150px;
    border-radius: 30px;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    font-family: AktivGrotesk-Medium,Helvetica,sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .72px;
    line-height: 1;
    padding: 12px;
    background-color: #fff;
    transition: all .2s ease;
    cursor: pointer;
    margin-right: 26px;
    border: none;
    color: black;
}
div.banner1 div.wenzi div.button a:hover{
    border: 1px solid #fff;
    background-color: transparent;
    color: white !important;
}
div.pro2 img{
    width: 100%;
}
div.pro2 h2{
    text-align: center;
    padding-bottom: 36px;
}
div.pro3{
    margin: 59px 100px 20px 100px;
}
div.pro3 img{
    width: 100%;
}
div.pro3 h2{
    text-align: center;
    padding-bottom: 36px;
}
div.pro3 div{
    padding-bottom: 12px;
}
div.pro3 div.neirong{
    padding-left: 5px;
}
div.pro3 h3{
    font-size: 27px;
    color: #5a5a5a;
    padding-bottom: 12px;
}
div.pro3 a{
    text-decoration: underline;
    font-size: 15px;
}
div.pro4 img{
    width: 100%;
}
div.xiala{
    width: 100%;
    background-color: white;
}
.row{
    margin-left:0 !important;
    margin-right: 0 !important;
}
div.main-container div.container{
    width: 100%;
}
div.container div.product-img-box ul#J_product li img{
    width: 58% !important;
    margin: auto;
}
div.radio input{
    margin-top: -4px;
}
.sales1 {
    margin-top: 25px;
    background: #F5F5F5;
    border: 1px solid #F5F5F5;
    margin-bottom: 0;
    text-align: left;
}
.sales1 h2 {
    margin-left: 15px;
    font-size: 18px;
}
.sales1 .good-news {
    font-size: 14px;
    margin-bottom: 15px;
    margin-left: 15px;
}
div.product-view div.num_ops{
    display: flex;
    align-items: center;
}
div.product-view div.reduce{
    font-size: 31px;
    cursor: pointer;
}
div.product-view div.pus{
    font-size: 27px;
    cursor: pointer;
}
#nav ul.level2>li:hover ul.level3 {display: block;}
#nav ul.level3 {border-radius: 0; background:white;display: none;left: 100%; position:absolute; top:0px; z-index: 30; min-width: 160px; padding: 0 0 10px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);color: black;border:1px solid #ccc;}
.header-fixed-container #nav ul.level3 {left: 100%; right: unset;}
#nav ul.level3 li {}
#nav ul.level3 li>a:hover {color:black;}
div.footer div.footer-right div.row>div{
    text-align: center;
}
div.breadcrumbs div.container{
    padding-top: 10px;
    margin-right: unset !important;
    margin-left: unset !important;
    padding-bottom: 10px;
}
body.searchBody div.container div.toolbar, body.categoryBody div.container div.toolbar {
   margin-bottom: 0;
}
.container{
    max-width: 1440px;
    margin: 0px auto;
}
div.pc-header .container{
    max-width: 100%;
}
.sales {
    margin-top: 25px;
    background: #F5F5F5;
    border: 1px solid #F5F5F5;
    margin-bottom: 0;
    text-align: left;
}
.sales h2 {
    margin-left: 15px;
    font-size: 18px;
}
.sales .good-news {
    font-size: 14px;
    margin-bottom: 15px;
    margin-left: 15px;
}
.left-category li.category-top:after {
    content: '\002B';
    font-size: 26px;
    color: #999;
    position: absolute;
    top: 0;
    right: 15px;
}
.left-category .level1 [class*=category-]{
    position: relative;
}
.left-category li {
    clear: both;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.left-category li a {
    display: block;
    margin-right: 51px;
    padding-left: 15px;
}
.left-category li .mobile-memu {
    text-transform: uppercase;
    display: none;
    background: #fff;
    z-index: 119;
    padding-left: 20px;
}
body.shoppingcartBody ol.col-wide {
    padding-left: 0px !important;
}
body.shoppingcartBody ol.col-narrow {
    padding-right: 0px !important;
}
.add-to-cart label {
    text-transform: uppercase;
    color: #999;
    float: left;
    height: 40px;
    line-height: 40px;
    margin: 14px 10px 14px 0;
    font-weight: normal;
}
.add-to-cart .num_ops {
    margin: 10px 0 20px 0;
    overflow: hidden;
    float: left;
}
.add-to-cart .reduce {
    border-right: 0;
}
.add-to-cart .action {
    cursor: pointer;
    text-align: center;
    float: left;
    font-size: 14px;
    width: 39px;
    height: 39px;
    line-height: 39px;
    background: #fff;
    vertical-align: middle;
    border: 1px solid #f1f1f1;
}
.add-to-cart input.qty {
    float: left;
    border-radius: 0;
    border-color: #f1f1f1!important;
    height: 39px;
    line-height: 39px;
    width: 98px;
    text-align: center;
    padding: 0;
}
.add-to-cart .pus {
    border-left: 0;
}
.add-to-cart .reduce {
    border-right: 0;
}
body.indexBody div.container{
    max-width: 100% !important;
}
div.bestsellers{
    max-width: 1440px;
    margin: 0 auto;
}
div.featured{
    max-width: 1440px;
    margin: 0 auto;
}
.left-category .category-top.active:after {
    content: '\2212';
}
body.productBody div.main-container{
    margin-top: 10px !important;
}
.opc .step-title .icon {
    float: left;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -3px;
}
@media (max-width: 767px){
.cart-table td {
    border: none;
    border-top: 1px solid #ddd;
}
}
@media (max-width: 767px){
    #checkout-order_review-submit >button{
        width: 100%;
    }
.table th, .table td {
    padding: 5px;
}
.cart-table td {
    border: none;
    border-top: 1px solid #ddd;
}
.data-table a.btn-continue {
    display: none;
}
button.button {
    width: 100%;
}
}
.cart-table .grand_total .price {
    text-align: right;
}
.f-left, .left {
    float: left!important;
}
.f-right {
    margin-top: 8px;
}
@media (min-width: 414px) {
    .product-collateral .std{
        padding: 0 1px !important;
    }
    .cos-listView>a{
        padding: 0 1px !important;
    }
    .box-collateral{
        padding: 0 1px !important;
    }
}
.buttons-set button.button {
    float: right;
}
.left-menu {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
}
.layer-tree {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 0.5;
}
.left-category {
    border-right: 1px solid #E6E6E6;
    position: absolute;
    width: 90%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 109;
    overflow: hidden;
}
div.box-related .owl-prev{
    top: 34%;
}
div.box-related .owl-next {
    top: 34%;
}
ol.col-narrow li#opc-order_review >div.step-title{
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
}
@media (max-width: 436px) {
    .cos-listView>li {width: 100%; margin-right: unset;}
}
#size-chart > div {text-align: center;}
#size-chart > div img {max-width: 100%;}
div.add-desc p{
    font-size: 15px;
    font-weight: 100;
}
.cos-listView>li {
    float: left;
    display: block;
    margin-right: 0;
    text-transform: none;
    padding-right: 10px;
}
.cos-listView>li>a {
    display: block;
    padding: 9px 6px 9px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #f5f5f5;
    color: black;
    font-weight: 100;
}
ul.cos-listView {
    display: block;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: hidden;
}
.cos-listView>li>a:hover, .cos-listView>li>a.selected {
    color: #000;
    background-color: #f5f5f5;
    background: white;
}
@media (max-width:434px) {
    ul.cos-listView{
        border-bottom: none !important;
    }
    .cos-listView>li:last-child>a{
        border-bottom: 1px solid #ccc !important;
    }
}