@font-face {
    font-family: 'Segoe-UI';
    src: url(../fonts/Segoe-UI.ttf);
}

@font-face {
    font-family: 'UTM-Avo';
    src: url(../fonts/UTM-Avo.ttf);
}

img.lazy-img {
    opacity: 0;
}

a:focus, a:hover {
    color: #802719;
    text-decoration: underline;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #802719;
    color: #fff;
}

    .btn:hover {
        background: #f60;
        color: #fff;
    }

#fb-root {
    height: 0;
    overflow: hidden;
}

.skype a {
    color: #f60;
    font-weight: 700;
    font-size: 18px;
}

.d_page {
    text-align: center;
    clear: both;
}

.related-dmsp ul ul {
    border: 0PX !important;
}

.d_page a {
    display: inline-block;
    margin: 3px;
    padding: 4px 10px;
    border: 1px solid #83271a;
    color: #fff;
    background: #83271a;
    border-radius: 3px;
}

.d_page b {
    display: inline-block;
    margin: 3px;
    padding: 4px 10px;
    border: 1px solid #c18a05;
    color: #fff;
    border-radius: 3px;
    background: #c18a05;
}

img.lazy-img.lazy-loaded {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 1;
}

.logo-wrapper img {
    height: 90px
}

div.lazy-bg {
    visibility: hidden;
    opacity: 0;
    background-color: #ddd;
}

    div.lazy-bg.lazy-loaded {
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
        opacity: 1;
        visibility: visible;
    }

body {
    font: 14px/1.42 "Open Sans",Helvetica,sans-serif;
    color: #545454;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    background-color: #ffffff;
    transition: ease-in-out .3s;
}

    body.loaded {
        overflow: auto;
    }

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0f9f4c;
    z-index: 9999;
}

    .preloader img {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 50px;
        height: 50px;
        margin: auto;
    }

::selection {
    color: #000;
    background: #dcdcdc;
}

::-moz-selection {
    color: #000;
    background: #dcdcdc;
}

::-webkit-input-placeholder {
    color: #999;
    text-overflow: ellipsis;
}

:-moz-placeholder {
    color: #999 !important;
    text-overflow: ellipsis;
    opacity: 1;
}

::-moz-placeholder {
    color: #999 !important;
    text-overflow: ellipsis;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999 !important;
    text-overflow: ellipsis;
    opacity: 1;
}

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

::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.3);
}

::-webkit-scrollbar-thumb {
    background: #c77d34;
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255,255,255,.4);
    }

a {
    color: inherit;
}

    a, a:hover, a:active, a:focus {
        text-decoration: none;
    }

.h2, h2 {
    font-size: 23px;
}

.h3, h3 {
    font-size: 22px;
}

body.overflow {
    overflow: hidden;
    position: relative;
}

.color-green {
    color: #33bab5 !important;
}

.color-blue {
    color: #0095c2 !important;
}

a.color-green:hover {
    color: #4db748 !important;
}

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

.color-red {
    color: #d61419 !important;
}

i.color-red {
    font-style: normal;
}

.fb iframe {
    width: 100%;
}

.background-green {
    background-color: #33bab5 !important;
}

.background-white {
    background-color: #fff !important;
}

.btn {
    outline: none !important;
}

.btn-green {
    background-color: #19aa58 !important;
    color: #fff;
}

    .btn-green:hover {
        background-color: #178d4a !important;
        color: #fff;
    }

.btn-blue {
    background-color: #0a4976 !important;
    color: #fff;
}

    .btn-blue:hover {
        background-color: #0e5385 !important;
        color: #fff;
    }

.btn-black {
    background-color: #414141 !important;
    color: #fff;
}

    .btn-black:hover {
        background-color: #282828 !important;
        color: #fff;
    }

.pagi {
    width: 100%;
    text-align: center;
    clear: both;
    overflow: hidden;
}

.pagination {
    margin: 15px 0px;
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
}

    .pagination:after {
        display: table;
    }

    .pagination > li {
        display: inline-block;
        margin-right: 5px;
    }

        .pagination > li > a, .pagination > li > span {
            background: 0 0;
            color: #434343 !important;
            border-radius: 4px !important;
            font-size: 12px;
            padding: 2px 8px;
            border: 1px solid #ddd;
            font-weight: 600;
        }

            .pagination > li > a:hover, .pagination > li > a.active, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
                border: 1px solid #c77d34;
                background: #c77d34;
                color: #ffffff !important;
            }

            .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
                background: #c77d34;
                color: #ffffff !important;
            }

        .pagination > li:first-child > a i {
            margin-right: 5px;
        }

        .pagination > li:last-child > a i {
            margin-left: 5px;
        }

.list-inline:after {
    clear: both;
    display: table;
}

.list-inline > li {
    float: left;
    padding-left: 0;
    padding-right: 0;
}

.tbl, .text-wrap table {
    width: 100%;
}

.text-wrap {
    line-height: 24px;
    padding: 20px 0;
}

    .text-wrap ul {
        padding-left: 20px;
    }

    .text-wrap img {
        max-width: 100%;
        height: auto !important;
    }

.img-cover {
    display: block;
    overflow: hidden;
    display: block;
}

    .img-cover img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.tbl {
    display: table;
}

    .tbl > .tbl-row {
        display: table-row;
    }

        .tbl > .tbl-cell, .tbl > .tbl-row > .tbl-cell {
            display: table-cell;
        }

.visible-1024, .visible-1024-inline, .visible-1024-inline-block {
    display: none !important;
}

.container {
    width: 1170px;
    padding: 0 15px;
    max-width: 100%;
}

ul.slider {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.form-book .input-group {
    width: 100%;
    margin-bottom: 25px;
}

    .form-book .input-group textarea {
        height: 210px;
    }

#book .remodal-close {
    right: 0;
    left: initial;
    background: transparent;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top: 15px solid #19aa58;
    border-right: 15px solid #19aa58;
}

    #book .remodal-close:before {
        top: -6px !important;
        width: 0 !important;
        height: 0 !important;
        color: #ffffff !important;
        line-height: 0 !important;
    }

.lobibox {
    z-index: 10001 !important;
}

.top {
    background: #efefef;
}

    .top .social ul {
        padding-left: 0;
        margin-bottom: 0;
    }

        .top .social ul li {
            float: left;
            list-style: none;
        }

            .top .social ul li a {
                font-size: 16px;
                padding: 6.5px 33px 6.5px 0;
                display: block;
                color: #707070;
                transition: all 0.5s ease;
            }

            .top .social ul li:nth-of-type(1) a:hover {
                color: #3b5998;
            }

            .top .social ul li:nth-of-type(2) a:hover {
                color: #0084b4;
            }

            .top .social ul li:nth-of-type(3) a:hover {
                color: #8a3ab9;
            }

            .top .social ul li:nth-of-type(4) a:hover {
                color: #db4733;
            }

            .top .social ul li:nth-of-type(5) a:hover {
                color: #cc181e;
            }

.time {
    text-align: right;
    padding-right: 10px;
}

.time {
    font-family: 'Segoe-UI';
    font-size: 14px;
}

.tbl-lang {
    width: 100px;
}

.lang {
    text-align: right;
}

.btn-lang i {
    margin-left: 10px;
}

.top .tbl-cell {
    vertical-align: middle;
}

.btn-lang {
    border: none;
    background: transparent;
}

.lang .dropdown-menu {
    border-radius: 0;
    left: initial;
    right: 0;
    padding: 0;
    margin-top: 7px;
    z-index: 1000;
}

    .lang .dropdown-menu > li > a {
        font-size: 14px;
        font-family: 'Segoe-UI';
    }

        .lang .dropdown-menu > li > a:focus, .lang .dropdown-menu > li > a:hover {
            background: #cc0702;
            color: #ffffff;
        }

