* {
    font-family: 'Roboto', sans-serif !important;
}

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

.fa {
    font-family: 'FontAwesome' !important;
}

html, body {
    border: 0;
    background-color: #fff;
}

* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 62.5%;
    -webkit-overflow-scrolling: touch;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
}

body {
    color: #808080;
    margin: 0px;
    font-size: 14px;
    line-height: 24px;
    border-color: #e8e8e8;
}

html #page {
    position: relative;
    background: #fbfbfb;
}

body.custom-background {
    background-color: #f6f6f6;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

/* 1.2 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 1.3 - Typography */
h1, h2, h3, h4, h5, h6 {
    color: #333333;
    margin: 0 0 13px 0;
}

h1, h2, h3, h4, h5, h6, .cart-summary, .toolbar {
}

h1 {
    font-weight: 400;
    color: #333333;
    font-size: 36px;
    line-height: 36px;
}

h2 {
    font-weight: 400;
    color: #333333;
    font-size: 28px;
    line-height: 28px;
}

h3 {
    font-weight: 400;
    color: #333333;
    font-size: 24px;
    line-height: 24px;
}

h4 {
    font-size: 13px;
    line-height: 18px;
}

h5 {
    font-size: 12px;
    line-height: 18px;
}

h6 {
    font-size: 10px;
    line-height: 18px;
    text-transform: uppercase;
}

h1 .note, h2 .note, h3 .note, h4 .note, h5 .note, h6 .note {
    margin-left: 8px;
    font-weight: 400;
    font-size: 12px;
}

h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a {
    color: #ef8742;
}

p {
    margin: 0 0 14px 0;
    line-height: 21px;
}

/* 1.4 - Links and Buttons */
a {
    text-decoration: none;
    outline: none;
    color: #3f3f3f;
}

a:hover, a:focus {
    text-decoration: none;
    outline: none;
    color: #7aaedd;
}

a:active {
    outline: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #3f3f3f;
}

/* 1.5 - Tables */
table {
    width: 100%;
    border-spacing: 0;
}

table tr td {
    border-top: 1px solid #dddddd;
}

table tr td, table tr th {
    padding: 10px;
    text-align: left;
}

table tr td:first-child, table tr th:first-child {
}

.table tr td:last-child, table tr th:last-child {
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

/* 1.6 - Lists */
ul {
    padding: 0;
    list-style-type: none;
}

/**************************************
Header
**************************************/
header.ts-header {
    padding: 0;
    width: 100%;
}

.header-top {
    padding-top: 7px;
    padding-bottom: 7px;
    border-width: 0 0 1px 0;
    border-style: solid;
}

header.ts-header .header-top {
    background-color: #383838;
    border-color: #383838;
    color: #a9a9a9;
}

.header-top > .container {
    padding-left: 30px;
    padding-right: 30px;
}

.info-desc span, .my-account-wrapper .account-control > a {
    font-size: 13px;
    line-height: 24px;
    display: inline-block;
    position: relative;
    color:;
}

.info-desc > span:first-child, .header-top-right .group-meta-header > div:first-child, .header-top-right .group-meta-header > div {
    margin-right: 28px;
    position: relative;
    display: inline-block;
}

.info-desc .fa {
    margin-right: 10px;
}

.info-desc > span:last-child, .header-top-right .group-meta-header > div:last-child {
    margin-right: 0px;
}

.info-desc > span:last-child:before, .header-top-right .group-meta-header > div:last-child:before {
    content: "";
    top: 5px;
    bottom: 5px;
    left: -14px;
    width: 1px;
    border-width: 0 1px 0 0;
    border-style: solid;
    position: absolute;
    opacity: 0.2;
    border-color: #a9a9a9;
}

.header-top .header-top-right {
    text-align: right;
}

.visible-phone {
    display: none;
}

/***
Đăng nhập - Đăng ký
***/
.ts-tiny-account-wrapper {
    position: relative;
}

.ts-tiny-account-wrapper:before {
    position: absolute;
    content: "\f0d8";
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 7px;
    height: 7px;
    right: 50%;
    top: 27px;
    margin-right: -5px;
    bottom: -18px;
    opacity: 0;
    color: #7aaedd;
}

.my-account-wrapper .dropdown-container:before {
    position: absolute;
    content: "";
    right: 0;
    top: -16px;
    left: 0;
    bottom: 100%;
    height: 22px;
    display: block;
}

.my-account-wrapper:hover .ts-tiny-account-wrapper:before {
    opacity: 1;
}

.header-top .my-account-wrapper .account-control > a:hover, .dropdown-container .account:hover, .dropdown-container .sign-up:hover {
    color: #7aaedd;
}

.my-account-wrapper .dropdown-container {
    display: none;
    margin-top: 7px;
    position: absolute;
    content: "";
    right: 0;
    left: auto;
    top: 130%;
    width: 270px;
    background: #fff;
    padding: 20px;
    text-align: left;
    z-index: 99999;
    border-width: 2px 1px 1px 1px;
    border-style: solid;
    border-color: #e8e8e8;
    border-top-color: #7aaedd;
}

.my-account-wrapper .dropdown-container {
    right: -1px;
    line-height: 24px;
}

.my-account-wrapper:hover .dropdown-container {
    webkit-animation-duration: 340ms;
    -moz-animation-duration: 340ms;
    animation-duration: 340ms;
    animation-delay: 100ms;
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: animation_dropdown;
    -moz-animation-name: animation_dropdown;
    animation-name: animation_dropdown;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: block;
}

animation_dropdown {
    0%;

{
    opacity: 0
;
    visibility: hidden
;
    margin-top: 8px
;
}

100
%
{
    opacity: 1
;
    visibility: visible
;
    margin-top: 0px
;
}

}

@-webkit-keyframes animation_dropdown {
    0% {
        opacity: 0;
        visibility: hidden;
        margin-top: 8px;
    }

    100% {
        opacity: 1;
        visibility: visible;
        margin-top: 0px;
    }
}

@keyframes animation_dropdown {
    0% {
        opacity: 0;
        visibility: hidden;
        margin-top: 8px;
    }

    100% {
        opacity: 1;
        visibility: visible;
        margin-top: 0px;
    }
}

.my-account-wrapper #customer_login {
    padding-top: 10px;
    display: inline-block;
    width: 100%;
}

.my-account-wrapper #customer_login p.login-username, .my-account-wrapper #customer_login p.login-password {
    margin-bottom: 10px;
}

.my-account-wrapper p.login-submit {
    padding-top: 10px;
}

label {
    color: #808080;
    line-height: 18px;
    padding: 0 0 10px 0;
    display: block;
    font-weight: normal;
}

body input[type="search"], body input[type="text"], body input[type="email"], body input[type="password"], body select, body textarea {
    vertical-align: middle;
    max-width: 360px;
}

html input, .account_creation select {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    margin: 0;
    padding: 11px 15px;
    width: 100%;
    text-align: left;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    letter-spacing: 0.25px;
    line-height: 18px;
    color: #808080;
    border-color: #e8e8e8;
    background-color: #fff;
    font-size: 14px;
}

html input:focus {
    border-color: #e8e8e8;
    outline: none;
    webkit-box-shadow: none;
    box-shadow: none;
}

body .button.button-secondary {
    background-color: #3f3f3f;
    color: #ffffff;
    border-color: #3f3f3f;
    width: auto;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
}

body .button.button-secondary:hover {
    background-color: #7aaedd;
    color: #ffffff;
    border-color: #7aaedd;
}

.my-account-wrapper .forgot-pass {
    margin: 0 0 2px 0;
}

header.ts-header .header-top a {
    color: #808080;
}

.my-account-wrapper .forgot-pass a {
    font-size: 12px;
    font-style: italic;
}

/***
Search
***/
.header-top-right .group-meta-header > div {
    margin-right: 28px;
    position: relative;
    display: inline-block;
}

header.ts-header .header-template .header-top .search-wrapper {
    margin-bottom: -10px;
    margin-top: -10px;
    position: relative;
    top: -1px;
}

header.ts-header .header-template .header-top .search-wrapper form {
    display: inline-block;
    width: 100%;
    position: relative;
}

header.ts-header .search-content {
    display: inline-block;
}

header.ts-header .header-template .header-top .search-wrapper input[type="text"] {
    background: transparent;
    border: 0;
    padding-left: 5px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 11px;
    color: #a9a9a9;
}

header.ts-header .header-template .header-top .search-wrapper button[type="submit"] {
    position: absolute;
    right: 2px;
    top: 8px;
    content: "";
    font-size: 0;
    background: url(Images/image.png) -95px 0px no-repeat;
    opacity: 0.7;
    z-index: 2;
    border: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
}

/*Logo-Menu-Cart*/
.header-template .header-middle {
    padding-top: 0;
    padding-bottom: 0;
}

header.ts-header .header-middle {
    background-color: #ffffff;
}

.header-middle > .container > div {
    vertical-align: middle;
    display: table-cell;
}

header.ts-header .logo-wrapper {
    margin: 32px auto;
}

header.ts-header .logo-wrapper .logo {
    line-height: 0;
}

header.ts-header .logo-wrapper a {
    font-size: 26px;
    line-height: 32px;
    display: inline-block;
    max-width: 100%;
    font-style: italic;
    font-family: arial !important;
}

img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    margin: 0 0 0;
    height: auto;
}

/*Menu*/
header.ts-header .header-template .ts-menu {
    float: right;
}

header.ts-header .menu-wrapper nav > ul.menu, header.ts-header .ts-menu > .menu > ul {
    margin: 0;
    padding: 0;
}

header.ts-header .menu-wrapper nav > ul.menu > li, header.ts-header .ts-menu > .menu > ul > li {
    float: left;
    list-style: none;
    position: relative;
    padding: 0 2px;
}

ol li, ul li {
    line-height: 20px;
}

header.ts-header .menu-wrapper nav > ul.menu > li > a {
    color: #3f3f3f;
    font-size: 14px;
    line-height: 18px;
    padding: 48px 14px;
    text-transform: uppercase;
    font-weight: 500;
}

header.ts-header .menu-wrapper nav > ul.menu > li:hover > a {
    font-weight: 500;
}

.navbar-nav ul.dropdown-menu {
    position: absolute;
    left: -10px !important;
    top: 100% !important;
    margin: 0;
    padding: 20px 30px 40px 30px;
    width: 270px !important;
    text-align: left;
    border-width: 2px 0 0 0;
    border-style: solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-color: #7aaedd;
    background: #ffffff;
}

.ts-menu > nav > ul.menu li:hover > ul.dropdown-menu {
    webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    animation-duration: .25s;
    animation-delay: 100ms;
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: navi_animation;
    -moz-animation-name: navi_animation;
    animation-name: navi_animation;
}

navi_animation {
    0%;

{
    opacity: 0
;
    margin-top: 8px
;
    visibility: hidden
;
}

100
%
{
    opacity: 1
;
    margin-top: 0
;
    visibility: visible
;
}

}

@-webkit-keyframes navi_animation {
    0% {
        opacity: 0;
        margin-top: 8px;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        margin-top: 0;
        visibility: visible;
    }
}

@keyframes navi_animation {
    0% {
        opacity: 0;
        margin-top: 8px;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        margin-top: 0;
        visibility: visible;
    }
}

header.ts-header .menu-wrapper nav > ul.menu li ul.menu_sub:before {
    position: absolute;
    content: "\f0d8";
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 7px;
    height: 7px;
    right: 85%;
    margin-right: -5px;
    bottom: 100%;
    z-index: 3;
    color: #7aaedd;
    background: transparent !important;
}

.navbar-nav > ul.dropdown-menu {
    margin: 11px 0px 0px !important;
}

.navbar-nav > li > ul li {
    position: relative;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #e8e8e8;
}

.navbar-nav > li > ul li:first-child {
    border: none;
}

.navbar-nav > li > ul.dropdown-menu > li a {
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    display: block;
    text-align: left;
    padding: 12px 15px 12px 0;
    background: transparent;
    color: #3f3f3f;
    transition: background 0.3s ease;
    white-space: normal;
    transition: padding 200ms ease-in-out 0s;
    -moz-transition: padding 200ms ease-in-out 0s;
    -webkit-transition: padding 200ms;
}

.navbar-nav > li ul.dropdown-menu ul {
    position: absolute;
    margin-top: -64px !important;
    border-radius: 0;
    border-left: 0px;
    margin-left: 220px !important;
}

nav > ul.menu ul.dropdown-menu li:hover > ul.dropdown-menu {
    -webkit-animation-duration: 340ms;
    -moz-animation-duration: 340ms;
    animation-duration: 340ms;
    animation-delay: 100ms;
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: animation_vertical_menu;
    -moz-animation-name: animation_vertical_menu;
    animation-name: animation_vertical_menu;
}

animation_vertical_menu {
    0%;

{
    opacity: 0
;
    visibility: hidden
;
    transform: scale(0.7, 1)
;
    -webkit-transform: scale(0.7, 1)
;
    -moz-transform: scale(0.7, 1)
;
}

100
%
{
    opacity: 1
;
    visibility: visible
;
    transform: scale(1, 1)
;
    -webkit-transform: scale(1, 1)
;
    -moz-transform: scale(1, 1)
;
}

}

@-webkit-keyframes animation_vertical_menu {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: scale(0.7, 1);
        -webkit-transform: scale(0.7, 1);
        -moz-transform: scale(0.7, 1);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
    }
}

@keyframes animation_vertical_menu {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: scale(0.7, 1);
        -webkit-transform: scale(0.7, 1);
        -moz-transform: scale(0.7, 1);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
    }
}

.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
    display: inline-block;
    text-indent: -99999px;
}

.navbar-nav .sub-arrow:after, .navbar-nav .collapsible .sub-arrow:after {
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    margin-left: 5px;
    vertical-align: -1px;
    float: right;
    text-indent: initial;
}

.navbar-nav ul .sub-arrow:after, .navbar-nav ul .collapsible .sub-arrow:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    text-indent: initial;
    position: absolute;
    right: 0;
    margin-right: 10px;
}

.navbar-nav > li > a:hover {
    background: transparent;
}

