body {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif
    /*Roboto, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif*/
    ;
    font-size: 14px;
    line-height: 140%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #FFF;
    overflow-x: hidden
}

    .content img,
    .content p,
    .content div,
    .content table,
    .panel-body img,
    .panel-body p,
    .panel-body div,
    .panel-body table,
    .overflow-hidden * {
        max-width: 100%;
    }

    .content .col-lg-12,
    .content .col-md-12,
    .content .col-sm-12,
    .content .col-xs-12,
    .content .row,
    .content .prev-container,
    .panel-body .col-lg-12,
    .panel-body .col-md-12,
    .panel-body .col-sm-12,
    .panel-body .col-xs-12,
    .panel-body .row,
    .panel-body .prev-container {
        max-width: inherit;
        max-width: initial
    }

    /*Roboto, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; */

    .mini-row .col-xs-1,
    .mini-row .col-sm-1,
    .mini-row .col-md-1,
    .mini-row .col-lg-1,
    .mini-row .col-xs-2,
    .mini-row .col-sm-2,
    .mini-row .col-md-2,
    .mini-row .col-lg-2,
    .mini-row .col-xs-3,
    .mini-row .col-sm-3,
    .mini-row .col-md-3,
    .mini-row .col-lg-3,
    .mini-row .col-xs-4,
    .mini-row .col-sm-4,
    .mini-row .col-md-4,
    .mini-row .col-lg-4,
    .mini-row .col-xs-5,
    .mini-row .col-sm-5,
    .mini-row .col-md-5,
    .mini-row .col-lg-5,
    .mini-row .col-xs-6,
    .mini-row .col-sm-6,
    .mini-row .col-md-6,
    .mini-row .col-lg-6,
    .mini-row .col-xs-7,
    .mini-row .col-sm-7,
    .mini-row .col-md-7,
    .mini-row .col-lg-7,
    .mini-row .col-xs-8,
    .mini-row .col-sm-8,
    .mini-row .col-md-8,
    .mini-row .col-lg-8,
    .mini-row .col-xs-9,
    .mini-row .col-sm-9,
    .mini-row .col-md-9,
    .mini-row .col-lg-9,
    .mini-row .col-xs-10,
    .mini-row .col-sm-10,
    .mini-row .col-md-10,
    .mini-row .col-lg-10,
    .mini-row .col-xs-11,
    .mini-row .col-sm-11,
    .mini-row .col-md-11,
    .mini-row .col-lg-11,
    .mini-row .col-xs-12,
    .mini-row .col-sm-12,
    .mini-row .col-md-12,
    .mini-row .col-lg-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .mini-row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .mini-row:before,
    .mini-row:after {
        display: table;
        content: " ";
        clear: both
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding-left: 15px;
        padding-right: 15px
    }

    .row {
        margin-right: -15px;
        margin-left: -15px
    }

    .container .container {
        max-width: 100%
    }

    .width-100 {
        width: 100%
    }

    .margin-top {
        margin-top: 10px
    }

    .margin-bottom {
        margin-bottom: 10px
    }

    .margin-left {
        margin-left: 10px
    }

    .margin-right {
        margin-right: 10px
    }

    .padding-top {
        padding-top: 10px
    }

    .padding-bottom {
        padding-bottom: 10px
    }

    .padding-left {
        padding-left: 10px
    }

    .padding-right {
        padding-right: 10px
    }

    .no-margin {
        margin: 0px !important
    }

    .no-padding {
        padding: 0px !important;
    }

    .clear {
        clear: both
    }

    .navbar-brand img {
        padding-top: 15px;
    }

    a:hover {
        text-decoration: none
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0px;
        padding: 0px
    }

    /*img, .transition-light, .transition-light a{position:relative;}
    img:hover:after, .product-scroll a:hover:after, .transition-light:hover:after, .transition-light > a:hover:after{width:120%;background-color:transparent;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
    img:after, .product-scroll a:after, .transition-light:after, .transition-light > a:after{content:" ";position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(255,255,255,.4);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
    */

    .modal-header .close {
        margin-top: -8px;
        border: 1px solid;
        padding: 0 5px;
    }

    .modal-dialog {
        z-index: 10000;
        width: 1000px;
    }

    .modal-content {
        background-color: #a92b53;
        margin: auto;
        padding: 5px;
        border: 1px solid #888;
        width: 100%;
        height: auto;
        text-align: justify;
        border-radius: 20px;
    }

    #load-alert {
        background: #d73564;
        border-color: white;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -15px;
    }

    .main-header {
        padding: 0px 0px 0px;
    }

    .main-header .logo img {
        width: 47%;
        margin-top: 3px;
    }

    .header-website {
        padding: 10px 0px;
        min-height: 152px
    }

    .header-website img.logo {
        display: block;
        max-width: 100%;
        margin-bottom: 2px;
        max-height: 100px;
    }

    .list-nav-header {
        text-align: right;
        padding-top: 15px;
    }

    .list-nav-header a {
        display: inline-block;
        color: #FFF;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        line-height: 30px;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        padding: 0px 10px;
        text-decoration: none;
    }

    .list-nav-header a:hover {
        background-color: #8c1e45
    }

    .banner-website img {
        display: block;
        margin: auto;
        max-width: 100%;
    }

    .banner-website .banner-image {
        position: relative;
    }

    .banner-website .banner-image:before {
        display: block;
        content: "";
        padding-top: 200%;
    }

    .banner-website .banner-image img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        -webkit-transition: all .8s ease-out;
        -moz-transition: all .8s ease-out;
        -ms-transition: all .8s ease-out;
        -o-transition: all .8s ease-out;
        transition: all .8s ease-out
    }

    .banner-website .banner-image:hover img {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    }

    .banner-website .banner-image.rotate img,
    .banner-website .widget-2-1.rotate img {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    }

    .banner-website .banner-image.rotate:hover img,
    .banner-website .widget-2-1.rotate:hover img {
        transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
    }

    /*.banner-website .border{position:relative; border-top:1px solid #FFF; padding-left:1px;}
    .banner-website .border:after{display:block; content:" "; height:100%; border-left:1px solid #FFF; position:absolute; top:0px; left:0px; z-index:9}
    .banner-website .border-top{border-top:1px solid #FFF;}
    .banner-website .border-bottom{border-bottom:1px solid #FFF;}
    .banner-website .border-left{position:relative}
    .banner-website .border-left:after{display:block; content:" "; height:100%; position:absolute; top:0px; left:0px; z-index:9; border-left:1px solid #FFF;}
    .banner-website .border-right{position:relative}
    .banner-website .border-right:after{display:block; content:" "; height:100%; position:absolute; top:0px; right:0px; z-index:9; border-right:1px solid #FFF;}*/

.banner-website a {
    display: block;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 25px;
}

.banner-website .widget-1-1,
.banner-website .banner-image {
    position: relative;
}

/*.banner-website .widget-1-1:after, .banner-website .banner-image:after{content:" ";position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(255,255,255,.4);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.banner-website .widget-1-1:hover:after, .banner-website .banner-image:hover:after{width:120%;background-color:transparent;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}*/

.banner-website a {
    display: block;
    position: relative;
    z-index: 99
}

.banner-website .border-hover {
    position: relative;
    cursor: pointer
}

.banner-website .border-hover>div {
    z-index: 99;
}

.banner-website .border-hover:after {
    display: block;
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background: rgba(150, 152, 157, 0.7);
    z-index: 98
}

.banner-website .border-hover:hover:after {
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    top: -8px;
    left: -8px;
    z-index: 101
}

.banner-website .border-hover:hover>div {
    z-index: 103;
}

.banner-website a img {
    margin-bottom: 5px;
}

.banner-website .fa {
    display: block;
    margin: auto;
    font-weight: normal;
    font-size: 50px;
    margin-bottom: 5px;
}

.widget-1-1 {
    position: relative;
    background: #720e0e
}

/*.widget-margin-top{margin-top:-1px;}*/

.banner-website .z-index {
    z-index: 10;
}

.widget-1-1:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.widget-1-1>div {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 99
}

.widget-2-1 {
    display: block;
    width: 100%;
    position: relative;
    background-color: #bf1e2e;
    background: none;
    cursor: pointer
}

.widget-2-1:before {
    content: "";
    display: block;
    padding-top: 50%;
}

/*.widget-2-1:after{display:block; content: ""; position:absolute; z-index:98; bottom:0px; left:0px; width:100%; border-bottom:1px solid #FFF}*/

.widget-2-1>div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.widget-2-1 div.content {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 99
}

.banner-website .background-2 {
    background-color: #eb4849 !important
}

.banner-website .background-3 {
    background-color: #f02f4a !important
}

.banner-website .background-4 {
    background-color: #b32438 !important
}

.banner-website .background-5 {
    background-color: #f25870 !important
}

.banner-website .background-6 {
    background-color: #771725 !important
}

.banner-website img.background {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
    -ms-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out
}

