/*@import url('https://fonts.googleapis.com/css?family=Muli:300,400&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=greek,vietnamese');*/

@font-face {
    font-family: 'Play';
    src: url(../fonts/Play-Bold.ttf);
}
@font-face {
    font-family: 'Play';
    src: url(../fonts/Play-Regular.ttf);
}
/*@font-face {*/
/*    font-family: 'SanFranciscoDisplay';*/
/*    src: url(../fonts/SanFranciscoDisplay-Regular.otf);*/
/*}*/
/*@font-face {*/
/*    font-family: 'SanFranciscoDisplay';*/
/*    src: url(../fonts/SanFranciscoDisplay-Semibold.otf);*/
/*}*/

/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=greek,vietnamese');*/

body {
    font-size: 14px;
    font-family: 'Play';
    font-weight: 300;

}
.wrapper {
    background: #ffffff;
}
.center{
    text-align: center;
}
a:hover{
    text-decoration:none;
}
ul,li{
    margin: 0;
    padding: 0px;
    list-style: none;
}
.color-organ{
    color: #FFA903;
}
.color-while{
    color: #ffffff;
}
.bg_gray{
    background: #f0f0f0 !important;
}
.left{
    float: left;
}
.right{
    float: right;
}
.relative{
    position: relative;
}
.one_line{
    letter-spacing: 0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1em;
    min-height: 26px;
}
.two_line{
    letter-spacing: 0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 25px;
    min-height: 50px;
}
.ellipsis_3 {
    -webkit-line-clamp: 3;
}
.ellipsis {
    letter-spacing: 0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text_center{
    text-align: center;
}
.slick-slider button {
    border: none;
    background: none;
}
.slick-slider .slick-prev {
    position: absolute;
    z-index: 10;
    left: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: transparent;
}
.slick-slider .slick-prev:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: -23px;
    margin: auto;
    width: 20px;
    height: 20px;
    border-top: 3px solid #aaa;
    border-right: 3px solid #aaa;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.slick-slider .slick-next {
    position: absolute;
    z-index: 10;
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: transparent;
}
.slick-slider .slick-next:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    right: 0px;
    margin: auto;
    width: 20px;
    height: 20px;
    border-top: 3px solid #aaa;
    border-right: 3px solid #aaa;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover{
    cursor: pointer;
}
.upper-first-text:first-letter {
    text-transform: uppercase;
    float: left;
    padding: 16px 8px 0 0;
    display: block;
    color: #4a4a4a;
    font: 96px/64px sans-serif;
}
.navbar-toggler{
    z-index: 1000;
}
.form-group label.required:after {
    content: "*";
    color: #fc6868;
    font-weight: 700;
    display: inline-block;
}
.wapper-content{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0px 15px;
    clear: both;
}
.title-head-large{
    font-size: 50px;
}
img.maintain{
    width: 100%;
    max-width: 1024px;
}
header .header-top{
    padding: 5px 0px;
}
header #menu{
    width: 100%;
    /*background: #1a1a1a;*/
    display: block;
    /*height: 100%;*/
}
header #menu .container{
    position: relative;
}
header #menu .navbar{
    padding: 0px;
    width: 100%;
    float: left;
}
header #menu .customer{
    float: right;
    display: inline-flex;
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 0px;
    top: 0px;
}
header #menu .customer .user-icon{
    font-size: 20px;
    margin: 16px 10px 0px 0px;
}
/*header #menu .customer .account-info-container{*/
/*    border-right: 1px solid #565656;*/
/*    margin: 13px 5px 0px 0px;*/
/*    padding: 0px 5px 0px 0px;*/
/*}*/
header #menu .customer #cart{
    margin: 16px 10px 0px 5px;
    color: #fff;
}
header #menu .customer #cart a{
    color: #fff;
}
header #menu .customer #cart a .fa{
    font-size: 20px;
}

#cart .icon-cart{
    position: relative;
}
header #menu .customer #cart a span{
    margin: 0px 0px 0px 12px;
}
#cart .icon-cart span#number-cart{
    position: absolute;
    top: -14px;
    right: 32px;
    background: #f8f400;
    padding: 0px 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: #000;
    display: none;
}
#cart .icon-cart span#number-cart.active{
    display: block;
}
#cart b
{
    font-size: 15px;
    margin-left: 3px;
    /*font-family: 'Roboto', sans-serif;*/
}
header .header-pc .hotline small{
    font-size: 11px;
    width: 100%;
    display: block;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin: 17px 0px 0px 0px;
}
header .header-pc .hotline a{
    color: #000;
    font-weight: bold;
}
header .header-pc .faq-contact a:hover,
header .header-pc .hotline a:hover{
    color: #ffdf04;
}
header .header-pc .search form{
    position: relative;
    margin: 16px 0px 0px;
}
header .header-pc .search .icon-search{
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px .25rem .25rem 0px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #07D;
    color: #fff;
}
header .header-pc .faq-contact a{
    float: right;
    margin: 20px 0px 0px 0px;
    color: #000;
    font-weight: bold;
}
header .header-pc .faq-contact a:first-child{
    margin-left: 3px;
}
header .header-sm{
    display: none;
}

.menu-cate {
    position: absolute;
    top: 100%;
    /*left: 0px;*/
    /*width: 100%;*/
    z-index: 10000;
    /*display: none;*/
    visibility: hidden;
    padding: 25px 0px 20px 0px;
    /*transform: scaleX(0);*/
    /*transition: transform 250ms ease-in-out;*/
    transform-origin: 100% 0%;
    transition: transform .5s;
    transform: scaleY(0);
}
header a.parent{
    height: 100%;
    line-height: 40px;
    padding: 0px 10px;
    color: #fff;
    font-size: 13px;
    /*font-weight:900;*/
    display: block;
    overflow: hidden;
    text-transform: uppercase;
    text-align:center;
}

.menu-cate .child-menu-left{
    width: 200px;
    /* background: #fafafa; */
    display: table-cell;
    min-height: 10px;
    float: left;
    padding: 0px 0px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}
.menu-cate a{
    color: #ffffff;
}
.menu-cate .child-menu-left a{
    width: 100%;
    text-align: left;
    padding: 10px 10px 10px 20px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    font-size: 13px;
    max-width: 100%;
    display: block;
}
.menu-cate .child-menu-left a:after{
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -8px;
    font-family: FontAwesome;
    content: "\f054 ";
    float: right;
    font-size: 10px;
}
.menu-cate .child-menu-left a.active{
    color: #ffffff;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #fff;
    position: relative;
    z-index: 1;
}
.menu-cate .wapper-content-menu{
    display: table;
    /* width: 100%; */
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    background: #fc7e17;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
}
.menu-cate .child-menu-right{
    background: #fff;
    /*width: calc(100% - 170px);*/
    float: left;
    padding: 0px 0px 0px 20px;
}
.menu-cate .child-menu-right .item-menu{
    float: left;
    height: 100% !important;
    margin-right: 20px;
}
.menu-cate .child-menu-right .bg-cate{
    position: absolute;
    right: 1px;
    width: 90%;
    top: 0;
}
.child-menu-right .data-menu-child{
    opacity: 0;
    display: none;
    transition: all 0.3s ease-in-out;
}
.child-menu-right .data-menu-child a{
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 13px;
    margin: 10px 0px 0px 0px;
}
.child-menu-right .data-menu-child a:hover{
    color: #07D;
}
.child-menu-right .data-menu-child.active{
    opacity: 1;
    display: block;
    position: relative;
}
.child-menu-right .box-menu-child{
    height: 100% !important;
    position: relative;
    z-index: 10;
    background: #FFF;
    min-height: 250px;
    float: left;
}
.child-menu-right .box-menu-child:after{
    display: block;height: 40px;
    line-height: 40px;
    color: #fff;
    padding: 0px 10px;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 100%;
    border-left: 120px solid #fff;
    border-bottom: 300px solid transparent;
}
.list-group span.title{
    /*border-top: 2px solid #cfcfcf;*/
    /*border-bottom: 2px solid #284c90;*/
    color: #ffffff;
    background: #fc7e17;
    font-size: 16px;
    padding: 15px;
    font-weight: 700;
}
.list-group span.title:before {
    content: "\f0c9";
    font-family: 'FontAwesome' !important;
    font-size: 15px;
    margin-right: 10px;
    color: #fff;
    font-weight: bold;
}
.list-group .item-cate{
    color: #333333;
    width: 100%;
    /*text-align:center;*/
    padding: 10px 10px 10px 10px;
    /*height:30px;*/
    /*line-height:30px;*/
    background: #ffffff;
    font-weight: 400;
    border: 1px solid #ddd;
    font-size: 13px;
}
.list-group a.collapse{
    color: #333333;
    width: 100%;
    /*text-align:center;*/
    padding: 10px 10px 10px 30px;
    /*height:30px;*/
    /*line-height:30px;*/
    background: #ffffff;
    font-weight: 700;
    border: 1px solid #ddd;
    font-size: 15px;
}
a.item-cate-paren {
    color: #333333;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    border-top: 1px dotted #ffffff;
    font-size: 15px;
}
a.item-cate-not-paren {
    color: #333333;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    border-top: 1px dotted #ffffff;
    font-size: 15px;
}
.item-cate i.fa-chevron-down {
    content: "\f054";
    font-family: 'FontAwesome' !important;
    font-size: 15px;
    margin-right: 10px;
    color: #D22234;
    font-weight: bold;
}
a.item-cate.show:before {
    content: "\f054";
    font-family: 'FontAwesome' !important;
    font-size: 15px;
    margin-right: 10px;
    color: #D22234;
    font-weight: bold;
}
a.item-cate-not-paren:before {
    content: "\f054";
    font-family: 'FontAwesome' !important;
    font-size: 15px;
    margin-right: 10px;
    color: #fc7e17;
    font-weight: bold;
}