header {
    padding: 10px 0;
}

    header .tbl-cell {
        vertical-align: middle;
    }

        header .tbl-cell.logo {
            width: 289px;
        }

.search input {
    height: 43px;
    font-size: 14px;
    border: 2px solid #cccccc;
    border-right: none;
}

.tbl-cell.search .input-group .input-group-addon {
    padding: 0;
    border: none;
}

    .tbl-cell.search .input-group .input-group-addon button {
        border-radius: 0;
        border: none;
        background: transparent;
        padding: 14.5px;
        background: #d69514;
        color: #ffffff;
        border-radius: 0 4px 4px 0;
    }

        .tbl-cell.search .input-group .input-group-addon button:focus {
            outline: none;
        }

.cart {
    text-align: right;
}

.btn-cart {
    border: none;
    background: transparent;
    padding-top: 7px;
    float: right;
    margin-left: 15px;
    text-transform: uppercase;
    font-size: 14px;
}

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

.count span {
    position: relative;
}

    .count span span {
        position: absolute;
        width: 25px;
        height: 25px;
        background: #cc0702;
        text-align: center;
        color: #ffffff;
        border-radius: 50%;
        padding-top: 3px;
        top: -12.5px;
        right: -12.5px;
    }

.this-cart .dropdown-menu {
    right: 0;
    left: initial;
    border-radius: 0;
    padding: 10px;
    z-index: 1000;
}

    .this-cart .dropdown-menu p {
        margin-bottom: 0;
    }

    .this-cart .dropdown-menu a {
        font-size: 14px;
        color: #000000;
    }

.lang-mb {
    display: none !important;
}

.hotline {
    float: right;
    margin-left: 15px;
}

.contact-lang .icon {
    float: right;
}

.hotline p {
    margin-bottom: 0;
    text-transform: uppercase;
}

.hotline a {
    color: #cc0702;
    font-weight: 700;
    font-size: 18px;
}

.contact-lang {
    width: 200px;
}

#menu {
    background: #d69514;
}

    #menu.fixed {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1000;
    }

#sticker .main-menu > li.social.social-mb {
    display: none;
}

.category {
    width: 100%;
}

    .category button {
        width: 100%;
        background: #802719;
        font-size: 15px;
        font-family: Arial;
        font-weight: bold;
        text-transform: uppercase;
        border: none;
        color: #ffffff;
        padding: 10px;
        padding-right: 40px;
    }

        .category button i {
            position: absolute;
            right: 25px;
            top: 10px;
            font-size: 20px;
        }

    .category .dropdown-menu {
        left: 9.5px;
        border-radius: 0;
        margin: 0;
        width: calc(100% - 19px);
        padding: 0;
        z-index: 10000;
        border-top: none;
        box-shadow: none;
        background: #f5f5f5;
    }

        .category .dropdown-header, .category .dropdown-menu > li > a {
            padding: 12.5px 10px 12.5px 45px;
        }

            .category .dropdown-menu > li > a:focus, .category .dropdown-menu > li > a:hover {
                background: #c77d34;
                color: #ffffff;
            }

        .category .dropdown-menu > li {
            position: relative;
        }

            .category .dropdown-menu > li > i {
                display: none;
            }

            .category .dropdown-menu > li > ul {
                position: absolute;
                left: 100%;
                top: 0;
                display: none;
                width: 100%;
                list-style: none;
                padding: 0;
                border: 1px solid rgba(0,0,0,.15);
                background: #ffffff;
            }

            .category .dropdown-menu > li:hover ul {
                display: block;
            }
            /*.category .dropdown-menu>li>ul>li{padding:5px 10px;}*/
            .category .dropdown-menu > li > ul > li > a {
                display: block;
                color: #777777;
                font-size: 15px;
            }

            .category .dropdown-menu > li > a {
                color: #777777;
                font-size: 15px;
                position: relative;
                border-bottom: 1px solid #dcdcdc;
                transition: all 0.5s ease;
            }

            .category .dropdown-menu > li:last-child > a {
                border-bottom: none;
            }

            .category .dropdown-menu > li > a > i {
                position: absolute;
                top: 15px;
                right: 16px;
            }

            .category .dropdown-menu > li > a > img {
                position: absolute;
                left: 15px;
                top: 15px;
            }

            .category .dropdown-menu > li > ul > li > a {
                border-bottom: 1px solid #dcdcdc;
                padding: 13.2px 10px 13.2px 10px;
                transition: all 0.5s ease;
            }

            .category .dropdown-menu > li > ul > li:last-child > a {
                border-bottom: none;
            }

            .category .dropdown-menu > li > ul > li > a:hover {
                color: #ffffff;
            }

            .category .dropdown-menu > li > ul > li:hover {
                background: #c77d34;
                color: #ffffff;
            }

#bannerHome {
    margin-top: 10px;
}

.bannerId .img {
    margin-bottom: 10px;
}

.slider li {
    position: relative;
}

    .slider li .info-sl {
        position: absolute;
        bottom: 15%;
        left: 0;
        background: rgba(223,223,223,0.8);
    }

        .slider li .info-sl h3 {
            margin: 0;
            padding: 5px 15px;
            font-family: 'UTM-Avo';
            font-size: 26px;
            color: #404348;
            text-transform: uppercase;
        }

#banner .lSSlideOuter, #banner .lSSlideOuter .lSPager.lSGallery {
    position: relative;
}

    #banner .lSSlideOuter .lSPager.lSpg {
        position: absolute;
        bottom: 15px;
        width: 100%;
    }

        #banner .lSSlideOuter .lSPager.lSpg > li a {
            background: rgba(0,0,0,0.5);
            width: 10px;
            height: 10px;
            border: 1px solid transparent;
        }

        #banner .lSSlideOuter .lSPager.lSpg > li.active a, #banner .lSSlideOuter .lSPager.lSpg > li:hover a {
            background: #80bb35;
            border: 2px solid #ffffff;
            width: 14px;
            height: 14px;
            margin-bottom: -2px;
        }

.bannerId .img img {
    width: 100%;
}

#bannerHome .col-sm-9 {
    padding-right: 10px !important;
}

.moduleID {
    margin-top: 10px;
    background: #f1f1f1;
}

    .moduleID .modules {
        position: relative;
        width: 100%;
        padding: 20px 0 20px 80px;
    }

        .moduleID .modules:after {
            position: absolute;
            right: 0;
            top: 24px;
            width: 1px;
            height: 28px;
            background: #b8b8b8;
            content: '';
        }

    .moduleID .tbl-cell:last-child .modules:after {
        display: none;
    }

    .moduleID .modules .img1 {
        position: absolute;
        left: 20px;
        top: 20px;
        transition: all 0.5s ease;
    }

    .moduleID .modules .img2 {
        position: absolute;
        left: 20px;
        top: 20px;
        transition: all 0.5s ease;
        transform: rotateY(90deg);
        opacity: 0;
    }

    .moduleID .modules:hover .img1 {
        transform: rotateY(90deg);
        opacity: 0;
    }

    .moduleID .modules:hover .img2 {
        transform: rotateY(0deg);
        opacity: 1;
    }

    .moduleID .tbl-cell {
        vertical-align: middle;
    }

    .moduleID .modules h3 {
        margin: 0;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .moduleID .modules p {
        margin: 0;
        font-size: 14px;
        color: #000000;
    }

#index-product {
    margin-top: 20px;
}

    #index-product .swiper-button-prev,
    #index-product .swiper-container-rtl .swiper-button-next {
        background: url(../img/prev.png) no-repeat !important;
        width: 25px;
        height: 40px;
    }

    #index-product .swiper-button-next, #index-product .swiper-container-rtl .swiper-button-prev {
        background: url(../img/prev.png) no-repeat !important;
        width: 25px;
        height: 40px;
        transform: rotate(180deg);
    }