.banner-website div:hover>img.background {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.nav-wrapper {
    display: block;
    margin: 0px 0px;
}

.nav-nomargin {
    margin-top: 0px;
}

.nav-wrapper.scroll-to-fixed-fixed {
    margin: 0px;
    z-index: 101 !important;
    position: absolute !important
}

.navbar-default .navbar-nav>li>a {
    display: block;
    line-height: 40px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    padding: 0px 25px;
}

.navbar-default .navbar-nav>li.logo>a {
    padding: 0px !important;
}

.navbar-default .navbar-nav>li>a img {
    display: block;
    max-height: 40px;
}

.navbar-collapse {
    padding: 0px;
}

.navbar-default {
    margin-bottom: 0px;
    height: auto;
    min-height: 35px;
    background: rgba(49, 0, 4, 0.85);
    border-radius: 0px;
    border: 0px;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #c82f5b;
    color: #FFF;
}

.navbar-nav>li>.dropdown-menu {
    width: 250px;
    background-color: #c82f5b
}

.dropdown-menu>li>a {
    display: block;
    color: #FFF;
    padding: 0px 10px;
    line-height: 35px;
    font-weight: normal;
    font-size: 14px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background: #dd3e6c !important;
    color: #FFF
}

.home-item {
    display: block;
    padding: 0px 5px;
}

.home-about-us img {
    display: block;
    width: 100%
}

.home-item>.title {
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
    line-height: 35px;
    text-transform: uppercase;
    text-align: center;
}

.home-item>.content {
    padding-top: 20px;
}

.home-about-us .summary {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
}

.home-about-us .details {
    max-height: 500px;
    overflow-y: scroll;
}

.list-link {
    text-align: center;
    display: block;
    padding-top: 20px;
}

.list-link a {
    display: inline-block;
    color: #FFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    line-height: 34px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 1px 10px 0px;
}

.list-link a:hover,
.list-link a.active {
    background-color: #bf1e2e
}

.product-no-margin>div {
    padding: 10px;
}

.product-no-margin .product-item-wrapper {
    margin-bottom: 0px !important;
}

.product-item-wrapper {
    position: relative;
    margin-bottom: 8px;
    overflow: hidden;
}

.product-item-wrapper.hot:after,
.product-item-wrapper.new:after,
.product-item-wrapper.vip:after {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    content: "-";
    background: url(../img/off-40.gif);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    line-height: 40px;
    width: 40px;
    /* font-size:14px;  */
    font-weight: bold;
    text-align: center;
    color: #fffb0000;
}

.product-item-wrapper.new:after {
    content: "NEW";
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    background: url(../img/icon-new.png);
    line-height: 40px;
    width: 40px;
    top: 10px;
    right: 10px;
}

.product-item-wrapper.sale:after {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    content: "-";
    background: url(../img/off-50.gif);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    line-height: 40px;
    width: 40px;
    /* font-size:14px;  */
    font-weight: bold;
    text-align: center;
    color: #fffb0000;
}

.product-item-wrapper img {
    display: block;
    width: 100%;
}


.image-404-center {
    display: block;
    margin: auto;
}

.panel-no-background {
    background: none;
    box-shadow: none;
    border: none;
    color: #FFF
}

.panel-no-background a {
    color: #F8F8F8;
}

.panel-no-padding .panel-heading,
.panel-no-padding .panel-body {
    padding-left: 0px;
    padding-right: 0px;
}

.panel-no-background .panel-heading,
.panel-no-background .panel-heading * {
    text-align: center;
    color: #FFF !important;
    display: block
}

.body-wrapper>.container>.panel {
    background: none;
    box-shadow: none;
    border: none;
    color: #FFF
}

.body-wrapper>.container>.panel * {
    color: #FFF;
}

.body-wrapper>.container>.panel input,
.body-wrapper>.container>.panel textarea,
.body-wrapper>.container>.panel select,
.body-wrapper>.container>.panel option {
    color: #000
}

.body-wrapper>.container>.panel label {
    color: #FFF !important;
}

.body-wrapper>.container>.panel a {
    color: #F8F8F8;
}

.body-wrapper>.container>.panel a.view {
    position: relative;
    width: 50px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    vertical-align: bottom
}

.body-wrapper>.container>.panel a.view i {}

.body-wrapper>.container>.panel a.view i:after,
.body-wrapper>.container>.panel a.view i:before {
    content: " ";
}

.body-wrapper>.container>.panel a.view:after {
    display: block;
    content: " ";
    width: 50px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../img/info.png) center no-repeat;
}

.body-wrapper>.container>.panel .panel-heading,
.body-wrapper>.container>.panel .panel-body {
    padding-left: 0px;
    padding-right: 0px;
}

.body-wrapper>.container>.panel .panel-heading,
.body-wrapper>.container>.panel .panel-heading * {
    text-align: center;
    color: #FFF !important;
    display: block
}

#canvas-container {
    display: block;
    position: absolute;
}

.gallery-item {
    overflow: hidden;
    margin-bottom: 20px;
}

