/* <etrc.css> */
/* ===== PC Header styles ===== */
/* >>>>> Topbar <<<<< */
.pc-header {
    position: relative;
    z-index: 5;
}

section.aside-category .panel-head {
    border-bottom: 3px dotted #e9a400;
    padding-bottom: 10px;
}

ul.uk-list.main li a {
    color: #333;
    line-height: 22px;
}
ul.uk-list.main li {
    padding: 5px 0;
}
ul.uk-list.main  {
    padding: 10px 0;
}

.pc-header .topbar {
    padding: 9px 0;
    background: #000;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
}

.pc-header .hotline::before {
    /*	    content: "";
	    display: block;
	    position: absolute;
	    width: 130px;
	    height: 70px;
	    left: 75px;
	    top: 15px;
	    background: url(img/bg_hotline.png) 0px 0px no-repeat;*/
}

.pc-header .hotline a {
    color: #cf171f;
}

.pc-header .site-link li {
    float: left;
}

.pc-header .site-link li + li {
    margin-left: 15px;
}

.pc-header .site-link a {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
}

.pc-header .site-link a:hover {
    text-decoration: underline;
}

.pc-header .language {
    margin-left: 30px;
}

.pc-header .language > a {
    display: block;
    height: 20px;
    width: 30px;
    background-image: url('img/language.png');
    background-repeat: no-repeat;
    text-indent: -9999px;
}

.pc-header .language > a + a {
    margin-left: 5px;
}

.pc-header .language > a.en {
    background-position: -35px 0;
}

.pc-header .language a:hover {
    color: #2a6496;
    text-decoration: underline;
}

.pc-header .address {
    display: inline-block;
    padding-left: 50px;
    background: url('img/location-icon.png') left center no-repeat;
}

.pc-header .phone {
    display: inline-block;
    padding-left: 30px;
    background: url('img/phone-icon-2.png') left center no-repeat;
    margin-left: 10px;
}

.number-hotline {
    color: #ff0000;
    font-weight: bold;
    font-size: 20px;
}

.pc-header .address p, .pc-header .phone p {
    margin-bottom: 0px
}

.pc-header .address p:first-child, .pc-header .phone p:first-child {
    font-weight: bold;
}

.pc-header .upper {
    /*padding: 20px 0;*/
    background-color: #fff;
    min-height: 120px;
    background: #d8edfd;
    background: -webkit-linear-gradient(top, #d8edfd 0%, #fff 100%);
    background: -linear-gradient(top, #d8edfd 0%, #fff 100%);
    background: -moz-linear-gradient(top, #d8edfd 0%, #fff 100%);
}

.pc-header .logo {
    display: inline-block;
}

.pc-search .form {
    position: relative;
    /*min-width: 450px;*/
}

.pc-search .form .input-text {
    border-radius: 35px;
    height: 38px;
}

.pc-search .btn-submit {
    position: absolute;
    top: -1px;
    right: 0px;
    height: 40px;
    width: 40px;;
    border: 0;
    background: url('img/search.png') no-repeat scroll center center;
    border-radius: 100%;
}

.top_header .uk-list-social {
    height: 40px;
    /* align-items: right; */
    /* margin-left: 10px; */
    float: right;
}

.uk-list-social li a {
    display: block;
    width: 22px;
    height: 21px;
    background-image: url('img/social_top.png');
    background-repeat: no-repeat;
    text-indent: -9999px;
}

.uk-list-social li a.tw {
    background-position: -27px 0;
}

.uk-list-social li a.go {
    background-position: -54px 0;
}

.uk-list-social li a.yo {
    background-position: -81px 0;
}

.pc-header .lower {
    background: #f58901;
    color: #fff;
    font-size: 14px;
}

.top-nav .top-menu > li > a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: none;
    font-weight: 300;
    color: #fff;
    padding: 0;
    /* line-height: 40px; */
    border-right: 1px solid #fff;
    display: block;
    /* margin-right: 5px; */
    padding-right: 15px;
}

.top-nav .top-menu > li {
    margin: 0px 10px;
}

.top-nav .top-menu > li:first-child {
    margin-left: 0px;
}

.top-nav .top-menu > li:last-child a {
    border-right: none;
}

.top_header .hotline {

}

.item_header.width {
    position: relative;
}

.item_header.width ul .class1,.item_header.width ul .class2 {
    position: relative;
}
.item_header.width ul li .class1:before{
    position: absolute;
    content: "";
    width: 11px;
    height: 40px;
    background: url(img/bf-top.png);
    top: -10px;
    left: -11px;
}
.item_header.width ul li .class1:after{
    position: absolute;
    content: "";
    width: 11px;
    height: 40px;
    background: url(img/af-top.png);
    top: -10px;
    right: -11px;
}
.item_header.width ul li .class2:after{
    position: absolute;
    content: "";
    width: 11px;
    height: 40px;
    background: url(img/af-top2.png);
    top: -10px;
    right: -11px;
}

.uk-hslogan{
    font-family: UTMCookies;font-size: 20px;text-transform: uppercase;display: inline-block;color: #dc5a3d;font-weight: normal;line-height: 38px;
}
.uk-hslogan p{
    margin-top: -10px
}
.uk-hslogan p span{
    padding-left: 30px;color: #7aaf40
}
.item_header.width ul li {
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
}

.pc-header .hotline {
    background: url(img/hotline.png) left no-repeat;
    text-align: left;
    padding-left: 25px;
    font-size: 14px;
    line-height: 40px;
    color: #333333;
    float: left;
}

.pc-header .hotline .hotline-num {
    color: #f70107;
    font-size: 14px;
    font-weight: bold;
}

.top_bar {
    padding-right: 358px;
}

.callback-box a {
    background: #db5a3c;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 12px 12px 12px;
    position: relative;

}

.uk-navbar-nav.uk-clearfix.main-menu {
    float: right;
}

.main-nav .main-menu > li {
    padding: 4px 20px;
}

.main-nav .main-menu > li > a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #333333;
    padding: 0;
    line-height: 36px;
    cursor: pointer;
}

.uk-dropdown {
    background: #e9a400;
    border: none;
    padding: 17px 0px;
}

.uk-dropdown .uk-list {
    float: left
}

.uk-dropdown .desc-img {

    float: right
}

.uk-dropdown .uk-list i {
    float: right;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.uk-dropdown .uk-list li:hover i {
    color: #e9a400;
}

.uk-dropdown .desc-img .active_img {
    display: block !important;
}

.uk-dropdown .desc-img .desc-img-items {
    display: none;
    padding: 20px;
    width: 240px;
    height: 240px;
    padding-top: 0px;
}

.uk-dropdown .uk-list > li {
    position: relative;
    padding: 8px 23px;
}

.uk-dropdown .uk-list li .subMenus {
    position: absolute;
    top: 0px;
    left: 200px !important;
    background: #e9a400;
}

.uk-dropdown .uk-list li .subMenus li {
    border: none;
}

.uk-dropdown .uk-list li a {
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 500;
}

.uk-dropdown .uk-list li:hover {
    background: #da8600
}

.main-nav .main-menu > li:nth-of-type(1) a {
    color: #fff;
}

.main-nav .main-menu > li:nth-of-type(2) a {
    color: #fff;
}

.main-nav .main-menu > li:nth-of-type(3) a {
    color: #fff;
}

.main-nav .main-menu > li:nth-of-type(4) a {
    color: #fff;
}

.main-nav .main-menu > li:nth-of-type(5) a {
    color: #fff;
}

.main-nav .main-menu > li:nth-of-type(6) a {
    color: #fff;
}

.main-nav .main-menu > li:hover {
    /*	background-image: url('img/menu_after.png'), url('img/menu_before.png');
		background-repeat: no-repeat;
		background-position: left center, right center;*/
    /*background: #e9a400;*/
    background: #da8600 !important;
}

.main-nav .main-menu > li:hover .uk-dropdown {
    display: block;
}

.uk-dropdown {
    left: 0px;
}

.main-nav .main-menu .uk-dropdown li:hover .subMenus {
    display: block;
}

.subMenus {
    display: none;
}

.desc-img img {

}

/*.main-nav .main-menu > li:hover > a{background-image: url('img/menu_repeat.png');}*/
.main-nav .main-menu > li:hover > a {
}

.cate-wrapper .uk-list li a {
    font-size: 12px;
    color: #333;
    padding: 5px 10px;
    text-transform: uppercase;
    display: block;
}

.cate-wrapper .uk-list li {
    border: 1px solid #dccba8;
    margin-right: 5px;
}

.cate-wrapper .uk-list li:hover {
    background: #ecbe4a;
}

.homepage-catalogues .product .thumb img, .design-catalogue .product .thumb img {
    height: 287px;
}

.homepage-catalogues .product .thumb, .design-catalogue .product .thumb {
    height: 287px;
}

.homepage-catalogues .product .description, .design-catalogue .product .description {
    color: #fff;
}

.homepage-catalogues .product .description .style_des,
.design-catalogue .product .description .style_des {
    width: 100%;
    /* display: block; */
    margin: 15px;
}

.homepage-catalogues .product:hover .description, .design-catalogue .product:hover .description {
    height: 50px !important;
    text-align: center;
}

.infor .link-more {
    border: 1px solid #dccba8;
    padding: 4px 15px;
    /* margin-bottom: 10px; */
    display: inline-block;
}

.infor .link-infor {
    text-align: left
}

.infor .link-infor .add-cart {
    border: 1px solid #dccba8;
    background: url(img/add-cart.png) center center no-repeat;
    text-indent: -99999px;
    height: 32px;
    width: 32px;
    margin-left: 10px;

}

.infor .link-infor a {
    float: left;
    color: #333;
    text-transform: uppercase;
}

.infor .link-more:hover {
    background: #ecbe4a;
}

.member_login a {
    padding-left: 22px;
    display: inline-block;
    line-height: 30px;
    color: #959595;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    background-position: center left;
    background-repeat: no-repeat;
}

.member_login a.regis {
    background-image: url('img/key.png');
}

.member_login a.login {
    background-image: url('img/key_.png');
}

.member_login a + a {
    margin-left: 10px;
}

.cart_item {
    background-image: url('img/cart_item.png');
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 53px;
    color: #959595;
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
}

.cart_item span.quanlity {
    position: absolute;
    bottom: 2px;
    left: 35px;
    color: #fff;
    font-size: 11px;
}

.cart_box a {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('img/cart_item.png');
    background-position: center center;
    background-repeat: no-repeat;
}

/* ===== Mobile Header style ===== */
.mobile-header {
    position: relative;
    background: #fff;
    z-index: 5
}

.mobile-header .topbar {
    padding: 5px 10px;
    background: #ececec;
}

.mobile-header .language > a {
    display: block;
    height: 20px;
    width: 30px;
    background-image: url('img/language.png');
    background-repeat: no-repeat;
    text-indent: -9999px;
}

.mobile-header .language > a.en {
    background-position: -35px 0;
}

.mobile-header .language > a + a {
    margin-left: 5px;
}

.mobile-header .upper {
    position: relative;
    padding: 10px 10px;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
}

.mobile-header .hotline {
    display: block;
    position: absolute;
    padding-left: 25px;
    left: initial;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #cf171f;
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
}

@media (max-width: 660px) {
    .homepage-category .category .description, .catalogues-products .category .description {
        display: none;
    }
}

@media (max-width: 567px) {
    .mobile-header .upper {
        position: relative;
        padding: 10px 30px 10px 0px;
        text-align: center;
    }

    .mobile-header .upper .logo {
        width: 40px;
        display: inline-block;
    }

    .homepage-news .featured .thumb {
        width: 100% !important;
        height: auto !important;
    }

    .homepage-news .featured .infor {
        width: 100% !important;
        padding-left: 0 !important;
        margin-top: 15px;
    }

    .tabControl-prd li {
        padding: 0 !important;
        width: 33.333% !important;
        text-align: center;
    !important
    }

    .buy .number .label {
        display: none;
    }
}

@media (min-width: 460px) {
    .video-box .thumb {
        min-height: 180px
    }
}

@media (max-width: 460px) {
    .homepage-category .list-category .category .infor .more_detail, .catalogues-products .list-category .category .infor .more_detail {
        display: none;
    }

    .video-box .thumb {
        height: 180px
    }
}

#hot-category {
    position: relative;
    height: 770px;
}

#hot-category:hover .desc-category {
    height: 33%;
}

