/* for the front-end sytle */
.p-0 {
    padding: 0px
}

.pt-0 {
    padding-top: 0px
}

.pr-0 {
    padding-right: 0px
}

.pb-0 {
    padding-bottom: 0px
}

.pl-0 {
    padding-left: 0px
}

.m-0 {
    margin: 0px
}

.mt-0 {
    margin-top: 0px
}

.mr-0 {
    margin-right: 0px
}

.mb-0 {
    margin-bottom: 0px
}

.ml-0 {
    margin-left: 0px
}

.p-1 {
    padding: 15px
}

.pt-1 {
    padding-top: 15px
}

.pr-1 {
    padding-right: 15px
}

.pb-1 {
    padding-bottom: 15px
}

.pl-1 {
    padding-left: 15px
}

.m-1 {
    margin: 15px
}

.mt-1 {
    margin-top: 15px
}

.mr-1 {
    margin-right: 15px
}

.mb-1 {
    margin-bottom: 15px
}

.ml-1 {
    margin-left: 15px
}

.p-2 {
    padding: 30px
}

.pt-2 {
    padding-top: 30px
}

.pr-2 {
    padding-right: 30px
}

.pb-2 {
    padding-bottom: 30px
}

.pl-2 {
    padding-left: 30px
}

.m-2 {
    margin: 30px
}

.mt-2 {
    margin-top: 30px
}

.mr-2 {
    margin-right: 30px
}

.mb-2 {
    margin-bottom: 30px
}

.ml-2 {
    margin-left: 30px
}

.p-3 {
    padding: 45px
}

.pt-3 {
    padding-top: 45px
}

.pr-3 {
    padding-right: 45px
}

.pb-3 {
    padding-bottom: 45px
}

.pl-3 {
    padding-left: 45px
}

.m-3 {
    margin: 45px
}

.mt-3 {
    margin-top: 45px
}

.mr-3 {
    margin-right: 45px
}

.mb-3 {
    margin-bottom: 45px
}

.ml-3 {
    margin-left: 45px
}

.p-4 {
    padding: 60px
}

.pt-4 {
    padding-top: 60px
}

.pr-4 {
    padding-right: 60px
}

.pb-4 {
    padding-bottom: 60px
}

.pl-4 {
    padding-left: 60px
}

.m-4 {
    margin: 60px
}

.mt-4 {
    margin-top: 60px
}

.mr-4 {
    margin-right: 60px
}

.mb-4 {
    margin-bottom: 60px
}

.ml-4 {
    margin-left: 60px
}

.p-5 {
    padding: 75px
}

.pt-5 {
    padding-top: 75px
}

.pr-5 {
    padding-right: 75px
}

.pb-5 {
    padding-bottom: 75px
}

.pl-5 {
    padding-left: 75px
}

.m-5 {
    margin: 75px
}

.mt-5 {
    margin-top: 75px
}

.mr-5 {
    margin-right: 75px
}

.mb-5 {
    margin-bottom: 75px
}

.ml-5 {
    margin-left: 75px
}

.p-6 {
    padding: 90px
}

.pt-6 {
    padding-top: 90px
}

.pr-6 {
    padding-right: 90px
}

.pb-6 {
    padding-bottom: 90px
}

.pl-6 {
    padding-left: 90px
}

.m-6 {
    margin: 90px
}

.mt-6 {
    margin-top: 90px
}

.mr-6 {
    margin-right: 90px
}

.mb-6 {
    margin-bottom: 90px
}

.ml-6 {
    margin-left: 90px
}

.p-7 {
    padding: 105px
}

.pt-7 {
    padding-top: 105px
}

.pr-7 {
    padding-right: 105px
}

.pb-7 {
    padding-bottom: 105px
}

.pl-7 {
    padding-left: 105px
}

.m-7 {
    margin: 105px
}

.mt-7 {
    margin-top: 105px
}

.mr-7 {
    margin-right: 105px
}

.mb-7 {
    margin-bottom: 105px
}

.ml-7 {
    margin-left: 105px
}

.col-lg-5p,
.col-md-5p,
.col-sm-5p,
.col-xs-5p {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left
}

.col-xs-5p {
    width: 20%
}

@media (min-width: 768px) {
    .col-sm-5p {
        width: 20%
    }
}

@media (min-width: 992px) {
    .col-md-5p {
        width: 20%
    }
}

@media (min-width: 1200px) {
    .col-lg-5p {
        width: 20%
    }
}

.col-lg-7p,
.col-md-7p,
.col-sm-7p,
.col-xs-7p {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left
}

.col-xs-7p {
    width: 14.28571%
}

@media (min-width: 768px) {
    .col-sm-7p {
        width: 14.28571%
    }
}

@media (min-width: 992px) {
    .col-md-7p {
        width: 14.28571%
    }
}

@media (min-width: 1200px) {
    .col-lg-7p {
        width: 14.28571%
    }
}

.col-lg-8p,
.col-md-8p,
.col-sm-8p,
.col-xs-8p {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left
}

.col-xs-8p {
    width: 12.5%
}

@media (min-width: 768px) {
    .col-sm-8p {
        width: 12.5%
    }
}

@media (min-width: 992px) {
    .col-md-8p {
        width: 12.5%
    }
}

@media (min-width: 1200px) {
    .col-lg-8p {
        width: 12.5%
    }
}

.col-lg-9p,
.col-md-9p,
.col-sm-9p,
.col-xs-9p {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left
}

.col-xs-9p {
    width: 11.11111%
}

@media (min-width: 768px) {
    .col-sm-9p {
        width: 11.11111%
    }
}

@media (min-width: 992px) {
    .col-md-9p {
        width: 11.11111%
    }
}

@media (min-width: 1200px) {
    .col-lg-9p {
        width: 11.11111%
    }
}

.col-lg-10p,
.col-md-10p,
.col-sm-10p,
.col-xs-10p {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left
}

.col-xs-10p {
    width: 10%
}

@media (min-width: 768px) {
    .col-sm-10p {
        width: 10%
    }
}

@media (min-width: 992px) {
    .col-md-10p {
        width: 10%
    }
}

@media (min-width: 1200px) {
    .col-lg-10p {
        width: 10%
    }
}

h1 {
    font-size: 24px;
    margin: 0 0 18px
}

h2 {
    font-size: 22px;
    margin: 0 0 16px
}

h3 {
    font-size: 20px;
    margin: 0 0 14px
}

h4 {
    font-size: 18px;
    margin: 0 0 12px
}

h5 {
    font-size: 16px;
    margin: 0 0 10px
}

h6 {
    font-size: 14px;
    margin: 0 0 8px
}

table tr th,
table tr td {
    vertical-align: middle !important
}

table.table-bordered {
    border: none !important
}

table .img-thumbnail {
    max-width: 60px
}

.dropdown-menu {
    margin: 0;
    padding: 0
}

.form-control {
    box-shadow: none !important
}

.btn {
    outline: none !important
}

p {
    margin: 0 0 14px
}

a {
    color: #333
}

ul,
ol {
    margin-bottom: 0
}

.common-home footer {
    margin-top: 0
}
body::-webkit-scrollbar {
    width: 8px
}

body::-webkit-scrollbar-button:vertical {
    display: none
}

body::-webkit-scrollbar-track:vertical {
    background-color: black
}

body::-webkit-scrollbar-track-piece {
    background: #F4F4F4
}

body::-webkit-scrollbar-thumb:vertical {
    background-color: #ccc;
    border-radius: 5px
}

body::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #aaa
}

body.body-overflow {
    overflow: hidden
}

body.body-overflow:before {
    opacity: 1;
    pointer-events: auto;
    z-index: 999
}

@media (max-width: 992px) {
    body:before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        z-index: -1;
        pointer-events: none;
        transition: .3s opacity;
        background: rgba(41, 45, 53, 0.5)
    }
}

div.required .control-label:before {
    content: '* ';
    color: #f00;
    font-weight: bold
}

.no-items {
    text-align: center;
    font-size: 18px;
    margin-bottom: 40px;
    color: #707077;
    line-height: 26px
}

.no-items .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px
}

.no-items span {
    display: block
}

.no-items img {
    margin: 20px auto 34px auto
}

.no-items p {
    margin-bottom: 10px
}

.no-items .btn {
    margin-top: 20px
}

html[lang^="en"] .no-items {
    font-size: 15px;
    line-height: 24px
}

html[lang^="en"] .no-items .inner {
    display: inline-block
}

@media (min-width: 768px) {
    html[lang^="en"] .no-items .inner {
        max-width: 600px
    }
}

.form-group-list .buttons {
    margin-top: 10px
}

.form-group-list .form-group label {
    width: 100%;
    padding-top: 0 !important;
    margin-bottom: 5px !important;
    text-align: left !important
}

.form-group-list .form-group .col-sm-10 {
    width: 100%
}

.form-group-list .form-group .radio-inline {
    width: auto
}

.form-group-list .form-group textarea {
    border-radius: 0px
}

.default-border {
    border: 1px solid #eee
}

.default-border li {
    padding: 0 10px
}

.default-border ol,
.default-border ul {
    list-style: none
}

.default-border .title {
    position: relative;
    margin: 0;
    background: #f5f5f5;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    padding: 10px 15px;
    border-bottom: 1px solid #e7e7e7
}

.default-border .list-unstyled {
    margin-bottom: 0
}

.default-border .list-unstyled li {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.default-border .list-unstyled li:hover {
    background-color: #f5f5f5
}

.default-border .list-unstyled li:hover a {
    color: #1b81fc
}

.default-border .list-unstyled li:hover a:before {
    color: #1b81fc
}

.default-border .list-unstyled a {
    display: block;
    padding: 8px 0;
    font-size: 14px;
    color: #777;
    position: relative;
    padding-left: 23px
}

.default-border .list-unstyled a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    top: 8px;
    left: 5px;
    position: absolute;
    color: #ddd;
    -webkit-transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s
}

.agree-to-terms {
    min-width: 600px
}

@media (max-width: 768px) {
    .agree-to-terms {
        min-width: 70%
    }
}

.flyer {
    width: 30px;
    color: #fff;
    height: 30px;
    z-index: 999;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #1b81fc
}

.bg-gray,
.client-comments-wrapper {
    background-color: #f7f7f7
}

.bg-white {
    background-color: #fff
}

.btn-primary {
    border: none;
    background: -webkit-linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    background: -moz-linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    background: -o-linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    background: linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#1b81fc, endColorstr=#00b8ff, GradientType=0.9)
}

.btn-primary:hover {
    color: #333;
    background: -webkit-linear-gradient(90deg, #9bbfff 0, #93ffc0 100%);
    background: -moz-linear-gradient(90deg, #9bbfff 0, #93ffc0 100%);
    background: -o-linear-gradient(90deg, #9bbfff 0, #93ffc0 100%);
    background: linear-gradient(90deg, #9bbfff 0, #93ffc0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#9bbfff, endColorstr=#93ffc0, GradientType=0.9)
}

.btn-default {
    border: none;
    background: -webkit-linear-gradient(90deg, #f5f4fa 0, #e4f7ff 100%);
    background: -moz-linear-gradient(90deg, #f5f4fa 0, #e4f7ff 100%);
    background: -o-linear-gradient(90deg, #f5f4fa 0, #e4f7ff 100%);
    background: linear-gradient(90deg, #f5f4fa 0, #e4f7ff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#f5f4fa, endColorstr=#e4f7ff, GradientType=0.9)
}

.btn-default:hover {
    color: #fff;
    background: -webkit-linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    background: -moz-linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    background: -o-linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    background: linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#1b81fc, endColorstr=#00b8ff, GradientType=0.9)
}

.information-information img {
    max-width: 100%;
    height: auto
}

#top {
    color: #999;
    height: 30px;
    border-bottom: 1px solid #f4f4f4;
    background-color: #fff
}

#top .pull-left h2 {
    font-size: 14px;
    line-height: 30px
}

#top .pull-left h2 i {
    padding-right: 6px
}

#top .list-inline {
    margin-bottom: 0
}

#top .list-inline>li {
    height: 30px;
    line-height: 30px;
    margin-right: 14px;
    padding-right: 14px;
    position: relative
}

#top .list-inline>li:first-of-type:before {
    display: none
}

#top .list-inline>li:last-of-type {
    margin-right: 0;
    padding-right: 0
}

#top .list-inline>li:before {
    content: '';
    position: absolute;
    left: -14px;
    top: 8px;
    width: 1px;
    height: 60%;
    background: #eee
}

#top .btn-group:hover .dropdown-menu,
#top .list-inline li:hover .dropdown-menu {
    display: block;
    visibility: visible
}

#top .btn-group:hover>a,
#top .list-inline li:hover>a {
    color: #1b81fc !important
}

#top a,
#top button {
    color: #999;
    font-size: 12px
}

#top a i,
#top button i {
    font-size: 14px;
    margin-right: 4px
}

#top a:hover,
#top button:hover {
    color: #1b81fc !important
}

@media (min-width: 992px) {
    #top .dropdown-menu {
        border-radius: 4px;
        padding: 10px 0;
        left: 50%;
        top: 140%;
        border: none;
        text-align: center;
        margin-left: -80px;
        box-shadow: 0 50px 130px rgba(0, 0, 0, 0.4)
    }
}

#top .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -0.4375em;
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

#top .dropdown-menu:after {
    content: '';
    position: absolute;
    left: 0;
    top: -16px;
    width: 100%;
    height: 16px
}

#top .dropdown-menu li {
    padding: 0 10px
}

#top .dropdown-menu li:hover {
    background: #f5f5f5
}

#top .dropdown-menu li:last-of-type a {
    border-bottom: none
}

#top .dropdown-menu button,
#top .dropdown-menu a {
    color: #777;
    font-size: 13px;
    padding: 8px 13px;
    border-bottom: 1px solid #f3f3f3
}

#top .dropdown-menu button:hover,
#top .dropdown-menu a:hover {
    color: #1b81fc
}

@media (min-width: 992px) {
    body.common-home {
        padding-top: 0
    }
}

