@charset "UTF-8";
@import url("fonts.css");

* {
    margin: 0;
    text-decoration: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    min-width: 1200px;
    font-family: Arial, Helvetica, sans-serif;
}

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

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

.clear {
    clear: both;
}

/* Begin Contain */
#wrap_container {
    width: 100%;
}

.contain_main {
    max-width: 1200px;
    margin: 30px auto;
}

.center {
    max-width: 1200px;
    margin: 0px auto;
}

.left {
    width: 240px;
    float: left;
}

.right {
    width: calc(100% - 255px);
    float: right;
}

.title_main {
    margin-bottom: 25px;
    text-align: center;
    padding-bottom: 25px;
    background: url(../images/bg-title-main.png) no-repeat bottom center;
}

.title_main span {
    font-size: 22px;
    color: #0b4da3;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Tahoma';
    line-height: 25px;
}

.title_mainindex {
    margin-bottom: 25px;
    text-align: center;
    padding-bottom: 25px;
    background: url(../images/bg-title-main.png) no-repeat bottom center;
}

.title_mainindex span {
    font-size: 22px;
    color: #0b4da3;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'UTMMagnesium';
    line-height: 25px;
}

.info_main {
    margin-bottom: 10px;
}

.view {
    float: left;
    color: #D21313;
    font-family: arial;
    font-size: 14px;
    margin-bottom: 10px;
}

.share {
    float: right;
}

.transition {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.box-sizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* End Contain */

/* Begin Intro */
.intro {
    width: 100%;
    position: relative;
    z-index: 1;
    background: #EEEEEE;
}

.content-intro {
    max-width: 1200px;
    margin: auto;
    padding: 45px 0px;
}

.title_intro {
    text-align: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #A5A7A0;
}

.title_intro span {
    color: #662104;
    font-family: 'RobotoCondensedRegular';
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 30px;
    border-bottom: 3px solid #A5A7A0;
}

.title_intro span a {
    color: #662104;
}

.item-intro {
    width: 570px;
    float: left;
}

.item-intro:last-child {
    width: 550px;
    float: right;
}

/* End Intro */

@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " ("attr(href) ")";
        display: none;
    }

    abbr[title]:after {
        content: " ("attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }

    a[href] {
        display: none;
    }
}


/* Begin News Home */
.news-est {
    width: 270px;
    float: left;
}

.wrap-news-simply {
    width: 290px;
    float: right;
}

.item-tt-moi {
    overflow: hidden;
    height: 95px;
}

.pic-tt-moi {
    float: left;
    margin-right: 10px;
}

.pic-tt-moi img {
    max-width: 125px;
    max-height: 95px;
}

.name-tt-moi a {
    font-family: arial;
    color: #313131;
    font-size: 16px;
    line-height: 18px;
    display: block;
    overflow: hidden;
}

.name-tt-moi a:hover {
    color: red;
}

.pic-tt-moi img:hover {
    opacity: 0.8;
}

.desc-tt-moi {
    font-size: 14px;
    font-family: arial;
    line-height: 18px;
    color: #313131;
    text-align: justify;
}

/* End News Home */

/********** Left *********/
.block-left {
    margin-bottom: 20px;
}

.block-left:last-child {
    margin-bottom: 0px;
}

.block-left:after {
    content: '';
    display: block;
    clear: both;
}

.title-left {
    height: 40px;
    text-align: center;
    background: url(../images/bg-title-left.png) no-repeat;
}

.title-left span {
    color: #f8ee00;
    font-family: 'RobotoCondensedRegular';
    text-transform: uppercase;
    font-size: 17px;
    line-height: 40px;
}

.content-left {
    border-right: 1px solid rgba(128, 128, 128, 0.3);
    border-left: 1px solid rgba(128, 128, 128, 0.3);
    border-bottom: 1px solid rgba(128, 128, 128, 0.3);
}

/* Begin Wrap Liên Hệ */
.wrap-lienhe {
    height: 267px;
    background: url(../images/bg-lienhe.png) no-repeat top center;
}

.frm_dangky {
    max-width: 410px;
    margin: auto;
    padding-top: 145px;
}

.txt_dk {
    width: 280px;
    background: white;
    border: none;
    line-height: 48px;
    text-indent: 10px;
    outline: none;
    font-size: 12px;
    float: left;
    color: #313131;
    border-radius: 7px;
}

.btn_dk {
    width: 115px;
    height: 50px;
    float: right;
    background: red;
    font-family: 'RobotoRegular';
    border: 0px;
    color: white;
    outline: none;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
}

/* End Wrap Liên Hệ */

/* Begin Tags */
.wrap-tags {
    max-width: 1200px;
    margin: auto;
    margin-bottom: 10px;
    color: gray;
}

.wrap-tags>span {
    font-size: 13px;
    color: #313131;
}

.wrap-tags>a {
    color: gray;
    font-size: 13px;
}

.wrap-tags>a:hover {
    text-decoration: underline;
}

/* End Tags */
/* Begin Header */
.header {
    width: 100%;
}

.banner {
    max-width: 1200px;
    margin: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}

.banner_desktop {
    display: block;
}