.index-title h2, .index-title h2 a {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
}

.index-title {
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
}

    .index-title a.xemthem {
        position: absolute;
        right: 0;
        top: 10px;
        color: #000000;
    }

        .index-title a.xemthem i {
            color: #c77d34;
        }

        .index-title a.xemthem:hover {
            color: #c77d34;
        }

    .index-title:before {
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100px;
        background: #c77d34;
        content: '';
        height: 2px;
    }

.product {
    border: 1px solid #dedede;
    border-collapse: collapse;
    transition: all 0.5s ease;
    position: relative;
    height: 340px;
}

    .product .img {
        height: 205px;
        overflow: hidden;
        position: relative;
        margin-bottom: 10px;
    }

        .product .img img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            transition: all 0.5s ease;
            width: 100%;
        }

    .product:hover {
        -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
    }

        .product:hover .img img {
            transform: scale(1.05);
        }

    .product .img span {
        width: 39px;
        height: 39px;
        position: absolute;
        top: 15px;
        left: 5px;
        font-weight: 700;
        color: #ffffff;
        border-radius: 50%;
        text-align: center;
        padding-top: 10px;
        font-size: 12px;
    }

        .product .img span.sale {
            background: #e85959;
        }

        .product .img span.new {
            background: #ff8400;
        }

        .product .img span.Sold {
            position: absolute;
            width: auto;
            padding: 5px 10px;
            height: auto;
            right: -1px;
            left: initial;
            bottom: 10px;
            top: initial;
        }

            .product .img span.Sold.SoldOff {
                border: 1px solid #cc0702;
                border-radius: 3px 0 0 3px;
                color: #cc0702;
            }

            .product .img span.Sold.SoldOn {
                border: 1px solid #599b39;
                border-radius: 3px 0 0 3px;
                color: #599b39;
            }

    .product .now {
        padding: 0 10px 10px 10px;
    }

        .product .now h3 {
            font-size: 14px;
            color: #000000;
            margin-top: 0;
            height: 35px;
        }

        .product .now p {
            font-weight: 700;
            font-size: 16px;
            color: #cc0702;
            margin-bottom: 0;
        }

            .product .now p span {
                font-size: 14px;
                text-decoration: line-through;
                color: #767676;
                font-weight: 300;
                padding-left: 10px;
            }

    .product .action {
        overflow: hidden;
        opacity: 0;
        transition: all 0.5s ease;
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
    }

    .product:hover .action {
        opacity: 1;
    }

    .product .action a {
        display: block;
        width: 50%;
        float: left;
        background: #c77d34;
        text-align: center;
        color: #ffffff;
        height: 29px;
        padding-top: 3px;
    }

        .product .action a.see {
            border-right: 1px solid #ffffff;
        }

        .product .action a img {
            margin-right: 0;
            width: auto;
            display: inline-block;
        }

.productId .col-sm-2 {
    width: 20%;
    padding: 0;
}

.productId .col-sm-10 {
    width: 80%;
    padding: 0;
}

.productId {
    margin-top: 40px;
}

    .productId.bg-red .row .col-xs-12 {
        border-top: 3px solid #c77d34;
    }

    .productId.bg-blue .row .col-xs-12 {
        border-top: 3px solid #00a2b6;
    }

    .productId.bg-green .row .col-xs-12 {
        border-top: 3px solid #00bfa5;
    }

    .productId.bg-orange .row .col-xs-12 {
        border-top: 3px solid #f0962c;
    }

    .productId .list-cate h3, .productId .list-cate h3 a {
        font-weight: 600;
        font-size: 15px;
        color: #ffffff;
        overflow: hidden;
        text-transform: uppercase;
    }

    .productId .list-cate h3 {
        margin: 0;
        text-align: center;
        height: 57px;
        line-height: 57px;
    }

    .productId.bg-red .list-cate h3 {
        background: #c77d34;
    }

    .productId.bg-blue .list-cate h3 {
        background: #00a2b6;
    }

    .productId.bg-green .list-cate h3 {
        background: #00bfa5;
    }

    .productId.bg-orange .list-cate h3 {
        background: #f0962c;
    }

    .productId .list-cate h3 img {
        margin-right: 10px;
    }
/*.productId.bg-red .list-cate ul{border:1px solid #dedede;border-top:none;}*/
.list-cate .nav-tabs {
    height: 283px;
    border-left: 1px solid #dedede;
    background: #f5f5f5;
}

    .list-cate .nav-tabs > li {
        float: initial;
        width: 100%;
        margin: 0;
    }

        .list-cate .nav-tabs > li.active {
            border: none;
        }

        .list-cate .nav-tabs > li a {
            margin-right: 0;
            border: 1px solid transparent;
            padding: 7.8px 15px;
        }

        .list-cate .nav-tabs > li.active > a,
        .list-cate .nav-tabs > li.active > a:focus,
        .list-cate .nav-tabs > li.active > a:hover {
            color: #ffffff;
            border-radius: 0;
            background: #878787;
            border: 1px solid transparent;
        }

        .list-cate .nav-tabs > li > a:hover {
            background: transparent;
            color: #000000;
            border: 1px solid transparent;
        }

#index-partner {
    border-top: 1px solid #dedede;
    margin-top: 40px;
}

    #index-partner .partner {
        height: 80px;
        position: relative;
    }

        #index-partner .partner .img {
            width: 100%;
            height: 100%;
        }

        #index-partner .partner img {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

.menuft h3 {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
}

.menuft ul {
    padding-left: 0;
    list-style: none;
}

    .menuft ul li {
        color: #ffffff;
    }

    .menuft ul i {
        margin-right: 5px;
    }

    .menuft ul a {
        line-height: 1.5;
        color: #ffffff;
    }

        .menuft ul a:hover {
            color: #804211;
        }

.emailletter {
    background: #c77d34;
    padding: 15px 0;
}

    .emailletter .img {
        position: relative;
    }

        .emailletter .img:after {
            position: absolute;
            right: 0;
            top: 0px;
            width: 1px;
            height: 100%;
            content: '';
            background: #ffffff;
        }

        .emailletter .img img {
            float: left;
            margin-right: 15px;
        }

        .emailletter .img p {
            font-size: 18px;
            font-weight: 700;
            color: #ffffff;
            text-transform: uppercase;
            margin-bottom: 0;
        }

    .emailletter .text p {
        color: #ffffff;
        font-size: 16px;
        margin-bottom: 0;
    }

.send-email input {
    float: left;
    width: calc(100% - 115px);
    margin-right: 15px;
    height: 40px;
    border-radius: 4px;
    border: none;
    padding: 5px 10px;
}