.left-panel .list-group .item-cate:hover{
    background: #07d;
    color: #fff;
}
#slideshow .image_wrap .image_item{
    overflow: hidden;
    position: relative;
    padding: 0;
}
#slideshow .image_wrap .image_item img.slide-image{
    width: 100%;
}
.item-product{
    position: relative;
    /*margin-bottom: 15px;*/
}
.item-product .pro-title{
    width: 100%;
    font-size: 15px;
    display: block;
    color: #515151;
}
.item-product .pro-price{
    font-size: 13px;
}
.item-product .pro-wrapper{
    margin: 5px auto;
    position: relative;
    /*padding: 10px 5px;*/
    border: 1px solid #91D0FD;
    /*background: linear-gradient(to right bottom,#fff 50%,#eee 50%);*/
    -webkit-transition: background 500ms ease-in-out;
    -moz-transition: background 500ms ease-in-out;
    -ms-transition: background 500ms ease-in-out;
    -o-transition: background 500ms ease-in-out;
    transition: background 500ms ease-in-out;
    z-index: 1;
    display: block;
    overflow: hidden;
}
/*.item-product .pro-wrapper .pro-thumb{*/
/*    text-align: center;*/
/*    min-height: 150px;*/
/*}*/
.item-product .pro-wrapper .pro-thumb {
    text-align: center;
    height: 205px;
    /*background-color: #ffffff;*/
    /*margin: 0px 16px;*/
}
.item-product .pro-wrapper {
    background-color: #f2f6f9;
    /*min-height: 305px;*/
}

span.title-product {
    padding: 0px 5px;
    /*font-size: 16px;*/
    /*color: #666666;*/
    /*letter-spacing: 0.01em;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 1;*/
    /*line-height: 1.7em;*/
    /*min-height: 75px;*/
}
.item-product .pro-wrapper .pro-thumb img{
    width: 100%;
    /*height: 100%;*/
    margin: 0 auto;
    transition: all .3s ease-in-out;
    display: block;
}
.item-product .pro-wrapper .pro-detail{
    background: #2b78b7;
    /*border: 1px solid #face00;*/
    -webkit-box-shadow: 2px 3px 0 0 #bdbdbd;
    -moz-box-shadow: 2px 3px 0 0 #bdbdbd;
    box-shadow: 2px 3px 0 0 #bdbdbd;
    color: #ffffff;
    width:87px;
    height:25px;
    text-align:center;
    /*padding: 5px 25px;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    text-decoration: none !important;
    margin: 17px 0px 0px 0px;
    float: right;
    display: block;
}
.item-product .pro-wrapper .pro-helper{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #266999;
    /*background: linear-gradient(to right bottom,#fff 50%,#84d3cd 50%);*/
    opacity: 0;
    -webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
    margin: 0;
}
.item-product .pro-wrapper:hover .pro-helper{
    /*opacity: 1;*/
}
.item-product:hover .pro-thumb img{
    transition: all .3s ease-in-out;
    transform: scale(1.05);
}

.home-product{
    width:100%;
}
.home-product #pills-tab,.template-index #pills-tab{
    text-align: center;
    position: relative;
    display: block;
    /*border-bottom: solid 1px #aaa;*/
}
.home-product #pills-tab li,.template-index #pills-tab li{
    display: inline-block;
    text-align: center;
    position: relative;
    padding: 0px 10px;
}
.home-product .nav-pills .nav-link{
    color: #000;
    border-radius: unset;
    padding: .5rem 0rem;
    font-size: 16px;
}
.home-product .nav-pills .nav-link:hover,
.home-product .nav-pills .nav-link.active,
.home-product .nav-pills .show>.nav-link {
    background-color: #2978bb;
    background: none;
}
.home-product .nav-pills .nav-link:hover:before,
.home-product .nav-pills .nav-link.active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.home-product .nav-pills .nav-link:hover:after,
.home-product .nav-pills .nav-link.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-top-color: #07d;
    border-width: 8px;
    margin-left: -8px;
    display:none;
}
img.full-width{
    width: 100%;
}
.customer-home .list-customer .list-item a{
    color: #fff;
}
.customer-home .list-customer .list-item{
    position: relative;
    color: #fff;
}
.customer-home .list-customer .list-item .cus-wrapper{
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    width: 100%;
}
.list-customer .list-item .cus-wrapper:hover:after,
.list-customer .list-item .cus-wrapper:hover:before{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.list-customer .list-item .cus-wrapper:before{
    z-index: 1;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
}
.list-customer .list-item .cus-wrapper:after{
    z-index: 1;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
}
.customer-home .list-customer .list-item .info{
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
}
.list-customer .list-item .info .title{
    padding-top: 50%;
    transition: all .35s,transform .35s;
}
.list-item .cus-wrapper:hover .info .title{
    padding-top: 45%;
    transition: all .35s,transform .35s;
    transform: translate3d(0,0,0);
}
.list-customer .list-item .info .more{
    color: #fff;
    background: #0080ff;
    padding: 8px 0px;
    font-size: 14px;
    margin: 0 auto;
    opacity: 0;
    transition: all .35s,transform .35s;
    transform: translate3d(0,0,0);
    display: block;
    width: 134px;
}
.list-customer .list-item .info .summary{
    opacity: 0;
    text-transform: uppercase;
    font-size: 12px;
    transition: all .35s,transform .35s;
    transform: translate3d(0,0,0);
    display: block;width: 100%;
    margin-bottom: 10px;
    padding: 0px 30px;
}
.customer-home .list-customer .list-item:hover .more,
.customer-home .list-customer .list-item:hover .summary{
    opacity: 1;
    transition: all .35s,transform .35s;
    transform: translate3d(0,0,0);
}
.line-title{
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
}
.line-title h2{
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    line-height: 1.3;
    background: #fff;
    color: #555;
    padding: 0 20px;
    font-weight: 400;
    font-size: 32px;
    z-index: 100;
}
.line-title h2:before{
    content: "";
    display: inline-block;
    border-top: 1px solid #aaa;
    margin-top: 20px;
    height: 15px;
    width: 1000px;
    position: absolute;
    left: -1000px;
}
.line-title h2:after{
    content: "";
    display: inline-block;
    border-top: 1px solid #aaa;
    margin-top: 20px;
    height: 15px;
    width: 1000px;
    position: absolute;
    right: -1000px;
}
.feedback-home .feedback-content .feedback-first .thumb img{
    width: 100%;
}
.feedback-content .row{
    display: block;
    overflow: hidden;
}
.feedback-content .item-feedback{
    float: left;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.feedback-content .item-feedback.feedback-first{
    display: table-cell;
    border-right: 1px solid #aaa;
    padding-top: 10px;
}
.feedback-content .item-feedback:nth-child(2){
    margin-top: 50px;
}
.feedback-home .feedback-content .thumb{
    float: left;
    width: 100px;
    text-align: center;
    margin: 0px 1.5rem 0px 2rem;
}
.feedback-home .feedback-content .feedback-first .thumb{
    width: 100%;
    margin: 0px;
}
#slide-news .item-news{
    padding: 0px 20px;
    display: block;
    overflow: hidden;
    color: #515151;
}
#slide-news .item-news .title{
    color: #515151;
}
#slide-news .item-news .thumb{
    max-height: 280px;
    overflow: hidden;
}
#slide-news .item-news .thumb img{
    width: 100%;
}
#slide-news .item-news .info{
    padding: 30px;
    box-shadow: 0 3px 6px 0 rgba(21,22,23,.2);
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.customer-says-home{
    background: #000;
}
.customer-says-home .line-title h2{
    background: #000;
    color: #fff;
}
#slide-customer-says .item-customer-says{
    padding: 0px 20px;
}
#slide-customer-says .item-customer-says .content-customer-says{
    background: #fff;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 30px;
    border-radius: 5px;
}
.item-customer-says .content-customer-says .thumb{
    max-height: 250px;
    display: block;
    overflow: hidden;
}
.item-customer-says .content-customer-says .thumb img{
    width: 100%;
}
.item-customer-says .content-customer-says .company span{
    width: 100%;
    text-align: right;
    display: block;
    font-weight: bold;
}
.connect-with-us .fa{
    width:30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}