#hot-category .desc-category {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 33%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

#hot-category .desc-category-content {
    width: 100%;
}

#hot-category .desc-wrapper {
    position: absolute;
    width: 100%;
    height: 30%;
    text-align: center;
    background: #3333;
}

.cate-wrapper .uk-list li:first-child {
    background: #ecbe4a;
}

#hot-category .desc-category h2 {
    padding-top: 45px;
    color: #fff;
    font-size: 50px;

}

/* ===== Body style ===== */
.main_slide {
    position: relative;
}

.box_item_box {
    border: 1px solid #e4ce58;
    border-radius: 10px;
    background: linear-gradient(#d5d5d5, #ebebeb, #fff, #ebebeb, #d5d5d5);
    padding: 5px 10px;
}

.box_item_box .thumb {
    width: 42px;
    float: left;
}

.box_item_box .info {
    width: -webkit-calc(100% - 42px);
    width: -moz-calc(100% - 42px);
    width: -ms-calc(100% - 42px);
    width: -o-calc(100% - 42px);
    width: calc(100% - 42px);
    padding-left: 10px;
    float: right;
    font-size: 12px;
    font-family: Roboto;
    color: #333;
}

.homepage-nav {
    position: relative;
    height: 100%;
    background: #cf171f;
}

.homepage-catalogues .panel-head, .catalogues_item .panel-head {
    /*border-top: 2px solid #67bd50;*/
}

.homepage-catalogues .panel-head .heading, .catalogues_item .panel-head .heading {
    border-top: 1px solid transparent;
}

.homepage-catalogues .panel-head .heading > .a_title, .catalogues_item .panel-head .heading .a_title {
    position: relative;
    display: inline-block;
    background-color: #67bd50;
    line-height: 36px;
    padding: 0 15px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

.homepage-catalogues .panel-head .heading > .a_title:before, .catalogues_item .panel-head .heading .a_title:before {
    content: '';
    position: absolute;
    right: -50px;
    width: 50px;
    height: 36px;
    background-image: url('img/before_home.png');
}

.child_catalogues a {
    font-size: 15px;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.a_more {
    background-image: url('img/arrow.png');
    background-repeat: no-repeat;
    background-position: center right;
    font-size: 15px;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    padding-right: 10px;
}

.list-products .products .thumb {
    height: 180px;
}

.line_all_value a {
    display: inline-block;
    line-height: 36px;
    padding: 0 40px;
    border: 1px solid #f06135;
    text-transform: none;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

.homepage-nav .mainmenu {
    padding: 10px 0;
}

.homepage-nav .mainmenu li {
    position: relative;
}

.homepage-nav .mainmenu > li {
    padding: 0 10px 0 30px;
}

.homepage-nav .mainmenu > li > a,
.homepage-nav .submenu > li > a {
    display: block;
    position: relative;
    padding: 10px 0;
    border-bottom: 1px dashed #e39093;
    color: #f3f3f3;
    font-size: 12px;
    line-height: 19px;
}

.homepage-nav .fly-menu {
    position: absolute;
    display: none;
    min-width: 200px;
    top: 0px;
    left: 100%;
    background: #cf171f;
    z-index: 1000;
}

.homepage-nav .mainmenu > li:hover > .fly-menu {
    display: block;
}

.homepage-nav .submenu {
    padding: 5px 15px;
}

.homepage-nav .mainmenu > li:hover > a,
.homepage-nav .submenu > li:hover > a {
    color: #fff;
    text-decoration: underline;
}

.videos_products {
    padding-top: 15px;
    border-top: 1px dashed #ddd;
}

.box_video_detail {
    background: #1b1b1b;
    height: 410px;
    overflow-y: auto;
}

.iframe_video iframe {
    height: 410px;
}

.box_video_detail .panel-head {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    padding: 20px 20px 10px 20px;
}

.box-video-detail .thumb {
    float: left;
    width: 120px;
    height: 70px;
}

.box-video-detail .info {
    float: right;
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: -ms-calc(100% - 120px);
    width: -o-calc(100% - 120px);
    width: calc(100% - 120px);
    padding-left: 15px;
}

.box-video-detail {
    padding: 10px 20px;
    position: relative;
}

.box-video-detail.uk-clearfix.uk-active {
    background: #898989;
}

.box-video-detail.uk-active::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #4e4e4e;
}

.title-video_ {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
}

.panel-head.title-detail-products, .aside-panel.news-box-01 .heading {
    font-size: 24px;
    color: #b07f17;
    font-weight: bold;
    margin-bottom: 15px;
    font-family: Roboto;
    line-height: 28px;
}

.box-list .thumb {
    width: 120px;
    float: left;
}

.box-list .info {
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: -ms-calc(100% - 120px);
    width: -o-calc(100% - 120px);
    width: calc(100% - 120px);
    padding-left: 15px;
    float: right;
}

.box-list.uk-clearfix {
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}

.box-list .info h3 a {
    color: #333;
    font-size: 14px;
    font-family: Roboto;
}

.ic_time {
    color: #666;
    font-size: 13px;
}

@media (min-width: 960px) {
    .fix-grid-960 > .uk-width-large-1-4 {
        width: 225px;
    }

    .fix-grid-960 > .uk-width-large-3-4 {
        width: -webkit-calc(100% - 225px);
        width: -moz-calc(100% - 225px);
        width: -ms-calc(100% - 225px);
        width: -o-calc(100% - 225px);
        width: calc(100% - 225px);
        padding-left: 20px;
    }

    #homepage .fix-grid-960 > .uk-width-large-3-4 {
        padding: 0;
    }

    .pc-search .form {
        /*min-width: 650px;*/
    }
}

/* >>>>> Slide <<<<< */
.main-slideshow {
    /*margin: 0 0 14px 0;*/
}

.main-slideshow .uk-slidenav {
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(53, 66, 75, 1);
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    opacity: .5;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.main-slideshow .uk-slidenav:hover {
    opacity: 1;
}

.top_service .thumb .image {
    width: 82px;
    height: 84px;
    background: url('img/bg_item.png') no-repeat;
}

.top_service .infor .title {
    color: #666666;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}

.banner-page {
    position: relative;
    min-height: 100px;
}

.absulute-page {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.panelhead .heading {
    text-transform: uppercase;
    color: #333333;
    font-size: 30px;
    line-height: 32px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

/* >>>>> homepage-category <<<<< */
.homepage-category .list-category > li, .catalogues-products .list-category > li {
    margin-bottom: 20px;
}

.homepage-category .list-category .category, .catalogues-products .list-category .category {
    position: relative;
}

.homepage-category .list-category .category .infor, .catalogues-products .list-category .category .infor {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 450px;
    padding: 40px;
    background: rgba(225, 225, 225, .6);
}

.homepage-category .category .title, .catalogues-products .category .title {
    margin: 0;
    position: relative;
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.homepage-category .category .title a, .catalogues-products .category .title a {
    color: #333;
}

.homepage-category .category .description, .catalogues-products .category .description {
    line-height: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333;
    font-size: 15px;
}

.homepage-category .more_detail a, .catalogues-products .more_detail a {
    display: inline-block;
    padding: 0 25px;
    line-height: 37px;
    margin-top: 20px;
    background: #e7b100;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333;
    font-weight: 700;
}

@media (min-width: 1220px) {
    .homepage-category .category .image {
        height: 282px;
    }
}

.video-box .thumb {
    height: 152px;
    position: relative;
    margin-bottom: 15px;
}

.video-box .infor .title {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333;
    font-weight: 400;
}

.video-box .infor .title a {
    color: #333;
}

.video-box .player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5) url('img/player.png') no-repeat scroll center center;
}

.box_download .thumb {
    width: 35px;
    height: 44px;
    float: left;
}

.box_download .infor {
    float: right;
    width: -webkit-calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    width: -ms-calc(100% - 35px);
    width: -o-calc(100% - 35px);
    width: calc(100% - 35px);
    padding-left: 10px;
}

.box_download .infor .title a {
    display: block;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

.uk-list-download li:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #e1e1e1;
}

.homepage-form-contact .panel-body {
    background: #e8e8e8;
    padding: 20px;
}

.form-group .item_form .text {
    min-height: 36px;
    border: transparent;
}

.style-form-submit.search-form-submit {
    background: #e7b100;
    border: transparent;
    display: inline-block;
    color: #fff;
    padding: 0px 20px;
    line-height: 36px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

#tab-contact .contact-form input[type=text],
#tab-contact .contact-form textarea {
    width: 100%;
    border-radius: 0;
    background: #fff;
}

#tab-contact .contact-form input[type=submit] {
    max-width: 125px;
    margin: auto;
    background: #e9a400
}

.contact-map {
    padding: 3px;
    font-size: 22px;
}

.contact-map .address .homepage_company {
    color: #e9a400;
    font-size: 30px;
}

.contact-infomation .company {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 30px;
}

.contact-infomation .note.mb10 {
    font-style: italic;
}

.contact-form input.input-text, .contact-form .form-textarea {
    background: #fafafa;
    border-radius: 3px;
}

.page-contact {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
}

.list-products .product {
    /*border: 1px solid #ccc;*/
}

.homepage-catalogues .product, .design-catalogue .product {
    border: none;
    padding: 10px;
}

.homepage-catalogues .product:hover, .design-catalogue .product:hover {
    background: #fff;
    box-shadow: 0px 0px 10px #8c8686
}

.homepage-catalogues {
    background: #f6f6f6;
    margin: 30px 0px;
}

.padding-box {
    padding: 0 20px;
}

.list-products .thumb {
    height: 365px;
    position: relative;
}

.list-products .infor .title a {
    display: block;
    color: #333;
    padding-top: 10px;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
}

.box_more {
    width: 100%;
    text-align: center;
}

.box_more a {
    display: block;
    line-height: 45px;
    background: #fff;
    border: 1px solid #a4a4a4;
    border-radius: 5px;
    font-weight: 400;
    text-transform: uppercase;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
}

.box_more a:hover, .uk-list.uk-list_tag li a:hover {
    background: linear-gradient(to right, #e5ce59, #c2991c, #e5ce59);
    border-color: #a78314;
    color: #fff;
}

.box_absolute {
    height: 0;
    overflow: hidden;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
    background: #bfbfbf;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.list-products .product:hover .box_absolute {
    height: 78px;
    padding: 15px 20px;
}

.list-products .product .description {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

.list-products .product:hover .description {
    height: 100%;
}

.description .style_des {
    margin: 20px;
}

.style_des p {
    color: #fff;
    position: relative;
    /* padding-left: 18px; */
    /* background: url(img/check.png) no-repeat scroll left top 5px; */
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 5px;
    font-size: 15px;
    text-transform: uppercase;
}

.style_des .read_more {
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
}

.style_des .read_more:hover {
    color: #000;
    background: #fff;
    cursor: pointer;
}

.price_sale {
    position: absolute;
    top: 20px;
    background: url('img/bg_saleoff.png') no-repeat scroll left center;
    line-height: 30px;
    width: 121px;
    text-align: center;
    left: -5px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    z-index: 999;
}

.item_pos {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 50px;
    height: 50px;
    z-index: 999;
}

.item_pos.highlight {
    background: url('img/bg_hot.png') no-repeat scroll left center;
}

.item_pos.psale {
    background: url('img/bg_sales.png') no-repeat scroll left center;
}

.item_pos.pnews {
    background: url('img/bg_new.png') no-repeat scroll left center;
}

.tabControl-home {
    height: 100%;
}

.tabControl-home li {
    line-height: 36px;
    padding-left: 22px;
    border: 1px solid #ccc;
    background: url('img/ic_add.png') no-repeat scroll left 5px center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    position: relative;
}

.tabControl-home li.uk-active {
    background: #333333 url('img/ic_add_active.png') no-repeat scroll left 5px center;
    color: #fff;
    border: 0;
}

.tabControl-home li.uk-active::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -5px;
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.tabControl-prd li.uk-active::before {
    width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-top: 38px solid #b07f17;
    position: absolute;
    right: -20px;
}

.tabControl-prd li + li {
    margin-left: 15px;
}

.tabControl-home li + li {
    border-top: 0;
}

.div360 {
    position: relative !important;
}

.box_360_images {
    padding: 30px 0;
}

#product img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

#view_overlay {
    position: relative;
    top: 0px !important;
    left: 0px !important;
    height: 100% !important;
}

.prd-item {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.main_slide .lSPager.lSGallery li.active {
    position: relative;
}

.main_slide .lSPager.lSGallery li.active::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: calc(100% - 1px);
    border: 2px solid #b07f17;
}

.btn360 {
    background: url(img/360.gif) no-repeat right center;
    border: none;
    background-size: 59px 51px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 61px;
}

.box_thong_so .heading {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #9c7013;
    font-weight: 700;
    margin-bottom: 20px;
}

/* >>>>> homepage-general <<<<< */
.homepage-general .heading {
    position: relative;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    min-width: 120px;
}

.art-same .heading {
    position: relative;
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    background: url(img/line_bottom.png) center bottom no-repeat;
    min-width: 120px;
    padding-bottom: 10px;
}

.homepage-general .heading > * {
    display: inline-block;
    position: relative;
    color: #fff;
    z-index: 5;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    background: #b07f17;
    padding: 10px 20px;
    min-width: 200px;
    margin-left: -1px;
}

.homepage-general .heading > ::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -20px;
    width: 0px;
    height: 0px;
    border-right: 20px solid transparent;
    border-top: 40px solid #b07f17;
}

.more_all a {
    color: #666;
    font-family: 'Roboto Condensed', sans-serif;
}

.homepage-news .featured {
    margin-bottom: 20px;
}

.homepage-news .featured .thumb {
    float: left;
    width: 270px;
    height: 180px;
}

.homepage-news .featured .infor {
    float: right;
    width: -webkit-calc(100% - 270px);
    width: -moz-calc(100% - 270px);
    width: -ms-calc(100% - 270px);
    width: -o-calc(100% - 270px);
    width: calc(100% - 270px);
    padding-left: 20px;
}

.homepage-news .featured .title {
    margin: 0 0 8px 0;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Roboto Condensed', sans-serif;
}

.homepage-news .featured .title a {
    color: #333;
}

.homepage-news .featured .title a:hover {
    text-decoration: underline;
}

.homepage-news .featured .description {
    margin: 0;
    max-height: 115px;
    color: #333;
    font-size: 15px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

.homepage-news .list-post li:not(:last-child) {
    margin-bottom: 5px;
}

.homepage-news .list-post li a {
    display: block;
    position: relative;
    padding-left: 15px;
    background: url(img/iconrow.png) left 7px no-repeat;
    color: #444;
    font-size: 15px;
    line-height: 22px;
    font-family: 'Roboto Condensed', sans-serif;
}

.homepage-news .list-post li a:hover {
    color: #2a6496;
    text-decoration: underline;
}

.homepage-support .switchboard,
.aside-support .switchboard {
    margin: 25px 0 0 0;
}

.homepage-support .switchboard .item,
.aside-support .switchboard .item {
    position: relative;
    margin-bottom: 10px;
    min-height: 82px;
    padding: 20px 0 20px 70px;
    background: url(img/iconhotline.png) 0px 50% no-repeat;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
}

.homepage-support .switchboard .item .value,
.aside-support .switchboard .item .value {
    display: block;
    font-size: 18px;
    color: #ff0000;
}

.homepage-support .email,
.aside-support .email {
    position: relative;
    margin-left: 20px;
    padding-left: 25px;
    background: url(img/iconmail.png) 0px 50% no-repeat;
    color: #333;
    font-size: 13px;
    line-height: 18px;
}

.homepage-support .email a,
.aside-support .email a {
    color: #333;
}

.heading a,
.homepage-catalogues .heading a,
.homepage-homepage .heading a,
.homepage-news .heading a,
.homepage-khachhang .heading a,
.prd-catalogue-box .heading span,
.products_same .panel-head .heading span,
.homepage-mail .heading span,
.panel-head .heading span {
    font-family: UTMCookies;
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
    display: inline-block;
    color: #e9a400;
    font-weight: normal;
    line-height: 38px;
}

.homepage-mail .uk-alert {
    display: none;
}

.homepage-mail .heading p {
    font-weight: normal;
}

.homepage-mail .panel-head, .homepage-mail .panel-body {
    margin: auto;
    width: 40%;
}

.homepage-mail .panel-body .uk-form input[type=text] {
    height: 40px;
    border: 1px solid #cccccc
}

.homepage-mail {
    background-image: url(img/mail-background1.png), url(img/mail-background2.png);
    background-position: 20px center, right 10px;
    background-repeat: no-repeat, no-repeat;
    min-height: 380px;
}

.homepage-mail #sform_footer {
    width: 70%;
    margin: auto;
    position: relative;
}

.homepage-mail #sform_footer .style-form-submit {
    background: url('img/mail-icon.png') no-repeat;
    right: 0;
    top: 12px;
}

.homepage-mail .heading span {
    margin-top: 60px;
}

.newspaper-items .heading a, .videos .heading a {
    padding-left: 0px;
}

.welcome .heading a {
    line-height: 38px;
    display: block;

}

.welcome .heading {
    background-image: url(img/top-left-welcome.png), url(img/top-right-welcome.png);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    margin-bottom: 0px;
}

.homepage-news .heading a:after,
.homepage-news .heading a:before,
.homepage-khachhang .heading a:after,
.homepage-khachhang .heading a:before,
.prd-catalogue-box .heading span:after,
.prd-catalogue-box .heading span:before,
.products_same .panel-head .heading span:after,
.products_same .panel-head .heading span:before {
    content: '';
    position: absolute;
    top: 12px;
    width: 76px;
    height: 8px;
}

.homepage-news .heading a:after,
.homepage-khachhang .heading a:after,
.prd-catalogue-box .heading span:after,
.products_same .panel-head .heading span:after {
    /*		background: url('img/title_home-after.png');
		left: -78px;*/
}

.homepage-news .heading a:before,
.homepage-khachhang .heading a:before,
.prd-catalogue-box .heading span:before,
.products_same .panel-head .heading span:before {
    /*		background: url('img/title_home-before.png');
		right: -78px;*/
}

.list-news .article .thumb {
    height: 250px;
}

.list-news .article .thumb .image {
    border-radius: 30px;
    border: 1px solid #dcdcdc;
    padding: 1px;
}

.list-news .article .thumb .image img {
    border-radius: 30px;
}

.article .infor {
    background: #fff;
    /* padding: 23px 20px; */
    margin: 20px 0px;
}

.list-news .article .title a {
    color: #333;
    display: block;
    /* padding-top: 10px; */
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
}

.list-news .article .title a:first-letter {
    text-transform: uppercase;
}

.homepage-khachhang {
    background: #f6f6f6;
    padding-bottom: 20px;
}

.list-khachhang .category {

}

.list-khachhang .category .thumb {
    position: relative;
    height: 185px;
    margin-bottom: 5px;
}

.list-khachhang .category .thumb:before, .list-khachhang .category .thumb:after {
    content: '';
    position: absolute;
    z-index: 9;
}

.list-khachhang .category .thumb:before {
    bottom: -2px;
    right: 0;
    width: 40px;
    height: 39px;
    background: url('img/before_video.png');
}

.list-khachhang .category .thumb:after {
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    border-right: 38px solid transparent;
    border-top: 38px solid #fff;
}

.list-khachhang .category .infor .title {
    padding: 5px 15px 10px;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

.list-khachhang .category .infor .title a {
    color: #333;
    display: block;
}

.list-khachhang .category:hover {
}

.list-khachhang .category:hover .thumb:before {
}

.list-khachhang .category:hover .infor .title a {
    color: #fff;
}

.list-khachhang .category .infor {
    position: relative;
    border: 2px solid #e9a400;
    border-radius: 10px;

}

.list-khachhang .category .infor:before {
    background: #f6f6f6 url(img/quote-icon.png) no-repeat;
    position: absolute;
    top: -2px;
    left: -2px;
    content: "";
    width: 47px;
    height: 41px;

}

.list-khachhang .category .infor img {
    width: 60px;
    height: 60px;
    border: 2px solid #e9a400;
    border-radius: 50%;
    position: absolute;
    bottom: -30px;
    left: -webkit-calc(50% - 30px);
    left: -moz-calc(50% - 30px);
    left: calc(50% - 30px);
}

.list-khachhang .category .infor i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 120px;
    color: #e9a400;
}

.list-khachhang .category .infor a {
    color: #999999;
    font-style: normal;
}

.list-khachhang .category .title {
    margin-top: 50px;
    text-align: center;
}

.list-khachhang .category .title p {
    font-style: italic;
}

.list-khachhang .category .title a {
    color: #333;
    font-weight: bold;
}

.list-khachhang .category .infor p {
    font-style: italic;
    padding: 50px 20px;
    text-align: center;
}

.list-khachhang .category .infor::before {

}

.list-khachhang .category .infor::after {

}

.homepage-news .uk-slidenav-position .uk-slidenav {
    display: block;
    background: rgba(0, 0, 0, 0.44);
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 30px;
    top: 35%;
}

.homepage-news .uk-slidenav-previous {
    left: 0;
}

.homepage-news .uk-slidenav-next {
    right: 0;
}

.col-homepage-general {
    border-width: 2px 1px 1px;
    border-style: solid dashed dashed;
    border-color: #ccc;
    border-top-color: #b07f17;
    height: 100%;
}

.col-homepage-general .panel-body {
    padding: 20px;
}

@media (min-width: 960px) {
    .homepage-general > .uk-grid .uk-width-large-3-4 {
        width: 72%;
        padding-right: 20px;
    }

    .homepage-general > .uk-grid .uk-width-large-1-4 {
        width: 28%;
    }
}

@media (min-width: 1220px) {
}

/* ==== Videos ==== */
.list-video .featured {
    background: url('img/bg_video.png');
}

.list-video .featured:hover {
    background: #bd2929;
}

.list-video .box-image {
    position: relative;
    height: 210px;
    margin-bottom: 5px;
}

.list-video .box-image::after, .list-video .box-image::before {
    content: '';
    position: absolute;
    z-index: 9;
}

.list-video .box-image::after {
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    border-right: 45px solid transparent;
    border-top: 45px solid #fff;
}

.list-video .box-image::before {
    bottom: -2px;
    right: 0;
    width: 45px;
    height: 48px;
    background: url('img/before_video.png');
}

.list-video .featured:hover .box-image::before {
    background: url('img/before_video_hover.png');
}

.box_video_item {
    position: relative;
}

.box_video_item::after {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    background: #fff;
    height: 2px;
    width: 100%;
}

.box_video_item::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-left: 45px solid transparent;
    border-bottom: 45px solid #fff;
}

.list-video .box-image .player_ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5) url('img/player_.png') no-repeat scroll center center;
}