.banner_responsive {
    display: none;
}

.hotline {
    height: 32px;
    font-family: 'RobotoCondensedBold';
    color: #000;
    font-size: 18px;
    margin: 7px 0px;
    background: url(../images/icon-hl.png) no-repeat left center;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    padding-left: 30px;
    line-height: 32px;
    position: absolute;
    right: 0px;
    top: 70px;
}

.box-banner {
    text-align: center;
    padding: 10px 0px;
    width: calc(100% - 400px);
}

.box-banner p:first-of-type {
    font-family: 'UTMMagnesium';
    font-size: 20px;
    text-transform: uppercase;
    line-height: 30px;
    color: #0b4da3;
}

.box-banner p:nth-of-type(4) {
    font-family: 'Tahoma';
    font-size: 18px;
}

.box-banner p:nth-of-type(4) span {
    color: red;
    font-family: 'UTMMagnesium';
    font-size: 20px;
}

.box-banner p:nth-of-type(5) span {
    color: red;
    font-size: 17px;
}

.box-banner p:last-of-type {
    font-family: 'Tahoma';
    font-size: 18px;
}

.box-banner p:last-of-type a {
    color: #002cad;
}

a.cart-banner {
    display: block;
    color: #0612fc;
    margin: 1px 0px;
    text-align: right;
    font-size: 15px;
    position: absolute;
    top: 4px;
    right: 185px;
}

.lang {
    position: absolute;
    top: 110px;
    right: 0px;
}

.hotlinescroll {
    position: fixed;
    top: 30%;
    right: 0px;
    background: #1B2121;
    padding: 10px;
    z-index: 999;
}

.hotlinescroll a {
    font-family: 'Tahoma';
    font-size: 18px;
    color: yellow;
}

.hotlinescroll img {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    -webkit-animation: ring 2s infinite linear;
    animation: ring 2s infinite linear;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    100%,
    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    100%,
    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.slideshow {
    position: relative;
}

.content-slider {
    position: absolute;
    top: 47%;
    left: calc(50% - 450px);
    width: 900px;
    font-family: 'UTMMagnesium';
    color: yellow;
    font-size: 38px;
    text-align: center;
    line-height: 40px;
}

/* End Header */
/* Begin Crumbtrail */
.crumbtrail {
    max-width: 1200px;
    height: 30px;
    margin: auto;
    margin-top: 10px;
    padding: 0px;
    list-style: none;
    line-height: 30px;
    background: transparent;
}

.crumbtrail li {
    float: left;
}

.crumbtrail li.crumbtrail_br {
    margin: 0px 10px;
    width: 6px;
    height: 30px;
    background: url(../images/navi.png) no-repeat center center;
}

.crumbtrail a {
    font-family: arial;
    font-size: 13px;
    color: #313131;
}

.crumbtrail a:hover {
    color: red;
    text-decoration: underline;
}

.crumbtrail .crumbtrail_lst {
    color: #414141;
}

/* End Crumbtrail */

/* Begin Search */
.search {
    width: 240px;
    height: 30px;
    background: white;
    margin-top: 8px;
    border-radius: 3px;
}

.btn_search {
    float: right;
    width: 35px;
    height: 30px;
    cursor: pointer;
    outline: none;
    background: url(../images/btn-search.png) no-repeat center center;
    border: none;
}

.txt_search {
    width: calc(100% - 40px);
    float: left;
    background: transparent;
    line-height: 30px;
    text-indent: 10px;
    outline: none;
    border: none;
    color: #313131;
    font-size: 12px;
    font-weight: normal;
    font-family: tahoma;
}

.txt_search::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #5D5D5D;
}

.txt_search::-moz-placeholder {
    /* Firefox 19+ */
    color: #5D5D5D;
}

.txt_search:-ms-input-placeholder {
    /* IE 10+ */
    color: #5D5D5D;
}

.txt_search:-moz-placeholder {
    /* Firefox 18- */
    color: #5D5D5D;
}

/* End Search */
/* Menu */
.menu {
    background: #1B2121;
}

.menu_contain {
    max-width: 1200px;
    margin: auto;
}

.menu_contain ul {
    -webkit-padding-start: 0px;
    list-style: none;
}

.menu_contain ul li a {
    font-family: 'Tahoma';
    color: white;
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 0px 30px;
    line-height: 45px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
}

.menu_contain ul li:hover a {
    background: #A90003;
}

.menu_contain ul li a.active {
    background: #A90003;
}

.menu_contain ul li.line {
    width: 2px;
    height: 45px;
    background: url(../images/line-menu.png) no-repeat center center;
}

.menu .ddsmoothmenu ul li ul li {
    background: rgb(27, 33, 33) !important;
}

.menu .ddsmoothmenu ul li ul li a {
    font-family: 'Tahoma';
}

.menu .ddsmoothmenu ul li ul a.selected,
.menu .ddsmoothmenu ul li ul li a:hover {
    background: rgb(169, 0, 3) !important;
}

#wrap_menu_res {
    display: none;
    position: relative;
}

.invi_loading {
    visibility: hidden !important;
}

#hamburger {
    background: #1B2121;
}

/* End Menu */