.connect-with-us .social{
    width: 100%;
    display: inline-block;
    margin: 20px 0px;
}
.connect-with-us .social a{
    margin: 0px 5px;
}
.connect-with-us .fa.fa-facebook-square{
    background: #0d6aad;
}
.connect-with-us .fa.fa-blog{
    background: #00c0ef;
}
.connect-with-us .fa.fa-linkedin{
    background: #00c0ef;
}
.connect-with-us .fa.fa-pinterest{
    background: red;
}
.connect-with-us .fa.fa-twitter{
    background: #00c0ef;
}
.connect-with-us .fa.fa-youtube{
    background: red;
}
.connect-with-us p.title{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    /*border-top: 1px solid #e6e6e6;*/
    padding-top: 20px;
}
.footer-info a{
    color: #ffffff;
}
.footer-info a:hover{
    color: yellow;
}
.footer-info h4.text{
    font-size: 20px;
    color: #ffffff;
}
.footer-info-r a{
    color: #333333;
    font-size:14px;
    font-weight:700;
}
.footer-info-r li {
    margin-bottom: 5px;
}
.footer-info-r a:hover{
    color: #fc7e17;
}
.footer-info-r h4.text{
    font-size: 20px;
    color: #333333;
    margin-bottom:10px;
    font-weight:700;
}
.footer-info-r h4.text::after{
    background: url('../images/LINEF.png');
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 8px;
    background-repeat: no-repeat;
    background-position-y: bottom;
    padding-top: 0;
}
.detail-product h1.title{
    font-size: 25px;
}
.detail-product .product-content .tab-content img{
    width: 100% !important;
    height: auto !important;
}
.product-attribute .content-attribute{
    -webkit-box-shadow: -9px 11px 13px -4px rgba(0,0,0,.17), 9px 11px 13px -4px rgba(0,0,0,.17);
    -moz-box-shadow: -9px 11px 13px -4px rgba(0,0,0,.17),9px 11px 13px -4px rgba(0,0,0,.17);
    box-shadow: -9px 11px 13px -4px rgba(0,0,0,.17), 9px 11px 13px -4px rgba(0,0,0,.17);
    border-radius: 5px 5px;
}
.product-attribute .content-attribute .head-attribute{
    background: #02407b;
    padding: 10px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    font-size: 18px;
    font-weight: bold;
}
.product-attribute .calculator-attribute{
    background: #F5F5F5;
    padding: 25px;
}
.calculator-attribute .attr-title{
    height: 30px;
    line-height: 30px;
}
.calculator-attribute .attr-select select{
    width: 100%;
    height: 30px;
}
.detail-product #pro-price{
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 30px 0px 10px 0px;
}
.detail-product #pro-price span.price{
    float: right;
    color: #02407b;
    font-weight: bold;
    font-size: 27px;
}
.pro-buy{
    width: 100%;
    background: #3f3f3f;
}
.pro-action .add-to-cart{
    width: 150px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    background: #fdd835;
    border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    margin: 0 auto;
    transition: all .3s ease-in-out;
}
.pro-action .add-to-cart:hover{
    background: #fbce01;
    transition: all .3s ease-in-out;
}
.product-content #product-tab a.nav-link{
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    /*padding: 15px 50px;*/
}
.product-content #product-tab .nav-item {
    border: 1px solid #ccc;
    border-radius: 10px;
    background: -webkit-linear-gradient(top, rgba(30,114,207,1) 0%,rgba(19,73,155,1) 50%,rgba(10,38,109,1) 100%);

    /*border-bottom: 1px solid #ccc;*/
    /*border-left: 1px solid #ccc;*/
}
/*.product-content #product-tab a.nav-link:hover,*/
.product-content #product-tab a.nav-link.active{
    background: none;
    /*border-radius: unset;*/
    color: #02407b;
    /*border-bottom: 4px solid #02407b;*/
    border-left: 1px solid #ccc;
    color:white;
    border-radius: 10px;
    background: linear-gradient(to bottom, rgba(57,212,196,1) 0%,rgba(8,165,146,1) 31%,rgba(0,158,138,1) 100%);
}
.product-content #product-tab .nav-item:first-child{
    border-left: none;
}
.product-info .thumb img{
    width: 100%;
}
.join-us{
    background: #1A1A1A;
    color: #fff;
}
#form-join-us{
    max-width: 450px;
    margin: 0 auto;
}
#form-join-us input{
    width: calc(100% - 100px);
    border: none;
    border-radius: 5px 0px 0px 5px;
}
#form-join-us button.btn-submit{
    width: 100px;
    float: left;
    border: none;
    border-radius: 0px 5px 5px 0px;
    background: #f8f301;
    color: #346562;
    font-size: 14px;
}
#page-loadding .loadding{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url("../images/bg_opacity.png") repeat;
}
#page-loadding .loadding img{
    position: absolute;
    top: calc(50% - 128px);
    left: calc(50% - 128px);
}
.detail-cart .cart-items .cart-item{
    border: 1px solid #ddd;
    position: relative;
    margin-bottom: 25px;
}
.cart-items .cart-item .item-header {
    background: #EFEFEF;
    padding: 10px 15px;
}
.cart-items .cart-item .item-header .name{
    font-weight: bold;
}
.cart-items .cart-item .thumb img{
    width: 100%;
}
.cart-items .cart-item p.price{
    width: 100%;
    border-top: 2px dotted #ddd;
    margin-top: 20px;
    padding-top: 10px;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
}
.cart-items .cart-item ul.info li{
    margin: 10px 0px 0px;
}
.detail-cart h1.title {
    font-size: 30px;
}
.detail-cart .order-summary-content{
    border: 1px solid #ddd;
    border-bottom: none;
}
.detail-cart .order-summary-content span.title{
    border-bottom: 2px dotted #ddd;
    display: block;
    width: 100%;
    padding-bottom: 10px;
    font-size: 20px;
}
.order-summary-content p{
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 5px 0px;
}
.order-summary p.total{
    font-weight: bold;
    border: 1px solid #ddd;
    border-top: 1px dashed #ddd;
    padding: 10px 1.5rem;
    display: block;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 0px;
}
.order-summary p.total span.left{
    margin-top: 8px;
}
.order-summary p.total span.right{
    font-size: 25px;
    color: #02407b;
}
.detail-cart .box-checkout {
    background: #3f3f3f;
    padding: 15px 10px;
}
.detail-cart .box-checkout a{
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
}
.detail-cart .box-checkout a.checkout{
    border-color: #fdd835;
    background: #fdd835;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    border-radius: 3px;
    color: #000;
}
.detail-cart .box-checkout a.checkout:hover{
    color: #0496cf;
}
.detail-cart .remove-cart{
    border: 1px solid #ddd;
    border-top: none;
    width: 100%;
    padding: 10px;
    display: block;
    color: #000;
}
.detail-cart .remove-cart:hover{
    color: #007bff;
}
.cart-empty{
    width: 100%;
    display: block;
    margin: 10px 0px 0px;
    text-align: center;
    background: #f7f7f7;
    padding: 30px;
    border-radius: 5px;
}
.cart-empty img{
    width: 150px;
}
.cart-empty a{
    width: 150px;
    background: #fdd835;
    padding: 10px 30px;
    border-radius: 3px;
    color: #000;
}
.order-confirm .order-summary{
    border: 1px solid #ddd;
}
.order-confirm .order-summary .action-send{
    padding: 15px 0px;
}
.order-confirm .order-summary .action-send .total{
    width: 100%;
    font-size: 22px;
    color: #02407b;
    display: block;
    margin: 10px 0px;
}
.action-send .submit{
    width: calc(100% - 30px);
    background: #fdd835;
    padding: 10px 30px;
    border-radius: 3px;
    color: #000;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    font-size: 18px;
}
.order-confirm .items{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
}
.order-confirm .items .thumb img{
    width: 100%;
}
.order-confirm .items .row{
    margin-bottom: 10px;
}
.border-dot{
    border-bottom: 1px dotted #ddd;
    width: calc(100% - 50px);
    display: block;
    margin: 0 auto;
}
.order-confirm .items .border-dot{
    margin-top: 10px;
}
.order-confirm .cart-items{
    border: 1px solid #ddd;
    padding: 5px 15px 15px;
    margin-bottom: 30px;
    background-color: #fafafa;
}
.cart-items .form-item .submit{
    background: #fdd835;
    padding: 10px 30px;
    border-radius: 3px;
    color: #000;
}
.box-thank{
    margin: 0 auto;
    width: calc(100% - 30px);
    max-width: 780px;
    border-radius: 6px;
    box-shadow: 5px 2px 20px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}
.box-thank .title{
    font-size: 20px;
    color: #80b600;
}
.cart-thank .code-order{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 16px;
}
.cart-thank .code-order span.code{
    font-weight: bold;
    color: #fd0000;
}
.cart-thank .contact .code{
    color: #80b600;
}
.cart-thank .price{
    text-transform: uppercase;
    font-size: 22px;
}
.cart-thank .price .code{
    font-weight: bold;
}
.cart-thank .continue_order{
    text-align: center;
    background: #80b600;
    display: block;
    width: 170px;
    margin: 0 auto;
    padding: 10px 0px;
    text-transform: uppercase;
    color: #fff;
}
.detail-category img.thumb{
    width: 100%;
}
.detail-category h1.title{
    font-size: 24px;
    margin-top: 5px;
}
.home-contact{
    padding: 50px 0px;
    background: url("../images/bg_home_contact.jpg") no-repeat top center;
}
.contact.home-contact{
    /*background: none;*/
    padding: 0px;
}
.contact.home-contact .img-cover{
    position: relative;
}
.contact.home-contact .img-cover img{
    width: 100%;
}
.contact.home-contact .img-cover .info{
    position: absolute;
    top: 30%;
}
.home-contact .info i.icon{
    float: left;
    margin: 10px 20px 0px 0px;
}
.home-contact .info i.icon:before{
    font-size: 40px;
    color: #fff;
}
.home-contact .info .description{
    margin-left: 60px;
    color: #fff;
}
.home-contact .info .description .summary{
    padding: 0px 0px 0px 20px;
}
.contact.home-contact .info .description .summary{
    padding: 0px;
}
.home-contact .form-contact{
    padding: 50px;
    background: #fff;
    border-radius: 15px;
    margin: 50px 0px 0px 0px;
    box-shadow: 0 0 35px 0 rgba(0,0,0,0.15);
}
.home-contact .form-contact .btn-submit{
    background: #0e76bc;
    text-align: center;
    color: #fff;
    padding: .375rem 2.75rem;
}
.home-contact .form-contact .form-item{
    margin: 0px 0px 20px 0px;
    position: relative;
}
.home-contact .form-contact .form-item:before{
    font-family: 'FontAwesome';
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    width: 48px;
    text-align: center;
    color: #0e76bc;
    position: absolute;
    left: 1px;
    bottom: 0px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-right: 1px solid #C5D2E2;
}
.home-contact .form-contact .form-item textarea{
    height: 48px;
}
.home-contact .form-contact .form-item input{
    border: 1px solid #C5D2E2;
    height: 48px;
    line-height: 48px;
    padding-left: 65px;
    font-size: 14px;
}

.home-contact .form-contact label{
    font-weight: bold;
}
.contact .form-contact{
    margin: 0px;
}