.dropdown-menu > li:hover, .dropdown-menu > li:focus,
.open .dropdown-menu a:hover,
.open .dropdown-menu a:hover,
.open .dropdown-menu a:focus {
    color: #7aaedd;
    background-color: transparent;
}

.navbar-nav ul .dropdown open,
.navbar-nav ul li:hover > a:first-child {
    color: #7aaedd;
    background-color: transparent;
}

.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
    background-color: transparent;
}

.open .dropdown-menu a:hover {
    padding: 12px 0 12px 15px;
    transition: padding 200ms ease-in-out 0s;
    -moz-transition: padding 200ms ease-in-out 0s;
    -webkit-transition: padding 200ms ease-in-out 0s;
}

/*
Cart
*/
.shopping-cart-wrapper {
    position: relative;
    z-index: 998;
    text-align: right;
    margin: 35px auto;
}

.ts-tiny-cart-wrapper {
    z-index: 999;
    display: inline-block;
}

.shopping-cart-wrapper .ts-tiny-cart-wrapper {
    border: 1px solid #7aaedd;
    padding: 0;
    text-align: left;
    position: relative;
}

.shopping-cart-wrapper .heading a {
    display: inline-block;
    color: #3f3f3f;
    line-height: 24px;
    padding-right: 7px;
}

#cart .heading span.link_a i.fa-shopping-cart {
    color: #ffffff;
    background: #7aaedd;
    padding: 13px;
}

#cart .content {
    display: none;
    margin-top: 38px;
    position: absolute;
    content: "";
    right: 0;
    left: auto;
    top: 195%;
    width: 270px;
    text-align: left;
    border-style: solid;
    border-width: 2px 1px 1px 1px;
    border-color: #e8e8e8;
    border-top-color: #7aaedd;
    background: #fff;
    box-shadow: 0 5px 15px rgba(59, 59, 59, 0.5);
    -moz-box-shadow: 0 5px 15px rgba(59, 59, 59, 0.5);
    -webkit-box-shadow: 0 5px 15px rgba(59, 59, 59, 0.5);
    right: -1px;
}

header #cart:hover .content {
    display: block;
    webkit-animation-duration: 340ms;
    -moz-animation-duration: 340ms;
    animation-duration: 340ms;
    animation-delay: 100ms;
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: animation_dropdown;
    -moz-animation-name: animation_dropdown;
    animation-name: animation_dropdown;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

#cart .content:before {
    position: absolute;
    content: "";
    right: 0;
    top: -50px;
    left: 0;
    bottom: 100%;
    height: 51px;
    display: block;
}

#cart .content:after {
    position: absolute;
    content: "\f0d8";
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 7px;
    height: 7px;
    right: 40%;
    margin-right: -5px;
    bottom: 100%;
    z-index: 3;
    color: #7aaedd;
    background: transparent !important;
}

.item-cart {
    font-weight: normal;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid #e8e8e8;
}

.item-cart:last-child {
    border-bottom: transparent;
}

.cart_content .cart-list {
    overflow: auto;
    max-height: 255px;
    padding: 0 10px;
    position: relative;
}

.nav-bar-item {
    padding: 10px 10px;
    margin-bottom: 5px;
    overflow: hidden;
}

.item-cart .image-cart {
    float: left;
    margin-right: 15px;
    width: 28%;
}

.text_cart {
    overflow: hidden;
    position: relative;
    padding-right: 20px;
    text-transform: none;
}

.text_cart h4 {
    margin-bottom: 0;
}

.nav-bar-item .remove_link {
    position: absolute;
    right: 10px;
    top: 8px;
}

.text_cart span.variant {
    font-size: 11px;
}

.nav-bar-item .remove_link a:before {
    display: inline-block;
    content: "\f014";
    font-family: "FontAwesome";
    font-size: 14px;
    line-height: 14px;
}

.text-mini-cart {
    padding: 15px 20px;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 3px solid #e8e8e8;
}

.cart_block_total {
    color: #808080;
    float: right;
    text-transform: none;
}

.cart-check-mini {
    padding: 15px 20px;
    font-size: 12px;
    line-height: 18px;
}

.btn {
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 24px 10px 24px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    display: block;
    background-color: transparent;
    color: #3f3f3f;
    border-color: #e8e8e8;
}

a.button.view-cart {
    margin-bottom: 10px;
}

a.button.checkout {
    background-color: #3f3f3f;
    color: #ffffff;
    border-color: #3f3f3f;
}

.btn:hover {
    background-color: transparent;
    color: #7aaedd;
    border-color: #7aaedd;
}

a.button.checkout:hover {
    background-color: #7aaedd;
    color: #ffffff;
    border-color: #7aaedd;
}

header.ts-header .header-template .header-middle:after {
    position: absolute;
    content: "";
    top: 100%;
    margin-top: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: url(/car/assets/100001/Images/line-bottom-menu.png) top left repeat-x;
    z-index: 0;
    opacity: 0.8;
}

/*************************************
Main
**************************************/
body #main {
    background-color: #fbfbfb;
}

div#main {
    min-height: 600px;
    width: 100%;
    clear: both;
}

.page-container {
    padding-top: 30px;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
    min-height: 400px;
}

#main-content {
    padding: 0 15px 0 15px;
}

.vc_custom {
    margin-top: 10px;
    margin-bottom: 0px;
}

.wpb_content_element {
    margin-bottom: 30px;
}

.widget-container {
    border: 1px solid #e8e8e8;
    margin: 0 0 30px 0;
    clear: both;
    padding: 0 20px 10px 20px;
    background-color: #ffffff;
}

.widget-container.ts-menus-widget {
    padding: 0;
}

.widget-container:last-child {
    margin-bottom: 0;
}

.widget-container.ts-menus-widget .widget-title {
    padding: 16px 14px 15px 50px;
    font-weight: bold;
    transition: all 200ms ease-in-out 0s;
    -moz-transition: all 200ms ease-in-out 0s;
    -webkit-transition: all 200ms ease-in-out 0s;
    text-align: left;
    font-size: 15px;
    background-color: #eaeaea;
    color: #3f3f3f;
    text-transform: uppercase;
    position: static;
    font-family: 'Helvetica Neue', sans-serif !important;
}

.widget-container.ts-menus-widget .widget-title:before {
    font-family: 'FontAwesome';
    background: transparent;
    content: "\f03a";
    position: absolute;
    font-weight: 300;
    left: 35px;
    top: 18px;
    right: auto;
    bottom: auto;
    transition: all 200ms ease-in-out 0s;
    -moz-transition: all 200ms ease-in-out 0s;
    -webkit-transition: all 200ms ease-in-out 0s;
    height: auto;
    border: 0;
}

/*Megamenu*/
.widget-container .vertical-menu > ul.menu {
    margin: 0;
    padding: 0;
}

.widget-container .vertical-menu > ul.menu > li {
    width: 100%;
    padding: 0 20px;
    position: relative;
    z-index: 999;
}

.widget-container .vertical-menu > .menu > li > a {
    display: inline-block;
    padding: 15px 20px;
    position: relative;
    font-weight: normal;
    color: #3f3f3f;
    border-width: 1px 0 0 0;
    border-style: solid;
    width: 100%;
    text-align: left;
    background: transparent !important;
    padding-left: 0;
    padding-right: 0;
    text-transform: none;
    border-color: #e8e8e8;
}

.widget-container nav.vertical-menu > ul.menu > li > a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: black;
    text-transform: uppercase;
}

.widget-container nav.vertical-menu > ul.menu li .menu-icon {
    padding: 0 15px 0 0;
    width: 30px;
    line-height: 16px;
    display: inline-block;
}

.widget-container .vertical-menu > ul.menu > li.parent > a > .menu-label:after {
    content: "\f105";
    font-family: 'FontAwesome';
    padding: 0 0 0 5px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

.widget-container .vertical-menu > ul.menu > li.parent > a > .hide_after:after {
    content: "";
}

.widget-container .vertical-menu > ul.menu > li:first-child > a {
    border: 0;
}

.widget-container .vertical-menu > ul.menu li > ul.sub-menu {
    top: -61px;
    right: auto;
    left: 100%;
    min-height: 70px;
    transform-origin: 0 100% 0;
    -webkit-transform-origin: 0 100% 0;
    -moz-transform-origin: 0 100% 0;
    -ms-transform-origin: 0 100% 0;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: none;
    padding: 20px 30px 40px 30px;
    background-color: #ffffff;
}

.widget-container .vertical-menu > ul.menu li > ul.col-3 {
    width: 750px;
}

.widget-container .vertical-menu > ul.menu li > ul.col-1 {
    width: 270px;
}

.col-li-2 {
    width: 50%;
}

.col-li-1 {
    width: 100%;
}

.widget-container .vertical-menu > ul.menu li > ul.col-2 {
    width: 520px;
}

.widget-container .vertical-menu > ul.menu li ul.sub-menu {
    position: absolute;
    z-index: 999;
}

.widget-container .vertical-menu > ul.menu li ul.sub-menu > li {
    list-style: none;
    padding: 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    width: 100%;
    transition: padding 200ms ease-in-out 0s;
    -moz-transition: padding 200ms ease-in-out 0s;
    -webkit-transition: padding 200ms ease-in-out 0s;
    position: relative;
}

.widget-container .vertical-menu > ul.menu li ul.sub-menu > li:first-child {
    border: 0;
}

.ts-mega-menu {
    margin: 0 -10px;
    overflow: hidden;
    width: 80%;
}

#menu-menu-sub-food .ts-mega-menu, #menu-menu-sub-electronic .ts-mega-menu {
    width: 100%;
}

.widget-container .vertical-menu > ul.menu li ul.sub-menu:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-width: 2px 0 0 0;
    border-style: solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-color: #7aaedd;
}

.widget-container .vertical-menu div.list-link {
    padding: 0 10px;
}

.widget-container .vertical-menu div.list-link > .widgettitle {
    margin: 10px 0 15px 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    color: #3f3f3f;
    font-family: 'Helvetica Neue', sans-serif !important;
}

.widget-container .vertical-menu div.list-link ul {
    margin: 0;
}

.widget-container .vertical-menu div.list-link li {
    list-style: none;
    padding: 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    width: 100%;
    transition: padding 200ms ease-in-out 0s;
    -moz-transition: padding 200ms ease-in-out 0s;
    -webkit-transition: padding 200ms ease-in-out 0s;
    position: relative;
    border-color: #e9e9e9;
}

.widget-container .vertical-menu div.list-link li:first-child {
    border: 0;
}

.widget-container .vertical-menu div.list-link li > a {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 99;
    padding: 12px 15px 12px 0;
    color: #3f3f3f;
    transition: padding 200ms ease-in-out 0s;
    -moz-transition: padding 200ms ease-in-out 0s;
    -webkit-transition: padding 200ms ease-in-out 0s;
}

.widget-container .vertical-menu div.list-link li > a:hover {
    color: #7aaedd;
    padding: 12px 0 12px 15px;
}

.widget-container .vertical-menu > ul.menu > li:hover > a {
    color: #7aaedd;
}

.widget-container .vertical-menu > ul.menu li:first-child > ul.sub-menu {
    top: -22px;
}

.widget-container .vertical-menu > ul.menu li:hover > ul.sub-menu {
    webkit-animation-duration: 340ms;
    -moz-animation-duration: 340ms;
    animation-duration: 340ms;
    animation-delay: 100ms;
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: animation_vertical_menu;
    -moz-animation-name: animation_vertical_menu;
    animation-name: animation_vertical_menu;
    display: block;
}


@-webkit-keyframes animation_vertical_menu {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: scale(0.7, 1);
        -webkit-transform: scale(0.7, 1);
        -moz-transform: scale(0.7, 1);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
    }
}

@keyframes animation_vertical_menu {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: scale(0.7, 1);
        -webkit-transform: scale(0.7, 1);
        -moz-transform: scale(0.7, 1);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
    }
}

/*Banner*/
.ts-single-image {
    margin-bottom: 30px;
}

.ts-effect-image {
    text-align: center;
    overflow: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    line-height: 0;
}

.ts-effect-image .image-link {
    display: inline-block;
    line-height: 0;
    position: relative;
    max-width: 100%;
}

.eff-border-scale .overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
}

.eff-border-scale .overlay:after {
    opacity: 0;
    z-index: 4;
    width: auto;
    height: auto;
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 1px solid #ffffff;
    transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transition: transform 400ms, opacity 100ms ease 0s;
    -moz-transition: transform 400ms, opacity 100ms ease 0s;
    -webkit-transition: -webkit-transform 400ms, opacity 100ms ease 0s;
}

.eff-border-scale:hover .overlay:after {
    opacity: 1;
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transition: transform 500ms, opacity 300ms ease 0s;
    -moz-transition: transform 500ms, opacity 300ms ease 0s;
    -webkit-transition: -webkit-transform 500ms, opacity 300ms ease 0s;
}

/********************************
Slidershow
********************************/
.slider-container {
    margin: 0px;
    background-color: transparent;
    position: relative;
    width: 100%;
}

#slideshow .slider-container {
    overflow: hidden;
    background-color: #c4c0c0;
}

.hrv_slides {
    position: relative;
    background: url(/car/assets/100001/Images/loading.gif) no-repeat center center;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.hrv_slides a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
    background: white;
    filter: alpha(opacity=0);
    opacity: 0;
}

.hrv_slides img {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: none;
}

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
    overflow: hidden;
}

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
    top: 0;
}

.nivo-caption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 8;
    display: none;
    top: 30%;
}

.hrv-html-caption {
    display: none;
}

.slide-caption {
    position: absolute;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    z-index: 9;
}

.caption_1, .caption_3 {
    top: 0px;
    text-align: left;
    margin-left: 40px;
}

.caption_2 {
    top: 100px;
    text-align: center;
}

.slide-caption .text_first {
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
}

.slide-caption h3 {
    font-weight: 700;
    color: #ffffff;
    font-size: 50px;
    line-height: 80px;
    text-transform: uppercase;
    margin: 0;
}

.slide-caption .btn-slide {
    color: #ffffff;
    text-transform: uppercase;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
}

.slide-caption .btn-slide:hover {
    color: #7aaedd;
}

.slide-caption .btn-slide:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.nivo-directionNav {
    display: none;
}

.nivo-controlNav {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 10;
}