.gallery-item img {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.gallery-item a {
    display: block;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    color: #333;
}

.list-right-news {
    display: block;
    width: 100%;
}

.list-right-news li {
    display: inline-block;
    list-style: none;
}

.list-right-news a {
    display: block;
    font-weight: normal;
    font-size: 13px;
    color: #000;
    line-height: 20px;
}

.list-right-news a:hover {
    text-decoration: underline;
    color: #000;
}

.panel-no-background .list-right-news a {
    color: #FFF !important;
    display: block;
    padding-bottom: 8px;
}

.panel-no-background .list-right-news li:last-child a {
    border: none;
}

.list-right-news span {
    float: right;
    width: 60%;
    line-height: normal;
}

.video-container {
    text-align: center;
}

.list-right-news img {
    float: left;
    width: 38%;
    max-width: 38%;
}

.bx-wrapper .bx-pager {
    padding-top: 0px;
    bottom: 0px;
}

#fancybox-wrap {}

.bx-wrapper .bx-viewport {
    left: 0px;
}

.bx-wrapper .bx-next {
    right: 5px;
}

.bx-wrapper .bx-prev {
    left: 5px;
}

.content-product-website {
    padding-top: 20px;
}

.full-w-wrapper {
    display: block;
    margin-bottom: 0px;
    margin-top: -20px;
    color: #FFF;
    padding-top: 20px;
}

.full-w-wrapper .panel-heading {
    padding: 10px 0px !important;
    color: #FFF
}

.full-w-wrapper .panel-body,
.full-w-wrapper .panel {
    padding: 0px !important;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #FFF
}

.full-w-wrapper .list-right-news a {
    color: #FFF !important;
}

.full-w-wrapper .table-striped>tbody>tr:nth-child(odd)>td,
.full-w-wrapper .table-striped>tbody>tr:nth-child(odd)>th,
.full-w-wrapper .table-hover>tbody>tr:hover>td,
.full-w-wrapper .table-hover>tbody>tr:hover>th {
    color: #FFF;
    background: none
}

.full-w-wrapper .panel-product .price {
    color: #FFF !important;
}

.full-w-wrapper .panel-product .product-id {
    color: #FFF !important;
}

.full-w-wrapper a {
    color: #FFF;
}

.orders td a {
    display: block;
    margin-bottom: 3px;
}

.panel-product,
.full-w-wrapper .panel {
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-product .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.panel-product .panel-heading {
    font-weight: normal;
    font-size: 25px;
    line-height: 35px;
    display: block;
    text-align: center
}

.panel-product .panel-heading.similar-products {
    font-size: 22px;
}

.panel-product .panel-heading.similar-products:hover {
    text-decoration: none;
    color: #EFE905 !important;
}

.panel-product .product-id {
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    display: block;
    text-align: center;
    padding-bottom: 5px
}

.panel-product .price {
    color: #FFF;
    display: block;
}

.panel-product .price span {
    font-weight: bold;
}

.bx-wrapper .bx-controls-direction a {
    width: 33px;
    height: 62px;
    background: rgba(255, 255, 255, 0.8);
    background: none
}

.bx-wrapper .bx-prev:after {
    display: block;
    content: " ";
    top: 0px;
    left: 0px;
    width: 33px;
    height: 62px;
    position: absolute;
    background: url(../img/Left_Arrow.png) center no-repeat;
}

.bx-wrapper .bx-next:after {
    display: block;
    content: " ";
    top: 0px;
    left: 0px;
    width: 33px;
    height: 62px;
    position: absolute;
    background: url(../img/Right_Arrow.png) center no-repeat;
}

.bx-wrapper .bx-controls-direction a:hover {
    background-position: top left;
}

/*.color-wrapper{display:block; padding-top:15px; margin-top:15px; border-top:1px solid #8a8a8a; text-align:center}
.color-wrapper .color-item{display:inline-block; margin:5px}
.color-wrapper img, img.color-image{display:block; width:50px; height:50px; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; cursor:pointer}
.color-wrapper .active img{border:3px solid #F90}*/

.product-price-wrapper {
    display: block;
    border-bottom: 1px solid #8a8a8a;
}

.color-wrapper {
    display: block;
}

.color-wrapper .color-item {
    display: inline-block;
    margin-right: 10px;
}

.color-wrapper img,
img.color-image {
    display: block;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    border-radius: 120px;
    cursor: pointer;
}

.color-wrapper .active img {
    border: 3px solid #F90
}

/*.product-size-wrapper{display:block; padding:15px 0px;}
.product-size-wrapper .title{display:block; text-align:center; font-size:15px;}
.product-size-wrapper .title span{display:inline-block; cursor:pointer; color:#c19052; padding-left:5px;}
.product-list-size{display:block; text-align:center; padding:10px 0px 15px;}
.product-list-size span{display:inline-block; margin:0px 10px; line-height:30px; width:30px; text-align:center; cursor:pointer; border:1px solid #FFF}*/

.product-size-wrapper {
    display: block;
    padding: 0px;
}

.product-size-wrapper .title {
    display: block;
    font-size: 15px;
}

.product-size-wrapper .title span {
    display: inline-block;
    cursor: pointer;
    color: #c19052;
}

.product-size-wrapper .title .fit-button.hidden-xs:hover {
    color: #0F0;
}

.product-list-size {
    display: block;
    padding-bottom: 10px
}

.product-list-size span {
    display: inline-block;
    margin-right: 5px;
    line-height: 25px;
    width: 25px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #FFF
}

.content-product-website .table>thead>tr>th,
.content-product-website .table>tbody>tr>th,
.content-product-website .table>tfoot>tr>th,
.content-product-website .table>thead>tr>td,
.content-product-website .table>tbody>tr>td,
.content-product-website .table>tfoot>tr>td {
    border-top: 0px;
}

.product-list-size span.active {
    font-weight: bold;
    color: #F9D504 !important;
    border-color: #F9D504
}

.mini-title {
    display: block;
    margin-bottom: 10px;
    color: #0076a3;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    z-index: 9;
    line-height: 25px;
}

.mini-title span {
    display: inline-block;
    line-height: 25px;
    z-index: 9;
    position: relative;
    background: #FFF;
    padding-right: 10px;
    color: #000 !important;
    padding: 0px 10px;
}

.mini-title p {
    display: block;
    height: 50%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 8;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #CCC
}

.tid-form label {
    font-weight: normal;
    clear: both;
    line-height: 34px;
    text-align: right
}

.tid-form div {
    line-height: 34px;
}

.tid-form label,
.tid-form input,
.tid-form textarea.form-control {
    margin-bottom: 10px;
    color: #000
}

.tid-form .btn-primary {
    color: #F7F7F7;
}

.tid-form .sex * {
    float: left;
    margin-bottom: 10px;
    display: inline-block;
    clear: inherit
}

.tid-form .sex label {
    margin-right: 25px;
}

.error {
    color: #f0ad4e !important;
}

.tid-form .error {
    margin-bottom: 10px;
}

.tid-form .sex input {
    margin: 10px 5px 0px 0px
}

.list-product-category {}

.list-product-category h2 {
    display: block;
    margin: 0px;
}

.list-product-category a {
    display: block;
    line-height: 35px;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #979797;
    text-decoration: none;
    padding-left: 7px
}

.list-product-category .fa {
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
}

.list-product-category a:hover {
    background: #00823d;
    color: #FFF;
}

.list-product-category a:hover .fa {
    color: #FFF;
}

.login-user-container,
.login-user-container-2 {
    background: transparent;
    padding-top: 25px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 15px;
}

.login-user-container img,
.login-user-container-2 img {
    display: none;
}

.login-user-container img.captcha,
.login-user-container-2 img.captcha,
.login-user-container img.refresh,
.login-user-container-2 img.refresh {
    display: inline-block
}

.login-user-container .title-login,
.login-user-container-2 .title-login {
    position: absolute;
    top: -15px;
    left: 15px;
    background: #711230;
    line-height: 30px;
    padding: 0px 15px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    white-space: nowrap
}

.login-user-container-2 a {
    border-bottom: 0px;
    display: inline-block;
    padding-right: 15px;
}

.login-user-container a {
    display: inline-block;
    line-height: 20px;
    margin: 6px 0px;
    color: #FFF;
}

.login-user-container a:last-child {
    border: none;
}

img.refresh {
    display: inline-block;
    height: 30px;
    margin-left: 10px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

img.refresh:hover {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.footer .container {
    position: relative
}

a.dsbtid {
    position: absolute;
    bottom: 15px;
    right: 10px;
    color: #FFF
}

a.dsbtid:hover {
    text-decoration: underline
}

.service-product {
    padding-top: 15px;
    font-size: 12px;
    line-height: 18px
}

.service-product p {
    padding-top: 6px;
    padding-bottom: 0px
}

.service-product i {
    font-size: 40px;
    color: #09C;
    float: left;
    margin-right: 10px
}

.products-tabs li {
    list-style: none;
}

.products-tabs>ul {
    padding: 0px;
}

.bxslider {
    padding: 0px;
}

.bxslider img {
    max-width: 100%;
}

.buy-button {
    display: block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    font-weight: bold;
    border: none;
    color: #FFF;
    background-color: #c19052;
    line-height: 60px;
    font-size: 18px;
    margin-bottom: 15px;
}

.buy-button:hover {
    background-color: #d09852
}

.products-tabs .r-tabs-nav {
    display: block;
    width: 100%;
}

.products-tabs .r-tabs-nav .r-tabs-tab {
    width: 50%;
    text-align: center;
    display: inline-block;
    float: left;
    border: none
}

.products-tabs {
    background: transparent !important;
    color: #FFF;
    border: 2px solid #c19052 !important
}

.products-tabs .r-tabs-state-active,
.products-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background: transparent !important;
    color: #FFF;
}

.products-tabs .r-tabs-nav .r-tabs-anchor {
    display: block;
    width: 100%;
}

.products-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background-color: #FFF;
    display: block;
    width: 100%;
    color: #870000;
    font-weight: normal;
    font-size: 14px;
}

.products-tabs {
    border: 1px solid #333333
}

.products-tabs .r-tabs-panel {
    clear: both;
}

.products-tabs .r-tabs-nav .r-tabs-tab {
    background-color: #8a8a8a;
    color: #f4f4f4
}

p.jRatingInfos {
    background: rgba(104, 104, 104, 0.7)
}

.rating-image {
    display: block;
}

.rating-image img {
    display: block;
    max-width: 100px;
}

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

.user_wishlist button {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 16px;
    color: #000;
    font-weight: normal;
    font-size: 16px;
    padding: 8px 12px;
    background: #ef413600;
    color: #FFF;
    border: 1px solid #a4696c;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    min-width: 170px;
    text-align: center;
    position: relative;
    bottom: 3px;
}

/*.user_wishlist button{background:#f15a24; border:1px solid #ae7673}*/

.user_wishlist a:hover,
.user_wishlist button:hover {
    color: red !important
}

.cart-details {}

.cart-details img {
    display: block;
    max-width: 70px;
    margin: 0 auto
}

#jQueryCartImage {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999999
}

.form-item-margin {}

.form-item-margin label,
.form-item-margin div {
    font-weight: normal;
    line-height: 32px;
}

.form-item-margin label,
.form-item-margin input,
.form-item-margin textarea,
.form-item-margin button {
    margin-bottom: 7px;
}

.fit-wrapper {
    width: auto;
    max-width: 100%;
    background: #a92b53
}

.fit-wrapper-left {
    display: inline-block;
    float: left;
    width: calc(100% - 450px);
}

@media only screen and (max-width: 319px) {
    .grid-container {
        grid-template-columns: 49.5% 49.5%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .fit-wrapper-left {
        float: none;
        display: contents;
    }
    .fit-wrapper-right {
        float: none;
        display: none !important;
        max-width: 220px;
        position: relative
    }
    .fit-wrapper .title {
        display: contents;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        background: #8a0339;
    }
    .fancybox-content-fit {
        font-size: 10px !important;
    }
    .dncart {
        margin-top: 10px !important;
    }
    .wrapper {
        text-align: center;
        font-size: 13px;
    }
    .wrapper .title {
        font-size: 13px;
    }
    .grid-container {
        grid-template-columns: 31.6% 31.6% 31.6%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 568px) {
    .fit-wrapper-left {
        float: none;
        display: inline-block;
    }
    .fit-wrapper-right {
        float: none;
        display: inline-block;
        position: relative
    }
    .fit-wrapper .title {
        display: inline-block;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        background: #8a0339;
        width: 455px;
    }
    .grid-container {
        grid-template-columns: 31.6% 31.6% 31.6%;
    }
}

@media only screen and (min-width: 569px) and (max-width: 767px) {
    .fit-wrapper-left {
        float: none;
        display: contents !important;
    }
    .fit-wrapper-right {
        float: none;
        display: none !important;
    }
    .fit-wrapper .title {
        display: block;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        background: #8a0339;
    }
    .cart-details table {
        width: 100%;
    }
    .grid-container {
        grid-template-columns: 31.6% 31.6% 31.6%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
    .fit-wrapper-left {
        float: none;
        display: table;
    }
    .fit-wrapper-right {
        float: none;
        display: table;
        position: absolute;
        left: -200px;
    }
    .fit-wrapper-right img {
        position: absolute;
        left: 80px;
    }
    .fit-wrapper .title {
        display: block;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        background: #8a0339;
        width: 650px;
    }
    .grid-container {
        grid-template-columns: 24% 24% 24% 24%;
    }
}

.fit-wrapper-right {
    display: inline-block;
    float: right;
    width: 450px;
    position: relative
}

.fit-wrapper-right img.fit {
    display: block;
    width: 450px;
    height: 478px;
}

.fit-wrapper .title {
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    background: #8a0339;
}

.fit-wrapper .table-striped>tbody>tr:nth-child(odd)>td,
.fit-wrapper .table-striped>tbody>tr:nth-child(odd)>th {
    background: #bc5777;
}

.fit-wrapper .table-striped>tbody>tr:nth-child(even)>td,
.fit-wrapper .table-striped>tbody>tr:nth-child(even)>th {
    background: #d07e98
}

.fit-wrapper .table-hover>tbody>tr:hover>td,
.fit-wrapper .table-hover>tbody>tr:hover>th {
    background: #c55a7c
}

.bx-wrapper .bx-controls-direction a {
    z-index: 99;
}

.fit-wrapper .table-bordered>thead>tr>th,
.fit-wrapper .table-bordered>tbody>tr>th,
.fit-wrapper .table-bordered>tfoot>tr>th,
.fit-wrapper .table-bordered>thead>tr>td,
.fit-wrapper .table-bordered>tbody>tr>td,
.fit-wrapper .table-bordered>tfoot>tr>td {
    border: 1px solid #a92b53
}

.fit-wrapper .table>thead>tr>th,
.fit-wrapper .table>tbody>tr>th,
.fit-wrapper .table>tfoot>tr>th,
.fit-wrapper .table>thead>tr>td,
.fit-wrapper .table>tbody>tr>td,
.fit-wrapper .table>tfoot>tr>td {
    padding: 1px;
    text-align: center;
    cursor: pointer
}

.fit-wrapper .table>thead>tr.hoveractive>th,
.fit-wrapper .table>tbody>tr.hoveractive>th,
.fit-wrapper .table>tfoot>tr.hoveractive>th,
.fit-wrapper .table>thead>tr.hoveractive>td,
.fit-wrapper .table>tbody>tr.hoveractive>td,
.fit-wrapper .table>tfoot>tr.hoveractive>td {
    background: #ffb400
}

.phone-footer {
    padding-left: 11px;
    position: relative;
    padding-top: 5%;
}

ul.social {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

ul.social li {
    display: inline-block;
}

ul.social li a {
    /* background-color: #f58220; */
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0 4px;
    text-align: center;
    outline: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

ul.social li a:hover {
    background-color: rgba(245, 130, 32, 0.5);
    opacity: 0.5;
    transition: all 0.3s linear;
}

ul.social li a.icon {}

.icon.face {
    background: url('icon/facebook.png') no-repeat;
}

.icon.google {
    background: url('icon/google-plus.png') no-repeat;
}

.icon.twitter {
    background: url('icon/twitter.png') no-repeat;
}

.instagram {
    background: url('icon/instagram.png') no-repeat;
}

.tiktok {
    background: url("icon/tiktok.png") no-repeat;
}

.zalo {
    background: url("icon/zalo.png") no-repeat;
}

.youtube {
    background: url('icon/youtube.png') no-repeat;
}

.phone-footer ul.social li i {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
}

/* .phone-footer .fa{position:absolute; width:40px; font-weight:bold; font-size:30px; color:#FFF; top:50%; left:0px; -webkit-transform:translate(-0%, -50%);-moz-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);-o-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
.phone-footer b{font-size:18px; color:#b21e2c;} */

#fancybox-content>div {
    /*overflow-y:scroll !important;*/
}

/*#fancybox-content > div.overflow-y-scroll{overflow-y:scroll !important; overflow-x:scroll !important} */

.fancybox-content-fit * {
    color: #FFF;
    font-size: 13px;
}

.register-email {
    display: block;
    position: relative
}

.register-email input {
    display: block;
    width: 100%;
    background: white;
    border: 1px solid white;
    line-height: 35px;
    padding: 0px 35px 0px 10px;
    color: #981e2b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.register-email button {
    display: inline-block;
    color: #981e2b;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 0px;
    right: 5px;
    border: none;
    background: transparent;
    font-weight: bold;
    font-size: 16px;
}

.list-social {}

.list-social a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #FFF;
    background: #3a577f;
    cursor: pointer;
    margin-bottom: 5px;
}

.list-social a .fa {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.list-social a:hover .fa {
    -webkit-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    -o-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    transform: rotatey(180deg);
}

.list-social a.google {
    background: #b84a39
}

.list-social a.twitter {
    background: #33809a
}

.popup-container {
    display: block;
    padding: 5px;
    color: #000;
    padding-top: 5px;
}

.popup-background {
    display: none;
    content: " ";
    position: fixed;
    z-index: 99999998;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: move;
    background: rgba(0, 0, 0, 0.6)
}

.bank-item {
    display: block;
    padding: 10px;
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.35);
}

.bank-item .btn {
    white-space: inherit;
}

.bank-item ul {
    display: block;
    padding: 0px;
    margin: 0px;
}

.bank-item li {
    display: block;
    list-style: none;
    cursor: pointer;
    font-weight: bold;
    line-height: 30px;
    color: #000 !important
}

.bank-item li:nth-child(odd) {
    background-color: #FBFBFB;
}

.bank-item li:hover {
    background-color: #F2F2F2;
}

.bank-item li span {
    display: inline-block;
    width: 100px;
    font-weight: normal;
}

.r-tabs .r-tabs-panel {
    color: #FFF;
    background: #9B405D;
    border: none
}

.products-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background: #9B405D;
    color: #FFF;
    border: none
}

.credits .cc-carousel-conten {}

.slogan-wrapper {
    display: block;
    position: absolute;
    top: 10px;
    left: 15px;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: left;
    font-size: 19px;
}

.popup-wrapper {
    display: none;
    max-width: 90%;
    max-height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999999
}

@media (min-width: 768px) {
    /* .popup-wrapper {
    margin-top: 20%;
  } */
    .grid-container {
        grid-template-columns: 24.3% 24.3% 24.3% 24.3%;
    }
}

.popup-wrapper img {
    display: block;
    width: 100%;
    border-radius: 20px;
}

.popup-wrapper a {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: relative
}

.popup-wrapper .fa {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    display: block;
    background-color: #FFF;
    line-height: 25px;
    text-align: center;
    color: #F00;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 0px;
    /*margin-left:-43px;*/
    overflow: hidden;
    z-index: 9999;
    right: 0px;
}

.back-to-top img {
    display: block;
    width: 100px;
    cursor: pointer;
    margin-left: -43px;
}

.btn-float-right .btn {
    float: right;
}

.facebook-login {
    display: inline-block;
    line-height: 32px !important;
    border: 1px solid #3b5998;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFF !important;
    background: rgba(106, 130, 177, 1);
    background: -moz-linear-gradient(top, rgba(106, 130, 177, 1) 0%, rgba(65, 95, 154, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106, 130, 177, 1)), color-stop(100%, rgba(65, 95, 154, 1)));
    background: -webkit-linear-gradient(top, rgba(106, 130, 177, 1) 0%, rgba(65, 95, 154, 1) 100%);
    background: -o-linear-gradient(top, rgba(106, 130, 177, 1) 0%, rgba(65, 95, 154, 1) 100%);
    background: -ms-linear-gradient(top, rgba(106, 130, 177, 1) 0%, rgba(65, 95, 154, 1) 100%);
    background: linear-gradient(to bottom, rgba(106, 130, 177, 1) 0%, rgba(65, 95, 154, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a82b1', endColorstr='#415f9a', GradientType=0);
}

.facebook-login .fa {
    display: inline-block;
    margin-right: 20px;
    width: 32px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    border-right: 1px solid #3b5998;
}

.google-login {
    display: inline-block;
    line-height: 32px !important;
    border: 1px solid rgb(228, 65, 37);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFF !important;
    background: rgb(228, 65, 37);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NDEyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOTJiMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(228, 65, 37, 1) 0%, rgba(185, 43, 33, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(228, 65, 37, 1)), color-stop(100%, rgba(185, 43, 33, 1)));
    background: -webkit-linear-gradient(top, rgba(228, 65, 37, 1) 0%, rgba(185, 43, 33, 1) 100%);
    background: -o-linear-gradient(top, rgba(228, 65, 37, 1) 0%, rgba(185, 43, 33, 1) 100%);
    background: -ms-linear-gradient(top, rgba(228, 65, 37, 1) 0%, rgba(185, 43, 33, 1) 100%);
    background: linear-gradient(to bottom, rgba(228, 65, 37, 1) 0%, rgba(185, 43, 33, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e44125', endColorstr='#b92b21', GradientType=0);
}

.google-login .fa {
    display: inline-block;
    margin-right: 20px;
    width: 32px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    border-right: 1px solid rgb(228, 65, 37);
}

.list-social-product {
    display: block;
    margin-bottom: 10px;
}

.list-social-product .item {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.bx-wrapper {
    margin-bottom: 15px;
}

#show-video-wrapper {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    background: rgba(8, 8, 8, 0.85)
}

#show-video-wrapper .video-wrapper {
    display: block;
    position: absolute;
    left: 100px;
    top: 100px;
    width: calc(100% - 200px);
    height: calc(100% - 200px)
}

#show-video-wrapper .close-video,
#show-video-wrapper .arrow-wrapper {
    cursor: pointer;
}

.project .other-project {
    position: absolute;
    top: 50%;
    font: normal 16px/16px 'HC';
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    cursor: default;
    z-index: 1
}

.project .prev-project {
    left: 130px
}

.project .prev-project.show {
    -webkit-transform: translate(-30px, -50%);
    -moz-transform: translate(-30px, -50%);
    -ms-transform: translate(-30px, -50%);
    -o-transform: translate(-30px, -50%);
    transform: translate(-30px, -50%);
    opacity: 1
}

.project .next-project {
    right: 130px
}

.project .next-project.show {
    -webkit-transform: translate(30px, -50%);
    -moz-transform: translate(30px, -50%);
    -ms-transform: translate(30px, -50%);
    -o-transform: translate(30px, -50%);
    transform: translate(30px, -50%);
    opacity: 1
}

.project .arrow-wrapper,
.project .close-video {
    display: block;
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    z-index: 1
}

.project .arrow-line {
    position: absolute;
    background-color: #fff;
    -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.project .arrow-line:before {
    content: '';
    position: absolute;
    background-color: #fff
}

.project .arrow-line-top,
.project .arrow-line-bottom {
    width: 15px;
    height: 1px
}

.project .arrow-line-top:before,
.project .arrow-line-bottom:before {
    left: 0;
    width: 15px;
    height: 1px
}

.project .arrow-line-left,
.project .arrow-line-right {
    width: 1px;
    height: 15px
}

.project .arrow-line-left:before,
.project .arrow-line-right:before {
    left: 0;
    width: 1px;
    height: 15px
}

.project .arrow-left-wrapper,
.project .close-video {
    left: 20px
}

.project .arrow-left-wrapper .arrow-line-left,
.project .arrow-left-wrapper .arrow-line-bottom,
.project .close-video .arrow-line-left,
.project .close-video .arrow-line-bottom {
    left: 0;
    bottom: 0
}

.project .arrow-left-wrapper .arrow-line-top,
.project .arrow-left-wrapper .arrow-line-right,
.project .close-video .arrow-line-top,
.project .close-video .arrow-line-right {
    right: 0;
    top: 0
}

.project .arrow-left-wrapper .arrow-line-left,
.project .close-video .arrow-line-left {
    -webkit-transform: translateY(7px);
    -moz-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -o-transform: translateY(7px);
    transform: translateY(7px)
}

.project .arrow-left-wrapper .arrow-line-left:before,
.project .close-video .arrow-line-left:before {
    top: 65px
}

.project .arrow-left-wrapper .arrow-line-top,
.project .close-video .arrow-line-top {
    -webkit-transform: translateX(7px);
    -moz-transform: translateX(7px);
    -ms-transform: translateX(7px);
    -o-transform: translateX(7px);
    transform: translateX(7px)
}

.project .arrow-left-wrapper .arrow-line-top:before,
.project .close-video .arrow-line-top:before {
    left: 65px
}

.project .arrow-left-wrapper .arrow-line-right,
.project .close-video .arrow-line-right {
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px)
}

.project .arrow-left-wrapper .arrow-line-right:before,
.project .close-video .arrow-line-right:before {
    top: -65px
}

.project .arrow-left-wrapper .arrow-line-bottom,
.project .close-video .arrow-line-bottom {
    -webkit-transform: translateX(-7px);
    -moz-transform: translateX(-7px);
    -ms-transform: translateX(-7px);
    -o-transform: translateX(-7px);
    transform: translateX(-7px)
}

.project .arrow-left-wrapper .arrow-line-bottom:before,
.project .close-video .arrow-line-bottom:before {
    left: -65px
}

.project .arrow-left-wrapper:hover .arrow-line-left,
.project .close-video:hover .arrow-line-left {
    -webkit-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -ms-transform: translateY(-65px);
    -o-transform: translateY(-65px);
    transform: translateY(-65px)
}

.project .arrow-left-wrapper:hover .arrow-line-top,
.project .close-video:hover .arrow-line-top {
    -webkit-transform: translateX(-65px);
    -moz-transform: translateX(-65px);
    -ms-transform: translateX(-65px);
    -o-transform: translateX(-65px);
    transform: translateX(-65px)
}

.project .arrow-left-wrapper:hover .arrow-line-right,
.project .close-video:hover .arrow-line-right {
    -webkit-transform: translateY(65px);
    -moz-transform: translateY(65px);
    -ms-transform: translateY(65px);
    -o-transform: translateY(65px);
    transform: translateY(65px)
}

.project .arrow-left-wrapper:hover .arrow-line-bottom,
.project .close-video:hover .arrow-line-bottom {
    -webkit-transform: translateX(65px);
    -moz-transform: translateX(65px);
    -ms-transform: translateX(65px);
    -o-transform: translateX(65px);
    transform: translateX(65px)
}

.project .arrow-right-wrapper {
    right: 20px
}

.project .arrow-right-wrapper .arrow-line-left,
.project .arrow-right-wrapper .arrow-line-top {
    left: 0;
    top: 0
}

.project .arrow-right-wrapper .arrow-line-right,
.project .arrow-right-wrapper .arrow-line-bottom {
    right: 0;
    bottom: 0
}

.project .arrow-right-wrapper .arrow-line-left {
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px)
}

.project .arrow-right-wrapper .arrow-line-left:before {
    top: -65px
}

.project .arrow-right-wrapper .arrow-line-top {
    -webkit-transform: translateX(-7px);
    -moz-transform: translateX(-7px);
    -ms-transform: translateX(-7px);
    -o-transform: translateX(-7px);
    transform: translateX(-7px)
}

.project .arrow-right-wrapper .arrow-line-top:before {
    left: -65px
}

.project .arrow-right-wrapper .arrow-line-right {
    -webkit-transform: translateY(7px);
    -moz-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -o-transform: translateY(7px);
    transform: translateY(7px)
}

.project .arrow-right-wrapper .arrow-line-right:before {
    top: 65px
}

.project .arrow-right-wrapper .arrow-line-bottom {
    -webkit-transform: translateX(7px);
    -moz-transform: translateX(7px);
    -ms-transform: translateX(7px);
    -o-transform: translateX(7px);
    transform: translateX(7px)
}

.project .arrow-right-wrapper .arrow-line-bottom:before {
    left: 65px
}

.project .arrow-right-wrapper:hover .arrow-line-left {
    -webkit-transform: translateY(65px);
    -moz-transform: translateY(65px);
    -ms-transform: translateY(65px);
    -o-transform: translateY(65px);
    transform: translateY(65px)
}

.project .arrow-right-wrapper:hover .arrow-line-top {
    -webkit-transform: translateX(65px);
    -moz-transform: translateX(65px);
    -ms-transform: translateX(65px);
    -o-transform: translateX(65px);
    transform: translateX(65px)
}

.project .arrow-right-wrapper:hover .arrow-line-right {
    -webkit-transform: translateY(-65px);
    -moz-transform: translateY(-65px);
    -ms-transform: translateY(-65px);
    -o-transform: translateY(-65px);
    transform: translateY(-65px)
}

.project .arrow-right-wrapper:hover .arrow-line-bottom {
    -webkit-transform: translateX(-65px);
    -moz-transform: translateX(-65px);
    -ms-transform: translateX(-65px);
    -o-transform: translateX(-65px);
    transform: translateX(-65px)
}

.project .arrow-left-wrapper.hide {
    -webkit-transform: translate(-90px, -50%);
    -moz-transform: translate(-90px, -50%);
    -ms-transform: translate(-90px, -50%);
    -o-transform: translate(-90px, -50%);
    transform: translate(-90px, -50%);
    opacity: 0
}

.project .arrow-right-wrapper.hide {
    -webkit-transform: translate(90px, -50%);
    -moz-transform: translate(90px, -50%);
    -ms-transform: translate(90px, -50%);
    -o-transform: translate(90px, -50%);
    transform: translate(90px, -50%);
    opacity: 0
}

.project .close-video {
    left: auto;
    top: 50px;
    right: 20px;
    cursor: pointer
}

.project .close-video:hover .close-cross {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.project .close-cross {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.project .close-cross-line {
    position: absolute;
    left: 2px;
    top: 9px;
    width: 16px;
    height: 2px;
    background-color: #fff
}

.project .close-cross-line1 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.project .close-cross-line2 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.project .arrow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.project .arrow-left {
    background: url(../img/arrow_white_left.png) center center no-repeat
}

.project .arrow-right {
    background: url(../img/arrow_white_right.png) center center no-repeat
}

.project .infos-btn {
    position: absolute;
    right: 25px;
    bottom: 40px;
    width: 30px;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    overflow: hidden;
    z-index: 1
}

.project .infos-btn:hover,
.project .infos-btn.active {
    width: 40px
}

.project .infos-btn:hover .infos-btn-line,
.project .infos-btn.active .infos-btn-line {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}

.project .infos-btn-logo {
    width: 15px;
    height: 15px;
    background: url(img/btns/project_infos.png) center center no-repeat
}

.project .infos-btn-line {
    position: absolute;
    right: 0;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.project .infos-btn-line-1 {
    top: 0px;
    width: 25px
}

.project .infos-btn-line-2 {
    top: 6px;
    width: 23px
}

.project .infos-btn-line-3 {
    top: 12px;
    width: 21px
}

.project .infos {
    display: none;
    position: absolute;
    right: 25px;
    bottom: 80px;
    width: 450px;
    text-align: right;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    z-index: 1
}

.project .infos-part {
    margin-top: 20px
}

.project .page-title-l2 {
    margin-top: 3px
}

.project .infos-title {
    margin-bottom: 3px;
    color: #686868;
    text-transform: uppercase
}

.project .infos-type,
.project .infos-client,
.project .infos-date,
.project .infos-site {
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase
}

.project .infos-site {
    position: relative;
    color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.project .infos-site:after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 0%;
    height: 1px;
    background-color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.project .infos-site .infos-site-link {
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.project .infos-site:hover:after {
    width: 100%
}

.project .infos-site:hover .infos-site-link {
    opacity: 0.5
}

.project.init .close-video,
.project.init .arrow-right-wrapper,
.project.init .arrow-left-wrapper,
.project.init .infos-btn {
    opacity: 0
}

.album-item {
    display: block;
    width: 100%;
    text-align: center;
    background: #FFF
}

.album-item a {
    display: block;
    color: #000;
    line-height: 25px;
}

.album-item img {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .banner-website .banner-2 {
        display: block;
        float: left;
        width: 16.66666667%;
    }
    .banner-website .banner-4 {
        display: block;
        float: left;
        width: 33.33333333%;
    }
    .banner-website .banner-6 {
        display: block;
        float: left;
        width: 50%;
    }
}

/* chỉnh sửa phần container cho site sản phẩm sử dụng mobile */

@media (min-width: 768px) and (max-width: 991px) {
    .img-responsive {
        display: block !important;
    }
    .search {
        display: none !important;
    }
    .container {
        padding: 10px !important;
    }
    .nav-wrapper {
        display: none !important;
    }
    /*.fit-wrapper-left{display:contents;}
	.fit-wrapper-right{display:none;} */
}

/* ------------------------------------------ */

@media (max-width: 1270px) {
    .container {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .body-wrapper>.container>.panel {
        padding: 0 5px;
    }
    .home-item>.title {
        background-image: url(../hinh-nen2.png);
        background-size: 150%;
        background-position: center;
        padding: 0px 0;
    }
    .all-sp {
        background-image: url(../hinh-nen2.png);
        background-size: 150%;
        background-position: center;
        padding: 10px 0;
    }
    .all-sp a {
        font-size: 18px !important;
    }
    #he-thong-cua-hang,
    #show,
    #tin-tuc,
    #albums {
        padding: 0px 0px;
    }
}

.popup-wrapper a {
    max-width: 100%;
    max-height: 100%;
}

.header-search {
    display: inline-block;
    margin: auto;
    max-width: 250px;
    width: 100%
}

.home-banner-wrapper {
    padding-bottom: 0px !important;
}

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

.header-website a.logo {
    text-align: center;
}

.header-website img.logo {
    margin: auto;
}

.list-nav-header {
    padding-top: 10px;
}

.banner-website .banner-2,
.banner-website .banner-4 {
    display: block;
    float: left;
    width: 50%;
}

.banner-website .banner-6 {
    width: 100%;
    clear: both;
    display: block
}

.banner-website .banner-image {
    display: none;
}

.banner-website .clear-xs {
    clear: both;
}

.container {
    padding: 0px 0px;
    width: 100%
}

.navbar-default .navbar-brand {
    line-height: 30px !important;
    height: 30px !important;
    padding: 0px 10px !important;
    font-weight: normal;
    font-size: 14px;
    color: #FFF
}

.navbar-toggle {
    height: 30px;
    padding: 0px;
    margin: 0px;
    width: 30px;
}

.navbar-toggle .icon-bar {
    margin: auto;
}

.navbar-nav {
    margin: 0px;
}

.navbar-default .navbar-nav>li>a img {
    margin: auto;
}

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

.navbar-default .navbar-nav>li>a {
    line-height: 30px;
    font-weight: normal;
    font-size: 14px;
    padding: 0px 10px !important
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #FFF;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #FFF;
}

.prev-container {
    margin: 0px -50px;
}

.navbar-default .navbar-nav>li>a {
    border-top: 1px solid #640922;
    border-bottom: 1px solid #EF608E
}

.navbar-default .navbar-nav>li:nth-child(even)>a {
    border-top: 1px solid #640922
}

.navbar-default .navbar-nav>li:nth-child(odd)>a {
    border-bottom: 1px solid #EF608E
}

.navbar-default .navbar-nav>li:last-child>a {
    border-bottom: none
}

.navbar-default .navbar-nav>li:first-child>a {
    border-top: none
}

.navbar-toggle {
    margin-top: 2px;
}

.top-earth-icon {
    position: relative !important;
    margin-bottom: 10px;
}

.header-website a.logo {
    margin-bottom: -25px;
}

.tieu_de {
    display: none;
}

.address .text-right {
    display: none;
}

.list-right-news {
    margin-left: -20px
}

#tin-tuc-home {
    display: none;
}

}

@media (max-width: 570px) {
    .banner-website {
        display: none !important;
    }
    .fit-wrapper-right {
        display: none
    }
}

@media (min-width: 999px) {
    .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
    }
    #albums,
    #show,
    #tin-tuc,
    #dich-vu-khach-hang,
    #he-thong-cua-hang {
        padding: 0 20px;
    }
}

@media (max-width: 991px) {
    .product-item-wrapper.sale:after,
    .product-item-wrapper.new:after,
    .product-item-wrapper.hot:after {
        line-height: 40px;
        width: 40px;
        font-size: 12px;
        top: 0px;
        right: 0px;
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
    }
    .product-item-wrapper.new:after {
        font-size: 10px;
    }
    .thumb:after {
        background: url(../img/play_small.png) no-repeat;
        width: 51px;
        height: 35px;
        position: absolute;
        top: 40%;
        left: 45%;
        display: block;
        content: "";
    }
    .thumb {
        display: block;
        position: relative;
    }
}

@media (min-width: 768px) and (max-width: 991px) {}

/* Show dòng chữ Hướng dẫn chọn Size cho Green Mobile  */

@media (min-width: 320px) and (max-width: 767px) {
    .product-size-wrapper .title span {
        display: inline-block !important;
    }
    .bct {
        width: 100%;
        left: 0%;
        margin-top: 7%;
    }
    .bct img {
        text-align: center;
    }
    .home-maps-wrapper {
        display: flex;
        flex-direction: column;
        padding: 20px 10px 0 10px;
    }
    .home-maps-wrapper .address {
        order: 2;
        background: none;
    }
    .home-maps-wrapper .left-maps {
        order: 3;
        background: none;
        color: white;
    }
    .home-maps-wrapper p {
        text-align: center
    }
    .home-maps-wrapper .title {
        color: #eee;
        text-transform: uppercase;
        text-align: center;
    }
    .home-maps-wrapper .right-maps {
        order: 1
    }
    .system_store {
        border: none !important;
        vertical-align: top !important;
        ;
    }
    .product-item-wrapper.sale:after,
    .product-item-wrapper.new:after,
    .product-item-wrapper.hot:after {
        line-height: 40px;
        width: 40px;
        font-size: 12px;
        top: 0px;
        right: 0px;
        background-size: 70%;
        background-position: center;
        background-repeat: no-repeat;
    }
    .product-item-wrapper.new:after {
        font-size: 8px;
    }
}

/* ------------------------------------------------ */

@media (max-width: 1099px) {}

@media (max-width: 360px) {}

#order-step {
    display: block;
    position: relative;
}

#order-step:after {
    display: block;
    clear: both;
    content: " ";
}

.order-body {
    padding: 15px;
    display: block;
    background: #f6f3e4;
    color: #FFF
}

.order-body .mini-title {
    font-size: 23px;
    line-height: 27px;
    display: block;
    margin: 2px 0px 10px;
    color: #FFF
}

.wizard.vertical>.steps {
    width: 270px;
}

.wizard.vertical>.content {
    width: calc(100% - 290px);
    margin: 0px;
    float: right;
    background: #A13255
}

.wizard>.steps a,
.wizard>.steps a:hover,
.wizard>.steps a:active {
    margin: 0px 0px 10px;
}

.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
    background: #b5315b
}