.contact .infomation .item{
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 15px;
    line-height: 60px;
}
.contact .infomation .item .icon{
    width: 60px;
    height: 60px;
    background: #fff;
    text-align: center;
    float: left;
    border-radius: 50%;
    box-shadow: 0 0 15px 2px rgba(0,0,0,0.15);
    margin-right: 20px;
}
.contact .infomation .item .icon i.fa{
    color: #0e76bc;
    font-size: 30px;
    margin-top: 15px;
}
.contact .infomation .item .icon i.fa.fa-envelope-o{
    font-size: 25px;
}
.contact .infomation .item a {
    color: #000;
    font-weight: 500;
}
.contact .infomation .item h4,
.contact .infomation .item a{
    font-size: 1rem;
}
.contact .infomation .item .hotline{
    width: calc(100% - 85px);
    float: left;
}
.contact .infomation .item .hotline a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}
#map{
    width: 100%;
    height: 450px;
    margin: 50px 0px 0px;
}
.post-detail .description img{
    max-width: 100%;
    height: auto;
}
.post-related .item-news .thumb{
    width: 100%;
    max-height: 250px;
    overflow: hidden;
}
.post-related .item-news .thumb img{
    width: 100%;
}
.post-related .item-news h2.title{
    font-size: 14px;
}
.panel-footer
{
    /*font-family: "Droid Sans",Segoe UI,Arial,sans-serif;*/
    font-weight: bold;
}
.col-sm-3 span
{
    font-size: 15px;

}
/*.col-sm-3 a*/
/*{*/
/*    text-decoration: none;*/
/*    font-size: 13px;*/
/*    color:black;*/
/*    font-family: "Droid Sans",Segoe UI,Arial,sans-serif;*/
/*}*/
.panel-footer,.col-sm-3 ul li
{
    line-height:2;
}
.faq_background_header{
    padding: 100px 0px;
    background: url("../images/faq_header.jpg") no-repeat top center;
    height: 250px;
    margin-top:20px;
    background-size: cover;
}
.faq_background_header a
{
    text-decoration:none;
    color:#444444;
    /*font-family: "Droid Sans",Segoe UI,Arial,sans-serif;*/
}
.faq_title
{
    text-align: center;
    font-size: 26px;
    margin-top: 10px;
    color:#444444;
    /*font-family: "Droid Sans",Segoe UI,Arial,sans-serif;*/
}
.faq_frames_questions
{
    min-height: 50px;
    border:1px solid #444444;
    padding-top:5px;
}
.sub_title_questions
{
    color: #047ED9;
    /*font-family: "Droid Sans",Segoe UI,Arial,sans-serif;*/
    line-height:50px;
    border-bottom:1px solid #444444;
    padding-left: 20px;
}
.faq_content_questions
{
    display:none;
    color:#444444;
    font-size: 12px;
    text-align: justify;
    /*font-family: "Droid Sans",Segoe UI,Arial,sans-serif;*/
    border-bottom:1px solid #444444;
}
.faq_content_questions p
{
    margin:20px 10px 20px 30px;
}
.h3 p
{
    margin: 20px 0px 0px 20px;
    font-size: 24px;
    color:#444444;
    /*font-family: "Droid Sans",Segoe UI,Arial,sans-serif;*/
}
.card-header
{
    background: white;
    border-left: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
}
.card-body
{
    border: 1px solid #b3b3b3;
    background:#EFE9E9 ;
}
.card-body1
{
    background:white;
}
.card-link1
{
    font-size: 12px;
    /*font-family: Montserrat,Arial;*/
    padding: 11px;
    color: #777;
    font-weight: 700;
    border-bottom: 1px solid #b3b3b3;
}

.template-banner-text
{
    float:left;
    overflow: hidden;
}

.template-text-right
{
    font-size:12px;
    /*font-family: "Droid Sans",Segoe UI,Arial,sans-serif;*/
    text-align: justify;
}
.template-text-right h4
{
    font-size:18px;
    /*font-family: "Droid Sans",Segoe UI,Arial,sans-serif;*/
}

.content-note
{
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    text-align: center;
    height:97px;
    width:100%;
    display:block;
    clear:both;
}
.content-note p
{
    font-size:18px;
    /*font-family: "Droid Sans",Segoe UI,Arial,sans-serif;*/
    color:#444444;
    margin-top: 30px;
}
.card-link
{
    color:#0d6aad;

}
/*.content-templates ul:nth-of-type(1),.content-templates ul:nth-of-type(2) {*/
/*    border-right: 1px solid #B3B3B3;*/
/*}*/
.content-templates
{
    padding-top: 10px;

}
/*.content-templates ul li a {*/
/*    color: #777;*/
/*    font-weight: 700;*/
/*    font-size: 14px;*/
/*    font-family: Montserrat;*/
/*    font-size: 18px;*/

/*}*/
/*.content-templates ul li*/
/*{*/
/*    margin-bottom: 10px;*/
/*}*/
/*.content-templates ul li a span {*/
/*    padding-left: 10px;*/
/*}*/
.content-templates a i {
    font-size: 18px;
    color: #777;
    border: 3px solid #b3b3b3;
    border-radius: 50%;
    padding: 7px;
}
.content-templates  a {
    color: #777;
    font-weight: 700;
     font-size: 18px;
    /*font-family: Montserrat;*/
}
.content-templates span
{
    margin-left: 10px;
}
.title_detail
{
    border-bottom:1px solid #b3b3b3;
}
.title_detail span
{
    text-align: center;
}
.card
{
    border: 0px;
    font-size: 12px;
    /*font-family: Montserrat,Arial;*/
    padding: 11px;
    color: #777;
    font-weight: 700;
}

.card-link {
    font-size: 12px;
    /*font-family: Montserrat,Arial;*/
    padding: 11px;
    color: #777;
    font-weight: 700;

}

.return
{
     font-size: 14px;
     font-weight: 700;
    margin-bottom: 5px;
    margin-top: 70px;
 }
.detail-header
{
    height: 97px;
    margin-bottom: 30px;
    border-bottom: 1px solid #777;
    border-top: 1px solid #777;
}
.detail-header p
{
    /*font-family: Montserrat,Arial;*/
    font-size: 18px;
    text-align: center;
    color: #444444;
    margin-top: 30px;
}
.dropbtn {

     color: white;
     padding: 16px;
     font-size: 16px;
     border: none;

 }

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 90px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 2px ;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;

    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {}

header #menu .customer {
    /* width: 240px; */
    float: right;
    padding-right: 0px;
    display: inline-flex;
    color: #fff;
    font-weight: bold;
    position: absolute;
    height: 50px;
    right: 0px;
    top: 0px;
}

