﻿
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?zy074');
    src: url('../fonts/icomoon.eot?zy074#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?zy074') format('truetype'), url('../fonts/icomoon.woff?zy074') format('woff'), url('../fonts/icomoon.svg?zy074#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-lotchuot:before {
    content: "\e907";
}

.icon-phukienkhac:before {
    content: "\e902";
}

.icon-hangcu:before {
    content: "\e900";
}

.icon-dichvu:before {
    content: "\e901";
}

.icon-keycap:before {
    content: "\e903";
}

.icon-chuot:before {
    content: "\e904";
}

.icon-tainghe:before {
    content: "\e905";
}

.icon-banphim:before {
    content: "\e906";
}

.fs0 {
    font-size: 20px;
    display: inline-block;
    position: relative;
    bottom: -3px;
    color: #B8B8B8;
    margin-right: 3px
}

a:hover {
    color: #e74c3c;
}

::-webkit-input-placeholder {
    color: red;
}

:-moz-placeholder { /* Firefox 18- */
    color: red;
}

::-moz-placeholder { /* Firefox 19+ */
    color: red;
}

:-ms-input-placeholder {
    color: red;
}

.product-author-title h1, .product-author-title h4 {
    height: 100%;
    position: relative;
    display: inline-block;
    border-radius: 3px 0 0 3px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    color: #00b7f1;
    font-size: 24px;
    text-shadow: none;
}

    .product-author-title h1:after, .product-author-title h4:after {
        content: " ";
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 18px solid transparent;
        border-left: 13px solid #00b7f1;
        border-right: 0 solid transparent;
        border-bottom: 18px solid transparent;
        position: absolute;
        top: 0;
        right: -13px;
        display: none;
    }

@media (min-width: 992px) {
    .product-author-title h1, .product-author-title h4 {
        background-color: #00b7f1;
        font-size: 18px;
        font-weight: 700;
        padding: 0 20px 0 15px;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    }

        .product-author-title h1:after, .product-author-title h4:after {
            display: block;
        }
}

header.wrap-header {
    background: #F1F1F1;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}



        header.wrap-header .header-navigation a.menu-all i.fa {
            color: #ffffff;
            font-size: 18px
        }

.header-navigation ul li a {
    border-top: none;
    border-bottom: 1px solid #2c3e50;
    border-right: none;
    color: #fff;
}

header.wrap-header .header-navigation > ul > li > a {
    padding: 0 5px 0 11px;
}

.header-navigation li:hover, .header-navigation ul li a:focus {
    background: #2c3e50
}

    .header-navigation li:hover a {
        color: #d12720
    }

body {
    background: #F9F9F9
}

#search_form .form-control {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: solid 1px #fff
}

    #search_form .form-control:focus {
        background: #FFFFFF;
        border: 1px solid #d12720
    }

    #search_form .form-control::-webkit-input-placeholder {
        color: #838383
    }

header.wrap-header .header-search button.show-all-button {
    border: 0px;
    background: #fff;
}

    header.wrap-header .header-search button.show-all-button span {
        color: #454545
    }

header.wrap-header .header-search button[type=submit] {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(196, 0, 0);
    border-radius: 3px;
    background: #d12720;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}

.support-policy li {
    background-size: 16px 16px !important;
    padding-left: 23px;
}

    .support-policy li a {
        color: #979797
    }

.tiki-home header.wrap-header .header-navigation > ul {
    background: #34495e;
    border: none
}

header.wrap-header.affix {
    background: #fff;
    border-bottom: solid 1px #C5C5C5;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

    header.wrap-header.affix .header-row2 .header-navigation > a.menu-all {
        background: #E9E9E9;
        color: #454545;
        border: none
    }

    header.wrap-header.affix .header-navigation a.menu-all i.fa {
        color: #454545
    }

    header.wrap-header.affix .header-user .user-cart a.user-cart-link {
        color: #C5C5C5
    }

    header.wrap-header.affix .header-row2 .header-navigation > ul {
        height: auto !important
    }

    header.wrap-header.affix .header-row2 .header-navigation > a.menu-all {
        border-color: #E5E5E5;
    }

    header.wrap-header.affix .header-search button[type=submit] {
        background: #d12720;
        border-color: #C40000;
        color: #fff;
        margin-left: 5px;
        padding: 6px 20px 6px 20px
    }

    header.wrap-header.affix .header-user .user-cart a.user-cart-link .user-cart-text {
        color: #454545
    }

    header.wrap-header.affix .header-user .user-cart a.user-cart-link i.fa {
        color: #454545
    }

header.wrap-header .header-user .user-cart a.user-cart-link .user-cart-quantity {
    background: #d12720
}

header.wrap-header.affix .header-user .user-cart a.user-cart-link .user-cart-quantity {
    background: #d12720
}

header.wrap-header.affix #search_form .form-control {
    background: #F1F1F1;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-color: transparent
}

header.wrap-header.affix .header-search button.show-all-button {
    border: 0px;
    background: #F1F1F1;
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    border-radius: 4px;
    color: #454545;
    opacity: 1;
    font-size: 32px;
    padding: 20px 10px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border: #e1e1e1 solid 1px
}

    .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel .owl-controls .owl-nav .owl-next:hover {
        padding-left: 20px;
        padding-right: 20px;
        background: #fff;
        color: #D90000;
        -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.1);
        box-shadow: 0 4px 12px rgba(0,0,0,.1);
    }

