@font-face {

    font-family: 'UTM Swiss Condensed';

    src: url('../fonts/UTM Swiss Condensed.ttf');

}

@font-face {

    font-family: 'UTM Swiss CondensedBold';

    src: url('../fonts/UTM Swiss CondensedBold.ttf');

}

@font-face {

    font-family: 'OpenSansBold';

    src: url('../fonts/Opensans/OpenSans-Bold.ttf');

}

@font-face {

    font-family: 'OpenSansSemibold';

    src: url('../fonts/Opensans/OpenSans-Semibold.ttf');

}

@font-face {

    font-family: 'Roboto';

    src: url('../fonts/Roboto/Roboto-Regular.ttf');

}

@font-face {

    font-family: 'Roboto';

    src: url('../fonts/Roboto/Roboto-Bold.ttf');

    font-weight: bold;

}

@font-face {

    font-family: 'RobotoBold';

    src: url('../fonts/Roboto/Roboto-Bold.ttf');

}

@font-face {

    font-family: 'UTMAlexander';

    src: url('../fonts/UTM_Alexander/UTM-Alexander.ttf');

}

@font-face {

    font-family: 'UTMbebas';

    src: url('../fonts/UTM_bebas/UTM-Bebas.ttf');

}

@font-face {

    font-family: 'RobotoSlab-Bold';

    src: url('../fonts/Roboto/RobotoSlab-Bold.ttf');

}

@font-face {

    font-family: 'RobotoSlab-Regular';

    src: url('../fonts/Roboto/RobotoSlab-Regular.ttf');

}



@font-face {

    font-family: 'RCR';

    src: url('../fonts/Roboto/RobotoCondensedRegular.eot');

    src: url('../fonts/Roboto/RobotoCondensedRegular.eot') format('embedded-opentype'),

         url('../fonts/Roboto/RobotoCondensedRegular.woff2') format('woff2'),

         url('../fonts/Roboto/RobotoCondensedRegular.woff') format('woff'),

         url('../fonts/Roboto/RobotoCondensedRegular.ttf') format('truetype'),

         url('../fonts/Roboto/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');

}

@font-face {

    font-family: 'RCB';

    src: url('../fonts/Roboto/RobotoCondensedBold.eot');

    src: url('../fonts/Roboto/RobotoCondensedBold.eot') format('embedded-opentype'),

         url('../fonts/Roboto/RobotoCondensedBold.woff2') format('woff2'),

         url('../fonts/Roboto/RobotoCondensedBold.woff') format('woff'),

         url('../fonts/Roboto/RobotoCondensedBold.ttf') format('truetype'),

         url('../fonts/Roboto/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');

}



img{

	max-width:100%;

}



.language_mobile1{

	display: none;

}

a{

	color:#333;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

	-moz-transition:all 0.5s;

	-o-transition:all 0.5s;

}

a:hover,a:focus{

	text-decoration:none

}

button:focus{

	outline: 0px !important;

}

.fl{

	float:left;

}

.bg-gray{

	background:#f0f0f0;

}

.bg-white{

	background:#fff;

}

.bd-gray{

	border:solid 1px #d5d5d5

}

.bd-ra-0{

	border-radius:0;

}

.bd-ra-10{

	border-radius:10px;

}

.df{

	display:flex;

	justify-content:space-between;

	align-items:center;

}

.df_banner{

	justify-content:flex-start;

}

.df_banner .logo{

	width:30rem;

}

.df_banner .banner-top{

	width:calc(100% - 33rem);

}

.text_banner{

	font-size:3rem;

	text-transform:uppercase;

	font-weight:600;

	color:#1d5aa0;

}



.row7{

	margin-left:-7px;

	margin-right:-7px;

}

.plr0{

	padding-left:0;

	padding-right:0;

}

.plr5{

	padding-left:7px;

	padding-right:7px;

}

.row10{

	margin-left:-10px;

	margin-right:-10px;

}