header #menu .customer .account-info-container {
    border-right: 1px solid #565656;
    /* margin: 0px 5px 0px 0px; */
    /* text-align: center; */
    height: 50px;
    padding: 16px 5px 0px 0px;
}
.reviews
{
    height: 79px;
    padding-top: 30px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.item_template
{
    margin-bottom: 20px;

}
.item_template span:hover,.card-link1 span:hover
{
    color: #337ab7;
    cursor: grab;
}
.title_card
{
    display: block;
    padding: 10px 0;
    /*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
    font-size: 13px;
    text-align: center;
    width: 280px;
    margin: 0 auto;
}
.conten_card
{
    background: #ebebeb;
    padding-left: 5px;
    /*font-family: "Droid Sans",Segoe UI,Arial,sans-serif;*/
    color: #444;
    font-size:14px;
}

.detail_review
{
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #e2e4e8
}
/****** Style Star Rating Widget *****/
#rating{border:none;float:left;padding-right: 130px;font-size:20px}
#rating>input{display:none;}/*ẩn input radio - vì chúng ta đã có label là GUI*/
#rating>label:before{margin:5px;font-size:1.25em;font-family:FontAwesome;display:inline-block;content:"\f005";}/*1 ngôi sao*/
#rating>label{color:#ddd;float:right;}/*float:right để lật ngược các ngôi sao lại đúng theo thứ tự trong thực tế*/
/*thêm màu cho sao đã chọn và các ngôi sao phía trước*/
#rating>input:checked~label,
#rating:not(:checked)>label:hover,
#rating:not(:checked)>label:hover~label{color:#FFD700;}
/* Hover vào các sao phía trước ngôi sao đã chọn*/
#rating>input:checked+label:hover,
#rating>input:checked~label:hover,
#rating>label:hover~input:checked~label,
#rating>input:checked~label:hover~label{color:#FFED85;}


.template-icon {
    width: 30px;
    height: 30px;
    transition: transform 100ms ease;
}
.template-item {
    text-align: center;
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 0 4px;
}
.template-item-container {
    background: #ebebeb;
    text-align: left;
    display: table-row;
}
.template-icon-container {
    padding-left: 5px;
    white-space: nowrap;
}
.template-item-label a
{
 color: #444444;
}
.template-item-label {
    padding-right: 10px;
    padding-left: 15px;
    font-weight: 700;
     display: table-cell;
     vertical-align: middle;
 }
.title-about {
    margin-top:50px;
    background-color: #ffffff;
    padding: 10px 50px;
    background: #fff;
    box-shadow: 0 0 35px 0 rgba(0,0,0,0.15);
    padding: 50px;
    border-radius: 10px;
 }
 .name_detai_review
{   color: #444444;
    /*font-family: Droid Sans,Segoe UI,Arial,sans-serif;*/
    font-size:14px;
    font-weight: 700;
}
.title_detai_review
{
    color: #444444;
    /*font-family: Droid Sans,Segoe UI,Arial,sans-serif;*/
    font-size:16px;
    margin: 10px 0px;
    font-weight: 700;
}
.content_detai_review
{
    color: #444444;
    /*font-family: Droid Sans,Segoe UI,Arial,sans-serif;*/
    font-size:13px;
    text-align: justify;
}
.buton_review p:hover
{
    background-color: #CCC;
    cursor: grab;
}
.buton_review p
{
    float:right;
    width: 150px;
    text-align: center;
    height: 30px;
    padding: 5px 5px;
    color: #444444;
    /*font-family: Droid Sans,Segoe UI,Arial,sans-serif;*/
    font-size:12px;
    font-weight: 700;
    border-radius: 10px 10px;
    background: #f7f7f7;
}
.about_post
{
    margin: 10px;
    /*font-family: Droid Sans,Segoe UI,Arial,sans-serif;*/
}
.content_detail_post
{
    overflow: hidden;
    /*height:450px;*/
}
.content_detail_post.active {
    height: auto;
}

.post_array
{
    /*margin-bottom: 30px;*/
    background:#ffffff;
}
.img_post
{
    margin-bottom: 20px;
    max-height: 120px;
    overflow: hidden;
}

.entry-box
{
    margin-bottom: 10px;
}
.entry-box-post {
    /*margin: 0 30px;*/
    padding-top: 5px;
    padding-bottom: 30px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #fff;
    /*-webkit-box-shadow: 0px 10px 5px 0px rgba(240,240,240,0.8);*/
    /*-moz-box-shadow: 0px 10px 5px 0px rgba(240,240,240,0.8);*/
    /*box-shadow: 0px 10px 5px 0px rgba(240,240,240,0.8);*/
}
header.entry-header {
    /*text-align: center;*/
    margin-bottom: 10px;
    margin-top: 15px;
}
.entry-cate a {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1em;
    padding: 3px 8px;
    background-color: #0077dd;
    border-radius: 2px;
    color: #fff;
}
/*h1.entry-title {*/
/*font-size: 20px;*/
/*letter-spacing: 2px;*/
/*color: #000;*/
/*font-weight: 400;*/
/*line-height: 1.4em;*/
/*-o-transition: .25s;*/
/*-ms-transition: .25s;*/
/*-moz-transition: .25s;*/
/*-webkit-transition: .25s;*/
/*transition: .25s;*/
/*}*/

h2.entry-title{
    font-size: 16px;
    letter-spacing: 2px;
    color: #000;
    font-weight: 400;
    line-height: 1.4em;
    -o-transition: .25s;
    -ms-transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
}
h2.entry-title a, h1.entry-title a {
    color: #000;
}
.entry-summary  {
    margin: 2em 0 0;
}
.title-divider {
    border-top: 2px solid;
    display: block;
    max-width: 55px;
    margin: 0 auto 12px;
    color: #000;
}
.entry-more {
    text-align: center;
    /*margin: 3em 0 1em;*/
}
.title_bg span.bg_title_right {
    /*background-image: url(../images/bg_title.jpg);*/
    background: url(../images/bg_title.jpg) no-repeat left top;
    min-width: 136px;
    height: 42px;
    float: left;
}
hr{
    margin-top: 2.4rem;
    margin-bottom: 0px;
    margin-left: 4px;
    border: 1px solid #1962AD;
}

.entry-more a {
    border-radius: 2px;
    box-sizing: border-box;
    padding: 9px 24px;
    color: #656565;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.3;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    background-color: #0077dd;
    border-color: #0077dd;
    color: #fff;
}

.entry-more a:hover {
    background-color: #0ca092;
    transition: all .3s ease-in;
    border-color: #0077dd;
    color: #fff;
}
.widget-title {
    color: #333333;
    font-size: 12px;
    letter-spacing: 1.25px;
    margin-bottom: 20px;
    text-align: center;
    padding: 10px 15px;
    border: 1px solid #0077dd;
    text-transform: uppercase;
    /*background:#1962AD;*/
    display: block;
    clear: both;
    font-weight: 600;
}
.widget {
     margin: 0 0 1.5em;
    background: #ffffff;
}

h1.entry-title {
    font-size: 23px;
    letter-spacing: 2px;
    color: #000;
    font-weight: 700;
    line-height: 1.4em;
    -o-transition: .25s;
    -ms-transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
    text-transform: uppercase;
 }
.widget ul li a {
    color: #242424;
}
.tptn_posts .tptn_title {
    font-weight: bold;
    display: block;
    padding : 0px 3px;
    text-decoration: none;
    line-height: 1.1em;
}
.widget ul li {
    margin-bottom: 9px;
    padding-bottom: 9px;
    list-style: none;
    border-bottom: 1px dotted #d5d5d5;
}
.tptn_posts ul li:after {
    content: '';
    display: table;
    clear: both;
}
.tptn_posts_daily ul li, .tptn_posts ul li {
    clear: both;
    list-style: none;
    margin-bottom: 15px;
    display: block;
    background: none;

}
.tptn_posts_widget2 img.tptn_thumb {
    width: 100px !important;
    height: 56px !important;
}
img.tptn_thumb {
    display: block;
    float: left;
    clear: left;
    margin-right: 10px !important;
    padding: 3px !important;
    border: 1px #CCCCCC solid;
    vertical-align: bottom;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
#linkcat-hidden{
    display:none;
}

.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    text-transform: uppercase;
    flex: 0 0 20%;
    max-width: 20%;
}
.fb-float-right{
    float:right;
}
.list-group{
    /*border: 1px solid #0a90eb;*/
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width:100%;
    /*position:fixed;*/
    position: sticky;
    top: 10px;
}
.block-title .title {
    padding: 10px 100px 10px 10px;
    margin: 0;
    position: relative;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    background-image: url(../images/bg_title.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top right;
    background-color: #0f75bd;
}
.search-left {
    width:70%;
}
.button-search{
    width:20%;
}
.search .icon-search {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px .25rem .25rem 0px;
    width: 38px;
    height: 28px;
    line-height: 38px;
    text-align: center;
    border: 2px solid #ced4da;
    background: #00afef;
    color: #fff;
}

.search form {
    position: relative;
    /*margin: 12px 0px 0px;*/
}
.w-netro_menu {
    background-color: #2250ab;
}
.w-netro_menu .w-header .w-header_title h1 {
    color: #fff;
    /*font-family: UTMCaviar;*/
    font-weight: 500;
    font-size:26px;
    margin-top:5px;
}
.w-netro_menu .w-header {
    height: 50px;
    line-height: 50px;
}
.w-netro_menu .w-header .w-header_title {
    float: left;
}
.w-netro_menu .w-header .w-header_lang {
    float: right;
}
.w-netro_menu .w-header .w-header_lang li {
    display: inline-block;
    /*padding: 10px 5px;*/
    height: 50px;
}
.wellcome-container {
    width: 1000px;
    margin: 0 auto;
}
.netro_index {
    width: 100%;
}
.w-netro_body .w-body {
    padding: 1px 0;
}
.w-netro_body .w-body article.listbox {
    float: left;
    width: 25%;
    border: 1px solid #a0a0a0;
}
.w-netro_body .w-body article.listbox .wrap {
    position: relative;
}
.w-netro_body .w-body article.listbox .wrap .list-thumbnails {
    width: 100%;
    height: 247px;
    overflow: hidden;
    position: relative;
}
.w-netro_body .w-body article.listbox .wrap .list-thumbnails .thumbnails_n1 {
    z-index: 3;
    transition: all ease 0.2s;
    height: 100%;
    padding: 0px 6px 0px;
}
.w-netro_body .w-body article.listbox .wrap .list-thumbnails a {
    position: absolute;
}
.w-netro_body .w-body article.listbox .wrap .list-thumbnails .thumbnails_n2 {
    z-index: -1;
    transition: all ease 0.2s;
}
.list-thumbnails img.thumb-adv{
    width: 100%;
}
.w-netro_body .w-body article.listbox .wrap .list-title-bgr-holder {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 247px;
    top: 0;
}
.w-netro_body .w-body article .list-title-bgr {
    display: none;
    height: 0px;
    border-radius: 50%;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: rotate(-5deg) translate(-50%, -60%);
    background: rgba(66,134,244,0.8);
}
.w-netro_body .w-body article .list-title-bgr {
    width: 86%;
}
.w-netro_body .w-body article.listbox .wrap .list-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    width: 100%;
    text-align: center;
}
.w-netro_body .w-body article.listbox .wrap .list-bgc2 {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 247px;
    top: 0;
}

/*.netro_index {*/
/*    !*position: relative;*!*/
/*    width: 100%;*/
/*}*/
/*.w-netro_body .w-body article.listbox:nth-of-type(2) .wrap .list-bgc2 {*/
/*    !*position: absolute;*!*/
/*    z-index: 1;*/
/*    width: 100%;*/
/*    height: 247px;*/
/*    top: 0;*/
/*}*/
.w-netro_body .w-body article.listbox .wrap .list-thumbnails {
    width: 100%;
    height: 247px;
    overflow: hidden;
    position: relative;
}
.w-netro_body .w-body article.listbox .list-title1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    width: 100%;
    text-align: center;
}
w-netro_body .w-body article.listbox .wrap .list-bgc1 {
    background-color: rgba(250,250,250,0.45)!important;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 247px;
    top: 0;
}
.w-netro_body .w-body article.listbox .wrap .list-bgc1 {
    background-color: rgba(0,0,0,0.5);
}
.w-netro_body .w-body article.listbox .list-title1 a span {
    width: 100%;
    padding: 0 20px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
}
.w-netro_body .w-body article.listbox:nth-of-type(2) {
    width: 50%;
}
.w-netro_body .w-body article.listbox .wrap .list-bgc1 {
    background-color: rgba(250,250,250,0.45)!important;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 247px;
    top: 0;
}
.netro-footer {
    color: white;
}
.netro-footer {
    width: 100%;
    /*position: absolute;*/
    bottom: 0;
    background-color: #2250ab;
    height: 45px;
    line-height: 45px;
    /*margin-bottom: 30px;*/
}
.netro-bottom-left, .netro-bottom-right {
    position: relative;
    float: left;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: 300;
}
.netro-bottom-right {
    float: right;
    margin-right: 5px;
}
.w-netro_body .w-body article.listbox .wrap .list-title a {
    color: #fff;
    font-size: 18px;
    transition: all ease 0.3s;
    /*font-family: UTMBOLD;*/
    font-weight: 500;
}
a.thumbnails_n1 img{
    width:100%;
}
.w-netro_body .w-body article:hover span {
    transform: scale(1.05);
}
w-netro_body .w-body article.listbox .wrap .list-thumbnails span {
    width: 100%;
    height: 247px;
    object-fit: cover;
    transition: all ease 0.3s;
}
.mailto-a-class a {
    color: white;
}
.tel-a-class span{
    color: white;
}
.listbox-pc{
    display:none;
}

.hotline-zalo-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #008df2;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
.hotline-zalo-ring-img-circle {
    background-color: #008df2;
    width: 30px;
    height: 30px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 10px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotline-zalo-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: #008df2;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.zalo-bar {
    display:none;
    position: absolute;
    background: #008df2;
    height: 32px;
    width: 180px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    /* width: 175px !important; */
    left: 33px;
    bottom: 41px;
}
.zalo-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-indent: 50px;
    display: block;
    letter-spacing: 1px;
    line-height: 30px;
    /*font-family: Arial;*/
}
.hotline-zalo-ring-img-circle:hover .zalo-bar{
    display:block;
}