.wizard>.content>.body {
    width: 100%;
    height: auto;
    position: relative
}

.wizard>.content {
    min-height: 10px;
}

.wizard>.content:after {
    display: block;
    clear: both;
    content: " ";
}

.wizard>.steps .number {
    display: none;
}

.wizard>.content>.body {
    background: #A13255;
    padding: 15px;
}

.wizard>.content {
    padding: 0px;
    margin: 0px;
}

.order-body {
    padding: 0px;
    background: none;
}

.rs.r-tabs .r-tabs-nav {
    display: none;
}

.rs.r-tabs .r-tabs-accordion-title {
    display: block;
}

.order-body .login-user-container,
.order-body label {
    color: #FFF !important;
}

.order-body .checkbox {
    float: left;
    margin-top: 1px;
    margin-right: 5px;
}

.radio-wrapper {
    display: block;
    margin-bottom: 10px;
    clear: both;
    cursor: pointer
}

.radio-wrapper:after {
    display: block;
    content: " ";
    clear: both;
}

.radio-wrapper input {
    display: inline-block;
    float: left;
    margin: 3px 7px 0px 0px;
}

.order-body .has-error .help-block,
.order-body .has-error .control-label,
.order-body .has-error .radio,
.order-body .has-error .checkbox,
.order-body .has-error .radio-inline,
.order-body .has-error .checkbox-inline {
    color: #8eff00;
}