.plr10{

	padding-left:0px;

	padding-right:10px;

}

.plr15{

	padding-left:15px;

	padding-right:15px;

}

.p0{

	padding:0px;

}

.p15{

	padding:15px;

}

.pl0{

	padding-left:0px;

}

.pr0{

	padding-right:0px;

}

.pb15{

	padding-bottom:15px;

}

.mb10{

	margin-bottom:10px;

}

.mb15 {

	margin-bottom:15px;

}

.mb20{

	margin-bottom:20px;

}

.mb23{

	margin-bottom:23px;

}

.mb30{

	margin-bottom:30px;

}

.mr10{

	margin-right: 10px;

}

.mr0{

	margin-right: 0px;

}

.w100pe{

	width:100%;

}

.animate1{

	-webkit-animation-duration: .3s;

	animation-duration: .3s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;	

}

/*TIÊU ĐỀ AND FONT*/

#container{

	padding: 25px 0px 0px;

}



/*LEFT*/



#left{

	width: 270px;

	float: left;

}

#right{

	width: 865px;

	float: right;

}



.bao-left{ 

	margin-bottom: 20px;

}

.title-left{

	background: url(../../images/title_left.png) repeat-x;

    line-height: 40px;

    color: #fff;

    text-align: center;

    font-family: 'RCB';

    font-size: 18px;

    text-transform: uppercase;

    position: relative;

}

.title-left:after{

	position: absolute;

	content: "";

	background: url(../../images/after.png);

	width: 11px;

	height: 55px;

	left: 100%;

	top: 0px;

}

.title-left:before{

	position: absolute;

	content: "";

	background: url(../../images/before.png);

	width: 11px;

	height: 55px;

	right: 100%;

	top: 0px;

}

.title-left a{

	color:#fff;

	text-align:center

}

.ar_left{

	padding: 14px 14px 20px; 

	line-height: 28px;

	border: 1px solid #1d5aa0;

	border-top: 0px;

}



/*left danh mục sản phẩm*/

.ar_left.menu{

	padding: 15px;

	background: #1d5aa0;

}

.ar_left ul{

	padding-left: 0px;

}

.ar_left ul li{

	list-style: none;

	font-family: 'arial';

	font-size: 14px;

	color: #030303;

}

.ar_left ul li{

    border-bottom: 1px dashed #d9b600;

}

.ar_left ul li:last-child{

	border-bottom: none;

}

.ar_left ul li a{

	color: #fff;

	display: block;

	padding: 8px 0px;

    line-height: 17px;

    display: block;

}

.ar_left ul > li:hover > a{

	color:red;

	margin-left: 5px;

}

.ar_left ul li img{

	margin-right: 13px;

}



/*left hỗ trợ trực tuyến*/

.support{line-height: 23px;}

.title-hotro span{

	color: red;

	font-weight: bold;

}

.title-hotro i{

	color: #282828;

	font-size: 18px;

}

.ar_left i{

	margin-right: 10px;

	font-size: 17px;

}

.hot-line img{

	margin-right:10px;

}

.hot-line{

	font-family: 'arial';

	font-size: 14px;

	color: #282828;

	line-height: 20px;

}



/*left video*/

.list_video select{

	width: 100%;

	height: 30px;

	font-family: 'arial';

	font-size: 13px;

	padding-left: 10px;

}

/*Left Thống kê truy cập*/

.thongketruycap{

	max-width: 200px;

}

.thongketruycap li{

	list-style: none;

	font-family: 'arial';

	font-size: 13px;    

	line-height: 30px;

    color: #fff;

}

.thongketruycap li img{

	margin-right: 10px;

}

.thongketruycap li span{

	float: right;

	color: #fff;

}



#map_canvas{

	position:relative;

	width:100%;

	height:0;

	padding-bottom:70%;

}

#map_canvas iframe{

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

}



/*END LEFT*/



/**/



.ngaydang{

    font-family: 'RR';

    font-size: 12px;

    color: #707070;margin-top: 5px;

    margin-bottom: 5px;

}.ngaydang i{margin-right: 8px;}