.nivo-controlNav .nivo-control {
    position: relative;
    border: 0;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0px;
    background: #ffffff;
    cursor: pointer;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    margin-right: 5px;
}

.nivo-controlNav .nivo-control.active, .nivo-controlNav .nivo-control:hover {
    background: transparent;
    border: 2px solid #ffffff;
    width: 13px;
    height: 13px;
}

/***********
section_1_hot_deal
***********/
.ts-slider {
    padding: 0 20px 0 20px;
    position: relative;
    background-color: #fff;
    height: 402px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
}

.heading-title {
    font-size: 16px;
    line-height: 22px;
    color: #3f3f3f;
    font-weight: bold;
    position: relative;
    text-align: center;
    padding: 13px 20px 13px 20px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 500;
}

.heading-title:after {
    position: absolute;
    content: "\f0d8";
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 7px;
    height: 7px;
    left: 50%;
    margin-left: -5px;
    bottom: -1px;
    transition: all 200ms ease 0s;
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    color: #e8e8e8;
}

.hrv_commerce .content-wrapper {
    position: relative;
    padding: 10px 0 56px;
}

.hrv_commerce .ts-slider .products {
    margin: 0;
}

.hrv_commerce .products .product {
    margin: 0 0 20px 0;
    padding: 0 10px;
    float: left;
}

.hrv_commerce .ts-slider .products .product {
    width: 100%;
}

.hrv_commerce .products .product .product-wrapper {
    position: relative;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    padding: 0;
}

.owl-carousel .product-wrapper * {
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.hrv_commerce .product .product-wrapper .thumbnail-wrapper {
    position: relative;
    z-index: 1;
    margin: 0 0 14px 0;
    max-width: 230px;
    line-height: 0;
    width: 45%;
    float: left;
    overflow: hidden;
}

.hrv_commerce .product .product-wrapper .thumbnail-wrapper > a, .page_commerce .product .product-wrapper .thumbnail-wrapper > a {
    position: relative;
    z-index: 2;
    display: inline-block;
    max-width: 100%;
    line-height: 0;
}

.hrv_commerce .product .product-wrapper figure, .page_commerce .product .product-wrapper figure {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.hrv_commerce .product .product-wrapper figure img:first-child {
    position: relative;
    z-index: 2;
}

.hrv_commerce .products .product .product-label, .page_commerce .products .product .product-label {
    position: absolute;
    left: 0;
    right: auto;
    top: 0px;
    bottom: auto;
    z-index: 4;
    width: 100%;
    line-height: 0;
    text-align: center;
}

.hrv_commerce .products .product .product-label .onsale, .hr_commerce .products .product .product-label .onsale {
    position: static;
    margin: 0;
    min-height: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    padding: 5px;
    text-align: center;
    float: left;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    min-width: 44px;
    height: auto;
    clear: both;
    line-height: 20px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
    color: #ffffff;
    background: #f23434;
}

.hrv_commerce .ts-product-deals-slider-wrapper .products .product .product-label span:nth-child(2) {
    margin-top: 0;
}

.product-group-button {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    text-align: center;
    height: 34px;
    width: 76px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background: transparent;
    opacity: 0;
}

.thumbnail-wrapper:hover .product-group-button {
    opacity: 1;
    z-index: 5;
}

.thumbnail-wrapper:hover .product-group-button > div {
    webkit-animation-duration: 400ms;
    -moz-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: run_button_thumbnail;
    -moz-animation-name: run_button_thumbnail;
    animation-name: run_button_thumbnail;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

run_button_thumbnail {
    from;

{
    opacity: 0
;
    transform: translate(0, 20px)
;
    -moz-transform: translate(0, 20px)
;
    -webkit-transform: translate(0, 20px)
;
    -ms-transform: translate(0, 20px)
;
}

to {
    opacity: 1;
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

}

@-moz-keyframes run_button_thumbnail {
    from {
        opacity: 0;
        transform: translate(0, 20px);
        -moz-transform: translate(0, 20px);
        -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
}

@keyframes run_button_thumbnail {
    from {
        opacity: 0;
        transform: translate(0, 20px);
        -moz-transform: translate(0, 20px);
        -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
}

.thumbnail-wrapper:hover .product-group-button > div:nth-child(2) {
    animation-delay: 100ms;
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
}

.thumbnail-wrapper:hover .product-group-button > div:nth-child(3) {
    animation-delay: 200ms;
    -webkit-animation-delay: 200ms;
    -moz-animation-delay: 200ms;
}

.thumbnail-wrapper:before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    z-index: 3;
}

.thumbnail-wrapper:hover:before {
    opacity: 1;
}

.product-group-button > * {
    margin: 0 2px;
}

.product-group-button > div {
    display: inline-block;
    float: left;
    position: relative;
    background: none;
    width: 34px;
    height: 34px;
    font-size: 0;
    min-width: 0;
    line-height: 0;
    padding: 0;
}

.product .thumbnail-wrapper .product-group-button > div a {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    width: 34px;
    height: 34px;
    line-height: 30px;
    font-size: 0;
    padding: 0;
    min-width: 0;
    display: inline-block;
    margin: 0;
    cursor: pointer;
}

.product .thumbnail-wrapper .product-group-button .loop-add-to-cart a:first-child:before {
    font-family: 'FontAwesome';
    content: "\f07a";
    line-height: 30px;
    text-indent: 0;
    color: inherit;
}

.product .thumbnail-wrapper .product-group-button > div a:first-child:before {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    color: inherit;
}

.product-group-button .button-tooltip {
    font-size: 12px;
    line-height: 20px;
    padding: 3px 5px;
    position: absolute;
    text-transform: none;
    display: inline-block;
    min-width: 80px;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    background: #ffffff;
    color: #3f3f3f;
}

.product-group-button .button-tooltip:after {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
    left: 50%;
    content: "";
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #ffffff;
}

.product-group-button > div a:hover .button-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -10px);
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
}

.thumbnail-wrapper .product-group-button > div a i {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    color: inherit;
}

.hrv_commerce .product .thumbnail-wrapper .product-group-button > div a:hover {
    border-color: #7aaedd;
    color: #7aaedd;
}

.hrv_commerce .ts-product-deals-slider-wrapper .product .product-wrapper .meta-wrapper {
    padding-left: 25px;
    width: 55%;
    float: left;
    text-align: inherit;
    position: relative;
    z-index: 1;
}

.products .product h3 {
    margin: 0 0 5px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 22px;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

h3.product-name > a:hover {
    color: #7aaedd;
}

.hrv_commerce .products .product .price, .hr_commerce .products .product .price {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 10px;
    display: block;
    padding-bottom: 3px;
    line-height: 18px;
    color: #6986ca;
    font-weight: 500;
}

.hrv_commerce .products .product .price del, .hr_commerce .products .product .price del {
    font-size: 17px;
    line-height: 100%;
    margin: 0;
    color: #c8c8c8;
    display: inline-block;
}

.hrv_commerce .ts-product-deals-slider-wrapper .amount {
    line-height: 24px;
    padding: 0 2px 0 2px;
}

.hrv_commerce .ts-product-deals-slider-wrapper ins {
    font-size: 20px;
}

ins {
    text-decoration: none;
}

.hrv_commerce .ts-product-deals-slider-wrapper .products .product .short-description {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}

.ts-product-deals-slider-wrapper .counter-wrapper {
    margin: 16px -2px 4px -2px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    text-align: inherit;
    line-height: 0;
}

.counter-wrapper > div {
    display: inline-block;
    padding: 4px 2px 5px 2px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px 0 5px 0;
    -webkit-border-radius: 5px 0 5px 0;
    -moz-border-radius: 5px 0 5px 0;
    width: 50px;
    height: 46px;
    overflow: hidden;
    line-height: 0;
    margin: 0 2px;
    margin-bottom: 4px;
    text-align: center;
}

.counter-wrapper > div.days {
    background-color: #808080;
    border-color: #808080;
}

.counter-wrapper > div .number-wrapper {
    color: #fff;
    line-height: 0;
}

.counter-wrapper > div .number-wrapper .number {
    z-index: 1;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
}

.counter-wrapper > div.days .number-wrapper .number, .counter-wrapper > div.days .ref-wrapper {
    color: #ffffff;
}

.counter-wrapper .ref-wrapper {
    width: 100%;
    display: inline-block;
    clear: both;
    margin-top: 2px;
    font-size: 9px;
    line-height: 10px;
    text-transform: uppercase;
}

.counter-wrapper > div .number-wrapper .number {
    color: #3f3f3f;
}

.counter-wrapper > div {
    background-color: #fbfbfb;
    border-color: #e8e8e8;
}

.hrv_commerce .product .product-wrapper a.button, .hr_commerce .product .product-wrapper a.button, .page_commerce .product .product-wrapper a.button {
    background: none;
    padding: 5px 0;
    width: 75%;
    text-align: center;
    background-color: #fff;
    border: 2px solid #e8e8e8;
    color: #666;
    display: none;
}

.hrv_commerce .product .product-wrapper .meta-wrapper a.button:hover, .hr_commerce .product .product-wrapper .meta-wrapper a.button:hover {
    background-color: #7aaedd;
    border-color: #7aaedd;
    color: #fff;
}

.ts-slider .heading-wrapper .navslider, .upsells_navslider {
    position: relative;
    top: 0;
    right: 0px;
}

.ts-slider .heading-wrapper .navslider a, .upsells_navslider a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

.ts-slider .heading-wrapper .navslider .prev, .ts-slider .heading-wrapper .navslider .next {
    position: absolute;
    top: -60px;
}

.upsells_navslider .prev, .upsells_navslider .next {
    top: -85px;
    position: absolute;
}

.ts-slider .heading-wrapper .navslider .prev, .upsells_navslider .prev {
    left: 0;
}

.ts-slider .heading-wrapper .navslider .next, .upsells_navslider .next {
    right: 0;
}

.ts-slider .heading-wrapper .navslider .next, .ts-slider .heading-wrapper .navslider .prev, .upsells_navslider .next, .upsells_navslider .prev {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 23px;
    font-size: 20px;
    color: #3f3f3f;
    border: 2px solid #e8e8e8;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: transparent;
}

.ts-slider .heading-wrapper .navslider .next:hover, .ts-slider .heading-wrapper .navslider .prev:hover, .upsells_navslider .next:hover, .upsells_navslider .prev:hover {
    color: #7aaedd;
    border-color: #7aaedd;
    background: transparent;
}

.ts-slider .heading-wrapper .navslider .prev:before, .upsells_navslider .prev:before {
    content: "\f104";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    height: auto;
    text-align: center;
}

.ts-slider .heading-wrapper .navslider .next:before, .upsells_navslider .next:before {
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    height: auto;
    text-align: center;
}

/***************
section_1_toprated
***************/
.ts-products-widget {
    border: 1px solid #e8e8e8;
    margin: 0 0 30px 0;
    clear: both;
    padding: 0 0 10px 0;
    overflow: hidden;
    background: #fff;
}

.ts-products-widget .title-wrapper .hr_title {
    margin: 0;
}

.ts-products-widget ul.product_list_widget {
    padding: 20px 0 10px 0;
    margin: 0;
}

ul.product_list_widget li {
    position: relative;
    overflow: hidden;
    margin: 0 0 23px 0;
    padding: 0 0 23px 0;
    height: 113px;
    padding-left: 10px;
}

ul.product_list_widget li:last-child {
    padding-bottom: 0;
}

ul.product_list_widget li:after {
    border-bottom: 1px solid #e8e8e8;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    content: "";
    display: block;
}

ul.product_list_widget li:last-child:after {
    display: none;
}

ul.product_list_widget li > a.ts-wg-thumbnail {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    float: left;
    width: 100px;
}


ul.product_list_widget li .ts-wg-meta {
    margin-left: 106px;
}

ul.product_list_widget li .ts-wg-meta > a {
    color: #3f3f3f;
    font-weight: 500;
    margin: 6px 0 6px 0;
    display: block;
}

ul.product_list_widget li .price {
    margin-bottom: 3px;
    display: inline-block;
    width: 100%;
}

span.price {
    color: #6986ca;
    font-weight: 500;
}

ul.product_list_widget li del {
    color: #c8c8c8;
    font-size: 13px;
}

.price del .amount {
    text-decoration: line-through;
}

ul.product_list_widget li span.amount {
    margin: 0 2px 2px 2px;
    display: inline-block;
    line-height: 20px;
    color: #6986ca;
}

ul.product_list_widget li del span.amount {
    text-decoration: line-through;
    color: #c8c8c8;
}

ul.product_list_widget li .ts-wg-meta > a:hover {
    color: #7aaedd;
}

.feedburner-subscription {
    text-align: center;
    padding: 32px 20px 34px 20px;
    border: 1px solid #e8e8e8;
    background: #fff;
    margin-bottom: 30px;
}

.feedburner-subscription .widget-title {
    padding: 0;
    margin: 0;
    border: none;
}

.feedburner-subscription .widget-title:after {
    display: none;
}

.feedburner-subscription .subscribe-widget {
    padding-top: 10px;
}

form {
    display: inline-block;
    width: 100%;
}

.feedburner-subscription .subscribe-email {
    margin-top: 10px;
}

.feedburner-subscription .subscribe-email input[type="email"] {
    background-color: #fbfbfb;
    border: 0;
    font-size: 14px;
    color: #808080;
    letter-spacing: 0.25px;
    line-height: 18px;
    padding: 11px 15px;
    text-align: left;
    margin: 0;
    display: inline-block;
    width: 100%;
}

body .feedburner-subscription .button {
    margin-top: 12px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 24px 10px 24px;
    border: 2px solid #e8e8e8;
    color: #3f3f3f;
    background: transparent;
}

body .feedburner-subscription .button:hover {
    background-color: transparent;
    color: #7aaedd;
    border-color: #7aaedd;
}

/*section_2*/
.ts-single-image {
    margin-bottom: 30px;
}

/*************************
section_3
**************************/

.group-link-collection {
    border-bottom: 1px solid #e8e8e8;
}

.tabs_1 .group-link-collection > li:hover, .tabs_1 .group-link-collection > li.active {
    background-color: #ebb651;
}

.tabs_2 .group-link-collection > li:hover, .tabs_2 .group-link-collection > li.active {
    background-color: #ef939e;
}

.tabs_3 .group-link-collection > li:hover, .tabs_3 .group-link-collection > li.active {
    background-color: #67b1d4;
}

.tabs_4 .group-link-collection > li:hover, .tabs_4 .group-link-collection > li.active {
    background-color: #9d83cc;
}

.tabs_5 .group-link-collection > li:hover, .tabs_5 .group-link-collection > li.active {
    background-color: #40bea8;
}

.group-link-collection > li a:hover, .group-link-collection > li.active a {
    color: #ffffff;
}

.group-link-collection > li {
    list-style: none;
    padding: 10px 30px;
    border-top: 1px solid #e8e8e8;
    float: none;
    cursor: pointer;
    transition: background 300ms, color 200ms ease 0s;
    -moz-transition: background 300ms, color 200ms ease 0s;
    -webkit-transition: background 300ms, color 200ms ease 0s;
}

.group-link-collection > li > a {
    display: block;
    color: #3f3f3f;
    font-weight: 500;
    text-transform: uppercase;
}

.box-section-collection .ts-product-in-category-tab-wrapper .section-collection {
    display: none;
}

.box-section-collection .ts-product-in-category-tab-wrapper .section-collection.active {
    display: block;
}

.clearfixProduct {
    padding-left: 15px;
    padding-top: 15px;
}

.ts-product-in-category-tab-wrapper {
    border-width: 4px 1px 1px 1px;
    border-color: #e8e8e8;
    border-style: solid;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    background: #fff;
}

.ts-product-in-category-tab-wrapper.tabs_1 {
    border-top-color: #ebb651;
}

.ts-product-in-category-tab-wrapper .hr-col-md-2 {
    width: 20%;
    float: left;
}

.ts-product-in-category-tab-wrapper .hr-col-md-6 {
    width: 50.5%;
    float: left;
    clear: none;
    padding: 0 0 1px 0;
    margin: 0 0 -1px 0;
    overflow: hidden;
}

.ts-product-in-category-tab-wrapper .hr-col-md-4 {
    width: 29.5%;
    padding: 20px;
    float: right;
}

.column-tabs .heading-tab {
    position: relative;
}

.column-tabs .heading-tab h3 {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: none;
}

.column-tabs .heading-tab h3 span {
    font-family: 'Helvetica Neue', sans-serif !important;
}

.column-tabs .heading-tab i {
    font-size: 26px;
    line-height: 34px;
    color: #fff;
    padding: 5px 0;
    width: 44px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

.ts-product-in-category-tab-wrapper.tabs_1 .heading-tab i {
    background-color: #40bea8;;
}

.ts-product-in-category-tab-wrapper .column-tabs:before {
    position: absolute;
    border-right: 1px solid #e8e8e8;
    width: 1px;
    top: 0;
    left: 20%;
    bottom: 0;
    content: "";
}

.column-tabs .heading-tab h3:after, .hr_commerce .products .product h3:after, .page_commerce .products .product h3:after, .widget-container.ts-menus-widget .widget-title:after {
    display: none;
}

.ts-product-in-category-tab-wrapper .column-tabs ul {
    margin: 0;
    padding: 0;
}

.column-tabs .tabs li {
    list-style: none;
    padding: 10px 30px;
    border-top: 1px solid #e8e8e8;
    float: none;
    cursor: pointer;
    transition: background 300ms, color 200ms ease 0s;
    -moz-transition: background 300ms, color 200ms ease 0s;
    -webkit-transition: background 300ms, color 200ms ease 0s;
}

.nav-tabs > li > a {
    padding: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border: none;
    border-bottom-color: transparent;
    color: #fff;
}

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

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.ts-product-in-category-tab-wrapper.tabs_1 .column-tabs .tabs li:hover, .ts-product-in-category-tab-wrapper.tabs_1 .column-tabs .tabs li.active {
    background-color: #ebb651;
}

/*****************Product_tabs*********************/
.hr_commerce > .products {
    flex-flow: row wrap;
    display: flex;
    clear: both;
}

.ts-product-in-category-tab-wrapper .hr_commerce.column-products .products {
    margin: 0 0 -1px 0;
}

.hr_commerce .products .product {
    width: 33.33333%;
}

.hr_commerce .products .product:nth-of-type(3n+1) {
    clear: left;
}

.ts-product-in-category-tab-wrapper .hr_commerce.column-products .product {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.ts-product-in-category-tab-wrapper .hr_commerce.column-products .product:before {
    content: "";
    position: absolute;
    right: -1px;
    left: auto;
    bottom: 0;
    top: 0;
    width: 1px;
    border-right: 1px solid #e8e8e8;
    z-index: 2;
}

.hr_commerce .products .product .product-wrapper, .page_commerce .products .product .product-wrapper {
    position: relative;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.hr_commerce .product .product-wrapper .thumbnail-wrapper {
    position: relative;
    z-index: 1;
    margin: 0 0 14px 0;
    max-width: 100%;
    line-height: 0;
    overflow: hidden;
}

.hr_commerce .product .product-wrapper .thumbnail-wrapper > a {
    position: relative;
    z-index: 2;
    display: inline-block;
    max-width: 100%;
    line-height: 0;
}

.price-new-old {
    color: #6986ca;
    font-weight: 500;
}

.price-new-old del {
    color: #c8c8c8;
    font-size: 13px;
    margin-left: 5px;
}

.hr_commerce .product .product-wrapper figure {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.hr_commerce .products .product .product-label {
    position: absolute;
    left: 0;
    right: auto;
    top: 0px;
    bottom: auto;
    z-index: 4;
    text-align: left;
    width: 100%;
    line-height: 0;
    text-align: center;
}

.hr_commerce .products .product .product-label .onsale {
    padding: 1px;
}

.hr_commerce .products .product h3, .page_commerce .products .product h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: left;
    border: none;
    margin-bottom: 5px;
    color: #3f3f3f;
}

.hr_commerce .products .product h3:hover, .page_commerce .products .product h3:hover {
    color: #7aaedd;
}

.hr_commerce .products .product .price .amount {
    padding: 0 2px 0 2px;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
}

.ts-product-in-category-tab-wrapper .column-banners:before {
    position: absolute;
    border-left: 1px solid #e8e8e8;
    width: 1px;
    top: 0;
    right: 29.5%;
    bottom: 0;
    content: "";
}

.ts-product-in-category-tab-wrapper .owl-pagination {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 12px;
    display: inline-block;
    text-align: center;
    line-height: 0;
    z-index: 6;
}

.ts-product-in-category-tab-wrapper .owl-pagination > div {
    display: inline-block;
    overflow: hidden;
    line-height: 0;
    margin: 0;
}

.ts-product-in-category-tab-wrapper .owl-pagination > div > span {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 9;
    padding: 3px;
    margin: 0;
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.ts-product-in-category-tab-wrapper .owl-pagination > div > span:before {
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 3px;
    top: 3px;
    content: "";
    border: 1px solid #e8e8e8;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    transition: all 200ms ease 0s;
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
}

.ts-product-in-category-tab-wrapper .owl-pagination > div.active > span:before, .ts-product-in-category-tab-wrapper .owl-pagination > div > span:hover:before {
    background: #ffffff;
    border-color: #ffffff;
}

/***************************Tabs_2***************************/
.ts-product-in-category-tab-wrapper.tabs_2 {
    border-top-color: #ef939e;
}

.ts-product-in-category-tab-wrapper.tabs_2 .heading-tab i {
    background-color: #ef939e;
}

/***************************Tabs_3***************************/
.ts-product-in-category-tab-wrapper.tabs_3 {
    border-top-color: #67b1d4;
}

.ts-product-in-category-tab-wrapper.tabs_3 .heading-tab i {
    background-color: #67b1d4;
}

/***************************Tabs_4***************************/
.ts-product-in-category-tab-wrapper.tabs_4 {
    border-top-color: #9d83cc;
}

.ts-product-in-category-tab-wrapper.tabs_4 .heading-tab i {
    background-color: #9d83cc;
}

/***************************Tabs_5***************************/
.ts-product-in-category-tab-wrapper.tabs_5 {
    border-top-color: #40bea8;
}

.ts-product-in-category-tab-wrapper.tabs_5 .heading-tab i {
    background-color: #40bea8;
}

/***************************section_4***************************/
.ts-logo-slider-wrapper {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 30px;
}

.ts-logo-slider-wrapper .logos {
    padding: 20px 2px;
}

.ts-logo-slider-wrapper .owl-carousel .owl-item {
    text-align: center;
}

.ts-logo-slider-wrapper .item {
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/***********************Footer*********************/
footer#colophon, footer#colophon a, .ts-social-icons .social-icons.style-3 li a span {
    color: #999999;
}

footer .footer-container {
    background-color: #262626;
    font-size: 14px;
    line-height: 24px;
}

body .ts-footer-block {
    border: 0;
    padding-top: 70px;
    margin: 0;
    padding-bottom: 20px;
}

.fix-column-no-margin {
    background-color: #353535;
}

.hrv_sp {
    display: inline-block;
    text-align: center;
    padding: 40px 0;
}

.hrv_sp .hrv_sp-icon, .hrv_sp .hrv_sp-text {
    display: inline-block;
    text-align: left;
}

.hrv_sp .hrv_sp-icon {
    font-size: 30px;
    margin-right: 20px;
}

.hrv_sp .hrv_sp-icon > img {
    margin-top: -24px;
}

.hrv_sp .hrv_sp-text h4 {
    font-size: 22px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 30px;
    font-family: 'Helvetica Neue', sans-serif !important;
}

.hrv_sp .hrv_sp-text h4, .hrv_sp .hrv_sp-text p {
    margin: 0;
    font-weight: 700;
}

.hrv_sp .hrv_sp-text p {
    color: #888888;
    font-size: 13px;
}

.hrv_sp .hrv_sp-text {
    border-left: 1px solid #4a4a4a;
    padding-left: 20px;
    width: 235px;
}

.block-feature-middle {
    border-left: 1px solid #4a4a4a;
    border-right: 1px solid #4a4a4a;
}

body .ts-footer-block > div {
    margin-bottom: 63px;
}

footer#colophon h3 {
    color: #ffffff;
    padding: 0;
    margin: 0 0 30px 0;
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    border: none;
}

footer#colophon h3:after, .list-posts .entry-content .entry-title:after {
    display: none;
}

footer .wpb_content_element ul li {
    list-style: none;
    padding: 6px 0 6px 0;
}

footer .wpb_content_element ul li:first-child {
    padding-top: 0;
}

footer .wpb_content_element ul li:last-child {
    padding-bottom: 0;
}

footer#colophon a:hover {
    color: #ffffff;
}

.ts-social-icons .social-icons.style-3 li, .ts-social-icons .social-icons.style-3 li a {
    width: auto;
    height: auto;
    text-align: inherit;
    line-height: inherit;
    background: transparent;
}

.ts-social-icons .social-icons.style-3 li {
    width: 100%;
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0;
}

footer#colophon .ts-social-icons .social-icons a {
    color: #ffffff;
}

footer#colophon .ts-social-icons .social-icons.style-3 li a i {
    background-color: #424242;
    color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
}

.ts-social-icons .social-icons.style-3 li a span {
    position: static;
    opacity: 1;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
    font-size: inherit;
    padding: 0;
    visibility: visible;
    background: transparent;
}

footer#colophon .ts-social-icons .social-icons.style-3 li a.facebook:hover i {
    background-color: #3B5998;
}

footer#colophon .ts-social-icons .social-icons.style-3 li a.facebook:hover span {
    color: #3B5998;
}

footer#colophon .ts-social-icons .social-icons.style-3 li a.twitter:hover i {
    background-color: #2CAAE1;
}