.bank-radio-button {
    color: #000 !important;
}

.bank-radio-button input {
    display: inline-block;
    float: left;
    margin-top: 3px;
    margin-right: 3px;
}

.order-body .table-striped>tbody>tr:nth-child(odd)>td,
.order-body .table-striped>tbody>tr:nth-child(odd)>th {
    background: #933453
}

.order-body .table-hover>tbody>tr:hover>td,
.order-body .table-hover>tbody>tr:hover>th {
    background: #8f2f4d
}

.order-body .table-bordered>thead>tr>th,
.order-body .table-bordered>tbody>tr>th,
.order-body .table-bordered>tfoot>tr>th,
.order-body .table-bordered>thead>tr>td,
.order-body .table-bordered>tbody>tr>td,
.order-body .table-bordered>tfoot>tr>td,
.order-body .table-bordered {
    border-color: #711230 !important
}

/* .panel-no-background .table-striped>tbody>tr:nth-child(odd)>td, .panel-no-background .table-striped>tbody>tr:nth-child(odd)>th{background:#933453} */

/*.panel-no-background .table-hover>tbody>tr:hover>td, .panel-no-background .table-hover>tbody>tr:hover>th{background:#8f2f4d} */

.panel-no-background .table-bordered>thead>tr>th,
.panel-no-background .table-bordered>tbody>tr>th,
.panel-no-background .table-bordered>tfoot>tr>th,
.panel-no-background .table-bordered>thead>tr>td,
.panel-no-background .table-bordered>tbody>tr>td,
.panel-no-background .table-bordered>tfoot>tr>td,
.panel-no-background .table-bordered {
    border-color: #711230 !important
}