.product-item {
    padding: 7px;
}

    .product-item > a {
        background: #fff;
        display: block;
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
        box-shadow: 0 1px 4px rgba(0,0,0,.1);
        border-radius: 0px;
        overflow: hidden;
        border: solid 1px #E1E1E1
    }

    .product-item .image {
        display: block;
        padding-bottom: 100%;
        text-align: center;
        background: #fff;
    }

        .product-item .image img {
            border: none;
            max-height: 100%;
            max-width: 100%;
            width: auto;
            height: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

.ourservice-block .fa {
    padding-top: 7px;
    padding-right: 5px
}

.site-footer .footer-links .block_content a:hover {
    color: #d12720
}

#icon-footer > a > i {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 16px;
    text-align: center;
    margin-right: 3px;
    transition: all 0.2s ease-in-out;
    line-height: 30px;
    background: #6C6C6C
}

#icon-footer > a > .fa-facebook {
    background: #3b5998
}

#icon-footer > a > .fa-linkedin {
    background: #007bb6
}

#icon-footer > a > .fa-twitter {
    background: #00aced
}

#icon-footer > a > .google-plus {
    background: #dd4b39
}

#icon-footer > a > .fa-rss {
    background: #FF7E00
}

#icon-footer > a > .fa-youtube {
    background: #FF0004
}

#icon-footer > a > .fa-google-plus {
    background: #dd4b39
}

#icon-footer > a > i:hover {
    opacity: .7;
}

.contact-footer .fa {
    padding-right: 10px
}

.site-footer .footer-service {
    border-top: none
}

.site-footer {
    background: #FFFFFF;
}

.product-author-title {
    height: auto;    
}

    .product-author-title h1, .product-author-title h4 {
        color: #d12720
    }

.product-item .price-sale {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px
}

.product-item .title {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px
}

header.wrap-header .header-navigation > ul {
    background: #34495e;
    border: none;
    height: auto
}

.breadcrumb-wrap {
    background: #E7E7E7;
    z-index: 1;
    position: relative
}

    .breadcrumb-wrap .breadcrumb {
        background: transparent;
        padding: 7px 0
    }

#float-anchor {
    padding: 0px;
    margin-top: 15px
}

#slide-banner {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 20px 10px 10px 10px;
    color: #454545;
    border: solid 1px #D5D5D5
}

    #slide-banner div {
        font-size: 16px !important;
    }

.add-to-cart {
    border-radius: 3px;
    background: #d12720;
    height: 40px;
    min-width: 220px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: solid 1px #CE1C1C
}

.quantity .minus, .quantity .plus {
    background: #454545;
    color: #fff;
    border: none;
    border-radius: 2px
}

    .quantity .minus:hover, .quantity .plus:hover {
        background: #000;
        color: #fff
    }

.quantity .qty {
}

.product-description { /*background:#fff; border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1); box-shadow:0 1px 3px rgba(0,0,0,.1);*/
    padding: 40px 0px 70px 0px;
    border-top: solid 1px #DDDDDD !important
}

.special-price-item {
    margin-top: 0
}

.wrap .item-box .item-name {
    border-bottom: solid 1px #DDDDDD;
    display: block;
    padding-bottom: 15px;
    padding-top: 10px;
    margin-top: 20px;
}