/* Slider */
#amazingslider-1 {
    width: 100% !important;
}

#amazingslider-wrapper-1 {
    max-width: 100% !important;
}

.amazingslider-space-1 {
    width: 100% !important;
}

.amazingslider-arrow-right-1 {
    right: 20px !important;
}

.amazingslider-arrow-left-1 {
    left: 20px !important;
}

/* Ẩn Key Bản Quyền - Không được xóa */
.amazingslider-box-1>div:nth-of-type(3) {
    width: 0px;
    height: 0px;
    overflow: hidden;
    background: transparent;
    opacity: 0 !important;
}

/* Begin Video */
.content_main_videosclip {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap;
}

.video {
    float: left;
    width: 280px;
    margin: 0px 10px 30px 10px;
    text-align: center;
}

.pic-video img:hover {
    opacity: 0.9;
}

.video h3 a {
    font-size: 16px;
    color: #000000;
    text-transform: capitalize;
    display: block;
    font-weight: normal;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 20px;
    font-family: Tahoma;
}

.video h3:hover,
.video h3:hover a {
    color: red;
}

.youtube-player {
    position: relative;
    padding-bottom: 170px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    width: 50px;
    height: 35px;
    left: calc(50% - 25px);
    top: calc(50% - 17px);
    position: absolute;
    background: url("../images/play.png") no-repeat;
    cursor: pointer;
}

@media (max-width: 1200px) {

    .content_main_videosclip {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-flow: row wrap;
    }
}


/* End Video */
/* Begin Download */
.download {
    width: 230px;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
    text-align: center;
    font-family: arial;
}

.download:nth-child(5n+1) {
    clear: both;
}

.download:nth-child(5n) {
    margin-right: 0px;
}

.download>span {
    color: #313131;
    display: block;
    margin: 10px 0px;
    font-size: 13px;
}

.download>a {
    display: inline-block;
    padding: 5px 20px 5px 20px;
    background: #0EAD0F;
    color: #fff;
    font-size: 13px;
}

/* End Download */
/* Begin Sản Phẩm */
.sanpham {
    float: left;
    width: 210px;
    margin-bottom: 33px;
    margin-right: 33px;
    text-align: center;
    font-family: 'RobotoCondensedRegular';
}

.sanpham:nth-child(3n+1) {
    clear: both;
}

.sanpham:nth-child(3n) {
    margin-right: 0px;
}

.pic_sanpham {
    position: relative;
}

.pic_sanpham:hover .boxpicde {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.boxpicde {
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: rgba(0, 0, 0, 0.4);
    margin: 3px;
    opacity: 0;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxpicde span {
    color: #fff;
    font-size: 17px;
    text-align: center;
    background: url('../images/line_sanphamdetail.png') no-repeat top center, url('../images/line_sanphamdetail.png') no-repeat bottom center;
    display: inline-block;
    width: 170px;
    line-height: 35px;
}

.boxpicde span:hover {
    color: yellow;
}

.pic_sanpham a {
    line-height: 0px;
    display: block;
}

.pic_sanpham img:hover {
    opacity: 0.9;
}

.sanpham h3 a {
    font-size: 14px;
    color: #222222;
    text-transform: capitalize;
    display: block;
    font-weight: normal;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 20px;
}

.sanpham h3:hover,
.sanpham h3:hover a {
    color: red;
}

.price_sanpham {
    text-align: center;
    font-size: 14px;
}

.new-price {
    margin-bottom: 3px;
}

.old-price span {
    color: gray !important;
    text-decoration: line-through;
}

.new-price span {
    color: #f30000 !important;
}

.price_sanpham span {
    color: red;
}

a.cart-pro {
    display: block;
    width: 150px;
    height: 35px;
    background: #99310A;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-family: tahoma;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 15px;
    text-align: center;
}

a.item-mau-pro {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 30px;
    height: 30px;
}

a.item-mau-pro.active {
    position: relative;
}

a.item-mau-pro.active:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    z-index: 1;
    box-sizing: border-box;
    background: url(../images/ac_pro_cl_s.png) no-repeat bottom right;
    border: 2px solid #e5101d;
}

a.item-mau-pro input[type=radio],
a.item-size-pro input[type=radio] {
    outline: none;
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    border: 0px;
    top: 0px;
    left: 0px;
}

a.item-size-pro {
    width: auto !important;
    height: 30px !important;
    border: 1px solid rgba(128, 128, 128, 0.5);
    padding: 0px 15px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

a.item-size-pro span {
    font-size: 12px;
    line-height: 30px;
    font-weight: normal;
    cursor: pointer;
    color: gray;
}

a.item-size-pro.active {
    position: relative;
    border-color: #e5101d;
}

a.item-size-pro.active:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    z-index: 1;
    box-sizing: border-box;
    background: url(../images/ac_pro_cl_s.png) no-repeat bottom right;
    border: 1px solid #e5101d;
}

a.item-size-pro.active span {
    color: #e5101d;
}

.radio-inline {
    width: 100%;
    margin: 10px 0px;
    display: block;
}

.box-searchdonhang {
    margin: 10px 0px 20px 0px;
    border: 1px solid #ffc600;
    padding: 10px;
    float: left;
}

.box-searchdonhang p {
    margin: 5px 0px;
}

.box-searchdonhang input {
    height: 30px;
    width: 250px;
}

.btn-search {
    margin-top: 20px;
    width: 80px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    background: #ffc600;
    border: 0;
    font-weight: bold;
}

#owl_pic_product_detail {
    margin-top: 10px;
}