.hotline-wechat-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #55ff5d;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
.hotline-wechat-ring-img-circle {
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 10px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotline-wechat-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: #55ff5d;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.wechat-bar {
    display:none;
    position: absolute;
    background: #55ff5d;
    height: 32px;
    width: 180px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    /* width: 175px !important; */
    left: 33px;
    bottom: 41px;
}
.wechat-bar > a {
    color: black;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-indent: 50px;
    display: block;
    letter-spacing: 1px;
    line-height: 30px;
    /*font-family: Arial;*/
}

.container-pc{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1440px;
}
/*.w-netro_body{*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/
.main-header.navbar-toggler-fixed{
    position: fixed;
    transition: all 0.5s ease 0s;
    width:100%;
    top: 0px;
    transition: all 0.5s;
    animation: slide-down 0.7s;
    z-index: 13;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}
.home_bg .main-header.navbar-toggler-fixed{
    background: #fff !important;
}
.content-contact p {
    margin: 2px 0px;
}
.adsense-left{
    position: fixed;
    left:-5px;
    top:150px;
    width:10%;
}
.adsense-right{
    position: fixed;
    right:-5px;
    top:150px;
    width:10%;
}
/*.container{*/
/*    width:80%;*/
/*    margin: 0px auto;*/
/*}*/
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}
.position-absolute-2 {
    position: absolute!important;
    left: 648px;
    z-index: 999999999999;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #ffffff;
    background-color: #031b4e;
    /*border-bottom: 3px solid #6acce6;*/

}
.content-contact{
    margin-top: 3rem;
}
p.flags {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border: 2px solid #77b56a;
    border-radius: 50%;
    margin-top:5px;
}
p.flags .fa {
    font-size: 25px;
    margin-top: 10px;
    color: #77b56a;
}
span.line {
    width: 200px;
    height: 3px;
    background: #77b56a;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}
h1.album-title{
    font-weight:600;
    font-size:25px;
    text-transform: uppercase;
    margin-top: 10px;
}
.frames-album{
    padding: 12px 10px 10px;
    text-transform: uppercase;
    box-shadow: 1px 2px 2px 2px #888888;
}
.frames-album span{
    font-weight: bold;
    margin-top: 5px;
}
.frames-album p{
    margin: 0px 0px 0px 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.list-thumb-item {
    position: absolute;
    bottom: 110px;
    left: 18px;
    width: 90%;
    background: url(../images/bg_link.png) repeat;
    padding: 10px;
}
.list-thumb-item-detail{
    width: 100%;
    padding: 10px 0px 0px 0px;
}
.list-thumb-item-detail-nav {
    width: 100%;
    padding : 2px 0px 0px 0px;
}
.list-thumb-item .box-item-thumb {
    width: calc(32% - 4px);
    height: 75px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.list-thumb-item-detail .box-item-thumb{
    width: calc(32% - 4px);
    height: 300px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.list-thumb-item-detail-nav .box-item-thumb-nav{
    width: calc(32% - 4px);
    height: 100px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.home_bg{
    /*background: url("../images/bg_home_page.jpg") top left no-repeat;*/
    /*background-size: cover;*/
}
.container-full{
    width: 100%;
    padding: 0px 30px;
}
#box-slideshow .slider-product .item-thumb {
    height: 100%;
    width: 600px;
}
#box-slideshow{
    min-height: 450px;
}
#box-slideshow .slider-product-nav .item-thumb{
    height: 110px;
    width: 130px;
}
span.iso{
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: 11px;
    margin-top: 3px;
}
.box-mtsp p{
    margin-bottom:0px;
}
#lightGallery .item-thumb a img{
    width: 98%;
    margin: 0 auto;
}
.main-header{
    background-color: #fc7e17;
    /*position: absolute;*/
    top: 0px;
    left: 0px;
    z-index: 10;
    height:90px;
    width: 100%;
    transition: all 0.5s;
    animation: slide-up 0.7s;
}

header .navbar .active span:after {
    width: 100% !important;
}
/*.active {*/
/*    border-bottom: 1px solid red;*/
/*}*/
.bg_line{
    width: 100%;
    height: 104px;
}
/*.bg_logo{*/
/*    background: url("../images/bg_left-1.png") bottom repeat-x;*/
/*    height: 104px;*/
/*    width: 250px;*/
/*    float: left;*/
/*}*/
/*.bg_left{*/
/*    background: url("../images/bg-toppage-right-4.png") bottom no-repeat;*/
/*    height: 104px;*/
/*    width: 68px;*/
/*    float: left;*/
/*}*/
/*.bg_right{*/
/*    background: url("../images/bg-toppage-2.png") bottom repeat-x;*/
/*    width: calc(100% - 318px);*/
/*    height: 104px;*/
/*    float: left;*/
/*}*/
.number-phone {
    font-size: 15px;
    font-weight: 600;
    color: #00afef;
}
.position-absolute-0 {
    position: absolute!important;
    right: 0;
    z-index: 999999999999;
    margin-right: 3px;
    margin-top: 2px;
}
.position-absolute-4 {
    position: absolute!important;
    right: 344px;
    z-index: 999999999999;
}
.logo {
    width: auto;
    display: inline-block;
    float: left;
    margin: 7px 0;
}
.logo .logo-wrapper img {
    max-height: 70px;
    width: auto;
    margin: 3px 0;
}
.search {
    position: relative;
    margin: 26px 0;
    border: none;
    width: 100%;
    display: inline-block;
    margin-left: 95px;
    float: left;
    max-width: 400px;
}
.form_search .form-control {
    height: 40px;
}
.form_search .form-control {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    border: 0;
    outline: none;
}
.form_search input {
    width: calc(100% - 40px);
    float: left;
}
.form_search {
    width: 100%;
    z-index: 5;
    overflow: hidden;
    border-radius: 5px;
}
.form_search button {
    width: 40px;
    float: left;
    background-color: #fff;
    padding: 6px 10px;
    border-color: #fff;
}
.main-header .hotline .icon {
    float: left;
}
.main-header .hotline>div {
    display: inline-block;
    float: left;
    margin: 9px 0;
    margin-left: 8px;
}
.main-header .hotline .box_info p,
.main-header .hotline .box_info p a {
    color: #ff0;
    font-weight: 700;
    font-size: 30px;
}
.main-header .hotline .box_info span {
    color: #ffffff;
    font-size: 14px;
}
.main-header .hotline {
    text-align: center;
    float: right;
    width: auto;
    display: flex;
    align-items: center;
}
.language {
    float: right;
    margin: 33px 0;
    margin-left: 48px;
}
.language li {
    padding: 0 2px;
    float: left;
}
.language li img {
    width: auto;
    height: 26px;
}
#menu_index .menu-cate-product:hover .menu-cate {
    display: block;
    visibility: inherit;
    top: calc(100% - 31px);
    /*transition: top 0.5s;*/
    /*opacity: 0;*/
    /*visibility: hidden;*/
    transform: scaleY(1);

}
.navbar-nav>li>a {
     text-transform: uppercase;
    line-height: 43px;
    padding: 0 23px;
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
#menu_index .navbar-nav>li>a i.fa-angle-down {
    margin-left: 6px;
}
#menu_index .navbar-nav .nav-link {
    text-transform: uppercase;
    line-height: 43px;
    padding: 0 23px;
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
#menu_index {
    height:44px;
}
.menu_index_fixed {
    position: fixed;
    transition: all 0.5s ease 0s;
    background:#fc7e17;
    width: 100%;
    top: 0px;
    transition: all 0.5s;
    animation: slide-down 0.7s;
    z-index: 10000;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}
.menu_index_fixed #menu_index .navbar-nav .nav-link{
    color:#ffffff;
}
.group-title .title-underline {
    position: relative;
    text-align: center;
    margin-bottom: 18px;
}
.group-title .title-underline-news {
    position: relative;
    text-align: center;
    margin-bottom: 18px;
}
.group-title .title {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    color: #2978bb;
    font-size: 35px;
}
.group-title .title-underline:after {
    content: "";
    display: table;
    clear: both;
    background: url(../images/line.png);
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
}

.group-title .title-underline-news:after {
    content: "";
    display: table;
    clear: both;
    background: url(../images/line-cates.png);
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
}
#bg-paralax{
    background: url(../images/bg_growth.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height:300px;
}
.nav-pills>li.active{
     background-color: #2978bb;
     border: 0;
     padding: 0;
 }