.product-description img {
    padding: 10px 0;
    max-width: 100%
}

#slide-banner .price {
    padding-top: 6px;
    font-size: 12px !important
}

header.wrap-header.affix {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    animation: top-bar-affix 0.6s ease 1;
}

.special-price-item span:nth-child(2) {
    color: #454545
}

#amount-total {
    color: #FF7E00 !important
}

.js-btnPlaceOrder {
    background: #d12720;
    border: solid 1px #CE2A2A;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    height: 40px;
    border-radius: 3px
}

    .js-btnPlaceOrder:hover, .js-btnPlaceOrder:focus, .js-btnPlaceOrder:active {
        background: #E52F2F;
        border: solid 1px #CE2A2A
    }

#formPlaceOrder {
    margin-top: 30px;
}

.item-box br {
    display: block;
    margin: 9px 0;
    line-height: 5px;
    content: " ";
}

.header-logo img {
    width: 204px
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #d12720;
    border: #D92E2E solid 1px
}

.pagination > li > a, .pagination > li > span {
    color: #454545;
    margin-right: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 6px 13px
}

.mm-menu {
    background: #454545;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.7);
    color: #fff;
}

.mm-listview > li:not(.mm-divider):after {
    border-bottom-color: #616161;
    right: 0
}

.breadcrumb-wrap .breadcrumb a {
    display: inline-block;
    background: transparent;
    border-radius: 2px;
    padding: 3px 5px
}

    .breadcrumb-wrap .breadcrumb a:hover {
        background: #D0D0D0
    }

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.tiki-home .wrap .home-slideshow {
    border-radius: 0px
}

.header-navigation .nav-sub {
    background: #34495e;
    border: none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.row_menu:hover {
    background: #2c3e50
}

.header-navigation li:hover a {
    color: #fff
}

.header-navigation li {
    border-left: 2px solid transparent;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

    .header-navigation li:hover {
        border-left: 2px solid #D90000
    }

#slide-banner .pitem {
    margin-bottom: 14px
}

    #slide-banner .pitem > a {
        background: transparent;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        display: block
    }

        #slide-banner .pitem > a > img {
            max-height: 100%;
            max-width: 100%;
            width: auto;
            height: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

#slide-banner > div:nth-child(1) {
    padding-left: 15px
}

.product-box-list .product-item {
    padding-bottom: 10px
}

.product-box-list {
}

#select-paging {
    padding: 5px 15px;
    border: 1px solid #ccc;
    color: #D90000;
    background: #fff;
}

header.wrap-header .header-logo {
    min-height: 38px
}

.atc-thumb {
    width: 100%;
}

.atc-thumb-title {
    font-size: 22px;
    margin-top: 0;
}

    .atc-thumb-title a {
        color: #454545
    }

.atc-thumb-des {
}

.atc-mini-info {
    font-size: 12px
}

    .atc-mini-info a, .atc-mini-info span {
        color: #7A7A7A
    }

.atc-thumb-tag a {
    display: inline-block;
    margin-right: 5px
}

.article-item {
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    padding: 10px;
    margin-bottom: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.article-page .product-author-title {
    margin-bottom: 5px;
    border-left: solid 3px #D90000;
    border-radius: 0px
}

    .article-page .product-author-title h1, .article-page .product-author-title h4 {
        background: transparent;
        color: #454545
    }

.video-thumb-title {
    font-size: 14px;
    margin-top: 0;
    line-height: 18px
}

    .video-thumb-title a {
        color: #454545
    }

.atc-rightside {
    margin-top: 15px
}

    .atc-rightside .atc-thumb-wrapper {
        margin-right: -15px;
        display: block
    }

    .atc-rightside .article-item {
        border: none;
        border-bottom: 1px solid #E1E1E1;
        background: transparent;
        margin-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.white-box {
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.atc-rightside .product-author-title {
    margin-top: 0px;
    border-bottom: #E1E1E1 solid 1px;
    margin-bottom: 0
}

.atc-dt img {
    max-width: 100%
}

.m15t {
    margin-top: 15px
}

.news-nav {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    border-top: #E1E1E1 solid 1px;
    border-bottom: #D1D1D1 solid 1px;
    z-index: 2;
    position: relative
}

.n-nav {
    margin-bottom: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    height: 36px;
}

    .n-nav li a {
        display: block;
        padding: 10px 10px 7px 10px;
        border-bottom: 3px solid transparent;
        color: #454545
    }

    .n-nav li.active a {
        border-color: #D90000;
        color: #D90000
    }

.tile-box {
    margin-top: 15px
}

    .tile-box .tile-item {
        overflow: hidden;
        width: 100%;
        padding-bottom: 68%;
        display: block;
        position: relative;
        background: #000
    }

        .tile-box .tile-item img {
            border: none;
            max-height: 100%;
            max-width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: auto
        }

        .tile-box .tile-item .t-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .0001) 100%);
            background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .0001) 100%);
            background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .9)), to(rgba(0, 0, 0, .0001)));
            background-image: linear-gradient(to top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .0001) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
            background-repeat: repeat-x;
            padding: 10px;
            color: #fff;
            display: block;
            font-size: 14px;
            margin: 0
        }