.slick-prev:before,
.slick-next:before {
    font-size: 30px;
    line-height: 30px;
}

.slick-prev,
.slick-next {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.home-news-wrapper .slick-prev {
    right: 60px;
}

.home-news-wrapper {
    padding: 20px 0px 0px 0px
}

.color-white {
    color: #FFF !important;
}

.text-left {
    text-align: left !important;
}

.color-white * {
    color: #FFF;
}

.panel-border-top {
    padding-top: 10px;
    border-top: 1px solid #FFF
}

.col-lg-3 .panel-heading {
    font-size: 19px !important;
    text-align: left !important;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    background: #f6f3e4;
}

.r-tabs {
    border-color: #711230 !important;
}

.tooltip {
    position: inherit;
    opacity: 1;
    filter: alpha(opacity=1);
    filter: alpha(opacity=100)
}

.handle-search {
    float: right;
}

.lang-list {
    float: right;
}

.lang-list ul {
    padding: 0px;
    margin: 0px;
}

.lang-list li {
    display: inline-block;
    margin: 0px;
    float: left;
    width: 35px;
    height: 32px;
    overflow: hidden;
    text-align: center;
}

.lang-list li.active a {
    color: #9f1f63;
    background: white;
    border: 1px solid white;
}

.lang-list li a {
    margin: 0px;
    border: 1px solid #9f1f63;
    padding: 0px;
    border-radius: 0px;
    width: 35px;
    height: 32px;
    text-align: center;
}

.lang-list li a:hover {
    background-color: #bf1e2e;
    border: 1px solid #bf1e2e
}

.lang-list li.active a:hover {
    background: white;
    border: 1px solid white;
}

#btnSearch {
    margin-right: 10px;
    font-size: 25px;
}