.send-email button {
    width: 100px;
    height: 40px;
    background: #303030;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.bottom {
    border-top: 1px solid #dedede;
    margin-top: 15px;
}

    .bottom .col-xs-12 h3 {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        color: #ffffff;
    }

    .bottom .col-xs-12 p {
        color: #ffffff;
    }

    .bottom .col-sm-8 {
        padding-left: 0;
    }

        .bottom .col-sm-8 p {
            line-height: 1.5;
        }

    .bottom .col-sm-4 {
        padding-right: 0;
    }

    .bottom .social ul {
        text-align: right;
        padding-top: 15px;
    }

        .bottom .social ul li {
            display: inline-block;
            list-style: none;
            margin-left: 10px;
        }

            .bottom .social ul li a {
                font-size: 18px;
                color: #ffffff;
                width: 35px;
                height: 35px;
                display: block;
                border: 1px solid #ffffff;
                border-radius: 20px;
                text-align: center;
                line-height: 35px;
            }

            .bottom .social ul li:nth-of-type(1) a:hover {
                color: #ffffff;
                background: #3b5998;
                border: 1px solid #3b5998;
            }

            .bottom .social ul li:nth-of-type(2) a:hover {
                color: #ffffff;
                background: #0084b4;
                border: 1px solid #0084b4;
            }

            .bottom .social ul li:nth-of-type(3) a:hover {
                color: #ffffff;
                background: #db4733;
                border: 1px solid #db4733;
            }

            .bottom .social ul li:nth-of-type(4) a:hover {
                color: #ffffff;
                background: #db4733;
                border: 1px solid #db4733;
            }

            .bottom .social ul li:nth-of-type(5) a:hover {
                color: #ffffff;
                background: #cc181e;
                border: 1px solid #cc181e;
            }

._footer {
    background: url(../img/bg-footer.jpg) no-repeat center #d69514;
}
/*navigation*/
.navigation ul {
    padding-left: 0;
    margin-bottom: 0;
}

    .navigation ul li {
        display: inline-block;
        color: #767676;
        padding: 10px 0;
    }

        .navigation ul li a {
            font-size: 13px;
        }

        .navigation ul li i {
            margin: 0 5px;
        }
/*end navigation*/
/*contact*/
.contact {
    margin-top: 20px;
    margin-bottom: 30px;
    overflow: hidden;
}

    .contact h3 {
        color: #c77d34;
        font-weight: 700;
        font-size: 18px;
        margin: 2px 0 10px 0;
        text-transform: uppercase;
    }

    .contact ul {
        padding-left: 0;
    }

        .contact ul li {
            color: #4d4d4d;
            position: relative;
            list-style: none;
            padding: 13px 0;
            padding-left: 30px;
            border-bottom: 1px dashed #c6c6c6;
        }

            .contact ul li i {
                position: absolute;
                top: 18px;
                left: 8px;
            }

    .contact .col-sm-8 {
        padding-left: 40px;
    }

.form-contact .form-group input.form-control {
    border-radius: 0;
    border: 1px solid #e0dee0;
    height: 40px;
}

.form-contact .form-group textarea.form-control {
    height: 90px;
    border-radius: 0;
    border: 1px solid #e0dee0;
}

.form-contact .col-sm-6:nth-of-type(2n+1) {
    padding-right: 7.5px;
}

.form-contact .col-sm-6:nth-of-type(2n+2) {
    padding-left: 7.5px;
}

.send-contact {
    height: 41px;
    line-height: 41px;
    color: #ffffff;
    background: #d69514;
    text-transform: uppercase;
    text-align: center;
    border: none;
    padding: 0 18px;
}

    .send-contact img {
        margin-right: 15px;
    }

.map-google iframe {
    width: 100%;
}
/*end contact*/
/*cart*/
.title-cart h1 {
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #dedede;
    margin-top: 0;
}

    .title-cart h1:before {
        position: absolute;
        width: 100px;
        height: 2px;
        background: #c77d34;
        bottom: -1px;
        left: 0;
        content: '';
    }

.table-cart {
    margin-top: 20px;
}

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

        .table-cart table thead tr th {
            border: 1px solid #ececec;
            background: #f8f8f8;
            border-collapse: collapse;
            vertical-align: middle;
            text-align: center;
            line-height: 55px;
            height: 55px;
        }

            .table-cart table thead tr th:nth-of-type(1) {
                width: 15%;
            }

            .table-cart table thead tr th.del-cart {
                width: 5%;
            }

            .table-cart table thead tr th.quality {
                width: 5%;
            }

        .table-cart table tbody tr td {
            vertical-align: middle;
            text-align: center;
            border: 1px solid #ececec;
            border-collapse: collapse;
        }

            .table-cart table tbody tr td.img {
                padding: 20px 0;
            }

                .table-cart table tbody tr td.img img {
                    width: 80%;
                    border: 1px solid #ececec;
                    padding: 15px;
                }

                .table-cart table tbody tr td.img a:hover {
                    opacity: 0.5;
                }

            .table-cart table tbody tr td.name {
                text-align: left;
                padding-left: 20px;
            }

                .table-cart table tbody tr td.name a {
                    color: #000000;
                }

                    .table-cart table tbody tr td.name a:hover {
                        color: #c77d34;
                    }

            .table-cart table tbody tr td.quality {
                padding: 0 15px;
            }

                .table-cart table tbody tr td.quality input {
                    width: 60px;
                    border: 1px solid #ececec;
                    color: #000000;
                    text-align: center;
                    height: 39px;
                    padding-right: 10px;
                }

                .table-cart table tbody tr td.quality a {
                    width: 18px;
                    height: 19px;
                    display: block;
                }

                .table-cart table tbody tr td.quality .input-group {
                    position: relative;
                }

                .table-cart table tbody tr td.quality a.add {
                    position: absolute;
                    right: 1px;
                    top: 1px;
                    background: #ffffff;
                    border-left: 1px solid #ececec;
                    border-bottom: 1px solid #ececec;
                }

                .table-cart table tbody tr td.quality a.minus {
                    position: absolute;
                    right: 1px;
                    bottom: 1px;
                    background: #ffffff;
                    border-left: 1px solid #ececec;
                }

            .table-cart table tbody tr td.price {
                font-weight: 600;
                font-size: 16px;
            }

            .table-cart table tbody tr td.del-cart a {
                width: 31px;
                height: 33px;
                display: block;
                background: url(../img/del-cart.png) no-repeat 100%;
                margin-left: calc((100% - 31px)/2);
            }

            .table-cart table tbody tr td.active {
                text-align: left;
                padding: 30px 15px;
            }

                .table-cart table tbody tr td.active a {
                    text-align: center;
                    border: 1px solid #ececec;
                    color: #777777;
                    text-transform: uppercase;
                    height: 37px;
                    line-height: 37px;
                    display: inline-block;
                    padding: 0 15px;
                    margin-right: 10px;
                    transition: all 0.5s ease;
                }

                    .table-cart table tbody tr td.active a:hover {
                        background: #535353;
                        color: #ffffff;
                    }

            .table-cart table tbody tr td.total-money {
                color: #cc0702;
                font-size: 18px;
                font-weight: 600;
            }

                .table-cart table tbody tr td.total-money span {
                    color: #000000;
                }

            .table-cart table tbody tr td.pay {
                text-align: right;
                padding: 15px 0;
            }

                .table-cart table tbody tr td.pay a {
                    background: #c77d34;
                    color: #ffffff;
                    height: 37px;
                    line-height: 37px;
                    text-transform: uppercase;
                    display: inline-block;
                    width: 174px;
                    text-align: center;
                }
/*end cart*/
/*payment*/
.cart-tb {
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75)border:1px solid transparent;
    -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
}

    .cart-tb table thead, .cart-tb table thead tr, .cart-tb table {
        width: 100%;
    }

        .cart-tb table thead tr th {
            border: 1px solid #ececec;
            background: #f8f8f8;
            border-collapse: collapse;
            vertical-align: middle;
            text-align: center;
        }

        .cart-tb table tbody tr td {
            vertical-align: middle;
            text-align: center;
            border: 1px solid #ececec;
            border-collapse: collapse;
        }

    .cart-tb h3 {
        background: #404348;
        color: #ffffff;
        font-size: 18px;
        padding: 10px 15px;
        margin-top: 0;
    }

    .cart-tb table thead tr th:nth-of-type(1) {
        width: 20%;
    }

    .cart-tb table tbody tr td img {
        width: 80%;
    }

    .cart-tb table tbody tr td.price {
        font-weight: 600;
        font-size: 16px;
    }

    .cart-tb table tbody tr td.total-money {
        font-size: 16px;
        font-weight: 600;
    }

        .cart-tb table tbody tr td.total-money span {
            color: #cc0702;
        }

