@font-face {

    font-family: 'UVN_BaiSau';

    src: url('../fonts/UVNBaiSau.eot');

    src: url('../fonts/UVNBaiSau.eot') format('embedded-opentype'), url('../fonts/UVNBaiSau.woff')

    format('woff2'), url('../fonts/UVNBaiSau.woff') format('woff'), url('../fonts/UVNBaiSau.ttf')

    format('truetype'), url('../fonts/UVNBaiSau.svg#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'UTM_Banque';

    src: url('../fonts/UTMBanque.eot');

    src: url('../fonts/UTMBanque.eot') format('embedded-opentype'), url('../fonts/UTMBanque.woff')

    format('woff2'), url('../fonts/UTMBanque.woff') format('woff'), url('../fonts/UTMBanque.ttf')

    format('truetype'), url('../fonts/UTMBanque.svg#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal;

} 

p {

    margin: 0px;

}



a {

    text-decoration: none;

    color: #333333;

}



a:hover,

a:focus {

    color: #0d7cd6;

    text-decoration: none;

}



* {

    margin: 0px;

    padding: 0px;

}



ul, ol {

    padding: 0;

    margin: 0;

}



li {

    list-style: none;

}

img{

    max-width: 100%;

}  
ul.list_support1 li a 

{

	font-size:13px !important; 

}

.fixed {

    position: fixed !important;

    top: 0px;

    z-index: 99;

    width: 100%;

}

.clearfix-130{

    clear: both;

    height: 130px;

}

.clearfix-100{

    clear: both;

    height: 100px;

}

.clearfix-80{

    clear: both;

    height: 80px;

}

.clearfix-60{

    clear: both;

    height: 60px;

}

.clearfix-55{

    clear: both;

    height: 55px;

}

.clearfix-50{

    clear: both;

    height: 50px;

}

.clearfix-45{

    clear: both;

    height: 45px;

}

.clearfix-40{

    clear: both;

    height: 40px;

}

.clearfix-35{

    clear: both;

    height: 35px;

}

.clearfix-30{

    clear: both;

    height: 30px;

}

.clearfix-32{

    clear: both;

    height: 32px;

}

.clearfix-25{

    clear: both;

    height: 25px;

}

.clearfix-20{

    clear: both;

    height: 20px;

} 
.clearfix-15{

    clear: both;

    height: 15px;

}

.clearfix-12{

    clear: both;

    height: 12px;

}

.clearfix-10{

    clear: both;

    height: 10px;

}

.clearfix-5{

    clear: both;

    height: 5px;

}



body {

    background: #fff;

    font-size: 14px;

    font-weight: 100px;

    font-family: 'Lato', sans-serif;

    color: #000;

}



del {

    font-size: 12px;

    color: #999;

}



/*===========All=============*/ 

.w_100 {

    width: 100%;

}



.w_40 {

    width: 40%;

}



.w_60 {

    width: 60%;

}



/*==========Main============*/

.menu_mb{

    position: fixed;

    width: 100%;

    background: #ffffff;

    z-index: 999;

    padding: 1px 15px;

    border-bottom: 1px solid #ccc;

}

#go_top {

    position: fixed;

    width: 24px;

    height: 25px;

    background: #0072bc;

    color: #fff;

    text-align: center;

    line-height: 25px;

    font-size: 18px;

    font-weight: bold;

    background-size: 100% 100%;

    display: inline-block;

    z-index: 100;

    bottom: 25px;

    right: 25px;

}

.img_logo_mb{

    max-height: 60px;

    max-width: 70%

}

.menu_main .nav.is-fixed{

    position: relative;

    z-index: 105;

}

.logo_pc{

    display: inline-block;

    float: left;

    margin: 0px;

}

.logo_pc img{

    margin-top: 15px;

    max-width: 100%;

}

.slogan_cpn_hd{

    font-family: UTM_Banque;

    font-size: 18px;

    color: #e46713;

    text-transform: uppercase;

    height: 115px;

    overflow: hidden;

    margin-left: 10px;

}

.slogan_cpn_hd span{

    display: block;

    position: relative;

    top: 49%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}

.lag_hd{

    text-align: right;

    margin: 11px 0px 8px 0px;

    float: right;

}

.right_header

{

    padding-top: 35px;

}

.lag_hd a{

    display: inline-block;

    margin-left: 5px;

}

.lag_hd a img{

    width: 22px;

    height: 16px;

}

.form_search{

    max-width: 100%;

    float: left;

    margin-bottom: 15px;

}

.form_search input.form-control{

    height: 40px;

    border-radius: 0px !important;

}

.form_search button.btn.btn-default{

    height: 39px;

    border-radius: 0px !important;

    background: #0072bc;

    border:none;

    color: #ffffff;

    font-size: 20px;

    padding-top: 4px;

}

.btn {

    display: inline-block;

    padding: 8px 23px;

}

/*.menu_main{

    background: #666767;

    border-bottom: 4px solid #0072bc;

}*/

.sc_header_menu{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007ad7+0,0061b6+49,01438d+51,0366b7+100 */

background: #007ad7; /* Old browsers */

background: -moz-linear-gradient(top, #007ad7 0%, #0061b6 49%, #01438d 51%, #0366b7 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #007ad7 0%,#0061b6 49%,#01438d 51%,#0366b7 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #007ad7 0%,#0061b6 49%,#01438d 51%,#0366b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ad7', endColorstr='#0366b7',GradientType=0 ); /* IE6-9 */

}

#header{

    background: #dcdbdb;

}

.slider_main .owl-buttons{

    display: none !important;

}

.slider_main .owl-controls{

    display: block !important;

    margin-top: 0px !important;

    position: absolute;

    width: 100%;

    bottom: 20px;

}

.slider_main .owl-controls .owl-page span{

    width: 30px !important;

    height: 12px !important;

    border-radius: 0px !important;

    margin: 0px 2.5px !important;

    padding-top: 0px !important;

    background: #ffffff !important;

    opacity: 1 !important;

}

.slider_main .owl-controls .owl-page.active span,

.slider_main .owl-controls.clickable .owl-page:hover span{

    background: #0072bc !important;

}

.sc_des_home{

    padding-bottom: 10px;

    text-align: center;

    background: -moz-linear-gradient(180deg, #FFFFFF 22%, #E3E2E5 100%);/* FF3.6+ */

    background: -webkit-gradient(linear, 180deg, color-stop(22%, FFFFFF), color-stop(100%, E3E2E5));/* Chrome,Safari4+ */

    background: -webkit-linear-gradient(180deg, #FFFFFF 22%, #E3E2E5 100%);/* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(180deg, #FFFFFF 22%, #E3E2E5 100%);/* Opera 11.10+ */

    background: -ms-linear-gradient(180deg, #FFFFFF 22%, #E3E2E5 100%);/* IE10+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */

    background: linear-gradient(180deg, #FFFFFF 22%, #E3E2E5 100%);/* W3C */

}

.tit_des_home{

    color: #e46713;

    font-size: 30px;

    font-family: UVN_BaiSau;

    text-align: center;

}

.txt_des_home{

    font-size: 15px;

    color: #555555;

    font-style: italic;

    line-height: 28px;

}

.feature h3.name_feature{

    margin: 0px;

}

.feature h3.name_feature a{

    /*font-family: UVN_BaiSau;*/

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 14px;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    background: #dcdadb;

    padding: 15px 0px;

    -webkit-border-bottom-right-radius: 5px;

    -webkit-border-bottom-left-radius: 5px;

    -moz-border-radius-bottomright: 5px;

    -moz-border-radius-bottomleft: 5px;

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

    margin: 0px;

    display: inline-block;

    width: 100%;

}

.feature h3.name_feature a:hover{

    background: #0072bc;

}

.feature .ImageWrapper{

    overflow: hidden;

    text-align: center;

}

.feature .ImageWrapper:hover img {

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    transition: all 0.5s;

}

.feature .ImageWrapper img {

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.5s;

    max-width: 400px;

}

.feature{

    margin-bottom: 15px;

    max-width: 400px !important;

    margin-left: auto;

    margin-right: auto;

}

.main_welcome {

    background: url(../img/bg_heading.jpg) repeat;

    padding: 10px;

    overflow: hidden;

    margin: 0px;

}

.main_welcome_bg {

    background: #fff;

    overflow: hidden;

    padding: 10px 15px;

}

.main_welcome_bg p {

    color: #555;

    text-align: justify;

    line-height: 24px;

    font-size: 12px;

}

.main_welcome_bg a.linkweb {

    background: #dcdbdb;

    font-family: Arial, Helvetica, sans-serif;

    color: #fff;

    font-size: 13px;

    display: inline-block;

    width: 100%;

    margin-top: 18px;

}

.main_welcome_bg a.linkweb:hover{

    background: #0072bc;

}

.main_welcome_bg a.linkweb:hover i{

    background: #666767;

}

.main_welcome_bg a.linkweb span {

     padding: 10px;

     vertical-align: middle;

     line-height: 33px;

     font-weight: bold;

}

.main_welcome_bg a.linkweb i {

    float: right;

    background: #666767;

    padding: 10px;

}

.list_prod_home{

    max-width: 100%;

    overflow: hidden;

}

.tit_home{

    /*font-family: UVN_BaiSau;*/

    margin: 0px;

    margin-bottom: 15px;

    position: relative;

    overflow: hidden;

    background:#0072bc;

    padding: 13.5px 10px 13.5px 10px;

    font-size: 16px;

    text-transform: uppercase;

    line-height: 25px;

    color: #ffffff;

}

.tit_home>a{

    color: #ffffff;

}

/*===========================================sắp xếp sản phâm*/

.img_overplay {

    overflow: hidden;

    position: relative;

    text-align: center;

    width: 100%;

    border: 4px solid #e1e1e1;

}

.img_overplay_row {

    overflow: hidden;

    position: relative;

    text-align: center;

    border: 4px solid #e1e1e1;

}

.img_overplay:hover {

    border: 4px solid rgba(228, 103, 19, 0.39);

}

.img_overplay_row:hover {

    border: 4px solid rgba(228, 103, 19, 0.39);

}

.img_overplay .PStyleLi {

    cursor: pointer;

    -webkit-transform: scale(0.5) rotateY(180deg);

    -moz-transform: scale(0.5) rotateY(180deg);

    -ms-transform: scale(0.5) rotateY(180deg);

    -o-transform: scale(0.5) rotateY(180deg);

    transform: scale(0.5) rotateY(180deg);

    background: url(../img/plus.png) no-repeat scroll center center / 40px 40px #222222;

    height: 100%;

    left: 0;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -ms-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 100%;

    z-index: 99;

}

.img_overplay_row .PStyleLi {

    cursor: pointer;

    -webkit-transform: scale(0.5) rotateY(180deg);

    -moz-transform: scale(0.5) rotateY(180deg);

    -ms-transform: scale(0.5) rotateY(180deg);

    -o-transform: scale(0.5) rotateY(180deg);

    transform: scale(0.5) rotateY(180deg);

    background: url(../img/plus.png) no-repeat scroll center center / 40px 40px #222222;

    height: 100%;

    left: 0;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -ms-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 100%;

    z-index: 99;

}

.img_overplay:hover .PStyleLi {

    opacity: .6;

    -webkit-transform: scale(1) rotateY(0deg);

    -moz-transform: scale(1) rotateY(0deg);

    -ms-transform: scale(1) rotateY(0deg);

    -o-transform: scale(1) rotateY(0deg);

    transform: scale(1) rotateY(0deg);

    visibility: visible;

}

.img_overplay_row:hover .PStyleLi {

    opacity: .6;

    -webkit-transform: scale(1) rotateY(0deg);

    -moz-transform: scale(1) rotateY(0deg);

    -ms-transform: scale(1) rotateY(0deg);

    -o-transform: scale(1) rotateY(0deg);

    transform: scale(1) rotateY(0deg);

    visibility: visible;

}

.slider_prod_home .owl-item .item{

    margin: 0px 15px;

}

.name_prod{

    font-size: 13px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    margin: 10px 0px;

    text-align: center;

    color: #0072bc;

    font-weight: bold;

    line-height: 25px;

}

.name_prod a{

    color: #0072bc;

}

.img_overplay:hover .img_prod img {

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    transition: all 0.5s;

}

.img_overplay .img_prod img {

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.5s;

}

.img_overplay_row:hover .img_prod img {

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    transition: all 0.5s;

}

.img_overplay_row .img_prod img {

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.5s;

}

.price_prod{

    font-size: 13px;

    font-weight: bold;

    color: #3a3346;

}

.sub_prod{

    text-align: center;

    overflow: hidden;

    margin-bottom: 20px;

}

.slider_prod_home .owl-pagination{

    display: none !important;

}

.slider_prod_home .owl-controls{

    display: block !important;

    position: absolute;

    top: -57px;

    right: 25px;

    margin-top: 0px !important;

}

.slider_prod_home .owl-buttons{

    display: block !important

}

.slider_prod_home .owl-controls .owl-buttons div{

    width: 25px !important;

    height: 25px !important;

    padding: 0px !important;

    border-radius: 0px !important;

    background: #0072bc !important;

    opacity: 1 !important;

    position: relative;

}

.slider_prod_home .owl-controls .owl-buttons div:hover{

    opacity: 0.8 !important;

}

.slider_prod_home .owl-controls .owl-buttons div:before{

    content: "\f100";

    font: normal normal normal 14px/1 fontawesome;

    color: #ffffff;

    position: absolute;

    top: 5px;

    left: 8px;

}

.slider_prod_home .owl-controls .owl-buttons div.owl-next:before{

    content: "\f101";

}

.view_all_news{

    display: inline-block;

    float: right;

    font-size: 13px;

    color: #ffffff;

    font-family: arial;

    text-transform: none;

    font-style: italic;

}

.view_all_news:hover{

    color: #e46713;

}

.row_3{

    margin: 0px -3px;

}

.row_12{

    margin: 0px -12px;

}

.row_7{

    margin: 0px -7px;

}

.row_8{

    margin: 0px -8px;

}

.img_news{

    border: 1px solid #0072bc;

    display: inline-block;

    width: 100%;

    float: left;

    overflow: hidden;

}

.img_news:hover{

    border-color: #0072bc;

}

.name_news{

    font-size: 13px;

    font-weight: bold;

    color: #e46713;

    margin: 0px;

    margin-bottom: 15px;

    line-height: 17px;

    height: 34px;

    overflow: hidden;

}

.name_news a{

    color: #0072bc;

    font-family: 'Lato', sans-serif;

}

.des_news{

    font-size: 13px;

    color: #808080;

    line-height: 20px;

    height: 100px;

    overflow: hidden;

}

.img_news:hover img {

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    transition: all 0.5s;

}

.img_news img {

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.5s;

}

.box_news{

    overflow: hidden;

    margin-bottom: 20px;

}

.partner_home{

    border: 3px solid #e3e3e3;

    height: 75px;

    text-align: center;

}

.partner_home img{

    max-height: 100%;

    max-width: 100%;

}

#footer{

    background: #dcdbdb;

    overflow: hidden;

}

.tit_ft{

    font-size: 13px;

    color: #3a3346;

    font-weight: bold;

    text-transform: uppercase;

    margin: 25px 0px 15px 0px;

    line-height: 20px;

}

.menu_ft>li>a{

    display: inline-block;

    width: 100%;

    color: #3a3346;

    font-size: 13px;

    line-height: 20px;

    margin: 5px 0px 10px 0px;

}

.menu_ft>li>a:hover{

    color: #e46713;

}

.sc_footer_bot{

    background: #666767;

    text-align: center;

    border-top: 5px solid #0072bc;

    color: #ffffff;

}

.list_link_ft{

    margin: 6px 0px;

}

.list_link_ft a{

    display: inline-block;

    font-size: 14px;

	width:30px;

	height:30px;

	background: #333;

    border-radius: 50%;

	line-height:30px;

    color: #ffffff;

    margin: 5px;

}

.copyright_ft{

    font-size: 12px;

    color: #ffffff;

    font-weight: bold;

    margin-top: 2px;

    margin-bottom: 10px;

}

.tit_left {

    position: relative;

    background: #0072bc;

    color: #fff;

    font-weight: 400;

    padding: 15px 10px 10px 10px;

    font-size: 15px;

    text-transform: uppercase;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    margin: 0px;

    /*font-family: UVN_BaiSau;*/

}

.menu_category_prod ul.nav-dropdown {

    left: 0px;

    display: none;

    opacity: 1;

    position: relative;

    top: 100%;

    width: 100%;

    margin: 0;

    background-color: transparent;

    border-radius: 0px;

    box-shadow: 0 0 0px hsla(0, 0%, 0%, 0.15);

    visibility: visible;

    -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;

    transition: visibility 0s linear 0.25s, opacity 0.25s linear;

}



.menu_category_prod li.is-active ul.nav-dropdown.is-visible{

    display: block;

}

.menu_category_prod li.has-dropdown:after{

    content: "\f107" !important;

    font: normal normal normal 20px/1 fontawesome;

    color: #333;

    width: 30px;

    height: 30px;

    text-align: center;

    padding: 0px;

    line-height: 30px;

    top: 7px;

    right: 0px;

}

.menu_category_prod li.has-dropdown.is-active:after{

    content: "\f105" !important;

    color: #e46713 !important;

}

.menu_category_prod li a{

    position: relative;

    display: block;

    padding: 12px 15px 12px 15px;

    color: #333;

    font-size: 14px;

    border-bottom: 1px dashed #e0e0e0;

    font-weight: normal;

}

.menu_category_prod li a:hover{

    background: #f0f0f0;

    color: #000 !important;

}

.menu_category_prod li a:before{

    content: "\f105";

    font: normal normal normal 14px/1 fontawesome;

    padding-right: 10px;

}

.menu_category_prod li.li_cate .sub_menu_category_prod>li>a{

    padding-left: 25px;

}

.menu_category_prod .sub_sub_cate>li>a{

    padding-left: 35px;

}

.menu_category_prod{

    background: #fff;

    border-radius: 0px;

    border: 1px solid #e3e3e3;

    margin-bottom: -1px;

}

.menu_category_prod>li:last-child>a{

    border-bottom: transparent;

}

.list_prod_new{

    padding: 0px 10px;

    position: relative;

    border: 1px solid #e3e3e3;

}

.list_prod_new li {

    border-bottom: 1px dashed #d4d4d4;

    overflow: hidden;

    margin: 10px 0px 10px 0px;

    padding-bottom: 10px;

}

.list_prod_new li:last-child {

    border-bottom: transparent;

}

.list_prod_new li a{

    text-decoration: none;

}

.list_prod_new li img {

    float: left;

    margin-right: 10px;

    width: 73px;

}

.list_prod_new li p {

    font-size: 13px;

    color: #333;

    font-weight: 400;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.list_prod_new span.text_call {

    color: #e46713;

    font-size: 13px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-weight: bold;

}

.sc_slider_prod_hot{

    position: relative;

    border: 1px solid #e3e3e3;

    overflow: hidden;

    padding: 15px 0px;

}

.slider_prod_hot .item{

    padding: 0px 15px;

}

.slider_prod_hot .owl-controls{

    display: none !important;

}

.back_link {

    background: url(../img/line.jpg) repeat-x bottom;

    color: #000;

    font-weight: 400;

    margin: 0px 0px 10px 0;

    padding: 5px 0px 15px 0px;

}

.back_link a {

    color: #000;

    font-size: 13px;

    text-decoration: none;

    font-weight: 700;

}

.utilities {

    border: 1px solid #e0e0e0;

    margin: 10px 0px 15px 0px;

    padding: 5px 10px;

}

.utilities .filter {

    color: #6f6f6f;

    font-size: 12px;

}

.btn-group>.btn:first-child {

    margin-left: 0;

}

.order-product .btn {

    background: transparent;

    width: 100%;

    font-size: 13px;

    line-height: 38px;

    text-align: left;

    padding: 0;

    border: none;

    color: #dc3f55;

    box-shadow: none;

}

.btn-group>.btn, .btn-group-vertical>.btn {

    position: relative;

    float: left;

}

.order-product .dropdown-menu {

    z-index: 9999;

    margin-top: 5px;

    padding: 2px 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    -o-border-radius: 0px;

    border-radius: 0px;

    background: #fff;

    width: 100%;

    box-shadow: none;

    left: -83px;

}

.order-product .dropdown-menu a {

    line-height: 25px;

    font-size: 12px;

    color: #777;

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: 400;

    white-space: nowrap;

}

.utilities .view span {

    line-height: 20px;

    float: left;

    padding-right: 5px;

    font-family: Arial, Helvetica, sans-serif;

    white-space: nowrap;

}

.utilities .view {

    color: #777;

    font-size: 13px;

    padding: 10px 15px 0px 12px;

}

.utilities .view i {

    font-size: 18px;

    color: #939393;

    margin-left: 2px;

    padding: 1px;

}

.utilities .view .active {

    color: #1ebb61;

}

.utilities .btn-group .dropdown-toggle:active,.utilities .btn-group.open .dropdown-toggle {

    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);

    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);

    color: #777;

}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {

    text-decoration: none;

    color: #262626;

    padding-left: 22px;

}

.order-product .dropdown-menu a {

    line-height: 25px;

    font-size: 12px;

    color: #777;

}

.order-product .dropdown-menu li:first-child {

    border-top: none;

}

.order-product .dropdown-menu li {

    border-right: none;

    border-top: 1px solid #f0f0f0;

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

.tit_cate_right{

    margin-bottom: 15px;

    margin-top: 0px;

    position: relative;

    overflow: hidden;

    background: #0072bc;

    padding: 15px 10px 15px 10px;

    text-transform: uppercase;

    color: #fff;

    font-size: 14px;

    /*font-family: UVN_BaiSau;*/

}

.name_prod_cate{

    font-size: 13px;

    font-weight: bold;

    color: #000000;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    margin: 10px 0px;

    text-align: center;

    text-transform: uppercase;

    line-height: 22px;

}

.name_prod_cate a{

    color: #000000;

}

.price_prod_cate{

    color: #e46713;

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

}

.box_prod_cate{

    overflow: hidden;

    margin-bottom: 10px;

}

.pagi_cate>.active>a,

.pagi_cate>.active>span,

.pagi_cate>.active>a:hover,

.pagi_cate>.active>span:hover,

.pagi_cate>.active>a:focus,

.pagi_cate>.active>span:focus {

    z-index: 2;

    color: #fff;

    background-color: #3a3346;

    border-color: #3a3346;

    cursor: default;

}



.slider_prod_detail{

    text-align: center;

}



/*==================================================Slider detail=================================================================*/

.gc-icon.gc-icon-download{

    display: none !important;

}

.gc-thumbs-area-next .gc-icon.gc-icon-next:before{

    content: "\f105" !important;

    font: normal normal normal 24px/1 fontawesome !important;

    width: 24px;

    height: 24px;

    text-align: center;

}

.gc-thumbs-area-prev .gc-icon.gc-icon-prev:before{

    content: "\f104" !important;

    font: normal normal normal 24px/1 fontawesome !important;

    width: 24px;

    height: 24px;

    text-align: center;

}

.gc-display-area .gc-icon.gc-icon-next{

    width: 36px !important;

    height: 50px !important;

    right: 10px;

}

.gc-display-area .gc-icon.gc-icon-next:before{

    content: "\f105" !important;

    font: normal normal normal 48px/1 fontawesome !important;

    width: 36px;

    color: #fff;

    height: 50px;

    text-align: center;

}

.gc-display-area .gc-icon.gc-icon-prev{

    width: 36px !important;

    height: 50px !important;

    left: 10px;

}

.gc-display-area .gc-icon.gc-icon-prev:before{

    content: "\f104" !important;

    font: normal normal normal 48px/1 fontawesome !important;

    width: 36px;

    color: #fff;

    height: 50px;

    text-align: center;

}

.gc-overlay-right-icons .gc-icon.gc-icon-next{

    width: 36px !important;

    height: 50px !important;

    text-align: center;

}

.gc-overlay-right-icons .gc-icon.gc-icon-next:before{

    content: "\f105" !important;

    font: normal normal normal 48px/1 fontawesome !important;

    width: 36px !important;

    height: 50px !important;

    color: #fff;

}

.gc-overlay-left-icons .gc-icon.gc-icon-prev{

    width: 36px !important;

    height: 50px !important;

    text-align: center;

}

.gc-overlay-left-icons .gc-icon.gc-icon-prev:before{

    content: "\f104" !important;

    font: normal normal normal 48px/1 fontawesome !important;

    width: 36px !important;

    height: 50px !important;

    color: #fff;

}

.gc-icon.gc-icon-enlarge{

    display: none !important;

}

.gc-overlay-top-icons .gc-icon.gc-icon-close:before{

    content: "\f00d" !important;

    font: normal normal normal 25px/1 fontawesome !important;

    color: #fff;

    width: 24px;

    text-align: center;

}

.glass-case{

    /*margin: auto;*/

    border: 1px solid #ccc;

}

.glass-case ul li{

    border-color: #ffffff !important;

}

/*===================================================end slider detail======================================================*/

.sc_detail_prod{

    max-width: 100%;

    overflow: hidden;

}

.tabls_detail{

    position: relative !important;

    background: transparent !important;

}

.content_text_detail{

    padding: 25px 0px 35px 0px;

    font-size: 12px;

    color: #333333;

    line-height: 24px;

    text-align: justify;

    border-bottom: 1px solid #c2c2c2;

}

.tabls_detail>li>a {

    margin-right: 0px;

    line-height: 1.42857143;

    border: 0px !important;

    border-radius: 0px 0px 0 0;

    background: #3a3346;

    font-size: 13px;

    font-weight: bold;

    color: #ffffff;

    position: relative;

}

.tabls_detail{

    border: 0px;

}

.tabls_detail>li.active>a,

.tabls_detail>li.active>a:hover,

.tabls_detail>li.active>a:focus{

    background: #e46713;

    color: #ffffff;

    position: relative;

}

.tabls_detail>li>a:hover{

    background: #e46713;

    color: #ffffff;

}

.tabls_detail>li.active>a:after,

.tabls_detail>li.active>a:focus:after,

.tabls_detail>li.active>a:hover:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: transparent;

    border-top-color: #e46713;

    border-width: 5px;

    margin-left: -5px;

}

.list_post_latest {

    padding: 0px 10px;

    position: relative;

    border: 1px solid #e3e3e3;

}

.list_post_latest li {

    border-bottom: 1px dashed #d4d4d4;

    overflow: hidden;

    margin: 10px 0px 15px 0px;

    padding-bottom: 13px;

}

.list_post_latest li:last-child{

    border-bottom: 0px;

}

.list_post_latest li a {

    text-decoration: none;

}

.list_post_latest li img {

    float: left;

    margin-right: 10px;

    width: 80px;

}

.list_post_latest li p {

    font-size: 13px;

    color: #333;

    font-weight: 400;

    max-height: 42px;

    overflow: hidden;

    font-family: Arial, Helvetica, sans-serif;

}

.list_post_latest li:hover p {

    color: #e46713;

}

.list_post_latest li span {

    color: #c7c7c7;

    font-size: 13px;

}

.slider_prod_lq .item{

    padding: 0px 15px;

}

.sc_slider_lq{

    max-width: 100%;

    overflow: hidden;

    border-bottom: 1px solid #c2c2c2;

}

.slider_prod_lq .owl-controls{

    display: none !important;

}

.name_prod_lq{

    font-size: 13px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    margin: 10px 0px;

    text-align: center;

    color: #000000;

    font-weight: bold;

    line-height: 25px;

    text-transform: uppercase;

}

.name_prod_lq{

    color: #000000;

}

.price_prod_lq{

    font-size: 13px;

    color: #e46713;

    font-weight: bold;

    text-transform: uppercase;

}

.tit_tn_detail{

    font-size: 12px;

    color: #333333;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 25px;

    margin-bottom: 20px;

    margin-top: 25px;

}

.list_tn_detail li{

    display: block;

}

.list_tn_detail li a{

    display: block;

    color: #3a3346;

    font-weight: bold;

}

.list_tn_detail li a:hover{

    color: #e46713;

}

.list_tn_detail li{

    margin: 6.3px 0px;

}

.icon_tn_dt{

    margin-right: 12px;

}

.itemblog .img-blog img {

    width: 100%;

    margin-bottom: 10px;

    border: 4px solid #e1e1e1;

}

.itemblog{

    margin-bottom: 20px;

    overflow: hidden;

}

.itemblog .img-blog {

    text-align: center;

}

.itemblog h2 {

    font-size: 18px;

    text-decoration: none;

    font-weight: 400;

    color: #0072bc;

    line-height: 28px;

    margin: 0px;

}

.itemblog .date, .postitem .date {

    color: #898989;

    font-size: 12px;

    display: inline-block;

    width: 100%;

    margin: 5px 0px;

    padding: 5px 0px;

    border: 1px dotted #e0e0e0;

    border-left: none;

    border-right: none;

}

.itemblog p{

    text-align: justify;

    font-size: 14px;

    color: #808080;

    margin: 0;

}

.postitem .date {

    color: #898989;

    font-size: 12px;

    display: inline-block;

    width: 100%;

    margin: 5px 0px;

    padding: 5px 0px;

    border: 1px dotted #e0e0e0;

    border-left: none;

    border-right: none;

}

.content_detail_solu{

    padding: 25px 0px;

    text-align: justify;

    line-height: 25px;

    font-size: 12px;

}

#contact_style h2{

    margin-bottom: 15px;

    position: relative;

    overflow: hidden;

    background: #3a3346;

    padding: 5px 10px 5px 10px;

}

.content_detail_solu img{

    max-width: 100%;

    margin: 5px 0px;

}

.name_solution_detail{

    margin-top: 0px;

}

.view_list a{cursor: pointer;}

li.is-active > a{



}

li.active-color > a{

    background: #e46713;

    color: #fff;

}



.social-button{float:left;}

.social-button{

    padding-bottom: 1px;

    margin: 0px 5px !important;

}

.chrome ._2tga._49ve {

    padding-bottom: 1px;

    margin-right: 21px !important;

}



.contact-info h2{

    margin-bottom: 15px;

    position: relative;

    overflow: hidden;

    color: #fff;

    background: #0072bc;

    padding: 5px 10px 5px 10px;

}



.fa.fa-refresh{cursor:pointer;}

.map{text-align: center}

/***support***/

.box_support1 {

    width: 220px;

    background: #fff;

    height: 209px;

    border: 1px solid rgb(225, 249, 217);

    /*border: 2px solid rgb(225, 249, 217);

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;*/

    -webkit-box-shadow: rgb(100, 100, 100) 1px 1px 10px;

    box-shadow: rgb(100, 100, 100) 1px 1px 10px;

    float: right;

    position: fixed;

    top: 32%;

    z-index: 99;

    right: -218px;

    -webkit-transition: right 0.5s;

    transition: right 0.5s;

}

.box_support1 .title_support1 {

    position: relative;

    color: rgb(67, 25, 13);

    border: 1px solid rgb(225, 249, 217);

    /*border: 2px solid rgb(225, 249, 217);

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;*/

    -webkit-box-shadow: rgb(100, 100, 100) 1px 1px 10px;

    /* box-shadow: rgb(100, 100, 100) 1px 1px 10px; */

    background-color: rgb(255, 255, 255);

    width: 38px;

    height: 209px;

    top:0px;

    float: right;

    left: -218px;

}

.box_support1 .title_support1 span {

    position: absolute;

    text-transform: uppercase;

    margin-top: -11px;

    top: 50%;

    margin-right: 0px;

    left: -30px;

    font-size: 22px;

    -webkit-transform: rotate(270deg);

    -webkit-transform-origin: 50% 50%;

    -moz-transform: rotate(270deg);

    -moz-transform-origin: 50% 50%;

    -o-transform: rotate(270deg);

    -o-transform-origin: 50% 50%;

    -ms-transform: rotate(270deg);

    -ms-transform-origin: 50% 50%;

    transform: rotate(270deg);

    transform-origin: 50% 50%;

    cursor: pointer;

}

ul.list_support1 {

    padding: 8px;

}

ul.list_support1 li {

    display: block;

}

.show1 {

    right: 0;

}



.pro-info-title{

    margin-top:0px;

    font-size: 16px;

    font-weight: bold;

}

.slide-cat .owl-pagination{display: none}



.tab-content table{

    width: 100% !important;

    border: 1px solid #ddd;

}

.tab-content table  td{

    padding: 8px;

}

.show2{

    right:0 !important;

}

.cat-video-content{

    border-bottom: 1px solid #ddd;

}

.block-support{margin-bottom: 20px}