.tile-small {
    margin-top: 15px
}

.white-box .article-item:last-child {
    border-bottom: none
}

.atc-ct img {
    max-width: 100%;
    text-align: center;
    margin: 20px auto
}

.article-page .lead {
    font-size: 18px;
}

.atc-detail-title {
    font-size: 28px
}

.sub-info {
    color: #C5C5C5
}

.relate-article {
    margin-top: 30px;
}

.atc-relate-post {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #E1E1E1
}

.atc-list .rl-item:nth-child(1) .atc-relate-post {
    border-top-color: transparent
}

.atc-relate-post .atc-thumb-wrapper {
    margin-right: -15px;
    display: block
}

.atc-relate-post .atc-thumb-title {
    font-size: 14px
}

.atc-content {
    background: #fff;
    border: 1px solid #E1E1E1;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    margin-top: 15px;
    padding: 15px;
}

.mm-listview .mm-next {
    background: #383838
}

.mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
    top: 16px
}

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
    height: 43px
}

.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next {
    height: 44px;
}

.mm-listview > li:not(.mm-divider):after {
    left: 0
}

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
    padding: 0
}

    .mm-listview .mm-vertical .mm-panel > ul > li > a {
        padding-left: 30px
    }

.label-on-product {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    background: #D90000;
    color: #fff;
    padding: 4px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
}

.label-hethang {
    background: #D90000
}

.label-giamgia {
    background: #6DCB00
}

.label-hanghot {
    background: #FF7E00
}