.item-pro {

	position:relative;

	width:100%;

	/*max-width: 264px;*/

	background:#fff;

	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);

	border:1px solid #d7d7d7;

	transition:all 0.5s ease;

	-webkit-transition:all 0.5s ease;

	-moz-transition:all 0.5s ease;

	-o-transition:all 0.5s easef;

	text-align: center;

	padding-bottom: 20px;

}





/*CHI TIẾT SẢN PHẨM*/

.sp_detail.price_detail{

	font-size:14px;

	color:#202020;

	font-weight: bold;

}

.sp_detail.price_detail h3{

	font-weight: bold;

	font-size: 24px;

	background: #eaeaea;

	color: #006cb5;

	padding: 10px;

	width: 100%;

	margin-top: 10px;

}

h1.sp_detail{

	font-size: 18px !important;

	color: #000;

}

h1.sp_detail, .sp_detail{

	border-bottom: 1px solid #d8d8d8;

	padding: 10px 0px;

	font-weight: bold;

	font-size: 15px;

}

.sp_detail.lienhemuahang{

	background: #006cb5;

	padding: 0px 10px;

	margin: 10px 0px;

	border-radius: 5px;

	color: #fff;

	display: inline-block;

	font-size: 16px;

}

.sp_detail button.addcart{

	border: 1px solid #006cb5;

	background: #fff;

	padding: 6px 14px;

	border-radius: 2px;

	transition: all 0.3s;

}

.sp_detail button.addcart:hover{

	border: 1px solid #fff;

	background: #006cb5;

	color: #fff;

	transition: all 0.3s;

}

.sp_detail button.addcart:hover i{

	color: #fff;

	transition: all 0.3s;

}

.sp_detail button.addcart i{

	margin-right: 10px;

	color: #006cb5;    

	font-size: 20px;

}

 

.sub_img_detail{

	margin: 0px -9px;

}

#product_detail{

	margin: 15px 0px;

}

#product_detail .text{text-align:justify;line-height:2em;}

#product_detail .text img{max-width:100%;}



.img-detail-pro{

	margin-bottom: 20px;

}

.img_detail{

	text-align: center;

}

.sub_img_sanpham{

	margin: 0px auto;

	text-align: center;

	margin-top: 15px;

}

.sub_img_sanpham img{

	border: 1px solid #ebebeb;

}

/*END CHI TIẾT DETAIL*/



sub{

	top: -.5em !important;

}



/**/



#seo_header h1,#seo_header h2,#seo_header h3,#seo_header h4,#seo_header h5,#seo_header h6{

	display: none;

}



ul{

	padding: 0px;

	margin: 0px;

}

.h1, .h2, .h3, h1, h2, h3{

	/*margin-top: 0px !important;

    margin-bottom: 0px !important;*/

    margin: 0px;

    font-size: inherit;

}

body{

	/*background: url('../../images/bg_body.png');*/

	background-size: 100% 100%;

}

.mz-expand .mz-expand-bg{transform: inherit !important;background: transparent !important;}

.mz-expand{background: rgba(0,0,0,0.3) !important;transform: inherit !important;}

.no-padding{ padding: 0px !important; }





/*Contact/Liên hệ*/

#form-contact{

	display: inline-block;

	width: 100%;

	background: #e9e9e9;

	padding: 20px 10px;

}

.form-control{border-radius: 0px !important;}

.title_map{

	font-family: 'RCB';

    font-size: 16px;

    text-transform: uppercase;

    padding: 20px 0px 5px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 15px;

}

.title_map i{margin-right: 10px;}

/*Header*/

#header{position: relative;}

.top_header { position: relative;text-align: center;background-size: 100% 100%;  }

.top_header img{width: 100%;}

.language{position: absolute; top: 22px; right: 10%; z-index: 999;}

.language img{width: 30px;height: 20px;}

.language_mobile{display: none;}



