body {
    font-family: Noticia Text, Arial, Helvetica, sans-serif !important;
}

body {
    overflow-x: hidden;
}

* {
    margin: 0px;
    padding: 0px;
    outline: none;
}

img {
    max-width: 100%;
}

img.respon-owlCarousel {
    width: auto !important;
}

li {
    list-style: none;
}

ul,
li,
p {
    margin: 0px;
    padding: 0px;
}

body {
    color: #333333;
}

a,
a:hover,
a:focus {
    color: #3271bd;
    text-decoration: none;
}

a:hover {
    color: #e76273;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

main {
    margin-bottom: 15px;
}

.view-more-home a {
    padding: 5px;
    border: 2px solid #4b62c8;
    display: block;
    text-align: center;
}

.view-more-home i {
    font-size: 10px;
    margin-left: 5px;
}

.pd-none-l {
    padding-left: 0px;
}

.pd-none-r {
    padding-right: 0px;
}

.pd-none {
    padding: 0px;
}

.mt15 {
    margin-top: 15px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb5 {
    margin-bottom: 5px;
}

.empty>p {
    text-align: center;
    color: #e60f1e;
}


/****************** Hr1 header.css ****************************/

header {
    padding: 0 0 5px;
    background: #fff;
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .15);
    -webkit-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

header:not(.fix-header) .menu-fix-hidden {
    display: none
}

.fix-header {
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    position: fixed !important
}

nav.navbar-main.navbar.fix-header-nav {
    top: 36px;
    left: 0;
    right: 0;
    position: fixed
}

.fix-header .menu-fix-hidden {
    display: block
}

.box-search {
    margin-top: 30px;
}

.box-search>.box-input {
    border: 1px solid #e5e5e5;
    height: 33px;
}

.box-search>.box-input>.input-group-search {
    display: inline-block;
    vertical-align: top;
    padding-left: 7px;
    width: calc(100% - 198px);
}

.box-search>.box-input>.input-group-search>.fa-search {
    font-size: 12px;
    color: #CECACA;
}

.group-collection-search {
    width: 150px;
    display: inline-block;
    position: relative;
    border-right: 1px solid #E6E6E6
}

.group-collection-search:hover {
    background: #ffffff;
}

.group-collection-search>button {
    border: none;
    width: calc(100% - 20px);
    padding: 7px 0;
    background: none;
    text-align: left;
    text-indent: 12px;
    white-space: nowrap;
    overflow: hidden
}

.group-collection-search>button>span.caret {
    position: absolute;
    right: 10px;
    top: 15px
}

.group-collection-search .dropdown-menu {
    left: -2px;
    top: 34px;
    border-radius: 0;
    max-height: 200px;
    overflow: auto
}

.box-search>.box-input input[type="text"] {
    border: none;
    padding: 6px 0;
    width: calc(100% - 16px);
    text-indent: 10px;
    font-size: 13px
}


/** settings.nav_head_color --settings.textb_dark_color **/

.box-search>.box-input>button[type="submit"] {
    width: 40px;
    border: none;
    padding: 7px 0;
    background-color: transparent;
    color: #000;
    font-weight: bold
}


/******************** Box đặt hàng nhanh *********/

.box-check-header {
    border: 1px solid #e60f1e;
    border-left: 0;
    position: relative;
    width: 145px;
    margin-left: auto;
    height: 35px;
    margin-top: 8px
}

.box-check-header img {
    position: absolute;
    top: -1px;
    left: -18px;
    width: 35px
}

.box-check-header .fone-header {
    color: #e60f1e;
    font-weight: bold;
    font-size: 20px;
    margin-left: 25px;
    padding-top: 7px;
    display: inline-block
}

.box-check-header .fone-checkout-header {
    color: #e60f1e;
    position: absolute;
    top: -8px;
    left: 20%;
    right: 20%;
    background-color: #fff;
    font-size: 11px;
    text-align: center
}


/******************** cart **********************/

.cart-info {
    display: inline-block;
    position: relative
}

.cart-view {
    line-height: normal;
    position: absolute;
    background: #fff;
    box-shadow: 4px 4px 3px #aaa;
    right: 0;
    width: 250px;
    border: 1px solid #d7d7d7;
    padding: 15px 10px;
    top: 22px;
    display: none;
    z-index: 99999
}

.cart-view:before {
    background: url(/assets/theme.hstatic.net/200000077081/1001259549/14/up-arrow.gif?v=164);
    float: left;
    width: 17px;
    height: 10px;
    right: 41px;
    content: "";
    position: absolute;
    top: -10px
}

.cart-view table {
    width: 100%;
}

.cart-view table:not(.table-total):not(.table-clone-cart) {
    max-height: 240px;
    overflow: auto;
    display: inline-block
}

.cart-view table td.img img {
    border: 1px solid #417505;
    width: 70px;
    margin: 5px;
    max-width: none
}

.cart-view table td a {
    font-size: 11px;
    float: left;
    width: 100%
}

.cart-view table td span {
    font-size: 11px;
    float: left;
    width: 100%;
    color: #666
}

.cart-view .line {
    float: left;
    width: 100%;
    border-top: 1px dashed #dfdfdf;
    margin: 10px 0
}

.cart-view a.linktocart:after {
    content: "";
    float: left;
    width: 100%;
    height: 100%;
    border: 1px solid #333;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: -1
}

.cart-view a.linktocart {
    background: #fff;
    border: 1px solid #333;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    padding: 4px;
    position: relative;
    float: left;
    width: 90%;
    white-space: nowrap;
    margin-top: 10px
}

.cart-view .line {
    float: left;
    width: 100%;
    border-top: 1px dashed #dfdfdf;
    margin: 10px 0
}

.cart-view a.linktocheckout:after {
    content: "";
    float: left;
    width: 100%;
    height: 100%;
    border: 1px solid #333;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: -1
}

.cart-view a.linktocheckout {
    color: #dfdfdf;
    background: #417505;
    border: 1px solid #333;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    padding: 4px;
    position: relative;
    float: right;
    width: auto;
    width: 90%;
    white-space: nowrap;
    margin-top: 10px
}


/*******************end old css ****************/


/*H bo sung ***/

.box-search .dropdown-menu>li>a {
    color: #3271bd;
}

.box-search .dropdown-menu>li>a:hover,
.box-search .dropdown-menu>li>a:focus {
    color: #e76273;
}


/**H add top header ****/

.top-header {
    //height: 30px;
    background-color: #ffffff;
    margin: 0 auto;
    font-size: 1.1rem;
    position: relative;
    z-index: 100000;
}

.hrv-top-left {
    position: relative;
    overflow: visible;
    padding: 0;
}

.hrv-top-left .left {
    height: 100%;
    display: inline-block;
    white-space: nowrap;
}

.hrv-top-left .left>a {
    display: inline-block;
    line-height: 2.8rem;
    padding-right: 15px;
    padding-left: 15px;
    text-transform: none;
    color: #000;
    margin: 0;
}

.hrv-top-left .left:first-child>a {
    margin-left: -15px;
}

.hrv-top-left .left {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAJCAIAAAB8JNGzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiOHPmDBMDAwM+DBBgAFKMAnXOCX6lAAAAAElFTkSuQmCC')left center no-repeat;
}

.k-animation-container {
    position: absolute;
    z-index: 99999;
    width: 335px;
    height: 139px;
    margin: 0;
    padding: 0;
    top: 38px;
    left: 39.5px;
    box-sizing: content-box
}

.k-popup.k-group {
    position: absolute;
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    border: 1px solid #ccc;
    min-width: 3rem;
    background: #fff
}

.k-tooltip-content {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    padding: 1.2rem 2rem 1.1rem;
    line-height: 1.6
}

.ui-tooltip-box {
    margin: 8px 9px 6px;
    width: 275px;
}

.image {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    float: left;
    margin-right: 18px
}

.info-wrapper {
    overflow: hidden;
    zoom: 1;
}

.ui-tooltip-box .heading a {
    text-transform: uppercase!important;
    margin: 0;
}

.ui-tooltip-box .description {
    font-size: 10px;
    font-size: 1rem;
    color: #666;
    margin: 5px 0 12px;
}

.k-button {
    color: #ffffff;
    border: 1px solid #39610b;
    background: #39610b;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    height: 4.5rem;
    padding: 0 2.55rem;
    line-height: 4.5rem;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    max-width: 100%
}

.k-button.small {
    height: 2.8rem;
    font-size: 1.2rem;
    line-height: 2.8rem;
    text-transform: none;
    padding: 0 1rem
}

.k-button:hover,
.k-button:focus {
    color: #ffffff;
    background: #395c10;
}

.k-callout,
.k-callout:before {
    position: absolute;
    width: 0;
    height: 0;
    border: 15px solid transparent;
}

.k-callout:before {
    content: "";
    z-index: 1;
}

.k-callout-n {
    top: -15px;
    left: 50%;
    border-top-width: 0;
    border-bottom-color: #ccc;
}

.k-callout-n:before {
    left: 0;
    top: 1px;
    margin-left: -15px;
    border-top-width: 0;
    border-bottom-color: #fff;
}

.icon-cart {
    width: 20px;
    height: 20px;
    left: -22px;
    position: absolute;
}

.icon-bag-cart {
    width: 25px;
    height: 24px;
    display: inline-block;
    font-size: 50px;
}

.cart-icon-handle {
    position: absolute;
    width: 10px;
    height: 6px;
    top: 0;
    right: 2px;
    border: 1px solid #000;
    border-bottom: 0;
    -webkit-border-top-left-radius: 100px;
    -webkit-border-top-right-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-topright: 100px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.cart-link:hover .icon-cart strong {
    background-color: #f60;
    border-color: #f60;
}

.cart-link:hover .cart-icon-handle {
    border-color: #f60;
}

.cart-link {
    margin: 10px 0 0 30px;
    line-height: 20px;
    padding-left: 30px;
    display: inline-block;
    position: relative;
    width: 100%;
    font-size: 18px;
    color: #417505
}

.hrv-top-left .left>a:hover {
    color: #f60;
}

.log-cart {
    float: right;
    line-height: 27px;
}

.cart-number {
    position: absolute;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    left: 14px;
    bottom: 12px;
    text-align: center;
    line-height: 15px;
    background: #111;
    color: #fff;
    font-size: 11px;
}


/** logo **/

.logo h1 {
    text-align: center;
    margin-bottom: 20px;
}


/** menu **/

.menu-desktop {
    position: relative;
    min-height: 30px;
}

.logo {
    display: block;
    float: left;
    min-width: 100px;
    text-align: center;
    margin: 0 0 20px 0;
}

.top-header.fix-header {
    border-bottom: 1px solid #417505;
}

.logo-mobile img {
    max-height: 49px;
}

.logo.logo-mobile a {
    display: inline-block;
    line-height: 50px;
}

@media only screen and (min-width: 768px) {
    .page-header-container {
        position: relative;
        padding: 0;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
    .logo {
        display: inline-block;
        float: none;
        margin: 0;
    }
    .header-search {
        display: block;
        position: absolute;
        margin: 0;
        top: 0px;
        right: 0;
    }
}


/****************** End Hr1 header.css ****************************/


/******************Hr1 footer.css ****************************/

footer {
    background: #fff;
}

.footer-top {
    background: #e60f1e;
    background-repeat: repeat;
    background-position: center center;
    border-bottom: 1px solid #e1e1e1;
}

.ourservice-block {
    float: left;
    color: #BBB;
    border-right: 1px solid #417505;
    margin: 10px 0;
    width: 100%;
}

.ourservice-block div,
.ourservice-block h4 {
    float: left;
    line-height: 32px;
    padding: 0px!important;
    margin: 0;
    color: #ffffff;
}

.ourservice-block .fa {
    font-size: 20px;
    padding-right: 10px;
    color: #ffffff;
}

.ourservice-block .ourservice-heading {
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    width: calc(100% - 35px);
}

.ourservice-block:hover {
    overflow: visible;
}

.ourservice-block:hover div,
.ourservice-block:hover h4 {
    color: #ffffff;
}

.ourservice-block:hover .fa {
    -webkit-transform: scale(1.2) translateX(-5px);
    -moz-transform: scale(1.2) translateX(-5px);
    -ms-transform: scale(1.2) translateX(-5px);
    -o-transform: scale(1.2) translateX(-5px);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.number-phone {
    float: left;
    color: white;
    padding: 15px 0;
}

h3.call-number {
    font-size: 30px;
    color: #ffffff;
    font-weight: 500;
    margin: 0px;
    line-height: 54px;
}

.hotline {
    float: left;
    padding: 15px 0;
    margin-right: 5px;
    padding-top: 25px;
}

.hotline p {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.free-call {
    font-size: 11px;
    color: #ffffff;
    font-style: italic;
}

.footer-center {
    color: #555555;
    padding: 20px 0;
}

.footer-center-wrap {
    border-bottom: 1px solid #417505;
}

.footer-block .title_block {
    font-size: 12px;
    color: #333333;
    font-weight: 700;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
}

.footer-block .block_content .list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.footer-block .block_content .list-group li {
    padding: 4px 0;
}

.footer-block .block_content .toggle-footer li a {
    color: #555555;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    display: block;
    font-size: 13px;
}

.block_aboutshop {
    margin-bottom: 10px;
}

#newsletter_block {
    text-align: center;
}

#newsletter_block .newsletter-form {
    position: relative;
    border-color: #333;
}

#newsletter_block .btn-newsletter span {
    font-size: 12px;
    padding: 13px 19px 12px;
    line-height: 13px;
    font-weight: 600;
    display: inline-block;
}

.footer-bottom-wrap {
    padding: 10px 0 0px;
}

.border-left {
    border-left: 1px solid #417505;
}

.footer_contact {
    font-weight: 500;
    font-size: 12px;
    line-height: 25px;
    color: #999;
}

.footer_contact .list li {
    color: #555555;
}

.footer_contact .list .fa {
    color: #333333;
    font-size: 13px;
    width: 18px;
    line-height: 25px;
    padding-right: 10px;
}

.copyright {
    font-weight: 500;
    font-size: 13px;
    position: relative;
    padding-top: 12px;
    color: #999;
}

.social .list-unstyled li .fa {
    float: left;
    color: #fff;
    width: 30px;
    s width: 30px;
    text-align: center;
    line-height: 30px;
    display: block;
    border-radius: 50%;
}

.social ul li {
    float: right;
    text-align: center;
    padding: 4px 0;
    margin-left: 10px;
}

.social ul li.facebook a {
    background: #3a5898;
}

.social ul li.twitter a {
    background: #00acee;
}

.social ul li.google-plus a {
    background: #de6463;
}

.social ul li.rss a {
    background: #0EBA9E;
}

.social ul li.youtube a {
    background: #ce3527;
}

.social ul li:hover .fa {
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #fff;
}


/**Hadd **/

footer {
    background: #f7f7f7;
    margin-top: 20px;
}

.footer-info {
    text-align: center;
    background: #fff;
}

.footer-mailchimp .footer-mailchimp-wrap {
    background: #fff url('newsletter-background.png')no-repeat 1080px bottom;
    padding: 24px;
    border-top: none;
    border-bottom: 1px solid #e5e5e5;
}

.des-new-title {
    float: left!important;
    padding-left: 0px;
    padding-right: 24px;
    height: 48px;
    line-height: 24px;
    border-right: 1px solid #e4e4e4;
    font-weight: 400!important;
    font-family: Roboto-Medium, sans-serif;
    font-size: 17px;
}

#newsletter_block .des_newsletter {
    float: left!important;
    height: 48px;
    line-height: 24px;
    padding: 0 16px;
    text-align: left;
}

.footer-mailchimp .block_content {
    float: left!important;
    padding: 4px 8px;
    height: 48px;
    line-height: 48px;
    position: relative;
}

#newsletter_block .newsletter-input {
    float: left!important;
    background-color: #f1f1f1!important;
    color: #999!important;
    border-radius: 0;
    border: none;
    width: 432px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    box-shadow: none;
}

#newsletter_block .btn-newsletter {
    text-transform: uppercase;
    margin-top: 10px;
    right: 0;
    top: 0;
    z-index: 2;
    position: absolute;
    margin: 0;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 8px;
    font-weight: 400!important;
    border-color: transparent;
    color: #ffffff;
    text-align: center;
    float: left!important;
    background-color: #417505!important;
    border-radius: 0;
    width: 90px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

.footer-center {
    background-color: #f7f7f7;
    border-top: 1px solid #f0f0f0;
}

.footer-center-wrap {
    border-bottom: none;
}

.footer-center-wrap .border-right {
    min-height: 260px;
    border-right: 1px solid #e5e5e5;
}

.div-user-control.control-4 {
    position: relative;
    border: none;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    float: left;
}

.ico-letter-home.div-user-control.control-4 {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

h4.title_newsletter {
    float: left;
}


/******************End Hr1 footer.css ****************************/


/******************Hr1 page.css ****************************/

.layout-page {
    padding: 10px 0px;
}

.layout-page h1 {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    color: #161616;
    display: table;
    margin-bottom: 10px;
}

.layout-page h1:after {
    content: "";
    float: right;
    width: 27px;
    background: #161616;
    height: 1px;
    margin: 9px;
}

.layout-page .page-border-left {
    border-left: 1px solid #417505;
}

.layout-page .sidebar-page-left li {
    margin-bottom: 10px;
}

.layout-page .sidebar-page-left li a {
    color: #3271bd;
    font-size: 14px;
    line-height: 24px;
}

.layout-page .sidebar-page-left li.active a {
    color: #e76273;
    position: relative;
    width: 100%;
    display: inline-block;
}

.layout-page .sidebar-page-left li.active a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -2px;
    width: 3px;
    height: 100%;
    background: #e76273;
    z-index: 4;
}

.layout-page .page-left-contact,
.layout-page .page-right-contact {
    margin-top: 10px;
}

.layout-page .page-left-title,
.layout-page .page-right-title {
    width: 100%;
    float: left;
    position: relative;
    font-size: 14px;
    line-height: 25px;
    margin: 5px 0 15px;
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ddd;
}

.layout-page .page-left-title span,
layout-page .page-right-title span {
    color: #161616;
    font-weight: 500;
    margin-right: 8px;
    text-transform: uppercase;
}

.layout-page .page-left-title i,
.layout-page .page-right-title i {
    margin-right: 10px;
    font-size: 15px;
}

.layout-page .page-right-contact .address,
.layout-page .page-right-contact .phone {
    width: 100%;
    float: left;
    position: relative;
    font-size: 14px;
    line-height: 14px;
    margin: 5px 0;
    overflow: hidden;
    padding-bottom: 5px;
}

.layout-page .page-right-contact i {
    margin-right: 10px;
    font-size: 16px;
    width: 30px;
    text-align: center;
}

.layout-page .page-right-contact b {
    margin-right: 10px;
}

.layout-page .page-right-contact .address:after,
.layout-page .page-right-contact .phone:after {
    content: '';
    width: 100%;
    float: left;
    position: absolute;
    height: 0;
    border-top: 1px dashed #d7d7d7;
    top: 0;
    bottom: 0;
    margin: auto;
}

.layout-page .page-right-contact .text-indent-page {
    text-indent: 40px;
    float: left;
    width: 100%;
}

.contact-form .input-group {
    width: 100%;
    margin-bottom: 10px;
}

.contact-form .input-group span.input-group-addon {
    width: 42px;
}

.contact-form .input-group span.input-group-addon i {
    font-size: 14px;
}

.contact-form .input-group * {
    border-radius: 0;
    background: #fff;
    font-size: 12px;
}

.contact-form .input-group input {
    border: 1px solid #417505;
    box-shadow: none;
}

.contact-form .input-group textarea {
    width: 100%;
    height: 122px;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #417505;
}

.contact-form button {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    padding: 0px 10px;
    position: relative;
    width: auto;
    white-space: nowrap;
    margin-top: 20px;
    height: 35px;
    line-height: 35px;
}

@media (min-width: 768px) {
    .contact-info-tb dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .contact-info-tb dd {
        margin-left: 160px;
    }
}

.contact-info-tb dt {
    width: 100px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 13px;
}

.contact-info-tb dd {
    margin-left: 4px;
}

.contact-info-tb dd {
    float: left;
}

.padd-r0 {
    padding-right: 0;
}


/******************End Hr1 page.css ****************************/


/******************Hr1 menu.css ****************************/

.navbar-toggle .icon-bar {
    background-color: #fff;
}

nav.navbar-main.navbar {
    background: #ffffff;
    margin-bottom: 0px;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

nav.navbar-main.navbar.affix-mobile {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.navbar-main.navbar {
    position: relative;
    min-height: 30px;
    margin-bottom: 20px;
    border: 0px solid transparent;
}

.navbar-main.navbar {
    border-radius: 0px;
}

.right-menu {
    margin: 0px 15px;
    margin-right: 30px;
}

ul.mobile-menu-icon .user a {
    color: #fff;
    font-size: 24px;
    padding: 13px;
}

ul.mobile-menu-icon {
    margin: 0px;
}

.navbar-main .navbar-nav>li>a {
    line-height: 20px;
    position: relative;
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #141414;
    border-right: 1px solid #d1d1d1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.navbar-main .navbar-nav>li>a:hover,
.navbar-main .navbar-nav>li>a:focus {
    color: #141414;
    background: #ffffff;
}

.navbar-nav>li {
    margin-right: 1px;
}

ul.mobile-menu-icon li#cart-target {
    color: #fff;
    height: 100%;
    font-size: 26px;
    line-height: 50px;
    position: relative;
}

ul.mobile-menu-icon li#cart-target span {
    color: #417505;
}

.mobile-menu-icon-wrapper {
    width: calc(100% - 70px);
    display: none;
}

ul.mobile-menu-icon>li {
    float: right;
    margin-left: 12px;
    margin-right: 12px;
}

ul.mobile-menu-icon .dropdown-menu {
    left: auto;
    right: 0px;
    margin: 0px;
    border-radius: 0px;
    background-color: #EDEDED;
}

.navbar-main.navbar-default .navbar-toggle {
    background: transparent;
    border-color: transparent;
    float: left;
    margin: 8px;
}

div#navbar>ul>li>ul {
    padding: 0px;
}

div#navbar>.open {
    background: #68B0D8;
}