body.checkout-checkout-address_form {
    padding-top: 0
}

.common-home header {
    box-shadow: none
}

@media (min-width: 992px) {
    .common-home header {
        background: transparent;
        background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
        background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
        background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=rgba(0, 0, 0, 0.6), endColorstr=rgba(0, 0, 0, 0), GradientType=0.9)
    }
}

.common-home header #menu .nav {
    color: #fff
}

@media (min-width: 992px) {
    .common-home header #logo img.logo-auto {
        display: none
    }
    .common-home header #logo img.logo-hover {
        display: inline-block
    }
}

@media (max-width: 992px) {
    .common-home header #logo img.logo-auto {
        display: inline-block
    }
    .common-home header #logo img.logo-hover {
        display: none
    }
}

.common-home header .iconfont {
    color: #fff
}

body {
    padding-top: 84px
}

header {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    background: #FFF;
    box-shadow: 0 0 35px 0 rgba(24, 24, 24, 0.15);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in
}

@media (min-width: 992px) {
    header {
        padding: 16px 0
    }
}

header.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 9991;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transition: ease-in-out 0.3s all;
    -moz-transition: ease-in-out 0.3s all;
    -o-transition: ease-in-out 0.3s all;
    transition: ease-in-out 0.3s all;
    -webkit-animation: fadeInDown 300ms linear;
    -moz-animation: fadeInDown 300ms linear;
    -ms-animation: fadeInDown 300ms linear;
    animation: fadeInDown 300ms linear
}

@keyframes fadeInDown {
    0% {
        top: -76px
    }
    100% {
        top: 0
    }
}

@-o-keyframes fadeInDown {
    0% {
        top: -76px
    }
    100% {
        top: 0
    }
}

@-moz-keyframes fadeInDown {
    0% {
        top: -76px
    }
    100% {
        top: 0
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        top: -76px
    }
    100% {
        top: 0
    }
}

header.fixed-header:hover {
    background: #fff
}

header.header-active {
    padding: 2px 0
}

header.header-active #menu .nav {
    color: #222
}

header.header-active #logo img.logo-auto {
    display: inline-block
}

header.header-active #logo img.logo-hover {
    display: none
}

header.header-active .iconfont {
    color: #222
}

header .change-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 19px rgba(170, 174, 195, 0.5);
    box-shadow: 0 2px 19px rgba(170, 174, 195, 0.5)
}

header #logo {
    margin-top: 6px
}

header #logo img {
    display: inline-block
}

header #logo img.logo-hover {
    display: none
}

@media (min-width: 992px) {
    header #logo {
        float: left
    }
}

@media (min-width: 1200px) {
    header #logo {
        width: 230px
    }
}

@media (max-width: 992px) {
    header #logo {
        margin: 6px 0;
        text-align: center;
        width: 100%
    }
}

header .search-cart {
    float: right
}

header .search-cart>div:hover .iconfont {
    color: #1b81fc
}

header .search-cart .account-wrapper {
    float: right
}

header .search-cart #search {
    margin-top: 11px;
    float: right;
    cursor: pointer
}

header .search-cart #search i {
    font-size: 24px
}

header .search-cart #cart {
    float: right;
    position: relative
}

header .search-cart #cart .cart-total {
    position: absolute;
    top: 7px;
    right: -6px;
    min-width: 16px;
    line-height: 16px;
    text-align: center;
    z-index: 999;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    background-color: #1b81fc
}

header .search-cart #cart>button {
    padding: 12px 0 0 12px;
    text-align: right;
    background: transparent
}

header .search-cart #cart>button i {
    font-size: 20px
}

header .search-cart #cart .no-results {
    margin-bottom: 0;
    padding: 16px 6px
}

header .search-cart #cart:hover .dropdown-menu {
    display: block
}

header .search-cart #cart .dropdown-menu {
    min-width: 350px;
    padding: 10px !important;
    left: auto !important;
    margin-left: 0 !important
}

@media (min-width: 992px) {
    header .search-cart #cart .dropdown-menu {
        border-radius: 4px;
        padding: 10px 0;
        left: 50%;
        top: 140%;
        border: none;
        text-align: center;
        margin-left: -80px;
        box-shadow: 0 50px 130px rgba(0, 0, 0, 0.4)
    }
}

header .search-cart #cart .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -0.4375em;
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

header .search-cart #cart .dropdown-menu:after {
    content: '';
    position: absolute;
    left: 0;
    top: -16px;
    width: 100%;
    height: 16px
}

header .search-cart #cart .dropdown-menu:before {
    left: auto !important;
    right: 10px;
    margin-left: 0 !important
}

header .search-cart #cart .dropdown-menu li.products {
    max-height: 360px;
    overflow: hidden;
    overflow-y: auto
}

header .search-cart #cart .dropdown-menu li.products::-webkit-scrollbar {
    width: 8px
}

header .search-cart #cart .dropdown-menu li.products::-webkit-scrollbar-button:vertical {
    display: none
}

header .search-cart #cart .dropdown-menu li.products::-webkit-scrollbar-track:vertical {
    background-color: black
}

header .search-cart #cart .dropdown-menu li.products::-webkit-scrollbar-track-piece {
    background: #F4F4F4
}

header .search-cart #cart .dropdown-menu li.products::-webkit-scrollbar-thumb:vertical {
    background-color: #ccc;
    border-radius: 5px
}

header .search-cart #cart .dropdown-menu li.products::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #aaa
}

header .search-cart #cart .dropdown-menu li td {
    padding: 8px
}

header .search-cart #cart .dropdown-menu li .name {
    height: 34px;
    overflow: hidden;
    display: inline-block
}

header .search-cart .account-wrapper {
    margin-top: 11px;
    margin-left: 12px;
    position: relative
}

header .search-cart .account-wrapper>a {
    display: block
}

header .search-cart .account-wrapper>a i {
    font-size: 24px
}

header .search-cart .account-wrapper:hover .dropdown-menu {
    display: block;
    visibility: visible
}

@media (min-width: 992px) {
    header .search-cart .account-wrapper .dropdown-menu {
        border-radius: 4px;
        padding: 10px 0;
        left: 50%;
        top: 140%;
        border: none;
        text-align: center;
        margin-left: -80px;
        box-shadow: 0 50px 130px rgba(0, 0, 0, 0.4)
    }
}

header .search-cart .account-wrapper .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -0.4375em;
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

header .search-cart .account-wrapper .dropdown-menu:after {
    content: '';
    position: absolute;
    left: 0;
    top: -16px;
    width: 100%;
    height: 16px
}

header .search-cart .account-wrapper .dropdown-menu li {
    padding: 0 10px
}

header .search-cart .account-wrapper .dropdown-menu li:hover {
    background: #f5f5f5
}

header .search-cart .account-wrapper .dropdown-menu li:last-of-type a {
    border-bottom: none
}

header .search-cart .account-wrapper .dropdown-menu button,
header .search-cart .account-wrapper .dropdown-menu a {
    color: #777;
    font-size: 13px;
    padding: 8px 13px;
    border-bottom: 1px solid #f3f3f3
}

header .search-cart .account-wrapper .dropdown-menu button:hover,
header .search-cart .account-wrapper .dropdown-menu a:hover {
    color: #1b81fc
}

.layer-search-pup {
    background: rgba(20, 22, 24, 0.9)
}

.layer-search-pup .search-info {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 15%;
    width: 70%
}

@media (min-width: 1500px) {
    .layer-search-pup .search-info {
        width: 980px;
        left: 50%;
        margin-left: -490px
    }
}

.layer-search-pup .search-info a {
    position: absolute;
    left: 40%;
    top: -100px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.layer-search-pup .search-info a:hover {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.layer-search-pup .search-info input {
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    border-color: #fff;
    color: #fff;
    font-size: 20px;
    background: transparent
}

.layer-search-pup .search-info i {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -30px;
    color: #fff;
    height: 60px;
    font-size: 20px;
    cursor: pointer;
    line-height: 60px;
    display: inline-block
}

footer {
    margin-top: 20px;
    border-top: 1px solid #e5e7f2;
    background-color: #f8f8f8
}

footer hr {
    border-color: #999
}

footer .customer-service-footer {
    background: -webkit-linear-gradient(180deg, #f6fdfc 0, #eef1f9 100%);
    background: -moz-linear-gradient(180deg, #f6fdfc 0, #eef1f9 100%);
    background: -o-linear-gradient(180deg, #f6fdfc 0, #eef1f9 100%);
    background: linear-gradient(180deg, #f6fdfc 0, #eef1f9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#f6fdfc, endColorstr=#eef1f9, GradientType=0.9)
}

footer .customer-service-footer .item {
    position: relative
}

@media (min-width: 768px) {
    footer .customer-service-footer .item {
        text-align: center
    }
    footer .customer-service-footer .item:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -18px;
        width: 1px;
        height: 36px;
        background: #888
    }
}

footer .customer-service-footer .col-xs-12:last-of-type .item:before {
    display: none
}

footer .customer-service-footer .icon {
    width: 60px;
    display: inline-block
}

footer .customer-service-footer .text {
    display: inline-block;
    text-align: left;
    margin-left: 10px
}

footer .customer-service-footer .text h3 {
    color: #555
}

footer .customer-service-footer .text p {
    font-size: 14px;
    color: #888;
    margin: 6px 0 0
}

footer .footer-innrt {
    background: #f8f8f8
}

@media (min-width: 768px) {
    footer .footer-innrt .footer-pl {
        padding-left: 30px
    }
}

footer .footer-innrt .web-info p {
    margin-bottom: 18px;
    line-height: 28px;
    color: #777
}

footer .footer-innrt .web-info .contact-btn>.pull-left ~ div {
    margin-left: 10px
}

footer .footer-innrt .web-info .contact-btn>.pull-left li {
    padding: 0;
    border-bottom: 1px solid #eee
}

footer .footer-innrt .web-info .contact-btn>.pull-left li:last-of-type {
    border-bottom: none
}

footer .footer-innrt .web-info .contact-btn>.pull-left li .btn {
    color: #333;
    text-align: left !important
}

footer .footer-innrt .web-info .contact-btn>.pull-left li:hover {
    background: #eee
}

footer h5 {
    font-size: 19px;
    position: relative;
    margin-bottom: 26px;
    color: #222
}

@media (max-width: 768px) {
    footer h5 {
        font-size: 14px;
        margin-bottom: 8px
    }
}

footer ul.list-unstyled li {
    padding: 10px 0;
    position: relative
}

@media (max-width: 768px) {
    footer ul.list-unstyled li {
        padding: 5px 0
    }
}

footer ul.list-unstyled li a {
    display: inline-block;
    color: #777;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

footer ul.list-unstyled li a:hover {
    color: #1b81fc
}

footer ul.list-unstyled.address-wrapper {
    font-size: 14px;
    color: #777
}

footer ul.list-unstyled.address-wrapper li {
    line-height: 23px;
    padding: 7px 0
}

footer ul.list-unstyled.address-wrapper i {
    width: 20px;
    color: #777
}

footer .fixed-shortcut-wrapper {
    position: fixed;
    bottom: 170px;
    right: 6px;
    z-index: 99;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1)
}

footer .fixed-shortcut-wrapper .item {
    position: relative;
    text-align: center;
    height: 38px;
    width: 38px
}

footer .fixed-shortcut-wrapper .item:first-of-type a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

footer .fixed-shortcut-wrapper .item:last-of-type a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

footer .fixed-shortcut-wrapper .item:last-of-type a:before {
    display: none
}

footer .fixed-shortcut-wrapper .item.children:before,
footer .fixed-shortcut-wrapper .item.children:after {
    display: none;
    content: '\f0da';
    position: absolute;
    left: -18px;
    font-size: 16px;
    padding: 21px 5px;
    z-index: 999;
    font-family: 'fontawesome';
    color: #ddd;
    top: -10px
}

footer .fixed-shortcut-wrapper .item.children a {
    position: relative;
    z-index: 999
}

footer .fixed-shortcut-wrapper .item.children:after {
    color: #fff;
    left: -19px
}

footer .fixed-shortcut-wrapper .item:hover {
    background-color: #ffeeee
}

footer .fixed-shortcut-wrapper .item:hover .children-inner {
    display: block
}

footer .fixed-shortcut-wrapper .item:hover:before,
footer .fixed-shortcut-wrapper .item:hover:after {
    display: block
}

footer .fixed-shortcut-wrapper .item>a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    color: #999999
}

footer .fixed-shortcut-wrapper .item>a.scroll-top i {
    font-size: 22px
}

footer .fixed-shortcut-wrapper .item>a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%;
    border-bottom: 1px solid #eee
}

footer .fixed-shortcut-wrapper .item>a span {
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 0;
    padding: 0 10px;
    font-size: 14px;
    height: 100%;
    opacity: 0;
    z-index: -1;
    white-space: nowrap;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgba(255, 255, 255, 0.719);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

footer .fixed-shortcut-wrapper .item>a:hover {
    color: #fff;
    background: -webkit-linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    background: -moz-linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    background: -o-linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    background: linear-gradient(90deg, #1b81fc 0, #00b8ff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#1b81fc, endColorstr=#00b8ff, GradientType=0.9)
}

footer .fixed-shortcut-wrapper .item>a:hover:before {
    display: none
}

footer .fixed-shortcut-wrapper .item>a:hover span {
    opacity: 1;
    right: 37px;
    background: -webkit-linear-gradient(90deg, #00b8ff 0, #1b81fc 100%);
    background: -moz-linear-gradient(90deg, #00b8ff 0, #1b81fc 100%);
    background: -o-linear-gradient(90deg, #00b8ff 0, #1b81fc 100%);
    background: linear-gradient(90deg, #00b8ff 0, #1b81fc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00b8ff, endColorstr=#1b81fc, GradientType=0.9)
}

footer .fixed-shortcut-wrapper .item>a:active {
    background-color: #076de8
}

footer .fixed-shortcut-wrapper .item>a:active span {
    transition: all 0s;
    background-color: #076de8
}

footer .fixed-shortcut-wrapper .item .children-inner {
    display: none;
    position: absolute;
    top: -60px;
    width: 150px;
    z-index: 998;
    right: 51px;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2)
}

footer .footer-bottom {
    font-size: 14px;
    background: #252c41;
    margin-top: 50px;
    color: #fff;
    padding: 20px 0
}

footer .footer-bottom a {
    color: inherit
}

footer .footer-bottom .text-right a+a {
    margin-left: 10px
}

@media (max-width: 992px) {
    .header-container .container {
        width: 100%;
        padding: 0
    }
}

#menu {
    min-height: 50px;
    margin-bottom: 0
}

@media (min-width: 992px) {
    #menu {
        float: left
    }
}

@media (max-width: 992px) {
    #menu {
        width: 100%;
        min-height: 40px;
        overflow: hidden;
        border-bottom: 1px solid #e4e4e4;
        background-color: #f1f1f0
    }
}

#menu .nav {
    color: #222
}

@media (max-width: 992px) {
    #menu .nav {
        float: none;
        text-align: left;
        margin: 0
    }
}

#menu .nav>li {
    position: relative
}

#menu .nav>li .dropdown-menu {
    top: 100% !important
}

@media (min-width: 992px) {
    #menu .nav>li .dropdown-menu {
        border-radius: 4px;
        padding: 10px 0;
        left: 50%;
        top: 140%;
        border: none;
        text-align: center;
        margin-left: -80px;
        box-shadow: 0 50px 130px rgba(0, 0, 0, 0.4)
    }
}