.header-search {
    position: relative;
    display: inline-block;
    width: 100%;
}

.header-search form {
    position: relative;
    float: left;
}

.header-search input {
    width: 150px;
    line-height: 30px;
    border: 1px solid #933453;
    padding: 0px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #000;
}

.header-search button {
    border: none;
    cursor: pointer;
    background: transparent;
    color: #933453;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 30px;
    line-height: 23px;
    text-align: center;
    display: none;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #2a6496 !important
}

.pagination>li>a,
.pagination>li>span {}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    color: #428bca !important
}

.btn-primary {
    color: #FFF !important;
}

.bx-home-slider {
    padding: 0px;
    margin: 0px;
}

.bx-home-slider li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: none;
}

.bx-home-slider li:first-child {
    display: block;
}

.bx-home-slider a {
    display: block;
}

.bx-home-slider a img {
    display: block;
    width: 100%;
}

.bx-viewport .bx-home-slider li {
    display: block;
}

.qty-product {
    display: inline-block;
    width: 50px;
    border: 1px solid #CCC;
    padding: 5px 5px;
    line-height: 16px;
    font-size: 13px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000 !important;
    margin-right: 5px;
}

.refresh-product {
    display: inline-block;
    cursor: pointer;
    border: none;
    margin-right: 5px;
    float: left;
    background: none;
    padding: 0px 3px;
}

.refresh-product .fa {
    color: #32B92A !important;
    padding: 0px;
    margin: 0px;
    display: block;
    line-height: 28px;
    font-weight: bold;
    font-size: 16px;
}

.delete-product {
    display: inline-block;
    cursor: pointer;
    float: left;
    padding: 0px 3px;
}

.delete-product .fa {
    color: #F00 !important;
    padding: 0px;
    margin: 0px;
    display: block;
    line-height: 28px;
    font-weight: bold;
    font-size: 20px;
}

.theme-default .nivo-controlNav {
    position: relative;
    z-index: 9;
    padding: 0px;
    margin-top: -35px;
}

.video-title {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}

.credits .nav-arrow span {
    display: none;
}

.credits .nav-arrow.left {
    background: url(../img/back-album.png) center no-repeat
}

.credits .nav-arrow.right {
    background: url(../img/next-album.png) center no-repeat
}

.form-buy-product td {
    vertical-align: middle !important;
}

.order-wrapper label {
    text-align: left !important;
}

.orders img {
    max-height: 30px;
}

.hidden-js-error .help-block.form-error {}

.hidden-js-error .form-error {
    padding: 3px;
    margin: 0px;
    background: none;
    border: none;
    clear: both;
}

.form-error {
    color: #EFE905 !important;
}

.similar-products {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

.similar-products:hover {
    text-decoration: underline;
}

.top-earth-icon {
    position: relative;
    top: -20px;
    right: 10px;
    font-weight: normal;
}

.top-earth-icon img {
    display: inline-block;
    margin-right: 5px;
}

.top-earth-icon a {
    font-weight: normal;
    text-decoration: none;
}

.notifyjs-wrapper,
.notifyjs-wrapper * {
    max-width: inherit !important
}

.notifyjs-bootstrap-error {
    background-color: #f6f3e4 !important
}

.notifyjs-bootstrap-base {
    white-space: normal !important;
}

.notifyjs-bootstrap-error span {
    display: block;
    width: 242px;
    text-align: left
}

.product-qty-wrapper {}

.product-qty-wrapper:after {
    display: block;
    content: " ";
    clear: both;
}

.product-qty-wrapper .after {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 27px;
    font-size: 20px;
    float: left;
    border: 1px solid #946f6d;
    cursor: pointer;
    background: transparent;
}

.product-qty-wrapper .before {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    float: left;
    border: 1px solid #946f6d;
    cursor: pointer;
    background: transparent;
}

.product-qty-wrapper input {
    display: inline-block;
    width: 50px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    float: left;
    border: 1px solid #946f6d;
    cursor: pointer;
    background: transparent;
    border-left: 0px;
    border-right: 0px;
    font-size: 16px;
    color: #FFF !important
}

@media (max-width: 767px) {
    .top-earth-icon {
        position: static;
        right: auto;
        text-align: center;
        margin-bottom: 10px;
    }
    .header-search input {
        float: none;
        max-width: 250px;
    }
    #lien-he {
        display: none;
    }
    .thong-ke-truy-cap {
        display: none;
    }
}

/*Fixed*/

.top-earth-icon .location {
    border: 2px solid white;
    border-radius: 20px;
    vertical-align: top;
}

.top-earth-icon .location ul.dropdown-menu {
    min-width: 175px;
    background: #770d33 !important;
}

.top-earth-icon .location ul.dropdown-menu a {
    text-transform: none;
}

.top-earth-icon .shop-cart {
    display: inline-block;
    position: relative;
    border-left: 1px solid white;
    padding-left: 0px;
    margin-right: -15px;
}

.top-earth-icon .navbar-cart span.notify.notify-left {
    left: 10px;
}

span.shopping-cart {
    background: url('icon/cart.png') no-repeat;
    width: 40px;
    height: 34px;
    float: left;
    background-size: 90%;
}

span.notify {
    width: 32px;
    height: 22px;
    color: #fff;
    text-align: center;
    position: absolute;
    line-height: normal;
    font-size: 11px !important;
    padding-top: 3px;
    z-index: 1;
}

span.notify.notify-left {
    left: 10px;
    top: 3px;
    color: red;
    font-weight: bolder;
}

.dropdown-menu.dropdown-cart {
    background: rgba(222, 62, 109, 0.85) !important;
    width: auto !important;
    right: -45px;
    border-radius: 0px;
    box-shadow: none;
    padding: 10px 5px !important;
    border: 0px;
    box-shadow: none;
}

.dropdown-menu.dropdown-cart li span.item {
    font-size: 14px;
}

.dropdown-menu.dropdown-cart li a {
    border-radius: 0px;
    line-height: inherit;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 5px !important;
}

.dropdown-menu.dropdown-user {
    right: 0px;
    left: inherit;
    background: rgba(222, 62, 109, 0.85) !important;
    width: 200px !important;
    border: none;
    padding: 10px 10px 0px !important;
    text-align: center;
}

.dropdown-menu.dropdown-user li {
    display: inline-block;
    width: 100%;
    margin: 0px;
}

.dropdown-menu.dropdown-cart>li>a:hover,
.dropdown-menu.dropdown-cart>li>a:focus,
.dropdown-menu.dropdown-user>li>a:hover,
.dropdown-menu.dropdown-user>li>a:focus {
    background: #8c1e45 !important;
    color: #FFF;
}

.dropdown-menu.dropdown-user li .social {
    text-align: center;
    padding-bottom: 10px;
}

.dropdown-menu.dropdown-user li .social a {
    padding: 0px;
    display: block;
    margin: 5px 0;
}

.dropdown-menu.dropdown-user li .social img:hover {
    background-color: rgba(245, 130, 32, 0.5);
    opacity: 0.5;
    transition: all 0.3s linear;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: none;
    border: 0px;
}

.dropdown-menu.dropdown-user li .social .fa {
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgba(106, 130, 177, 1);
    background: -moz-linear-gradient(top, rgba(106, 130, 177, 1) 0%, rgba(65, 95, 154, 1) 100%);
}

.dropdown-menu.dropdown-user li .social .fa-google {
    background: rgb(228, 65, 37);
}

.user-login .navbar-user,
.shop-cart .navbar-cart {
    margin: 0px;
}

.user-login .navbar-user li a,
.shop-cart .navbar-cart li a {
    padding: 0 10px;
    border-radius: 0px;
    color: white;
    text-transform: none;
    font-weight: bold;
}

.user-login .navbar-user li a:hover,
.shop-cart .navbar-cart li a:hover {
    background: #8c1e45;
}

.user-login .navbar-user span,
.shop-cart .navbar-cart span {
    font-size: 25px;
}

.user-login {
    display: inline-block;
}

.top-earth-icon button.btn-default {
    background: none;
    border: none;
    border-radius: none;
    box-shadow: none;
    color: #ffffff;
    text-shadow: none;
}