.navbar-main.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-main.navbar-default .navbar-collapse,
.navbar-main.navbar-default .navbar-form {
    /*border-color: #fff;
	background: #fff;*/
}

.navbar-main .navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    font-size: 16px;
    line-height: 34px;
}

#navbar ul.dropdown-menu li a {
    margin: 0px;
    padding: 0px 10px;
    position: relative;
    font-size: 14px;
}

#navbar li>ul>li>a,
#navbar li>ul,
#navbar li {
    border-radius: 0px;
}

#navbar ul.dropdown-menu {
    padding: 0px;
    margin: 0px;
}

.navbar-nav .sub-arrow,
.navbar-nav .collapsible .sub-arrow {
    position: static;
    margin-top: 0;
    margin-right: 0;
    margin-left: 6px;
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-left: 4px dashed transparent;
}

.navbar-fixed-bottom .sub-arrow {
    margin-top: -5px;
    border-top: 4px dashed transparent;
    border-bottom: 4px solid;
}

.navbar-nav ul .sub-arrow {
    position: absolute;
    right: -10px;
    top: 7px;
    margin-top: 6px;
    margin-right: 15px;
    border-top: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-left: 4px solid;
}

.navbar-nav ul a.has-submenu {
    padding-right: 30px;
}

li#cart-target a.cart span:nth-child(2) {
    background: #ff6517;
    color: #fff;
    padding: 0px 6px;
    border-radius: 100%;
    position: absolute;
    left: 22px;
    font-size: 12px;
    line-height: 20px;
    top: 6px;
}

a.cart {
    color: #fff;
}

#cart-icon ul {
    display: block!important;
}

.navbar-main .navbar-nav li .toolbar-cart {
    line-height: 20px;
    position: relative;
    display: block;
    padding: 15px 10px;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 14px;
    border-right: 0px solid #5192b6;
    border-left: 1px solid #66a9d6;
    height: 50px;
}


/*============HEADER ISON _SEARCH===============*/

li#search-icon {
    height: 50px;
    border-left: 1px solid #66a9d6;
    position: relative;
}

#search-icon ul {
    display: block!important;
}

button.icon-search {
    width: 52px;
    height: 52px;
    float: left;
    background: url('/assets/theme.hstatic.net/200000077081/1001259549/14/icon-search.webp') center no-repeat;
    border-radius: 0px;
    border: 0px;
}

.btn-group.open button.icon-search,
li#search-icon:hover button.icon-search {
    background: url('/assets/hstatic.net/0/0/global/design/theme-default/icon-search-hover.png') #ededed center no-repeat;
}

.search-bar {
    background: #EDEDED;
}

li#search-icon:hover .search-bar {
    display: block;
}

.search-bar form input {
    border: 0px;
    background: transparent;
    padding: 10px;
    width: 350px;
    max-width: 100%;
    outline: none;
    background: #F9F9F9;
}

.search-bar form {
    padding-left: 5px;
    padding-right: 5px;
}

li#search-icon .dropdown-menu {
    position: absolute;
    right: 0px;
    left: auto;
    background: #ededed;
    margin: 0px;
    border-radius: 0px;
    box-shadow: 1px 2px 2px #D0D0D0;
}

@-webkit-keyframes dropInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes dropInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.open>.dropdown-menu {
    -webkit-animation-name: dropInDown;
    -moz-animation-name: dropInDown;
    -o-animation-name: dropInDown;
    animation-name: dropInDown;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #365db5;
    background-color: #fff;
}

.logo-mobile {
    width: calc(100% - 137px);
    display: inline-block;
    text-align: center;
    float: left;
    padding: 0px 0px;
    margin: 0;
}


/******************End Hr1 menu.css ****************************/


/******************Hr1 pagination-default.css ****************************/

.pagination-default {
    margin: 15px 0px;
    padding: 0px 15px;
    text-align: center;
}

.pagination-default>div {
    display: inline-block;
}

.pagination-default a {
    border: 1px solid #E5E5E5;
    border-left: none;
    float: left;
    font-style: normal;
    font-weight: normal;
    padding: 0px 12px;
    height: 33px;
    line-height: 33px;
    color: #000;
}

.pagination-default a:first-child {
    border-left: 1px solid #E5E5E5;
}

.pagination-default a.prev,
.pagination-default a.next,
.pagination-default a.prev-first,
.pagination-default a.next-last {
    color: #000;
    font-size: 18px;
}

.pagination-default .current {
    background: #EFEFEF;
    color: #999;
}

.pagination-default a:hover {
    background: #EFEFEF;
}


/******************End Hr1 pagination-default.css ****************************/


/******************Hr1 modal-cart.css ****************************/

#myCart {
    background-color: rgba(0, 0, 0, 0.31);
    z-index: 99999;
}

#myCart .modal-dialog {
    margin: 50px auto;
}

#myCart .modal-header {
    padding: 20px 0px;
    text-align: center;
    position: relative;
    background: #28303e;
    border-bottom: none;
}

#myCart .modal-header a {
    position: absolute;
    top: 17px;
    padding: 7px 6px;
    right: 7px;
    line-height: 0px;
    text-align: center;
    border-radius: 50%;
}

#myCart .modal-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}

#myCart .modal-body {
    padding: 0 15px;
    max-height: 375px;
    overflow: auto;
}

#myCart .modal-body th {
    font-size: 15px;
    color: #1C1C1C;
    font-weight: 600;
    text-align: left;
}

#cart-table tr td:first-child,
#cart-table tr th:first-child {
    padding-left: 0px;
}

#cart-table th {
    padding-bottom: 10px;
    padding-top: 10px;
}

#cart-table .original {
    display: none;
}

#cart-table tr.line-item:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.1);
}

#cart-table tr.line-item:nth-child(odd) {
    background-color: #f8f8f8;
}

#cart-table .item-image,
#cart-table .item-quantity1,
#cart-table .item-delete {
    padding-top: 5px;
    padding-bottom: 5px;
}

#cart-table td.item-image {
    width: 170px;
    text-align: center;
}

#cart-table tr td {
    border-top: 0;
}

#cart-table .item-title {
    width: 40%;
    color: #3399cc;
    font-size: 14px;
    max-width: 200px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}

#cart-table .item-quantity input {
    width: 64px;
    text-align: center;
    height: 30px;
    border-radius: 3px;
    font-size: 14px;
    color: #808080;
    border: 1px solid #ccc;
    outline: none;
}

#cart-table .item-price {
    font-size: 15px;
}

#cart-table .item-delete {
    position: relative;
    width: 40px;
}

#myCart .modal-footer {
    margin: 5px 15px;
    border-top: 1px solid #DDD;
}

#myCart .modal-footer .modal-note textarea {
    outline: none;
    border: 1px #D8D8D8 solid;
    padding-left: 10px;
    height: 70px;
    padding-top: 5px;
    width: 100%;
}

#myCart .modal-footer .total-price-modal {
    text-align: right;
    font-size: 20px;
    margin-top: 20px;
    color: #808080;
    font-size: 16px;
}

#myCart .modal-footer .total-price-modal span {
    font-size: 20px;
    color: #303030;
    vertical-align: middle;
}

#myCart .modal-footer .comeback {
    text-align: left;
    margin-top: 30px;
}

#myCart .modal-footer .comeback a {
    color: #28303e;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

#myCart .modal-footer .comeback img {
    margin-right: 5px;
    float: left;
}

#myCart .modal-footer .button-default {
    background: #28303e;
    border: none;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    border-radius: 3px;
    float: right;
    height: 45px;
    line-height: 45px;
    position: relative;
    cursor: pointer;
    margin: 7px;
}

#myCart .modal-footer #checkout {
    float: right;
    margin-left: 15px;
}

#myCart .modal-footer .button-default:before {
    content: "";
    width: 1px;
    height: 100%;
    border-left: solid #28303e 1px;
    border-right: solid #ddd 1px;
    position: absolute;
    right: 45px;
}

#myCart .modal-footer .button-default:after {
    content: "";
    background: url("/assets/hstatic.net/0/0/global/design/theme-default/icon-arr.png") no-repeat center right;
    width: 30px;
    height: 100%;
    float: right;
    margin-left: 10px;
}


/******************End Hr1 modal-cart.css ****************************/


/******************Hr1 collection.css ****************************/

.banner-collection-header {
    margin-bottom: 15px;
}

.box-title-collection {
    padding: 3px 0px;
    border: 1px solid #417505;
    width: 100%;
    background-color: #ffffff;
}

.box-title-collection h1 {
    font-size: 20px;
    color: #161616;
    text-transform: uppercase;
    padding: 10px 5px 0 10px;
    margin: 0 0 10px;
    display: inline-block;
}

.box-title-collection .collection-size {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #4a4a4a;
}

.box-title-collection .custom-dropdown {
    margin: 2px 0px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, .1);
    min-width: 200px;
    overflow: hidden;
    margin-left: 2px;
    border-radius: 5px;
}

.box-title-collection .custom-dropdown::before {
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
}

.box-title-collection .custom-dropdown::before,
.box-title-collection .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.box-title-collection .custom-dropdown::after {
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -.5em;
}

.box-title-collection .custom-dropdown--white::after {
    color: rgba(0, 0, 0, .9);
}

.box-title-collection .custom-dropdown--white::before {
    background-color: #fff;
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.box-title-collection .custom-dropdown__select {
    font-size: inherit;
    margin: 0;
    width: 100%;
}

.box-title-collection .custom-dropdown__select--white {
    background-color: #fff;
    color: #444;
}

.box-title-collection .custom-dropdown__select {
    border: 0;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-size: 13px;
    padding: 3px 0px;
}

.btn-filter-mobile {
    border: 1px solid #dedede;
    padding: 5px;
    margin: 5px;
    background: #fff;
    font-size: 13px;
}

.btn-filter-mobile i {
    margin-left: 5px;
}


/******************End Hr1 collection.css ****************************/


/******************Hr1 product.css ****************************/


/* Product images and variant */

#surround {
    margin-bottom: 15px;
}

#surround .box-image-featured {
    text-align: center;
}

#surround .product-image-feature {
    margin-bottom: 10px;
    pointer-events: none;
    width: 100%;
}

#sliderproduct {
    position: relative;
}

#sliderproduct .flex-direction-nav a {
    outline: none;
    width: 17px;
    height: 30px;
    opacity: 0.3;
}

#sliderproduct .flex-direction-nav a.flex-prev {
    background: url(/assets/theme.hstatic.net/200000077081/1001259549/14/icon-left-flexslider.png?v=164) no-repeat;
    left: 0;
}

#sliderproduct .flex-direction-nav a.flex-next {
    background: url(/assets/theme.hstatic.net/200000077081/1001259549/14/icon-right-flexslider.png?v=164) no-repeat;
    right: 0;
}

#sliderproduct .flex-direction-nav a.flex-prev:hover,
#sliderproduct .flex-direction-nav a.flex-next:hover {
    opacity: 1;
}

#sliderproduct .flex-viewport {
    margin: 0px 17px;
}

#sliderproduct .flex-viewport li.product-thumb a {
    border: 1px solid #E5E5E5;
    text-align: center;
    display: block;
    margin-right: 5px;
    padding: 5px;
}

#sliderproduct .flex-viewport li.product-thumb.active a {
    border: 1px solid #F44F00;
}

.information-product .product-title h1 {
    color: #161616;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.information-product #price-preview {
    margin-bottom: 15px;
}

.information-product #price-preview span label {
    display: inline-block;
    width: 50px;
    font-size: 16px;
    vertical-align: middle;
    font-weight: normal;
    padding: 9px;
    color: #666666;
}

.information-product #price-preview span {
    color: #195eaf;
    font-size: 25px;
    font-weight: 500;
    margin-right: 10px;
}

.information-product #price-preview del {
    color: #899295;
}

.variant-style .select-wrapper label {
    display: block;
}

.variant-style input#quantity {
    background: #FFF;
    font-weight: 600;
    height: 32px;
    padding: 0;
    text-align: center;
    width: 70px;
    border: 1px solid #E5E5E5;
    border-left: none;
    border-right: none;
    border-radius: 1px;
    float: left;
    -webkit-appearance: none;
}