#menu .nav>li .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -0.4375em;
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

#menu .nav>li .dropdown-menu:after {
    content: '';
    position: absolute;
    left: 0;
    top: -16px;
    width: 100%;
    height: 16px
}

@media (min-width: 992px) {
    #menu .nav>li .dropdown-menu {
        visibility: hidden;
        display: block
    }
}

#menu .nav>li .dropdown-menu>li {
    padding: 0 10px
}

#menu .nav>li .dropdown-menu>li:hover {
    background: #f5f5f5
}

#menu .nav>li .dropdown-menu>li:hover a {
    color: #1b81fc
}

#menu .nav>li .dropdown-menu>li:last-of-type a {
    border-bottom: none
}

#menu .nav>li .dropdown-menu>li>a {
    padding: 9px 20px;
    border-bottom: 1px solid #f3f3f3
}

@media (min-width: 992px) {
    #menu .nav>li>.toggle-button {
        position: absolute;
        top: 50%;
        right: 0px;
        margin-top: -9px
    }
    #menu .nav>li:hover>a {
        color: #1b81fc
    }
    #menu .nav>li:hover .dropdown-menu {
        display: block;
        visibility: visible
    }
    #menu .nav>li>a {
        font-size: 15px;
        height: 50px;
        color: inherit;
        font-weight: bold;
        line-height: 50px;
        padding: 0 13px
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #menu .nav>li>a {
        padding: 0 10px
    }
}

@media (max-width: 992px) {
    #menu .nav>li {
        float: none;
        border-bottom: 1px solid #e5e5e5
    }
    #menu .nav>li.active>a,
    #menu .nav>li.active .toggle-button {
        color: #1b81fc
    }
    #menu .nav>li.active>a i,
    #menu .nav>li.active .toggle-button i {
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    #menu .nav>li>.toggle-button {
        top: 0;
        right: 0px;
        padding: 10px;
        cursor: pointer;
        position: absolute
    }
    #menu .nav>li>a {
        width: 84%;
        color: #666
    }
    #menu .nav>li .dropdown-menu {
        position: relative;
        float: none;
        box-shadow: none;
        border: none;
        padding-left: 12px;
        transition: none
    }
}

#menu .navbar-header {
    height: 40px;
    width: 100%;
    margin: 0
}

#menu .navbar-header .mobile-search {
    float: left;
    padding: 0 10px;
    height: 40px;
    width: 40px
}

#menu .navbar-header .mobile-nav-icon {
    height: 40px;
    width: 40px;
    float: right
}

@media (min-width: 768px) {
    #column-left {
        padding-right: 20px
    }
    #column-right {
        padding-left: 20px
    }
}

#column-left .product-layout,
#column-left .latest-wrapper,
#column-right .product-layout,
#column-right .latest-wrapper {
    width: 100%
}

#column-left .product-layout .product-thumb,
#column-left .latest-wrapper .product-thumb,
#column-right .product-layout .product-thumb,
#column-right .latest-wrapper .product-thumb {
    border-color: transparent;
    margin-bottom: 8px
}

#column-left .product-layout .product-thumb .image,
#column-left .latest-wrapper .product-thumb .image,
#column-right .product-layout .product-thumb .image,
#column-right .latest-wrapper .product-thumb .image {
    padding: 8px 8px 8px 0;
    width: 30%;
    float: left
}

#column-left .product-layout .product-thumb .image .sales,
#column-left .latest-wrapper .product-thumb .image .sales,
#column-right .product-layout .product-thumb .image .sales,
#column-right .latest-wrapper .product-thumb .image .sales {
    display: none
}

#column-left .product-layout .product-thumb .caption,
#column-left .latest-wrapper .product-thumb .caption,
#column-right .product-layout .product-thumb .caption,
#column-right .latest-wrapper .product-thumb .caption {
    padding: 0;
    text-align: left
}

#column-left .product-layout .product-thumb .caption .product-name a,
#column-left .latest-wrapper .product-thumb .caption .product-name a,
#column-right .product-layout .product-thumb .caption .product-name a,
#column-right .latest-wrapper .product-thumb .caption .product-name a {
    font-size: 14px
}

#column-left .product-layout .product-thumb .button-group,
#column-left .latest-wrapper .product-thumb .button-group,
#column-right .product-layout .product-thumb .button-group,
#column-right .latest-wrapper .product-thumb .button-group {
    display: none
}

#column-left .product-layout .product-thumb .price,
#column-left .latest-wrapper .product-thumb .price,
#column-right .product-layout .product-thumb .price,
#column-right .latest-wrapper .product-thumb .price {
    opacity: 1 !important;
    font-size: 14px;
    margin-bottom: 0
}

#column-left .product-layout .product-thumb .product-name,
#column-left .latest-wrapper .product-thumb .product-name,
#column-right .product-layout .product-thumb .product-name,
#column-right .latest-wrapper .product-thumb .product-name {
    margin: 2px 0
}

#column-left .product-layout .product-thumb .product-name a,
#column-left .latest-wrapper .product-thumb .product-name a,
#column-right .product-layout .product-thumb .product-name a,
#column-right .latest-wrapper .product-thumb .product-name a {
    font-weight: 500
}

#column-left .product-layout .product-thumb .rating,
#column-left .latest-wrapper .product-thumb .rating,
#column-right .product-layout .product-thumb .rating,
#column-right .latest-wrapper .product-thumb .rating {
    padding-bottom: 8px
}

.rating .fa-stack {
    font-size: 28px;
    width: 12px;
    height: 12px;
    line-height: 12px
}

.rating .fa-stack .fa-star {
    color: #ffcc00;
    font-size: 14px
}

.rating .fa-stack .fa-star.off {
    color: #d2d2d2;
    font-size: 14px
}

.layui-layer .layui-layer-content a {
    color: #1b81fc;
    text-decoration: underline;
    font-size: 16px
}

.layui-layer .layui-layer-btn a.layui-layer-btn0 {
    border-color: #1b81fc;
    background-color: #1b81fc
}

.product-thumb {
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.product-thumb .image {
    text-align: center;
    position: relative
}

.product-thumb .image a {
    display: block;
    position: relative
}

.product-thumb .image a:before {
    display: none;
    content: '';
    position: absolute;
    top: 2%;
    right: 0;
    width: 0;
    left: 50%;
    bottom: 2%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0
}

.product-thumb .image img {
    display: inline-block
}

.product-thumb .image .sales {
    position: absolute;
    top: 10px;
    color: #fff;
    z-index: 99;
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 3px;
    background: rgba(53, 193, 27, 0.7);
    left: 10px
}

.product-thumb .caption {
    padding: 10px 10px 4px;
    text-align: center
}

@media (max-width: 376px) {
    .product-thumb .caption {
        padding: 0 5px
    }
}

.product-thumb .caption .product-name {
    height: 24px;
    overflow: hidden;
    margin: 0 0 10px
}

.product-thumb .caption .product-name a {
    line-height: 24px;
    font-size: 18px
}

@media (max-width: 992px) {
    .product-thumb .caption .product-name a {
        font-size: 15px
    }
}

@media (max-width: 992px) {
    .product-thumb .caption .rating {
        padding-bottom: 6px
    }
}

.product-thumb .caption .price {
    font-size: 18px;
    color: #1b81fc;
    font-weight: bold;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

@media (max-width: 992px) {
    .product-thumb .caption .price {
        font-size: 15px
    }
}

.product-thumb .caption .price .price-old {
    color: #888;
    font-size: 12px;
    margin-left: 3px;
    font-weight: 500;
    text-decoration: line-through
}

@media (min-width: 768px) {
    .product-thumb:hover {
        box-shadow: 0 1px 15px 5px #ddd
    }
}

.product-list .product-thumb .product-name {
    margin: 10px 0
}

.product-list .product-thumb .product-name a {
    font-size: 16px
}

.product-list .product-thumb .image {
    float: left;
    width: 26%;
    padding: 10px;
    display: inline-block
}

.product-list .product-thumb .caption {
    text-align: left;
    margin-left: 26%
}

.product-list .product-thumb .caption .sales {
    display: block;
    margin-bottom: 10px
}

.product-list .product-thumb .price {
    opacity: 1 !important
}

.product-list .product-thumb .product-button-wrapper {
    opacity: 1 !important;
    left: 26%;
    bottom: 20px;
    width: 230px
}

/*

-box .s-box .b-collect {
    width: 148px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 50%;
    top: 197px;
    margin-left: -90px;
    color: #333;
    font-size: 20px;
    border-radius: 2px;
    z-index: 2;
    background: url(../image/common_new.png) 29px -31px no-repeat #fff;
    padding-left: 31px;
    cursor: pointer;
    filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

color: #333;
    font-size: 20px;
    border-radius: 2px;
    z-index: 2;
    background: url(../image/common_new.png) 29px -31px no-repeat #fff;
    padding-left: 31px;
    cursor: pointer;
    filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    font-size: 17px;
    letter-spacing: 7px
}
*/

.product-thumb .image .product-button-wrapper {
    display: none;
}

.product-thumb .image:hover img {
    opacity: .5
}

.product-thumb .image:hover .product-button-wrapper {
    display: block;
    position: absolute;
    width: 148px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 50%;
    top: 180px;
    margin-left: -80px;
    z-index: 1
}
.product-thumb .image:hover .product-button-wrapper:hover {
    cursor: pointer;
    display: block;
}


.latest-wrapper .product-thumb {
    padding: 20px 0 10px;
    padding: 20px 10px
}

.latest-wrapper .product-thumb .sales {
    right: 10px;
    left: auto !important;
    top: auto !important;
    bottom: 22px
}

.latest-wrapper .product-thumb .image {
    padding: 0
}

.latest-wrapper .product-thumb .product-name {
    margin: 10px 0
}

.latest-wrapper .product-thumb .image {
    float: left;
    width: 26%;
    padding: 10px;
    display: inline-block
}

.latest-wrapper .product-thumb .caption {
    text-align: left;
    margin-left: 26%
}

.latest-wrapper .product-thumb .caption .sales {
    display: block;
    margin-bottom: 10px
}

.latest-wrapper .product-thumb .price {
    opacity: 1 !important
}

.latest-wrapper .product-thumb .product-button-wrapper {
    display: none !important
}

.widget-title {
    position: relative;
    clear: both;
    padding: 0 0 14px;
    margin: 0 0 18px;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

.widget-title:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -1px;
    height: 2px;
    width: 90px;
    background: #ccc
}

.widget-title>span {
    display: inline-block;
    font-size: 20px
}

.widget-title .title-pager {
    position: absolute;
    top: -3px;
    right: 0
}

.widget-title .title-pager span {
    width: 32px;
    height: 32px;
    line-height: 25px;
    text-align: center;
    margin-left: 6px;
    color: #888;
    display: inline-block;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.widget-title .title-pager span:hover {
    color: #fff;
    border-color: #1b81fc;
    background-color: #1b81fc
}

.widget-title .title-pager span:before {
    content: "\f104";
    font-size: 14px;
    font-family: fontawesome
}

.widget-title .title-pager span:last-of-type:before {
    content: "\f105"
}

.widget-title .link {
    margin-top: 16px;
    font-size: 14px
}

.widget-title .link a {
    color: #666
}

.widget-title-2 {
    text-align: center
}

.widget-title-2 h2 {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 3px
}

.widget-title-2 h2:after {
    content: "";
    height: 0;
    width: 1.2em;
    line-height: 1;
    display: block;
    margin: 26px auto;
    text-align: left;
    border: solid 2px #1b81fc
}

.widget-title-2 p {
    color: #888d93;
    margin: 0 auto;
    font-size: 18px;
    max-width: 650px;
    line-height: 1.8em
}

.nav-tabs li {
    float: none;
    display: inline-block
}

.nav-tabs li:last-of-type>a:after {
    display: none
}

.nav-tabs li a {
    font-size: 15px;
    color: #666
}

.nav-tabs li a:hover {
    border-color: transparent
}

.nav-tabs li a:after {
    display: block;
    position: absolute;
    content: '';
    width: 1px;
    height: 34%;
    background-color: #707473;
    right: -.5px;
    top: 36%
}

.filter-wrapper {
    border: 1px solid #eee
}

.filter-wrapper a {
    padding: 0;
    color: #222
}

@media only screen and (max-width: 992px) {
    .side-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
        cursor: pointer;
        z-index: 9999999;
        background: rgba(0, 0, 0, 0.4)
    }
    .side-menu .side-inner {
        position: absolute;
        top: 0;
        height: 100%;
        width: 80%;
        text-align: left;
        overflow-y: auto;
        padding: 14px 10px;
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        background-color: #fff;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        left: 0
    }
    .side-menu .side-inner.active {
        box-shadow: rgba(0, 0, 0, 0.1) 0 0 100px 0;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .side-menu .side-inner .dropdown-menu {
        margin-left: 0 !important
    }
    .side-menu .side-title {
        font-size: 20px;
        margin: 18px 0 0;
        font-weight: bold;
        text-align: center;
        padding-bottom: 18px;
        border-bottom: 1px solid #e5e5e5
    }
    .side-menu .nav.navbar-nav {
        margin: 0;
        
    }
    .side-menu .nav.navbar-nav li {
        border-bottom: 1px solid #e5e5e5;
    }
    .side-menu .nav.navbar-nav li a {
        font-size: 14px
    }
    #search {
        width: 100%
    }
    #search button {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9
    }
    .side-title {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        margin: 20px -10px 0 -10px;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 20px
    }
}

@media only screen and (min-width: 992px) {
    .side-menu {
        display: block !important
    }
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: 'iconfont';
    src: url("//at.alicdn.com/t/font_865737_1qkspm1nhcc.eot");
    src: url("//at.alicdn.com/t/font_865737_1qkspm1nhcc.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_865737_1qkspm1nhcc.woff") format("woff"), url("//at.alicdn.com/t/font_865737_1qkspm1nhcc.ttf") format("truetype"), url("//at.alicdn.com/t/font_865737_1qkspm1nhcc.svg#iconfont") format("svg")
}


.sidebar-widget ul {
    list-style: none;
    padding: 0 10px
}

.sidebar-widget ul li {
    box-shadow: none;
    margin: 10px 0 0;
    border-bottom: 1px solid #eee
}

.sidebar-widget ul li:last-of-type {
    border-bottom: none
}

.sidebar-widget ul li .category-href {
    color: #333;
    margin-bottom: 10px;
    display: inline-block
}

.sidebar-widget ul li.active>a {
    color: #1b81fc
}

.sidebar-widget ul li.active>a[aria-expanded="false"] {
    -ms-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important
}

.sidebar-widget ul li.active>.toggle-icon {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sidebar-widget ul ul li {
    padding: 10px 0;
    margin-top: 0;
    border-bottom: 1px dashed #e4e4e4
}

.sidebar-widget ul ul li ul {
    margin-top: 8px;
    padding-left: 14px
}

.sidebar-widget ul ul li:last-of-type {
    border: none
}

.sidebar-widget ul ul li a {
    color: #333
}

.sidebar-widget ul ul li a:hover {
    color: #1b81fc
}

.sidebar-widget ul .toggle-icon {
    float: right;
    font-size: 16px;
    padding: 0 6px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.sidebar-widget ul .toggle-icon[aria-expanded="true"] {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.flash-wrapper {
    position: relative;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in
}

.flash-wrapper .flash-widget-title {
    display: inline-block;
    position: absolute;
    top: 0;
    padding: 0 12px;
    animation-duration: 1s;
    animation-fill-mode: both
}

.flash-swiper-wrap .product-layout {
    position: relative
}

.flash-swiper-wrap .product-layout .sell-out-end {
    position: absolute;
    top: 10px;
    color: #fff;
    z-index: 99;
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 3px;
    background: #333;
    right: 10px
}

.flash-swiper-wrap .product-layout .product-thumb {
    margin-bottom: 0
}

.product-count-down,
.product-countdown {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: inline-block
}

.product-count-down li,
.product-countdown li {
    text-align: center;
    margin: 0 4px;
    display: inline-block;
    color: #999;
    font-size: 12px;
    position: relative
}

.product-count-down li:first-of-type,
.product-countdown li:first-of-type {
    margin-right: 10px
}

.product-count-down li span,
.product-countdown li span {
    font-size: 34px;
    font-family: arial;
    margin-right: 2px;
    color: #333;
    position: relative
}

@media (max-width: 768px) {
    .product-count-down li span,
    .product-countdown li span {
        font-size: 24px
    }
}

.product-count-down li span:after,
.product-countdown li span:after {
    position: absolute;
    right: -2px;
    top: 9px;
    font-size: 15px;
    font-weight: 500
}

.product-countdown {
    margin: -6px 0 12px
}

.product-countdown li {
    margin-left: 0 !important
}

.module-banner-wrapper {
    position: relative;
    overflow: hidden
}

@media (max-width: 768px) {
    .module-banner-wrapper {
        margin-bottom: 20px
    }
}

.module-banner-wrapper:hover:before {
    left: 100%
}

.module-banner-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    left: -100%;
    z-index: 999;
    height: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, 0.4) 100%);
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, 0.4) 100%);
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, 0.4) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, 0.4) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=rgba(0, 0, 0, 0), endColorstr=rgba(255, 255, 255, 0.4), GradientType=0.9)
}