/*end header*/

section.partners{

	margin:0 0;

	padding:10px 0

}

/*MENU*/

nav#aff_menu{ 

	position: relative; 

	background: #1d5aa0; 

	background-size: 100% 100%;

}

nav.nav .navbar-nav>li>a{

	font-size: 16px;

	padding: 0px 33px;

	line-height: 42px;

	color: #fff;

	display: inline-block;

	vertical-align: middle;

	font-family: 'UTM Swiss CondensedBold';

	text-transform: uppercase;

}

nav.nav .navbar-nav>li:first-child>a{

	padding-left: 0px;

}

nav.nav .open>a, nav.nav .open>a:focus, nav.nav .open>a:hover,

nav.nav .navbar-nav>li>a:focus,nav.nav .navbar-nav>li:hover>a,nav.nav .navbar-nav>li.active>a{

	color:red;

	background: transparent;

}

/*TÌM KIẾM THANH MENU*/



.navbar-nav>li.p-relative{

	float: right;

}

.d7 form {

	position:relative;

  	width: auto;

  	vertical-align:middle;

  	margin-top:5px;

  	padding:0;

  	border: 1px solid #fff;

}

.d7 input {

  height: 30px;

  color: #000;

  padding-left: 15px;

  font-size:14px;

  width: 180px;

  outline: none;

  position: relative;

  transition: .3s linear;

  border-radius: 0px;

  background: #fff;

  font-family: 'arial';

  font-weight: normal;

  font-size: 13px;

  border: none;

  border-radius: 3px;

}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #9b9b9b;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #9b9b9b;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #9b9b9b;

}

:-moz-placeholder { /* Firefox 18- */

  color: #9b9b9b;

}



.d7 button {

    color: #9b9b9b;

    border: none;

    position: absolute;

    top: 1px;

    right: 7px;

    outline: none;

    transition: 0.3s all; 

    font-family: 'UTMbebas';

    background: transparent;

}

.d7 button i{ color: #9b9b9b;font-size: 13px; }



/*TÌM KIẾM NÂNG CAO*/

#timkiemnangcao{

	background: #e1e1e1;

	padding: 10px 35px;

	margin: 30px 0px;

}

#timkiemnangcao input,#timkiemnangcao select{

	padding-left: 15px;

	font-family: 'Tahoma';

	font-size: 14px;

	color: #010101;	

	background: #fff;

	border: none;

	height: 30px;

	width: 350px;

}

#timkiemnangcao input.keyword_search{

	margin-right: 35px;

}

.title_timkiem{

	font-family: 'RCB';

	font-size: 16px;

	color: #9f9e9b;

	float: left;

	margin-right: 80px;

	margin-top: 5px;

}

#timkiemnangcao input.submit_search{

	background: #ff0000;

	width: 100px;

	height: 30px;

	font-family: 'Tahoma';

	font-weight: bold;

	text-transform: uppercase;

	color: #fff;    

	float: right;

	transition: all 0.3s;

}

#timkiemnangcao input.submit_search:hover{

	background: #fff;

	color: #ff0000;    

	transition: all 0.3s;

}

#slider_danhmuc{

}