.variant-style input.qty-btn {
    float: left;
    background: #EEE;
    border: solid 1px #E5E5E5;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    outline: none;
    height: 32px;
    width: 32px;
    text-align: center;
    border-radius: 0;
}


/********************* Style variant template 1 ***********************/

.variant-style .selector-wrapper,
.variant-style .select-wrapper {
    margin-bottom: 10px;
}

.variant-style .selector-wrapper>label {
    min-width: 100px;
}

.variant-style .selector-wrapper .custom-dropdown {
    position: relative;
    display: inline-block;
    border: 1px solid #e7e7e7;
}

.variant-style .selector-wrapper .custom-dropdown:after {
    content: '<>';
    font: 12px "Consolas", monospace;
    color: #aaa;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 8px;
    top: 8px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}

.variant-style .selector-wrapper .custom-dropdown:before {
    content: '';
    right: 0px;
    top: 0px;
    width: 30px;
    height: 32px;
    background: #f8f8f8;
    position: absolute;
    pointer-events: none;
    display: block;
    border-left: 1px solid #e7e7e7;
}

.variant-style .selector-wrapper .custom-dropdown .custom-dropdown-select {
    height: 32px;
    text-indent: 10px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    color: #888;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    min-width: 150px;
}


/***************** Style variant template 2 ******************/

.style-variant-template {
    display: block;
}

.style-variant-template input {
    display: none;
}

.style-variant-template li {
    float: left;
    margin-right: 3px;
}

.style-variant-template li span {
    display: block;
    padding: 6px 8px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #ccc;
}

.style-variant-template input[type=radio]:checked+span {
    border: 1px solid #e60f1e;
    background: url(/assets/theme.hstatic.net/200000077081/1001259549/14/checkbox-product.png?v=164) no-repeat right bottom #fff;
}

.style-variant-template span img {
    margin-right: 3px;
}

.variant-style button.btn-style-add {
    display: inline-block;
    border: 1px solid #F44F00;
    border-radius: 3px;
    height: 48px;
    width: 200px;
    background: url(/assets/theme.hstatic.net/200000077081/1001259549/14/icon_addtocart.png?v=164) no-repeat 15px center transparent;
    color: #F44F00;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.variant-style button.btn-style-add img {
    margin-right: 10px;
}

.variant-style button.btn-style-add:hover {
    background: url(/assets/theme.hstatic.net/200000077081/1001259549/14/icon_addtocart.png?v=164) no-repeat 15px center #E8E8E8;
}

.variant-style button.btn-style-buynow {
    background: #F44F00;
    border-radius: 3px;
    color: #FFF;
    display: inline-block;
    height: 48px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    width: 200px;
    margin-bottom: 10px;
    border: 1px solid #F44F00;
}

.variant-style button#buy-now:hover {
    color: #FFF;
    opacity: 0.9;
    text-decoration: none;
}

.information-product .box-social-like {
    margin-top: 15px;
}

.information-product .information-more {
    margin-bottom: 10px;
}

.information-product .information-more i {
    color: #ABABAB;
    font-size: 12px;
}

.information-product .tag-wrapper {
    margin-bottom: 15px;
}

.information-product .tag-wrapper label {
    font-size: 13px;
    float: left;
    line-height: 35px;
    margin: 0;
}

.information-product .tag-wrapper li {
    display: inline-block;
    list-style-type: none;
}

.information-product .tag-wrapper li a {
    display: inline-block;
    background: #E2E2E2;
    border-left: 3px solid #417505;
    color: #333;
    padding: 4px 9px;
    position: relative;
    margin: 5px;
    font-size: 12px;
}

.information-product .tag-wrapper li a:before {
    left: 0;
    top: 8px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #417505;
    border-width: 4px;
}

.collection-title-related {
    border-bottom: 2px solid #e60f1e;
}

.collection-title-related span {
    display: inline-block;
    padding: 5px;
    border: 2px solid #e60f1e;
    border-bottom: 0px;
    background: #e60f1e;
    color: #fff;
    border-radius: 3px 3px 0px 0px;
    min-width: 150px;
}

#description,
#comment,
#product-review {
    margin-bottom: 15px;
}

#description {
    min-height: .01%;
    overflow-x: auto;
    border-top: none;
}

#description table {
    max-width: 100%!important;
}


/***************** Product review ************/

#owl-demo-daxem .owl-next,
#owl-demo-daxem .owl-prev {
    position: absolute;
    top: calc(50% - 15px);
}

#owl-demo-daxem .owl-next {
    right: 0;
}

#owl-demo-daxem .owl-prev {
    left: 0;
}

#owl-demo-daxem .owl-next img,
#owl-demo-daxem .owl-prev img {
    background: rgba(0, 0, 0, 0.62);
    padding: 8px;
    opacity: 0.3;
}

#owl-demo-daxem .owl-next img {
    border-radius: 4px 0px 0px 4px;
}

#owl-demo-daxem .owl-prev img {
    border-radius: 0px 4px 4px 0px;
}

#owl-demo-daxem .owl-next:hover img,
#owl-demo-daxem .owl-prev:hover img {
    opacity: 1;
}


/************************** Button buy position *******************/

.btn-position {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 9999
}

.btn-items li {
    width: 95px;
    height: 50px;
    border-radius: 7px 0 0 7px;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: auto;
    position: relative
}

.btn-items li.buy-new-pos {
    background: #ec3134
}

.btn-items li.cart-pos {
    background: #4b4a4a;
    width: 90px
}

.btn-items li.calc-feet-pos {
    background: #0f8cd4;
    width: 90px
}

.btn-items li.buy-new-pos:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 50px;
    background-color: #ae0d10
}

.btn-items li.cart-pos:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 50px;
    background-color: #242424
}

.btn-items li.calc-feet-pos:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 50px;
    background-color: #0267a1
}

.btn-items li .arrow-cirle-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #d12124;
    line-height: 30px;
    vertical-align: top
}

.btn-items li.buy-new-pos span {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    width: 30px
}

.btn-items li.cart-pos img {
    display: block;
    margin: auto
}

.btn-items li.cart-pos span {
    font-size: 11px;
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 4px
}

.btn-items li.calc-feet-pos img {
    vertical-align: top
}

.btn-items li.calc-feet-pos span {
    font-size: 11px;
    color: #fff;
    width: 48px;
    display: inline-block
}


/** Hadd menu tab collection **/

.product-tablist.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #333;
    padding: 9px 15px 5px;
    font-weight: 500;
    font-size: 1.3rem;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #f2f2f2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-tablist.nav-tabs>li>a:hover,
.product-tablist.nav-tabs>li>a:focus {
    background: none;
    border: 1px solid transparent;
}

.product-tablist.nav-tabs>li>a:hover,
.product-tablist.nav-tabs>li>a:focus,
.product-tablist.nav-tabs>li.active a {
    color: #161616;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
    border-top: solid 3px #417505;
    padding: 7px 15px 5px;
    font-weight: 700;
}

#product-tablist>li {
    float: left;
    text-align: center;
    white-space: nowrap;
}

#product-tablist>li a {
    color: #666;
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    border-radius: 0;
}

#product-tablist>li:nth-child(2) a {}

#product-tablist>li a:not(.active) {}

#product-tablist>li a:hover,
.pr-tablist>li a:focus {
    background-color: transparent;
}

#product-tablist>li.active {
    border-top: solid 3px #e60f1e;
    margin: -3px 0 -1px 0px;
    position: relative;
}

#product-tablist>li.active:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top: 4px solid #e60f1e;
}

#product-tablist.nav-tabs>li.active a {
    border-left: solid 1px #E5E5E5;
    border-right: solid 1px #E5E5E5;
    border-bottom: solid 1px #FFF;
    color: #417505;
    font-weight: bold;
    background: #fff;
}

#product-tablist>li span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-top: 9px;
    width: 100%;
}

#product-tablist>li:first-child span {
    border-right: none;
}

.product-description-wrapper {
    padding: 20px;
}


/****************** Slide Vertical In Product ******/

.mTS-buttons-out {
    background: #fff;
    padding: 0px;
}

.mTSThumbContainer a {
    border: 1px solid #ddd;
    display: block;
    padding: 5px;
}

.mTSThumbContainer a.zoomGalleryActive {
    border: 1px solid #e60f1e;
}

.mTS-buttons-out .mTSButton {
    position: absolute;
    margin: 0;
}

.mTS-buttons-out .mTSButtonUp {
    left: calc(50% - 18px);
    top: -10px;
}

.mTS-buttons-out .mTSButtonDown {
    left: calc(50% - 18px);
    bottom: -10px;
}

.mTS-buttons-out .mTSButtonLeft {
    left: -27px;
    top: calc(50% - 20px);
}

.mTS-buttons-out .mTSButtonRight {
    right: -27px;
    top: calc(50% - 20px);
}

.information-product label {
    font-weight: normal;
}

.product-side .product-info {
    text-align: center;
}


/******************End Hr1 product.css ****************************/


/******************Hr1 cart.css ****************************/

#content {
    margin-bottom: 20px;
}

h2.cart-title {
    text-align: left;
    font-size: 21px;
    color: #161616;
}

h2.cart-title:before {
    content: "";
    width: 0px;
    margin: 0px;
}


/************************** Table cart *****************/

#cartform .overflow-cart {
    overflow-x: auto;
    overflow-y: hidden;
}

#table-cart {
    width: 100%;
    max-width: 100%;
    float: left;
}

#table-cart th {
    white-space: pre-wrap;
    text-align: center;
    padding: 10px 0px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    font-size: 14px;
}

#table-cart td {
    border: 1px solid #ccc;
    padding: 25px 22px 25px 22px;
    text-align: center;
}

#table-cart a,
#table-cart {
    color: #333;
}

#table-cart td strong {
    float: left;
    width: 100%;
    color: #3271bd;
}

#table-cart td strong:hover {
    color: ;
}

#table-cart td span {
    width: 100%;
    float: left;
}

#table-cart td.remove a {
    background: #fff;
    float: left;
    border: 1px solid #ccc;
    width: 20px;
}

#table-cart td.remove a img {
    margin: 6px 5px;
    float: left;
}

#table-cart td input[type=number] {
    width: 40px;
    text-indent: 6px;
}

#table-cart td:nth-child(1) {
    padding: 10px;
    text-align: center;
}


/******************** Form button checkout ****************/

.right-cart {
    border: 1px solid #ccc;
    padding: 25px;
    float: left;
    width: 100%;
}

.right-cart h2 {
    font-size: 18px;
    width: 100%;
    float: left;
    margin: 0px;
}

.right-cart h2 label:nth-child(1) {
    float: left;
}

.right-cart h2 label:nth-child(2) {
    float: right;
    color: #417505;
}

.right-cart a.checkout {
    width: calc(100% + 0px);
    border: 0px;
    background: #417505;
    font-weight: bold;
    text-align: center;
    color: #fff;
    fotn-size: 14px;
    text-transform: uppercase;
    padding: 15px;
    position: relative;
    float: left;
    text-decoration: none;
    margin-top: 10px;
}

.right-cart a.checkout:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    left: 3px;
    border: 1px solid #417505;
}


/******************** Form information more ***************/

.selling-point-cart {
    background: ;
    width: 100%;
    float: left;
    margin: 25px 0px;
    padding: 15px 25px;
    color: #fff;
    font-size: 12px;
}

.selling-point-cart li {
    list-style-type: none;
    padding: 3px 0px;
    width: 100%;
    float: left;
}

.selling-point-cart li span.fa {
    color: #fff;
    margin: 0px 5px;
}


/******************* Button update and buy more ***************/

a.continue-shopping,
button.update-cart {
    border: 0px;
    background: #39610b;
    color: #ffffff;
    fotn-size: 14px;
    text-transform: uppercase;
    padding: 8px 25px;
    position: relative;
    float: left;
    margin: 20px 0px 0px 15px;
    text-decoration: none;
}

a.continue-shopping:after,
button.update-cart:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    left: 2px;
    border: 1px solid #39610b
}


/******************End Hr1 cart.css ****************************/


/******************Hr1 article.css ****************************/

#article h1 {
    color: #161616;
    font-size: 28px;
    margin-top: 0px;
}

#article .info-created-at-article {
    color: #999;
    font-size: 12px;
    margin-bottom: 12px;
}

#article .info-description-article {}

#article .info-author-article {
    text-align: right;
    padding-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #111;
}

#article .info-socials-article {
    margin: 5px 0px;
}

#article .info-socials-article .box-like-socials-article {
    float: left;
    padding-right: 5px;
}

#article .info-tags-article {
    font-size: 12px;
    padding: 8px 10px 5px 15px;
    border: 1px solid #DDD;
    border-left: 2px solid #b1b1b1;
    margin-top: 10px;
}

#article .info-tags-article label {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 6px;
    float: left;
    padding: 5px 5px 0;
}

#article .info-tags-article ul {
    float: left;
}

#article .info-tags-article .item {
    margin: 0;
    float: left;
}

#article .info-tags-article .item a {
    padding: 5px 8px;
    margin: 0 3px 3px 0;
    float: left;
    background-color: #f1f1f1;
    font-size: 12px;
    text-transform: uppercase;
}

#article .info-title-comment {
    margin: 20px 0 5px;
    font-size: 16px;
}

#article .info-title-comment i {
    padding-right: 5px;
    font-size: 18px;
}

#article .info-box-comment {
    border: 1px solid #dadada;
    border-top: 2px solid #888;
    box-shadow: 0 2px 0px #f7f7f7;
    padding: 10px;
    padding-bottom: 0;
}

#article .info-title-related-article {
    overflow: hidden;
    text-transform: uppercase;
    margin: 30px 0px 5px;
}

#article .info-title-related-article span {
    background: none repeat scroll 0 0 #FFFFFF;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    color: #161616;
    float: left;
    list-style: none outside none;
    padding-right: 5px;
}

#article .info-related-articles {
    margin-bottom: 15px;
}

#article .info-related-articles li.item {
    line-height: 14px;
}

#article .info-related-articles li.item i {
    padding-right: 5px;
}

#article .info-related-articles li.item a {
    font-size: 13px;
    text-decoration: none;
    padding: 5px 0;
    display: inline-block;
}


/******************** Sidebar ***************/

.blog-sidebar .blog-title-sidebar {
    color: #161616;
    font-size: 14px;
    background-image: url(/assets/theme.hstatic.net/200000077081/1001259549/14/bg-right.png?v=164);
    background-position: 0 50%;
    background-repeat: repeat-x;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.blog-sidebar .blog-title-sidebar span {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding-right: 15px;
}

.blog-sidebar .blog-title-sidebar span:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    color: #999;
    content: "\f036";
    margin-right: 8px;
}

.blog-sidebar .blog-list-articles li {
    border-bottom: 1px #417505 dotted;
    padding-bottom: 9px;
    padding-top: 9px;
    margin: 0;
}

.blog-list-articles .blog-item-image {
    width: 30%;
    float: left;
}

.blog-list-articles .blog-item-title {
    width: 70%;
    float: left;
    padding-left: 10px;
}

.blog-list-articles .blog-item-title h2 {
    margin: 0;
    font-size: 13px;
    color: #161616;
}

.blog-list-articles .blog-item-title p {
    font-size: 12px;
    color: #4a4a4a;
    margin: 5px 0px;
}


/*H bo sung **/

.line-hr {
    display: inline-block;
    width: 100%;
    height: 12px;
    background: url(/assets/theme.hstatic.net/200000077081/1001259549/14/bg-line-dot.png?v=164)repeat-x scroll 0 center transparent;
    margin-top: 15px;
}

#list-articles .blog-item-image {
    display: inline-block;
    vertical-align: top;
    padding: 2px;
    box-shadow: 0 0 2px 0 #417505;
}

#list-articles hr {
    border-top: 1px dashed #417505;
}

.blog-list-articles li:last-child {
    border-bottom: none;
}


/******************End Hr1 article.css ****************************/


/****************** Slider group collection ***********************/

.menu-collection {
    padding-right: 0px;
}

.menu-collection .box-menu-slider {
    position: absolute;
    top: -34px;
    left: 15px;
    right: 0;
}

.menu-collection .title-danh-muc {
    background: #c9141b;
    position: relative;
    padding: 8px 0px;
    color: #FFF;
}

.menu-collection .title-danh-muc span {
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    display: block;
}

.menu-collection .title-danh-muc>i {
    position: absolute;
    left: 10px;
    top: 9px;
    font-size: 14px;
}

.menu-collection .box-menu-collection {
    background: #fff;
}

.menu-collection .box-menu-collection li {
    line-height: 28px;
    position: relative;
}

.menu-collection .box-menu-collection li i {
    position: absolute;
    right: 8px;
    top: 5px;
    font-size: 15px;
}

.menu-collection .box-menu-collection li a {
    display: block;
    padding: 0px 15px;
    font-size: 13px;
    line-height: 28px;
    transition: padding-left .2s linear;
    -webkit-transition: padding-left .2s linear;
    color: #3271bd;
}