.module-blog-latest .blog-latest-wrapper {
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #eaecf7;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.module-blog-latest .blog-latest-wrapper:hover {
    box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.1)
}

.module-blog-latest .blog-latest-wrapper .thumb {
    margin-bottom: 15px;
    display: block
}

.module-blog-latest .blog-latest-wrapper .info {
    padding: 0 10px
}

.module-blog-latest .blog-latest-wrapper .info a {
    display: block;
    height: 27px;
    font-size: 18px;
    overflow: hidden;
    margin-bottom: 8px;
    color: #333
}

.module-blog-latest .blog-latest-wrapper .info a:hover {
    color: #1b81fc
}

.module-blog-latest .blog-latest-wrapper .info p {
    height: 93px;
    color: #b0b0b0;
    overflow: hidden;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0
}

footer .chat-wrapper {
    padding: 20px 10px !important
}

footer .chat-wrapper .header {
    font-weight: bold;
    font-size: 18px;
    padding: 7px 0;
    margin: -14px -10px 20px;
    border-bottom: 1px solid #eee
}

footer .chat-wrapper .header i {
    color: #1b81fc
}

footer .chat-wrapper .phone {
    margin-bottom: 20px;
    font-size: 15px
}

footer .chat-wrapper ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px
}

footer .chat-wrapper ul li {
    margin-bottom: 8px;
    height: 29px;
    line-height: 29px
}

footer .chat-wrapper ul li a {
    color: #1b81fc;
    display: block;
    border-radius: 6px;
    overflow: hidden;
    height: 30px;
    font-size: 12px;
    position: relative;
    border: 1px solid #ddd;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

footer .chat-wrapper ul li a:hover {
    border-color: #1b81fc
}

footer .chat-wrapper ul li a .icon {
    position: absolute;
    left: 8px;
    top: 5px;
    max-width: 20px;
    margin-right: 12px
}

footer .chat-wrapper ul li a span {
    display: inline-block
}

.module-customer-service {
    background-color: #fff
}

@media (max-width: 768px) {
    .module-customer-service {
        margin: 0;
        padding: 16px 0 0
    }
}

.module-customer-service .item {
    position: relative
}

@media (max-width: 768px) {
    .module-customer-service .item {
        margin-bottom: 10px;
        padding-bottom: 10px
    }
}

.module-customer-service .icon {
    margin-bottom: 20px;
    text-align: center
}

@media (max-width: 768px) {
    .module-customer-service .icon {
        float: left;
        width: 50px;
        height: auto;
        margin-right: 7px;
        line-height: 45px
    }
}

.module-customer-service .icon img {
    display: inline-block
}

.module-customer-service .text {
    padding: 0 10px;
    text-align: center
}

@media (max-width: 768px) {
    .module-customer-service .text {
        text-align: left
    }
}

.module-customer-service .text .title {
    color: #505050;
    font-size: 16px;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 22px;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .module-customer-service .text .title {
        font-size: 14px;
        margin-bottom: 4px
    }
}

.module-customer-service .text .sub-title {
    color: #888;
    font-size: 14px;
    padding: 0 26px;
    line-height: 24px
}

@media (max-width: 768px) {
    .module-customer-service .text .sub-title {
        font-size: 13px
    }
}

.module-image-text {
    background-attachment: fixed;
    position: relative;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center
}

.module-image-text .container-fluid {
    padding: 0 50px
}

.module-image-text .pull-center {
    text-align: center !important
}

@media (min-width: 768px) {
    .module-image-text .pull-right,
    .module-image-text .pull-left {
        width: 50%
    }
}

.module-image-text .text-content {
    padding: 20px;
    clear: both
}

.module-image-text .text-content p {
    margin: 0
}

.module-image-text .text-content .text {
    color: #777;
    font-size: 16px;
    line-height: 32px
}

.module-image-text .text-content a {
    padding: 12px 37px
}

@media (max-width: 768px) {
    .image-combo-box .item {
        margin-bottom: 10px
    }
}

.image-combo-wrapper .item {
    position: relative
}

.image-combo-wrapper .item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.image-combo-wrapper .item a:hover {
    box-shadow: inset 0 0 38px rgba(0, 0, 0, 0.08)
}

.module-transverse .inner-list {
    width: 100%;
    clear: both;
    overflow: hidden;
    position: relative
}

.module-transverse .inner-list a {
    display: block;
    line-height: 100%;
    position: relative;
    position: relative
}

.module-transverse .inner-list a:hover:before {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.1);
    border: 15px solid rgba(255, 255, 255, 0.5)
}

.module-transverse .inner-list a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 9;
    overflow: visible;
    box-sizing: border-box;
    border: 0px solid rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s
}

.module-transverse .inner-list a:nth-of-type(1) {
    width: 49%
}

.module-transverse .inner-list a:nth-of-type(2),
.module-transverse .inner-list a:nth-of-type(3) {
    position: absolute;
    right: 0;
    width: 49%
}

.module-transverse .inner-list a:nth-of-type(2) {
    top: 0
}

.module-transverse .inner-list a:nth-of-type(3) {
    bottom: 0 !important
}

.slideshow-category .swiper-container {
    border-radius: 4px
}

.slideshow-category .swiper-pagination {
    bottom: 11px
}

.slideshow-category .swiper-pagination span {
    position: relative;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.6);
    opacity: 1
}

.slideshow-category .swiper-pagination span.swiper-pagination-bullet-active,
.slideshow-category .swiper-pagination span:hover {
    margin: 0 6px !important;
    background-color: #fff !important
}

.slideshow-category .swiper-pagination span.swiper-pagination-bullet-active:before,
.slideshow-category .swiper-pagination span:hover:before {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    z-index: -1;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4)
}

.slideshow-category .category-wrapper {
    position: relative
}

@media (max-width: 1200px) {
    .slideshow-category .category-wrapper {
        display: none
    }
}

.slideshow-category .category-wrapper>.title {
    margin: 0;
    padding: 0 20px;
    font-size: 16px;
    border-radius: 3px 3px 0 0;
    background-color: #1b81fc;
    height: 50px;
    line-height: 50px;
    color: #fff
}

.slideshow-category .category-wrapper>.title span {
    margin-left: 10px
}

.slideshow-category .category-wrapper>.title i {
    line-height: inherit
}

.slideshow-category .category-wrapper>ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.slideshow-category .category-wrapper>ul>.category-item {
    font-size: 14px;
    padding: 0 20px;
    background-color: #ffffff
}

.slideshow-category .category-wrapper>ul>.category-item:last-of-type {
    overflow: hidden;
    border-radius: 0 0 3px 3px;
    border-bottom: 1px solid #e5e5e5
}

.slideshow-category .category-wrapper>ul>.category-item:last-of-type a {
    border-bottom: none
}

.slideshow-category .category-wrapper>ul>.category-item:hover>a {
    color: #1b81fc
}

.slideshow-category .category-wrapper>ul>.category-item:hover>a.children-arrows:before {
    color: #1b81fc
}

.slideshow-category .category-wrapper>ul>.category-item:hover .description {
    color: #fff
}

.slideshow-category .category-wrapper>ul>.category-item:hover .category-info {
    visibility: visible;
    opacity: 1;
    left: 100%
}

.slideshow-category .category-wrapper>ul>.category-item>a {
    height: 46px;
    line-height: 46px;
    color: #777777;
    display: block;
    position: relative;
    border-bottom: 1px solid #eee
}

.slideshow-category .category-wrapper>ul>.category-item>a.children-arrows:before {
    content: '\f105';
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    right: 0;
    color: #888;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    font-size: 16px
}

.slideshow-category .category-wrapper>ul>.category-item>a .title {
    font-size: 15px
}

.slideshow-category .category-wrapper>ul>.category-item>a .description {
    margin-top: 6px;
    height: 18px;
    color: #b7b7b7;
    overflow: hidden;
    padding-right: 10px;
    font-size: 12px
}

.slideshow-category .category-wrapper>ul>.category-item .category-info {
    position: absolute;
    opacity: 0;
    left: 120%;
    z-index: 999;
    top: 0;
    width: 700px;
    color: #444;
    visibility: hidden;
    height: 100%;
    border-radius: 4px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background-color: #FFF;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.slideshow-category .category-wrapper>ul>.category-item .category-info ul {
    overflow: hidden
}

.slideshow-category .category-wrapper>ul>.category-item .category-info ul li {
    float: left
}

.slideshow-category .category-wrapper>ul>.category-item .category-info a {
    color: #444
}