.nav-pills>li {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0px;
    background: #eee;
    padding: 0;
    line-height: 30px;
    height: 100%;
    position: relative;
    margin-right: 40px;
    height: 40px;
}
.nav-pills>li.nav-item.active {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0px;
    background: red;
    padding: 0;
    line-height: 30px;
    height: 100%;
    position: relative;
    margin-right: 40px;
    height: 40px;
}
.nav-pills>li+li.nav-item.active {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0px;
    background: blue;
    padding: 0;
    line-height: 30px;
    height: 100%;
    position: relative;
    margin-right: 40px;
    height: 40px;
}
.nav-pills>li+li+li.nav-item.active {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0px;
    background: #fc7e17;
    padding: 0;
    line-height: 30px;
    height: 100%;
    position: relative;
    margin-right: 40px;
    height: 40px;
}
.nav-pills>li.active:after {
    border-bottom-color: #2978bb;
    border-left-color: #2978bb;
}
.nav-pills>li:before {
    content: "";
    border-width: 20px;
    border-left: 20px solid #eee;
    border-right: 20px solid transparent;
    border-top: 20px solid #eee;
    border-bottom: 20px solid transparent;
    position: absolute;
    left: 100%;
    top: 0;
}
.nav-pills>li.active:before {
    content: "";
    border-width: 20px;
    border-left: 20px solid red;
    border-right: 20px solid transparent;
    border-top: 20px solid red;
    border-bottom: 20px solid transparent;
    position: absolute;
    left: 100%;
    top: 0;
}
.nav-pills>li+li.active:before {
    content: "";
    border-width: 20px;
    border-left: 20px solid blue;
    border-right: 20px solid transparent;
    border-top: 20px solid blue;
    border-bottom: 20px solid transparent;
    position: absolute;
    left: 100%;
    top: 0;
}
.nav-pills>li+li+li.active:before {
    content: "";
    border-width: 20px;
    border-left: 20px solid #fc7e17;
    border-right: 20px solid transparent;
    border-top: 20px solid #fc7e17;
    border-bottom: 20px solid transparent;
    position: absolute;
    left: 100%;
    top: 0;
}
.nav-pills>li+li:after {
    content: "";
    border-width: 20px;
    border-left: 20px solid transparent;
    border-right: 20px solid #eee;
    border-top: 20px solid transparent;
    border-bottom: 20px solid #eee;
    position: absolute;
    top: 0;
    right: 100%;
}
.nav-pills>li+li.active:after {
    content: "";
    border-width: 20px;
    border-left: 20px solid transparent;
    border-right: 20px solid blue;
    border-top: 20px solid transparent;
    border-bottom: 20px solid blue  ;
    position: absolute;
    top: 0;
    right: 100%;
}
.nav-pills>li+li+li.active:after {
    content: "";
    border-width: 20px;
    border-left: 20px solid transparent;
    border-right: 20px solid #fc7e17;
    border-top: 20px solid transparent;
    border-bottom: 20px solid #fc7e17  ;
    position: absolute;
    top: 0;
    right: 100%;
}
.nav-pills>li:after {
    content: "";
    border-width: 20px;
    border-left: 20px solid transparent;
    border-right: 20px solid #eee;
    border-top: 20px solid transparent;
    border-bottom: 20px solid #eee;
    position: absolute;
    top: 0;
    right: 100%;
}
.nav-pills>li.active:after {
    content: "";
    border-width: 20px;
    border-left: 20px solid transparent;
    border-right: 20px solid red;
    border-top: 20px solid transparent;
    border-bottom: 20px solid red;
    position: absolute;
    top: 0;
    right: 100%;
}
.product_home{
    background-color: rgb(221, 221, 221);
}
.pro-wrapper .box .box-text.text-center {
    padding: 0;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    border-top: 0;
}
.pro-wrapper  .product-title {
    float: left;
    position: relative;
    width:0%;
    background: #a3a3a3;
    color: #fff;
    line-height: 51px;
    text-align: center;
    height: 51px;
    margin: 0;
    letter-spacing: unset;
    text-transform: uppercase;
    font-size: 17px;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
    color:white;
}
.item-product:hover .pro-wrapper  .product-title{
    -webkit-transition: all 1s ease-out;
    width: 100%;
    background: #ec3036;
}

.wrap-news-home {
    padding: 10px 0;
    background-color: rgb(244,244,244);
}

.dv-01-news-item {
    padding: 0 39.5px;
    margin-bottom: 20px;
}
.dv-01-col-news-item .box {
    border-radius: 5px;
    overflow: hidden;
}
.dv-01-news-item .image2 {
    overflow: hidden;
    position: relative;
    padding-bottom: 75%;
}
.dv-01-news-item .image2 img {
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.dv-01-col-news-item .info {
    border-top: 0px solid #2978bb;
    background: white;
    padding: 10px 10px;
}
.dv-01-news-item h3 {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    margin: .1em 0 10px;
    position: relative;
}
.dv-01-news-item h3 a {
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 600;
    font-size: 17px;
}
.dv-01-news-item .desc {
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: auto;
}
.xemthem_in {
    background: rgb(41 120 187);
    padding: 5px 20px;
    margin: 10px 0 0 0;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
}
.xemthem_in a {
    color: #fff;
}
.view_all {
    width: 100%;
    text-align: center;
}
.view_all a {
    background-color: rgb(41 120 187);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0;
    border-radius: 99px;
    display: inline-block;
    padding: 5px 17px;
    line-height: 35px;
    color: #fff;
}
.dv-01-news-item .image2:hover img {
    transform: scale(1.1);
}


.section_product_feature .tab_link_module {
    float: left;
    width: 100%;
}
.section_product_feature .content-tab-proindex {
     padding: 25px 0 0;
 }

.album-img-one {
    float: left;
    position: relative;
    height: 378px;
    overflow: hidden;
    width: 100%;
}

.dv-05-product-item {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.dv-05-col-product-item {
    margin-bottom: 20px;
}
.dv-05-product-item .box {
    padding: 0;
}
.dv-05-product-item .box .image {
    border-radius: 50%;
    height: 241px;
    width: 100%;
    border: solid 10px #eee;
}
.dv-05-product-item .box .image img {
    width: 100%;
    height: 221px;
    border-radius: 50%;
}
.dv-05-product-item .box .content {
    width: 100%;
    transition: opacity 0.3s,transform 0.3s,background-color 0.3s;
    padding: 10px;
    background-color: rgb(41 120 187);
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
    text-transform: uppercase;
}
.dv-05-product-item .box .content h3 {
    margin: 0;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    padding: 0;
    overflow: hidden;
    text-align: center;
    line-height: 1.3;
    margin-top: .1em;
    margin-bottom: .1em;
}
.dv-06-product-item {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    padding: 5px;
    width: 190px;
    height: 100px;
    background: #fff;
}
.dv-05-col-product-item {
    margin-bottom: 20px;
}
.dv-06-product-item .box {
    padding: 0;
}
.dv-06-product-item  .image img {
    width: 90%;
    margin: 0 auto;
}
.title-sider-bar {
    font-size: 16px;
    margin: 0;
    color: #fff;
    font-weight: 500;
    padding: 7px 20px 7px;
    background: #fc7e17;
    line-height: 26px;
    text-transform: uppercase;
}
.list-trending {
}
.list-trending ul {
    display: flex;
    flex-wrap: wrap;
}
.list-trending ul>li {
    font-size: 13px;
    margin-top: 0;
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
}
.list-trending ul>li>.box {
    display: flex;
    flex-wrap: wrap;
}
.list-trending .box .icon {
    width: 75px;
    overflow: hidden;
    height: 80px;
}
.list-trending .box .icon img {
    height: auto;
    object-fit: cover;
    transition: all 0.5s;
}
.list-trending .box .content {
    width: calc(100% - 75px);
    padding-left: 10px;
}
.list-trending .box .content .name {
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 20px;
}
.list-trending .box .content .name a {
    /* color: inherit; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
}
.list-trending .box .content .desc {
    line-height: 1.42857143;
    color: #333333;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.block-content-right {
    float: right;
    position: sticky;
    top: 20px;
    padding: 10px;
}
.side-bar {
    background-color: #ffffff;
    box-shadow: 0 0px 2px #d9dadb;
    margin: 0 0 30px 0;
    /*position: sticky;*/
    /*top: 45px;*/
}
.list-sticky{
    position: sticky;
    top: 45px;
}
.list-trending .box .icon:hover img {
    transform: scale(1.1);
}
.list-trending .box .icon img {
    height: auto;
    object-fit: cover;
    transition: all 0.5s;
}

.socials-share {
    text-align: center;
    float:right;
    margin-bottom: 30px;
}

.socials-share a {
    padding: 0px 8px;
    color: #fff;
    line-height: 2em;
    text-decoration: none;
    border-radius: 2px;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 4px;
}
.socials-share-product a {
    display: block;
    font-size: 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin-right: 5px;
}
.socials-share-product{
    display:flex;
}
.socials-share span.fa {
    margin-right: 3px;
}

.bg-facebook {
    background: #3a5899;
}

.bg-facebook:hover, .bg-facebook:focus {
    background: #1d418d;
}

.bg-twitter {
    background: #00acee;
}

.bg-twitter:hover, .bg-twitter:focus {
    background: #0b93c7;
}

.bg-google-plus {
    background: #db4437;
}

.bg-google-plus:hover, .bg-google-plus:focus {
    background: #bb2a1d;
}

.bg-pinterest {
    background: #cb1e26;
}

.bg-pinterest:hover, .bg-pinterest:focus {
    background: #ae0e15;
}

.bg-email {
    background: #dd5348;
}

.bg-email:hover, .bg-email:focus {
    background: #ce3f34;
}
.year {
    text-transform: none;
    font-size: 13px;
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    line-height: 1.42857143;
    padding: 6px 10px;
    width: auto;
    height: 30px;
    margin-left: 0px;
    float:left;
    /* margin-top: 14px; */
}

.term-sanpham .box-category {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    overflow: hidden;
}
.box-image {
    /*position: relative;*/
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.term-sanpham img {
    height: 213px;
    object-fit: cover;
}
.product-category .box-badge .box-text,.product-category-slider .box-badge .box-text {
    border-top: 1px solid #ddd;
}
.product-category .box-badge .box-text,.product-category-slider .box-badge .box-text {
    background: none !important;
}
.term-sanpham .box-text:after {
    content: '';
    display: block;
    height: 100%;
    width: 0;
    background: #d22234;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-text h5 {
    line-height: 1.3;
    margin-top: .1em;
    margin-bottom: .1em;
    overflow: hidden;
    padding: 0 12px;
    font-weight: 700;
}
.box-text h1 {
    line-height: 1.3;
    margin-top: .1em;
    margin-bottom: .1em;
    overflow: hidden;
    padding: 0 12px;
    font-weight: 700;
    font-size:15px;
}
.term-sanpham .product-category:hover .header-title,
.term-sanpham .product-category-slider:hover .header-title {
    color: #ffffff;
}
.term-sanpham .product-category:hover .box-text:after,
.term-sanpham .product-category-slider:hover .box-text:after {
    width: 100%;
}
.box-text {
    padding-top: .7em;
    padding-bottom: .7em;
    position: relative;
    width: 100%;
    font-size: .9em;
}
.product-category .box-badge .box-text-inner ,
.product-category-slider .box-badge .box-text-inner {
    position: relative;
    z-index: 1;
}
.term-sanpham #term-sp{
    margin-left: auto;
    margin-right: auto;
}
.box-image img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.col-inner :hover.box-image img {
    transition: all 0.5s;
    transform: scale(1.1);
}
.product-home {
    object-fit: cover;
    position: relative;
}
.product-home:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #eaee44, #33d0ff);
    opacity: 0.3;
}
.wrap-news-home{
    background-color: rgba(244,244,244, 1);
    position: relative;
    min-height: 425px;
    overflow: hidden;
}
.wrap-news-home:before {
    content: '';
    position: absolute;
    background-color: rgb(243 244 246 / 91%);
    height: 100%;
    width: 100%;
    top: 0;
    opacity:0.5;
    left: 0;
}
.see-more {
    border-radius: 5px;
    font-size: 17px;
    display: block;
    margin: 15px auto;
    max-width: 186px;
    padding: 10px 5px;
}
.see-more span{
}
.viewmore-area {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
     padding-top: 105px;
     text-align: center;
     border-radius: 0 0 5px 5px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .91)), color-stop(55%, #fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
}