.menu-collection .box-menu-collection li:hover>a {
    background: #ffffff;
    color: #141414;
    padding-left: 22px;
}

.menu-collection .box-menu-collection ul.dropdown-menu {
    top: 0px;
    left: 98%;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}


/******************* Partner index *******************/

#partner-index {
    margin-bottom: 20px;
}

#partner-index .col-sm-412-percent>.row {
    margin-bottom: 2px;
}

#partner-index .wrap-partner {
    padding: 0px 2px 0px 0px;
}

#partner-index .box-partner {
    background: #fff;
    text-align: center;
}

#partner-index .box-partner img {
    transition: transform .2s linear;
    -webkit-transition: -webkit-transform .2s linear;
}

#partner-index .box-partner:hover img {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
}


/******************* Catalog index *******************/

.box-section-collection,
.box-section-focus {
    margin-bottom: 20px;
    overflow: hidden;
}

.box-section-collection .box-section-background {
    background: #fff;
}

.box-section-collection .catalog-title {
    background-image: url(/assets/theme.hstatic.net/200000077081/1001259549/14/bg_catalog_1.png?v=164);
    background-repeat: repeat;
    color: #FFF;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}

.box-section-collection .catalog-title>i {
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 20px;
    cursor: pointer;
}

.box-section-collection .catalog-title .floor {
    font-size: 15px;
    padding-left: 7px;
    position: absolute;
    width: 28px;
    height: 33px;
    top: 0;
    left: 0;
}

.box-section-collection .catalog-title .floor .arrow {
    border-top: 16px solid transparent;
    border-left: 9px solid;
    border-bottom: 17px solid transparent;
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left: 28px;
}

.box-section-collection .catalog-title>span.label {
    margin-left: 37px;
}

.box-section-collection .catalog-icon {
    background-color: #4b62c8;
    background-image: url(http://static.vatgia.com/20151028/cache/css/v4/transparent_20.png);
    background-repeat: repeat;
    height: 68px;
    font-size: 11px;
    padding-top: 12px;
    text-align: center;
    padding-left: 20px;
}

.box-section-collection .catalog-icon a {
    background-position: center top;
    background-size: 24px;
    background-repeat: no-repeat;
    color: #FFF;
    display: block;
    margin: 0px auto;
    overflow: hidden;
    padding-top: 30px;
    width: 64px;
    transition: background-size .2s linear;
    -webkit-transition: background-size .2s linear;
    float: left;
}

.box-section-collection .catalog-icon a:hover {
    background-size: 28px;
}

.box-section-collection .catalog-icon .sep {
    background: url(http://static.vatgia.com/20151028/cache/css/v4/beacon_sprite.png) no-repeat 0 -540px;
    float: left;
    margin: 0px 10px;
    width: 1px;
    height: 48px;
}

.box-section-collection .catalog-list {
    background-color: #fff;
}

.box-section-collection .catalog-list li {
    font-size: 13px;
    margin: 12px 10px;
}

.box-section-collection .catalog-list li.active {
    font-weight: bold;
}

.box-section-collection .section-collection>div:not(.clearfixProduct) {
    padding: 0px;
}

.box-section-collection .section-collection>div.clearfixProduct {
    padding: 10px 15px;
}

.box-section-collection .section-collection {
    background: #fff;
    display: none;
}

.box-section-collection .section-collection.active {
    display: block;
}


/***************************** Tab-Collection-Index *******************************/

.wrap-tabs {
    background: #fff;
}

.wrap-tabs .box-tabs {}

.wrap-tabs .box-tabs.nav-tabs>li>a b {
    display: none
}

.wrap-tabs .box-tabs.nav-tabs>li.active>a,
.wrap-tabs .box-tabs.nav-tabs>li.active>a:hover,
.wrap-tabs .box-tabs.nav-tabs>li.active>a:focus {
    border: none;
}


/**
.wrap-tabs .box-tabs.nav-tabs>li.active>a:not(.dropdown-toggle):before {
content: ' ';
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -3px;
z-index: 1;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #00b7f1;
}
.wrap-tabs .box-tabs.nav-tabs>li.active>a:not(.dropdown-toggle):after {
content: ' ';
position: absolute;
bottom: -3px;
left: 0;
right: 0;
z-index: 1;
border-bottom: 3px solid #00b7f1;
}
.wrap-tabs .box-tabs.nav-tabs>li>a:hover,
.wrap-tabs .box-tabs.nav-tabs>li>a:focus {
background: none;
border: 1px solid transparent;
border-radius : 0;
}
**/

.tabs-products {
    padding: 15px 0 0 0;
}

.tabs-products .tab-item {
    display: none;
}

.tabs-products .tab-item.active {
    display: block;
}

.tabs-products .tab-item {
    padding: 5px 0px 20px;
}

.tabs-products .owl-carousel.product-item .product-wrapper .product-information {
    border-top: 1px solid #e7e7e7;
}

.alertNoProduct {
    text-align: center;
    padding: 10px 0px;
}


/**************************** Product Same **********************************/

.product-lists .product-item {
    //	padding: 0px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.product-image.image-resize a {
    display: inline-block;
    overflow: hidden;
}

.product-item .product-wrapper:hover .product-image {
    border-bottom-color: #417505;
    transform: translate3d(0, -2px, 0);
}

.product-item .product-wrapper .product-info {
    padding: 15px 10px 10px;
}

.product-item .product-wrapper .product-info a {
    display: block;
}


/*Hadd color:settings.pr_n_color}};**/

.product-item .product-wrapper .product-info a h2 {
    margin: 0;
    height: 34px;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 16px;
    text-align: center;
}

.product-item .product-wrapper .product-info a:hover h2 {
    color: #4a90e2;
}

.product-item .product-wrapper .product-info .price-new-old {
    float: none;
    padding-right: 0px;
}


/*Hadd**color: settings.pr_p_color}};**/

.product-item .product-wrapper .product-info .price-new-old span {
    display: block;
    margin-right: 5px;
    color: #195eaf;
    font-size: 18px;
    font-weight: 500;
}

.product-item .product-wrapper .product-info .price-new-old small {
    color: #899295;
    font-size: 12px;
}

.product-item .product-wrapper .product-info .price-new-old del {
    color: #899295;
    font-size: 12px;
}

.product-item .product-wrapper .product-image {
    position: relative;
    text-align: center;
    padding: 0 10px;
    overflow: visible;
    border-bottom: solid 1px #e2e2e2;
}


/**
background: settings.bg_new_color}};
color: settings.textb_dark_color}};
**/

.product-item .product-wrapper .product-image .field-sale {
    position: absolute;
    top: 35px;
    right: 0px;
    font-weight: bold;
    background-color: #ff4b4b;
    color: #ffffff;
    font-size: 12px;
    border-radius: 100%;
    height: 36px;
    width: 36px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.product-item .product-wrapper .product-image .field-new {
    position: absolute;
    font-size: 11px;
    width: 60px;
    top: 6px;
    left: -11px;
    background: #749CF9;
    color: #fff;
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg) z-index: 9;
}

.product-item .product-wrapper .product-image .btn-cart-product {
    position: absolute;
    top: 5px;
    left: inherit;
    transform: inherit;
    top: 0;
    right: 0;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.product-item .product-wrapper .product-image .btn-quickview-product {
    position: absolute;
    left: 0;
    top: 5px;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    cursor: pointer;
    display: inline-block;
}

.product-item .product-wrapper .product-image .btn-wishlist-product {
    position: absolute;
    left: 0px;
    top: calc(50% + 40px);
    opacity: 0;
    -webkit-transform: translate(-40px, 0);
    -ms-transform: translate(-40px, 0);
    -o-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
    -webkit-transition: transform 0.25s ease-in 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
    -o-transition: transform 0.25s ease-in 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
    transition: transform 0.25s ease-in 0.25s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
}


/**
background: settings.btn_add}};
color: settings.textb_dark_color}};
**/

.product-item .product-wrapper .product-image .btn-cart-product a,
.product-item .product-wrapper .product-image .btn-quickview-product a,
.product-item .product-wrapper .product-image .btn-wishlist-product a {
    padding: 4px;
    font-size: 15px;
    width: 30px;
    height: 30px;
    background-color: #477e07;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.product-item .product-wrapper .product-image .btn-cart-product:hover a,
.product-item .product-wrapper .product-image .btn-quickview-product:hover a,
.product-item .product-wrapper .product-image .btn-wishlist-product:hover a {
    color: #ffffff;
    background-color: #5da2f0;
}

.product-item .product-wrapper:hover .product-image .btn-cart-product,
.product-item .product-wrapper:hover .product-image .btn-quickview-product,
.product-item .product-wrapper:hover .product-image .btn-wishlist-product {
    top: 3px;
    opacity: 1;
    transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -webkit-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -moz-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -ms-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -o-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
}

.product-item .product-wrapper:hover .product-image .btn-cart-product {
    transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -webkit-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -moz-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -ms-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -o-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
}

.product-item .product-wrapper:hover .product-image .btn-quickview-product {
    transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -webkit-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -moz-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -ms-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    -o-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
}

.product-item .product-wrapper:hover .product-image .btn-wishlist-product {
    -webkit-transition: transform 0.35s ease-out 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
    -o-transition: transform 0.35s ease-out 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
    transition: transform 0.35s ease-out 0.35s, opacity 0.2s ease 0.3s, background 0.2s ease 0s, width 0.2s ease 0s;
}

.product-wrapper .product-information:hover {
    background: #fff;
    z-index: 999;
}

.pos-img {
    position: absolute;
    display: block;
    bottom: -12px;
    height: 24px;
    width: 24px;
    overflow: hidden;
    left: 50%;
    margin-left: -12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

.box_designer img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
    /* z-index: 1000; */
}

.product-image.image-resize a {
    display: inline-block;
    overflow: hidden;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}


/**************************** Breadcrumb *************************************/


/*** Menu breadcrumb ***/

#navbar .dropdown-link-breadcrumb {
    background: #ffffff;
    position: relative;
}

#navbar .dropdown-link-breadcrumb>li {
    line-height: 34px;
}

#navbar .dropdown-link-breadcrumb>li>a {
    color: #141414;
    display: block;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

#navbar .dropdown-link-breadcrumb li i,
#navbar .box-menu-collection li i {
    position: absolute;
    right: 8px;
    top: 9px;
    font-size: 15px;
}

#navbar .dropdown-link-breadcrumb>li>i.fa-bars {
    left: 8px;
    top: 9px;
    color: #141414;
}

#navbar .dropdown-link-breadcrumb li ul.dropdown-menu i {
    top: 7px;
}

#navbar .dropdown-link-breadcrumb ul.dropdown-menu li a {
    padding: 5px 10px;
    transition: padding-left .2s linear;
    -webkit-transition: padding-left .2s linear;
    position: relative;
}

#navbar .dropdown-link-breadcrumb ul.dropdown-menu li a:hover {
    padding-left: 25px;
    background-color: #ffffff;
    color: #141414;
}

#navbar .dropdown-link-breadcrumb li ul.dropdown-menu {
    min-width: 185px;
}

#navbar .dropdown-link-breadcrumb ul.dropdown-menu {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0px;
}

#navbar .dropdown-link-breadcrumb ul.dropdown-menu ul.dropdown-menu {
    top: 0px;
    left: 100%;
}

#navbar .dropdown-link-breadcrumb ul.dropdown-menu li {
    position: relative;
}


/**** breadcrumb ***/

.header-navigate {
    background: #ffffff;
    margin-bottom: 10px;
}

.header-navigate .breadcrumb {
    margin: 0px;
    background: none;
    padding: 8px 0px;
}

.header-navigate .breadcrumb a,
.header-navigate .breadcrumb span,
.header-navigate .breadcrumb li {
    font-size: 13px;
    color: #333333;
    white-space: nowrap;
}

.header-navigate .breadcrumb>li+li:before {
    content: "";
    padding: 0px 2px;
}


/**************************** Icon scroll in Index *******************************/

#category_icon_floor {
    left: -35px;
    margin-top: -200px;
    position: fixed;
    top: 50%;
    width: 35px;
    z-index: 2;
}

#category_icon_floor ul {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#category_icon_floor.affix ul {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

#category_icon_floor li a {
    display: block;
    padding: 8px 0px;
    text-align: center;
    border-bottom: 1px dotted #ccc;
    height: 35px;
    width: 35px;
}

#category_icon_floor li.active a {
    font-weight: bold;
    background: #417505;
    color: #ffffff;
}

#category_icon_floor.affix-top ul,
#category_icon_floor.affix-bottom ul {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}


/*************************** Loading Circle ***********************************/

.lazy-load-ball {
    height: 300px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.ball {
    background-color: rgba(0, 0, 0, 0);
    border: 5px solid rgba(0, 0, 0, 0.9);
    opacity: .9;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-radius: 50px;
    box-shadow: 0 0 35px #9A9A9A;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -moz-animation: spin .5s infinite linear;
    -webkit-animation: spin .5s infinite linear;
}

.ball1 {
    background-color: rgba(0, 0, 0, 0);
    border: 5px solid rgba(0, 0, 0, 0.9);
    opacity: .9;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-radius: 50px;
    box-shadow: 0 0 15px #9A9A9A;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    -moz-animation: spinoff .5s infinite linear;
    -webkit-animation: spinoff .5s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes spinoff {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}


/******************* Loading Circle 2 ******************/

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.uil-ring-css {
    background: none;
    position: relative;
    width: 200px;
    height: 200px;
    -moz-transform: scale(0.44);
    -webkit-transform: scale(0.44);
    -o-transform: scale(0.44);
    -ms-transform: scale(0.44);
    transform: scale(0.44);
    margin: auto;
}

.uil-ring-css>div {
    position: absolute;
    display: block;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 80px;
    box-shadow: 0 6px 0 0 #59ebff;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}


/******************* Thanh Scroll Chrome ***************/

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(105, 105, 105, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(105, 105, 105, 0.4);
}


/*********************** Scroll Top *****************/

.back-to-top {
    width: 48px;
    height: 48px;
    position: fixed;
    bottom: 100px;
    right: -50px;
    z-index: 100;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.back-to-top a {
    width: 48px;
    height: 48px;
    display: block;
}

.back-to-top .ico-back-top {
    fill: #417505;
    display: inline-block;
    width: 35px;
    height: 35px;
}

.back-to-top.display {
    right: 10px;
}


/********************** Button load more *****************/

.btn-loading {
    color: #ffffff;
    border: 1px solid #417505;
    padding: 10px;
    display: block;
    width: 650px;
    margin: 25px auto;
    background: #417505;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

.btn-loading:hover,
.btn-loading:focus {
    color: #ffffff;
}


/********************** Filter Collection ***************/

.filter-destop h3 {
    background: #417505;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    padding: 10px 0px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 15px 0 0;
}

.wrapper-filter {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    box-shadow: -4px 4px 20px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    -webkit-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -ms-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
    -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
    -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
}

.wrapper-filter.filter-visible {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    z-index: 99999;
}

.wrapper-filter .btn-filter-tab {
    position: absolute;
    left: -50px;
    top: calc(30% - 50px);
    background: #e60f1e;
    padding: 11px 14px;
    border: 1px solid #ECE6E6;
}

.wrapper-filter .btn-filter-tab i {
    font-size: 25px;
    color: #Fff;
}

.wrapper-filter>h3 {
    background-color: #fff;
    margin: 0px;
    padding: 11px 0px;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
}

.wrapper-filter>h3>i {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    padding: 11px 13px 12px;
}

.wrapper-filter .filter-box-scroll {
    overflow: auto;
    height: 100%;
}

.filter-box {
    padding: 0px 10px 0px;
    background: #fff;
}

.filter-box:first-child {
    margin-top: 15px;
    margin-bottom: 15px;
}

.filter-box>p {
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #e8eaee;
    padding: 8px 0px;
    position: relative;
}

.filter-box .menu-link-filter[aria-expanded='false'],
.filter-box .menu-link-filter[aria-expanded='true']+ul {
    border-bottom: 0;
}

.filter-box:last-child>p[aria-expanded='false'] {
    border-bottom: 0;
}

.filter-box>p>i {
    position: absolute;
    right: 0;
    font-size: 25px;
    top: 5px;
    color: #a4abbe;
    transition: all linear .2s;
}

.filter-box>p[aria-expanded='true']>i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.filter-box .field-search {
    margin: 5px 0px;
}

.filter-box .field-search input {
    border: 1px solid #efefef;
    background: #fff;
    height: 30px;
    border-radius: 4px 0px 0px 4px;
    padding: 6px 8px;
    width: calc(100% - 30px);
    border-right: 0;
}

.filter-box .field-search button {
    background: url(/assets/theme.hstatic.net/200000077081/1001259549/14/search-white.png?v=164) no-repeat #417505 center;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 0px 4px 4px 0px;
    vertical-align: top;
}

.filter-box ul {
    display: none;
    border-bottom: 1px solid #e8eaee;
}

.filter-box:last-child ul {
    border: none;
}

.filter-box ul li {
    position: relative;
    border-top: 1px solid #e8eaee;
    margin-left: 10px;
}

.filter-box ul li:first-child {
    border: none;
}

.filter-box label {
    display: block;
    cursor: pointer;
    margin: 0px;
    padding: 7px 0px 7px 0px;
}

.filter-box label span {
    font-weight: normal;
    vertical-align: middle;
}

.filter-box ul.filter-link li>label>a {
    display: block;
}

.filter-box label>a>i {
    font-size: 25px;
    color: #a4abbe;
    position: absolute;
    right: 0;
}

.filter-box .filter-price label span {
    font-size: 12px;
}

.filter-box ul input[type='checkbox'],
.filter-box ul input[type='radio'] {
    margin-top: 0;
    vertical-align: top;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    margin: 4px 0px;
    float: right;
}

.filter-box ul input[type='checkbox']:before,
.filter-box ul input[type='radio']:before {
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    -moz-transition: -moz-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    right: 3px;
    top: 15px;
    margin: auto;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 2px solid #417505;
    border-top-style: none;
    border-right-style: none;
}

.filter-box ul input[type='radio']:before {
    width: 10px;
    height: 10px;
    border: 5px solid #417505;
    border-radius: 50%;
    top: 14px;
}

.filter-box ul input[type='checkbox']:after,
.filter-box ul input[type='radio']:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 11px;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #417505;
    cursor: pointer;
    border-radius: 2px;
}

.filter-box ul input[type='radio']:after {
    border-radius: 50%;
}

.filter-box ul input[type='checkbox']:checked:before,
.filter-box ul input[type='radio']:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}

.skipstep,
.skipstep-mobile {
    height: 8px;
    margin: 20px 0px;
}

.skipstep .noUi-connect,
.skipstep-mobile .noUi-connect {
    background: #e60f1e;
    box-shadow: none;
}

.skipstep .noUi-base,
.skipstep-mobile .noUi-base {
    width: calc(100% - 20px);
}

.skipstep .noUi-handle-lower,
.skipstep .noUi-handle-upper,
.skipstep-mobile .noUi-handle-lower,
.skipstep-mobile .noUi-handle-upper {
    width: 30px;
    height: 15px;
    cursor: pointer;
    background: #e60f1e;
    border: 1px solid #e60f1e;
    border-radius: 8px;
    box-shadow: none;
    top: -4px;
    left: -5px;
}

.skipstep .noUi-handle:before,
.skipstep .noUi-handle:after,
.skipstep-mobile .noUi-handle:before,
.skipstep-mobile .noUi-handle:after {
    content: none;
}

.skipstep .noUi-handle.noUi-handle-lower:before,
.skipstep .noUi-handle.noUi-handle-upper:before,
.skipstep-mobile .noUi-handle.noUi-handle-lower:before,
.skipstep-mobile .noUi-handle.noUi-handle-upper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    height: auto;
    width: auto;
    border: 2px solid #fff;
    background: #e60f1e;
}

.filter-box .infor-price-filter input[type='text'] {
    max-width: 65px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #D2D2D2;
    height: 30px;
    border-radius: 3px 0px 0px 3px;
}

.filter-box .infor-price-filter .text-space {
    padding: 11px 1px;
    display: inline-block;
    font-size: 6px;
}

.infor-price-filter .input-group {
    float: left;
}


/************************ Quick view ************************/

body.overlay-layer:after {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(71, 55, 78, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

body.overlay-layer:after {
    content: "";
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
    z-index: 99999;
}

.wrapper-quickview {
    padding: 20px;
    display: block;
    position: fixed;
    max-width: 900px;
    visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: left, top, width;
    z-index: 999999;
}

.wrapper-quickview::after {
    clear: both;
    content: "";
    display: table;
}

.wrapper-quickview.is-visible {
    visibility: visible;
}

.wrapper-quickview.animate-width {
    background-color: #ffffff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    top: 100px !important;
}

.wrapper-quickview .quickview-image {
    margin-bottom: 5px;
    text-align: center;
}

#quickview-sliderproduct .quickview-slider {
    position: relative;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s, visibility 0s;
    -moz-transition: opacity .3s, visibility 0s;
    transition: opacity .3s, visibility 0s;
}

#quickview-sliderproduct {
    padding: 0 30px;
}

#quickview-sliderproduct .quickview-slider.is-visible-slide {
    visibility: visible;
    opacity: 1;
}

.svg-next-icon {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 0;
    fill: currentColor;
    display: inline-block;
    vertical-align: middle;
}

.svg-next-icon-size-16 {
    width: 16px;
    height: 16px;
}

.svg-next-icon-size-32 {
    width: 32px;
    height: 32px;
}

#quickview-sliderproduct .quickview-slider .item a {
    display: block;
}