.slideshow-category .category-wrapper>ul>.category-item .category-info a:hover {
    color: #1b81fc
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .category-title {
    padding: 24px 40px;
    font-size: 26px;
    color: #1b81fc;
    border-bottom: 1px solid #eaeaea
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .children {
    list-style: none;
    padding: 20px 40px
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .children li {
    margin: 0 26px 20px 0
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .products {
    border-top: 1px solid #eaeaea;
    list-style: none;
    padding-left: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .products li {
    position: relative;
    text-align: center;
    width: 25%;
    padding: 10px
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .products li img {
    display: inline-block
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .products li p.name {
    margin: 10px 0;
    height: 40px;
    overflow: hidden
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .products li p.price {
    color: #cc0e11;
    margin-bottom: 0;
    height: 21px;
    overflow: hidden
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .products li p.price .price-old {
    font-weight: 500;
    color: #888;
    text-decoration: line-through;
    font-size: 12px
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .products li .price-tax {
    display: block;
    height: 22px;
    overflow: hidden;
    color: #888
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .products li:last-of-type:before {
    display: none
}

.slideshow-category .category-wrapper>ul>.category-item .category-info .products li:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #eaeaea;
    position: absolute;
    right: 0;
    top: 0
}

.icons-wrapper.bg-image {
    background-attachment: fixed;
    position: relative;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center
}

.icons-wrapper.bg-image h2,
.icons-wrapper.bg-image p.sub-title {
    color: #fff
}

.icons-wrapper .default-style {
    position: relative
}

@media (max-width: 768px) {
    .icons-wrapper .default-style {
        margin-bottom: 10px;
        padding-bottom: 10px
    }
}

.icons-wrapper .default-style .icon {
    margin-bottom: 30px;
    text-align: center
}

@media (max-width: 768px) {
    .icons-wrapper .default-style .icon {
        float: left;
        width: 50px;
        height: auto;
        margin-right: 7px;
        line-height: 45px
    }
}

.icons-wrapper .default-style .icon img {
    display: inline-block
}

.icons-wrapper .default-style .text {
    padding: 0 10px;
    text-align: center
}

@media (max-width: 768px) {
    .icons-wrapper .default-style .text {
        text-align: left
    }
}

.icons-wrapper .default-style .text .title {
    color: #505050;
    font-size: 16px;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 28px;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .icons-wrapper .default-style .text .title {
        font-size: 14px;
        margin-bottom: 4px
    }
}

.icons-wrapper .default-style .text .sub-title {
    color: #888;
    font-size: 14px;
    padding: 0 26px;
    line-height: 28px
}

@media (max-width: 768px) {
    .icons-wrapper .default-style .text .sub-title {
        font-size: 13px
    }
}

@media (min-width: 992px) {
    .icons-wrapper .number-wrapper {
        margin: 20px 0
    }
}

.icons-wrapper .number-wrapper .number-inner {
    color: #fff;
    text-align: center
}

.icons-wrapper .number-wrapper .number-inner img {
    max-width: 100px;
    display: inline-block;
    margin-bottom: 26px
}

.icons-wrapper .number-wrapper .number-inner h3 {
    font-weight: 900;
    margin-bottom: 26px;
    font-size: 60px;
    font-style: normal
}

.icons-wrapper .number-wrapper .number-inner .text {
    font-size: 16px
}

.icons-wrapper .icon-module {
    padding-left: 0;
    list-style: none;
    overflow: hidden;
    text-align: center
}

.icons-wrapper .icon-module li {
    margin: 26px 20px;
    display: inline-block
}

.icons-wrapper .icon-module .icon-item {
    color: #333;
    display: block;
    font-size: 15px;
    text-align: center;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.icons-wrapper .icon-module .icon-item span {
    margin: auto;
    display: block
}

.icons-wrapper .icon-module .icon-item span img {
    display: inline-block
}

.icons-wrapper .icon-module .icon-item p {
    margin: 16px 0 0;
    height: 22px;
    overflow: hidden
}

.multi-filter-wrapper::-webkit-scrollbar {
    width: 8px
}

.multi-filter-wrapper::-webkit-scrollbar-button:vertical {
    display: none
}

.multi-filter-wrapper::-webkit-scrollbar-track:vertical {
    background-color: black
}

.multi-filter-wrapper::-webkit-scrollbar-track-piece {
    background: #F4F4F4
}

.multi-filter-wrapper::-webkit-scrollbar-thumb:vertical {
    background-color: #ccc;
    border-radius: 5px
}

.multi-filter-wrapper::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #aaa
}

@media (max-width: 1200px) {
    .multi-filter-wrapper.column-left-right {
        padding: 15px
    }
}

.multi-filter-wrapper.column-left-right .group-title {
    font-size: 16px;
    font-weight: bold
}

.multi-filter-wrapper.column-left-right .group-content {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee
}

.multi-filter-wrapper.column-left-right .group-content:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.multi-filter-wrapper.column-left-right .group-content .category-list-section {
    margin: 0;
    padding: 0;
    list-style: none
}

.multi-filter-wrapper.column-left-right .group-content .category-list-section li {
    margin: 10px 0
}

.multi-filter-wrapper.column-left-right .group-content .category-list-section li.active a {
    font-weight: bold
}

.multi-filter-wrapper.column-left-right .group-content .category-list-section a {
    color: #777
}

.multi-filter-wrapper.column-left-right .group-content .filter-price-section {
    padding-bottom: 20px
}

.multi-filter-wrapper.column-left-right .group-content .filter-price-section .range-input-group {
    margin: 8px 0 16px
}

.multi-filter-wrapper.column-left-right .group-content .filter-price-section .range-input-group>input {
    width: 46%;
    display: inline-block;
    -moz-appearance: textfield
}

.multi-filter-wrapper.column-left-right .group-content .filter-price-section .range-input-group>input::-webkit-outer-spin-button,
.multi-filter-wrapper.column-left-right .group-content .filter-price-section .range-input-group>input::-webkit-inner-spin-button {
    -webkit-appearance: textfield
}

.multi-filter-wrapper.column-left-right .group-content .filter-price-section .range-input-group>input+input {
    float: right
}

.multi-filter-wrapper.column-left-right .group-content .filter-price-section .price-slider {
    margin: 0 5px;
    height: .3em;
    border-color: #1b81fc
}

.multi-filter-wrapper.column-left-right .group-content .filter-price-section .price-slider div {
    background-color: #1b81fc
}

.multi-filter-wrapper.column-left-right .group-content .filter-price-section .price-slider span {
    top: -.5em;
    outline: 0;
    border-radius: 50%;
    background-color: #fff
}

.multi-filter-wrapper.column-left-right .group-content .checkbox {
    color: #777;
    position: relative
}

.multi-filter-wrapper.column-left-right .group-content .checkbox label {
    display: block;
    height: 18px;
    overflow: hidden
}

.multi-filter-wrapper.column-left-right .group-content .checkbox label:before {
    content: "\f096";
    font-family: fontawesome;
    left: 0;
    top: 1px;
    position: absolute
}

.multi-filter-wrapper.column-left-right .group-content .checkbox label.active:before {
    content: "\f046";
    color: #1b81fc
}

.multi-filter-wrapper.column-left-right .group-content .checkbox label:active:before {
    color: #1b81fc
}

.multi-filter-wrapper.column-left-right .group-content .checkbox label input {
    display: none
}

.multi-filter-wrapper.column-left-right .group-content .checkbox label .total {
    position: absolute;
    top: 0;
    right: 0;
    color: #999
}

.multi-filter-wrapper.column-left-right .group-content .btn-more {
    cursor: pointer;
    text-align: right
}

.multi-filter-wrapper.column-left-right .group-content .btn-more:after {
    content: '\f0fe';
    font-family: 'FontAwesome';
    color: #999
}

.multi-filter-wrapper.column-left-right .group-content .btn-more.active:after {
    content: '\f146'
}

.multi-filter-wrapper.content-top-bottom {
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    padding: 0 16px;
    border-radius: 8px;
    border: 1px solid #eee;
    box-shadow: 0 3px 8px -6px rgba(0, 0, 0, 0.1)
}

.multi-filter-wrapper.content-top-bottom .filter-group {
    overflow: hidden;
    clear: both;
    padding: 8px 0;
    border-bottom: 1px dotted #e4e4e4
}

.multi-filter-wrapper.content-top-bottom .filter-group:last-child {
    border-bottom: none
}

.multi-filter-wrapper.content-top-bottom .filter-group .group-title {
    float: left;
    width: 100px;
    padding: 6px 0
}

.multi-filter-wrapper.content-top-bottom .filter-group .group-content {
    overflow: hidden;
    margin-left: 100px
}

.multi-filter-wrapper.content-top-bottom .filter-group .group-content ul {
    overflow: hidden;
    margin: 0
}

.multi-filter-wrapper.content-top-bottom .filter-group .group-content .checkbox {
    float: left;
    margin: 2px 9px 2px 2px;
    padding: 2px 6px;
    background-color: #f9f9f9
}

.multi-filter-wrapper.content-top-bottom .filter-group .group-content .checkbox:hover,
.multi-filter-wrapper.content-top-bottom .filter-group .group-content .checkbox.active {
    background-color: #1b81fc;
    color: #fff
}

.multi-filter-wrapper.content-top-bottom .filter-group .group-content .checkbox label {
    padding-left: 0
}

.multi-filter-wrapper.content-top-bottom .filter-group .group-content .checkbox input {
    display: none
}

/* add by michael */
.multi-filter-wrapper.content-top-bottom .filter-group .group-content .type1 {
    overflow: hidden;
    width: 100%;
    line-height: 40px
}

.multi-filter-wrapper.content-top-bottom .filter-group .group-content .type1 a {
    display: block;
    float: left;
    padding: 0 8px;
    height: 26px;
    line-height: 25px;
    border-radius: 2px;
    margin-right: 3px;
    color: #636161;
    margin-top: 4px
}

.multi-filter-wrapper.content-top-bottom .filter-group .group-content .type1 a:hover {
    color: #fff;
    background: #678be4
}

.multi-filter-wrapper.content-top-bottom .filter-group .group-content .type1 .current {
    background: #6a8ee5;
    color: #fff!important
}

.product-tab-wrapper .nav-tabs {
    text-align: center;
    border: none
}

.client-comments-wrapper {
    position: relative
}

.client-comments-wrapper .comments-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 32%;
    height: 100%;
    padding: 130px 190px 130px 50px
}

@media (max-width: 992px) {
    .client-comments-wrapper .comments-title {
        display: none
    }
}

.client-comments-wrapper .comments-title .title-content {
    display: table;
    height: 100%
}

.client-comments-wrapper .comments-title .title-content .align-middle {
    vertical-align: middle;
    display: table-cell
}

.client-comments-wrapper .title-wrapper {
    text-align: left
}

.client-comments-wrapper .title-wrapper h2 {
    line-height: 52px
}

.client-comments-wrapper .title-wrapper h2:after {
    margin: 30px 0
}

.client-comments-wrapper .comments-pager {
    text-align: center;
    position: relative
}

.client-comments-wrapper .comments-pager div {
    color: #fff;
    z-index: 9;
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    outline: none;
    background: #1b81fc
}

.client-comments-wrapper .comments-pager div:hover {
    background: #076de8
}

.client-comments-wrapper .comments-pager div ~ div {
    margin-left: 10px
}

.client-comments-wrapper .comments-pager:before,
.client-comments-wrapper .comments-pager:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 45%;
    height: 1px;
    background-color: #ddd;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.client-comments-wrapper .comments-pager:before {
    right: 0
}

.client-comments-wrapper .comments-pager:after {
    left: 0
}

.client-comments-wrapper .comments-info {
    float: right;
    width: 68%;
    padding: 90px 0;
    background: #005cff;
    position: relative;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center
}

@media (max-width: 992px) {
    .client-comments-wrapper .comments-info {
        text-align: center;
        color: #fff;
        width: 100%;
        padding: 60px 20px
    }
}

@media (min-width: 992px) {
    .client-comments-wrapper .comments-info .client-comments-banner {
        margin-left: -150px
    }
}

.client-comments-wrapper .comments-info .swiper-slide {
    width: 24%;
    padding: 10px
}

@media (max-width: 1500px) {
    .client-comments-wrapper .comments-info .swiper-slide {
        width: 30%
    }
}

.client-comments-wrapper .comments-info .info-item {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 50px 30px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1)
}

.client-comments-wrapper .comments-info .info-item img {
    display: inline-block;
    border-radius: 50%
}

.client-comments-wrapper .comments-info .info-item .name {
    font-weight: bold;
    margin: 30px 0 30px
}

.client-comments-wrapper .comments-info .info-item .inner {
    height: 90px;
    margin-bottom: 26px;
    font-size: 15px;
    line-height: 23px;
    color: #666;
    overflow: hidden
}

.client-comments-wrapper .comments-info .info-item .time {
    color: #999;
    font-style: italic
}

.module-slideshow {
    position: relative
}

.module-slideshow .swiper-pagination {
    bottom: 20px !important
}

.module-slideshow .swiper-pagination span {
    width: 28px;
    height: 3px;
    border-radius: 0;
    margin: 0 4px !important
}

.module-slideshow .swiper-pager .swiper-button-next {
    right: 100px
}

.module-slideshow .swiper-pager .swiper-button-prev {
    left: 100px
}

.module-video-wrapper {
    text-align: center;
    background: #f6f7f8
}

.module-video-wrapper video {
    max-width: 100%
}

.gdpr-wrapper {
    z-index: 10;
    opacity: 0.9;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 80px 20px 40px;
    background-color: #333;
    color: #fff
}

.gdpr-wrapper p {
    margin: 0
}

.gdpr-wrapper #btn-close {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -18px;
    color: #fff
}

.category-bg {
    position: relative
}

.category-bg:before {
    content: '';
    background-color: #000;
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s
}

.category-bg a,
.category-bg h2,
.category-bg p {
    color: #fff !important
}

.category-bg .category-head-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.category-bg .category-head-wrapper .head-inner {
    display: table;
    width: 100%;
    height: 100%
}

.category-bg .category-head-wrapper .head-inner .align-center {
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

body.product-category .row.category-description {
    margin-bottom: 26px
}

body.product-category .row.category-description p {
    margin-bottom: 8px
}

body.product-category .subcategory-wrapper {
    margin-bottom: 15px;
    display: block;
    text-align: center;
    color: #222
}

body.product-category .subcategory-wrapper span {
    margin-top: 4px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    display: block
}

.filter-wrapper {
    background: #fff;
    padding: 11px 12px 8px
}

.filter-wrapper .input-group-addon {
    background-color: #f4f5f5;
    border-color: #f4f5f5
}

@media (max-width: 992px) {
    .filter-wrapper .hidden-xs>.form-group {
        height: 35px
    }
}

.filter-wrapper .form-group {
    margin-bottom: 0;
    height: 28px
}

.filter-wrapper .btn-group a {
    padding: 4px 6px;
    font-size: 16px;
    border: none;
    color: #ddd
}

.filter-wrapper .btn-group .active {
    background-color: #fff;
    box-shadow: none;
    color: #333
}

body.product-manufacturer .title {
    font-size: 18px
}

body.product-manufacturer .manufacturer-list {
    border-bottom: 1px solid #eee;
    border: 1px solid #eee;
    padding: 0 0 20px 0;
    margin-bottom: 20px
}

body.product-manufacturer .manufacturer-list h2 {
    border-bottom: 1px solid #eee;
    background-color: #f6f6f6;
    padding: 14px
}

body.product-manufacturer .manufacturer-list .image {
    text-align: center
}

body.product-manufacturer .manufacturer-list .image a {
    text-align: center;
    display: inline-block;
    padding: 5px
}

body.product-product .elevate-zoom-wrapper {
    overflow: hidden;
    position: relative
}

body.product-product .elevate-zoom-preview {
    text-align: center;
    border-radius: 2px
}

body.product-product .elevate-zoom-preview.swiper-vertical {
    margin-left: 108px
}

@media (max-width: 768px) {
    body.product-product .elevate-zoom-preview {
        margin: 0
    }
}

body.product-product .elevate-zoom-preview a {
    display: block
}

body.product-product #product-thumbnail-gallery {
    position: relative;
    text-align: center;
    overflow: hidden
}

body.product-product #product-thumbnail-gallery .btn-more {
    position: absolute;
    display: block;
    margin-top: -10px;
    background: transparent;
    height: 20px;
    width: 20px;
    line-height: 20px;
    color: #999;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 9
}

body.product-product #product-thumbnail-gallery .btn-more i {
    font-size: 14px
}

body.product-product #product-thumbnail-gallery .btn-more:hover i {
    color: #1b81fc
}

@media (max-width: 768px) {
    body.product-product #product-thumbnail-gallery .btn-more {
        display: none
    }
}

body.product-product #product-thumbnail-gallery.swiper-vertical {
    position: absolute;
    width: 90px;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 19px 0
}

body.product-product #product-thumbnail-gallery.swiper-vertical .prev-thumb {
    top: 5px;
    left: 50%;
    margin-left: -10px
}