.title_main{border-bottom: 1px solid #1d5aa0;margin-bottom: 25px;}

.title_main h3{

	position: relative;

	background: #1d5aa0;

	color: #fff;

	font-family: 'UTM Swiss Condensed';

	font-size: 18px;

	text-transform: uppercase; 

	display: inline-block;

	padding: 9px 10px 9px;

}

/*.title_main h3:after{

	background: url(../../images/after_title.png) no-repeat;

	position: absolute;

	content: "";

	top: 0px;

	left: 100%;

	width: 56px;

	height: 37px;

}*/



.row5{

	margin: 0px -8px;

}





.box.visited p{

	margin-bottom:5px;

	font-weight:bold;

}

.box.visited span{

	display:inline-block;

	width:150px;

	font-weight:normal;

	padding-left:25px;

}

.box.visited span.v1{

	background:url(../images/v1.png) no-repeat left center;

}

.box.visited span.v2{

	background:url(../images/v2.png) no-repeat left center;

}

.box.visited span.v3{

	background:url(../images/v3.png) no-repeat left center;

}



.footer {

	position:relative;

	background: #1d5aa0;

	background-size: 100% 100%;

	color: #fff;

	width:100%; 

	float: left;

	margin:0;

	padding: 35px 0px 0px;

	font-size:12.5px;

}

.infomation_footer{

	padding-left: 0px;

}

.facebook_footer{

	padding-right: 0px;

}

.title_footer{

	font-family: 'UTM Swiss Condensed';

	font-size: 16px;

	color: #fff;

	text-transform: uppercase;

	margin-bottom: 15px;

}

.thongke_footer{

	padding-left: 0px;

}

.map_footer {padding-right: 0px;}



.footer_top{

	margin-bottom: 15px;

	display: inline-block;

	width: 100%;

}

#copyright{

	border-top: 1px solid #fff;

	display: inline-block;

    width: 100%;

    margin-top: 15px;

    line-height: 26px;

    font-family: 'arial';

    font-size: 12px;

    color: #fff;

}



.pdH0{

	padding-left: 0px;

	padding-right: 0px;

}

.designed{ color: #fff; padding-top: 5px;font-size: 12px;font-family: 'arial';font-weight: normal; }

.designed a{ color: #fff; }

#full{max-width: 100%;margin: 0px auto;overflow: hidden;}

.center{max-width:1270px;margin:0 auto;position:relative;}



.clear{display:block;clear:both;}



.img img{

	width: 100%;

}



#thongtinlienhe{

	margin: 0px -15px;

}





.thong-tin li{

	list-style: none;

	font-family: 'Tahoma';

	font-size: 12px;

	color: #fff;

	line-height: 25px;

}

.thong-tin li a{

	color: #fff;

}

.thong-tin li:hover a{

	color: #ff0;

}

.left_dv{

	float: left;

}

.left_sp{

	float: left;

	margin-left: 60px;

}

.facebook-footer{

	width: 100%;

}

.breadcrumb{

	background-color: #fff !important;

	border-bottom: 1px solid #e6e6e6;

	padding-bottom: 10px !important;

	font-weight: bold;

	border-radius: 0px !important;

}



.hieuung:after {

  content: "";

  position: absolute;

  top: -110%;

  left: -210%;

  width: 200%;

  height: 200%;

  opacity: 0;

  transform: rotate(0deg);

  

  background: rgba(255, 255, 255, 0.13);

  background: linear-gradient(

    to right, 

    rgba(255, 255, 255, 0.13) 0%,

    rgba(255, 255, 255, 0.13) 77%,

    rgba(255, 255, 255, 0.5) 92%,

    rgba(255, 255, 255, 0.0) 100%

  );

}

.hieuung:hover:after {

  opacity: 1;

  top: -30%;

  left: -30%;

  transition-property: left, top, opacity;

  transition-duration: 0.7s, 0.7s, 0.15s;

  transition-timing-function: ease;

}





/*đối tác*/

#doitac{

	margin-bottom: 25px;

}

.item_doitac{

	text-align: center;

	margin: 0px 5px;

}

.item_doitac img{

	width: 95px;

	height: 56px;

}

/*end đối tác*/



.map_description{

	color: #000 !important;

}



/*thông báo*/

.note{

	font-family: 'arial';

    font-size: 13px;

    color: red;

    font-weight: bold;

    text-align: center;

    position: relative;

    display: inline-block;

    width: 100%;

}

/*Tab chi tiết sản phẩm*/