.box_video_item .entry-title {
    padding: 0 25px 10px;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

.main-videos .meta {
    color: #666;
    font-family: 'Roboto Condensed', sans-serif;
    background: #f8f8f8;
    padding: 5px 10px;
    border-top: 1px solid #e8e8e8;
}

.mt20 {
    margin-top: 20px;
}

.box_video_item .entry-title a {
    color: #333;
    display: block;
}

.list-video .featured:hover .box_video_item .entry-title a {
    color: #fff;
}

/* >>>>> partner-section <<<<< */
.partner-section {
    margin: 0 0 25px 0;
}

.partner-section .slider {
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 5px 4px;
    -moz-border-radius: 5px 4px;
    -ms-border-radius: 5px 4px;
    -o-border-radius: 5px 4px;
    border-radius: 5px 4px;
}

.partner-section .slider .uk-slidenav {
    display: block;
    width: 26px;
    height: 42px;
    line-height: 1;
}

.partner-section .slider .uk-slidenav-previous {
    left: 0px;
    background: url(img/prew.png);
}

.partner-section .slider .uk-slidenav-next {
    right: 0px;
    background: url(img/next.png);
}

.partner-section .slider .uk-slidenav:before {
    display: none;
}

.partner-section .thumb .image {
    height: 45px;
}

/* ===== Article style ===== */
.artcatalogue .article .thumb {
    width: 100%;
    height: 250px;
}

/*.artcatalogue .list-article > li .article{
		background-color: #f3f3f3;
	}
	.artcatalogue .article .thumb {
		float: left;
		width: 275px;
		height: 275px;
	}
	.artcatalogue .article .infor {
		float: right;
		width: -webkit-calc(100% - 275px);
		width: -moz-calc(100% - 275px);
		width: -ms-calc(100% - 275px);
		width: -o-calc(100% - 275px);
		width: calc(100% - 275px);
		padding: 20px;
		position: relative;
	}
	.article .infor .heading-infor h3 {
		min-height: 54px;
	    float: left;
	    width: 80%;
	    padding-left: 20px;
	    font-size: 14px;
	    color: #666666;
	    font-weight: normal;
	        margin: 0px;
	}*/
.list-news .content .description {
    width: 100%;
    height: 70px;
    overflow: hidden;
    line-height: 22px;
    font-family: Roboto;

}

.created_post {
    float: left;
    background: #fff;
    width: 50px;
}

.created_post .date_post {
    font-size: 32px;
    line-height: 46px;
    color: #e9a400;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.created_post .month_post {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    background: #e9a400;
    line-height: 24px;
    font-size: 10px;
}

.created_post > * {
    display: block;
    text-align: center;
}

.top_articles {
    height: 70px;
    margin-bottom: 10px;
    overflow: hidden;
}

.artcatalogue .article .title {
    margin: 0 0 5px 0;
    max-height: 40px;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Roboto Condensed', sans-serif;
}

.view_detail {
    color: #666666;
    font-family: 'Roboto Condensed', sans-serif;
}

.artcatalogue .article .title a {
    color: #333;
}

.artcatalogue .article .title a:hover {
    text-decoration: underline;
}

.artcatalogue .article .description {
    max-height: 120px;
    color: #444;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Roboto Condensed', sans-serif;
}

.more_art a {
    display: inline-block;
    margin-top: 15px;
    text-transform: uppercase;
    color: #666;
    font-family: 'Roboto Condensed', sans-serif;
    padding-right: 15px;
    background: url('img/arrow.png') no-repeat scroll center right;
}

.art-detail .img_example {
    float: left;
    margin-right: 20px;
}

@media (max-width: 960px) {
    .artcatalogue .list-article > li {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .artcatalogue .article .infor {
        padding-left: 10px;
    }

    .banner-page img {
        display: none;
    }
}

@media (max-width: 567px) {
    .artcatalogue .article .thumb {
        width: 250px;
    }

    .artcatalogue .article .infor {
        width: -webkit-calc(100% - 250px);
        width: -moz-calc(100% - 250px);
        width: -ms-calc(100% - 250px);
        width: -o-calc(100% - 250px);
        width: calc(100% - 250px);
    }

    .img_example {
        margin-right: 0 !important;
    }

    #article-page .uk-flex.uk-flex-middle.meta {
        display: block;
    }

    .left-meta {
        margin-bottom: 5px;
    }

    .goTop-page {
        float: right;
    }

    .artcatalogue .article .description {
        font-size: 12px;
    }

    .artcatalogue .list-article > li {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 479px) {
    .artcatalogue .article .thumb {
        width: 100%;
        height: auto;
    }

    .artcatalogue .article .infor {
        width: 100%;
    }

    .created_post {
        left: 10px;
    }
}

.art-same .heading > * {
    color: #333;
}

/* >>>>> Site map <<<<< */
.sitemap .list-post > li:not(:last-child) {
    margin-bottom: 3px;
}

.sitemap .list-post a {
    display: block;
    color: #428bca;
    font-size: 13px;
    line-height: 18px;
}

.sitemap .list-post a:hover {
    color: #2a6496;
    text-decoration: underline;
}

/* >>>>> document <<<<< */
.document .list li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}

.document .list .tile {
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}

.document .list .viewmore {
    margin-top: 15px;
    text-align: right;
}

.document .list .viewmore a {
    display: inline-block;
    position: relative;
    padding: 10px 0 10px 50px;
    background: url(img/icontaive.png) 0px 50% no-repeat;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}

.document .list a {
    color: #074680;
}

.document .list a:hover {
    text-decoration: underline;
}

@media (max-width: 960px) {
    .document .list .tile {
        font-size: 14px;
        line-height: 18px;
    }
}

/* >>>>> services-section <<<<< */
.services-section .category {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}

.services-section .category .main-title {
    position: relative;
    margin: 0 0 15px 0;
    padding-left: 15px;
    background: url(img/icondv.png) left center no-repeat;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
}

.services-section .category .main-title a {
    color: #074680;
}

.services-section .category .list > li {
    margin-bottom: 10px;
}

.services-section .category .list a {
    display: block;
    position: relative;
    color: #074680;
    font-size: 13px;
    line-height: 18px;
}

.services-section .category .list a:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 4px;
    height: 7px;
    margin-right: 10px;
    background: url(img/iconrow.png) 0px 0px;
}