body.product-product #product-thumbnail-gallery.swiper-vertical .prev-thumb i:before {
    content: '\f077'
}

body.product-product #product-thumbnail-gallery.swiper-vertical .next-thumb {
    bottom: 0;
    left: 50%;
    margin-left: -10px
}

body.product-product #product-thumbnail-gallery.swiper-vertical .next-thumb i:before {
    content: '\f078'
}

@media (min-width: 768px) {
    body.product-product #product-thumbnail-gallery.swiper-horizontal {
        margin-top: 8px;
        padding: 0 30px
    }
}

body.product-product #product-thumbnail-gallery.swiper-horizontal .prev-thumb {
    top: 50%;
    margin-top: -10px;
    left: -6px
}

body.product-product #product-thumbnail-gallery.swiper-horizontal .next-thumb {
    top: 50%;
    margin-top: -10px;
    right: -4px
}

@media (max-width: 768px) {
    body.product-product #product-thumbnail-gallery {
        position: relative;
        margin-top: 15px;
        width: 100%;
        margin-bottom: 10px
    }
}

body.product-product #product-thumbnail-gallery .swiper-container {
    width: 100%;
    height: 100%
}

body.product-product #product-thumbnail-gallery .swiper-container .swiper-slide {
    height: 90px;
    width: 90px
}

body.product-product #product-thumbnail-gallery a {
    display: block;
    opacity: .5
}

body.product-product #product-thumbnail-gallery a.active,
body.product-product #product-thumbnail-gallery a:hover {
    opacity: 1
}

body.product-product h1 {
    margin: 0 0 16px;
    line-height: 1.4
}

body.product-product h3 {
    font-size: 16px
}

body .product-description2 {
    padding: 20px;
    margin: 20px 0 20px;
    border: 1px solid #eee
}


body.product-product .product-description {
    padding-left: 30px
}

body.product-product .product-description .form-group label {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px
}

body.product-product #product .radio,
body.product-product #product .checkbox {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    cursor: pointer
}

body.product-product #product .radio:hover span,
body.product-product #product .checkbox:hover span {
    border: 2px solid #1b81fc;
    padding: 5px 4px
}

body.product-product #product .radio img,
body.product-product #product .checkbox img {
    padding: 0
}

body.product-product #product .radio input,
body.product-product #product .checkbox input {
    display: none
}

body.product-product #product .radio input:checked+span,
body.product-product #product .checkbox input:checked+span {
    border: 2px solid #1b81fc;
    padding: 5px 4px
}

body.product-product #product .radio span,
body.product-product #product .checkbox span {
    display: block;
    position: relative;
    padding: 6px 5px;
    margin-bottom: 4px;
    text-align: center;
    border-radius: 3px;
    color: #666;
    border: 1px solid #ddd
}

body.product-product .tags {
    margin-top: 15px
}

body.product-product .tags a {
    display: inline-block;
    padding: 2px 6px;
    margin: 0 2px;
    color: #333;
    background-color: #f5f5f5
}

body.product-product .tags a:hover {
    color: #fff;
    background-color: #1b81fc
}

body.product-product .product-attribute li {
    padding: 3px 0
}

body.product-product .product-attribute li .title {
    color: #777;
    display: inline-block;
    width: 100px
}

body.product-product .tax-discounts-box {
    color: #777;
    list-style: none;
    padding-left: 0;
    margin-bottom: 14px
}

body.product-product .product-price-wrapper {
    font-size: 26px;
    border-bottom: 1px solid #eee;
    margin: 10px 0 17px;
    padding-bottom: 14px;
    color: #1b81fc
}

body.product-product .product-price-wrapper h2 {
    font-size: 26px
}

body.product-product .product-price-wrapper .price-old {
    color: #888;
    font-size: 18px;
    margin-left: 4px
}

body.product-product .product-price-wrapper .points {
    font-size: 16px
}

body.product-product .product-cart-action {
    overflow: hidden;
    margin: 24px 0 30px
}

body.product-product .product-cart-action .add-to-cart {
    margin-bottom: 16px
}

body.product-product .product-cart-action .form-control,
body.product-product .product-cart-action button {
    height: 46px
}

@media (max-width: 992px) {
    body.product-product .product-cart-action .form-control,
    body.product-product .product-cart-action button {
        height: 36px
    }
}

body.product-product .product-cart-action .quantity-input-wrapper {
    width: 26%;
    position: relative;
    margin-right: 2%;
    float: left
}

@media (max-width: 500px) {
    body.product-product .product-cart-action .quantity-input-wrapper {
        float: none;
        margin-bottom: 10px
    }
}

body.product-product .product-cart-action .quantity-input-wrapper a {
    right: 1px;
    position: absolute;
    background: #f5f4fa;
    width: 23px;
    height: 23px;
    font-size: 16px;
    text-align: center;
    line-height: 23px
}

body.product-product .product-cart-action .quantity-input-wrapper a.quantity-up {
    top: 1px
}

body.product-product .product-cart-action .quantity-input-wrapper a.quantity-down {
    bottom: 1px
}

body.product-product .product-cart-action #button-cart {
    float: left;
    margin-right: 20px;
    position: relative
}

@media (min-width: 992px) {
    body.product-product .product-cart-action #button-cart {
        font-size: 16px;
        padding: 8px 34px 8px 53px
    }
    body.product-product .product-cart-action #button-cart:before {
        content: "\f07a";
        font-size: 18px;
        margin-right: 10px;
        font-family: 'FontAwesome'
    }
}

@media (min-width: 992px) {
    body.product-product .product-cart-action .wishlist-share {
        float: left;
        width: 72%
    }
    body.product-product .product-cart-action .wishlist-share button {
        width: 49%;
        padding: 8px 16px;
        font-weight: bold
    }
    body.product-product .product-cart-action .wishlist-share button i {
        margin-right: 10px
    }
    body.product-product .product-cart-action .wishlist-share button ~ button {
        float: right
    }
}

body.product-product .stars-box .rating {
    float: left;
    margin: 3px 10px 0 0
}

body.product-product .stars-box .rating span {
    font-size: 16px
}

body.product-product .stars-box .more-review {
    display: inline-block;
    padding: 5px 10px 5px 5px
}

body.product-product .stars-box .more-review a {
    color: #999;
    font-size: 14px;
    margin: 0 6px 0 0;
    padding: 0 6px 0 0;
    position: relative
}

body.product-product .stars-box .more-review a:hover {
    color: #1b81fc
}

body.product-product .stars-box .more-review a:hover i {
    color: #1b81fc
}

body.product-product .nav-tabs {
    margin: 20px 0
}

body.product-product .nav-tabs>li>a {
    font-size: 24px
}

body.product-product .product-tab-brder {
    padding: 20px;
    margin: 20px 0 20px;
    border: 1px solid #eee
}

body.product-product #displayQuestionAnwser .item {
    border-bottom: 1px dotted #DEDEDE;
    margin: 0px 0px 9px
}

body.product-product #displayQuestionAnwser .item .inner {
    margin-left: 25px
}

@media (min-width: 768px) {
    body.product-product #displayQuestionAnwser .item .inner {
        margin-right: 160px
    }
}

@media (max-width: 768px) {
    body.product-product #displayQuestionAnwser .item .inner {
        margin-bottom: 24px
    }
}

body.product-product #displayQuestionAnwser dl {
    padding: 0px;
    margin-bottom: 10px;
    overflow: hidden
}

body.product-product #displayQuestionAnwser dl i {
    width: 22px;
    font-size: 16px;
    text-align: center;
    float: left;
    line-height: 24px
}

body.product-product #displayQuestionAnwser dl.ask i {
    color: #f91 !important;
    font-size: 18px !important
}

body.product-product #displayQuestionAnwser dl.answer i {
    color: #9b1 !important
}

body.product-product #displayQuestionAnwser dd {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    position: relative
}

body.product-product #displayQuestionAnwser .content {
    padding: 0px;
    margin-bottom: 0px;
    border: 0px
}

body.product-product #displayQuestionAnwser .content>div:first-of-type {
    float: left;
    line-height: 24px;
    font-size: 14px
}

body.product-product #displayQuestionAnwser .date-answer {
    text-align: right;
    line-height: 24px;
    color: #9C9A9C;
    position: absolute
}

@media (min-width: 768px) {
    body.product-product #displayQuestionAnwser .date-answer {
        top: 0;
        right: 0
    }
}

@media (max-width: 768px) {
    body.product-product #displayQuestionAnwser .date-answer {
        bottom: 0;
        left: 25px
    }
}

body.product-product #review .table-bordered {
    border: none;
    border-bottom: 1px solid #e5e5e5
}

body.product-product #review .table-bordered:last-of-type {
    border: none;
    margin-bottom: 0
}

body.product-product #review .table-bordered td {
    border: none
}

body.product-product #review tbody>tr:first-of-type td {
    background-color: #f9f9f9
}

body.product-product #review .oreview-img-box a {
    border: 1px solid #ddd;
    display: inline-block;
    margin: 0 5px 10px 0;
    cursor: pointer;
    width: 80px;
    height: auto
}

body.product-product #review .oreview-img-box a:hover {
    border-color: #1b81fc
}

body.product-product #review p {
    margin: 0 0 10px
}

body.product-product #tab-description img {
    max-width: 100%
}

body.product-product .content-wrapper>ul.nav-tabs {
    text-align: center;
    border: none
}

html[lang|=en] .wishlist-share .btn:last-of-type {
    font-size: 12px;
    padding: 8px 6px
}

html[lang|=en] .wishlist-share .btn:last-of-type i {
    display: none
}

body.account-account .account-grid-wrapper.account-grid-gb a em {
    height: 44px !important
}

body.account-account .account-grid-wrapper a {
    display: block;
    border: 1px solid #eee;
    padding: 26px 16px 20px;
    text-align: center;
    font-size: 16px;
    color: #333;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

body.account-account .account-grid-wrapper a:hover {
    border-color: #1b81fc
}

body.account-account .account-grid-wrapper a span {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto 16px auto
}

body.account-account .account-grid-wrapper a em {
    font-style: normal;
    display: inline-block;
    height: 22px;
    overflow: hidden
}

body.account-account .account-grid-wrapper a img {
    max-width: 100%;
    height: auto;
    display: inline-block
}

body.account-account .account-grid-wrapper a:before {
    display: none
}

body.account-account .link-group-wrapper {
    margin-bottom: 30px;
    padding-bottom: 0
}

body.account-account .link-group-wrapper i {
    margin-right: 5px;
    color: #555
}

body.account-account .avatar-wrapper {
    position: relative;
    display: inline-block
}

body.account-account .avatar-wrapper .img-circle {
    display: inline-block;
    max-width: 100%;
    border: 3px solid #e8e8e8
}

@media (max-width: 768px) {
    body.account-account .avatar-wrapper .img-circle {
        max-width: 80px
    }
}

body.account-account .avatar-wrapper #button-avatar {
    display: none;
    position: absolute;
    left: 10px;
    right: 10px;
    text-align: center;
    top: 50%;
    margin-top: -14px;
    background: #1b81fc;
    color: #fff;
    padding: 5px 0
}

body.account-account .avatar-wrapper:hover #button-avatar {
    display: block
}

@media (min-width: 992px) {
    body.account-account .account-height {
        height: 183px
    }
}

@media (min-width: 768px) {
    body.account-account .account-information {
        margin-top: 10px
    }
}

body.account-account .account-information p {
    font-size: 14px;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #eceaea
}

body.account-account .account-information p i {
    color: #aeb1bb
}

body.account-account #image-upload {
    margin: 0;
    text-align: center
}

body.account-account #clipArea {
    height: 300px
}

body.account-account #file,
body.account-account #clipBtn {
    margin: 20px
}

body.account-account #file {
    display: none
}

body.checkout-checkout .quick-checkout-wrapper {
    margin-bottom: 20px
}