#quickview-sliderproduct .quickview-slider .item img {
    border: 1px solid #e7e7e7;
}

#quickview-sliderproduct .quickview-slider .item a.active img {
    border: 1px solid #D87C7C;
}

#quickview-sliderproduct .quickview-slider .owl-controls .owl-next {
    right: -40px;
    position: absolute;
    top: calc(50% - 22px);
    background: transparent;
}

#quickview-sliderproduct .quickview-slider .owl-controls .owl-prev {
    left: -40px;
    position: absolute;
    top: calc(50% - 22px);
    background: transparent;
}

.wrapper-quickview .quickview-information {
    visibility: hidden;
    opacity: 0;
    display: none;
    -webkit-transition: opacity .3s, visibility 0s;
    -moz-transition: opacity .3s, visibility 0s;
    transition: opacity .3s, visibility 0s;
}

.wrapper-quickview.is-visible-info .quickview-information {
    visibility: visible;
    opacity: 1;
    display: block;
}

.quickview-information .quickview-close {
    position: absolute;
    right: -21px;
    top: -20px;
    width: 0;
    height: 0;
    border-top: 15px solid blue;
    border-right: 25px solid blue;
    border-bottom: 25px solid transparent;
    border-left: 15px solid transparent;
}

.quickview-information .quickview-close a {
    color: #fff;
    position: absolute;
    top: -13px;
    right: -18px;
}

.quickview-information h2 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #222222;
}

.quickview-information .quickview-price {
    margin-bottom: 10px;
    background: #ddd;
    padding: 5px 10px;
}

.quickview-information .quickview-price span {
    font-size: 20px;
    color: #e32124;
    font-weight: bold;
    margin-right: 10px;
}

.quickview-information .quickview-price del {
    font-size: 16px;
}

.quickview-information .quickview-variants {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.quickview-information .quickview-variants #quickview-select {
    display: none;
}

.quickview-information .selector-wrapper {
    width: 100%;
    float: left;
}

.quickview-information .quickview-description {
    font-size: 14px;
    color: #adadad;
    line-height: 21px;
    margin: 0 0 15px;
    padding: 0 0 15px;
}


/*Haddd ***/

.btn-wishlist-product {
    display: none;
}


/******************* Account ************************/

.layout-account .userbox {
    max-width: 100%;
    width: 335px;
    padding: 15px;
    background-color: #fff;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: auto;
    margin-bottom: 20px;
}

.layout-info-account .userbox {
    max-width: 100%;
    padding: 15px;
    background-color: #fff;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: auto;
    margin-bottom: 20px;
}

.layout-account .userbox h1 {
    font-size: 20px;
    margin-top: 0;
    text-transform: uppercase;
}

.layout-account .userbox .input-account * {
    border-radius: 0;
    border-color: #ddd;
}

.layout-account .userbox .input-account .icon-envelope:after {
    content: url('/assets/hstatic.net/378/1000046378/10/2016/2-29/email.png');
}

.layout-account .userbox .input-account .icon-shield:after {
    content: url('/assets/hstatic.net/378/1000046378/10/2016/2-29/pass.png');
}

.layout-account .userbox .input-account .icon-userico:after {
    content: url('/assets/hstatic.net/378/1000046378/10/2016/2-29/userico.png');
}

.layout-account .action_bottom .btn {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    height: 35px;
    background: #28303e;
    text-align: center;
    border: none;
    border-radius: 0;
}

.layout-account .action_bottom .btn:hover {
    background: #ea3a3c;
    color: #fff;
}

.layout-info-account h1 {
    font-size: 20px;
    margin-top: 0;
}

.layout-info-account h1 a {
    position: absolute;
    right: 15px;
    top: 3px;
    font-size: 14px;
}

.layout-info-account a.add-new-address {
    position: absolute;
    right: 15px;
    top: 0px;
}

#customer_orders table,
#order_details table {
    width: 100%;
}

#customer_orders table th,
#customer_orders table td,
#order_details table th,
#order_details table td {
    padding: 5px;
}

#customer_orders table .odd:first-child,
#order_details table .odd:first-child {
    border-top: 1px solid #ddd;
}

#customer_orders table .even,
#order_details table .even {
    background: #ddd;
}

.address_table .view_address span {
    display: inline-block;
    width: 65px;
    font-size: 13px;
}

.address_table .address_actions .action_link {
    padding: 5px 20px;
    background: #333;
    margin: 0px 5px 5px 0px;
    display: inline-block;
    border-radius: 4px;
}

.address_table .address_actions .action_link a {
    color: #fff;
}

.vertical-input>input {
    vertical-align: top;
}

.order-account .order_created_at {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}

#order_payment h3,
#order_shipping h3 {
    margin-top: 0;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

#recover-password .req_pass,
#login .req_pass,
#register .req_pass {
    font-size: 13px;
}

#customer_sidebar p span {
    display: inline-block;
    width: 65px;
    font-size: 13px;
}

.layout-info-account .edit_address .action_bottom>input {
    background: #333;
    color: #fff;
    padding: 5px 20px;
    border: none;
    vertical-align: top;
    margin-right: 5px;
}

.layout-info-account .edit_address .action_bottom>a {
    background: #333;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
    width: 100px;
    text-align: center;
    border-radius: 4px;
}

.layout-info-account .address-default-icon {
    position: absolute;
    right: 20px;
    top: 5px;
    padding: 5px 11px;
    background: #e60f1e;
    border-radius: 50%;
}

.layout-info-account .address-default-icon i {
    color: #fff;
}

#view_address {
    font-size: 13px;
    font-weight: bold;
}

#recover-password .errors li {
    font-weight: 700;
    color: #f00;
}


/**intro slide **/

.intro {
    background: #fff;
    padding-top: 0px;
}

.msg-intro {
    overflow: hidden;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    font-size: 2.2rem;
    font-size: 22px;
    font-family: Patrick Hand SC, Arial, Helvetica, sans-serif;
    font-style: italic;
}


/** Hadd home tab collection **/

h2.headline-serif {
    position: relative;
    z-index: 1;
    clear: both;
}

h2.headline-serif {
    font-family: Patrick Hand SC, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #161616 font-style: normal;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

h2.headline-separator-holder,
h3.headline-separator-holder {
    margin-top: 0;
    margin-bottom: 2rem;
    text-transform: none;
}

.headline-separator-holder {
    margin-top: 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

.headline-separator {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 2.4rem;
    margin-top: 5px;
}

.headline-separator {
    margin-top: 0;
    text-transform: uppercase;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 34px;
    line-height: 3.4rem;
}

.headline-separator:before,
.headline-separator:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1000px;
    height: 1px;
    z-index: -1;
    background: #417505;
}

.headline-separator:before {
    margin-left: 20px;
    left: 100%;
}

.headline-separator:after {
    margin-right: 20px;
    right: 100%;
}


/** Hadd menu tab collection **/

.box-tabs.nav-tabs>li {
    text-transform: uppercase;
    float: none;
    padding: 0 5px 0 10px;
    display: inline-block;
    border-left: 1px solid #417505;
}

#ajax-tab-collection {
    margin: 0 auto;
    text-align: center;
    border: none;
}

.box-tabs.nav-tabs>li>a {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    border: none;
}

.box-tabs.nav-tabs>li:nth-child(2) {
    border-left: 0;
}

.wrap-tabs .box-tabs.nav-tabs>li>a:hover,
.wrap-tabs .box-tabs.nav-tabs>li>a:focus,
.wrap-tabs .box-tabs.nav-tabs>li.active>a:not(.dropdown-toggle) {
    border: none;
    color: #e76273;
    background-color: transparent;
}


/*Hadd New focus **/

h2.headline-serif.headline-separator-holder {
    margin-bottom: 35px;
    overflow: hidden;
}

.banner-item-medium {
    position: relative;
    margin-bottom: 35px;
    text-align: center;
}

.banner-area-focus .banner {
    display: block;
    text-decoration: none;
}

.image.image-ratio {
    position: relative;
    overflow: hidden;
    min-height: 1px;
}

.banner-meta {
    color: #4a4a4a;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 20px;
}

.content {
    position: relative;
    display: inline-block;
}

h2.heading {
    margin: 0;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: normal;
    color: #161616;
}

*[class*='v-icon-'] {
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    text-rendering: optimizeSpeed;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: subpixel-antialiased;
}

*[class*='v-icon-']:before {
    content: "\f101";
    font-family: FontAwesome;
    font-size: 13px;
    font-size: 90%;
    padding-right: .4em;
    position: relative;
    top: 0;
    text-decoration: none;
    font-weight: normal;
}

.banner-item-small {
    margin-bottom: 35px;
    position: relative;
    text-align: center;
}

.home-contact-us {
    border: 1px solid #417505;
    clear: both;
    overflow: hidden;
    margin: 3rem 0 3rem;
    color: black;
    max-height: 195px;
}

.home-contact-us img {
    max-height: 195px;
}

.blogh-slider {
    margin: 3rem 0;
}

.ct-image {
    padding-left: 0;
}

.ct-content {
    text-align: center;
    margin: 25px 0;
}

.ct-content .heading {
    color: #4a4a4a;
    font-size: 12px;
    margin-bottom: 0;
    text-transform: uppercase;
    clear: both;
    display: block;
}

.ct-content h2 {
    font-size: 2.3rem;
    line-height: 3rem;
    padding: 0 5px;
    margin: 0;
    font-weight: normal;
    color: #161616;
}

.ct-controls {
    margin-top: 10px;
    padding: 0;
    clear: both;
    text-align: center;
}

.button.g-center {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 4.5rem;
    padding: 0 2.55rem;
    line-height: 4.5rem;
}


/*Hadd *****/


/*** MAIN MENU *************/

.drop-menu.menu-col-3 {
    width: 500px;
}

.bottom-collection {
    background: #fff
}

.menu-top {
    text-align: center;
}

.menu-top>li {
    display: inline-block;
    position: relative
}

.menu-top>li:last-child {
    border: none
}

.menu-top>li .coll-icon {
    padding: 0;
    text-align: center
}

.menu-top>li>a {
    display: block;
    -moz-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    -o-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 31px;
}

.menu-top>li>a>span {
    padding: 0 15px;
    border-left: 1px solid #417505;
    font-weight: bold;
}

.menu-top>li:first-child>a>span {
    border: none;
}

.menu-top>li.fix-icon-coll:first-child>li>a {
    padding-left: 0;
}

.drop-menu {
    border-radius: 0;
    border: 1px solid #eee;
    margin: 0;
    left: -1px;
    padding: 15px 0!important;
    z-index: 999;
    box-shadow: none;
    border: 1px solid #ccc;
    top: 102%;
}

.wrap-box-gift {
    background-color: #c4f0f2;
    border: 1px solid #a0e0e2;
    text-align: center;
    padding: 0 8px;
    display: inline-block;
    margin-left: 2px
}

.wrap-box-new {
    background-color: #feabab;
    border: 1px solid #fa9494;
    text-align: center;
    padding: 0 8px;
    display: inline-block;
    margin-left: 2px
}

.wrap-box-gift img,
.wrap-box-new img {
    margin-right: 5px
}

.wrap-box-gift span,
.wrap-box-new span {
    font-size: 12px;
    color: #000
}

.drop-menu .more-hot-nhat a {
    font-size: 12px;
    font-weight: 700;
    color: #e5001b;
    border: none;
    text-transform: none
}

.drop-menu .more-hot-nhat a i {
    margin-right: 10px
}

.hrv-top-left .left:first-child,
.menu-top>li.fix-icon-coll:first-child {
    background: none;
}


/** hover menu desktop **/

nav.navbar-main.navbar {
    margin: 0 auto;
    position: relative;
    display: block;
    border-bottom: 1px solid #417505;
    z-index: 1000;
    height: 31px;
}

#header .menu-top .inner>li {
    padding: 0;
    display: block;
    z-index: 1;
}

#header .menu-top .is-mega .mega-menu {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}

#header .menu-top .is-mega:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}

#header .menu-top .is-mega .mega-menu.style_1 {
    display: none;
    width: 100%;
    padding: 20px 0 0;
    left: 0;
    top: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    position: absolute;
    overflow: hidden;
    background-color: #ffffff;
}

#header .menu-top .is-mega .mega-menu.style_1 ul {
    padding: 0;
    font-size: 0;
}

#header .menu-top .is-mega .mega-menu.style_1 .inner>li {
    position: static;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 20px;
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

#header .menu-top li a {
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

#header .menu-top .is-mega .mega-menu.style_1 .inner>li>a {
    padding: 4px 0;
    line-height: 20px;
    font-family: Noticia Text, Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    display: block;
    font-size: 14px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

#header .menu-top .is-mega .mega-menu.style_1 ul {
    padding: 0;
    font-size: 0;
}