.form-cart {
    margin: 0 -10px;
}

    .form-cart input.form-control {
        height: 40px;
    }

    .form-cart textarea.form-control {
        height: 205px;
    }

.btn-payment {
    float: right;
    border: none;
    background: #c77d34;
    color: #ffffff;
    text-align: center;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    margin-left: 15px;
    text-transform: uppercase;
}

.back-to-cart {
    float: right;
    background: #404348;
    color: #ffffff;
    height: 35px;
    line-height: 35px;
    display: block;
    padding: 0 15px;
}

    .back-to-cart:hover {
        color: #ffffff;
    }

    .back-to-cart i, .back-to-cart i {
        margin-right: 5px;
    }
/*end payment*/
/*guide*/
.f-right {
    float: right;
}

.bor {
    border: 1px solid #d4d4d4;
    background: #f5f5f5;
    padding: 15px;
    margin-bottom: 15px;
}

h3.title-l {
    color: #474a56;
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 0 0;
    padding-bottom: 10px;
    text-transform: uppercase;
    position: relative;
    border-bottom: 2px solid #c77d34;
}

.menul ul {
    padding-left: 0;
    list-style: none;
}

    .menul ul li {
        padding-left: 13px;
        position: relative;
        padding-top: 10px;
    }

        .menul ul li a {
            color: #474a56;
        }

            .menul ul li a i {
                position: absolute;
                left: 0;
                top: 13px;
            }

            .menul ul li.active a, .menul ul li a:hover {
                color: #c77d34;
            }

.newsl ul {
    padding-left: 0;
    list-style: none;
}

    .newsl ul li {
        position: relative;
        padding: 10px 0;
        padding-left: 13px;
        border-bottom: 1px dotted #acacac;
    }

        .newsl ul li:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .newsl ul li a {
            color: #474a56;
        }

            .newsl ul li a i {
                position: absolute;
                left: 0;
                top: 13px;
            }

.menul ul li a:hover {
    color: #cc0702;
}

.ads-l a {
    margin-bottom: 15px;
    display: block;
}

.ads-l img {
    width: 100%;
}

.title h1 {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 700;
    color: #474a56;
}
/*end guide*/
/*news*/
.list-news {
    margin: 20px -15px 0 -15px;
}

    .list-news .col-sm-4 {
        padding: 0 15px;
    }

.news .img {
    height: 200px;
    overflow: hidden;
}

    .news .img img {
        width: 100%;
        transition: all 0.5s ease;
    }

.news:hover img {
    transform: scale(1.05);
}

.news .name {
    height: 85px;
    overflow: hidden;
}

    .news .name h3 {
        margin: 0 0 0 0;
        padding: 15px 0 0px 72px;
        position: relative;
    }

.date {
    width: 60px;
    height: 60px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 30px;
    background: #cc0702;
    position: absolute;
    left: 0;
    top: 15px;
}

    .date span {
        height: 22px;
        display: block;
        font-size: 12px;
        background: #404348;
        padding-top: 3px;
    }

.news .name h3, .news .name h3 a {
    font-weight: 600;
    font-size: 18px;
    color: #404348;
    line-height: 1.3;
    transition: all 0.5s ease;
}

    .news .name h3 a:hover {
        color: #cc0702;
    }

.news .decs {
    padding-top: 15px;
    border-top: 1px dotted #acacac;
    margin-top: 15px;
}
/*end news*/
/*detail news*/
.title-dt h1 {
    font-weight: 700;
    font-size: 26px;
    color: #292929;
    margin: 0 0 15px 0;
}

.date-view > span {
    margin-right: 15px;
    font-size: 13px;
}

    .date-view > span i {
        margin-right: 5px;
    }

    .date-view > span span {
        font-weight: 700;
        color: #000000;
    }

.detail-news {
    padding: 15px 0;
}

.tag {
    padding: 5px 0;
    margin-bottom: 30px;
}

    .tag p {
        margin-bottom: 0;
    }

        .tag p img {
            margin-right: 5px;
        }

        .tag p span, .tag p span a {
            color: #197ab5;
        }

            .tag p span a:hover {
                color: #cc0702;
            }

.other-news h3 {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
}

.other-news ul {
    padding-left: 0;
    list-style: none;
}

    .other-news ul li {
        padding-bottom: 10px;
        position: relative;
        padding-left: 15px;
    }

        .other-news ul li:before {
            position: absolute;
            width: 8px;
            height: 8px;
            background: #cc0702;
            left: 0;
            top: 5px;
            content: '';
            border-radius: 50%;
        }

        .other-news ul li a:hover {
            color: #cc0702;
        }

.newsr h3 {
    text-transform: initial;
    color: #000000;
    font-size: 22px;
}

.newsr ul {
    padding-left: 0;
    list-style: none;
}

    .newsr ul li {
        overflow: hidden;
        padding: 10px 0;
        border-bottom: 1px solid #d9debd;
    }

        .newsr ul li .img {
            width: 29%;
            float: left;
            overflow: hidden;
        }

            .newsr ul li .img img {
                width: 100%;
            }

        .newsr ul li .name {
            width: 71%;
            float: left;
            padding-left: 10px;
        }

            .newsr ul li .name a {
                font-weight: 700;
                color: #383838;
            }

                .newsr ul li .name a:hover {
                    color: #cc0702;
                }

.clock {
    color: #8f8f8f;
    padding: 10px 0 0 0;
}

    .clock i {
        margin-right: 5px;
    }

.detail {
    text-align: justify;
    color: #000000;
}
/*end detail news*/
/*product*/
.banner {
    margin-bottom: 10px;
}

    .banner img {
        width: 100%;
    }

.main .col-ms-9, .col-xs-12.col-sm-9.f-right {
    padding: 0 5px;
}

.title-pro h1 {
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    margin: 10px 0 0px 0;
}

.title-pro select {
    position: absolute;
    right: 0;
    bottom: 10px;
    height: 27px;
    width: 170px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
}

.list-pro .col-xs-6 {
    padding: 0;
}

.main .moduleID {
    margin-top: 0;
}

.fill {
    border-bottom: 1px dotted #cbcbcb;
    margin-bottom: 15px;
}

    .fill:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }

    .fill h4 {
        margin: 0;
        padding-bottom: 10px;
        font-weight: 700;
        color: #000000;
        font-size: 14px;
    }

    .fill ul {
        padding-left: 0;
        list-style: none;
    }

        .fill ul li {
            line-height: 1.5;
        }

            .fill ul li input {
                margin-right: 10px;
            }

            .fill ul li, .fill ul li a {
                color: #000000;
            }

                .fill ul li a {
                    line-height: 2;
                    position: relative;
                    padding-left: 20px;
                }

                    .fill ul li a:before {
                        position: absolute;
                        width: 14px;
                        height: 14px;
                        content: '';
                        left: 0;
                        top: 3px;
                        background: url(../img/checkbox.jpg) no-repeat 100%;
                    }

                .fill ul li.active a:before {
                    background: url(../img/checkbox-active.jpg) no-repeat 100%;
                }

                .fill ul li a.selected {
                    color: #cc0702;
                    text-decoration: line-through;
                }