.services-section .category a:hover {
    text-decoration: underline;
}

@media (min-width: 1220px) {
    .services-section .category {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .services-section .category .thumb {
        float: left;
        width: 230px;
        height: 150px;
    }

    .services-section .category .infor {
        float: right;
        width: -webkit-calc(100% - 230px);
        width: -moz-calc(100% - 230px);
        width: -ms-calc(100% - 230px);
        width: -o-calc(100% - 230px);
        width: calc(100% - 230px);
        padding-left: 15px;
    }
}

/* >>>>> .answer-section <<<<< */
.answer-section .list > li {
    margin-bottom: 10px;
}

.answer-section .article .title {
    margin: 0 0 10px 0;
    color: #ff0000;
    font-size: 13px;
    line-height: 18px;
}

.answer-section .article {
    color: #333;
    font-size: 13px;
    line-height: 18px;
}

.answer-section .article .content p {
    margin: 0 0 8px 0;
}

/* >>>>> Article detail <<<<< */
.art-detail .heading {
    font-size: 20px;
    line-height: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #469e2e;
}

.art-detail .article .meta {
    padding: 10px 0;
    display: inline-block;
    color: #666;
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
    background: url(img/line_bottom.png) left bottom no-repeat;
    margin-bottom: 15px;
}

.art-detail .article {
    color: #000;
    font-size: 14px;
    line-height: 22px;
}

@media (max-width: 960px) {
    .art-detail .article {
        font-size: 13px;
        line-height: 20px;
    }

    .art-detail .article img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        margin: 0 auto 15px auto !important;
    }
}