body.checkout-checkout .quick-checkout-wrapper .checkout-section {
    margin-bottom: 20px;
    padding: 8px;
    position: relative;
    border: 1px solid #e6ebf1
}

body.checkout-checkout .quick-checkout-wrapper .checkout-section h2 {
    padding: 12px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    background: #f5f4fa;
    margin: -8px -8px 10px -8px;
    background: -webkit-linear-gradient(90deg, #f5f4fa 0, #f6fbfd 100%);
    background: -moz-linear-gradient(90deg, #f5f4fa 0, #f6fbfd 100%);
    background: -o-linear-gradient(90deg, #f5f4fa 0, #f6fbfd 100%);
    background: linear-gradient(90deg, #f5f4fa 0, #f6fbfd 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#f5f4fa, endColorstr=#f6fbfd, GradientType=0.9)
}

body.checkout-checkout .quick-checkout-wrapper .checkout-section legend {
    font-size: 14px
}

body.checkout-checkout .quick-checkout-wrapper .checkout-section td {
    border-color: #f1f1f7
}

body.checkout-checkout .quick-checkout-wrapper .checkout-section .radio {
    position: relative;
    display: inline-block;
    border: 1px solid #d2d2d2
}

body.checkout-checkout .quick-checkout-wrapper .checkout-section .radio:hover {
    border-color: #4bcdd6;
    background-color: #fff3f3
}

body.checkout-checkout .quick-checkout-wrapper .checkout-section .radio label {
    padding-left: 0;
    padding: 8px 11px;
    display: block
}

body.checkout-checkout .quick-checkout-wrapper .checkout-section .radio input {
    display: none
}

body.checkout-checkout .quick-checkout-wrapper .checkout-section .radio.active {
    border-color: #1b81fc;
    background: #e7eeff
}

body.checkout-checkout .quick-checkout-wrapper #login-section .form-group,
body.checkout-checkout .quick-checkout-wrapper #payment-address-section .form-group,
body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .form-group {
    overflow: hidden;
    display: block;
    clear: both
}

body.checkout-checkout .quick-checkout-wrapper #login-section .form-group label.control-label,
body.checkout-checkout .quick-checkout-wrapper #payment-address-section .form-group label.control-label,
body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .form-group label.control-label {
    display: block;
    float: left;
    width: 35%;
    padding: 0;
    margin-bottom: 0;
    min-height: 34px;
    line-height: 34px
}

body.checkout-checkout .quick-checkout-wrapper #login-section .form-group input,
body.checkout-checkout .quick-checkout-wrapper #login-section .form-group select,
body.checkout-checkout .quick-checkout-wrapper #payment-address-section .form-group input,
body.checkout-checkout .quick-checkout-wrapper #payment-address-section .form-group select,
body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .form-group input,
body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .form-group select {
    width: 65%;
    float: left
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .form-group .col-sm-10 {
    float: left;
    width: 65%;
    padding: 0
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .form-group .col-sm-10 input,
body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .form-group .col-sm-10 select {
    width: 100%;
    float: none
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .title-wrapper {
    overflow: hidden;
    margin: -8px -8px 10px -8px
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .title-wrapper h2 {
    margin: 0 0 10px !important
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .title-wrapper h2 .btn-new-address {
    float: right;
    color: #005ea7;
    font-weight: 500;
    cursor: pointer
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .title-wrapper h2 .btn-new-address:hover {
    color: red
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .title-wrapper .title-radio {
    float: right;
    margin-top: 0;
    cursor: pointer;
    color: #005ea7 !important;
    font-weight: 500 !important
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .title-wrapper .title-radio:hover {
    color: red !important
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .title-wrapper .title-radio label {
    padding-left: 0
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .title-wrapper .title-radio input {
    display: none
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul {
    padding-left: 3px;
    list-style: none
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li {
    position: relative;
    padding: 0 10px 0 0;
    margin-bottom: 5px;
    cursor: pointer;
    overflow: hidden;
    display: none;
    border: 1px solid transparent
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li .item {
    float: left;
    width: 92%;
    padding: 7px 0
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li .address-action {
    float: right;
    width: 7%;
    padding: 7px 0;
    text-align: right
}

@media (min-width: 768px) {
    body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li .address-action {
        display: none
    }
}

@media (max-width: 768px) {
    body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li .address-action {
        position: absolute;
        width: 32px;
        right: 0;
        top: 1px
    }
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li .address-action span {
    color: #005ea7;
    margin-left: 6px
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li .address-action span:hover {
    color: red
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li .name {
    display: inline-block;
    margin: -7px 0;
    padding: 7px;
    position: relative;
    border: 1px solid transparent
}

@media (max-width: 768px) {
    body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li .name {
        margin: -7px 0 0
    }
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li.active {
    display: block;
    background-color: #f3f7ff;
    border-color: #dfe3eb
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li.active i {
    margin: 0 10px;
    font-size: 18px;
    color: #1b81fc
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li.active .name {
    border-color: #4bcdd6;
    background: -webkit-linear-gradient(90deg, #9bbfff 0, #93ffc0 100%);
    background: -moz-linear-gradient(90deg, #9bbfff 0, #93ffc0 100%);
    background: -o-linear-gradient(90deg, #9bbfff 0, #93ffc0 100%);
    background: linear-gradient(90deg, #9bbfff 0, #93ffc0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#9bbfff, endColorstr=#93ffc0, GradientType=0.9)
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li.block {
    display: block
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li:hover {
    background-color: #f3f7ff
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li:hover .address-action {
    display: block
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul .show-more {
    margin-top: 5px;
    cursor: pointer;
    display: inline-block
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul .show-more.active i:before {
    content: "\f102"
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul .show-more:hover {
    color: red
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section.no-addresses {
    border: 2px dashed #ddd;
    text-align: center;
    background-color: #f7f7f7;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section.no-addresses.border-red {
    border-color: red
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section.no-addresses:hover {
    border-color: #1b81fc;
    color: #1b81fc
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section.no-addresses #button-new-address {
    display: block;
    padding: 20px 0;
    font-size: 18px
}

body.checkout-checkout .quick-checkout-wrapper #shipping-address-section.no-addresses .btn-new-address {
    display: block;
    padding: 20px 0;
    font-size: 18px
}

body.checkout-checkout .quick-checkout-wrapper #payment-confirm-wrapper .buttons,
body.checkout-checkout .quick-checkout-wrapper #payment-confirm-wrapper #button-confirm {
    display: none !important
}

@media (min-width: 992px) {
    body.checkout-checkout .quick-checkout-wrapper .left-section-wrapper #shipping-new .form-group {
        margin-bottom: 10px
    }
    body.checkout-checkout .quick-checkout-wrapper .left-section-wrapper #shipping-new .form-group label {
        min-height: 24px;
        line-height: 24px;
        width: 100%;
        font-weight: bold;
        padding-top: 0 !important;
        margin-bottom: 5px !important;
        text-align: left !important
    }
    body.checkout-checkout .quick-checkout-wrapper .left-section-wrapper #shipping-new .form-group .col-sm-10 {
        width: 100%
    }
}

body.checkout-checkout .quick-checkout-wrapper .product-wrapper .product-list table {
    border-bottom: 1px solid #eee
}

body.checkout-checkout .quick-checkout-wrapper .product-wrapper .table-total {
    margin-bottom: 0
}

body.checkout-checkout .quick-checkout-wrapper .product-wrapper .table-total td {
    border: none
}

body.checkout-checkout .quick-checkout-wrapper .product-wrapper img {
    max-width: 60px;
    margin-bottom: 0
}

body.checkout-checkout .quick-checkout-wrapper .checkout-total-wrapper td {
    padding: 8px
}

body.checkout-checkout .quick-checkout-wrapper .checkout-total-wrapper tr:last-of-type {
    color: #1b81fc;
    font-weight: bold
}

body.checkout-checkout .quick-checkout-wrapper .text-danger {
    padding: 0 5px;
    margin-left: 5px;
    background: #a94442;
    color: #fff;
    display: inline-block
}

#quick-checkout-connect .quick-checkout-connect-wrapper {
    background-color: #f3fcee;
    border-top: 2px solid #4cb64c;
    padding: 20px;
    overflow: hidden
}

#quick-checkout-connect .quick-checkout-connect-wrapper .order-info {
    overflow: hidden;
    margin: 0 auto
}

@media (min-width: 992px) {
    #quick-checkout-connect .quick-checkout-connect-wrapper .order-info {
        max-width: 740px
    }
}

#quick-checkout-connect .quick-checkout-connect-wrapper .order-info .row {
    margin-bottom: 6px
}

#quick-checkout-connect .quick-checkout-connect-wrapper .order-info .icon-wrapper {
    float: left;
    margin-right: 15px
}

#quick-checkout-connect .quick-checkout-connect-wrapper .order-info .icon-wrapper i {
    font-size: 66px;
    color: #4cb64c
}

@media (min-width: 992px) {
    #quick-checkout-connect .quick-checkout-connect-wrapper .order-info .icon-wrapper i {
        margin-top: 8px
    }
}

#quick-checkout-connect .quick-checkout-connect-wrapper .order-info .inner-wrapper {
    float: left
}

#quick-checkout-connect .quick-checkout-connect-wrapper .order-info .inner-wrapper h2.title {
    color: #219a21
}

#quick-checkout-connect .quick-checkout-connect-wrapper .order-info .color-red {
    color: #d20505
}

#quick-checkout-connect .quick-checkout-connect-wrapper #payment-confirm-wrapper {
    margin-top: 22.5px
}

#quick-checkout-connect .quick-checkout-connect-wrapper #payment-confirm-wrapper hr {
    border-color: #60ca60
}

#quick-checkout-connect .quick-checkout-connect-wrapper #payment-confirm-wrapper p {
    margin-bottom: 10px
}

.checkout-process-wrapper {
    padding: 14px 0 68px
}

@media (min-width: 768px) {
    .checkout-process-wrapper h1 {
        float: left;
        margin: 4px 0 10px
    }
}

.checkout-process-wrapper .process-list {
    padding-left: 0;
    list-style: none;
    margin-top: 2px
}

@media (min-width: 768px) {
    .checkout-process-wrapper .process-list {
        width: 500px;
        float: right
    }
}

.checkout-process-wrapper .process-list li {
    float: left;
    width: 33.33333%;
    text-align: center;
    position: relative;
    height: 6px;
    border-top: 6px solid #ccc
}

.checkout-process-wrapper .process-list li:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.checkout-process-wrapper .process-list li:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.checkout-process-wrapper .process-list li.active {
    border-color: #1b81fc
}

.checkout-process-wrapper .process-list li.active div {
    background-color: #1b81fc
}

.checkout-process-wrapper .process-list li.active span {
    color: #1b81fc
}

.checkout-process-wrapper .process-list li.old {
    border-color: #a3c6ff
}

.checkout-process-wrapper .process-list li.old div {
    background-color: #a3c6ff
}

.checkout-process-wrapper .process-list li.old span {
    color: #a3c6ff
}

.checkout-process-wrapper .process-list li div {
    width: 23px;
    height: 23px;
    margin: -15px auto 4px;
    line-height: 23px;
    color: #fff;
    background-color: #ccc;
    border-radius: 50%
}

@media (max-width: 768px) {
    .address-form-modal {
        width: 90% !important
    }
}

body.checkout-checkout-connect #payment-confirm-wrapper .buttons .pull-right {
    float: left !important
}

body.account-login .login-bg-wrapper {
    margin: 0 0 -20px;
    width: 100%;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

@media (min-width: 992px) {
    body.account-login .login-bg-wrapper {
        min-height: 600px
    }
}

body.account-login .login-bg-wrapper .alert {
    margin-top: 15px
}

body.account-login .login-bg-wrapper .login-wrapper {
    padding: 30px 30px;
    margin: 78px auto;
    margin-right: 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.2)
}

@media (min-width: 768px) {
    body.account-login .login-bg-wrapper .login-wrapper {
        width: 420px
    }
}

@media (max-width: 768px) {
    body.account-login .login-bg-wrapper .login-wrapper {
        margin: 30px auto;
        padding: 10px
    }
}

body.account-login .login-bg-wrapper .login-wrapper h2 {
    text-align: center;
    padding-bottom: 16px;
    font-size: 24px;
    margin-bottom: 22px;
    border-bottom: 1px solid #eee
}

body.account-login .login-bg-wrapper .login-wrapper label {
    font-size: 16px;
    font-weight: 500
}

body.account-login .login-bg-wrapper .login-wrapper input {
    height: 48px
}

@media (max-width: 768px) {
    body.account-login .login-bg-wrapper .login-wrapper input {
        height: 40px
    }
}

body.account-login .login-bg-wrapper .login-wrapper .register-box {
    overflow: hidden
}

body.account-login .login-bg-wrapper .login-wrapper input[type='submit'] {
    width: 100%;
    font-size: 16px
}

.omni-auth-wrapper {
    margin-top: 24px
}

.omni-auth-wrapper p {
    color: #7d8092;
    position: relative;
    text-align: center;
    margin-bottom: 10px
}

.omni-auth-wrapper p span {
    background-color: #fff;
    position: relative;
    padding: 0 10px
}

.omni-auth-wrapper p:before {
    background-image: linear-gradient(to right, #fff 0%, #7b8090 53%, #fff 100%);
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%
}

.omni-auth-wrapper .icons {
    text-align: center
}

.omni-auth-wrapper .icons a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    background-color: #a7afb9;
    margin: 0 12px;
    color: #fff
}

.omni-auth-wrapper .icons a:hover {
    background-color: #1b81fc
}

.omni-auth-wrapper .icons a i {
    font-size: 17px
}

.account-register .omni-auth-wrapper .icons {
    text-align: left
}

.account-register .omni-auth-wrapper .icons a {
    margin: 0 12px 0 0
}

body.product-compare .table-bordered {
    text-align: center
}

body.product-compare .product-name {
    color: #1b81fc
}

body.product-compare .compaer-price {
    font-size: 16px;
    color: #1b81fc;
    font-weight: 600
}

body.product-compare .compaer-price .price-old {
    font-weight: 500;
    color: #888;
    text-decoration: line-through
}

body.product-compare .rating .rating-list {
    margin-top: 6px
}

body.product-compare .compare-button input,
body.product-compare .compare-button a {
    display: inline-block;
    width: 47%
}

body.account-edit .socials-wrapper {
    display: table
}

body.account-edit .socials-wrapper .icons {
    margin-right: 4px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background-color: #eee
}

body.account-edit .socials-wrapper .icons.active {
    filter: grayscale(1);
    opacity: .6
}

body.account-edit .socials-wrapper .icons img {
    max-width: 36px;
    display: inline-block
}

body.account-edit .socials-wrapper .info {
    padding-left: 10px;
    display: table-cell;
    font-size: 16px;
    vertical-align: middle
}

body.account-edit .socials-wrapper .info span {
    display: block;
    padding-bottom: 6px
}

body.account-edit .socials-wrapper .info span.relation-state {
    padding: 3px 9px
}

body.account-coupons .coupon-item-wrapper {
    text-align: center;
    margin-bottom: 20px;
    background: #ececec;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

body.account-coupons .coupon-item-wrapper:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

body.account-coupons .coupon-item-wrapper .coupon-item {
    padding: 12px 11px
}

body.account-coupons .coupon-item-wrapper .coupon-item .coupon-border {
    border: 1px dashed #bbb;
    padding: 12px 10px
}

body.account-coupons .coupon-item-wrapper .coupon-item .coupon-discount {
    font-size: 50px;
    font-weight: 700
}

body.account-coupons .coupon-item-wrapper .coupon-item span {
    display: block
}

.account-oreview-info .name-info {
    border-bottom: 1px solid #eee
}

.account-oreview-info .name-info>div {
    margin-bottom: 10px
}

.account-oreview-add .upload-img,
.account-oreview-info .upload-img {
    float: left;
    margin-right: 10px;
    border: 1px solid #ddd;
    position: relative
}

.account-oreview-add .upload-img:hover button,
.account-oreview-info .upload-img:hover button {
    display: block
}

.account-oreview-add .upload-img img,
.account-oreview-info .upload-img img {
    max-width: 82px;
    max-height: 82px
}

.account-oreview-add .upload-img button,
.account-oreview-info .upload-img button {
    display: none;
    top: 0;
    right: 0;
    padding: 1px 5px;
    position: absolute
}

.account-oreview-add .upload-img:hover,
.account-oreview-info .upload-img:hover {
    border-color: #1b81fc
}

.account-oreview-add h2 {
    margin-bottom: 15px
}

.account-oreview-add .star-box {
    font-size: 0;
    display: table
}

.account-oreview-add .star-box>label {
    color: #ddd;
    float: right;
    width: auto !important;
    cursor: pointer
}

.account-oreview-add .star-box>label:before {
    content: '\f005';
    font-family: FontAwesome;
    display: inline-block;
    padding: 5px;
    font-size: 24px;
    line-height: 1em
}

.account-oreview-add .star-box>input:checked ~ label,
.account-oreview-add .star-box:not(:checked)>label:hover,
.account-oreview-add .star-box:not(:checked)>label:hover ~ label {
    color: #FFD700
}

.account-oreview-add .control-label {
    font-size: 14px;
    font-weight: 600
}

.account-oreview-add .control-label span {
    font-size: 12px;
    font-weight: 500
}

.account-oreview-add .control-label.title {
    margin-bottom: 15px !important
}

.account-oreview-add .up-btn button {
    border: 1px dashed #ccc;
    width: 100%;
    height: 64px;
    text-align: center;
    color: #666;
    padding: 0;
    font-size: 18px
}

@media (max-width: 768px) {
    .account-oreview-add .up-btn button {
        height: 44px;
        font-size: 12px
    }
}

.account-oreview-add .up-btn button:hover,
.account-oreview-add .up-btn button:focus {
    border-color: #777;
    background: #f7f7f7;
    color: #333
}

.account-oreview-add .up-btn button i {
    font-size: 18px;
    margin-bottom: 4px
}

@media (max-width: 768px) {
    .account-oreview-add .up-btn button i {
        font-size: 12px
    }
}

.account-oreview-add .up-btn button.disabled {
    background: #f7f7f7 !important
}

body.account-order .order-wrapper td {
    vertical-align: top !important
}

body.account-order .order-wrapper .heading td {
    background-color: #f5f5f5 !important
}

body.account-order .order-wrapper .product {
    overflow: hidden
}

body.account-order .order-wrapper .product .image {
    float: left;
    width: 60px;
    border: 1px solid #efefef;
    margin-right: 14px
}

body.account-order .order-wrapper .product .image img {
    width: 60px
}

body.account-order-info .payment-wrapper .buttons {
    clear: both;
    overflow: hidden
}

body.checkout-cart table#product-table {
    border-bottom: 1px solid #e5e5e5
}

body.checkout-cart table#product-table .img-thumbnail {
    max-width: 60px
}

body.checkout-cart table#product-table .name {
    color: #333
}

body.checkout-cart table#product-table .quantity-wrapper input {
    border: none
}

body.checkout-cart table#product-table .quantity-wrapper button {
    width: 30px;
    padding: 8px 2px
}

body.checkout-cart table#product-table .quantity-wrapper .form-control {
    padding: 0;
    text-align: center
}

body.checkout-cart table#cart-totals tbody>tr:last-of-type td {
    color: #1b81fc
}

body.blog-category #content h2:hover a,
body.blog-home #content h2:hover a {
    color: #1b81fc
}

body.blog-category #content h2 a,
body.blog-home #content h2 a {
    font-weight: bold
}

body.blog-category #content p,
body.blog-home #content p {
    margin-bottom: 6px;
    line-height: 26px;
    color: #666
}

body.blog-category #content p.empty,
body.blog-home #content p.empty {
    text-align: center;
    font-size: 28px;
    color: #ccc;
    margin: 40px 0
}

body.blog-category #content .description-section,
body.blog-home #content .description-section {
    margin-bottom: 26px
}

body.blog-category #content .description-section img.thumb,
body.blog-home #content .description-section img.thumb {
    float: left;
    margin-right: 15px;
    max-width: 100px
}

body.blog-category #content .description-section p,
body.blog-home #content .description-section p {
    font-size: 16px;
    color: #333;
    line-height: 28px
}

body.blog-category #content .post-section p.info,
body.blog-home #content .post-section p.info {
    font-size: 13px;
    color: #969696
}

body.blog-category #content .post-section .thumb,
body.blog-home #content .post-section .thumb {
    margin-bottom: 20px
}

body.blog-category #content .post-section a.blog-btn,
body.blog-home #content .post-section a.blog-btn {
    font-style: italic;
    display: inline-block;
    color: #1b81fc
}

body.blog-category #content .post-section a.blog-btn:after,
body.blog-home #content .post-section a.blog-btn:after {
    content: '>'
}