/*end product*/
/*detail product*/
.related-pro h3 {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    background: #d69514;
    text-align: left;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding-left: 10px;
}

.related-pro ul {
    padding: 0 10px;
    border: 1px solid #dadada;
}

    .related-pro ul li {
        overflow: hidden;
        padding: 10px 0;
        border-bottom: 1px dotted #d9debd;
    }

        .related-pro ul li:last-child {
            border-bottom: none;
        }

        .related-pro ul li .img {
            width: 33%;
            float: left;
            overflow: hidden;
            border: 1px solid #dadada;
            padding: 0;
        }

            .related-pro ul li .img img {
                width: 100%;
                transition: all 0.5s ease;
            }

        .related-pro ul li:hover img {
            transform: scale(1.05);
        }

        .related-pro ul li .name {
            width: 67%;
            float: left;
            padding-left: 10px;
        }

            .related-pro ul li .name a {
                color: #000000;
            }

                .related-pro ul li .name a:hover {
                    color: #c60a0a;
                }

            .related-pro ul li .name .price {
                font-weight: 700;
                font-size: 16px;
                color: #c60a0a;
                line-height: 1;
                margin-top: 5px;
            }

                .related-pro ul li .name .price span {
                    text-decoration: line-through;
                    font-weight: 300;
                    color: #767676;
                    font-size: 14px;
                }

#other-product {
    /* margin: 30px -15px 0 -15px; */
    clear: both;
}

    #other-product .index-title {
        margin-bottom: 20px;
    }

    #other-product .swiper-button-prev, #other-product .swiper-container-rtl .swiper-button-next {
        width: 23px;
        height: 39px;
        background: url(../img/prev-other.png) no-repeat 100% !important;
        z-index: 1000;
        left: 0;
    }

    #other-product .swiper-button-next, #other-product .swiper-container-rtl .swiper-button-prev {
        width: 23px;
        height: 39px;
        background: url(../img/next-other.png) no-repeat 100% !important;
        z-index: 1000;
        right: 0;
    }

.gallery .lSAction > .lSPrev {
    width: 23px;
    height: 39px;
    background: url(../img/prev-other.png) no-repeat 100% !important;
    z-index: 1000;
    left: 0;
}

.gallery .lSAction > .lSNext {
    width: 23px;
    height: 39px;
    background: url(../img/next-other.png) no-repeat 100% !important;
    z-index: 1000;
    right: 0;
}

#imageGallery li {
    border: 1px solid #dadada;
    position: relative;
    height: 100%;
}

    #imageGallery li img {
        width: 100%;
    }

#imageGallery {
    border: 1px solid #e1e1e1;
    height: 415px !important;
}

.gallery .lSSlideOuter .lSPager.lSGallery li {
    width: 69px;
    height: 69px;
    display: block;
    position: relative;
}

    .gallery .lSSlideOuter .lSPager.lSGallery li a img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

    .gallery .lSSlideOuter .lSPager.lSGallery li.active,
    .gallery .lSSlideOuter .lSPager.lSGallery li:hover {
        border-radius: 0;
        border: 1px solid #c60a0a;
    }

.main-pro {
    overflow: hidden;
    margin: 0 -10px;
}

    .main-pro .detail h1 {
        font-weight: 700;
        font-size: 18px;
        color: #000000;
        margin-top: 0;
        line-height: 1.3;
        text-align: left;
    }

    .main-pro .detail p span {
        font-weight: 700;
    }

.share-pro {
    padding: 15px 0;
    border-bottom: 1px solid #dedede;
}

.main-pro .detail ul {
    padding: 20px 0 20px 20px;
    margin-bottom: 0;
}

    .main-pro .detail ul li {
        font-size: 14px;
        padding-bottom: 10px;
        color: #494949;
    }

        .main-pro .detail ul li:last-child {
            padding-bottom: 0;
        }

.main-pro .detail .price-pro {
    margin-bottom: 20px;
}

    .main-pro .detail .price-pro p {
        color: #c60a0a;
        font-size: 28px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .main-pro .detail .price-pro span {
        color: #7f7f7f;
        text-decoration: line-through;
    }

.booking .tbl-cell {
    vertical-align: middle;
}

    .booking .tbl-cell:first-child {
        width: 100px;
    }

.booking select {
    width: 80px;
    height: 46px;
    border: 1px solid #cccccc;
    text-align: center;
    padding-left: 25px;
}

.booking a {
    width: 207px;
    height: 48px;
    display: block;
    background: url(../img/booking.jpg) no-repeat 100%;
    color: #ffffff;
    line-height: 48px;
    text-align: center;
    font-weight: 600;
    padding-left: 30px;
}

.suicide {
    margin-top: 30px;
}

    .suicide .tbl-cell {
        width: 50%;
        vertical-align: middle;
    }

    .suicide .icon {
        float: left;
    }

    .suicide .hotline {
        float: left;
    }

        .suicide .hotline p {
            font-weight: 600;
        }

    .suicide .skype {
        float: left;
        padding-left: 15px;
    }

        .suicide .skype p {
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 0;
        }

        .suicide .skype span {
            color: #1b95e0;
        }

.tab-detail {
    margin-top: 50px;
}

    .tab-detail .nav-tabs > li > a {
        height: 38px;
        line-height: 38px;
        font-weight: 700;
        font-size: 16px;
        color: #000000;
        text-transform: uppercase;
        padding: 0 20px;
    }

    .tab-detail .nav-tabs > li.active > a,
    .tab-detail .nav-tabs > li.active > a:focus,
    .tab-detail .nav-tabs > li.active > a:hover {
        background: #d69514;
        color: #ffffff;
        border: 1px solid #d69514;
    }

    .tab-detail .tab-content {
        padding: 15px 0;
    }

.suicide {
    margin-top: 15px;
}

    .suicide .hotline p {
        display: block;
    }

    .suicide .hotline a {
        position: relative;
        right: initial;
        top: 0;
    }
/*end detail product*/
.copyright {
    clear: both;
    float: right;
}

.send-email {
    position: relative;
}

label#emailletter-error {
    position: absolute;
    right: 135px;
    top: 12px;
    color: red;
}

@media(max-width:1023px) {
    .hidden-1024 {
        display: none !important;
    }

    .visible-1024 {
        display: block !important;
    }

    .visible-1024-inline {
        display: inline !important;
    }

    .visible-1024-inline-block {
        display: inline-block !important;
    }
}

#btn-show-menu {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 25px;
    margin: 0;
    padding: 0;
}

    #btn-show-menu .icon-bar {
        height: 3px;
        background-color: #cc0702;
        margin-bottom: 3px;
        width: 100%;
    }

        #btn-show-menu .icon-bar:last-child {
            margin-bottom: 0;
        }

#MenuLeft {
    z-index: 1000 !important;
}

.icon-callfx {
    position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 100;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    transition: visibility .5s;
    left: 0;
    bottom: 0;
}

.hlph-cir {
    display: none;
    width: 87px;
    height: 87px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #ed1b24;
    -webkit-animation: zoomInVideo 1.2s infinite ease-in-out;
    animation: zoomInVideo 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .5;
}