/* >>>> Article same <<<<< */
.art-same .list-post > li:not(:last-child) {
    margin-bottom: 10px;
}

.art-same .list-post > li a {
    display: block;
    position: relative;
    color: #074680;
    font-size: 13px;
    line-height: 20px;
}

.art-same .list-post > li a:hover {
    text-decoration: underline;
}

.art-same .list-post > li a:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 4px;
    height: 7px;
    margin-right: 10px;
    background: url(img/iconrow.png) 0px 0px no-repeat;
}

.art-same .uk-container {
    position: relative;
    overflow: hidden;
}



.art-same .uk-slidenav-contrast {
      position: absolute;
    top: 45px;
    width: 33px;
    height: 16px;
    text-indent: -9999px;
}

.art-same .uk-slidenav-contrast.uk-slidene {
    background-image: url('img/next.png');
    right: calc(50% - 150px);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.art-same .uk-slidenav-contrast.uk-slidepr {
    background-image: url('img/prev.png');
    right: calc(50% + 85px);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

/* ===== Aside ===== */
.aside > * {
    margin-bottom: 20px;
}

.aside-categories .heading {
    margin: 0;
    position: relative;
    padding: 9px 10px 9px 15px;
    background: #074680;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.aside-categories .heading > * {
    color: #fff;
}

.aside-categories .panel-body {
    padding: 5px 15px 10px 15px;
    border: 1px solid #e3e3e3;
    background: #fff;
}

.aside-categories .maincat li {
    position: relative;
}

.aside-categories .maincat > li > a,
.aside-categories .subcat > li > a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px dotted #ababab;
    color: #074680;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}

.aside-categories .maincat > li:hover > a,
.aside-categories .subcat > li:hover > a {
    text-decoration: underline;
}

.aside-categories .fly-menu {
    display: none;
    position: absolute;
    min-width: 230px;
    padding: 10px 15px;
    top: -1px;
    left: 100%;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 100
}

.aside-categories .maincat li:hover > .fly-menu {
    display: block;
}

.aside-support .panel-body {
    margin: 0 0 25px 0;
}

.aside-support .panel-foot {
    background: #074680;
    padding: 15px 10px;
}

.aside-support .list-post li {
    padding-left: 30px;
    background: url(img/iconcheck.png) 0px 0px no-repeat;
    font-size: 13px;
    line-height: 20px;
}

.aside-support .list-post li:not(:last-child) {
    margin-bottom: 15px;
}

.aside-support .list-post li a {
    color: #f3f3f3;
}

.aside-support .list-post li a:hover {
    color: #fff;
    text-decoration: underline;
}

/* ===== Breadcrumb ===== */
.breadcrumb {
    position: relative;
    padding: 8px 10px;
    color: #333;
    background: url('img/bg_breadcrumb.png');
}

.breadcrumb ul {
    height: 20px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.breadcrumb ul li {
    position: relative;
}

.breadcrumb ul li + li {
    margin-left: 10px;
    padding-left: 10px;
}

.breadcrumb ul li:nth-child(n+2):before {
    content: "\f101";
    display: block;
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: inherit;
    font-family: FontAwesome;
    color: #333;
}

.breadcrumb ul a {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
}

.header-catalogues .bg_item_bottom {
    position: relative;
    margin: 0 0 25px 0;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    background: url(img/line_bottom.png) center bottom no-repeat;
}

.header-catalogues .bg_item_bottom > * {
    display: inline-block;
    position: relative;
    padding: 10px 0px 15px;
    color: #333;
    z-index: 5;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 40px;
    line-height: 40px;
}

.list-products .products .thumb {
    position: relative;
}

.title_detail {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 10px;
    background: rgba(225, 225, 225, .6);
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
}

.list-products .products .thumb:hover .title_detail {
    display: none;
}

.list-products .products .thumb .info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(225, 225, 225, .6);
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    overflow: hidden;
    max-height: 0;
}

.list-products .products .thumb:hover .info {
    max-height: 100%;
    padding: 20px;
}

.list-products .products .title {
    margin-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
}

.list-products .products .title a {
    color: #333;
    display: block;
}

.star_item {
    height: 15px;
    background-image: url('img/star_item.png');
    background-repeat: no-repeat;
    background-position: center left
}

.list-products .products .more_detail > * {
    display: inline-block;
    padding: 0 25px;
    line-height: 37px;
    background: #e7b100;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333;
    font-weight: 700;
}

.prd-detail-box {
    background: #fff;
    height: 100%;

}

.prd-detail-box .title-prd {
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    line-height: 32px;
    padding: 20px;
    padding-top: 0px;
    padding-left: 0px;
    color: #333;
    margin-bottom: 0;
}

.prd-detail-box .title-prd:first-letter {
    text-transform: uppercase;
}

.prd-detail-box .price_detail {

}

.pad-white {
    background-color: #fff;
    border-radius: 5px;
}

.prd-detail-box .description {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

.meta .connenct > * {
    vertical-align: top !important;
}

.meta .connenct {
    height: 20px;
    overflow: hidden;
}

#article-page .uk-flex.uk-flex-middle.meta {
    padding: 5px;
    background: #fafafa;
    margin-bottom: 10px;
    border-top: 1px solid #f2f2f2;
    border-radius: 3px;
}

.left-meta > * {
    font-family: 'Roboto Condensed', sans-serif;
    color: #999;
    padding-left: 15px;
}

.left-meta > .back-page {
    background: url('img/back.png') no-repeat scroll left center;
}

.left-meta > .goTop-page {
    background: url('img/top.png') no-repeat scroll left 3px center;
    margin-left: 5px;
}

.gallerys .uk-slidenav-contrast {
    display: block;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    width: 35px;
    height: 35px;
    line-height: 33px;
    font-size: 30px;
}

.gallerys .uk-slidenav-contrast.uk-slidenav-previous {
    left: 0;
}

.gallerys .uk-slidenav-contrast.uk-slidenav-next {
    right: 0;
}

.box_item_detail .detail_prd li p {

}

.desc_prd {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0px;
}

.desc_prd p {
    margin-bottom: 0px
}

.price_sales_detail {
    color: #ff0000;
    font-size: 26px;
    font-family: 'Roboto', sans-serif;
    padding: 5px 0;
    font-weight: bold;
}

.price_old_detail {
    color: #999999;
    font-size: 20px text-decoration : line-through;
    font-family: 'Roboto', sans-serif;
    padding: 5px 0;
}

.price_detail.khuyenmai-sale p {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    padding-left: 20px;
    background: url('img/ic_gift.png') no-repeat scroll left top 5px;
}

.title_item_detail span {
    display: inline-block;
    padding: 0 20px;
    min-width: 200px;
    line-height: 36px;
    background: #b07f17;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    position: relative;
}

.title_item_detail span::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-bottom: 18px solid transparent;
    border-top: 18px solid transparent;
    border-right: 13px solid #e0e0e0;
}

.content_item_detail {
    padding: 0 20px;
}

.box_it_detail .thumb {
    width: 35px;
    height: 35px;
    float: left;
}

.box_it_detail .thumb img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    background: #b07f17;
    border-radius: 100%;
}