#header .menu-top li {
    padding: 0;
    display: inline-block;
    z-index: 1;
}

#header .menu-top li li {
    display: block;
}

#header .menu-top .is-mega .mega-menu.style_1 .img-visual a {
    padding: 0;
    overflow: hidden;
    display: block;
    position: relative;
    padding: 0 !important;
}

#header .menu-top .is-mega .mega-menu.style_1 .inner .child>li>a {
    padding: 5px 0;
    cursor: pointer;
    display: inline-block;
    color: #6b1a1a;
    font-size: 12px;
}

#header .menu-top .is-mega .mega-menu.style_1 .img-visual a img {
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    -ms-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    max-height: px;
}

#header .menu-top .is-mega .mega-menu.style_1 .img-visual a .img-bg {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#header .menu-top .is-mega .mega-menu.style_4 .img-visual a .img-cpt {
    white-space: normal;
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 50% !important;
    top: auto !important;
    text-align: center;
    -webkit-transform: translateY(50%) !important;
    -ms-transform: translateY(50%) !important;
    transform: translateY(50%) !important;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    width: 60%;
    font-weight: 700;
    font-family: Noticia Text, Arial, Helvetica, sans-serif !important;
    color: #ffffff;
}

#header .menu-top .is-mega .child li:not(.img-visual) {
    overflow: hidden;
}

#header .menu-top .is-mega .child li:not(.img-visual) a {
    position: relative;
}

#header .menu-top .is-mega.style_2 {
    position: relative;
}

#header .menu-top .is-mega:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}

#header .menu-top .is-mega .mega-menu.style_2 {
    display: none;
    width: 100%;
    padding: 20px 0 0;
    left: 0;
    top: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    position: absolute;
    overflow: hidden;
    background-color: #ffffff;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

#header .menu-top .is-mega .mega-menu.style_2 .inner>li {
    position: static;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 20px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

#header .menu-top .is-mega .mega-menu.style_2 .inner>li>a {
    padding: 4px 0;
    line-height: 20px;
    font-family: Noticia Text, Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    display: block;
    font-size: 14px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

#header .menu-top .is-mega .mega-menu.style_2 .inner>li {
    position: static;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 20px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.dropdown-parent:hover>.dropdown-menu,
.dropdown-parent>.dropdown-menu:hover,
.dropdown-parent-submenu:hover>.dropdown-menu {
    display: block !important;
}

#header .menu-top .is-mega.dropdown-parent {
    position: static;
}

#header .menu-top .dropdown-parent {
    position: relative;
}

#header .menu-top .is-mega .mega-menu.style_2 ul {
    padding: 0;
    font-size: 0;
}

#header .menu-top .is-mega .mega-menu.style_2 .inner .child>li>a {
    padding: 5px 0;
    cursor: pointer;
    display: inline-block;
    color: #767676;
    font-size: 12px;
}

.dropdown-parent>.dropdown-menu,
.dropdown-parent-submenu>.dropdown-menu {
    display: none;
}

#header .menu-top li .dropdown-menu {
    min-width: 210px;
    padding: 0;
    left: 0;
    background: #ffffff;
}

.dropdown-menu {
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dropdown-parent-submenu .dropdown-menu {
    left: 100% !important;
    top: 0;
    padding: 5px 15px;
    margin-top: -1px;
    min-width: 200px;
}

.menu-top>li>a>i {
    display: none;
    padding-left: 5px;
}

#header .menu-top li .dropdown-menu>li>a i {
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 45px;
    display: table-cell;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#header .menu-top li .dropdown-menu>li:hover>a i {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}


/***END MAINMENU ***********/


/**TÂM ĐIỂM ***/

.image.image-ratio {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.image.image-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*** SLIDER ****/

.headlines {
    zoom: 1;
    overflow: hidden;
    margin-bottom: 35px;
}

.headlines:before,
.headlines:after {
    content: " ";
    display: table;
    clear: both;
}

.g-all {
    display: block;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    margin-right: 0 !important;
    float: none;
}

.ui-promo-slider {
    position: relative;
}

.ui-promo-article {
    display: block;
    overflow: hidden;
    position: relative;
    float: none;
    height: auto;
    margin: 2px;
}

.ui-promo-article .banner {
    display: block;
    text-decoration: none;
}

.image-A1,
.image-A1 img {
    width: 584px;
    height: auto;
    max-height: 752px;
}

.image-A1 {
    position: relative;
    width: 100%;
    max-height: none;
    height: auto;
    margin: 0;
}

.ui-promo-slider .image-A1 {
    overflow: hidden;
}

.ui-promo-slider .ui-promo-article.ui-hero .image-A1 {
    max-height: 410px;
    max-width: 1500px;
}

.image-A1:before {
    content: '';
    display: block;
    padding-top: 128.7671%;
}

.image-A1 img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: none;
}

.w-content {
    padding-top: 20px;
}

.ui-promo-slider .ui-promo-article.ui-hero .w-content {
    position: absolute;
    top: 0;
    right: 70px;
    left: auto;
    bottom: auto;
    background: transparent;
    width: 315px;
    height: 409px;
    padding-top: 0;
}

banner-list .content {
    color: #000;
    text-align: center;
    position: absolute;
    bottom: 16px;
    width: 100%;
    padding-top: 10px;
    background-color: #fff;
    z-index: 2;
}

.ui-promo-slider .ui-promo-article.ui-hero .content {
    position: static;
    background: transparent;
    border: none;
    width: 100%;
    height: 409px;
    display: table;
    text-align: left;
    box-sizing: border-box;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    margin-top: 0;
    font-weight: normal;
}

.ui-promo-slider .ui-promo-article.ui-hero .content .w-cell-content {
    display: table-cell;
    vertical-align: middle;
}

.ui-promo-article .meta,
.ui-article-meta {
    margin: 0 0 3px;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 0 0 2px;
    font-size: 11px;
    font-size: 1.1rem;
}

#hero-promo-slider .ui-promo-article .meta {
    margin-top: 10px;
    margin-left: 3px;
    text-transform: uppercase;
}

.ui-promo-article .heading {
    font-weight: normal;
    max-height: 65px;
    font-size: 2.8rem;
    line-height: 3.4rem;
    margin-left: 25px;
    margin-right: 0;
    margin-bottom: 3px;
    margin: 0;
    max-height: 180px;
    font-family: Patrick Hand SC, Arial, Helvetica, sans-serif;
}

.banner-list .meta,
.banner-list .heading,
.banner-list .description {
    margin-left: 12px;
    margin-right: 12px;
}

.ui-promo-slider .ui-promo-article.ui-hero .heading {
    margin-left: 0;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 40px;
    line-height: 4rem;
    text-transform: none;
    max-height: 160px;
    overflow: hidden;
}

.ui-hero p {
    line-height: 18px;
    line-height: 1.8rem;
    margin-bottom: 1.7rem;
}

.k-button.transparent {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
    width: 50%;
    height: 3.5rem;
    font-size: 1.2rem;
    letter-spacing: 0.3rem;
    line-height: 3.4rem;
    font-weight: bold;
}

.ui-promo-slider .ui-promo-article.ui-hero .k-button.transparent {
    letter-spacing: normal;
    font-weight: normal;
}


/**arrow next prev slider **/

.rsArrow {
    cursor: pointer;
    display: block;
    height: 100%;
    position: absolute;
    width: 20px;
    z-index: 18;
    top: 0;
}

.rsArrowLeft {
    left: 0;
}

.ui-promo-slider .rsArrow {
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
}

.rsArrowLeft {
    left: 0;
}

.rsArrowRight {
    right: 0;
}

.rsArrowIcn {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    opacity: 0.5;
    cursor: pointer;
}

.touch .rsArrowIcn {
    opacity: 1;
}

.rsArrowLeft .rsArrowIcn:before,
.rsArrowRight .rsArrowIcn:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    font-family: 'FontAwesome';
    line-height: 1.5;
    font-size: 28px;
    font-size: 2.8rem;
    text-align: center;
    background: none;
    color: black;
}

.rsArrowLeft .rsArrowIcn:before {
    content: "\f104";
}

.rsArrowRight .rsArrowIcn:before {
    content: "\f105";
}

.rsArrow:hover .rsArrowIcn {
    opacity: 1;
}

.autoplay .rsArrow:hover .rsArrowIcn:before {
    color: #417505;
}

.rsArrowDisabled .rsArrowIcn,
.touch .rsArrowDisabled:hover .rsArrowIcn {
    opacity: 0.2;
}

.rsNav {
    bottom: 15px;
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 0;
    color: transparent;
}

.rsWithBullets.nav-outside {
    overflow: visible;
    margin-bottom: 28px;
}

.rsNavItem {
    cursor: pointer;
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    opacity: 0.2;
}

.rsNavItem:hover,
.rsNavSelected {
    opacity: 1;
}

.rsNavSelected {
    cursor: default;
}

.ui-product-list .rsContent,
.ui-product-slider .rsContent {
    padding-top: 10px;
    padding-top: 1.0rem;
}

.ui-promo-slider .rsArrowIcn {
    background-color: rgba(255, 255, 255, 0.8);
}

.rsArrow:hover .rsArrowIcn:before {
    color: #417505;
}

.rsArrowDisabled .rsArrowIcn,
.touch .rsArrowDisabled:hover .rsArrowIcn {
    opacity: 0.2;
}

#hero-promo-slider .rsNav {
    bottom: 20px;
}

#hero-promo-slider .rsNavItem.rsBullet {
    background-color: #fff;
    border: 1px solid #cecece;
    width: 8px;
    height: 8px;
    border-radius: 12px;
    opacity: 1;
    vertical-align: top;
    padding: 2px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#hero-promo-slider .rsNavItem.rsBullet span {
    background-color: #fff;
    height: 8px;
    width: 8px;
    border-radius: 8px;
    display: inline-block;
    vertical-align: top;
}

#hero-promo-slider .rsNavItem.rsBullet.rsNavSelected span {
    background-color: #000;
}

.touch a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 919px) and (min-width: 768px) {
    .ui-promo-slider .ui-promo-article.ui-hero .image-A1 {
        max-width: 920px;
        max-height: 350px;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .content {
        height: 310px;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .heading {
        font-size: 35px;
        font-size: 3.5rem;
        line-height: 40px;
        line-height: 4rem;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    #hero-promo-slider .ui-promo-article .meta {
        margin-top: 10px 0 5px 0;
    }
    .frontpage .headlines {
        margin-bottom: 30px;
    }
    .ui-promo-slider .rsNav {
        top: 220px;
        bottom: auto;
    }
    .ui-promo-slider .image-A1 {
        height: auto;
        left: auto;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .image-A1 {
        max-height: 245px;
        width: 700px;
    }
    .ui-promo-slider .rsArrow {
        top: 40%;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .w-content {
        position: static;
        background: transparent;
        width: 100%;
        height: auto;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .w-content .content {
        text-align: center;
        border: 0;
        margin: 0;
        padding-left: 5%;
        padding-right: 5%;
        margin-bottom: 1px;
        height: auto;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .heading.uppercase,
    .ui-promo-slider .ui-promo-article.ui-hero .heading {
        margin-right: 0;
        font-size: 30px;
        font-size: 3rem;
        line-height: 35px;
        line-height: 3.5rem;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 15px;
        max-height: 140px;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .w-content p {
        display: none;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .k-button.transparent {
        width: auto;
    }
    .ui-promo-slider .ui-promo-article.ui-hero.dark .content .w-cell-content .heading,
    .ui-promo-slider .ui-promo-article.ui-hero.dark .content .w-cell-content a,
    .ui-promo-slider .ui-promo-article.ui-hero.dark .content .w-cell-content .k-button,
    .dark .ui-price-splash .k-button,
    .dark .ui-price-splash .k-button:hover,
    .dark .ui-price-splash .k-button:focus {
        color: #000;
    }
    .ui-promo-slider .ui-promo-article.ui-hero.dark .content .w-cell-content .k-button {
        border-color: #000;
    }
}

@media only screen and (max-width: 479px) {
    #hero-promo-slider .ui-promo-article .meta {
        margin-top: 10px 0 5px 0;
    }
    .frontpage .headlines {
        margin-bottom: 30px;
    }
    .ui-promo-slider .rsNav {
        top: 220px;
        bottom: auto;
    }
    .ui-promo-slider .image-A1 {
        height: auto;
        left: auto;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .w-content {
        position: static;
        background: transparent;
        width: 100%;
        height: auto;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .w-content .content {
        text-align: center;
        border: 0;
        margin: 0;
        padding-left: 5%;
        padding-right: 5%;
        margin-bottom: 1px;
        height: auto;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .heading.uppercase,
    .ui-promo-slider .ui-promo-article.ui-hero .heading {
        margin-right: 0;
        font-size: 30px;
        font-size: 3rem;
        line-height: 35px;
        line-height: 3.5rem;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 15px;
        max-height: 140px;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .w-content p {
        display: none;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .k-button.transparent {
        background-color: transparent;
        width: auto;
    }
    .ui-promo-slider .ui-promo-article.ui-hero.dark .content .w-cell-content .heading,
    .ui-promo-slider .ui-promo-article.ui-hero.dark .content .w-cell-content a,
    .ui-promo-slider .ui-promo-article.ui-hero.dark .content .w-cell-content .k-button,
    .dark .ui-price-splash .k-button,
    .dark .ui-price-splash .k-button:hover,
    .dark .ui-price-splash .k-button:focus {
        color: #000;
    }
    .ui-promo-slider .ui-promo-article.ui-hero.dark .content .w-cell-content .k-button {
        border-color: #000;
    }
    .ui-promo-slider .ui-promo-article.ui-hero .image-A1 {
        max-height: 245px;
        width: 645px;
    }
}

.banner-list a:hover {
    color: #333333;
}


/***font  Slide***/

.slide-1 a,
.slide-1 h3,
.banner-list .slide-1 a:hover,
.slide-1 .k-button.transparent {
    color: #fffffftransparent
}

.slide-1 .k-button.transparent {
    border-color: #fffffftransparent;
}

.slide-2 a,
.slide-2 h3,
.banner-list .slide-2 a:hover,
.slide-2 .k-button.transparent {
    color: transparent
}

.slide-2 .k-button.transparent {
    border-color: transparent;
}

.slide-3 a,
.slide-3 h3,
.banner-list .slide-3 a:hover,
.slide-3 .k-button.transparent {
    color: transparent
}

.slide-3 .k-button.transparent {
    border-color: transparent;
}

.slide-4 a,
.slide-4 h4,
.banner-list .slide-4 a:hover,
.slide-4 .k-button.transparent {
    color: transparent
}

.slide-4 .k-button.transparent {
    border-color: transparent;
}

.slide-5 a,
.slide-5 h5,
.banner-list .slide-5 a:hover,
.slide-5 .k-button.transparent {
    color: transparent
}

.slide-5 .k-button.transparent {
    border-color: transparent;
}

.ui-promo-slider .ui-promo-article.ui-hero .content {
    padding-top: 10px;
}

#newsletter_popup {
    background-image: url(/assets/theme.hstatic.net/200000077081/1001259549/14/popup_newsletter_bg.jpg?v=164);
    text-align: left;
    padding: 20px;
    min-width: 600px;
    min-height: 390px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #e6e6e6;
}


/*Hadd khuyen mai **/

.label-offer-slider {
    background-color: #417505;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #ffffff;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    padding: 0px 10px;
    height: 20px;
    position: relative;
    line-height: 20px;
}

.label-offer-slider:before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 5px;
    right: -3px;
    transform: rotate(45deg);
    background-color: #417505;
}

.offer-wrapper {
    max-height: 35px;
    overflow: hidden;
    padding-top: 5px;
}

.content strong {
    font-weight: 500;
}


/** Home blog***/

.blogh-htitle {
    margin: 10px 0 37px;
    text-align: center;
}

.blogh-htitle h2 {
    font-size: 45px;
    font-family: Patrick Hand SC, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
}

.blogh-htitle p {
    padding: 0 160px;
    font-size: 15px;
}

..owl-carousel .owl-item img {
    max-height: 230px;
}

.babyhouse-owl.owl-carousel .owl-item img {
    max-height: auto;
}

a.img-link {
    position: relative;
    display: inline-block;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.desc-blog {
    position: relative;
    float: left;
    width: 83%;
    padding: 5px 0px 6px 15px;
    background: #FFFFFF;
    z-index: 1;
    margin-top: -21px;
}

.desc-blog h4 {
    font-size: 16px;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;
    white-space: nowrap;
    margin: 5px 0;
}

.desc-blog h4 a {
    font-size: 16px;
    text-transform: normal;
    line-height: normal;
}

.trunc-blog {
    margin: 5px 0px;
    height: 60px;
    display: block;
    position: relative;
    overflow: hidden;
    height: auto;
    margin: 5px 0px 0px;
}

.trunc-blog p {
    font-size: 13px;
    color: #4a4a4a;
    margin: 0px;
}

.content-blog.clearfix {
    overflow: visible;
}

.time-blog {
    display: block;
    position: relative;
    float: left;
    width: 17%;
}

.time-blog .w-time {
    background-color: #417505;
    color: #ffffff;
    padding: 10px 6px;
    text-transform: uppercase;
    line-height: 15px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 15px;
    display: block;
}

.time-blog .w-time span {
    display: block;
}

.w-time .d-day,
.w-time .d-month {
    font-size: 16px;
    font-weight: normal;
}

.w-time span.hr {
    margin: 5px 8px;
    border-top: 1px solid #ffffff;
}

.banner {
    margin-bottom: 20px;
}


/**End home blog ***/


/**home menu **/

.submenu.menu-col-2 {
    width: 482.5px;
}

.submenu.menu-col-2,
#header .menu-top .hasChild>ul {
    position: absolute;
    min-width: 200px;
    top: 35px;
    left: -5px;
    background: #ffffff;
    border: 1px solid #417505;
    opacity: 0;
    -moz-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    visibility: hidden;
    z-index: -1;
    padding: 7px 0;
    transition: all linear .2s;
    -webkit-box-shadow: 0 2px 9px -1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 9px -1px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 9px -1px rgba(0, 0, 0, .15);
}

li.hasChild.fix-icon-coll:hover .submenu.menu-col-2,
#header .menu-top .hasChild:hover>ul {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
    top: 30px;
}

.submenu-col,
.submenu_img {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

.menu-col-2 .submenu-col,
.menu-col-2 .submenu_img {
    width: 235px;
}

.submenu_img h3 {
    font-size: 14px;
    margin-top: 10px;
    font-style: italic;
    font-weight: normal;
    font-family: Noticia Text, Arial, Helvetica, sans-serif !important;
}

.submenu.menu-col-2:before,
#header .menu-top .hasChild>ul:before {
    border: 1px solid;
    border-color: transparent #417505 #417505 transparent;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    height: 15px;
    width: 15px;
    left: 50px;
    pointer-events: none;
    position: absolute;
    z-index: 1000;
    margin-left: -6px;
    background: #ffffff;
    top: -9px;
}

@media only screen and (min-width: 900px) {
    #header .menu-col-2 .submenu-col ul {
        width: 100%;
        height: auto !important;
        display: inline-block;
    }
    #header .menu-col-2 .submenu-col li,
    #header .menu-top .hasChild>ul>li {
        float: none !important;
        line-height: 20px;
        padding: 0px 10px;
        position: relative;
        text-align: left;
    }
    #header .menu-col-2 .submenu-col li a,
    #header .menu-top .hasChild>ul>li a {
        font-size: 13px;
        font-weight: 400;
        padding: 5px 7px;
        display: inline-block;
    }
}


/**end home menu **/


/**footer hotline **/

.divider_title {
    text-align: center;
    position: relative;
}

.divider_title span {
    color: #333;
    font-size: 1.4rem;
    font-weight: 500;
}

#company_info {
    font-size: 12px;
}

.small-title {
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}

#company_info .mst {
    margin-bottom: 25px;
}

#social_links {
    padding-bottom: 20px;
}

#social_links a {
    display: inline-block;
    background-color: #808080;
    border-radius: 50%;
    padding: 10px;
    width: 45px;
    height: 45px;
    text-align: center;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
}

#social_links a .fa {
    font-size: 20px;
    color: #ffffff;
    position: relative;
    top: 3px;
}

#hotline .phone img {
    width: 42px;
    margin-right: 10px;
}