.hlphcirfill {
    width: 61px;
    height: 61px;
    top: 23px;
    left: 23px;
    position: absolute;
    background-color: rgba(189,52,52,0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: zoomInVideo 2.3s infinite ease-in-out;
    animation: zoomInVideo 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.callcirfill {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: zoomInVideo 1s infinite ease-in-out;
    animation: zoomInVideo 1.5s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    z-index: 99;
    justify-content: center;
}

    .callcirfill a {
        display: block;
        color: #ffffff
    }


@media(min-width: 992px) {
    #sticker {
        font-weight: 300;
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 0;
        vertical-align: middle;
    }

        #sticker ul {
            padding: 0;
        }

        #sticker .main-menu > li {
            display: block;
            list-style: none;
            float: left;
            position: relative;
            vertical-align: middle;
        }

        #sticker .main-menu a {
            display: block;
        }

    .main-menu {
        margin: 0;
        margin-left: 20px;
    }

    #sticker .main-menu > li > a {
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        transition: ease-in-out .3s;
        font-size: 16px;
        white-space: nowrap;
        font-family: 'Segoe-UI';
        height: 41px;
        line-height: 41px;
        display: block;
        padding: 0 10px;
        margin-right: 20px;
    }

    #sticker .main-menu > li.lang > a:hover {
        border-bottom-color: #d69514 !important;
        color: #d69514 !important;
    }

    #sticker .main-menu > li > a:hover {
        color: #ffd600;
    }

    #sticker .main-menu > li ul:after {
        content: "";
        display: block;
        position: absolute;
        height: .4px;
        top: -.4px;
        width: 100%;
    }

    #sticker .main-menu > li.main-item ul > li > a {
        color: #000;
        padding: 6px 10px 6px 10px;
        letter-spacing: 0.5px;
        line-height: 20px;
        border-left: 3px solid rgba(17, 17, 17, 0);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        white-space: nowrap;
        font-weight: normal;
        text-align: left;
        font-size: 15px;
    }

    #sticker .main-menu > li ul > li > a:hover {
        padding: 6px 5px 6px 10px;
        background: rgba(17, 17, 17, 0.05);
        border-left: 3px solid #d69514;
        color: #d69514;
    }

    #sticker .main-menu > li ul {
        list-style: none;
        margin: 0;
        position: absolute;
        z-index: 99;
        opacity: 0;
        transform: translate(-50%, 10px);
        -webkit-transform: translate(-50%, 10px);
        -moz-transform: translate(-50%, 10px);
        visibility: hidden;
        top: 100%;
        left: 50%; /*z-index: 1000; transform: translate(-50%,0);*/
        border: 1px solid #ececec;
        box-shadow: none;
        border-radius: 0;
        background: rgba(255, 255, 255, 0.93);
        min-width: 100%;
    }

    #sticker .main-menu > li:hover > ul {
        opacity: 1;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        visibility: visible;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        display: block;
        background: #fff;
    }

    #sticker .main-menu > li.search {
        width: 220px;
        float: right;
    }

        #sticker .main-menu > li.search input.form-control {
            height: 30px;
            border-right: none;
        }

        #sticker .main-menu > li.search .input-group-addon {
            padding: 0;
            background: #ffffff;
            border-left: none;
        }

            #sticker .main-menu > li.search .input-group-addon button {
                background: #ffffff;
                padding: 5px 10px;
                border: none;
            }

    .list-pro-search .col-sm-3 {
        width: 20%;
    }
}

@media(max-width: 991px) {
    #sticker {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 99999;
        display: none;
    }

    #sticker-overlay {
        opacity: 0;
        visibility: hidden;
        background: rgba(0,0,0,0.5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
    }

    #sticker-wrapper {
        width: 320px;
        max-width: 100%;
        background: #d69514;
        height: 100%;
        border: none;
        z-index: 1;
        left: -100%;
        display: block;
        position: relative;
        padding: 116px 0 51px;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        margin: 0;
    }

    #sticker.opened #sticker-wrapper {
        left: 0;
    }

    #sticker.opened #sticker-overlay {
        opacity: 1;
        visibility: visible;
    }

    #sticker .tbl, #sticker .tbl-cell {
        display: block;
        width: 100%;
    }

    #sticker .sticker-header {
        border-bottom: 1px #a80601 solid;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

        #sticker .sticker-header .title {
            font-size: 20px;
            line-height: 75px;
            font-weight: 700;
            text-transform: uppercase;
            color: #fff;
            padding: 0 50px 0 20px;
        }

        #sticker .sticker-header .close-menu {
            width: 40px;
            height: 40px;
            line-height: 40px;
            position: absolute;
            right: 5px;
            top: 17px;
            cursor: pointer;
            text-transform: uppercase;
        }

            #sticker .sticker-header .close-menu:before, #sticker .sticker-header .close-menu:after {
                width: 18px;
                height: 2px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -1px 0 0 -9px;
                content: "";
                background: #fff;
            }

            #sticker .sticker-header .close-menu:before {
                transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
            }

            #sticker .sticker-header .close-menu:after {
                transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
            }

    #sticker .sticker-body {
        max-height: 100%;
        overflow: auto;
    }

    #sticker .search #search {
        position: relative;
    }

    #sticker .search input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0 30px 0 15px;
        background-color: #fff;
        border: none;
        outline: none !important;
    }

    #sticker .search button {
        position: absolute;
        top: 5px;
        right: 10px;
        background: none !important;
        color: #666;
        outline: none !important;
        border: none;
        font-size: 20px;
        padding: 0;
    }

    #sticker .main-menu > li.search, #sticker .main-menu > li.lang {
        display: none;
    }

    #sticker ul.main-menu {
        display: block;
        float: none !important;
        padding-left: 0;
    }

    #sticker .main-menu > li {
        display: block;
        border-bottom: 1px #ffffff solid;
        padding: 0;
        position: relative;
        width: 100%;
    }

        #sticker .main-menu > li.lang-mb {
            display: block !important;
        }

        #sticker .main-menu > li > a {
            color: #fff;
            line-height: 14px;
            padding: 12px 35px 10px 15px;
            display: block;
            text-align: left;
            font-weight: normal;
            font-size: 14px;
            text-transform: uppercase;
        }

            #sticker .main-menu > li > a:after {
                display: none !important;
            }
}

#sticker #sticker-wrapper .main-menu > li > .fa {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 39px;
    width: 39px;
    text-align: center;
    cursor: pointer;
    margin: 0;
    font-size: 12px;
    display: block;
    color: #fff;
}

#sticker ul.main-menu > li ul {
    position: absolute;
    transform: none;
    width: 200px;
    padding-left: 0px;
    margin-left: 0;
    background-color: transparent;
    display: none;
    margin-bottom: 10px;
}

    #sticker ul.main-menu > li ul:after {
        display: none;
    }

    #sticker ul.main-menu > li ul > li {
        border-bottom: none;
    }

        #sticker ul.main-menu > li ul > li > a {
            border-bottom: none;
            padding: 7px 10px 7px 15px;
            color: #fff;
            display: block;
        }

#sticker .main-menu > li.socials {
    display: none !important;
}

}

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