.ssm-mb {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 1000;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.ssm-btn {
    background: #FFFFFF;
    background: rgba(255,255,255,.8);
    display: block;
    color: #484848;
    font-size: 28px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #CFCFCF;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    position: absolute;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

    .ssm-btn:hover, .ssm-btn:active, .ssm-btn:focus {
        background: #D10003;
        color: #FFFFFF;
        border-color: #9E0002
    }

.ssm-phone {
    left: 20px;
    bottom: 20px;
    animation: phone-alert 2s ease 1;
}

.ssm-cart {
    right: 20px;
    bottom: 20px;
    color: #484848
}

    .ssm-cart .user-cart-quantity {
        display: block;
        color: #fff;
        font-weight: 700;
        padding: 2px;
        position: absolute;
        top: 1px;
        z-index: 2;
        line-height: 11px;
        height: 14px;
        font-size: 11px;
        min-width: 14px;
        background: #ff6c25;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        right: 3px;
    }

.video-container {
    position: relative;
    padding-bottom: 51%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,.7);
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#owl-tintuc .item {
    color: #FFF;
    text-align: center;
    padding: 0px
}

.customNavigation {
    text-align: center;
}

    .customNavigation a {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

.home-n-news .owl-controls .owl-next, #owl-tintuc .owl-controls .owl-prev {
    top: 40%;
}

.home-n-news .owl-carousel .owl-controls .owl-nav .owl-prev, .home-n-news .owl-carousel .owl-controls .owl-nav .owl-next {
    border: none;
    background: rgba(255,255,255,0);
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .home-n-news .owl-carousel .owl-controls .owl-nav .owl-prev .fa, .home-n-news .owl-carousel .owl-controls .owl-nav .owl-next .fa {
        color: #fff
    }

    .home-n-news .owl-carousel .owl-controls .owl-nav .owl-prev:hover .fa, .home-n-news .owl-carousel .owl-controls .owl-nav .owl-next:hover .fa {
        color: #DE0003
    }

    .home-n-news .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .home-n-news .owl-carousel .owl-controls .owl-nav .owl-next:hover {
        background: rgba(255,255,255,1)
    }

.home-n-news .owl-controls .owl-next {
    right: 10px
}

.home-n-news .owl-controls .owl-prev {
    left: 10px
}

.home-n-news .atc-list .atc-relate-post {
    background: transparent;
    padding: 0;
}

.home-n-news .atc-relate-post .atc-thumb-wrapper {
    background: #000
}

.home-n-news .atc-relate-post .atc-thumb-title {
    padding-top: 5px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px
}

    .home-n-news .atc-relate-post .atc-thumb-title a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        .home-n-news .atc-relate-post .atc-thumb-title a:hover {
            color: #000
        }

.home-n-news .atc-relate-post .atc-mini-info {
    text-align: left;
    margin-bottom: 3px
}

.home-n-news .atc-relate-post .atc-thumb-des {
    color: #3B3B3B;
    text-align: left;
    padding-top: 10px
}

.home-n-news .product-author-title h1, .home-n-news .product-author-title h4 {
    float: left
}

.home-n-news .n-nav {
    float: left;
    margin-left: 10px
}

    .home-n-news .n-nav li a {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

        .home-n-news .n-nav li a:hover {
            border-bottom: solid 2px #E40003
        }

.home-n-nav {
    margin: 10px 10px;
}

    .home-n-nav > li > a {
        color: #424242;
        padding: 10px
    }

        .home-n-nav > li > a:active, .home-n-nav > li > a:focus {
            text-decoration: none
        }

.home-n-news .dropdown-menu {
    left: auto;
    right: 0
}

#owl-tintuc .item img {
    display: block;
    width: 100%;
    height: auto;
}

.atc-thumb-tag {
    margin-top: 5px
}

.home-n-news .atc-list .rl-item {
    margin-top: 0px;
}

    .home-n-news .atc-list .rl-item .atc-relate-post {
        border-top: 1px solid #E1E1E1;
        padding: 9px 0;
    }

    .home-n-news .atc-list .rl-item:first-child {
        margin-top: 0;
        border-top: none;
    }

        .home-n-news .atc-list .rl-item:first-child .atc-relate-post {
            border-top: none;
            padding-top: 0
        }

.home-n-news .atc-list .atc-relate-post {
    border: none
}

.home-n-news .atc-list {
    padding: 0 10px;
}

#owl-tintuc {
    padding: 0 10px
}

.remove-m-l {
    padding-left: 0
}

    .remove-m-l .atc-list {
        padding-left: 0
    }

.label-default {
    background: #ACACAC
}

#owl-tintuc .item {
    overflow: hidden;
    width: 100%;
    padding-bottom: 65%;
    display: block;
    position: relative;
    background: #000;
}

    #owl-tintuc .item img {
        border: none;
        max-height: 100%;
        max-width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        z-index: 1
    }

    #owl-tintuc .item .t-title {
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        width: 100%;
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .0001) 100%);
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .0001) 100%);
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .9)), to(rgba(0, 0, 0, .0001)));
        background-image: linear-gradient(to top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
        padding: 20px 10px;
        color: #fff;
        display: block;
        margin: 0;
        z-index: 2;
        font-size: 15px;
        text-align: left
    }

.product-description iframe {
    margin: 0 auto;
    display: block;
}

.relate-article .atc-list .rl-item:nth-child(2n+1) {
    clear: left;
}

.tag-in-detail {
    background: #eeeeee;
    margin: -20px -10px 10px -10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 7px;
    border-bottom: 1px solid #E50000;
}

    .tag-in-detail .atc-thumb-tag {
        margin-top: 0
    }

        .tag-in-detail .atc-thumb-tag a {
            margin-bottom: 3px;
            margin-right: 2px;
        }

            .tag-in-detail .atc-thumb-tag a .label-white {
                background: #595959;
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
                box-shadow: 0 1px 3px rgba(0,0,0,.1);
                color: #fff;
                font-weight: normal;
                -webkit-transition: all 0.2s;
                transition: all 0.2s;
                padding: 7px 7px;
                display: block
            }

            .tag-in-detail .atc-thumb-tag a:hover .label-white {
                background: #3A3A3A;
                color: #fff;
            }