#hotline .phone a {
    color: #417505;
    font-size: 22px;
    vertical-align: middle;
}

.footer-info {
    text-align: center;
}


/** decoration title **/

.title-decoration {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
}

.decoration {
    width: 25px;
    height: 1px;
    border-top: 4px #417505 solid;
    margin-top: 7px;
    border-radius: 3px;
    display: inline-block;
}

.title-decoration span {
    padding-right: 15px;
    display: block;
}


/** fix fb fanpage footer **/


/* To fill the container and nothing else
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
max-width:100% !important;
}
*/

.home-focus>div:nth-child(3) {
    clear: both;
}

.sidebar-col.search .product-lists {
    margin-top: 20px;
}


/**HADD POPUP NEWSLETTER *****/

div#newsletter_popup h4 {
    font-family: Patrick Hand SC, Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #161616;
    margin: 0px 0px 10px;
    padding: 8px 0px;
    font-weight: normal;
}

.newsletter-message {
    font-family: Patrick Hand SC, Arial, Helvetica, sans-serif;
    width: 55%;
    color: #161616;
}

.newsletter-message span {
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
}

.newsletter-message p {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.newsletter-message ul {
    margin-bottom: 20px;
}

.newsletter-message ul li {
    font-size: 14px;
    position: relative;
    display: block;
    padding-left: 25px;
}

.newsletter-message ul li:before {
    content: "\f111";
    position: absolute;
    font-family: "FontAwesome";
    font-size: 5px;
    top: 8px;
    left: 10px;
}

.newsletter_form.newsletter_form__haravan {
    width: 53%;
}

input#contact_email {
    font-size: 12px;
    font-style: italic;
    height: 33px;
    border-radius: 0;
    width: 100%;
    padding-left: 10px;
}

.newsletter_form.newsletter_form__haravan .btn.subscribe {
    margin-top: 10px;
    background-color: transparent;
    color: #161616;
    font-style: italic;
    font-size: 10px;
    position: relative;
    padding: 0px 12px;
    border: 3px double #161616;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.newsletter_form.newsletter_form__haravan .btn.subscribe:focus,
.newsletter_form.newsletter_form__haravan .btn.subscribe:hover {
    outline: none;
}

.newsletter_form.newsletter_form__haravan .btn.subscribe:hover {
    color: #ffffff;
    background-color: #417505;
    border: 3px double #417505;
}

#newsletter_popup__wrap.fancybox-opened .fancybox-skin {
    padding: 0px!important;
}

#newsletter_off {
    background: transparent;
    border: none;
    color: #161616;
    text-transform: none;
    text-align: left;
    margin: 0;
    padding: 5px 0;
}

#newsletter_off i {
    margin-right: 10px;
}

#newsletter_off:focus {
    outline: none;
}

.wrapper-newsletter_popup {
    padding: 12px;
    background: rgba(255, 255, 255, 0.4);
}


/**404 ***/


/* OutLine */

.error #outline {
    margin-bottom: 5%;
    text-align: center;
}


/* Eror Code */

.error .error-code {
    color: #417505;
    font-size: 200px;
    font-weight: 700;
    line-height: normal;
}


/* Message Error */

.error .error-message {}


/* Message Error */

.error .error-message h2 {
    color: #161616;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.error #errorboxbody p {
    color: #4a4a4a;
    display: block;
    margin: 0 0 30px;
}


/* Button Home */

.error .button-home {
    background: #161616;
    border: 1px solid #161616;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 70px;
    letter-spacing: 1px;
}

.error .button-home:hover,
.error .button-home:focus,
.error .button-home:active {
    background: #417505;
    border-color: #417505;
}

@media (max-width: 360px) {
    /* OutLine */
    .error #outline {
        margin-top: 20%;
    }
    /* Eror Code */
    .error .error-code {
        font-size: 150px;
    }
    /* Message Error */
    .error .error-message {}
    /* Message Error */
    .error .error-message h2 {
        font-size: 24px;
    }
}


/**end404 **/

.home-collection .product-item {
    margin-bottom: 20px;
}


/*Banner quang cao goc trai*/

.float-ck {
    position: fixed;
    left: 0;
    bottom: 0px;
    z-index: 9000;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
}

.float_content_right {
    border-top: 1px solid #417505;
    border-right: 1px solid #417505;
}

.float_content_right {
    position: relative;
    text-align: right;
    font-size: 11px;
}

.float_content_right a.hide_qc {
    position: absolute;
    top: -19px;
    right: -1px;
    background: #417505;
    padding: 2px 4px;
    color: #ffffff;
}

.float_content_right a.show_qc {
    position: absolute;
    right: -65px;
    top: 47px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #417505;
    padding: 2px 10px;
    color: #ffffff;
    display: none;
}


/** contact iframe map**/

.text-center iframe {
    width: 100%!important;
}

@media only screen and (max-width: 767px) {
    .text-center iframe {
        height: 250px!important;
    }
    .back-to-top .ico-back-top {
        width: 30px;
        height: 30px;
    }
}


/*==========================================================================
home-banner-slider
==========================================================================*/

#home-banner-slider {
    position: relative;
    overflow: hidden;
}

#home-banner-slider .owl-carousel .owl-controls {
    margin-bottom: 0;
}

#home-banner-slider .babyhouse-owl .owl-item img {
    width: 100%;
}

#home-banner-slider .babyhouse-owl .item {
    position: relative;
}

#home-banner-slider .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#home-banner-slider .owl-carousel .owl-nav .owl-prev,
#home-banner-slider .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 34px;
    height: 54px;
    display: inline-block;
    cursor: pointer;
    background-color: rgba(68, 68, 68, 0.13);
    padding: 0;
    margin: -25px 0 0;
    border-radius: 0;
}

#home-banner-slider .owl-carousel .owl-nav .owl-prev:hover,
#home-banner-slider .owl-carousel .owl-nav .owl-next:hover {
    background-color: rgba(68, 68, 68, 0.35);
}

#home-banner-slider .owl-carousel .owl-nav .owl-prev .icon-wrap:before,
#home-banner-slider .owl-carousel .owl-nav .owl-next .icon-wrap:before {
    line-height: 54px;
}

#home-banner-slider .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

#home-banner-slider .owl-carousel .owl-nav .owl-next {
    right: 0;
    background-position: -34px 0;
}

#home-banner-slider .owl-carousel .owl-nav .icon-wrap:before {
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
    line-height: inherit;
    color: #ffffff;
    font-family: 'FontAwesome';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

#home-banner-slider .owl-carousel .owl-nav .owl-prev .icon-wrap:before {
    content: "\f104";
}

#home-banner-slider .owl-carousel .owl-nav .owl-next .icon-wrap:before {
    content: "\f105";
}

#home-banner-slider .babyhouse-owl .text-desc>a {
    text-decoration: none;
}

#home-banner-slider .owl-carousel .owl-dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    padding: 3px 10px;
    text-align: center;
    background: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    transform: translateX(-50%);
}

#home-banner-slider .owl-carousel .owl-dots .owl-dot {
    display: block;
    float: left;
    margin-right: 6px;
}

#home-banner-slider .owl-carousel .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

#home-banner-slider .owl-dots .owl-dot.active {
    background: #417505;
}

#home-banner-slider .owl-dots .owl-dot {
    display: inline-block;
    text-align: center;
    background: #313c42;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

#home-banner-slider .w-content {
    position: absolute;
    top: 25%;
    right: 70px;
    left: auto;
    bottom: auto;
    background: transparent;
    width: 35%;
    ;
    padding-top: 0;
}

#home-banner-slider .meta {
    margin-right: 12px;
    margin-top: 10px;
    margin-left: 3px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 13px;
}

#home-banner-slider .heading {
    font-weight: normal;
    font-size: 35px;
    line-height: 40px;
    margin-left: 0px;
    margin-right: 0;
    margin-bottom: 3px;
    font-family: Patrick Hand SC, Arial, Helvetica, sans-serif;
    text-transform: none;
    margin-top: 0;
}

#home-banner-slider .babyhouse-owl p {
    line-height: 18px;
    margin-bottom: 17px;
}

#home-banner-slider .ui-promo-slider .ui-promo-article.ui-hero .k-button.transparent {
    letter-spacing: normal;
    font-weight: normal;
}

#home-banner-slider .k-button {
    letter-spacing: normal;
    font-weight: normal;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

#home-banner-slider .k-button:hover {
    border-color: #e76273;
    color: #e76273;
}

.blogh-slider img {
    width: auto;
}

@media only screen and (max-width: 991px) {
    #home-banner-slider .w-content {
        width: 50%;
    }
    #home-banner-slider .heading {
        font-size: 25px;
        line-height: 30px;
    }
    #home-banner-slider .babyhouse-owl p {
        font-size: 13px;
    }
    #home-banner-slider .k-button {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .text-desc {
        display: none;
    }
    .msg-intro {
        font-size: 15px;
        padding: 5px 0;
    }
}


/****************** Hr1 media.css ****************************/

@media ( max-width: 480px) {
    .box-product .pro-btn-buy li {
        width: 100%;
        border: none;
    }
    .box-product .pro-btn-buy li:first-child {
        border-bottom: 1px solid #f5f5f5;
    }
    .box-product .pro-title {
        height: 28px;
    }
    .home-focus .banner-item-medium,
    .home-focus .banner-item-small {
        width: 100%;
    }
}

@media ( max-width: 767px) {
    /**
	.row .col-xs-12 {
	padding: 0px 5px;
}
	**/
    #table-cart td strong {
        float: left;
        width: 100%;
        white-space: pre;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .rsArrow {
        display: none!important;
    }
    .box-section-collection>.row>.col-xs-12 {
        padding: 0px 15px;
    }
    .box-section-collection .catalog-list {
        display: none;
    }
    .navbar-main.navbar {
        position: fixed !important;
        width: 100%;
        z-index: 99999;
        top: 0;
    }
    #slider,
    .wrapper-top50 {
        margin-top: 50px;
    }
    .product-lists>.padding-box:nth-child(2n+1) {
        padding-left: 15px;
        padding-right: 5px;
    }
    .product-lists>.padding-box:nth-child(2n+2) {
        padding-left: 5px;
        padding-right: 15px;
    }
    .mobile-menu-icon {
        width: 130px;
        display: inline-block;
    }
    .mobile-menu-icon-wrapper {
        display: block;
    }
    .ourservice-block {
        border: none;
    }
    .number-phone,
    .hotline {
        padding: 0px;
    }
    .hotline {
        padding-top: 10px;
    }
    .layout-page .page-border-left {
        border: none;
    }
    #map_canvas {
        height: 300px;
    }
    .padding-top-mobile {
        margin-top: 52px;
    }
    .zoomContainer {
        display: none;
    }
    .btn-loading {
        width: 100%;
    }
    .box-section-collection .box-section-background {
        background: none;
    }
    nav.navbar-main.navbar {
        height: 50px;
    }
    .blogh-slider .blogh-htitle p {
        padding: 0 15px;
    }
    .home-contact-us .ct-image {
        display: none;
    }
    li#cart-target a.cart span:nth-child(2) {
        top: 10px;
        position: absolute;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        left: 12px;
        bottom: 6px;
        text-align: center;
        line-height: 15px;
        background: #111;
        color: #fff;
        padding: 0;
    }
    /** toggle menu mobile **/
    .toggle-mb-content {
        display: none;
    }
    .footer-center-wrap .border-right {
        min-height: 5px;
        border-right: none;
    }
    h4.title_block.toggle-mb-title {
        font-size: 14px;
        text-transform: uppercase;
        border-bottom: 1px solid #e8eaee;
        padding: 8px 0px;
        position: relative;
    }
    .col-xs-12:last-child>.footer-block>h4.title_block.toggle-mb-title {
        border: none;
    }
    .footer-block.toggle-mb {
        padding: 0px 10px 0px;
        background: #fff;
    }
    h4.title_block.toggle-mb-title i {
        position: absolute;
        right: 0;
        font-size: 25px;
        top: 10px;
        color: #a4abbe;
        transition: all linear .2s;
    }
    .toggle-mb>h4[aria-expanded='true']>i {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    /** end toggle menu mobile **/
    button.icon-search {
        width: 50px;
        height: 50px;
    }
    ul.mobile-menu-icon li#cart-target {
        width: 30px;
        height: 50px;
    }
    ul.mobile-menu-icon>li {
        margin-left: 0;
        margin-right: 0;
    }
    ul.mobile-menu-icon>li.search {
        margin-right: 15px;
    }
    /**menu mobile **/
    .menu-btn.click-menu-mobile {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        float: left;
        position: relative;
        margin: 0;
    }
    .menu-btn.click-menu-mobile .icon-menu {
        position: relative;
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .menu-btn.click-menu-mobile .icon-menu,
    .menu-btn.click-menu-mobile .icon-menu::after,
    .menu-btn.click-menu-mobile .icon-menu::before {
        display: inline-block;
        width: 18px;
        height: 2px;
        background-color: rgba(0, 0, 0, .8);
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    .menu-btn.click-menu-mobile .icon-menu::after,
    .menu-btn.click-menu-mobile .icon-menu::before {
        position: absolute;
        content: "";
        left: 0;
    }
    .menu-btn.click-menu-mobile .icon-menu::before {
        top: -6px;
    }
    .menu-btn.click-menu-mobile .icon-menu::after {
        top: 6px;
    }
    /** mmenu **/
    .navbar-toggle {
        margin: 0;
        /* padding: 0; */
        border: 0;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    .mm-menu {
        background: #ffffff;
        color: #4d4d4d;
        display: block;
        overflow: hidden;
        padding: 0;
        width: 80%;
        min-width: 140px;
        max-width: 440px;
        border-color: #ebebeb;
    }
    .mm-slideout {
        z-index: initial!important;
    }
    .mm-menu .mm-title {
        color: #333333!important;
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .mm-menu .mm-listview>li>a.mm-prev,
    .mm-menu .mm-listview>li>a.mm-next {
        color: #333333;
    }
    .mm-listview a {
        color: #4d4d4d!important;
    }
    .mm-listview a:hover,
    .mm-navbar a,
    .mm-navbar a:hover {
        color: #e63535!important;
    }
    .mm-listview .mm-next:before {
        content: '';
        border-left-width: 1px;
        border-left-style: solid;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
    }
    .mm-menu .mm-listview>li>a.mm-prev:before,
    .mm-menu .mm-listview>li>a.mm-next:before {
        border-color: rgba(0, 0, 0, 0);
    }
    .mm-listview>li:not(.mm-divider):after {
        border-color: #ebebeb;
    }
    .mm-prev:before,
    .mm-next:after {
        content: '';
        border: 2px solid transparent;
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
    .mm-next:after {
        border-top: none;
        border-left: none;
        right: 20px;
    }
    .mm-menu .mm-listview>li>a.mm-prev:after,
    .mm-menu .mm-listview>li>a.mm-next:after,
    .mm-menu .mm-btn:after,
    .mm-menu .mm-btn:before {
        border-color: #4d4d4d;
    }
    .mm-header .mm-btn:first-child {
        padding-left: 20px;
        left: 0;
    }
    .mm-prev:before {
        border-right: none;
        border-bottom: none;
        left: 20px;
    }
    .mm-menu .mm-header .mm-btn:after,
    .mm-menu .mm-header .mm-btn:before {
        border-color: #666;
    }
    #mm-blocker {
        background: rgba(3, 2, 1, 0.5);
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
    }
    /**end menumobile**/
}

@media ( max-width: 991px) {
    .footer-info {
        padding-bottom: 15px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    /**focus home **/
    .banner-item-small:nth-child(5) {
        display: none;
    }
    .wrap-tabs.home-focus>div:nth-of-type(odd) {
        padding-right: 10px;
    }
    .wrap-tabs.home-focus>div:nth-of-type(even) {
        padding-left: 10px;
    }
}

@media ( min-width: 768px) {
    nav.navbar-main.navbar {
        background: #ffffff;
    }
    .scroller {
        /*overflow-y: inherit;*/
    }
    #map_canvas {
        height: 500px;
    }
    .zoomContainer {
        display: none;
    }
    .col-lg-collection-left {
        padding-right: 0px;
        padding-left: 15px;
    }
    .border-top-index {
        border-top: 2px solid;
    }
}

@media (min-width: 768px) and (max-width: 919px) {
    .home-contact-us .ct-image {
        display: none;
    }
    .home-contact-us {
        height: auto;
        margin: 2rem 0 2rem;
    }
    .banner-item-small {
        margin-bottom: 5px;
    }
    .tab-content .product-lists .product-item {
        margin-bottom: 0
    }
    .blogh-slider {
        margin: 2rem 0;
    }
    .blogh-slider .blogh-htitle p {
        padding: 0 15px;
    }
}

@media ( min-width: 768px) and ( max-width: 991px) {
    .footer-mailchimp .block_content {
        padding: 0;
        margin-top: 15px;
    }
    #partner-index .box-partner {
        padding: 18px 0px;
    }
    #partner-index .pd-right-1px {
        padding-right: 1px;
    }
    #partner-index .pd-left-1px {
        padding-left: 1px;
    }
    .box-section-collection .catalog-list {
        display: none;
    }
    .col-sm-206px {
        width: 206px;
        float: left;
        padding: 0px 15px;
    }
    .col-sm-412-percent {
        width: calc(100% - 417px);
        float: left;
        margin-left: 2px;
        padding: 0px 15px;
    }
    .mobile-menu-icon-wrapper {
        display: none;
    }
    .menu-collection.fix-menu-collection .box-menu-slider .title-danh-muc {
        font-size: 12px;
    }
    .cart-info {
        width: 100%;
    }
    .col-md-3:nth-child(2) .ourservice-block {
        border-right: 0px;
    }
    .layout-page .page-border-left {
        border: none;
    }
    .menu-top>li>a>span {
        padding: 0 10px;
    }
    .footer-center-wrap .border-right:nth-child(2) {
        border-right: none;
    }
}