.box_it_detail .info {
    width: -webkit-calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    width: -ms-calc(100% - 35px);
    width: -o-calc(100% - 35px);
    width: calc(100% - 35px);
    padding-left: 5px;
    float: right;
    font-family: 'Roboto Condensed', sans-serif;
    color: #666;
    line-height: 18px;
    height: 35px;
    overflow: hidden;
}

.content_item_detail .tabControl-home li {
    border: 0;
    line-height: 30px;
    background-position: 0 center;
    padding-left: 20px;
    color: #666;
}

.start_open {
    font-family: 'Roboto Condensed', sans-serif;
    padding-left: 20px;
    background: url('img/ic_time.png') no-repeat scroll left center;
    color: #666;
    font-size: 13px;
    margin: 5px 0;
}

.buy.mb20 {

}

.quantity-box .btn {
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
    text-shadow: 1px 1px 1px #fff;
    color: #888;
    border: 1px solid #ddd;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(221, 221, 221);
    text-transform: none;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding-left: 0.5em;
    padding-right: 0.5em;
    letter-spacing: .03em;
    line-height: 34px;
    float: left;
    width: 28px;
    text-align: center;
}

.size-box input.size, .quantity-box input.quantity {
    width: 100%;
    line-height: 32px;
}

.size-box input, .quantity-box input {
    position: relative;
    /* float: left; */
    text-align: left;
    border-radius: 0;
    border: 1px solid #ddd;
    /* border-right: 0; */
    /* border-left: 0; */
    padding-left: 10px;
    max-width: 80%;
}

.label {
    font-weight: bold;
}

.hotline-content {
    height: 40px;
    width: 100%;
    background: #ff0000 url(img/phone-icon-white.png) 60px center no-repeat;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.call-content input[type=text] {
    width: 60%;
    min-height: 40px;
    padding-left: 10px;
    border-right: none;
    border: 1px solid #cccc;
}

.call-content .action-button {
    width: 40%;
    margin: 0px;
    float: right;
    min-height: 40px;
    background-color: #e9a400;
    border: none;
}

.anchor-link {
    background: url(img/anchor-bg.jpg) left center repeat-x;
    max-height: 122px;
    border-radius: 10px;
    margin-right: 10px;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    text-transform: uppercase;

}

.anchor-link span {
    height: 24px;
    /* width: 26px; */
    display: block;
    text-align: center;
    /* width: 100%; */
    /* padding-top: 20px; */
    margin-top: 30px;
}

.anchor-link .cart-link {
    background: url(img/cart-link.png) center center no-repeat;

}

.anchor-link .infor-link {
    background: url(img/infor-link.png) center center no-repeat;

}

.anchor-link .comment-link {
    background: url(img/comment-link.png) center center no-repeat;
}

.product-detail .panel-head .heading span {
    padding-left: 0px;
}

.product-detail .content-prd p {
    font-weight: 500;
}

.action-button {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #cccccc;
    width: 90%;
    line-height: 36px;
    font-family: Roboto;
    font-weight: normal;
    background-color: #f6f6f6;
    margin-top: 32px;
    min-height: 36px;
}

.action-button:hover {
    background-color: #e9a400;
}

.ic_iteem a {
    display: block;
    text-transform: uppercase;
    color: #333;
    border: 1px solid #333;
    line-height: 40px;
    border-radius: 5px;
    font-family: Roboto;
}

.ic_iteem i.fa.fa-360 {
    width: 18px;
    height: 13px;
    background-image: url('img/ic_album.png');
    background-size: 100%;
}

.ic_iteem a:hover i.fa.fa-360 {
    background-image: url('img/ic_album_hover.png');
}

.ic_iteem i {
    margin: 0 7px 0 0;
}

.ic_iteem a:hover {
    color: #fff;
    background-color: #b07f17;
    border-color: #b07f17;
}

.tabControl-prd li {
    line-height: 38px;
    padding: 0 20px;
    background: transparent;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333333;
    float: left;
    position: relative;
    cursor: pointer;
    font-weight: 700;
}

.tabControl-prd li.uk-active {
    background-color: #b07f17;
    color: #fff;
}

.tabControl-prd li:not(:last-child) {
    border-right: 0;
}

.tabControl-prd {
    border-top: 2px solid #b07f17;
    background: linear-gradient(#fff, #f6f4f4, #e9e9e9);
}

#tabContent-prd {
    border: 1px solid #d2d2d2;
    border-top: 0;
    padding: 15px;
}

/*	.tabControl-prd li:before{
		background-image: url('img/before.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 38px; height: 38px;
		position: absolute;
		right: -19px;
		top: 0;
	}
	.tabControl-prd li.uk-active:before{
		background-image: url('img/before_active.png');
	}*/
.box_thong_so table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100% !important;
}

.box_thong_so table tr:nth-child(2n) {
    background: #eee;
}

.box_thong_so table tr td {
    border: 1px solid #dedede;
    padding: 8px 10px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #555;
    font-weight: 300;
}

/*====== Document =====*/
.list-document .document .thumb {
    width: 150px;
    height: 148px;
    float: left;
}

.list-document .document .infor {
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: -ms-calc(100% - 150px);
    width: -o-calc(100% - 150px);
    width: calc(100% - 150px);
    padding-left: 10px;
    float: right;
}

.list-document .document .infor .title {
    font-family: 'Roboto Condensed', sans-serif;
}

.list-document .document .infor .title a {
    color: #333;
}

.des_document > * {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    color: #666;
    line-height: 22px;
}

.download-file {
    background: #cccccc;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 25px;
}

.download-file:hover {
    background-color: #bd2929;
}

.list-document .document .infor .title a:hover {
    color: #bd2929;
}

.readtl .media, .readtl .media iframe {
    width: 100% !important;
}

.heading-heading {
    font-size: 22px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 24px;
    background: url(img/line_bottom.png) left bottom no-repeat;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* ===== Pagination ===== */
.pagination {
    margin: 0;
    padding: 0;
}

.pagination .uk-pagination > li:nth-child(n+2) {
    margin-left: 5px;
}

.pagination ul > li > a {
    display: block;
    padding: 0;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    background: #3757AA;
    border: 1px solid #3757AA;
    color: #fff;
    border-radius: 0;
}

.pagination ul > li:hover > a,
.pagination ul > li.uk-active > a {
    color: #fff;
    background: #CF171F;
    border-color: #CF171F;
}

/* ===== Contact ===== */
.contact {
    margin: 0 0 30px 0;
}

.contact .contact-infomation,
.contact .contact-form {
    margin-bottom: 20px !important;
}

.contact .contact-infomation .note {
    margin-bottom: 10px;
    font-style: italic;
    color: #666;
    font-weight: 500;
}

.contact .contact-infomation .company {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    color: #2d3090;
    font-weight: bold;
}

.contact .contact-infomation .address {
    margin-bottom: 20px;
}

.contact .contact-infomation .address p {
    margin: 0 0 5px 0;
    color: #000;
}

.contact .contact-infomation .address a {
    color: #000;
}

.contact .contact-map {
    padding: 4px;
    border: 1px solid #d5d5d5;
    height: 340px;
}

.contact .contact-form .label {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-bottom: 15px;
}

.contact .contact-form .form-row {
    margin-bottom: 10px;
}

.contact .contact-form .input-text,
.contact .contact-form .form-select,
.contact .contact-form .form-textarea {
    border: 1px solid #d5d5d5;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.contact-form .form-select {
    color: #999 !important;
}

.contact .contact-form .input-text,
.contact .contact-form .form-select {
    height: 32px;
}

.contact .contact-form .form-textarea {
    padding: 5px 10px;
    height: 200px;
}

.contact-form .btn-submit {
    display: inline-block;
    padding: 7px 20px;
    cursor: pointer;
    background: #333333;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    border: none;
    font-family: 'Roboto Condensed', sans-serif;
}

.contact .contact-form .input-text::-webkit-input-placeholder {
    color: #898989;
    font-size: 13px;
}

.contact .contact-form .input-text::-moz-placeholder {
    color: #898989;
    font-size: 13px;
}

.contact .contact-form .input-text:-ms-input-placeholder {
    color: #898989;
    font-size: 13px;
}

.contact .contact-form .input-text:-moz-placeholder {
    color: #898989;
    font-size: 13px;
}

/* ===== Footer style ===== */
.footer .lower {
    /*background: #fff url(img/bg-footer.png) left top no-repeat;*/
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    min-height: 350px;

}

.footer .img-ft {
    position: relative;
    width: 100%;
    height: 55px;
}

.footer .img-ft:after {
    position: absolute;
    content: "";
    top: -15px;
    left: 0;
    width: 100%;
    height: 55px;
    background: url("img/bf-footer.png") center no-repeat;
}

.footer {
    background: #f58901;
}

.footer-information .panel-head .heading span {
    color: #fcff00;
    font-size: 20px
}

.footer_box .uk-clearfix .thumb {
    width: 90px;
    /*float: left;*/
}

.footer_box .info {
    width: 100%;
    color: #000;
}

.footer_box .info ul li {
    list-style: none;
    margin-bottom: 20px;
}

.footer_box .info ul li > span {
    float: left;
}

.footer_box .info ul li > p {
    float: right;
    width: 75%
}

.footer_box .info ul li span.map-i {
    background: #fff url('img/map-icon.png') center no-repeat;
    border: 1px solid #cdcdcd;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    text-indent: -99999px;
}

.footer_box .info ul li span.mobile-i {
    background: #fff url('img/phone-icon.png') center no-repeat;
    border: 1px solid #cdcdcd;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    text-indent: -99999px;
}

.footer_box .info ul li span.email-i {
    background: #fff url('img/mail-icon.png') center no-repeat;
    border: 1px solid #cdcdcd;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    text-indent: -99999px;
}

.heading-footer {
    font-size: 16px;
    color: #e9a400;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: UTMTrajan;
    background: url('img/border-bt-heading-footer.jpg') left bottom no-repeat;
    padding-bottom: 20px;
}

.footer_box.uk-clearfix .info p {
    margin-bottom: 0;
}

.footer_box.uk-clearfix .info p span {
    color: #333;
    font-weight: bold;
}

.infor-footer .uk-list li a {
    color: #333;
}

.infor-footer .uk-list li {
    padding-left: 20px;
    background: url('img/dot-active-video') left center no-repeat;
    margin-bottom: 10px;
}

.infor-footer .social-online .uk-list li {
    background: none;
    padding-left: 0px;
    margin-right: 10px;
}

.call_now {
    font-size: 16px;
    font-weight: bold;
}

.call_now span {
    text-transform: uppercase;
    color: #f6ff00;
}

.box_color_box {
    color: #d71d24;
    font-family: UTMNokia;
    font-size: 30px;
    line-height: 35px;
    text-shadow: 1px 1px 0px #fff;
}

.footer-hotline.uk-clearfix .hotline-box {
    width: 65%;
    float: left;
}

.footer-hotline.uk-clearfix .social-online {
    width: 35%;
    float: left;
}

.uk-list-foot li a {
    display: block;
    width: 28px;
    height: 28px;
    background-image: url('img/social-footer.png');
    background-repeat: no-repeat;
    text-indent: -9999px;
}

.uk-list-foot li a.go {
    background-position: -38px 0;
}

.uk-list-foot li a.yo {
    background-position: -76px 0;
}

.footer_box_col .heading {
    font-size: 18px;
    color: #b07f17;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: Roboto;
    position: relative;
}

.footer_box_col .heading:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #666;
}