@media(max-width:767px) {
    .social {
        display: none;
    }

        .social.social-mb a {
            float: left;
            display: block;
        }

    .time {
        text-align: left;
        padding: 5px 0;
    }

    .tbl-cell.tbl-lang {
        display: none;
    }

    .search {
        display: none !important;
    }

    header .tbl-cell.logo {
        width: 40%;
    }

    .contact-lang {
        width: 0;
        padding: 0;
        display: block !important;
    }

    .cart {
        width: 60%;
    }

    .bottom {
        margin-top: 0;
    }

    header .tbl-cell.logo img {
        width: 100%;
    }

    .contact-lang {
        width: auto;
    }

        .contact-lang .icon {
            display: none;
        }

    .hotline a {
        position: absolute;
        top: 2px;
        right: 45px;
    }

    .hotline p {
        display: none;
    }

    .category .dropdown-header, .category .dropdown-menu > li > a {
        font-size: 18px;
    }

    .moduleID .tbl-cell {
        display: block;
    }

    .moduleID .modules:after {
        display: none;
    }

    .moduleID .modules {
        padding: 10px 0 20px 80px;
    }

        .moduleID .modules .img1 {
            top: 10px;
        }

    .product .action {
        opacity: 1;
    }

    .productId .col-sm-10, .productId .col-sm-2 {
        width: 100%;
    }

    .product .img {
        height: 155px;
        margin-bottom: 10px;
    }

    .product .now h3 {
        margin-top: 0;
        height: 30px;
    }

    .slider li .info-sl {
        bottom: 35%;
    }

        .slider li .info-sl h3 {
            font-size: 20px;
        }

    .product .now p {
        text-align: center;
    }

        .product .now p span {
            width: 100%;
            display: block;
        }

    .product .now {
        padding-left: 0;
        text-align: center;
    }

    .product .action a {
        font-size: 0;
    }

        .product .action a.see {
            padding-top: 5px;
        }

    .product .img img {
        width: 100%;
        margin-bottom: 0;
    }

    .productId .list-cate h3 {
        height: 40px;
        line-height: 40px;
    }

    .list-cate .nav-tabs {
        height: auto;
    }

    .emailletter .col-sm-3 {
        display: none;
    }

    .emailletter .text {
        display: none;
    }

    .search.visible-xs.visible-sm {
        display: block !important;
    }

    #sticker .main-menu > li.social.social-mb {
        display: block !important;
    }

    .contact {
        margin-top: 0;
    }

        .contact .col-sm-8 {
            padding-left: 7.5px;
        }

    .form-contact .col-sm-6:nth-of-type(2n+1) {
        padding: 0px;
    }

    .form-contact .col-sm-6:nth-of-type(2n+2) {
        padding: 0px;
    }

    .form-contact .col-sm-12 {
        padding: 0;
    }

    .map-google iframe {
        height: 300px;
    }

    .table-cart table, .table-cart table th, .table-cart table td {
        display: block !important;
        width: 100% !important;
    }

        .table-cart table tbody tr td {
            padding: 10px;
        }

            .table-cart table tbody tr td.quality {
                padding: 10px;
            }

                .table-cart table tbody tr td.quality .input-group {
                    margin-left: calc((100% - 60px)/2);
                }

        .table-cart table thead tr th {
            line-height: 40px;
            height: 40px;
        }

        .table-cart table tbody tr td.pay {
            text-align: center;
        }

    .content img {
        width: 100%;
    }

    .news, .news .img {
        height: auto;
    }

    .pagination > li > a span {
        display: none;
    }

    .pagination > li > a i {
        margin: auto;
    }

    .index-title {
        margin-bottom: 37px;
    }

    .title-pro select {
        left: 0;
        width: 100%;
        bottom: -33px;
    }

    #imageGallery {
        height: 315px !important;
    }

        #imageGallery li {
            padding-top: 0px;
        }

    .gallery .lSSlideOuter .lSPager.lSGallery li {
        height: 100px;
    }

    .gallery {
        margin-bottom: 20px;
    }

    .tab-detail {
        margin-top: 15px;
    }

    #other-product {
        margin-bottom: 15px;
    }

    .product {
        height: 300px;
    }

    .category .dropdown-menu > li > ul {
        left: 0;
        top: 100%;
        z-index: 10;
    }

    .category .dropdown-menu > li {
        position: relative;
        padding: 12.5px 50px 12.5px 45px;
        border-bottom: 1px solid #dcdcdc;
    }

        .category .dropdown-menu > li > a {
            padding: 0;
            position: initial;
            border: none;
        }

            .category .dropdown-menu > li > a i {
                width: 50px;
                height: 25px;
                text-align: right;
                z-index: 100;
                display: none;
            }

            .category .dropdown-menu > li > a:focus, .category .dropdown-menu > li > a:hover {
                background: #a90a06;
            }

        .category .dropdown-menu > li:hover {
            background: #a90a06;
        }

            .category .dropdown-menu > li:hover > a, .category .dropdown-menu > li:hover > i {
                color: #ffffff;
            }

        .category .dropdown-menu > li > i {
            position: absolute;
            display: block;
            width: 50px;
            height: 50px;
            right: 0;
            top: 1px;
            text-align: right;
            padding-top: 16px;
            padding-right: 15px;
        }
}

@media(min-width: 768px) and (max-width: 1023px) {
    .tbl-lang {
        width: 140px;
        padding-right: 40px;
    }

    .tbl-cell.search {
        display: none;
    }

    #btn-show-menu {
        top: 10px;
    }

    .fb img {
        width: 100%;
    }

    .product .img {
        height: 165px;
    }

    .product {
        height: 280px;
    }

        .product .action a img {
            margin-right: 5px;
        }

    .productId .col-sm-2 {
        width: 25%;
    }

    .productId .col-sm-10 {
        width: 75%;
    }

    .list-pro .product .img img {
        width: 100%;
        margin-bottom: 0;
    }

    .product .action a {
        height: 28px;
    }

    .moduleID .modules {
        padding-left: 60px;
    }

        .moduleID .modules h3 {
            font-size: 15px;
        }

        .moduleID .modules .img1 {
            left: 10px;
        }

    .bottom .social ul li {
        margin-left: 15px;
    }

    .contact .col-sm-8 {
        padding-left: 15px;
    }

    .table-cart table tbody tr td {
        padding: 10px;
    }

    .news {
        margin-bottom: 15px;
    }

    .bottom {
        margin: 0;
    }

    .category button {
        font-size: 12px;
        padding-right: 25px;
    }

        .category button i {
            right: 15px;
            top: 8px;
        }

    .category .dropdown-menu > li > a {
        white-space: initial;
    }

        .category .dropdown-menu > li > a > i {
            right: 7px;
        }

        .category .dropdown-menu > li > a > img {
            left: 7px;
        }

    .category .dropdown-header, .category .dropdown-menu > li > a {
        padding: 13.2px 10px 13.2px 38px;
    }

    .related-pro h3 {
        font-size: 14px;
    }

    .list-pro .product .img {
        height: 167px;
    }

    .list-pro .product {
        height: 300px;
    }

    .tab-pane .list-pro .product .img {
        height: 124px;
    }

    .tab-pane .list-pro .product .now h3 {
        height: 55px;
    }

    .tab-pane .list-pro .product .now {
        padding: 0 5px 10px 5px;
    }

    .tab-pane .list-pro .product {
        height: 321px;
    }

        .tab-pane .list-pro .product .action a {
            font-size: 0;
        }

    .gallery .lSSlideOuter .lSPager.lSGallery li {
        height: 80px;
    }

    #imageGallery {
        height: 359px !important;
    }

    .related-pro {
        margin-top: 15px;
    }

        .related-pro ul li {
            width: 50%;
            float: left;
        }

    .time {
        padding-right: 35px;
    }
}

@media(min-width: 1024px)and (max-width:1079px) {
    .moduleID .modules {
        padding-left: 70px;
    }

    .news .img {
        height: 176px;
    }

    .category .dropdown-header, .category .dropdown-menu > li > a {
        padding: 10.5px 10px 10.5px 45px;
    }

    .product .img {
        height: 170px;
    }

    .tab-panel .list-pro .product .img {
        height: 180px;
    }

    .category .dropdown-header, .category .dropdown-menu > li > a {
        padding: 10px 10px 10px 45px;
    }

    #sticker .main-menu > li > a {
        margin-right: 10px;
    }
}

@media(min-width:1080px) {
    .news {
        height: 395px;
        margin-bottom: 15px;
    }
}