footer#colophon .ts-social-icons .social-icons.style-3 li a.twitter:hover span {
    color: #2CAAE1;
}

footer#colophon .ts-social-icons .social-icons.style-3 li a.google-plus:hover i {
    background-color: #DD4B39;
}

footer#colophon .ts-social-icons .social-icons.style-3 li a.google-plus:hover span {
    color: #DD4B39;
}

footer#colophon .ts-social-icons .social-icons.style-3 li a.flickr:hover i {
    background-color: #E30761;
}

footer#colophon .ts-social-icons .social-icons.style-3 li a.flickr:hover span {
    color: #E30761;
}

.vc_sep_line {
    height: 1px;
    border-top: 1px solid #353535;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
}

.ts-footer-col {
    padding: 20px 0;
}

.alignright {
    float: right;
    margin: 0 0 20px 10px;
    max-width: 100%;
    height: auto;
}

.scrollToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 36px;
    border: 2px solid #e8e8e8;
    background-color: transparent;
    color: #3f3f3f;
    overflow: hidden;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    text-align: center;
}

.scrollToTop:hover {
    background-color: transparent;
    color: #7aaedd;
    border-color: #7aaedd;
}

.grabbing {
    cursor: url(Images/grabbing.png) 8 8, move;
}

/*****************************************************************************
Quickview and AddCart
******************************************************************************/
#quick-view-modal, #cart-modal {
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.modal-content {
}

.modal-header {
}

button.close {
    right: 7px;
    top: 40px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    color: #333;
    z-index: 2;
    opacity: 1;
}

button.close:before {
    content: "\f057";
    display: block;
    font-family: "FontAwesome";
    font-size: 25px;
    line-height: 25px;
}

.close:hover, .close:focus {
    color: #7aaedd;
    opacity: 1;
}

.modal-body {
    padding: 30px;
}

.p-title.modal-title {
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 25px 0;
    padding: 0;
    color: #3f3f3f;
    font-weight: bold;
}

.product-price {
    margin: 0 0 15px;
    display: inline-block;
}

.product-price .p-price, .product-price del {
    font-size: 19px;
    line-height: 30px;
    padding-bottom: 5px;
    font-weight: bold;
}

.product-price .p-price {
    color: #6986ca;
    margin-right: 10px;
}

.product-price del {
    color: #c8c8c8;
}

.qty-set .text {
    border: 1px solid #e8e8e8;
    height: 53px;
    padding: 8px 0;
    line-height: 18px;
    width: 100%;
    display: inline-block;
    margin: 0;
    text-align: center;
    font-weight: 700;
    background-color: #fff;
    max-width: 100px;
}