@media ( min-width: 992px) and ( max-width: 1199px) {
    #newsletter_block .newsletter-input {
        width: 370px;
    }
    #newsletter_block .btn-newsletter {
        width: 80px;
    }
    #partner-index .box-partner {
        padding: 18px 0px;
    }
    .box-section-collection .pd-right-1px,
    #partner-index .pd-right-1px {
        padding-right: 1px;
    }
    #partner-index .pd-left-1px {
        padding-left: 1px;
    }
    .col-sm-206px {
        width: 206px;
        float: left;
        padding: 0px 15px;
    }
    .col-sm-412-percent {
        width: calc(100% - 417px);
        float: left;
        margin-left: 2px;
        padding: 0px 15px;
    }
    .col-md-206px {
        width: 206px;
        float: left;
    }
    .col-md-206-percent {
        width: calc(100% - 206px);
        float: left;
    }
    .box-section-collection .pd-left-none {
        padding-left: 0px;
    }
    .box-section-collection .catalog-list {
        display: block;
    }
    #slider .slider-thumb li {
        padding: 5px 10px;
    }
    #slider .slider-thumb li:first-child {
        padding: 6px 10px 6px;
    }
    .ourservice-block .ourservice-heading,
    .ourservice-block div,
    .ourservice-block h4 {
        font-size: 12px;
    }
    h3.call-number {
        font-size: 20px;
    }
}

@media ( min-width: 1200px) {
    .product-item .product-wrapper .product-image {
        transition: border-color 0.3s;
        -webkit-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
        -moz-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
        -ms-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
        -o-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    }
    #partner-index .box-partner {
        padding: 18px 0px;
    }
    .box-section-collection .pd-right-1px,
    #partner-index .pd-right-1px {
        padding-right: 1px;
    }
    #partner-index .pd-left-1px {
        padding-left: 1px;
    }
    .box-section-collection .pd-left-none {
        padding-left: 0px;
    }
    .col-lg-20 {
        width: 20%;
        float: left;
    }
    .col-lg-collection-left {
        width: 20%;
        float: left;
        padding-right: 0;
    }
    .col-lg-collection-right {
        width: 100%;
        float: left;
    }
    .container {
        width: 1200px;
    }
    .col-sm-206px {
        width: 206px;
        float: left;
        padding: 0px 15px;
    }
    .col-sm-412-percent {
        width: calc(100% - 417px);
        float: left;
        margin-left: 2px;
        padding: 0px 15px;
    }
    #slider .slide-banner {
        padding-left: 0px;
    }
    #slider .slider-thumb li {
        padding: 6px 10px;
    }
    #slider .slider-thumb li:first-child {
        padding: 7px 10px 8px;
    }
    .banner-collection-header>div:nth-child(2) {
        padding: 0px 5px 0px 10px;
    }
    .banner-collection-header>div:nth-child(3) {
        padding: 0px 10px 0px 5px;
    }
    .banner-collection-header>div:first-child {
        padding-left: 15px;
        padding-right: 0px;
    }
    .banner-collection-header>div:last-child {
        padding-right: 15px;
        padding-left: 0px;
    }
    #slider .menu-collection .box-menu-slider {
        height: 374px;
        background: #fff;
    }
    .menu-collection.fix-menu-collection .box-menu-slider {
        padding: 5px 0px;
    }
    .zoomContainer {
        display: block;
    }
    .wrapper-filter {
        background: #f3f3f3;
    }
    .filter-box>p {
        text-transform: inherit;
        font-size: 13px;
        font-weight: bold;
        padding: 5px 0px;
        border-bottom: 1px dotted #417505;
    }
    .filter-box ul {
        display: block;
        max-height: 200px;
        overflow: auto;
        border: none;
        padding: 5px 0;
    }
    .filter-box ul.filter-link {
        padding-left: 15px;
    }
    .filter-box ul.filter-link span {
        font-size: 12px;
    }
    .filter-box ul li {
        padding: 0;
        border: none;
    }
    .filter-box {
        margin-top: 5px;
        background: #ffffff;
        border: 1px solid #efefef;
        padding: 0px 10px 5px;
    }
    .filter-box:first-child {
        margin-bottom: 0;
    }
    .filter-box .menu-link-filter[aria-expanded='false'],
    .filter-box:last-child>p[aria-expanded='false'] {
        border-bottom: 1px dotted #417505;
    }
    .filter-box label {
        display: initial;
    }
    .filter-box ul input[type='checkbox'],
    .filter-box ul input[type='radio'] {
        float: none;
        margin-right: 5px;
    }
    .filter-box ul input[type='checkbox']:before,
    .filter-box ul input[type='radio']:before {
        left: 3px;
        top: 8px;
        right: auto;
    }
    .filter-box ul input[type='checkbox']:after,
    .filter-box ul input[type='radio']:after {
        left: 0;
        top: 4px;
        right: auto;
    }
    .filter-box ul input[type='radio']:before {
        top: 7px;
    }
}


/****************** EndHr1 media.css ****************************/

.tongGia {
    color: #1e4f0d;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 0px;
}

.txtSl-1030423232 {
    text-align: center;
}

.glmama {
    margin-top: 10px;
}

.flexorder {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.flexorder>p {
    width: 100%;
}

.btn-cart-product {
    display: none !important;
}

.product-item .product-wrapper .product-info .price-new-old {
    text-align: center;
}

.icon_fa {
    background-color: cornflowerblue !important;
}

.fix-card {
    position: relative;
}

.k-button.transparent {
    width: 100%;
}

#myCart .modal-header {
    background: #3271bd !important;
}

.close {
    opacity: 1;
}

#myCart .modal-header a {
    color: #fff;
    top: 10px;
}

.lblSold {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 70px !important;
    width: auto !important;
}

.fix-header .cart-link {
    font-size: 16px;
    color: #417505;
}

.fix-header .fa-shopping-cart:before {
    content: "\f07a";
    font-size: 20px;
}

.fix-header .fa-shopping-cart:before {
    content: "\f07a";
    font-size: 20px;
    top: 0;
    position: absolute;
    left: 22px;
}

span.icon-cart i.fa.fa-shopping-cart.icon-bag-cart:before {
    content: "\f07a";
    font-size: 25px !important;
    position: absolute;
    left: 15px;
    top: -4px !important;
}

.log-cart .fa.fa-user {
    font-size: 28px;
    margin-right: 8px;
    margin-top: 10p;
    line-height: 30px;
    color: #417505;
    position: relative;
    top: 4px;
}

.fa-shopping-cart:before {
    content: "\f07a";
    font-size: 30px;
    position: absolute;
    left: 15px;
}

.log-cart.hidden-xs {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    align-items: center;
}

li.dangonngu {
    margin-left: 20px;
    padding-top: 5px;
}

li.dangonngu a {
    margin-left: 15px;
}

.dangonngu.flexmenu {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
}

.menucap3 {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    background: #fff;
    display: none;
    border: 1px solid #767676;
}

.lilala {
    position: relative;
}

.lilala:hover .menucap3 {
    display: block;
}

.loadmore {
    display: none !important;
}

.icon-loading {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 1200px) {
    .sidebar-col .box-product-lists .product-item:nth-child(4n+1) {
        //clear: both;
    }
    .home-collection .box-product-lists .product-item:nth-child(5n+1) {
        clear: both;
    }
}

.product-image a {
    position: relative;
    padding-top: 100%;
    display: block;
}

.product-image a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product__soldout {
    position: absolute;
    top: 0;
    right: 0;
    background: #ff0000;
    color: #fff;
    padding: 5px 15px;
    font-weight: 500;
    opacity: 0;
}

.product__soldout.active {
    opacity: 1;
}

.product__soldout1 {
    position: absolute;
    top: 0;
    right: 0;
    background: #ff0000;
    color: #fff;
    padding: 5px 15px;
    font-weight: 500;
    opacity: 0;
}

.product__soldout1.active {
    opacity: 1;
}

.log-cart li a {
    color: #417505;
}

.log-cart li a .css {
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
}

.log-cart li.resig {
    text-align: center;
}

@media (min-width: 1200px) {
    .product-lists-css .col-lg-3.product-item {
        width: 20% !important;
    }
    .col-lg-collection-left.col-ld-css {
        display: none !important;
    }
}

li.choose-store {
    margin-right: 15px;
    position: relative;
    max-width: 50%;
}

li.choose-store a {
    font-weight: bold;
    margin-top: 5px;
    display: block;
    font-size: 14px;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.header-action_dropdown {
    position: absolute;
    top: 100%;
    left: auto;
    right: -15px;
    z-index: 990;
    min-width: 450px;
    border-radius: 3px;
    color: #677279;
    background: #fff;
    box-shadow: 0 1px 5px 2px rgb(0 0 0 / 10%);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
    will-change: transform;
}

li.choose-store .box-triangle {
    position: absolute;
    top: calc(100% - 13px);
    left: 0;
    right: 0;
    z-index: 992;
    margin: 0 auto;
    width: 20px;
    height: 15px;
    opacity: 0;
    visibility: visible;
    transition: opacity 0.25s ease-in-out 0s, visibility 0.25s ease-in-out 0s;
}

.js-action-show .header-action_dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
    transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
    transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
    z-index: 10000;
}

.js-action-show .header-action_text .box-triangle {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out 0.21s;
}

.header-action_dropdown .header-dropdown_content {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 20px 20px;
}

.sitenav-content__title {
    position: relative;
    padding: 0 0 10px;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
}

.sitenav-content__title .txt-title {
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
    font-weight: 500;
}

.sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item label {
    display: block;
    font-weight: 500;
    font-size: 13px;
    margin: 0 0 5px;
}

.sitenav-locate .sitenav-content__block .boxfilter .filter-select {
    margin-right: -5px;
    margin-left: -5px;
    display: -ms-flexbox;
    display: flex;
}

.sitenav-locate .sitenav-content__block {
    padding-top: 0;
}

.sitenav-locate .sitenav-content__block label {
    margin: 0;
}

.sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item select {
    padding: 0px 8px;
    padding-right: 25px;
    cursor: pointer;
    outline: none;
    text-overflow: ellipsis;
    border-radius: 4px;
    height: 34px;
    line-height: 32px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    font-size: 13px;
    width: 100%;
    color: #000;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item .field-select {
    position: relative;
}

.sitenav-locate .sitenav-content__block .boxfilter .filter-select .select-item .field-select:after {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    right: 12px;
    border: solid #666666;
    border-width: 0px 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate( 45deg);
    -webkit-transform: rotate( 45deg);
}

.sitenav-locate .sitenav-content__block .boxaddress {
    border: 1px solid rgba(129, 194, 65, 0.18);
    border-radius: 5px;
    padding: 6px 15px;
    font-size: 12px;
    background: rgba(129, 194, 65, 0.1);
}

.sitenav-locate .sitenav-content__block .boxprovince .textprov {
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}

.sitenav-locate .sitenav-content__block .boxprovince {
    padding: 10px 0 0;
    overflow: auto;
}

.sitenav-locate .sitenav-content__block .boxprovince .listprov li {
    position: relative;
    cursor: pointer;
    padding: 0px 0 0px 30px;
    transition: background 0.4s ease;
    font-size: 13px;
}

.sitenav-locate .sitenav-content__block .boxprovince .listprov li input {
    margin: 0 !important;
    display: block;
}

.sitenav-locate .sitenav-content__block .boxprovince .listprov li .icmap {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    left: 8px;
}

@media (max-width: 768px) {
    .sitenav-locate .sitenav-content__block .boxprovince .listprov li .icmap {
        top: 2px;
    }
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    display: none;
    opacity: 0.5;
}

.modal-backdrop.show {
    display: block !important;
}

.block_content_contact_ft ul {
    margin: 0 0 20px;
}

.block_content_contact_ft ul li {
    padding: 0 0 6px;
}

.block_content_contact_ft ul li a {
    color: #000;
}

.block_content_contact_ft ul li i {
    padding-right: 8px;
}

.block_content_contact_ft ul li a:hover {
    color: #e76273;
}

@media screen and (max-width: 767px) {
    span.icon-cart i.fa.fa-shopping-cart.icon-bag-cart:before {
        content: "\f07a";
        font-size: 30px !important;
        position: absolute;
        left: 15px;
        top: 7px !important;
    }
    li#cart-target a.cart span:nth-child(2) {
        top: 6px !important;
        left: 17px !important;
    }
    ul.mobile-menu-icon>li.search {
        margin-right: 0px !important;
    }
    li.choose-store i {
        font-size: 35px;
        color: #417505;
        margin-right: 17px;
    }
    nav.navbar-main.navbar {
        z-index: 1000000;
    }
    .header-action_dropdown {
        position: fixed;
        top: 15%;
        left: 0;
        right: 0;
        min-width: 90vw;
        margin: 0 15px;
    }
}

.btn-style-location {
    background: #F44F00;
    border-radius: 3px;
    color: #FFF;
    display: block;
    height: 36px;
    font-size: 14px;
    text-align: center;
    width: 200px;
    margin: 10px auto 0;
    outline: none;
    border: none;
}

.cart-notify {
    margin-top: 15px;
    font-size: 16px;
    clear: both;
    float: left;
}