.mm-panels > .mm-panel {
    padding: 0px 16px;
}

.item-product-options .btn-group {
}

    .item-product-options .btn-group .btn-primary {
        background: #fff;
        border: solid 1px #C3C3C3;
        color: #000;
        padding: 6px 6px;
        font-size: 13px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
        margin-top: 3px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

        .item-product-options .btn-group .btn-primary:hover {
            background: #EEEEEE;
            border-bottom: solid 2px #2A2A2A;
            padding-bottom: 5px;
        }

        .item-product-options .btn-group .btn-primary.active {
            background: #545454;
            color: #fff;
            border: solid 1px #272727;
            border-bottom: solid 2px #E50000;
            padding-bottom: 5px;
        }

@keyframes top-bar-affix {
    0% {
        top: -40px
    }

    100% {
        top: 0px
    }
}

@keyframes phone-alert {
    0% {
        background-color: #ffffff;
        color: #484848;
        border-color: #CFCFCF
    }

    50% {
        background-color: #D70003;
        color: #FFFFFF;
        border-color: #9E0002
    }

    100% {
        background-color: #ffffff;
        color: #484848;
        border-color: #CFCFCF
    }
}




/*-------- chi man hinh lg--------*/
@media (min-width: 1200px) {
    #float-anchor {
        padding: 0px 15px;
        margin-top: 0px
    }

    #slide-banner .col-md-6 {
        padding-left: 5px;
        padding-right: 5px
    }

    #search_form .input-group {
        margin-left: 42px
    }
}

/*-------- chi man hinh md--------*/
@media (min-width: 992px) and (max-width: 1199px) {
    .support-policy li:nth-child(1) {
        display: none
    }

    #float-anchor {
        width: 100%
    }

    #slide-banner .col-md-6 {
        width: 25%
    }

    #slide-banner {
        width: 100%
    }

    #slide-banner {
        background: transparent;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0
    }

        #slide-banner .pitem {
            background: #fff;
            border: #E1E1E1 solid 1px;
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
            box-shadow: 0 1px 3px rgba(0,0,0,.1)
        }

            #slide-banner .pitem > a > img {
            }

        #slide-banner .price {
            padding: 10px;
            font-weight: bold
        }

        #slide-banner div {
            font-size: 18px !important
        }

        #slide-banner .pitem {
            margin-bottom: 20px
        }

    .product-box-list .product-item {
        width: 25%
    }

    #slide-banner {
        top: 0 !important
    }
}

/*-------- man hinh md tro len--------*/
@media (min-width: 992px) {

    .image-box {
        margin-top: 30px
    }

    .js-btnPlaceOrder {
        width: 220px !important;
        margin: 0 auto;
        display: block
    }

    .image-box {
        background: transparent;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative
    }

        .image-box img {
            max-height: 100%;
            max-width: 100% !important;
            width: auto;
            height: auto;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

    .product-description {
        margin-left: 15px;
        margin-right: 15px
    }

    #search_form .input-group {
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
        box-shadow: 0 1px 3px rgba(0,0,0,.1)
    }

    .atc-rightside {
        padding-left: 0
    }
}

@media (max-width: 991px) {
}