.qtyminus, .qtyplus {
    width: 30px;
    height: 26px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #e8e8e8;
    line-height: 0px;
    background: #fff;
    position: absolute;
    border-left: 0;
}

.qtyminus {
    top: 27px;
    border-top: 0px;
}

.quantity {
    margin-right: 10px;
    margin-bottom: 20px;
    position: relative;
}

.qtyminus:hover, .qtyplus:hover {
    background-color: #3f3f3f;
    color: #fff;
    border-color: #3f3f3f;
}

.selector-wrapper {
    margin-bottom: 20px;
}

.selector-wrapper label, .select-wrapper label {
    min-width: 78px;
    display: inline-block;
}

.single-option-selector {
    margin-left: 30px;
    width: 100px;
    height: 35px;
}

.box-cart-bottom .btn {
    background-color: #7aaedd;
    color: #ffffff;
    border-color: #7aaedd;
    float: left;
}

.qv-readmore {
    display: inline-block;
    margin-left: 20px;
}

.box-cart-bottom .btn:hover {
    background-color: #3f3f3f;
    color: #ffffff;
    border-color: #3f3f3f;
}

.flex-direction-nav .flex-next {
    background-position: 100% 3px !important;
}

.flex-direction-nav .flex-prev {
    background-position: 0% 3px !important;
}

li.product-thumb {
    border: 1px solid #e8e8e8;
    margin: 5px;
    padding: 1px;
    text-align: center;
    display: inline-block;
}

.product-thumb.active, .product-thumb:hover {
    border: 1px solid #7aaedd;
    position: relative;
}

.product-thumb.active a:after, .product-thumb:hover a:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #7aaedd;
    content: "";
    position: absolute;
    top: -5px;
    left: calc(50% - 4px);
}

#cart-modal .modal-body {
    padding: 0;
}

.layer_cart_cart {
    padding: 15px 20px;
    position: relative;
}

.layer_cart_cart.first {
    border-right: 1px solid #d6d4d4;
}

.modal-title {
    color: #7aaedd;
    text-transform: uppercase;
    font-size: 15px;
}

#cart-modal .product-image-container {
    max-width: 178px;
    border: 1px solid #e8e8e8;
    padding: 5px;
    float: left;
    margin-right: 30px;
}

.cartItem {
    float: left;
}

#cart-modal .item-title {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 10px 0;
    padding: 0;
}

#cart-modal .item-title span {
    font-size: 15px;
    color: #808080;
}

#cart-modal .item-title a {
    color: #3f3f3f;
    margin-bottom: 0;
    font-weight: 500;
}

#cart-modal .item-title a:hover {
    color: #7aaedd;
}

#cart-modal .item-price {
    color: #6986ca;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 5px;
    font-weight: 500;
}

.item-quantity {
    margin-top: 10px;
    font-weight: normal;
}

#cart-modal, .ajax_cart_product_txt_s {
    font-size: 17px;
    text-align: left;
    font-weight: 600;
    line-height: 22px;
}

.ajax_cart_product_txt_s {
    color: #3f3f3f;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 13px;
    margin-bottom: 17px;
    text-transform: uppercase;
}

#cart-modal .cart-count {
    color: #7aaedd;
    font-weight: bold;
}

.cartsum {
    padding: 0 0 7px 0;
    font-weight: normal;
}

.subTotal em {
    font-style: italic;
    color: #7aaedd;
}

.text-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0px 30px 20px 30px;
}

.buttons.btn-modal-cart {
    float: left;
    display: inline-block;
}

.buttons.btn-modal-cart .btn {
    padding: 10px 12px 8px 12px;
    font-weight: normal;
}

.buttons.btn-modal-cart .exclusive-medium {
    margin-left: 10px;
}


/*Menu mobile*/
#menu-icon:after {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 26px;
}

#menu-icon.active:after {
    content: "\f00d";
}

.fa.fa-angle-up:before {
    content: "\f106" !important;
    color: #7aaedd;
}

/*Menu mega mobile*/
#menu_mobile li span.grower {
    display: block;
    position: absolute;
    right: 0;
    cursor: pointer;
    font-family: "FontAwesome" !important;
    font-size: 14px;
}

#menu_mobile li span.grower.OPEN:before, #menu_mobile li span.grower.CLOSE:before {
    content: "\f106";
    display: block;
    vertical-align: middle;
    width: 30px;
    height: 50px;
    color: #8f8f8f;
    line-height: 50px;
    text-align: center;
}

#menu_mobile li span.grower.CLOSE:before {
    content: "\f107";
    color: #8f8f8f;
}

.mobilemenu p {
    text-decoration: none;
    border-bottom: 1px solid #e0d8d8;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin: 0;
    display: block;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    padding-left: 25px;
}

.mobilemenu ul ul a {
    padding-left: 40px;
}

.widget-container .vertical-menu > .menu.mobilemenu > li > a {
    border: none;
}

.mobilemenu a {
    text-decoration: none;
    border-bottom: 1px solid #e0d8d8 !important;
    line-height: 40px;
    font-weight: normal;
    color: #666;
    margin: 0;
    display: block;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
}

/*Breadcrumb*/
.breadcrumb-title-wrapper {
    width: 100%;
    margin: 0;
    display: block;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    padding: 100px 0 70px 0;
    background-color: #3f3f3f;
    background-image: url(Images/background_header_collection.jpg);
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    text-align: center;
    z-index: 1;
    position: relative;
}

.breadcrumb > .active {
    color: #ffffff;
}

.breadcrumb-title-wrapper a, .breadcrumb > li + li:before, .breadcrumb-title-wrapper span {
    color: #ffffff;
}

#columns {
    padding-top: 30px;
    padding-bottom: 50px;
    position: relative;
    clear: both;
}

.page_title {
    position: relative;
}

.page-heading {
    margin-bottom: 20px;
    font-size: 30px;
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #ffffff;
    width: 100%;
}

.page-heading span {
    font-family: 'Helvetica Neue', sans-serif !important;
}

.before-loop-wrapper {
    display: inline-block;
    width: 100%;
    border-bottom: 2px solid #e8e8e8;
}

.gridlist-toggle {
    float: left;
    margin: 0 40px 8px 0;
    padding: 0 20px 0 0;
    line-height: 0;
}

.gridlist-toggle li {
    font-size: 17px;
    padding: 0;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0 10px 0 0;
}

.gridlist-toggle li a {
    color: #808080;
    font-size: 18px;
    line-height: 14px;
    cursor: pointer;
    padding: 2px 0;
    border: 1px solid transparent;
    display: block;
}

.gridlist-toggle li.selected i, .gridlist-toggle li a:hover i {
    color: #7aaedd;
}

/*Sản phẩm collection*/
.products-grid {
    margin-bottom: 20px;
}

.page_commerce .products .product .product-wrapper {
    max-width: 100%;
}

.page_commerce .products .product {
    margin: 20px 0 10px 0;
    padding: 0 10px;
}

.page_commerce .product .product-wrapper .thumbnail-wrapper {
    position: relative;
    z-index: 1;
    margin: 0 0 14px 0;
    max-width: 100%;
    line-height: 0;
    overflow: hidden;
}

.page_commerce .products .product .product-label .onsale {
    position: static;
    margin: 0;
    min-height: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    padding: 1px;
    text-align: center;
    float: left;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    min-width: 44px;
    height: auto;
    clear: both;
    line-height: 20px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
    color: #ffffff;
    background: #f23434;
}

.products .product .price del {
    margin-left: 5px;
    color: #c8c8c8;
    font-size: 13px;
}

/*Pagination*/
#pagination {
    margin: 20px 0 40px 0;
}

#pagination .page-node {
    padding: 3px 2px;
    background: transparent;
    min-height: 30px;
    min-width: 30px;
    line-height: 20px;
    font-size: 12px;
    border-width: 2px;
    border-style: solid;
    font-weight: bold;
    margin: 0 5px;
    text-align: center;
    display: inline-block;
    color: #3f3f3f;
    border-color: #e8e8e8;
}

#pagination .page-node i {
    font-size: 15px;
}

#pagination .page-node.current, #pagination .page-node:hover {
    background-color: transparent;
    color: #7aaedd;
    border-color: #7aaedd;
}

/********************
Sidebar left
*********************/
.ts-products-widget_sidebar, .ts-product-categories-widget, .widget_price_filter, .product-filter-by-color, .widget_layered_nav, .ts-blogs-widget, .widget_tag_cloud {
    border: 1px solid #e8e8e8;
    margin: 0 0 30px 0;
    clear: both;
    padding: 0 20px 10px 20px;
    background: #fff;
}

.ts-product-categories-widget h3 {
    margin: 0;
}

.block_content {
    padding: 0;
}

.ts-product-categories-widget ul.product-categories {
    padding: 2px 0;
    margin: 0;
}

.ts-product-categories-widget ul.product-categories li {
    margin: 0;
    padding: 0;
    position: relative;
}

.ts-product-categories-widget li a {
    position: relative;
    padding: 11px 0 10px 0;
    display: inline-block;
    width: 90%;
    color: #3f3f3f;
}

.ts-product-categories-widget li a:hover {
    color: #7aaedd;
}

.ts-product-categories-widget ul.product-categories li:after {
    border-bottom: 1px solid #e8e8e8;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    content: "";
    display: block;
}

.ts-product-categories-widget ul.product-categories li:last-child:after {
    display: none;
}

.ts-product-categories-widget span.grower {
    display: block;
    position: absolute;
    right: 0;
    cursor: pointer;
    font-family: "FontAwesome" !important;
    font-size: 14px;
    z-index: 9;
}

.ts-product-categories-widget li span.grower.OPEN:before, .ts-product-categories-widget li span.grower.CLOSE:before {
    content: "\f0d8";
    display: block;
    vertical-align: middle;
    width: 30px;
    height: 40px;
    color: #3f3f3f;
    line-height: 50px;
    text-align: center;
}

.ts-product-categories-widget li span.grower.CLOSE:before {
    content: "\f0d7";
    color: #3f3f3f;
}

.ts-product-categories-widget li span.grower.CLOSE:before:hover {
    color: #7aaedd;
}

ul.product-categories ul {
    border-top: 1px solid #e8e8e8;
}

ul.product-categories ul li ul.children li a {
    padding-left: 30px;
}

ul.product-categories ul li > a {
    padding-left: 20px;
}

/***********************
Bộ lọc
************************/
.widget_price_filter .ui-widget-content {
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    height: 4px;
    position: relative;
    z-index: 1;
    background: transparent;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    top: -1px;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    height: 4px;
    position: relative;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range:before {
    background-color: #7aaedd;
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    top: 1px;
    z-index: 1;
    content: "";
}

.widget_price_filter .ui-slider .ui-slider-handle {
    width: 2px;
    height: 14px;
    border: 0;
    margin-left: -1px;
    top: -6px;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    position: absolute;
    z-index: 2;
    border-radius: 1em;
    cursor: ew-resize;
    outline: 0;
    background-color: #7aaedd;
}

.widget_product_price_slide label {
    display: inline-block;
    color: #808080;
}

body .widget_product_price_slide input[type="text"] {
    display: inline-block;
    max-width: 200px;
    border: none;
    color: #808080;
}

.product-filter-by-color h3 {
    margin: 0;
}

.product-filter-by-color .filter-color {
    padding: 20px 0 0 0;
    margin-bottom: 15px;
}

.product-filter-by-color ul li {
    list-style: none;
    padding: 0;
    line-height: 0;
    width: 30px;
    height: 30px;
    margin: 0 8px 8px 0;
}

.product-filter-by-color ul li .colour {
    width: 30px;
    height: 30px;
    margin: 0;
    float: left;
    position: relative;
    z-index: 2;
    line-height: 0;
}

.product-filter-by-color ul li span {
    display: none;
}

.product-filter-by-color ul li .colour:before {
    content: "";
    position: absolute;
    left: -3px;
    right: -3px;
    bottom: -3px;
    top: -3px;
    border: 1px solid #e8e8e8;
    z-index: 1;
    opacity: 0;
    transition: all 200ms ease 0s;
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
}

.product-filter-by-color ul li:hover .colour:before, .product-filter-by-color ul li.active .colour:before {
    opacity: 1;
}

.product-filter-by-color ul li.active .colour:after {
    position: absolute;
    top: -10px;
    right: -12px;
    font-family: 'FontAwesome';
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    content: "\f00d";
    margin-right: 5px;
    z-index: 3;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    color: red;
}

#filter-size label {
    display: inline-block;
}

.le-checkbox {
    position: relative;
    top: 0px;
    margin: 0 1rem 0 0;
    cursor: pointer;
    margin-right: 5px !important;
    width: 24px;
}

.le-checkbox:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 3px;
    z-index: 1;
    width: 17px;
    height: 17px;
    border: 2px solid #f2f2f2;
}

.le-checkbox:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 3px;
    width: 17px;
    height: 17px;
    background: #fff;
    cursor: pointer;
}

.le-checkbox:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: .5rem;
    border-color: #7aaedd;
    border-top-style: none;
    border-right-style: none;
}

.navbar-collapse {
    padding: 0;
}

/*Product*/
.ts-breadcrumb-parallax .breadcrumb-title-wrapper {
    background-attachment: fixed;
    padding: 95px 0 325px 0;
    position: relative;
    background-image: url(Images/background_header.jpg);
}

.ts-breadcrumb-parallax .breadcrumb-title-wrapper:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
    z-index: 0;
    background: -webkit-linear-gradient(bottom, rgba(251, 251, 251, 0) 15%, rgba(251, 251, 251, 1));
    background: -o-linear-gradient(bottom, rgba(251, 251, 251, 0) 15%, rgba(251, 251, 251, 1));
    background: -moz-linear-gradient(bottom, rgba(251, 251, 251, 0) 15%, rgba(251, 251, 251, 1));
    background: linear-gradient(to bottom, rgba(251, 251, 251, 0) 15%, rgba(251, 251, 251, 1));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fbfbfb', EndColorStr='#000000')";
}

#main .container .margin_top {
    margin-top: -255px;
    background-color: #fbfbfb;
    min-height: 400px;
    padding-top: 30px;
}