.footer .address p {
    margin: 0 0 8px 0;
}

.footer_box_col .item_form {
    position: relative;
}

.footer_box_col .item_form input {
    background: #fff;
    max-width: 300px;
    padding: 0 10px;
    border: 0;
}

.style-form-submit {
    background: transparent url('img/submit_img.png');
    border: 0;
    width: 28px;
    height: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    text-indent: -99999px;
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
}

.address.uk-list li {
    background: url('img/add-fotter.png') no-repeat;
    color: #fff;
    padding-left: 25px;
    line-height: 22px;
    margin-bottom: 7px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
}

.address.uk-list li.add {
    background-position: 0px 4px;
}

.address.uk-list li.pho {
    background-position: 0px -95px;
}

.address.uk-list li.pho {
    background-position: 0px -95px;
}

.address.uk-list li.hot {
    background-position: 0px -126px;
}

.address.uk-list li.fax {
    background-position: 0px -153px;
}

.address.uk-list li.ema {
    background-position: 0px -180px;
}

.address.uk-list li.web {
    background-position: 0px -208px;
}

.uk-list.uk-list_tag li {
    float: left;
    margin: 0 5px 10px;
}

.uk-list.uk-list_tag li a {
    display: block;
    padding: 5px 15px;
    border: 1px solid #b07f17;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    border-radius: 3px;
}

.footer .upper {
    background: #dc7b01;
    color: #ffbcac;
    font-size: 14px;

}

.footer .upper .uk-container-center {
    /*border-top: 1px solid #e3e2e2;*/
}

.coppyright a {
    color: #ffbcac;
}

.footer-nav li a {
    display: block;
    color: #e4e4e4;
    font-size: 14px;
    line-height: 34px;
    position: relative;
    border-bottom: 1px dashed #545454;
}

.static-network p {
    font-size: 14px;
    color: #fff;
}

.fixed-page {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 999;
}

.hide_item {
    width: 0;
    opacity: 0;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    -moz-transition: left 1s ease 0.1s, width 1s ease-out 0s;
    -webkit-transition: left 1s ease 0.1s, width 1s ease-out 0s;
}

.price-prd .price-sales {
    font-size: 18px;
    color: #ff0000;
    font-weight: 700;
}

.price-prd span {
    font-weight: normal;
    font-size: 15px;
}

.price-prd .price-old {
    text-decoration: line-through;
    color: #b0b0b0;
}

.line_all_value a:hover {
    background: #f06135;
    color: #fff;
}

.sale-property {
    line-height: 34px;
    height: 40px;
    width: 100px;
    text-align: center;
    background: url('img/bg_sale_box.png');
    font-family: UTMNokia;
    font-size: 20px;
    color: #fff000;
}

.price-products {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}

.relative {
    position: relative;
}

.sale_.relative {
    padding: 15px 20px;
}

.sale_content {
    padding-left: 50px;
    height: 46px;
    overflow: hidden;
    background: url('img/box_sales.png') no-repeat scroll left center;
    line-height: 22px;
}

.sale_content p {
    margin: 0;
}

.gallerys .gallery li {
    height: 270px;
}

.gallerys .lSGallery li {
    height: 50px;
}

.gallerys .lSGallery li a img {
    width: 100%;
    object-fit: scale-down;
}

.gallerys .lSGallery li a {
    padding: 5px;
    display: block;
    border: 1px solid #dedede;
    height: 50px;
}

.gallerys .lSGallery li.active a {
    border-color: #67bd50;
}

.box_item_fixed.form .hide_item {
    background-color: #1e1c1c
}

.box_item_fixed.phone .hide_item {
    background-color: #9c1313
}

.box_item_fixed.email .hide_item {
    background-color: #b98e00
}

.uk-list.list-item-fixed li {
    position: relative;
    height: 38px;
    overflow: hidden;
    min-width: 38px;
}

.ic_fixed {
    width: 38px;
    height: 38px;
    display: block;
    background-image: url('img/item_fixed.png');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.ic_fixed.search {
    background-color: #333333;
    border: 0;
    background-position: center top 10px;
}

.ic_fixed.phone {
    background-color: #bd2929;
    background-position: center center;
}

.ic_fixed.email {
    background-color: #e8b200;
    background-position: center bottom 12px;
}

.box_item_fixed:hover .hide_item {
    width: 250px;
    padding: 0 45px 0 10px;
    opacity: 1;
}

.uk-width-1-1.input-text.hide_item {
    height: 38px;
    border: 0;
    color: #fff;
}

.welcome {
    background: #fff;
}

.welcome .heading h2:before, .welcome .heading h2:after {
    content: "";
    display: table;
    background: url(img/top-left-welcome.png) left bottom no-repeat;
    width: 33%;
    height: 66px;
    float: left;
}

.welcome .heading h2:after {
    background: url(img/top-right-welcome.png) right bottom no-repeat;
    float: right;
}

.welcome .heading h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 0px;
}

.welcome .heading h2 a {
    width: 33%;
    display: inline-block;
    margin: auto;
    float: left;
    color: #e9a400;
}

/*	.welcome .content:before {
		content: "";
    	display: table;
    	background: url(img/welcome-left.png) left bottom repeat-y;
    	width: 10%;
    	min-height: 100px;
    	float: left;
	}
	.welcome .content:after {
		content: "";
    	display: table;
    	background: url(img/welcome-left.png) right bottom repeat-y;
    	width: 10%;
    	min-height: 100px;
    	float: right;
	}*/
.welcome .content {

    min-height: 100px;
    background-image: url(img/welcome-left.png), url(img/welcome-left.png);
    background-position: left, right;
    background-repeat: repeat-y, repeat-y;

}

.welcome .content p {
    width: 80%;
    margin: auto;
    padding: 20px 10px;
    font-style: italic;
    font-size: 16px;
}

.welcome .footer-welcome {
    background-image: url(img/bottom-left-welcome.png), url(img/bottom-right-welcome.png);
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    min-height: 33px;
}

.welcome .footer-welcome a {
    border: 1px solid #e9a400;
    padding: 5px 10px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 5px;
    font-family: UTMTrajan;
    color: #e9a400;
}

.newspaper {
    background: #f6f6f6;
}

.content-news {
    padding-right: 20px;
}

.content-news h2 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.img-overlay {
    background: url(img/player) center no-repeat;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    background-color: #33302f;
    opacity: 0.5;
    top: 0
}

.video-content .uk-slideshow li:hover .img-overlay,
.video-content .uk-slideshow li:hover .overlay {
    display: block;
}

.video-content {
    position: relative;
}

.video-content .uk-slideshow {
    overflow: inherit !important;
}

.video-content .uk-dotnav {
    display: none;
}

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

.videos_dot li a {
    background: url('img/dot-video.png') center no-repeat;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    display: block;
}

.videos_dot li.active a {
    background: url('img/dot-active-video.png') center no-repeat;
    width: 20px;
}

/* Page Contact */
#contact-tabs li {
    list-style: none;
    display: inline-block;
    background: #eeeeee;
    min-height: 160px;
    font-size: 30px;
    color: #333;
    font-family: UTMTrajan;
    margin-top: 50px;
    position: relative;
}

#contact-tabs li span {
    position: absolute;
    width: 90px;
    height: 90px;
    display: block;
    border: 10px solid #e5e5e5;
    border-radius: 50%;
    top: -45px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#contact-tabs .uk-active span.call-tabs {
    background: #fff url('img/call-tabs-active.png') center center no-repeat;
    border: 10px solid #d59600;
}

#contact-tabs li span.call-tabs {
    background: #fff url('img/call-tabs.png') center center no-repeat;
}

#contact-tabs .uk-active span.mail-tabs {
    background: #fff url('img/mail-tabs-active.png') center center no-repeat;
    border: 10px solid #d59600;
}

#contact-tabs li span.mail-tabs {
    background: #fff url('img/mail-tabs.png') center center no-repeat;
}

#contact-tabs .uk-active span.address-tabs {
    background: #fff url('img/address-tabs-active.png') center center no-repeat;
    border: 10px solid #d59600;
}

#contact-tabs li span.address-tabs {
    background: #fff url('img/address-tabs.png') center center no-repeat;
}

#contact-tabs li p {
    line-height: 160px;
}

#contact-tabs .uk-active {
    background: #e9a400;
    color: #fff;
}

#contact-tabs .uk-active:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-top: 20px solid #e9a400;
    bottom: -30px;
    left: 30%;
    transform: translate(0, -50%);
}