.title_tab{background: #fff;border-bottom: 2px solid #1d5aa0;}

.title_tab li{border-radius: 5px 5px 0px 0px;cursor: pointer;float: left;list-style: none;font-family: 'arial';font-size: 15px;padding: 6px 30px;color: #000;}

.title_tab li.active{background: #1d5aa0;color: #fff;}

.content_tab{padding: 20px 15px;border: 1px solid #1d5aa0;border-top: 0px;}

/*Giỏ hàng*/

.title-form{padding: 5px 0px 5px 15px;background: #1d5aa0;color: #fff;}

.ar_form{padding: 20px;border: 1px solid rgba(255,214,0,0.5);}

.tong_tt h3{text-align: right;}

.tong_tt h3 span{color: #f00;font-weight: bold;}

.button_muahang{border: 1px solid transparent;float: right;padding: 7px 20px;background: #1d5aa0;color: #fff;margin-bottom: 20px;margin-left: 15px;border-radius: 3px;}

.button_muahang a{color: #fff; }

.button_muahang:hover{border: 1px solid #1d5aa0;background: #fff;transform: all 0.3s;}

.button_muahang:hover a{color: #1d5aa0;transition: all 0.2s !important;}

.container_dathang{display: none;}

.button.button--aylen{background: #1d5aa0 !important;}



/*SẢN PHẨM INDEX*/

.slick-sanpham{margin: 0px -9px;}

.ar_spmoi{padding: 10px 5px 25px;margin: 0px 10px;border: 1px solid #ddd;text-align: center;}

.ar_spmoi.in{margin: 0px;margin-bottom: 20px !important;}

.ar_product{padding: 0px 10px;}

.img_spmoi{overflow: hidden;margin-bottom: 15px;}

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

.img_spmoi:hover img{transition: all 0.5s;transform: scale(1.1);}

.name_spmoi{font-family: 'arial';font-size: 14px;color: #040404;height: 34px;overflow: hidden;line-height: 17px;}

.price_spmoi{color: #fd0202;font-size: 14px;font-family: 'arial';font-weight: bold;}

.chitiet,.add_cart{font-weight: bold;border-radius: 3px;display: inline-block;padding: 0px 5px;width: 90px;height: 30px;line-height: 30px;font-family: 'arial';font-size: 12px;text-transform: uppercase;}

.chitiet a,.add_cart a{color: #000;}

.chitiet{border: 1px solid #868787;}

.chitiet:hover{border: 1px solid transparent;background: #ffd700;transition: all 0.5s;}

.chitiet a{color: #000;}

.add_cart button{color:#fff;border-radius: 3px;background:#1d5aa0;border: 1px solid transparent;text-transform: uppercase;padding: 0px;width: 90px;height: 30px;}

.add_cart button:hover{background: #fff;transition: all 0.5s;border: 1px solid #868787;}

#list_sanpham{margin-bottom: 60px;}

#list_sanpham:last-child{margin-bottom: 0px;}

/*tin tức slick*/

#tintucmain{background: #fff;padding: 35px 0px;}

.slick_tintuc{margin: 0px -10px;}

.ar_tt{border: 1px solid #ddd;max-width: 365px;margin: 0px auto;}

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

.img_tt img{transition: all 0.5s;}

.img_tt:hover img{transition: all 0.5s;transform: scale(1.1);opacity: 0.7;}

.name_des_tt{padding: 20px 15px;background: #fff;}

.name_tt{font-size: 16px;color: #000;font-family: 'RCB';overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.name_tt a{color: #000;}

.des_tt{font-family: 'Tohoma';font-size: 14px;color: #060606;text-align: justify;height: 60px;overflow: hidden;}

.ar_tt:hover .ngaytao_news{bottom: 0px;transition: all 0.5s;}

.ar_tt:hover .name_tt a{color: #000;}

.ngaytao_news{transition: all 0.3s;font-family: 'arial';font-size: 14px;max-width: 100px;text-align: center;position: absolute;bottom: -20px;left: 0px;background:#1d5aa0;color: #fff;padding: 5px 15px;font-style: italic;}

.ngaytao_news span{font-weight: bold;font-size: 18px;border-bottom: 1px solid #000; text-align: left;}