#sliderproduct {
    width: 90px;
    float: left;
    position: relative;
    overflow: hidden;
}

.images {
    width: auto;
    margin: 0;
    float: none;
    padding: 0;
    position: relative;
    margin-left: 100px;
    border: 1px solid #e8e8e8;
}

.jcarousel-skin-tango .jcarousel-next-vertical {
    top: 95%;
}

.jcarousel-skin-tango .jcarousel-prev-vertical, .jcarousel-skin-tango .jcarousel-next-vertical {
    background: #7aaedd;
    width: 40%;
    opacity: 1;
    left: 25px;
    display: none !important;
}

.jcarousel-container-vertical:hover .jcarousel-prev-vertical, .jcarousel-container-vertical:hover .jcarousel-next-vertical {
    display: block !important;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:before {
    color: #ffffff;
}

#sliderproduct .product-thumb.active a:after, #sliderproduct .product-thumb:hover a:after {
    display: none;
}

#sliderproduct .product-thumb.active, #sliderproduct .product-thumb:hover {
    border-color: #e8e8e8;
}

.images .product-sale {
    z-index: 9992;
    position: absolute;
    left: 0;
    right: auto;
    top: 5px;
    bottom: auto;
    width: auto;
    line-height: 0;
    text-align: center;
}

.images .sale-lb {
    display: none;
}

.images .product-sale span.out-of-stock {
    color: #ffffff;
    background: #f23434;
    line-height: 20px;
    font-size: 16px;
    padding: 5px 20px;
}

.product-title h1 {
    clear: both;
    margin: 0 0 18px 0;
    display: inline-block;
    color: #3f3f3f;
    text-transform: capitalize;
    font-family: 'Helvetica Neue', sans-serif !important;
}

#price-preview {
    color: #6986ca;
    clear: both;
    margin: 0 0 18px 0;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
}

#price-preview span {
    margin-right: 10px;
}

#price-preview del {
    color: #c8c8c8;
}

.item-quantity {
    width: 101px;
    height: 35px;
}

#add-item-form .btn-detail {
    margin-top: 20px;
    margin-left: 15px;
    display: inline-block;
}

#add-to-cart {
    background-color: #3f3f3f;
    color: #ffffff;
    border-color: #3f3f3f;
}

#add-to-cart:hover {
    background-color: #7aaedd;
    color: #ffffff;
    border-color: #7aaedd;
}

.pt20 {
    margin-top: 20px;
}

#wrapper-detail > .row {
    margin-bottom: 50px;
}

.wc-tabs-wrapper ul.nav-tabs {
    text-align: left;
    border: 0;
    padding: 10px 0 0 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.wc-tabs-wrapper ul.nav-tabs:before {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 0;
    display: block;
    border-bottom: 1px solid #e8e8e8;
    line-height: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0.3;
    background-color: #e8e8e8;
}

.wc-tabs-wrapper ul.nav-tabs:after {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border: 1px solid #e8e8e8;
    z-index: 0;
    display: block;
    line-height: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.wc-tabs-wrapper ul.nav-tabs li.active, .wc-tabs-wrapper ul.nav > li > a:hover, .wc-tabs-wrapper ul.nav > li > a:focus {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: #fff;
    z-index: 2;
    border-bottom-color: #fff;
    border-top: 2px solid #7aaedd;
}

.wc-tabs-wrapper ul.nav-tabs li {
    margin: 0;
    padding: 0;
    float: left;
    border: 0;
    position: relative;
    z-index: 1;
    border-radius: 4px 4px 0 0;
    background: transparent;
}

.wc-tabs-wrapper ul.nav-tabs li a {
    padding: 9px 20px;
    margin: 0 -1px 0 0;
    position: relative;
    font-size: 14px;
    color: #3f3f3f;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 500;
}

.wc-tabs-wrapper .nav-tabs > li.active > a, .wc-tabs-wrapper .nav-tabs > li.active > a:hover, .wc-tabs-wrapper .nav-tabs > li.active > a:focus, .wc-tabs-wrapper .nav > li > a:hover, .wc-tabs-wrapper .nav > li > a:focus {
    border: 1px solid #e8e8e8;
    border-top: transparent;
    border-radius: 0;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #3f3f3f;
}

.wc-tabs-wrapper .tab-content {
    background: #fff;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #e8e8e8;
    padding: 15px 15px 15px 15px;
    margin: 0;
    clear: both;
    overflow-x: auto;
}

.wc-tabs-wrapper .tab-content .content_product * {
    color: #808080 !important;
}

.upsells {
    clear: both;
    position: relative;
}

.upsells > h2 {
    color: #3f3f3f;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 30px 21px 30px;
    margin: 0 0 35px 0;
    border-bottom: 2px solid #e8e8e8;
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
}

.upsells > h2:after {
    color: #e8e8e8;
    font-size: 26px;
    line-height: 10px;
    height: 10px;
    margin-left: -10px;
    left: 50%;
    position: absolute;
    content: "\f0d8";
    font-family: 'FontAwesome';
    bottom: -1px;
    transition: all 200ms ease 0s;
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
}

/************************
Blogs
*************************/
.blog_big {
    padding: 0 15px;
}

.list-posts {
    margin-bottom: 30px;
}

.list-posts article {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 0;
    position: relative;
}

header.entry-format {
    line-height: 0;
    position: relative;
}

.thumbnail {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
    margin: 0 0 -1px 0;
    max-width: 100%;
    border: none;
    padding: 0;
}

article a.thumbnail figure {
    overflow: hidden;
}

.list-posts article a.thumbnail figure > img {
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    -moz-transition: transform 0.4 ease-in-out;
    transition: transform 0.4s ease-in-out;
    overflow: hidden;
}

.list-posts article a.thumbnail:hover figure > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: transform 0.4s, opacity 0.4s ease-in-out;
    -moz-transition: transform 0.4s, opacity 0.4s ease-in-out;
    transition: transform 0.4s, opacity 0.4s ease-in-out;
    opacity: 0.7;
}

.list-posts article a.thumbnail:hover figure {
    background: #3f3f3f;
}

.list-posts article .entry-format .date-time {
    position: absolute;
    z-index: 6;
    background: #fff;
    width: 50px;
    height: 58px;
    left: 20px;
    top: 20px;
    text-align: center;
    padding: 4px 0;
    line-height: 0;
    color: #3f3f3f;
}

.list-posts article .entry-format .date-time span:first-child {
    font-size: 26px;
    line-height: 28px;
    padding-bottom: 3px;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    display: inline-block;
}

.list-posts article .entry-format .date-time span:first-child:after {
    border-bottom: 1px solid #7aaedd;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
}

.list-posts article .entry-format .date-time span:last-child {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}

.list-posts .entry-content {
    padding: 26px 20px 10px 20px;
    border: 1px solid #e8e8e8;
}

.list-posts .entry-content .entry-title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 6px;
    color: #3f3f3f;
    font-weight: bold;
    text-transform: none;
    text-align: left;
    padding: 0;
    border: none;
}

.list-posts article .entry-summary {
    margin-bottom: 26px;
}

.list-posts .short-content {
    margin: 14px 0 16px 0;
    display: inline-block;
    width: 100%;
}

article a.button-readmore {
    color: #3f3f3f;
    font-weight: 500;
}

article a.button-readmore:before {
    font-family: 'FontAwesome';
    content: "\f0da";
    margin-right: 7px;
}

article a.button-readmore:hover {
    color: #7aaedd;
}

article .comment-count, article .author {
    float: right;
}

.list-posts .author {
    margin-left: 10px;
}

.list-posts .comment-count i {
    margin-right: 2px;
    color: #7aaedd;
}

.list-posts .author a {
    color: #7aaedd;
}

.ts-blogs-widget .heading-title {
    margin: 0;
}

.post_list_widget > li {
    position: relative;
    margin: 15px 0 15px;
    min-height: 60px;
    display: inline-block;
    width: 100%;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.post_list_widget > li:before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    height: 1px;
    bottom: -22px;
    top: auto;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #e8e8e8;
}

.post_list_widget > li:last-child:before {
    display: none;
}

.ts-blogs-widget .post_list_widget > li a.thumbnail {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    margin-bottom: 15px;
}

.ts-blogs-widget .post_list_widget > li a.thumbnail:before {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 100%;
    bottom: 0;
    top: 0;
    content: "";
    background: rgba(0, 0, 0, 0.4);
    transition: all 400ms ease 0s;
    -webkit-transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;
}

.ts-blogs-widget .post_list_widget > li a.thumbnail:after {
    position: absolute;
    top: 50%;
    left: -50%;
    z-index: 5;
    width: 40px;
    height: 40px;
    content: "+";
    font-weight: normal;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 32px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 350ms ease 0s;
    -webkit-transition: all 350ms ease 0s;
    -moz-transition: all 350ms ease 0s;
}

.ts-blogs-widget .post_list_widget > li a.thumbnail:hover:before {
    right: 0;
}

.ts-blogs-widget .post_list_widget > li a.thumbnail:hover:after {
    left: 50%;
}

.post_list_widget > li a {
    font-weight: bold;
}

.ts-blogs-widget-wrapper .excerpt {
    margin-top: 5px;
}

.ts-blogs-widget-wrapper .post-meta {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.post-meta span.date-time {
    margin-right: 12px;
}

.post-meta span {
    color: #808080;
    font-size: 12px;
    line-height: 14px;
    float: left;
    margin-bottom: 5px;
}

.post_list_widget .post-meta i {
    color: #7aaedd;
}

.date-time i {
    margin-right: 7px;
}

.comment i {
    margin-left: 7px;
}

.btn_tags {
    padding: 10px 15px 10px 15px;
    display: inline-block;
    margin-bottom: 5px;
}

/*********************
Article
*********************/
article.single {
    position: relative;
}

article.single .entry-content {
    background-color: #fff;
    padding: 25px 20px 10px 20px;
    border: 1px solid #e8e8e8;
}

article.single .entry-content * {
    color: #808080;
}

.comments-area {
    margin: 50px 0 0 0;
    clear: both;
}

#comment-wrapper {
    overflow: hidden;
}

.comments-area .heading-title {
    font-size: 18px;
    text-align: left;
    padding-left: 0;
    padding-top: 0;
}

.comments-area .heading-title:after {
    display: none;
}

.comments-area form {
    display: inline-block;
    width: 100%;
}

#comment-wrapper .info-wrapper {
    width: 48%;
    float: left;
    margin-right: 4%;
    padding: 0;
}

#comment-wrapper .message-wrapper {
    width: 48%;
    float: left;
    padding: 0;
}

#comment-wrapper p.form-submit {
    clear: both;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    padding: 0;
}

span.required {
    color: red;
}

#comment-wrapper input[type="text"] {
    max-width: 500px;
}

#comment-wrapper textarea {
    margin: 0;
    width: 100%;
    max-width: 500px;
    min-height: 126px;
}

textarea {
    border-color: #e8e8e8;
    padding: 11px 15px;
    outline: none;
}

.g-recaptcha {
    display: inline-block;
}

.commentlist {
    margin-bottom: 60px;
}

.commentlist > li {
    padding: 20px 0 0 0;
    margin-top: 0;
    overflow: hidden;
}

.commentlist > li:first-child {
    padding-top: 0;
}

.commentlist .comment-inner {
    overflow: hidden;
}

.comments-area .comment-detail {
    position: relative;
    margin: 0;
    display: inline-block;
    width: 100%;
    z-index: 2;
    padding: 18px 20px 8px 20px;
    border: 1px solid #e8e8e8;
    background: #f5f5f5;
}

.comments-area .comment-detail:after {
    content: "";
    position: absolute;
    top: auto;
    left: 44px;
    bottom: -7px;
    right: auto;
    width: 14px;
    height: 14px;
    border: 1px solid #e8e8e8;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: 0;
    background: #f5f5f5;
    border-top: none;
    border-left: none;
}

.comments-area .comment-author {
    float: left;
    overflow: hidden;
    padding-left: 20px;
    display: inline-block;
    width: 100%;
    margin-top: 18px;
}

.comments-area .comment-author .author-info {
    overflow: hidden;
    padding: 10px 0 0 0;
}

.comment-author .author-name {
    display: block;
    text-transform: capitalize;
    margin-bottom: 4px;
}

.comment-author .author-name cite {
    font-style: normal;
    font-weight: bold;
}

.comments-area .datetime {
    font-size: 12px;
    line-height: 14px;
}

.comments-area .datetime i {
    color: #7aaedd;
    margin-right: 7px;
}

/*************************
Liên hệ
*************************/
.full_width_map {
    margin-top: -30px;
    position: relative;
    left: -84.5px;
    box-sizing: border-box;
    width: 1349px;
}

.full_width_map iframe {
    width: 1349px;
    height: 560px;
}

.ts-row-boxed {
    margin-top: 50px;
}

.ts-heading h2 {
    font-size: 25px;
    line-height: 30px;
    color: #3f3f3f;
    padding: 0 0 20px 0;
    margin: 0 0 30px 0;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    font-weight: bold;
    font-family: 'Helvetica Neue', sans-serif !important;
}

div.wpcf7 {
    margin-bottom: 20px;
}

.wpcf7 p input[type="text"], .wpcf7 p textarea {
    width: 100%;
    max-width: 100%;
}

.wpcf7 p textarea {
    height: 150px;
}

.message_about {
    text-align: left;
}

.title_about {
    margin: 20px 0 0 0;
    color: #3f3f3f;
    font-weight: bold;
}

.contact-form input[type="email"] {
    max-width: 100%;
}

/**********
404
**********/
#main > .fullwidth-template {
    background: url(Images/404-bg.jpg) center;
    background-attachment: fixed;
    padding: 100px 25px;
}

.fullwidth-template article {
    text-align: center;
    padding-bottom: 30px;
    color: #fff;
}

.fullwidth-template article h1 {
    font-size: 150px;
    line-height: 160px;
    color: #fff;
}

.fullwidth-template article h2 {
    color: #fff;
    font-size: 40px;
    line-height: 44px;
}

.fullwidth-template article a {
    color: #7aaedd;
}

.fullwidth-template article a:hover {
    color: #f8d73f;
}

/**********
Custommer
**********/
#layout-page {
    max-width: 500px;
    margin: 0 auto;
    text-align: left;
}