.hotline-contact h2 {
    font-size: 22px;
    font-family: Roboto;
    font-weight: bold;
    margin-top: 20px;

}

.hotline-contact span {
    font-size: 30px;
    color: #ff0000
}

.hotline-contact p {
    font-size: 22px;
    font-weight: normal;
}

/* </etrc.css> */
/* css for clouds*/
#clouds {
    /*padding: 100px 0;*/
    position: absolute;
}

/*Time to finalise the cloud shape*/
.cloud {
    width: 100px;
    height: 30px;
    background: #fff;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    position: relative;
}

.cloud:before, .cloud:after {
    content: '';
    position: absolute;
    background: #fff;
    width: 61px;
    height: 40px;
    position: absolute;
    top: -22px;
    left: 20px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.cloud:after {
    width: 60px;
    height: 60px;
    top: -35px;
    left: auto;
    right: 24px;
}

/*Time to animate*/
.x1 {
    -webkit-animation: moveclouds 30s linear infinite;
    -moz-animation: moveclouds 30s linear infinite;
    -o-animation: moveclouds 30s linear infinite;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.6;
    top: 20px;
}

/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {
    left: 200px;

    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.6; /*opacity proportional to the size*/

    /*Speed will also be proportional to the size and opacity*/
    /*More the speed. Less the time in 's' = seconds*/
    -webkit-animation: moveclouds 30s linear infinite;
    -moz-animation: moveclouds 30s linear infinite;
    -o-animation: moveclouds 30s linear infinite;
}

.x3 {
    left: -250px;
    top: 0px;

    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.8; /*opacity proportional to the size*/

    -webkit-animation: moveclouds 30s linear infinite;
    -moz-animation: moveclouds 30s linear infinite;
    -o-animation: moveclouds 30s linear infinite;
}

.x4 {
    left: 100px;
    top: -15px;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0.75; /*opacity proportional to the size*/

    -webkit-animation: moveclouds 30s linear infinite;
    -moz-animation: moveclouds 30s linear infinite;
    -o-animation: moveclouds 30s linear infinite;
}

.x5 {
    left: 300px;
    top: -50px;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.85; /*opacity proportional to the size*/

    -webkit-animation: moveclouds 30s linear infinite;
    -moz-animation: moveclouds 30s linear infinite;
    -o-animation: moveclouds 30s linear infinite;
}

.x6 {
    left: -120px;
    top: -110px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.9; /*opacity proportional to the size*/

    -webkit-animation: moveclouds 30s linear infinite;
    -moz-animation: moveclouds 30s linear infinite;
    -o-animation: moveclouds 30s linear infinite;
}

@-webkit-keyframes moveclouds {
    0% {
        margin-left: 1000px;
    }
    100% {
        margin-left: -1000px;
    }
}

@-moz-keyframes moveclouds {
    0% {
        margin-left: 1000px;
    }
    100% {
        margin-left: -1000px;
    }
}

@-o-keyframes moveclouds {
    0% {
        margin-left: 1000px;
    }
    100% {
        margin-left: -1000px;
    }
}

/*Thành tuu css*/
.thanhtuu {
    background: url('img/bg-thanhtuu.png');
    min-height: 557px;
}

.thanhtuu .heading span {
    color: #fff;
    margin: 20px 0px
}

.thanhtuu .content-wp {
    background: url('img/bg-thanhtuu-wp.png') center no-repeat;
    min-height: 365px;
    position: relative;
}
.thanhtuu .content-top{
    background: url('img/image-top.png') top;
    height: 66px;
    width: 100%;
}
.thanhtuu .content {
    width: 90%;
    margin: 0px auto;
    padding-top: 70px;
}

.thanhtuu .content h2 {
    color: #fffc00;
    text-align: center;
    font-family: UTMCookies;
    font-size: 50px;
    padding-top: 50px;
}

.thanhtuu .content .box-tt {
    background: url(img/bg-thanhtuu-box.png) left center no-repeat;
    min-height: 226px;
    width: 227px;
    margin: 0px auto;
}

.thanhtuu .content p {
    color: #fff;
    text-align: center;
    width: 90%;
    margin: 10px auto;
    padding-top: 15px;
}

.thanhtuu .content-wp:before {
    position: absolute;
    bottom: -60px;
    left: -65px;
    content: "";
    background: url('img/boy-icon.png') left center no-repeat;
    width: 160px;
    height: 274px;
}

.thanhtuu .content-wp:after {
    position: absolute;
    bottom: -60px;
    right: -65px;
    content: "";
    background: url('img/girl-icon.png') left center no-repeat;
    width: 160px;
    height: 274px;
}

.owl-item img {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}

.owl-item.center img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.owl-item .title-inline {
    display: none;
}

.owl-item .title-inline p {
    margin-bottom: 5px;
}

.owl-item.center .title-inline {
    display: block;
}

.w-content {
    position: relative;
}

.customPrev {
    position: absolute;
    left: -15px;
    top: 90px;
    text-indent: -9999px;
    background: url(img/prev-icon.png) left center no-repeat;
    width: 10px;
    height: 25px;
    display: block;
}

.customNext {
    position: absolute;
    right: -15px;
    top: 90px;
    text-indent: -9999px;
    background: url('img/next-icon.png') left center no-repeat;
    width: 10px;
    height: 25px;
    display: block;
}

.customer-info .desc {
    font-style: italic;
    width: 80%;
    font-size: 14px;
    position: relative;
    margin: 0px auto;
    text-align: center;
    color: #333;
}

.customer-info .desc:before, .customer-info .desc:after {
    content: "";
    background: url(img/quote-icon-left.png) left center no-repeat;
    width: 38px;
    height: 32px;
    display: block;
    position: absolute;
    top: 0px;
}

.customer-info .desc:before {
    left: -60px;
}

.customer-info .desc:after {
    background: url('img/quote-icon-right.png') left center no-repeat;
    right: -60px;

}

/******gallery******/
.gallery-wp {
    background: #fff url('img/bg-img-box.png') left top repeat-x;
    min-height: 700px
}

.gallery {
    margin-top: 100px;
    background: url('img/bg-gallery.png') center top no-repeat;
    min-height: 600px;
    width: 100%;
}

.newspaper-items .heading span, .videos .heading span {
    text-align: center;
    /* margin-top: 30px; */
    display: block;
    padding-top: 50px;
    color: #db5a3c;
}

.gallery .w-content {
    width: 90%;
    margin: 0 auto;
}

.gallery .w-content .img-news {
    border: 5px solid #fff;
    width: 160px;
    height: 130px;

}

.videos .video_hot {
    position: relative;
}

.videos .video_hot a {
    width: 90%;
    border: 5px solid #fff;
    display: block;
    margin: 0 auto;
}

.videos .video_hot a img {
    width: 100%;
}

.videos .video_hot h3 {
    margin-top: 25px;

}

.videos .video_hot .bg-video {
    position: absolute;
    transform: rotate(5deg);
    top: 0;
    left: 20px;
}

.videos .video_hot .video_play {
    position: relative;
}

.list-videos ul li {
    list-style: none;

}

.list-videos ul li a {
    padding-left: 20px;
    background: url('img/video-icon.png') left center no-repeat;
    color: #333;

}

.form-footer .btn-submit {
    background: url(img/email-icon.png) left center no-repeat;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 8px;
    width: 20px;
    height: 14px;
    border: none;
    cursor: pointer;
}

.footer-social li {
    display: inline-block;
    margin-right: 5px;
}

.footer-social a {
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
}

.footer-social .facebook a {
    color: #f8866b;
}

.footer-social .twitter a {
    color: #f8866b;
}

.footer-social .google a {
    color: #f8866b;
}

.footer-social .youtube a {
    color: #f8866b;
}

.footer-social {
    text-align: center;
    margin-top: 5px;
    position: relative;
    top: -70px;
}

.form-footer {
    position: relative;
}

.footer-contact a {
    color: #fff;
}

.footer-contact ul li {
    margin-bottom: 10px;
}

.location {
    padding-left: 35px;
    background: url('img/location-footer-icon.png') left center no-repeat;
}

.phone {
    padding-left: 35px;
    background: url('img/phone-footer-icon.png') left center no-repeat;
}

.email {
    padding-left: 35px;
    background: url('img/email-footer-icon.png') left center no-repeat;
}

.website {
    padding-left: 35px;
    background: url('img/site-footer-icon.png') left center no-repeat;
}

.upper .uk-list li {
    list-style: none;
}

.main-nav {
    background: #f39500;
    position: relative;
}

.main-nav:before {
    position: absolute;
    top: 0px;
    left: -54px;
    width: 54px;
    content: "";
    height: 45px;
    background: url(img/bf-menu.png) no-repeat;
}

.callback-box a:before {
    position: absolute;
    top: 0px;
    left: -3px;
    width: 3px;
    content: "";
    height: 3px;
    background: url(img/bf-ht.png) no-repeat;
}

.callback-box a:after {
    position: absolute;
    top: 0px;
    right: -3px;
    width: 3px;
    content: "";
    height: 3px;
    background: url(img/af-ht.png) no-repeat;
}

/*setmeida*/


@media (min-width:1200px) /* lg*/ {

}

@media (min-width:992px) and (max-width:1199px) /* md*/{

}

@media (min-width:768px) and (max-width:991px) /* sm*/{


}

@media (max-width:767px) /* xs*/{
    .thanhtuu .content-wp:before,.customPrev {

        left: 0px !important;

    }
    .thanhtuu .content-wp:after,.customNext{
        right: 0px !important;
    }
    .customer-info .desc:before {
        left: -48px;
        top: 0px;
    }
    .customer-info .desc:after {

        right: -48px;
        top: 0px;
    }
    .thanhtuu .content-wp {
        background: none !important;
    }
    .thanhtuu .content{
        padding-top: 0px !important;
    }
    .uk-width-1-3{
        width: 100% !important;
    }

}

@media (max-width:480px) {


}

.before-thanhtuu{
    background: url("img/before-1.png");
    height: 7px;
}
.after-thanhtuu{
    background: url("img/before-2.png");
    height: 120px;
    margin-top: -110px;
}