/* End Sản Phẩm */
/* Begin Sản Phẩm Detail */
.hinh_sp_detail {
    position: relative;
    float: left;
    width: 48%;
    /* border: 1px solid rgba(128, 128, 128, 0.4); */
    text-align: center;
    background: white;
}

.hinh_sp_detail2 {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}


.thongtin_sp_detail {
    width: 48%;
    float: right;
    font-family: arial;
}

.thongtin_sp_detail>span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 19px;
    font-family: arial;
    display: block;
    margin-bottom: 20px;
    color: #D21313;
}

.pic_product_detail img {
    max-width: 70px;
    box-shadow: none !important;
}

.detail_sp {
    margin-top: 20px;
}

.tbl_detail_item {
    width: 100%;
    margin-bottom: 10px;
}

.tbl_detail_item span {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.tbl_detail_item p {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.sel-product {
    height: 30px;
    font-size: 13px;
    outline: none;
    text-align: center;
    cursor: pointer;
}

.loading-comment {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: rgba(255, 255, 255, 0.8) url(../images/loading.gif) center no-repeat;
}

.price-detail p {
    color: red;
    font-weight: bold;
    font-size: 17px;
}

p.price-detail-old {
    color: gray;
    text-decoration: line-through;
    font-weight: bold;
}

.tinhtrang {
    font-weight: normal;
}

.conhang {
    color: #6A9701;
}

.hethang,
.dangcapnhat {
    color: #F00;
}

#owl_pic_product_detail .owl-next {
    width: 30px !important;
    height: 30px !important;
    background: url('../images/right_s7.png') no-repeat center center !important;
    position: absolute;
    top: calc(50% - 15px) !important;
    right: 0px !important;
    background-size: 100% 100% !important;
}

#owl_pic_product_detail .owl-prev {
    width: 30px !important;
    height: 30px !important;
    background: url('../images/left_s7.png') no-repeat center center !important;
    position: absolute;
    top: calc(50% - 15px) !important;
    left: 0px !important;
    background-size: 100% 100% !important;
}

/* End Sản Phẩm Detail */
/* Begin Tin Tức */
.news {
    width: 48%;
    min-height: 134px;
    float: left;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.42);
    padding-bottom: 15px;
}

.news:nth-child(2n) {
    float: right;
}

.news:nth-child(2n+1) {
    clear: both;
}

.pic_news {
    float: left;
    margin-right: 10px;
}

.pic_news img {
    padding: 3px;
    border: 1px solid rgba(128, 128, 128, 0.57);
    background: rgba(255, 255, 255, 0.67);
}

.pic_news:hover img {
    opacity: 0.8;
    border-color: #D21313;
}

.name_news {
    text-align: justify;
}