#layout-page .form-row {
    padding: 0;
    margin: 0 0 25px 0;
}

.form-row label.inline {
    display: inline-block;;
}

body .form-row .button.button-secondary {
    display: inline-block;
    margin-right: 30px;
}

p.lost_password {
    margin-bottom: 0;
    margin-top: -25px;
}

p.lost_password a {
    font-size: 85%;
    font-style: italic;
}

#layout-page h2, .page-subheading {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #3f3f3f;
    font-family: 'Helvetica Neue', sans-serif !important;
}

.page-subheading {
    padding-left: 0;
}

.address .btn {
    display: inline-block;
}

body .form-row .button.button-secondary a {
    color: #fff;
}

.padding_0 {
    padding: 0;
}

.subheading_default {
    font-weight: bold;
    text-transform: uppercase;
    color: #3f3f3f;
    font-size: 18px;
    padding: 10px;
    line-height: normal;
    border: 1px dashed #7aaedd;
    max-width: 320px;
    text-align: center;
    margin-bottom: 15px;
    font-family: 'Helvetica Neue', sans-serif !important;
}

#block-address input {
    display: inline-block;
    width: 15px;
}

.block-center {
    margin-bottom: 20px;
}

.address_btn {
    display: inline-block;
    margin-bottom: 10px;
}

.content-page {
    padding: 30px 0 0 0;
}

/*Cart*/
table.shop_table th {
    padding: 13px 20px !important;
    vertical-align: middle !important;
    text-align: center;
    background-color: #7aaedd;
    border-color: #e8e8e8 !important;
    color: #ffffff;
    text-transform: uppercase;
}

table.shop_table td {
    padding: 20px !important;
    vertical-align: middle !important;
    text-align: center;
}

.cart_quantity input {
    border-radius: 0;
    width: 80px;
    display: inline-block;
}

#order-detail-content #checkout {
    background-color: transparent;
    color: #3f3f3f;
    border-color: #e8e8e8;
    display: inline-block;
}

#order-detail-content #checkout:hover {
    background: transparent;
    color: #7aaedd;
    border-color: #7aaedd;
}

#order-detail-content #update-cart {
    display: inline-block;
    margin-left: 10px;
}

.modal-backdrop {
    display: none;
}


.search_form input#go {
    width: 40px;
    height: 42px;
    background: url(Images/icon-search.png) #28303e center no-repeat;
    margin: 0px;
    font-size: 0px;
    position: relative;
    top: -4px;
}


.link_a b {
    font-weight: 500;
}

/*==========Custom=========*/
h1.title {
    border-bottom: 1px solid #e8e8e8;
    color: #3f3f3f;
    font-family: "Helvetica Neue", sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 10px;
    padding: 0 0 5px 0px;
    position: relative;
    text-transform: uppercase;
}

.ts-header {
    margin-bottom: 30px;
}

.modal {
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

/*03.Breadcrumb================================== */
.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0 0 15px 0;
    margin-bottom: 15px;
}

.breadcrumb ul li {
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
}

.breadcrumb ul li a {
    color: #aaaaaa;
}

.breadcrumb ul li a:hover {
    color: #ff0000;
}

.breadcrumb ul li:last-child {
    color: #3f3f3f;
}

.breadcrumb ul li .link-site-more {
    display: inline;
}

.breadcrumb ul li .link-site-more img {
    margin-left: 5px;
}

.breadcrumb ul li ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ffffff;
    box-shadow: 0 1px 2px #ccc;
    display: none;
    right: 0;
    position: absolute;
    top: 15px;
    width: 160px;
    z-index: 10;
}

.breadcrumb ul li ul li {
    float: none;
}

.breadcrumb ul li ul li a {
    padding: 5px 10px;
    background-image: none;
    display: block;
}

.breadcrumb ul li ul li a:hover {
    background-color: #ff0000;
    color: #ffffff;
}

.breadcrumb ul li ul li + li:before {
    content: none;
}

.breadcrumb ul li:hover ul {
    display: block;
}

.breadcrumb ul li + li:before {
    content: "";
    font-family: FontAwesome;
    padding: 2px 10px;
    color: #aaaaaa;
}

/*START-CSS:OPEN CART CONTENT
==================================================================================================================*/
.steps {
    margin-bottom: 30px;
    text-align: center;
}

.steps li {
    margin-bottom: 5px;
    float: left;
    text-align: center;
    font-size: 13px;
    border-bottom: 2px solid #8c8c8c;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    font-weight: bold;
}

.steps li span {
    display: block;
    color: #8c8c8c;
    padding: 5px 0;
}

.steps li span i {
    font-size: 20px;
}

.steps li span.step-number {
    display: block;
    text-align: center;
    left: 0;
    position: absolute;
    z-index: 9999;
    font-weight: bold;
    width: 100%;
}

.steps li span.step-number a {
    padding: 3px 7px;
    background-color: #b2b2b2;
    border: 1px solid #8c8c8c;
    color: #ffffff;
    border-radius: 20px;
}

.steps li:last-child {
    border-right: none;
}

.steps li.active {
    border-bottom-color: #7aaedd;
}

.steps li.active span {
    color: #7aaedd;
}

.steps li.active span.step-number a {
    border-color: #7aaedd;
    color: #ffffff;
    background-color: #7aaedd;
}

.cart-content h1.title {
    color: #7aaedd;
    font-size: 24px;
    font-weight: normal;
    position: relative;
    padding-top: 15px;
}

.cart-content h1.title:before {
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 90px;
    background-color: #7aaedd;
}

.cart-content .cart-block {
    margin-bottom: 15px;
}

.cart-content .btn {
    display: inline-block;
}

.cart-content .cart-block table.product-list {
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
}

.cart-content .cart-block table.product-list thead {
    background-color: #7aaedd;
    border: 1px solid #cccccc;
    text-transform: uppercase;
    color: #fff;
}

.cart-content .cart-block table.product-list tbody .remove {
    text-align: center;
}

.cart-content .cart-block table.product-list tbody .remove a {
    color: #f26522;
    font-size: 16px;
}

.cart-content .cart-block table.product-list tbody .remove a:hover {
    color: #7aaedd;
}

.cart-content .cart-block table.product-list tbody .image {
    vertical-align: middle;
    text-align: center;
}

.cart-content .cart-block table.product-list tbody .image img {
    height: 60px;
    width: auto;
}

.cart-content .cart-block table.product-list tbody .des {
    color: #8c8c8c;
}

.cart-content .cart-block table.product-list tbody .des h2 a {
    color: #444444;
}

.cart-content .cart-block table.product-list tbody .des h2 a:hover {
    color: #f26522;
}

.cart-content .cart-block table.product-list tbody .price,
.cart-content .cart-block table.product-list tbody .amount {
    color: #7aaedd;
}

.cart-content .cart-block table.product-list tbody .quantity {
    text-align: center;
}

.cart-content .cart-block table.product-list tbody .quantity input {
    float: left;
    height: 35px;
    line-height: 30px;
    text-align: center;
    width: 60px;
}

.cart-content .cart-block table.product-list tfoot .form-group input {
    width: 100%;
    margin-bottom: 15px;
}

.cart-content .cart-block .pay-price {
    font-size: 24px;
    color: #7aaedd;
    margin-left: 20px;
}

.cart-content .cart-block .pay-price a {
    font-size: 12px;
}

/*END-CSS:OPEN CART CONTENT
==================================================================================================================*/
/*START-CSS:PAYMENT CONTENT
==================================================================================================================*/
.payment-content {
    margin-bottom: 15px;
}

.payment-content h1.title {
    color: #7aaedd;
    font-size: 24px;
    font-weight: normal;
    position: relative;
    padding-top: 15px;
}

.payment-content h1.title:before {
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 90px;
    background-color: #7aaedd;
}