.viewmore {
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 14px;
    color: #3d3d3d;
    background: #fff;
    border: 1px solid #005aff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.group-title h3.title-underline-news{
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 35px;
}
.wrap-about-us {
    padding: 46px 0;
    background-image: url(../images/prjdetail_bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.wrap-about-us .block_group {
    padding: 0 5px;
}
.wrap-about-us .image {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.wrap-about-us .box_title_about_us .title {
    font-weight: 700;
    color: #fff;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 12px;
}
.wrap-about-us .box_title_about_us .description_index {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    margin-bottom: 20px;
}
.wrap-about-us:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(41,120,187,.9);
}

.item-count .box-count .counter-value {
    font-size: 46px;
    font-weight: 700;
    line-height: 56px;
}

.item-count .box-count p {
    font-size: 16px;
}
.item-count {
    color: #f1f1f1;
    margin-bottom: 0;
}

.image_index .slick-slider .slick-prev {
    position: absolute;
    z-index: 10;
    left: -32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: transparent;
    width: 35px;
    height: 35px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
    margin-top: -25px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.image_index .slick-slider .slick-next {
    position: absolute;
    z-index: 10;
    right: -32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: transparent;
    width: 35px;
    height: 35px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
    margin-top: -25px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.related-product .slick-slider .slick-prev {
    position: absolute;
    z-index: 10;
    left: -32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: transparent;
    width: 35px;
    height: 35px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
    margin-top: -25px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.related-product .slick-slider .slick-next {
    position: absolute;
    z-index: 10;
    right: -32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: transparent;
    width: 35px;
    height: 35px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
    margin-top: -25px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.image_index .slick-dots,.related-product .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.image_index .slick-dots li button:before {
    font-family: 'slick';
    font-size: 50px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #fc7e17;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-box .icon:after {
    content: '';
    display: none;
    background: url(../images/after-heding.png) 0 0 repeat;
    width: 2px;
    height: 40px;
    position: absolute;
    left: 41px;
    bottom: -28px;
}
.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 1em;
}
.icon-box .icon {
    position: relative;
}
.icon-box-left, .icon-box-right {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     width: 100%;
}
.icon-box-left .icon-box-text, .icon-box-right .icon-box-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}
.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 1em;
}

.icon-box-left .icon-box-img, .icon-box-right .icon-box-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 0;
    max-width: 200px;
}
.icon-box .icon-box-img {
    margin-bottom: 1em;
    max-width: 100%;
    position: relative;
}
.icon-box-img img {
    padding-bottom: 1.2em;
    width: 100%;
}

.news-related-title {
    line-height: 1.35;
    font-size: 28px;
    font-weight: 500;
    position: relative;
}
.news-related-title:before {
    content: "";
    width: 70px;
    position: absolute;
    left: 0;
    bottom: -3px;
    border-bottom: 3px solid #0f7cc1;
}
a.xemthem {
    color:#333333;
    font-size:16px;
    font-weight:700;
}
a.xemthem:hover {
    color: #0f7cc1;
}
.product-information{
    clear:both;
}
.product-information .name-product {
    color: #333333;
    font-size: 31px;
    font-weight: 600;
    line-height: 61px;
    clear:both;
    margin: 0 0 6px;
}
.product-information .border-info{
    border: 1px solid #fc7e17 !important;
}
.product-information .border-info:nth-child(2){
    border-left: none !important;
}
.product-action {
    margin-top: 10px;
    margin-bottom: 10px;
}
.icon-box-product .icon-box-img img {
    padding-top: .2em;
    padding-bottom: 0;
    /*width: 100%;*/
}

.tab-category-1 .nav-tabs>li.active {
    background-color: #2978bb;
    border: 0;
    padding: 0;
}
.tab-category-1 .nav-tabs>li {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0px;
    background: #eee;
    padding: 0;
    line-height: 30px;
    height: 100%;
    position: relative;
    margin-right: 40px;
    height: 40px;
}
.tab-category-1 .nav-tabs>li.active:after {
    border-bottom-color: #2978bb;
    border-left-color: #2978bb;
}

.tab-category-1 .nav-tabs>li+li:before {
    content: "";
    border-width: 20px;
    border-left: 20px solid transparent;
    border-right: 20px solid #eee;
    border-bottom: 20px solid transparent;
    border-top: 20px solid #eee;
    position: absolute;
    top: 0;
    right: 100%;
}
.tab-category-1 .nav-tabs>li:after {
    content: "";
    border-width: 20px;
    border-left: 20px solid #eee;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #eee;
    border-top: 20px solid transparent;
    position: absolute;
    left: 100%;
    top: 0;
}
.tab-category-1 .nav-tabs>li.detail-item.active>a {
    border: none;
    box-shadow: none;
    outline: none;
    color: #fff;
    background-color: #2978bb;
    font-weight: 600;
     padding: 5px 20px;
    line-height: 43px;
    margin: 0 0 0 0;
}
.tab-category-1 .nav-tabs>li.detail-item>a {
    padding: 0;
    border-radius: 0;
    line-height: 43px;
    background-color: unset;
    border: unset;
    color:#333333;
    margin-right: 0;
    padding: 5px 20px;
}
.related{
    background: url(../images/sectionbg_wrapper.jpg) repeat;
}
h2.title.title_bg {
    color: #1e1e2d;
    font-size: 31px;
    line-height: 1.13;
    font-weight: 700;
    margin-top: 20px;
    letter-spacing: -.025em;
    padding-bottom: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}
.nav-tabs{
    border-bottom: 0px;
}
.gioi_thieu{
    display: block;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    padding: 5px 0;
}
.gioi_thieu p {
    text-indent:10px;
    margin-bottom:0px;
}
#footer-info-s .col-md-5{
    padding-left : 0px;
    background: #fc7e17;
    margin-bottom:23px;
}
.bg_logo{
    background: url("../images/bg-footer-1.png") bottom repeat-x;
    height: 104px;
    width: 450px;
    float: left;
}
.bg_left{
    background: url("../images/bg-footer-2.png") bottom no-repeat;
    height: 104px;
    width: 26px;
    float: left;
}
.bg_right{
    background: url("../images/bg-footer-3.png") bottom repeat-x;
    width: calc(100% - 476px);
    height: 104px;
    float: left;
}
.main-footer{
    width:100%;
    position:relative;
}
.on-bottom{
    width:100%;
    position:absolute;
    bottom:0;
}
#footer-mb{
  display:none;
}

.popup-ads .close {
    font-size: 25px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    opacity: unset;
    line-height: 3px;
    text-align: center;
    z-index: 1;
}
.ads-home-detail {
    width: 100%;
    padding: 0px 0px 0px 0px;
}
.ads-home-detail .box-item-thumb{
    width: calc(32% - 5px);
    height: 300px;
    display: inline-block;
    float: left;
    z-index:25;
}
#modalAds{
    margin:0 auto;
    left: 0;
    right:0;
    top: 50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.wrap-ads{
    background: rgb(245, 245, 245);
    padding: 10px 0px;
    border-bottom:1px solid #fc7e17;
}

ul.list-social li{
    margin-bottom:10px;
    margin-top:2px;
}
.template-index .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #fff #fff #fff;
}
.template-index .nav-pills>li.nav-item.active {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0px;
    background: red;
    padding: 0;
    line-height: 30px;
    height: 100%;
    position: relative;
    margin-right: 40px;
    height: 40px;
}
.template-index .nav-pills>li+li.nav-item.active {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0px;
    background: blue;
    padding: 0;
    line-height: 30px;
    height: 100%;
    position: relative;
    margin-right: 40px;
    height: 40px;
}


.icon-file-pdf {
    float: left;
    width: 35px;
    height: 35px;
    color: #fff;
    margin-top: 6px;
    margin-right: 14px;
    text-align: center;
    font-size: 20px;
    line-height: 46px;
    background: url(../images/icon_pdf.png) no-repeat;
    background-size: 100% 100%;
}
.icon-file-excel {
    float: left;
    width: 35px;
    height: 35px;
    color: #fff;
    margin-top: 6px;
    margin-right: 14px;
    text-align: center;
    font-size: 20px;
    line-height: 46px;
    background: url(../images/excel.svg) no-repeat;
    background-size: 100% 100%;
}
.icon-file-word {
    float: left;
    width: 35px;
    height: 35px;
    color: #fff;
    margin-top: 6px;
    margin-right: 14px;
    text-align: center;
    font-size: 20px;
    line-height: 46px;
    background: url(../images/word.svg) no-repeat;
    background-size: 100% 100%;
}
.sharaholder-us-down {
    cursor: pointer;
}
.sharaholder-us-down a {
    position: absolute;
    content: "";
    cursor: pointer;
    width: 95px;
    font-size: 14px;
    border: 1px solid #fc7e17;
    line-height: 28px;
    text-align: center;
    color: #fc7e17;
    border-radius: 6px;
    height: 28px;
    top: 10px;
    right: 0;
}
.sharaholder-us-content {
    float: left;
    position: relative;
    width: 95%;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}
#company_name{
    margin-bottom:0px;
    font-size:20px;
    font-weight:600;
}