.name_news h3 a {
    font-family: arial;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.name_news a:hover {
    color: #D21313;
}

.desc_news {
    color: #333333;
    margin-top: 5px;
    text-align: justify;
    font-family: arial;
    font-size: 13px;
    line-height: 20px;
}

.btn_news {
    float: right;
}

.btn_news a {
    color: #D21313;
    font-size: 12px;
    font-family: arial;
}

.btn_news a:hover {
    color: red;
}

.boxnewscolumn ul {
    margin: 0px;
    padding: 0px;
}

.boxnewscolumn ul li {
    float: left;
    list-style: none;
    margin-bottom: 15px;
    position: relative;
    /* 3 cột
		width: 32%;margin-right: 2%;
	 */
    width: 23.4%;
    margin-right: 2%;
}

/* .boxnewscolumn>ul>li:nth-of-type(4n){margin-right: 0%;}

.boxnewscolumn>ul>li:nth-of-type(4n+1){clear:both;} */

.boxnewscolumn ul li .picnewco {
    position: relative;
    margin-bottom: 5px;
}

.boxnewscolumn ul li img {
    width: 100%;
    height: auto;
}

.boxnewscolumn ul li .picnewco .boxpicaninewco {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px solid rgba(255, 255, 255, 0.4);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.boxnewscolumn ul li .picnewco .boxpicaninewco:hover {
    border: 12px solid rgba(255, 255, 255, 0.4);
}

.boxnewscolumn ul li:nth-of-type(2n) .picnewco .boxpicaninewco:hover {
    border: 12px solid rgba(79, 173, 241, 0.4);
}

.boxnewscolumn ul li:nth-of-type(3n) .picnewco .boxpicaninewco:hover {
    border: 12px solid rgba(0, 0, 0, 0.2);
}

.boxnewscolumn ul li .namenewco {
    text-align: justify;
    margin: 5px 0px;
}

.boxnewscolumn ul li .namenewco a {
    color: #424242;
    font-family: 'Arial';
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    display: block;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

.boxnewscolumn ul li .namenewco a:hover {
    color: blue;
}

.boxnewscolumn ul li .contentnewco {
    font-size: 14px;
    text-align: justify;
    line-height: 18px;
}

@media screen and (min-width:1200px) {
    .boxnewscolumn>ul>li:nth-of-type(4n) {
        margin-right: 0%;
    }

    .boxnewscolumn>ul>li:nth-of-type(4n+1) {
        clear: both;
    }
}

@media screen and (max-width:1199px) and (min-width:768px) {
    .boxnewscolumn>ul>li:nth-of-type(4n) {
        margin-right: 0%;
    }

    .boxnewscolumn>ul>li:nth-of-type(4n+1) {
        clear: both;
    }
}

@media screen and (max-width:767px) {
    .boxnewscolumn ul li {
        float: left;
        list-style: none;
        width: 49%;
        margin: 0px 2% 20px 0%;
    }

    .boxnewscolumn>ul>li:nth-of-type(2n) {
        margin-right: 0px;
    }

    .boxnewscolumn>ul>li:nth-of-type(2n+1) {
        clear: both;
    }

    .boxnewscolumn ul li img {
        width: 100%;
        height: 180px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width:479px) {
    .boxnewscolumn ul li {
        float: left;
        list-style: none;
        width: calc(90% - 2px);
        margin: 0px 5% 20px 5%;
    }

    .boxnewscolumn ul li img {
        width: 100%;
        height: auto;
        margin-bottom: 5px;
    }
}


.project {
    width: 49%;
    float: left;
    margin-bottom: 19px;
    border: 1px solid rgba(128, 128, 128, 0.42);
    padding: 5px 5px 5px 5px;
}

.project:hover {
    background: #EBF5FE;
}

.project:nth-child(2n) {
    float: right;
}

.project:nth-child(2n+1) {
    clear: both;
}

.pic_projec {
    float: left;
    margin-right: 10px;
}

.pic_projec img {
    border: 1px solid rgba(128, 128, 128, 0.57);
    background: rgba(255, 255, 255, 0.67);
}

.pic_projec:hover img {
    opacity: 0.8;
    border-color: #D21313;
}

.name_projec {
    text-align: justify;
}

.name_projec h3 a {
    font-family: arial;
    color: #009ED2;
    font-size: 15px;
    font-weight: bold;
}

.name_projec a:hover {
    color: #D21313;
}

.desc_projec {
    color: #333333;
    margin-top: 5px;
    text-align: justify;
    font-family: arial;
    font-size: 14px;
    line-height: 20px;
}

@media screen and (max-width:479px) {

    .project {
        width: 100%;
        float: none;
    }

    .pic_projec {
        float: none;
        margin-right: 0px;
        text-align: center;
    }

}



/*Thẩm mỹ*/
.item-news2 {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 35px;
    position: relative;
    text-align: center;
    display: block;
}

.item-news2:nth-of-type(3n) {
    margin-right: 0px;
}

.item-news2:nth-of-type(3n+1) {
    clear: both;
}

.content-news2 {
    width: 90%;
    background: #fff;
    display: inline-block;
    margin-top: -50px;
    padding: 15px 20px 20px 20px;
    position: relative;
    cursor: pointer;
}

.content-news2:hover {
    background: #1574CC;
}

.content-news2:hover .name-news2 a {
    color: #fff;
}

.content-news2:hover .info-news2 {
    color: #fff;
}

.content-news2:hover:after {
    background: #1574CC;
}

.content-news2:after {
    content: '';
    position: absolute;
    top: -35px;
    left: calc(50% - 35px);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.name-news2 {
    margin-bottom: 10px;
    z-index: 9;
    position: relative;
}

.name-news2 a {
    color: #000;
    font-family: 'RobotoCondensedBold';
    font-size: 17px;
    line-height: 22px;
}

.info-news2 {
    font-size: 15px;
    line-height: 20px;
    font-family: 'RobotoRegular';
}

.pic_news2 {
    position: relative;
}

.pic_news2:hover .boxpicdenews {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.boxpicdenews {
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: rgba(0, 0, 0, 0.4);
    margin: 3px;
    opacity: 0;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxpicdenews span {
    color: #fff;
    font-size: 17px;
    text-align: center;
    background: url('../images/line_sanphamdetail.png') no-repeat top center, url('../images/line_sanphamdetail.png') no-repeat bottom center;
    display: inline-block;
    width: 170px;
    line-height: 35px;
}

.boxpicdenews span:hover {
    color: yellow;
}


@media screen and (max-width:800px) {

    .item-news2 {
        width: 49%;
        float: left;
        margin-right: 2%;
        margin-bottom: 35px;
        position: relative;
        text-align: center;
        display: block;
    }

    .item-news2:nth-of-type(3n) {
        margin-right: 2%;
    }

    .item-news2:nth-of-type(2n) {
        margin-right: 0px;
    }

    .item-news2:nth-of-type(3n+1) {
        clear: none;
    }

    .item-news2:nth-of-type(2n+1) {
        clear: both;
    }

}

@media screen and (max-width:400px) {

    .item-news2 {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-bottom: 35px;
        position: relative;
        text-align: center;
        display: block;
    }

}

/* End Tin Tức */
/* Begin Tin tức khác */
b.tit-news-other {
    display: block;
    font-family: arial;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.list_baivietkhac {
    padding-left: 17px;
}

.list_baivietkhac li {
    margin-bottom: 2px;
}

.list_baivietkhac li a {
    text-transform: none;
    color: #333333;
    font-family: tahoma;
    font-size: 13px;
}

.list_baivietkhac li a:hover {
    text-decoration: underline;
    color: #ef5454;
}

/* End Tin tức khác */
/* Begin Liên Hệ */
.left-lienhe {
    width: 48%;
    float: left;
}

.info-lienhe {
    font-size: 13px;
    line-height: 1.5;
    color: #333333;
}

.right-lienhe {
    width: 48%;
    float: right;
}

.hr-lienhe {
    border-top: 2px solid rgba(128, 128, 128, 0.52);
    margin: 15px 0px;
}

#map {
    height: 450px;
    margin: 10px 0px;
}

#directionsPanel {
    display: none;
}

span#hint-map {
    font-size: 13px;
    display: block;
}

input.btn-map {
    border: 0px;
    width: 100px;
    height: 31px;
    background: gray;
    color: white;
    border-radius: 2px;
    outline: none;
    font-family: "Arial";
}

input.btn-map:hover {
    background: #727272;
}


input.txt-map {
    height: 27px;
    width: 65%;
    text-indent: 10px;
    border: 1px solid;
    border-color: #cecbcb;
    border-radius: 0px;
    outline: none;
}

span.tit-map {
    color: #2c9ace;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    font-family: tahoma;
    font-weight: bold;
}

.diachi_contact {
    font-size: 14px;
    line-height: 20px;
    color: #3c3834;
}

/* End Liên Hệ */
/* Begin Table Liên Hệ */
.tablelienhe span {
    color: #D21313;
}

.tablelienhe td {
    height: 25px;
}

.tablelienhe .input,
.tablelienhe textarea {
    border: 1px #E9E9E9 solid;
    font-size: 12px;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    min-height: 30px;
}

.tablelienhe .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.button {
    border: 1px solid #515151;
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    padding: 5px 15px;
    background: #414944;
    border-radius: 1px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    display: inline-block;
}

.button:hover {
    color: #FFFFFF;
    background: #202020;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

.tablelienhe .input::-webkit-input-placeholder {
    color: #585757;
}

.tablelienhe .input:-moz-placeholder {
    /* Firefox 18- */
    color: #585757;
}

.tablelienhe .input::-moz-placeholder {
    /* Firefox 19+ */
    color: #585757;
}

.tablelienhe .input:-ms-input-placeholder {
    color: #585757;
}

.tablelienhe textarea::-webkit-input-placeholder {
    color: #585757;
}

.tablelienhe textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #585757;
}

.tablelienhe textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #585757;
}

.tablelienhe textarea:-ms-input-placeholder {
    color: #585757;
}

/* End Table Liên Hệ */
/* Begin Footer */
.footer {
    width: 100%;
}

.footer_main {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 15px;
}

.title_footer span {
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 16px;
    display: block;
    font-family: 'UTMMagnesium';
    text-transform: uppercase;
}

.content_footer {
    color: #313131;
    font-family: arial;
    line-height: 25px;
    font-size: 14px;
}

.footer_box {
    display: inline-block;
    vertical-align: top;
    float: left;
}

.footer_box:nth-child(1) {
    margin-right: 5%;
    width: 35%;
}

.footer_box:nth-child(2) {
    width: 30%;
}

.footer_box:nth-child(3) {
    width: 30%;
    float: right;
    text-align: right;
}

.footer-bottom {
    background: #0b4da3;
    border-top: 1px solid #b1b0b0;
}

#copy {
    display: block;
    color: white;
    font-size: 14px;
    line-height: 45px;
    font-family: 'Tahoma';
    text-align: center;
}

a.author {
    color: #ccbebe;
    font-size: 13px;
    line-height: 45px;
    font-family: 'Tahoma';
}

.tit-ft ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.tit-ft ul li {
    color: #fff;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 35px;
    margin-bottom: 10px;
    line-height: 26px;
}

.tit-ft ul li:first-of-type {
    background: url('../image/footer/ft_diachi.png') no-repeat left center;
}

.tit-ft ul li:nth-of-type(2) {
    background: url('../image/footer/ft_phone.png') no-repeat left center;
}

.tit-ft ul li:nth-of-type(3) {
    background: url('../image/footer/ft_email.png') no-repeat left center;
}

.tit-ft ul li:last-of-type {
    background: url('../image/footer/ft_wifi.png') no-repeat left center;
}

/*Đăng ký nhận tin*/
.boxdknt {
    width: 310px;
    background: #fff;
    padding: 10px;
}

.boxdknt {}

.boxdknt input[type="text"] {
    border: solid 1px rgba(11, 77, 163, 0.25);
    font-size: 14px;
    width: 185px;
    height: 25px;
    padding-left: 5px;
    color: #3e3737;
    background: rgba(11, 77, 163, 0.04);
    float: left;
}

.btnsent {
    text-align: center;
}

.boxdknt .sentdk {
    background: #0b4da3;
    width: 80px;
    border: none;
    height: 28px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Tahoma';
    font-size: 14px;
    margin: 10px 5px 5px 5px;
}

.boxdknt .title-ft {
    color: #0b4da3;
    font-family: 'Tahoma';
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.tit-dk {
    margin-bottom: 5px;
}

.tit-dk span {
    width: 100px;
    float: left;
    font-size: 15px;
    font-family: 'Tahoma';
    text-transform: capitalize;
    color: #0b4da3;
}

.tit-dk input {
    width: 185px;
    float: right;
}

#noidungkhachhang {
    border: solid 1px #B4D4C3;
    font-size: 14px;
    width: 185px;
    height: auto;
    padding-left: 5px;
    color: #3e3737;
    background: #F0F0F0;
    float: left;
}

/*Mạng xã hội*/
.box_icon {
    margin-top: 10px;
}

.box_icon .icon {
    float: left;
    margin: 0px 10px 0px 0px;
}

.box_icon .icon img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

/* End Footer */
/* Begin Not Found */
.notice_pro {
    width: 100%;
    height: 60px;
    background: #EFECEC;
    color: #7D7979;
    font-family: arial;
    border-radius: 5px;
}

.notice_pro h4 {
    padding: 0px 20px;
    line-height: 60px;
    font-weight: normal;
    font-size: 15px;
}

/* End Not Found */
/* Scroll To Top */
.scrollToTop {
    width: 50px;
    height: 50px;
    opacity: 0.3;
    text-align: center;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 2px;
    display: none;
    z-index: 3;
    cursor: pointer;
    -webkit-animation: float 2s infinite;
    -o-animation: float 2s infinite;
    animation: float 2s infinite;
}

.scrollToTop:hover {
    opacity: 1;
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes float {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Phân Trang */
.pagination {
    text-align: center;
    margin-top: 15px;
}

.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0px;
}

.pagination ul>li {
    display: inline;
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    cursor: default;
    background: red;
    color: white;
}

.pagination ul>li>a,
.pagination ul>li>span {
    font-family: arial;
    font-size: 12px;
    float: left;
    padding: 1px 10px;
    line-height: 20px;
    text-decoration: none;
    background-color: #3CA9D8;
    color: white;
    margin: 0 2px;
    border-radius: 3px;
}

.pagination ul>li>a:hover,
.pagination ul>li>span:hover {
    background: red;
    color: white;
}

/* End Phân Trang */

/* Fanpage Facebook */
.fanpage_facebook {
    position: fixed;
    right: -300px;
    z-index: 999999;
    top: 200px;
    display: block;
}

/*Trang Download*/
.tablebaogia {
    border: 1px solid #ccc;
    width: 100%;
}

.tablebaogia tr,
.tablebaogia td {
    border: 0;
    padding: 0px 15px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 17px;
    text-align: center;
}

.tablebaogia th {
    font-family: 'RobotoBoldCondensed';
    font-size: 16px;
    background: #5d5d5d;
    text-align: center;
    border: 1px solid #ccc;
    padding: 0px 15px;
    color: #fff;
}

.tablebaogia tr:nth-child(2n+1) {
    background: #E6E4E4;
}

.tablebaogia tr:nth-child(2n) {
    background: #f2f2f2;
}

.tablebaogia tr,
.tablebaogia td a {
    color: #000;
}

/* Call sms contact */
#wrap-phone {
    display: none;
    z-index: 999;
}

#wrap-phone table {
    width: 100%;
    text-align: center;
    margin: auto;
    background: #dc7720;
    border: 3px solid #e8e8e8;
}

/*Đối tác*/
.block_doitac {
    margin: 20px auto;
    background: #fff;
}

.tit-dt {
    text-align: center;
    margin-bottom: 10px;
}

.tit-dt span {
    background: #fff;
    color: #0b4da3;
    font-size: 24px;
    font-family: 'UTMMagnesium';
    padding: 0px 20px;
    text-transform: uppercase;
}

.item-doitac {
    margin: 5px 0px;
}

.owl-doitac .owl-next {
    width: 30px !important;
    height: 30px !important;
    background: url(../images/next.png) no-repeat;
    position: absolute;
    top: calc(50% - 15px) !important;
    right: 0px !important;
}

.owl-doitac .owl-prev {
    width: 30px !important;
    height: 30px !important;
    background: url(../images/prev.png) no-repeat;
    position: absolute;
    top: calc(50% - 15px) !important;
    left: 0px !important;
}

/*Bất động sản*/
.align-content {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: row wrap;
}

.box-land {
    width: 285px;
    margin: 0 15px 30px 15px;
}

.box-land:nth-of-type(3n+1) {
    clear: both;
}

.pic-land {
    margin-bottom: 10px;
    position: relative;
}

.pic-land2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: ease-in-out 0.6s;
    -o-transition: ease-in-out 0.6s;
    transition: ease-in-out 0.6s;
}

.pic-land:hover .pic-land2 {
    opacity: 1;
}

.pic-land:hover .btn-default {
    display: block;
}

.name-land {
    border: 1px solid #DCDADA;
    padding: 7px;
    text-align: left;
    position: relative;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

.name-land:after {
    width: 50%;
    position: absolute;
    top: -1px;
    left: 25%;
    content: '';
    background: #fff;
    height: 2px;
}

.box-land:hover .name-land {
    border: 1px solid #a90003;
}

.name-land a {
    text-align: center;
    color: #424141;
    font-size: 14px;
    font-family: 'Tahoma';
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    margin-bottom: 5px;
    display: block;
}

.name-land a:hover {
    color: #a90003;
}

.name-land p {
    text-align: center;
    color: #000;
    font-size: 14px;
    font-family: 'Arial';
    margin-bottom: 3px;
    line-height: 20px;
}

.name-land p span {
    color: red;
    font-weight: bold;
}

/*Bất động sản detail*/
.gt1 {
    z-index: 99;
    position: relative;
}

.box-tab-tit {
    margin-top: 15px;
    z-index: 99;
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
    flex: 1 0 auto;
}

.box-tab-tit div {
    float: left;
    padding: 7px 3px;
    background: #0b4da3;
    color: #ffffff;
    font-family: 'Tahoma';
    text-transform: uppercase;
    margin-right: 2.5px;
    cursor: pointer;
    font-size: 16px;
    flex-wrap: nowrap;
    flex: 1 0 auto;
    text-align: center;
    flex-wrap: nowrap;
    flex: 1 0 auto;
    text-align: center;
}

.box-tab-tit div:hover {
    background: rgb(244, 111, 32);
}

.box-tab-tit div:last-of-type {
    margin-right: 0px;
}

.tactive {
    background: rgb(244, 111, 32) !important;
}

.box-tab-con {
    padding: 10px;
    background: #FFF;
    border: 1px solid #f2f2f2;
}

.tab-con {
    display: none;
}

.tab-con:first-child {
    display: block;
}

.videoyoutubeland {
    margin: 0 auto;
    max-width: 500px;
}

/*Owl sản phẩm mới*/
.box_contentowl {
    margin: 10px 0px 30px 0px;
}

.boxowlprotpl .owl-next {
    width: 30px !important;
    height: 34px !important;
    background: url('../images/next.png') no-repeat !important;
    position: absolute;
    top: 115px !important;
    right: 0px !important;
}

.boxowlprotpl .owl-prev {
    width: 30px !important;
    height: 34px !important;
    background: url('../images/prev.png') no-repeat !important;
    position: absolute;
    top: 115px !important;
    left: 0px !important;
}


.picavatar {
    width: 690px;
    margin: 0 auto;
}

.picscroll {
    width: 100px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.wrap-pro-nb-simply>.vert {
    width: 100% !important;
    height: 360px !important;
    margin-bottom: 0px !important;
}

.wrap-pro-nb-simply>.vert .simply-scroll-clip {
    width: 100% !important;
    height: 360px !important;
}

.wrap-pro-nb-simply>.vert .simply-scroll-list ul {
    list-style: none !important;
}

.wrap-pro-nb-simply>.vert .simply-scroll-list li {
    width: 100% !important;
    height: auto;
    margin-bottom: 15px;
}

.wrap-pro-nb-simply {
    width: 100%;
    margin: auto;
    padding: 0px;
}

.namespro {
    margin-top: 10px;
    text-align: center;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 20px;
}

.pricepro {
    text-align: center;
    margin-top: 10px;
}

.tinhtrangpro {
    text-align: center;
    margin-top: 10px;
}

/*Footer menu*/

.boxmenufooter {
    width: 100%;
    background: #0b4da3;
    border-bottom: 1px solid #ccc;
}

.boxmenufooter ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
    display: block;
}

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

.boxmenufooter ul li a {
    padding: 6px 26px;
    color: #fff;
    line-height: 38px;
    font-size: 16px;
    font-family: 'Arial';
}

.boxmenufooter ul li a:hover {
    color: #E4FF00;
}

.linemenufooter {
    color: #fff;
    line-height: 38px;
    font-size: 20px;
}

/* Begin Hổ Trợ Trực Tuyến */
.wrap-hotline {
    max-width: 200px;
    margin: auto;
    padding-top: 20px;
}

span#hl-main {
    display: block;
    padding-left: 60px;
    color: red;
    font-family: arial;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: -20px;
    text-align: left;
}

.item-httt {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.4);
}

.item-httt:last-of-type {
    margin-bottom: 0px;
    border-bottom: 0px;
}

.title-httt {
    margin-bottom: 10px;
}

.title-httt a {
    display: inline-block;
    font-size: 15px;
    color: #4D63AB;
    margin-right: 5px;
    font-family: tahoma;
    vertical-align: middle;
    text-transform: capitalize;
}

.item-httt>div:nth-child(2),
.item-httt>div:nth-child(3) {
    font-size: 14px;
    font-family: tahoma;
    font-weight: normal;
    color: black;
    margin-bottom: 10px;
}

.item-httt>div:nth-child(2) img,
.item-httt>div:nth-child(3) img {
    vertical-align: middle;
}

/* End Hổ Trợ Trực Tuyến */