.payment-content h2 {
    color: #2c3e50;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}

.payment-content h3 {
    color: #f26522;
    font-size: 16px;
}

.payment-content input {
    width: auto;
}

.payment-content .hotline {
    font-size: 16px;
}

.payment-content .payment-block {
    margin-bottom: 15px;
}

.payment-content .payment-block .payment-step {
    padding: 0 2px;
}

.payment-content .payment-block .payment-step h4 {
    margin-top: 0;
    padding: 10px;
    background-color: #7aaedd;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 0;
}

.payment-content .payment-block .payment-step .step-preview {
    background-color: #ffffff;
    padding: 10px;
    min-height: 580px;
    border: 1px solid #bfbfbf;
}

.payment-content .payment-block .payment-step .step-preview .user-login {
    margin-bottom: 15px;
}

.payment-content .payment-block .payment-step .step-preview .user-login a {
    color: #f26522;
}

.payment-content .payment-block .payment-step .step-preview .user-login a:first-child {
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #8c8c8c;
}

.payment-content .payment-block .payment-step .step-preview .user-login a:hover {
    color: #7aaedd;
}

.payment-content .payment-block .payment-step .step-preview .info-user {
    position: relative;
    line-height: 24px;
}

.payment-content .payment-block .payment-step .step-preview .info-user label {
    display: block;
    font-weight: normal;
}

.payment-content .payment-block .payment-step .step-preview .info-user label span {
    font-weight: 600;
    margin-left: 10px;
}

.payment-content .payment-block .payment-step .step-preview .info-user .edit-button {
    position: absolute;
    top: 0;
    right: 0;
}

.payment-content .payment-block .payment-step .step-preview .info-user .edit-button i {
    font-size: 18px;
    color: #f26522;
}

.payment-content .payment-block .payment-step .step-preview .info-user .edit-button i:hover {
    color: #7aaedd;
}

.payment-content .payment-block .payment-step .step-preview .total {
    font-size: 14px;
}

.payment-content .payment-block .payment-step .step-preview .total .total-payment {
    color: #7aaedd;
    font-size: 16px;
}

.payment-content .payment-block .payment-step .step-preview .form-group input {
    width: 100%;
    margin-bottom: 5px;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .cart-items .cart-item {
    padding: 5px 0;
    border-bottom: 1px solid #cccccc;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .cart-items .cart-item .image img {
    height: 60px;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .cart-items .cart-item .product-name a {
    color: #444444;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .cart-items .cart-item .product-name a:hover {
    color: #7aaedd;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .cart-items .cart-item .price {
    float: right;
    line-height: 60px;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .cart-items .cart-item:first-child {
    padding-top: 0;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .total-price,
.payment-content .payment-block .payment-step .step-preview .cart-info .shiping-price {
    font-weight: 600;
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .total-price label,
.payment-content .payment-block .payment-step .step-preview .cart-info .shiping-price label {
    float: right;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .shiping-price {
    padding: 10px 0;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .btn-coupon {
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .btn-coupon .btn {
    width: 100%;
    margin-bottom: 0;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .use-coupon {
    text-align: right;
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .use-coupon .form-group {
    margin-bottom: 0;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .use-coupon .form-group .btn {
    margin-bottom: 0;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .total-payment {
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
    text-transform: uppercase;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .total-payment span {
    float: right;
    color: #7aaedd;
    font-size: 18px;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .button-submit {
    padding: 10px 0;
}

.payment-content .payment-block .payment-step .step-preview .cart-info .button-submit .btn {
    float: right;
    margin-bottom: 0;
}

.payment-content .payment-block .payment-step .step-preview .checkbox label {
}

.color-blue {
    color: #0082dd;
}

/*END-CSS:PAYMENT CONTENT
==================================================================================================================*/
/*START-CSS:PAYMENT END
==================================================================================================================*/
.payment-end .payment-order {
    background-color: #ffffff;
    position: relative;
    line-height: 30px;
    padding: 40px;
    margin-bottom: 15px;
    border: 1px solid #bfbfbf;
}

.payment-end .btn {
    display: inline-block;
}

.payment-end h3 {
    color: #f26522;
    font-size: 16px;
}

.payment-end .payment-order table thead {
    background-color: #f2f2f2;
    text-transform: uppercase;
}

.payment-end .payment-order .label-payment {
    text-transform: uppercase;
}

.payment-end .payment-order .total-payment {
    color: #f26522;
    font-size: 18px;
}

.payment-end .payment-order .print-order a {
    color: #ffffff;
    background-color: #f26522;
    line-height: 20px;
    padding: 5px;
    position: absolute;
    left: 0;
    top: 0;
}

.payment-end .payment-order .print-order a:hover {
    background-color: #444444;
}

/*END-CSS:PAYMENT END
==================================================================================================================*/
/*START-CSS:MY ORDER CONTENT
==================================================================================================================*/
.myorder-content,
.order-tracking-content {
    margin-bottom: 15px;
}

.myorder-content h1.title,
.order-tracking-content h1.title {
    color: #7aaedd;
    font-size: 24px;
    font-weight: normal;
    position: relative;
    padding-top: 15px;
}

.myorder-content h1.title:before,
.order-tracking-content h1.title:before {
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 90px;
    background-color: #7aaedd;
}

.myorder-content .btn,
.order-tracking-content .btn {
    display: inline-block;
}

.myorder-content .table-mycart,
.order-tracking-content .table-mycart {
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
}

.myorder-content .table-mycart thead,
.order-tracking-content .table-mycart thead {
    background-color: #7aaedd;
    text-transform: uppercase;
    color: #ffffff;
}

.myorder-content .table-mycart tbody tr a,
.order-tracking-content .table-mycart tbody tr a {
    color: #7aaedd;
}

.myorder-content .table-mycart tbody tr a:hover,
.order-tracking-content .table-mycart tbody tr a:hover {
    color: #444444;
}

.myorder-detail-content .table-mycart td.border-right,
.order-tracking-content .table-mycart td.border-right {
    border-color: #bfbfbf;
}

.myorder-detail-content .table-mycart .image,
.order-tracking-content .table-mycart .image {
    width: 100px;
    text-align: center;
    -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;
}

.myorder-detail-content .table-mycart .image img,
.order-tracking-content .table-mycart .image img {
    height: 60px;
}

.myorder-detail-content .table-mycart .image a,
.order-tracking-content .table-mycart .image a {
    display: inline-block;
}

.myorder-detail-content .table-mycart .image:hover,
.order-tracking-content .table-mycart .image:hover {
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
}

.myorder-detail-content .table-mycart .box-customer-content .title,
.order-tracking-content .table-mycart .box-customer-content .title {
    margin-bottom: 10px;
    margin-top: 10px;
    color: #7aaedd;
    font-weight: bold;
}

.myorder-detail-content .table-mycart .box-customer-content .title span,
.order-tracking-content .table-mycart .box-customer-content .title span {
    border-bottom: 1px solid #7aaedd;
}

.myorder-detail-content .table-mycart table tr td,
.order-tracking-content .table-mycart table tr td {
    border-top: none;
}

.myorder-detail-content .table-mycart table tr td .total-payment,
.order-tracking-content .table-mycart table tr td .total-payment {
    color: #f26522;
    font-size: 16px;
}

.myorder-detail-content .table-mycart table tr td .help-block,
.order-tracking-content .table-mycart table tr td .help-block {
    color: #8c8c8c;
}

.myorder-detail-content .table-mycart table tr.order-stt,
.order-tracking-content .table-mycart table tr.order-stt {
    background-color: #7aaedd;
    color: #ffffff;
}

/*END-CSS:MY ORDER CONTENT
==================================================================================================================*/
/*START-CSS:ORDER TRACKING CONTENT
==================================================================================================================*/
.order-tracking-content h2 {
    font-weight: bold;
    text-transform: uppercase;
    color: #7aaedd;
}

.order-tracking-content .order-input {
    margin-bottom: 15px;
}

.order-tracking-content .order-input .form-group {
    display: block;
    margin-bottom: 0;
}

.order-tracking-content .order-input input {
    margin-bottom: 0;
    min-width: 30%;
}

.order-tracking-content .order-input .btn {
    margin-bottom: 0;
}

/*START-CSS:END ORDER TRACKING CONTENT
==================================================================================================================*/
/*START-CSS: ACCOUNT-CONTENT
==================================================================================================================*/
.change-password-content h1.title,
.comunication-content h1.title,
.foget-password-content h1.title,
.login-content h1.title,
.register-content h1.title {
    color: #7aaedd;
    font-size: 24px;
    font-weight: normal;
    position: relative;
    padding-top: 15px;
}

.change-password-content h1.title:before,
.comunication-content h1.title:before,
.foget-password-content h1.title:before,
.login-content h1.title:before,
.register-content h1.title:before {
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 90px;
    background-color: #7aaedd;
}

.change-password-content h2,
.comunication-content h2,
.foget-password-content h2,
.login-content h2,
.register-content h2 {
    text-transform: uppercase;
    border-bottom: 1px dotted #8c8c8c;
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 16px;
}

.change-password-content .btn,
.comunication-content .btn,
.foget-password-content .btn,
.login-content .btn,
.register-content .btn {
    display: inline-block;
}

.change-password-content label,
.comunication-content label,
.foget-password-content label,
.login-content label,
.register-content label {
    display: inline-block;
}

.change-password-content select,
.comunication-content select,
.foget-password-content select,
.login-content select,
.register-content select {
    margin-bottom: 15px;
}

.change-password-content .checkbox input[type='checkbox'],
.comunication-content .checkbox input[type='checkbox'],
.foget-password-content .checkbox input[type='checkbox'],
.login-content .checkbox input[type='checkbox'],
.register-content .checkbox input[type='checkbox'] {
    height: auto;
}

.change-password-content .checkbox label,
.comunication-content .checkbox label,
.foget-password-content .checkbox label,
.login-content .checkbox label,
.register-content .checkbox label {
    line-height: 15px;
}

.change-password-content .help-block,
.comunication-content .help-block,
.foget-password-content .help-block,
.login-content .help-block,
.register-content .help-block,
.change-password-content .warning,
.comunication-content .warning,
.foget-password-content .warning,
.login-content .warning,
.register-content .warning {
    color: #f26522;
}

.change-password-content .warning,
.comunication-content .warning,
.foget-password-content .warning,
.login-content .warning,
.register-content .warning {
    padding-left: 5px;
}

.login-content .btn {
    margin-bottom: 0;
}

.img-captcha {
    width: 140px;
}

/*register*/
/*END-CSS:LOGIN ACCOUNT-CONTENT
==================================================================================================================*/
/*---------------------------------------------------------------
CSS CSS Scripts
-----------------------------------------------------------------
01.owl carousel*/
.owl-carousel .boxprevnext a {
    background-color: #7aaedd;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    opacity: 0;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 50%;
    width: 30px;
}

.owl-carousel .boxprevnext a i {
    line-height: 30px;
    margin-right: 0;
}

.owl-carousel .boxprevnext a:hover {
    background: #f23434 none repeat scroll 0 0;
}

.owl-carousel .boxprevnext a.prev {
    left: 0px;
}

.owl-carousel .boxprevnext a.next {
    right: 0;
}

.owl-carousel:hover .boxprevnext a {
    opacity: 1;
}

.owl-carousel:hover .boxprevnext a.prev {
    left: 0px;
}

.owl-carousel:hover .boxprevnext a.next {
    right: 0px;
}

/*box-module*/
.box-cart {
    margin-bottom: 15px;
    background: #ffffff none repeat scroll 0 0;
}

.box-cart h3 {
    background-color: #373737;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 10px;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 2px solid #aaaaaa;
}

.box-cart .box-cart-block {
    border: 1px solid #dddddd;
}

.box-cart .box-cart-block .docs {
    margin-bottom: 5px;
}

.box-cart .box-cart-block .cart-empty {
    padding: 10px;
}

.box-cart .box-cart-block .cart-empty a {
    color: #0f9ed8;
}

.box-cart .box-cart-block .cart-empty a:hover {
    color: #ff0000;
}

.box-cart .box-cart-block .cart-item .total {
    padding: 10px;
    background-color: #f6f6f6;
}

.box-cart .box-cart-block .cart-item .total a {
    color: #0f9ed8;
}

.box-cart .box-cart-block .cart-item .total a:hover {
    color: #373737;
}

.box-cart .box-cart-block ul li {
    position: relative;
    padding: 5px 0;
    border-bottom: 1px dotted #aaaaaa;
}

.box-cart .box-cart-block ul li .image {
    float: left;
    width: 60px;
    padding: 0 5px;
}

.box-cart .box-cart-block ul li .name {
    float: left;
    margin-right: 10px;
}

.box-cart .box-cart-block ul li .name a {
    color: #373737;
    font-weight: bold;
}

.box-cart .box-cart-block ul li .name a:hover {
    color: #0f9ed8;
}

.box-cart .box-cart-block ul .remove_link {
    float: right;
    margin-top: 5px;
}

.box-cart .box-cart-block ul .remove_link i {
    color: #ff0000;
    font-size: 16px;
}

.box-cart .box-cart-block ul .remove_link:hover i {
    color: #0f9ed8;
}

.box-cart .box-cart-block .cart-payment .amount {
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px dotted #c3c3c3;
}

.box-cart .box-cart-block .cart-payment .amount strong {
    float: right;
    font-size: 16px;
    color: #0f9ed8;
}

.box-cart .box-cart-block .cart-payment .btn-payment {
    padding: 10px;
    text-align: center;
}

.box-cart .box-cart-block .cart-payment .btn-payment .btn {
    margin-bottom: 0;
}

.box-counter,
.box-price-gold,
.box-exchange,
.box-weather,
.box-html,
.box-adv,
.box-video {
    margin-bottom: 15px;
}

.box-counter .docs,
.box-price-gold .docs,
.box-exchange .docs,
.box-weather .docs,
.box-html .docs,
.box-adv .docs,
.box-video .docs {
    margin-bottom: 5px;
}

.box-counter h3,
.box-price-gold h3,
.box-exchange h3,
.box-weather h3,
.box-html h3,
.box-adv h3,
.box-video h3 {
    background-color: #67b1d4;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 10px;
    text-transform: uppercase;
    margin: 0;
    border-left: 5px solid #0f9ed8;
}

.box-counter ul,
.box-price-gold ul,
.box-exchange ul,
.box-weather ul,
.box-html ul,
.box-adv ul,
.box-video ul {
    border: 1px solid #dddddd;
    padding: 10px;
}

.box-counter ul li a,
.box-price-gold ul li a,
.box-exchange ul li a,
.box-weather ul li a,
.box-html ul li a,
.box-adv ul li a,
.box-video ul li a {
    padding-left: 0;
}

.box-counter ul li a i,
.box-price-gold ul li a i,
.box-exchange ul li a i,
.box-weather ul li a i,
.box-html ul li a i,
.box-adv ul li a i,
.box-video ul li a i {
    font-size: 14px;
    width: 20px;
}

.box-counter ul li a:before,
.box-price-gold ul li a:before,
.box-exchange ul li a:before,
.box-weather ul li a:before,
.box-html ul li a:before,
.box-adv ul li a:before,
.box-video ul li a:before {
    content: none;
}

.box-counter ul li {
    margin-bottom: 5px;
}

.box-counter ul li i {
    font-size: 16px;
    color: #6a6a6a;
    text-align: center;
    width: 15px;
    margin-right: 10px;
}

.box-counter ul li b {
    float: right;
    width: 50%;
}

.box-exchange,
.box-price-gold {
    line-height: 10px;
}

.box-exchange table,
.box-price-gold table {
    margin-bottom: 0;
}

.box-exchange p,
.box-price-gold p {
    font-size: 11px;
}

.box-exchange i,
.box-price-gold i {
    font-size: 11px;
}

.box-adv .boxprevnext a {
    background-color: transparent !important;
    opacity: 1 !important;
    padding: 0 !important;
    right: -10px !important;
    top: -38px !important;
}

.box-adv .boxprevnext a.prev {
    left: auto !important;
    right: 10px !important;
}

.box-adv .boxprevnext a:hover {
    color: #aaaaaa !important;
}

.box-static_banner {
    margin-bottom: 15px;
}

.box-static_banner a img {
    width: 100%;
}

.weather-block,
.html-block,
.adv-block {
    border: 1px solid #dddddd;
    padding: 10px;
}

.adv-block {
    text-align: center;
}

.adv-block .adv-item {
    margin-bottom: 10px;
}

.weather-block .weather-icon {
    width: 30%;
    float: left;
    margin-right: 2%;
}

.weather-block .weather-desc {
    width: 65%;
    float: right;
}

.weather-block .weather-desc strong,
.weather-block .weather-desc span {
    display: block;
}

.weather-block .weather-desc strong {
    font-size: 24px;
}

.weather-block p {
    margin-bottom: 5px;
}

/*END-CSS:BOX STYLE
==================================================================================================================*/

/*BEGIN-CSS:ADVS
==================================================================================================================*/
.adv-content ul li {
    overflow: hidden;
    text-align: center;
    padding: 0 10px;
}

.adv-content ul li a img {
    max-height: 100%;
    -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;
}

.adv-content ul li a img:hover {
    opacity: 0.8;
}

.adv-content .boxprevnext a {
    top: 40% !important;
}

/*END-CSS:ADVS
==================================================================================================================*/

/*================Menu Policy===================*/
.box-sale-policy {
    margin-bottom: 15px;
}

.box-sale-policy h3 {
    background-color: #67b1d4;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 15px 10px;
    text-transform: uppercase;
}

.box-sale-policy .sale-policy-block {
    padding: 10px;
    border: 1px solid #dddddd;
    margin-bottom: 5px;
    background-color: #f6f6f6;
}

.box-sale-policy .sale-policy-block ul {
    counter-reset: item;
}

.box-sale-policy .sale-policy-block ul li {
    margin-bottom: 5px;
}

.box-sale-policy .sale-policy-block ul li:before {
    content: counter(item) "";
    counter-increment: item;
    background: #0f9ed8;
    color: #ffffff;
    display: inline-block;
    border-radius: 3px;
    margin: 0 10px;
    padding: 2px 7px;
}

.box-sale-policy .sale-policy-block ul li span {
    color: #ff0000;
}

.box-sale-policy .buy-guide {
    background-color: #f6f6f6;
}

.box-sale-policy .buy-guide ul {
    padding: 10px;
    border: 1px solid #c3c3c3;
    counter-reset: item;
}

.box-sale-policy .buy-guide ul li {
    margin-bottom: 10px;
}

.box-sale-policy .buy-guide ul li:before {
    display: inline-block;
    content: counter(item) ".";
    counter-increment: item;
    font-weight: bold;
}

.box-sale-policy .buy-guide ul li strong {
    color: #ff0000;
}

/*Start:Map
======================================================*/
.contact-content {
    margin-bottom: 30px;
}

.contact-content .map {
    margin-bottom: 10px;
}

.contact-content .map .map-canvas {
    height: 323px;
}

.contact-content .map .map-information ul {
    padding: 10px 25px;
    background-color: #eaeaea;
    list-style: decimal;
}

.contact-content .map .map-information ul li {
    float: left;
    margin-right: 30px;
}

.contact-content .map .map-information ul li a {
    color: #0f9ed8;
}

.contact-content .map .map-information ul li a:hover {
    color: #373737;
}

#banner {
    height: 286px;
}

#homepage_slider video {
    height: 180px;
    overflow: hidden;
    width: 100%;
}

#homepage_slider img {
    width: 100%;
    height: 268px;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}

.carousel-inner > .item {
    height: 268px !important;
}

.carousel-inner > .item > img {
    display: block;
    line-height: 1;
}

/* button to display if user choses to not autoplay the video: */
#slider-play-button button {
    display: inline-block;
    border: 0.06666em solid #fff;
    font-size: 2rem;
    background: rgba(255, 255, 255, 0.23);
    color: #fff;
    cursor: pointer;
    transition: .3s background;
    line-height: 1.3em;
    height: 1.5em;
    width: 2.5em;
    border-radius: 0.3em;
    position: absolute;
    opacity: .7;
    right: 1em;
    top: 20%;
}

.play-video-button:before {
    font-family: FontAwesome;
    content: "\f04b";
}

.pause-video-button:before {
    font-family: FontAwesome;
    content: "\f04c";
}

.text_banner {
    position: relative;
    top: -90px;
    color: red;
    float: left;
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
    font-size: large;
}

.category-title {
    background-color: #eaeaea;
    text-transform: uppercase;
}

.child_cate_title {
    background-color: #0080ff;
}

.menu-label {
    color: black;
    text-transform: uppercase;
}