/*-------- man hinh sm tro len--------*/
@media (min-width: 768px) {
    .product-author-title {
        background-color: #F0F0F0;       
        border-radius: 3px;
        margin-left: 0px;
    }

        .product-author-title h1, .product-author-title h4 {
            background-color: #d12720;
            border-radius: 3px;
            text-shadow: none;
            display: inline-block;
            padding-left: 15px;
            padding-right: 15px;
            color: #fff;
            font-size: 16px;
        }

            .product-author-title h1:after, .product-author-title h4:after {
                display: none
            }

    .tile-big {
        padding-right: 5px
    }

    .tile-small {
        padding-left: 0;
        padding-right: 5px;
        margin-top: 5px
    }

    .tile-small-group {
        padding-right: 25px
    }

    .tile-big .tile-item {
        padding-bottom: 69%
    }

        .tile-big .tile-item .t-title {
            font-size: 22px
        }

    .tile-small:nth-child(1), .tile-small:nth-child(2) {
        margin-top: 0px
    }

    .atc-list .rl-item:nth-child(1) .atc-relate-post, .atc-list .rl-item:nth-child(2) .atc-relate-post {
        border-top-color: transparent
    }

    .home-n-news .atc-list .rl-item:nth-child(2) .atc-relate-post {
        border-top: 1px solid #E1E1E1;
    }   
}
/*-------- chi man hinh sm--------*/
@media (min-width: 768px) and (max-width: 991px) {
    .product-description {
        padding-left: 15px;
        padding-right: 15px;
        border: none !important;
        padding-top: 20px
    }

    .image-box {
        background: transparent;
    }

        .image-box img {
            max-width: 100%;
            max-height: 500px
        }

    #slide-banner {
        width: 100%
    }

    #slide-banner {
        background: transparent;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        #slide-banner .pitem {
            background: #fff;
            border: #E1E1E1 solid 1px;
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
            box-shadow: 0 1px 3px rgba(0,0,0,.1)
        }

            #slide-banner .pitem > a > img {
            }

        #slide-banner .price {
            padding: 10px;
            font-weight: bold
        }

        #slide-banner div {
            font-size: 18px !important
        }

        #slide-banner .pitem {
            margin-bottom: 20px
        }

    #slide-banner {
        padding-left: 0;
        padding-right: 0
    }

    #slide-banner {
        top: 0 !important
    }

    .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
        border-color: #fff
    }

    .mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
        background: rgba(0,0,0,0.5);
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next {
        display: none !important
    }

    header.wrap-header.affix .header-search-wrap {
        margin-left: 45px;
        margin-right: 45px
    }

    header.wrap-header.affix .header-search button[type=submit] {
        padding: 6px 15px 2px 15px;
        margin-left: 2px
    }

    header.wrap-header.affix {
        padding-bottom: 6px;
    }

        header.wrap-header.affix #search_form .form-control {
            border-radius: 3px;
        }

    header.wrap-header #search_form .form-control {
        border-radius: 3px;
    }

    header.wrap-header.affix .user-cart-mobile a.user-cart-link i.fa {
        font-size: 26px;
        line-height: 35px
    }

    header.wrap-header.affix .user-cart-mobile a.user-cart-link .user-cart-quantity {
        top: -2px
    }
}