.top-earth-icon .btn-group.open .dropdown-toggle {
    background: none;
    box-shadow: none;
    color: #ffffff;
}

.top-earth-icon .open>.dropdown-menu {
    background: #000000;
    padding: 0;
}

.dropdown-menu>li>a {
    text-align: center;
    border-radius: 5px;
}

.dropdown-menu>li>a:hover {
    background: none;
    border-radius: 5px;
}

/*search*/

#topSearch {
    position: absolute;
    right: 0px;
    top: 5px;
    height: 32px;
    line-height: 32px;
}

#topSearch form {
    display: none;
    float: left;
    position: relative;
    top: 0;
    left: 0;
}

#topSearch form input[type='text'] {
    padding: 4px 15px;
    font-size: 14px;
    width: auto;
    position: relative;
    z-index: 0;
    background: white;
    border: 1px solid #eee;
    height: 30px;
    box-shadow: none;
}

#topSearch .search {
    float: left;
    margin-top: 2px;
}

#topSearch button#search-submit {
    display: none;
}

.navbar-nav.navbar-wcseo>li>.dropdown-menu {
    left: 0px;
    min-width: 160px;
    max-width: 160px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.navbar-nav.navbar-wcseo>li>.dropdown-menu li {
    border-bottom: 1px solid #7b1135;
}

.navbar-nav.navbar-wcseo>li>.dropdown-menu li:last-child {
    border-bottom: 0px;
}

.navbar-nav.navbar-wcseo>li>.dropdown-menu li a {
    text-align: left;
    border-radius: 0px;
}

#topSearch .lang-list ul {
    height: 32px;
    margin: 0px;
}

#topSearch .lang-list li {
    float: left;
    margin: -1px;
}

#topSearch .lang-list li a {
    float: left;
    width: 34px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px;
    color: white;
    border: 1px solid white;
}

#topSearch .lang-list li.active a {
    color: #f6f3e4;
}

#topSearch #btnSearch {
    margin-right: 5px;
    font-size: 22px;
    color: white;
}

#topSearch .user-login,
#topSearch .shop-cart {
    float: left;
    text-align: center;
    width: 50px;
}

#topSearch .user-login .navbar-user {
    margin-top: 2px;
}

#topSearch span.notify.notify-left {
    left: 10px;
}

.buy-now {}

.wishlist {
    vertical-align: sub;
}

.wishlist:hover,
.wishlist:hover .fa {
    color: #ef4136 !important;
    background: none !important;
}

.popup-social {
    margin-top: 20px;
}

.popup-social a {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0 4px;
    text-align: center;
    outline: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    vertical-align: middle;
}

.hoac {
    margin: -12px auto 0;
    margin-top: -12px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 60px;
    background: #f6f6f6;
    text-align: center;
}

.popup-newbie form input {
    margin-top: 10px;
    background: #d1d1d1;
}

.popup-newbie .forget-password {
    text-align: right;
}

.popup-newbie .forget-password a {
    display: inline-block;
    color: #f6f3e4;
    margin-top: 10px;
}

.popup-newbie .tieptuc {
    background: #f22000;
    border: 0;
    margin-top: 10px;
    width: auto;
}

.btn-tieptuc {
    text-align: center;
}

.dn {
    text-align: center;
    position: relative;
    left: 30px;
}

.dn .tk {
    width: 80%;
}

.form_dn {
    margin-top: 20px;
}

.popup-newbie .check-account {
    margin-bottom: 15px;
}

.popup-newbie .regisrer {
    margin-top: 10px;
}

.popup-newbie .regisrer {
    display: inline-block;
}

.popup-newbie .regisrer a {
    color: #f6f3e4;
    float: left;
    margin-left: 10px;
}

.popup-newbie .regisrer span {
    float: left;
}

.popup-newbie h2 {
    background-color: #970023;
    color: #fff;
    font-weight: normal;
    padding: 10px;
    padding-right: 50px;
}

.popup-newbie .popup-container {
    background-color: #f6f6f6;
}

.popup-newbie .line {
    margin-top: 25px;
}

.popup-newbie .close {
    opacity: 1;
}

.popup-newbie {
    display: none;
    max-width: 80%;
    min-width: 300px;
    max-height: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999999;
}

.popup-newbie .fa {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    display: block;
    background-color: #FFF;
    line-height: 25px;
    text-align: center;
    color: #F00;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.payment-info {}

.cart-info {
    padding: 0px;
}

.r-tabs .r-tabs-panel-newbie {
    color: #FFF;
    background: #9b405d00;
    border: none;
    padding: 10px;
    margin: 5px 5px 0 5px;
}

#confirm .cart-details {
    /*margin: 5px;
	background: #9B405D;*/
}

.r-tabs {
    border: 0;
    background-color: transparent;
}

.cart-details table {
    background: #9b405d00;
}

.r-tabs-panel-newbie h2 {
    text-transform: unset;
}

.show-item {
    margin-bottom: 20px;
}

.checkout-success-cont {
    border: 1px solid #d2c67a;
    border-radius: 3px;
    padding: 4px;
    margin-top: 10px;
    background: #FFF5BA;
}

.checkout-success-cont .checkout-success-cont-bg {
    background: #fffceb;
    overflow: hidden;
    position: relative;
}

.content-order {
    line-height: 24px;
    padding: 10px 10px 10px 36px;
    position: relative;
    font-size: 14px;
    float: left;
}

.content-order .ic-check {
    position: absolute;
    top: 9px;
    left: 15px;
}

.content-order .ic-check:before {
    content: '';
    border: solid #4db748;
    border-width: 0 4px 4px 0;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    display: block;
    width: 10px;
    height: 20px;
}

.content-order .shopName {
    font-weight: bold;
    color: #e5101d;
}

.wrapper-bankinfo .box-bankinfo {
    padding-left: 15px;
    padding-bottom: 10px;
    border-radius: 6px;
    max-width: 550px;
    margin: 0 auto;
    display: grid;
    display: flow-root;
}

.box-bankinfo h4 {
    color: #ED2523;
    text-transform: uppercase;
    font-size: 16px;
}

.box-bankinfo .bank-info {
    margin-top: 5px;
}

.wrapper-bankinfo .bank-col-1,
.wrapper-bankinfo .bank-col-2 {
    float: left;
}

.box-bankinfo .bank-info img {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
    max-width: 200px;
}

.box-bankinfo .bank-info span {
    display: block;
}

.wrapper-bankinfo .bank-branch {
    margin-bottom: 7px;
}

.wrapper-bankinfo .bank-name {
    text-transform: uppercase;
    font-weight: bold;
}

.wrapper-bankinfo .bank-col-2 {
    width: 313px;
}

.wrapper-bankinfo .bank-acc-name,
.wrapper-bankinfo .bank-acc-number,
.wrapper-bankinfo .bank-money,
.wrapper-bankinfo .bank-note {
    line-height: 1.1;
    margin-bottom: 7px;
}

.wrapper-bankinfo .bank-money strong {
    color: #ED2523;
}

.panel-no-background .checkout-success-cont {
    color: #000;
    width: 80%;
    margin: 0 auto;
}

.wishlist-div {
    margin-top: 5px;
}

.dncart {
    cursor: pointer;
    margin-top: -17px;
    color: #3498db;
}

.show-item span,
.show-city {
    color: #3498db;
    padding: 5px;
}

.bg {
    background: url(../img/sprite-checkout.png) no-repeat 0 0;
    width: 51px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 40px;
}

.txt {
    height: 40px;
    display: block;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 10px 0 50px;
    font-weight: bold;
    background-color: #1abc9c;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    margin-left: 15px;
}

.group,
.group1 {
    display: ruby;
    display: block;
}

.group input,
.group1 input {
    margin-top: 10px;
}

.group1 .bg {
    background-position: 0 -48px;
}

.group1 .txt {
    background-color: #3498db;
}

.list-payment-method>div:first-child {}

#cart-hide,
#cart-hide:hover {
    color: transparent !important;
    background: transparent !important;
}

.system_store {
    border: 2px solid #fff;
    border-radius: 40px;
    vertical-align: top;
}

.system_store a {
    text-transform: unset;
    float: right;
}

.top-earth-icon .shop-cart {
    border-left: 0;
}

.mb_system_store {
    border-radius: 10px;
    padding: 0 5px;
    margin-left: 10px;
}

.mb_system_store a {
    color: #fff;
}

@media only screen and (max-width: 770px) {
    #confirm .cart-details {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .checkout-success-cont .checkout-success-cont-bg,
    .content-order {
        float: none;
        padding: 2px;
    }
    .wrapper-bankinfo .box-bankinfo {
        margin-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    #san-pham,
    #he-thong-cua-hang,
    #show,
    #tin-tuc,
    #albums {
        padding: 0 10px 20px 10px;
    }
    #he-thong-cua-hang {
        display: block !important;
        margin-top: -20px;
    }
    span.notify.notify-left {
        left: 9px !important;
    }
    .product-no-margin>div {
        padding: 2px
    }
    .home-news-wrapper div.col-lg-4 {
        padding: 0px 0px;
    }
    .system_store a {
        padding: 2px 10px;
    }
}

@media only screen and (max-width: 370px) {
    .ic-check {
        display: none;
    }
}

.wrapper {
    padding: 5px 0 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#similar-products {
    padding: 0 25px;
}

#si {
    margin-bottom: 0px;
}

@media only screen and (max-width:1199px) {
    .fit-button {
        margin-left: 15px;
        margin-top: 10px;
    }
}