body.blog-post {
    background: #f0f1f3
}

body.blog-post .category-content {
    padding: 20px 4px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 26px;
    -webkit-box-shadow: 0 1px 5px 2px #eaeaea;
    box-shadow: 0 1px 5px 2px #eaeaea;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

body.blog-post .category-content:hover {
    -webkit-box-shadow: 0 1px 11px 4px #e0e0e0;
    box-shadow: 0 1px 11px 4px #e0e0e0
}

body.blog-post .module-blog-category,
body.blog-post .module-blog-latest {
    background: #fff
}

body.blog-post .module-blog-category.default-border,
body.blog-post .module-blog-latest.default-border {
    padding: 10px
}

body.blog-post .module-blog-category.default-border h3,
body.blog-post .module-blog-latest.default-border h3 {
    border-bottom: 1px solid #eee;
    background: #fff;
    position: relative;
    margin-bottom: 10px;
    padding-left: 0
}

body.blog-post .module-blog-category.default-border h3:after,
body.blog-post .module-blog-latest.default-border h3:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 50%;
    border-top: 1px solid #4286f4
}

body.blog-post .module-blog-category.default-border li,
body.blog-post .module-blog-latest.default-border li {
    padding-left: 0
}

body.blog-post .module-wrapper {
    background: #fff;
    padding: 20px 10px 0
}

body.blog-post #content h1 {
    margin: 10px 0 20px
}

body.blog-post #content .post-inner {
    background: #fff;
    padding: 18px;
    margin-bottom: 30px
}

body.blog-post #content p {
    line-height: 28px;
    color: #5d5d5d
}

body.blog-post #content img {
    display: block;
    margin: 0 auto 20px;
    max-height: 680px;
    cursor: pointer;
}

body.blog-post #content .info {
    position: relative
}

body.blog-post #content .info .share {
    position: absolute;
    right: 0;
    top: 0
}

body.blog-post #content .post-body a {
    text-decoration: underline
}

body.blog-post #content .post-body h1,
body.blog-post #content .post-body h2,
body.blog-post #content .post-body h3,
body.blog-post #content .post-body h4 {
    border-bottom: none
}

body.blog-post #content .post-body ol li,
body.blog-post #content .post-body ul li {
    line-height: 28px
}

body.blog-post #content .post-body blockquote {
    font-size: 13px;
    border-left-color: #1b81fc;
    background-color: #f7f7f7
}

body.blog-post #content .post-body pre {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: #f7f7f7;
    color: #5d5d5d;
}
body.blog-post #content .seo,
body.blog-post #content .description {
    background: #f7f7f7;
    padding: 20px;
    border-left: 4px solid #1b81fc
}

body.blog-post #content .seo ul,
body.blog-post #content .description ul {
    margin-bottom: 0
}

body.blog-post #content .description {
    margin-bottom: 30px;
    font-size: 13px;
    font-style: italic
}

.account-wishlist .fa-shopping-cart,
.account-wishlist .fa-times {
    width: 12px
}

@media (min-width: 768px) and (max-width: 1200px) {
    .account-wishlist .table-hover tr .btn+.btn {
        margin-top: 5px
    }
}

.information-sitemap .map-wrapper li>a:first-child,
.information-sitemap .map-wrapper li>span:first-child {
    padding: 7px;
    display: block;
    color: #020202
}

.information-sitemap .map-wrapper>ul>li>a:first-child,
.information-sitemap .map-wrapper>ul li>span:first-child {
    background: #eee;
    margin: 7px
}

.account-register .omni-auth-wrapper p {
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.account-register .omni-auth-wrapper p span {
    padding-left: 0;
    font-size: 16px;
    color: #333
}

.account-register .omni-auth-wrapper p:before {
    display: none
}

.account-register .omni-auth-wrapper .icons {
    text-align: left
}

.account-register .omni-auth-wrapper .icons a {
    margin: 0 12px 0 0
}

#common-maintenance {
    text-align: center
}

#common-maintenance .message {
    padding: 26px 0 60px
}

#common-maintenance .message img {
    display: inline-block
}

.success-items {
    background-color: #f3fcee;
    border-top: 2px solid #4cb64c;
    padding: 20px;
    font-size: 16px;
    overflow: hidden
}

.success-items .order-info {
    overflow: hidden;
    margin: 0 auto
}

@media (min-width: 992px) {
    .success-items .order-info {
        max-width: 740px
    }
}

.success-items .order-info .row {
    margin-bottom: 6px
}

.success-items .order-info .icon-wrapper {
    float: left;
    margin-right: 15px
}

.success-items .order-info .icon-wrapper i {
    font-size: 66px;
    color: #4cb64c
}

@media (min-width: 992px) {
    .success-items .order-info .icon-wrapper i {
        margin-top: 8px
    }
}

.success-items .order-info .inner-wrapper {
    float: left
}

.success-items .order-info .inner-wrapper h2.title {
    color: #219a21
}

.success-items .order-info .color-red {
    color: #d20505
}

.success-items h2.title {
    color: #219a21;
    margin-bottom: 8px
}

.success-items p {
    margin-bottom: 16px
}

.success-items .btn {
    padding: 8px 26px
}
body.prod-post {
    background: #f0f1f3
}

body.prod-post #content h1 {
    margin: 10px 0 20px
}

body.prod-post #content .post-inner {
    background: #fff;
    padding: 18px;
    margin-bottom: 30px
}

body.prod-post #content p {
    line-height: 28px;
    color: #5d5d5d
}

body.prod-post #content .info {
    position: relative
}

body.prod-post #content .info .share {
    position: absolute;
    right: 0;
    top: 0
}

body.prod-post #content .post-body a {
    text-decoration: underline
}

body.prod-post #content .post-body h1,
body.prod-post #content .post-body h2,
body.prod-post #content .post-body h3,
body.prod-post #content .post-body h4 {
    border-bottom: none
}

body.prod-post #content .post-body ol li,
body.prod-post #content .post-body ul li {
    line-height: 28px
}

body.prod-post #content .post-body blockquote {
    font-size: 13px;
    border-left-color: #1b81fc;
    background-color: #f7f7f7
}

body.prod-post #content .post-body pre {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: #f7f7f7;
    color: #5d5d5d
}

body.prod-post #content .seo,
body.prod-post #content .description {
    background: #f7f7f7;
    padding: 20px;
    border-left: 4px solid #1b81fc
}

body.prod-post #content .seo ul,
body.prod-post #content .description ul {
    margin-bottom: 0
}

body.prod-post #content .description {
    margin-bottom: 30px;
    font-size: 13px;
    font-style: italic
}

body.prod-post .module-prod-category{
    background: #fff
}

body.prod-post .module-prod-category .product-attribute li {
    padding: 3px 0
}

body.prod-post .module-prod-category .product-attribute li .title {
    color: #777;
    display: inline-block;
    width: 100px
}

body.prod-post .module-prod-category.default-border{
    padding: 10px
}

body.prod-post .module-prod-category.default-border h3{
    border-bottom: 1px solid #eee;
    background: #fff;
    position: relative;
    margin-bottom: 10px;
    padding-left: 0
}

body.prod-post .module-prod-category.default-border h3:after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 50%;
    border-top: 1px solid #4286f4
}
body.prod-post .module-prod-category.default-border li{
    padding-left: 0
}

body.prod-post #prod-side {
    
}