@media (max-width: 767px) {
    .home-slideshow-root {
        padding-left: 15px;
        padding-right: 15px
    }

    .product-description {
        padding-left: 15px;
        padding-right: 15px;
        border: none !important;
        padding-top: 20px
    }

    #slide-banner {
        border-radius: 0px
    }

        #slide-banner .col-xs-6 {
            padding-left: 3px;
            padding-right: 3px
        }

    .item-product-options .quantity-box {
        display: block
    }

    .quantity {
        width: 100%
    }

    .add-to-cart {
        width: 100%;
        margin-top: 15px;
    }

    .image-box {
        background: transparent;
    }

        .image-box img {
            max-width: 400px !important;
            width: 100%
        }

    .product-author-title h1, .product-author-title h4 {
        padding-left: 15px;
        font-size: 20px;
        color: #454545
    }

    .product-author-title {
        margin-bottom: 5px
    }

    #slide-banner {
        background: transparent;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        #slide-banner .pitem {
            background: #fff;
            border: #E1E1E1 solid 1px;
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
            box-shadow: 0 1px 3px rgba(0,0,0,.1)
        }

            #slide-banner .pitem > a > img {
            }

        #slide-banner .price {
            padding: 10px;
            font-weight: bold
        }

        #slide-banner div {
            font-size: 18px !important
        }

    .header-logo img {
        width: 174px
    }

    .product-box-list {
        padding-left: 0px;
        padding-right: 0px
    }

    .footer-block {
        margin-bottom: 15px
    }

    .site-footer .footer-links {
        padding-top: 20px
    }

    #slide-banner {
        top: 0 !important
    }

    .list-service {
        margin-bottom: 15px
    }

    .product-item {
        padding: 3px
    }

    .product-box-list .product-item {
        padding-bottom: 3px
    }

    #slide-banner .pitem {
        margin-bottom: 6px
    }

    .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
        border-color: #fff
    }

    .mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
        background: #232323
    }

    .option-box {
        padding-left: 3px
    }

    .tiki-home .wrap .home-slideshow-root .product-box-list {
        padding-left: 10px;
        padding-right: 10px
    }

    .article-item {
        padding-left: 0;
        padding-right: 0;
        border: none;
        background: transparent;
        border-bottom: 1px solid #E1E1E1
    }

        .article-item:hover {
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .article-item .atc-thumb-wrapper {
            margin-right: -15px;
            display: block
        }

    .atc-thumb-title {
        font-size: 14px;
        font-weight: bold
    }

    .atc-thumb-des {
        display: none
    }

    .video-handons-box {
        display: none
    }

    .tile-small-group {
        padding-left: 30px
    }

    .tile-small {
        padding-left: 0
    }

    .tile-big .tile-item .t-title {
        font-size: 22px
    }

    .article-item {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .article-page .product-author-title {
        background: #EEEEEE
    }

    .n-nav {
        margin-left: -15px;
        margin-right: -15px
    }

    .atc-content {
        padding: 0;
        background: transparent;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .atc-relate-post {
        background: transparent
    }

    .tile-small {
        padding-left: 0;
        padding-right: 5px;
        margin-top: 5px
    }

    .tile-small-group {
        padding-right: 25px
    }

    .list-service {
        border-right: none
    }

    #owl-tintuc {
        padding: 0
    }

        #owl-tintuc .atc-list .atc-relate-post {
            padding: 0;
            min-height: 228px
        }

        #owl-tintuc .atc-relate-post .atc-thumb-wrapper {
            margin-right: 0px
        }

        #owl-tintuc .atc-relate-post .atc-thumb-wrapper {
            display: block;
            padding-bottom: 68%;
            text-align: center;
            position: relative;
            white-space: nowrap;
            vertical-align: middle;
        }

            #owl-tintuc .atc-relate-post .atc-thumb-wrapper .atc-thumb {
                border: none;
                max-height: 100%;
                max-width: 100%;
                width: auto;
                height: 100%;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
            }

        #owl-tintuc .atc-relate-post .atc-thumb-title {
            padding: 10px 10px 0 10px;
            font-weight: normal;
            font-size: 15px;
            line-height: 18px;
            margin-bottom: 5px
        }

        #owl-tintuc .atc-relate-post .atc-mini-info {
            padding: 3px 10px 10px 10px
        }

    .home-n-news .owl-carousel .owl-controls .owl-nav .owl-prev, .home-n-news .owl-carousel .owl-controls .owl-nav .owl-next {
        display: none !important
    }

    .home-n-news .atc-list {
        padding: 0
    }

        .home-n-news .atc-list .rl-item {
            padding-left: 15px;
            padding-right: 15px
        }

    .remove-m-l {
        padding-left: 15px
    }

    .home-n-news .atc-list .rl-item:first-child .atc-relate-post {
        margin-top: 10px
    }

    .home-n-news .product-author-title h1, .home-n-news .product-author-title h4 {
        padding-left: 0
    }

    .product-description iframe {
        width: 100%;
    }

    header.wrap-header.affix .header-search-wrap {
        margin-left: 45px;
        margin-right: 45px
    }

    header.wrap-header.affix .header-search button[type=submit] {
        padding: 6px 15px 2px 15px;
        margin-left: 2px
    }

    header.wrap-header.affix {
        padding-bottom: 6px;
    }

        header.wrap-header.affix #search_form .form-control {
            border-radius: 3px;
        }

    header.wrap-header #search_form .form-control {
        border-radius: 3px;
    }

    header.wrap-header.affix .user-cart-mobile a.user-cart-link i.fa {
        font-size: 26px;
        line-height: 35px
    }

    header.wrap-header.affix .user-cart-mobile a.user-cart-link .user-cart-quantity {
        top: -2px
    }

    .item-product-options .btn-group .btn-primary {
        font-size: 12px;
    }
}

@media only screen and (min-device-width : 991px) and (max-device-width : 1024px) {
    .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next {
        display: none !important
    }

    .header-navigation li {
        position: relative
    }

        .header-navigation li a {
            width: 100%
        }

    header.wrap-header .header-navigation > ul > li > a i.fa {
    }

    .header-search-wrap {
        margin-left: 0;
        margin-right: 0
    }

    header.wrap-header .header-row-1 .col-md-4 {
        width: 10%;
    }

    header.wrap-header .header-user {
        width: 85px;
    }

    header.wrap-header .header-row-1 .col-md-5 {
        width: 63%
    }
}

.ads_cate {
    overflow: hidden;
}
.cl_white, .cl_white * {
    color: #FFF;
}
