@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/Roboto/Roboto-Condensed.ttf');
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/Roboto/RobotoCondensed-Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'RTBR';
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial/arial.ttf');
}
@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial/arialbd.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'utmavo';
    src: url('../fonts/utmavo/utmavo.ttf');
}
@font-face {
    font-family: 'usc';
    src: url('../fonts/utm_swiss_condensed/UTMSwissCondensed.ttf');
}
@font-face {
    font-family: 'iCielPacifico';
    src: url('../fonts/iCielPacifico.ttf');
}
@font-face {
    font-family: 'uvnkythuat';
    src: url('../fonts/uvnkythuat.ttf');
}
@font-face {
    font-family: 'alberta';
    src: url('../fonts/alberta/UTMAlbertaHeavy.ttf');
}
@font-face {
    font-family: 'phannguyen_b';
    src: url('../fonts/phannguyen/PN_SEMIBOLD_GDI.TTF');
}
@font-face {
    font-family: 'raleway';
    src: url('../fonts/Raleway/SVN-RalewayRegular.ttf');
}
@font-face {
    font-family: 'avant';
    src: url('../fonts/avant/UNICODE.AVANTGD2.TTF');
}
@font-face {
    font-family: 'quicksand';
    src: url('../fonts/quicksand/Quicksand-Medium.ttf');
}
@font-face {
    font-family: 'quicksand_r';
    src: url('../fonts/quicksand/Quicksand-Regular.ttf');
}
@font-face {
    font-family: 'quicksand_b';
    src: url('../fonts/quicksand/Quicksand-Bold.ttf');
}
.row10 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.body-size{
	max-width:768px;
}
.title-font {
    font-family: 'RobotoCondensed';
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #1372d5;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.color-main{
	color:#006eb9;
}

img{
	max-width:100%;
}

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 {
    color: red;
    text-decoration: none;
}

.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;
}

.row5{
	margin-left:-5px;
	margin-right:-5px;
}
.p0{ padding: 0 !important; }
.plr0{
	padding-left:0;
	padding-right:0;
}
.plr5{
	padding-left:5px;
	padding-right:5px;
}
.row10{
	margin-left:-10px;
	margin-right:-10px;
}
.plr10{
	padding-left:10px;
	padding-right:10px;
}
.plr15{
	padding-left:15px;
	padding-right:15px;
}
.p0{
	padding:0px;
}
.p15{
	padding:15px;
}
.p35{
	padding:35px;
}
.pl0{
	padding-left:0px;
}
.pr0{
	padding-right:0px;
}
.pb15{
	padding-bottom:15px;
}
.mb10{
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mr10{
	margin-right: 10px;
}
.mr0{
	margin-right: 0px;
}
.padding-bottom10{
	padding:0 10px 10px;
}

.block{
	display:block;
}
.w100pe{
	width:100%;
}


.uppercase{
	text-transform:uppercase;
}
.font14{
	font-size:14px;
}
.font20{
	font-size:20px;
}
.font25{
	font-size:25px;
}
.bold{
	font-weight:bold;
}

.color_3{
	background:#333
}
.tonghop{
	color:#ccc;
	
}


.animate1{
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;	
}

/*TIÊU ĐỀ AND FONT*/

.bao-abx{
	margin-top: 50px;
	display: inline-block;
	border: 1px solid #ddd;
	padding: 15px;
	text-align: center;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 8px 7px rgba(0,0,0,0.22);
	position: relative;
	margin-left: -150px;
	background: #fff;
}
.bao-abx li{
	padding: 0px 0px;
    display: inline-block;
    list-style: none;
    text-align: center;
    width: 200px;
    border-right: 1px solid #A1261E;
}
.bao-abx li:last-child{
	border-right: 0px;
}
.bao-abx li h3{
	font-weight: bold;
	color: #A1261E;
}
.bao-abx li p{
	text-transform: uppercase;
	font-size: 12px;
}
/*.title-main{
	display: block;
    z-index: 10;
    margin-bottom: 20px;
    position: relative;

}*/

/*.title-main {
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'RobotoCondensed';
    padding-bottom: 20px;
    margin-bottom: 20px;
    
}
.title-main h2{ 
	position: relative;
	font-family: 'RobotoCondensed';
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #ee383e;
    margin: 0; z-index: 999;
    padding: 10px 30px 8px; display: inline-block; 
}*/
.title-main {
    margin-top: 0;
    display: block;
    z-index: 10;
    margin-bottom: 20px;
    position: relative;
    padding-top: 25px;
    text-align: center;
    padding-left: 0;
    padding-bottom: 20px;
}
.title-main h3 {
    position: relative;
    font-family: 'avant';
    margin: 0;
    text-transform: uppercase;
    font-size: 30px;
    color: #F15A22;
    margin: 0;
    z-index: 999;
    padding: 10px 0px 8px 0;

    /* display: inline-block; */
    margin-bottom: 0px;
    padding-top: 0;
    font-weight: bold;
    background: url('../../templates/images/thanh.png') bottom center no-repeat
}
.title-contact{ text-align: center; margin-bottom: 20px; }
h3.title-contact { text-transform: uppercase; color: #1e3463; font-family: 'RobotoCondensed'; font-weight: bold; font-size: 22px; }
/*.title-main:before{ z-index: 1;
	content: ''; position: absolute; top: 14px; width: 100%; height: 1px; left: 0;
	background: #2c70b6;
}*/
/*.title-main:after{ z-index: 1;
	content: ''; position: absolute; bottom: 0px; width: 100%; height: 4px; 
	background: #ee6133; width: 80px; left: 50%; margin-left: -40px;
}*/
/*.title-main a i{
	color: #fff;
    font-size: 1.5em;
    position: absolute;
    top: 25%;
    left: 15px;
}*/
.bao-left{ margin-bottom: 15px;  }
.title-left {
    font-family: 'RobotoCondensed';
    font-weight: bold;
    float: left;
    width: 100%;
    margin: 0;
    padding: 1px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    line-height: 37px;
    text-align: center;
    background: #868088;
}
/*.title-left:before{ height: 100%; width: 4px; content: ''; position: absolute; top: 0; left: -4px;
 background: #ed1b2f; }
.title-left span.at{
	content '';
	position: absolute; top: 100%; right: 100%;
	width: 4px;
	height: 4px;
	border-style: solid;
	border-width: 0 4px 4px 0;
	border-color: transparent #ed1b2f transparent transparent;
}*/
/* 1 */

.item-pro {
    border-radius: 10px;
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    padding: 4px;
    /* box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); */
    border: 1px solid #e6e6e6;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.item-pro .img_pro {
    position: relative;
    overflow: hidden;
}
.item-pro .img_pro img{
    width: 100%;
    height: auto;
    display: block;
}
#form-res{
	margin: auto;
	width: 80%;
	background: #fff;
	padding: 35px;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 80%;
	left: 50%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
#form-res input,textarea{
	border-radius: 0px;
	border: 1px solid #ddd;
}
#form-res button{
	font-weight: bold;
    padding: 12px 15px;
    color: #fff;
    background: #A1261E;
    margin: auto;
    border: none;
    outline: none;
    font-size: 11px;
    font-family: 'Arial';
    text-transform: uppercase;
}
.sec-duan{
	background: #A1261E;
	color: #fff;
	padding: 25px;
}

.item-pro .info {
    text-align: center;
    position: relative;
    background: #fff;
    padding: 5px;
    min-height: 40px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    float: left;
    width: 100%;
    float: left;
    width: 100%;
}
.img-shine-2 {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 0 0 10%;
}
.menu-footer{
	padding: 0px !important;
}
.sec-dangky{
	background: url(../images/bg-dk.png);
	background-size: 100% 100%;
	min-height: 350px;
	position: relative;
}
.menu-footer li{
	list-style: none;
}
.menu-footer li:before{
	content: '\f0da';
	font-family: 'FontAwesome';
	margin-right: 10px;
}
.menu-footer li a{
	color: #fff;
}
.item-pro .info h3{
	margin: 5px;
	padding: 5px;

}
.item-pro .info a {
    text-transform: uppercase;
    font-size: 15px;
    color: #222;
    line-height: 20px;

}
.item-pro .info a:hover{ color: #ff0000; }

.item-pro .info .price{
	font-size:14px;
	color:#ff0000; font-weight: bold;
}
.item-pro .info .price.old-price{ color: #555; font-weight: inherit; text-decoration: line-through;  }
/*.item-pro .info .price-km{ font-weight: bold; color: #ff0000; display: block; width: 50%; text-align: right; float: left; }
*/
.item-pro .info h3{
	margin:0;
	padding:6px 0px;
	font-size:14px;
}


body{
	/*font-family: 'Arial';*/
	font-family: 'quicksand_r';
	font-size: 15px;
}
header{
	padding:0;
	
}
header .banner img{
	width:100%
}
.wrapper{
	background: #fff;
}

.top_header a{
	color:#fff;
}
.no-padding{ padding: 0px !important; }

nav#aff_menu{ position: relative; }

#aff_menu.affix {
		position: fixed;
      top: 0;
	  left:0;
      width: 100%;
	  z-index:999;
}
#aff_left.affix {
    position: fixed; 
    top: 50px;
    z-index:1;
}

#form-contact .button.button--aylen{ background: #2196f3; }
.button.button--aylen {
    background: #0000ff;
    color: #fff;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
/*=========================================*/

.body-home{
	margin-top:5px
}

.col-left .box{
	float:left;
	width:100%;
	border-top:none;
	padding:10px;	
	background: #fff;
	border: 1px solid #e7e7e7;
	border-top: 0;
}
.col-right .box{
	float:left;
	width:100%;
	margin-bottom:10px;
	border-top:none;
	padding:10px;
	border:1px solid #acacac;	

}

.box.category ul{
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
}
.box.category a{
	display:block;
	color:#333;
	position:relative;
	border-bottom:1px dashed #c4c4c4;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;	
}
.box.category ul.sub li a {
    padding: 8px 0px;
    padding-left: 5px;
}
.box.category ul.sub li a:hover{ color: #ff7300; }
.ic-menu{ position: absolute; top: 9px; left: 0px; z-index: 999; }
.box.category ul.sub>li>a {
    padding-left: 18px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'RobotoCondensed';
    font-size: 16px;
}
.box.category ul.sub > li{
	 position: relative;
}
.box.category ul.sub_1{ display: none; }
.box.category ul.sub_1 li a {
    padding: 7px 0px;
    padding-left: 20px;
    text-transform: capitalize;
}
.box.category .arrow-sub > a:before{ position:absolute; right:10px; }
.box.category ul.sub_2{position: absolute;z-index: 999; top: 0px; left: 100%; 
min-width: 100%; background: #ebebeb; border: 0px; display: none;}
.box.category ul.sub_1 > li:hover > ul.sub_2 { display: block; }
.box.category ul.sub_1 > li:hover > ul.sub_2 li:hover > ul.sub_2{display: block;  }
.support .img img{
	width:70px;
	height:70px;
	border-radius:50%;
	padding:2px;
}
.support .content{
	float:left;
	width:100%;
	text-align:center;
}
.support h4{
    color: #333;
    font-size: 14px;
    padding-bottom: 5px;
    font-family: 'RobotoBold';
    margin: 0px;
    text-align: left;	
}
.support h4.hot-support{ text-align: center; font-weight: bold; color: #ff0000; margin-bottom: 10px; }
.support h5{
	color: #333;
}

.box.news{
	padding:10px;
}
.box.news .item{
	float:left;
	width:100%;
	margin-bottom:5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #a7a7a7;
}
.box.news .item:last-child{
	border:none;
}
.box.news .item .img{
	float: left;
	width:30%;
	display: table;
	padding-top: 5px;
}
.box.news .item .img a{
	float:left;
	position:relative;
}
.box.news .item .img a:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	opacity:0;
	z-index:20;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}
.box.news .item .img:hover a:before{
	opacity:1;
}
.box.news .item .img img{
	width:100%;
}
.box.news .info{
	font-weight:500;
	padding-top:5px;
	float: left;
    padding-left: 10px;
    width: 70%;
}

.box.visited p{
	margin-bottom:5px;
	font-weight:bold;
}
.box.visited span{
	display:inline-block;
	width:150px;
	font-weight:normal;
	padding-left:25px;
}



/*TICH CUSTOM*/

.thong-tin-gio a { color: #fff; }
.thong-tin-gio a:hover{ color: #006eb9; }
.gio-hang-fix:hover{ background: #ff7500; }
.bao-gio{ position: relative; }
.bao-gio .content-gio{ position: absolute;transform: rotate(-90deg);
background-color: #006eb9; top: -70px;  }
.text-giohang{ text-transform: uppercase; }
.text-giohang a{ color: #fff; }
.support h4.hot-support{ margin: 10px 0px; color: #ff0000; font-size: 16px; }
.info-cart table tr td{ text-align: center; }
.tong_tt #tong_tien_gh{ color: red; }
.tong_tt h3{ font-size: 20px; }

.bt-submit{ text-align: center; margin-top: 10px; }
.bt-submit button{ float: none; display: inline-block; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
	border-radius: 20px; min-width: 100px; padding: 8px 20px; }

.title-footer h3{ text-transform: uppercase;  margin: 0px; position: relative;
; font-size: 18px; color: #000; display: inline-block; margin-bottom: 15px; }
.title-footer h3 span{ position: absolute; height: 100%; width: 3px; background: #ff0000;
top: 0px; left: 0px; }

.col-right .box{ background: #fff; }
.sodt h4{ color: #009edb; font-size: 25px; text-align: center; }
.input-dangky input{ width: 100%; }

.icon-sp img{ margin-top: -5px; }

.support h4 span i{ margin-right: 8px; }
.phone-support{ color: #ff0000; }

.box.category ul.sub a i{ margin-right: 5px; }
.p-relative{ position: relative; }
.d7-hidden{ position: absolute; bottom: 100%; right: 0px; display: none; }
a.ic-search{ cursor: pointer; }
span.ic-menu {
    display: inline-block;
    padding-top: 1px;
    cursor: pointer;
    display: none;
}
li.arrow-sub span.ic-menu {

    display: block;
}
.footer-map iframe{ max-width: 100%; height: 170px; }
.footer-title h3{ margin-top: 0px; font-size: 16px; text-transform: uppercase; margin-bottom: 20px; }

.ve-chung-toi h4{ font-size: 20px; font-family: 'RobotoSlab-Bold'; text-transform: uppercase; color: #2c77af; }
.line-footer{ height: 1px; background-color: #fff; margin: 10px 0px; }
.wrapper-video iframe{ max-width: 100%; }

.page-title .breadcrumb{ margin-bottom: 10px; height: 38px; line-height: 26px; background: transparent; border-bottom: 1px solid #ccc; }
.page-title .breadcrumb li a{ color: #000; }
section.slide{ padding-top: 2px; }
.xem-them a{ color: #d8261c; }
section.sec-pro{ padding: 10px 0px 10px; }

.box.category .support a{ border-bottom: none; }
.box.category ul.sub a i{ font-size: 13px; }
.box.category .support img{ margin-top: 5px; }
.img-support{ display: inline-block; padding: 0px 5px; }
.box.category .title-hotro a{ display: inline-block; }  
.phone .so-dt{ color: red; font-weight: bold; }
.title-web h1{ text-align: center; margin: 0; padding: 22px 0; font-size: 34px; font-family: 'RobotoCondensed'  font-weight: bold;}
.title-web h1 a{ color: #0087d8; }
.title-web h1 span{ color: #ff0000; }
.d7-search form { margin: 0; }
.d7-search form input {
    width: 160px;
    display: inline-block;
    border-radius: 20px;
    height: 35px;
    border: 0.5px solid #393939;
}
.d7-search form button {position: absolute;height: 35px;right: 0;
    /* background: #1664ad; */color: #fff;font-weight: bold;
}
.border-menu{ height: 4px; width: 100%; margin-top: 1px; background: #ff0000; }

.item-news{ float: left; width: 100%; background: #fff; padding: 5px; border: 1px solid #e7e7e7; }
.item-news .a-left{ display: block; float: left; margin-right: 10px; }
.item-news img{ max-width: 140px; }
.item-news h3{ margin-top: 0; font-family: 'RobotoCondensed'; font-weight: bold; font-size: 16px; min-height: 34px; }
.item-news .info { color: #000; padding-bottom: 10px; }
.price {color: #ff5050;}
.price.old-price {color: #000; text-decoration: line-through;}
.price-km {font-weight: bold;color: red;font-size: 20px;}
.list-color ul{ list-style: none; padding: 0; margin: 0; }
.list-color ul li{ border: 1px solid #e7e7e7; float: left; width: 25px; height: 25px; margin-right: 5px; border-radius: 4px; }
.bd-info{ border-bottom: 1px solid #e7e7e7; padding-bottom: 5px; margin-bottom: 10px; float: left; width: 100%; }
.btn-giasi{ text-align: center; height: auto; padding: 15px; font-size: 15px; }
.btn-giasi span{ display: block; font-size: 18px; color: yellow; font-weight: bold; margin-top: 5px; }
.text-justify{text-align: justify;}
.first-tin h4{ font-weight: bold; font-family: 'RobotoCondensed'; font-weight: bold; }
section.detail .thong_tin{ border: 1px solid #e7e7e7; border-top: 0; }
section.detail .tab-content{ padding: 15px; }
.zb-btn-blue-small {font-family: Helvetica, Arial, sans-serif;display: inline-block;background-color: #03a5fa;color: #fff;width: 70px;height: 20px;line-height: 21px;text-decoration: none;font-size: 11px;font-weight: bold;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;cursor: pointer;float: left;margin-left: 3px;
}
.zb-btn-blue-small .zb-logo-zalo {display: inline-block;vertical-align: middle;margin-bottom: 0.15em;margin-right: 4px;width: 14px;height: 14px;background: url(https://stc.sp.zdn.vn/share/logo_white_s.png);
}
/*.addcart{ display: inline-block; padding: 8px 25px; font-weight: bold; border: 0; border-radius: 0; background: #f90808; font-size: 16px; min-width: 250px; text-transform: uppercase; }
*/
.addcart span{ display: block; font-size: 13px; text-transform: none; }
.addcart2 img {
    margin-right: 5px;
}
.addcart2 {
    background: none;
    border: none; padding: 0;
    color: #037bc0;
    margin-top: 10px;
}
.choose_color { position: relative; }
.choose_color > span{ cursor: pointer; position: relative; border: 1px solid #ccc; float: left; margin-right: 10px; display: block;
 width: 35px; height: 35px; background: #222; text-align: center; color: #fff; line-height: 35px; }
.choose_color.selected span:after {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 0px;
    background: url(../images/choose.png) no-repeat;
    width: 14px;
    height: 14px;
}
.choose_color.selected span{ border-color: #ff0000; }
.list-color{ margin-bottom: 5px; }
.in-soluong input{ text-align: center; border: 1px solid #ccc; margin-top: 5px; height: 34px; width: 50px; border-radius: 4px; }
.bd-info.name {
    text-transform: uppercase;
    margin-top: 0;
    font-size: 25px;
    font-family: 'RobotoCondensed';
    font-weight: bold;
}
.d7 form{ text-align: right; }
.cart-top a{ display: inline-block; margin-left: 10px; color: #ff0000; }
.gia-home{ float: left; width: 100%; padding-bottom: 10px; }
.item-service{ text-align: center; }
.item-service h3{ font-family: 'uvnkythuat'; text-transform: uppercase; color: #7c4430; }
section.sec-services{ padding: 20px 0; }
.sec-dk input{ border-radius: 20px; border-color: #7c4430; }
.sec-dk .title-dk{ text-align: center; color: #fff; margin-bottom: 30px; }
section.sec-dk{ padding: 30px 0 40px; background: url(../images/bg-dangky.png); background-size: cover; }
.btn-nhantin{ border-radius: 20px; background: #603821; border: 1px solid #a1490c; padding-left: 20px; 
padding-right: 20px; }
.sec-dk .title-dk h3{ margin-top: 10px; font-family: 'RobotoCondensed'; font-weight: bold; text-transform: uppercase; font-size: 26px; }
.nav.nav .navbar-nav>li.no-relative{ position: static; }

li .mega-menu{ position: absolute; top: 100%; left: 0; padding: 15px 10px; background: #fff; width: 100%;
z-index: 99; display: none; }
.item-mega{ margin-bottom: 10px; }
li .mega-menu a{ display: block; margin-bottom: 4px; font-family: 'usc'; }
li .mega-menu .title-mega a{ margin-bottom: 8px; color: #2c70b6; font-family: 'RobotoCondensed'; font-weight: bold; font-size: 15px; }
li .mega-menu .child2-mega{ padding-left: 10px; }
li:hover> div.mega-menu{ display: block; }
ul.left-ct{ list-style: none; padding: 0; margin: 0; }
ul.left-ct .ic-ft{ float: left; margin-right: 5px; }
ul.left-ct li{ margin-bottom: 6px; }
.item-sp{ text-align: center; }
.lang-top{ position: absolute; top: 5px; right: 9%; z-index: 1; }
.item-services h3{ margin-top: 0; padding: 10px; font-size: 16px; text-transform: uppercase; 
text-align: center; font-family: 'RobotoCondensed'; font-weight: bold; background: rgba(0,0,0,0.3);  }
.item-services h3 a{ color: #fff; }
.item-services .info{  padding: 5px; }
.item-services .info .des-service{ font-size: 13px; font-family: 'RobotoCondensed'; padding: 10px; color: #fff; }
.sec-camket{ background: #2196f3; color: #fff; padding: 30px 0; }
.img-trainghiem{ float: left; margin-right: 10px; }
.img-trainghiem img{ border-radius: 50%; max-width: 150px; }
.item-trainghiem h4{ margin-top: 0; }
.content-tuvan,
.content-trainghiem{ float: left; width: 100%;
	padding: 10px; border-radius: 4px; border: 1px solid #d9e9f2; 
}
.item-trainghiem { clear: both; }
.item-trainghiem .desc{ font-style: italic; font-size: 13px; }
.content-tuvan .form-group{ margin-bottom: 10px; }
.content-tuvan .form-group.last{ margin-bottom: 2px; }
.content-tuvan input.form-control{ border-radius: 0; height: 32px; }
.content-tuvan .form-control{ background: #f5f5f5; }
.btn-tuvan{ border-radius: 0; padding: 5px 20px; background: #e82c2b; }
.list-dv ul{ list-style: none; padding: 0; }
.list-dv ul li{ margin-bottom: 6px; }
.list-dv ul li a{ color: #fff; }
.list-dv ul li i{ margin-right: 5px; }
.item-kienthuc h4{ font-weight: bold; }
.item-kienthuc .quote{ text-align: justify; }
footer .wrapper-map iframe{ height: 170px; }
footer h3.title-font{ text-transform: uppercase; font-size: 17px; }
.des-service ul{ list-style: none; padding: 0; margin: 0; }
.des-service ul li{ margin-bottom: 10px; }
.des-service ul a{ color: #fff; }
.sp_detail.price_detail {font-size: 14px;color: #202020;position: relative;border-bottom: 1px solid #80808061;
}

.sp_detail.price_detail h3 {font-weight: bold;font-size: 24px;background: #eaeaea;color: #ed1c24;padding: 10px;width: 100%;margin-top: 10px;
}
img.sale-gif {position: absolute;top: 0px;left: 120px;width: 70px;
}
.sp_detail {padding: 0 0px;font-size: 15px;
}
.sp_detail.mota {
    font-weight: 500;
    font-size: 15px;
    color: #5f5f5f;
    line-height: 23px;
    text-align: justify;
    border-bottom: 1px solid #80808063;
    min-height: 100px;
}
.sp_detail button.addcart {
    border: 1px solid #5299E5;
    background: #fff;
    padding: 6px 14px;
    border-radius: 2px;
    transition: all 0.3s;
    border-radius: 5px;
    width: 150px;
}
.sp_detail button.addcart:hover {border: 1px solid #fff;background: #58a946;color: #fff;transition: all 0.3s;
}
.sp_detail button.addcart i {margin-right: 10px;color: #5299E5;font-size: 20px;float: left;
}
.like-share-page {position: relative;width: 100%;margin-top: 15px;}
.sp_detail .like-share-page {margin-top: 7px;}
.list-inline {padding-left: 0;list-style: none;}
.list-inline>li {display: inline-block;padding-right: 5px;padding-left: 5px;}
.top_header .list-inline {margin-bottom: 5px;padding-top: 2px;}
.list-right>li{ display: block; float: right; }
.search-top { text-align: right; padding-top: 15px; padding-bottom: 5px; }
.search-top form{ text-align: right; }
.menu-top{ float: left; width: 100%; padding: 5px 0; }
.ct-about{ max-width: 80%; margin: 0 auto; }
.item-mai{ position: relative; }
.item-mai .info{width: 100%; padding-top: 10px; text-align: center; }
.item-mai .info a{ font-weight: bold; }
section.sec-register {background: url(../images/newsletter-bg.jpg);background-size: cover;
}
.newsletter {text-align: center;padding: 40px 0px;
}
.newsletter h2 {text-transform: uppercase;color: #fff;font-size: 30px;margin: 0;font-family: 'RobotoCondensed';font-weight: bold;
}
.newsletter input {height: 40px;border: none;vertical-align: top;padding: 5px 15px;background: #fff;color: #999;width: 35%;font-size: 13px;display: inline-block;border-radius: 0;
}
.newsletter button {height: 40px;min-width: 105px;margin-left: -4px;text-transform: uppercase;font-size: 12px;color: #fff;transition: 0.3s all ease 0s;font-weight: 500;color: #fff;background: #2c70b6;border-color: #2c70b6;border-radius: 0;
}
.ptb5{ padding-top: 5px; padding-bottom: 5px; }
.ptb5 a{ color: #fff; }
.dv-footer ul{ list-style: none; padding: 0; }
.dv-footer ul li{ margin-bottom: 6px; }
.dv-footer ul li a{ color: #fff; }
.dv-footer ul li i{ margin-right: 5px; }
.news .info a{ font-weight: bold; }
.item-duan h3{ font-family: 'RobotoCondensed'; font-size: 15px; margin-top: 10px; text-align: center; }
.item-duan .img-pro img{ border-radius: 10px; }
.line-list-cate{ border-bottom: 2px solid #00a24d; }
.line-list-cate .item-cate{ font-family: 'RobotoCondensed'; font-size: 16px; padding: 10px 30px 8px;
color: #fff; background: #00a24d; display: inline-block; text-transform: uppercase; }
.content-list-pro{ padding: 10px; padding-top: 20px; border: 1px solid #e7e7e7; border-top: 0; float: left; width: 100%; }
.content-list-pro .left-list{ float: left; }
.content-list-pro .left-1{ width: 17%; }
.content-list-pro .left-2{ width: 33%; }
.content-list-pro .left-3{ width: 50%; }
ul.child-cate{ padding: 0;margin: 0; }
ul.child-cate li{ list-style: none; margin-bottom: 10px; }
.cate-image{ padding: 0 20px; }
.item-mai img{ border-radius: 10px; }
.line-list-cate .xem-tat-ca{ display: inline-block;float: right; padding-top: 10px; padding-bottom: 5px; }
.xem-tat-ca i{ color: #00a24d; }
.item-tin .content-slogan h4{ font-family: 'RobotoCondensed'; font-weight: bold; font-size: 16px; margin-top: 0; }
.designed {line-height: 37px;font-size: 13px;
}
.item-gio{ float: left; width: 100%; }
.item-gio img{ max-width: 50px; float: left; margin-right: 10px; }
.item-gio h3{ margin: 0px; padding-top: 5px; margin-bottom: 5px; font-weight: bold; font-size: 18px; text-transform: uppercase; font-family: 'RobotoCondensed'; }
section.sec-gio{ padding: 20px 0; background: #ee6133; color: #fff; }
section.sec-dichvu{ padding: 20px 0; padding-bottom: 10px; margin-bottom: 10px;
	-webkit-box-shadow: 0 8px 6px -6px #777;
       -moz-box-shadow: 0 8px 6px -6px #777;
            box-shadow: 0 8px 6px -6px #777;}
.item-dichvu { background: #fff; }
.item-dichvu h3{ font-weight: bold; text-align: center; text-transform: uppercase; color: #1e3463; font-family: 'RobotoCondensed'; font-size: 16px; }
.slider-news .style-bt{ background: #ed1b2f; }
.wrapper-lienket ul{ margin: 0; padding: 0; }
.wrapper-lienket ul li{ list-style: none; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #ccc; }
.wrapper-lienket ul li i{ margin-right: 5px; }
.wrapper-lienket ul li a{ color: #fff; }
ul.social-block{ margin: 0; padding: 0; }
ul.social-block li{ list-style: none; display: inline-block; }
ul.social-block li a{ text-align: center; line-height: 30px; height: 30px; width: 30px; display: inline-block; border-radius: 30px; }
.ft-social ul.social-block li a{ background: transparent; color: #fff; font-size: 18px; }
.nhan-tin{  }
.item-gio .info span{ font-size: 12px; }
.title-font-news h3{ font-family: 'iCielPacifico'; text-align: center; color: #ed1b2f; }
.title-font-news{ margin-top: 10px; margin-bottom: 20px; }
.form-gui{ position: relative; }
.form-gui input{ border-radius: 0; box-shadow: none; background: #fff; border: none; border-bottom: 1px solid #fff; color: #fff; }
.form-gui .sp-gui{ position: absolute; top: 0px; right: 0px; height: 34px; width: 60px; text-align: center; line-height: 30px; background: #ce0303; color: #fff; cursor: pointer; }
.copyright {
    background: #272727;
    padding: 10px 0;
    /* height: 50px; */
    /* border-top: 1px #fff solid; */
}
.btn-xemthem{ border-radius: 2px; border: 1px solid #ccc; background: #fff; color: #000; text-transform: uppercase; }
.tu-van > img{ float: left; margin-right: 10px; padding-right: 10px; padding-top: 7px; }
.tu-van > div{ float: left; color: #fff; text-align: left; }
.tu-van > div p{ margin-bottom: 0px; }
.tu-van a{ color: #fff; }

/*.d7-desktop{ position: absolute; top: 100%; right: 0; z-index: 1; }*/
.tt-right{ float: right; }
.tt-header{ float: left;width: 100%; background: #ed1b23;
 line-height: 33px; color: #fff; }
.tt-header a{ color: #fff; }
.logo-top {
    text-align: center;
    padding: 5px 0;
    margin-bottom: 10px;
    padding-top: 20px;
}
.tt-left{ float: left; }
.tt-left span{ display: inline-block; margin-right: 20px; }
.content-about{ line-height: 30px; }
.list-about{ float: left; width: 100%; border: 1px solid #e7e7e7; margin-top: 10px; }
.list-about ul{ list-style: none; padding: 6px; float: left; width: 100%; margin: 0; }
.list-about ul li{ float: left; width: 33%; padding: 6px; }
.list-about ul li i{ color: #ee383e; margin-right: 3px; }
.item-dv-home{ position: relative; float: left; width: 100%;}
.item-dv-home .info{ position: absolute; top: 0; left: 0; height: 100%; width: 50%; padding: 15px; color: #fff; background: #f38e2bcf; z-index: 1; }
.item-dv-home .info a{ color: #fff; }
.item-dv-home h3{ font-weight: bold; font-family: 'RobotoCondensed'; text-transform: uppercase; font-size: 18px; text-align: center; }
.sec-dv-home{ padding: 30px 0; background: url(../images/bg-dichvu.jpg); background-size: cover; padding-top: 50px; }
.item-dd{ float: left; width: 100%; text-align: center; margin-bottom: 20px; }
.item-dd a img{ border-radius: 15px; }
.item-dd h3{ text-transform: uppercase; font-size: 18px; font-weight: bold; font-family: 'RobotoCondensed'; }
.sec-dienden{ padding: 30px 0; }
.sec-taisao{ background: #EDEFF0; padding: 30px 0; text-align: left;}
.item-taisao{ float: left; width: 100%; color: #fff; }
.item-taisao .info{ width: calc(100% - 50px); float: right; }
.item-taisao a{ color: #fff; }
.item-taisao .img-ts{ float: left; margin-right: 10px; min-height: 80px; }
.item-taisao .img-ts span{ display: inline-block; height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 50%;
background: #fd7e01; color: #fff; font-size: 18px; font-weight: bold; }
.item-taisao h3{ margin-top: 0; padding-bottom: 10px; border-bottom: 1px dashed #fd7e01; text-transform: uppercase; font-family: 'RobotoCondensed'; font-weight: bold; }
.item-taisao h3 a{ color: #fd7e01; }
.sec-news{ padding: 30px 0; padding-bottom: 100px; background-image: url(../images/bg-ykien.jpg); background-position: bottom center; background-repeat: no-repeat; }
.slider-news img{ display: inline-block; }
.item-ykien{ text-align: center; max-width: 850px; margin: 0 auto; }
.item-ykien img{ border-radius: 50%; vertical-align: middle; }
.item-ykien h3{ margin-top: 0; margin-bottom: 5px; text-transform: uppercase; }
.noi-dung-yk{ line-height: 30px; }
.item-ykien .info{ text-align: left; padding-left: 10px; text-align: left; }
.item-ykien .img-ykien{ text-align: right; position: relative; }
.ic-quote{ display: inline-block; position: absolute; top: 0; right: 60px; height: 30px; width: 30px; line-height: 30px; font-size: 16px; text-align: center;
border-radius: 50%; background: #fff; color: #000; z-index: 1; }
.div-table{ display: table; width: 100%; text-align: center; }
.div-table > div{ display: table-cell; vertical-align: middle; width: 50%; }
.thoi-gian{ text-align: left; margin-bottom: 6px; }
.item-pro .info a{ font-weight: bold; }
/*-----------------*/
div#top-head {
    background: #E6E6E6;
}
.top-header {
    background-size: 100%;
    background-size: cover;
    padding-bottom: 5px;
    /* background: #f3f3f3; */
}
.company {text-align: center;position: relative;}
p.company_address {margin: 0;padding: 0;color: #fff;font-family: 'RobotoCondensed';float: left;margin-right: 20px;}
p.company_hotline {
    margin: 0;
    padding: 8px 0;
    /* color: #fff; */
    float: left;
    margin-right: 20px;
    font-family: 'phannguyen';
    font-size: 15px;
    font-weight: bold;
}
p.company_hotline i {
    transform: rotate(-30deg);
}
p.company_zalo {margin: 0;padding: 0;color: #fff;font-family: 'RobotoCondensed';
}
.contact {}
.contact li {
    list-style: none;
    /* float: left; */
    margin: 8px 10px;
    display: inline-block;
}
.contact li a {
    color: #747373;
    font-weight: bold;
    font-size: 16px;
}
a.show-search i {width: 30px;height: 30px;background: black;color: #fff;text-align: center;line-height: 30px;border-radius: 50%;font-size: 15px;
}
li.li_search a.show-search{margin: 0;padding: 7px 5px 0 5px;}
/*===============menu=================*/
div#menu-top {
    padding-top: 15px;
}
.navbar-nav {float: right;margin: 0;}
.navbar-nav>li:hover ul.dropdown-menu.fadeInUp.animate1 {display: block;background: #f3f3f3;}
ul.dropdown-menu.fadeInUp.animate1 li {
    border-bottom: 1px solid #80808066;
    /* padding-top: 10px; */
    /* height: 35px; */
}
ul.dropdown-menu.fadeInUp.animate1 li:last-child {
    border:none;
}
ul.dropdown-menu.fadeInUp.animate1 li a {
    /* color: #fff; */
    /* font-weight: bold; */
    line-height: 30px;
    font-family: 'RobotoCondensed';
    font-size: 15px;
    text-transform: capitalize;
}
ul.dropdown-menu.fadeInUp.animate1 li a:hover {
    color: orangered;
}
div#menutop {
    background: #fff;
    height: 50px;
    position: relative;
    border-bottom: 2px solid #f87d59;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eeeeee91;
    color: red;
}

nav.navbar-nav {
    margin: 0 10%;
}
.navbar-nav>li>a {
    position: relative;
    display: block;
    padding: 15px 10px;
    text-transform: uppercase;
    color: black;
    font-family: 'phannguyen';
    font-size: 16px;
    font-weight: bold;
}
.navbar-nav>li.active>a {
    color: orangered;
}
/*.active{
	color: yellow;
}*/
div#menu {
    margin-left: 0%;
    position: relative;
}
div#menu ul.nav.navbar-nav li {
    border-right: 1px solid #8080808c;
}
.d7-desktop {
    /* position: absolute; */
    /* top: 100%; */
    z-index: 1;
    /* top: 70px; */
    /* right: 10px; */
    margin-top: 5px;
}
.menu-right {
    position: relative;
}
.menu-right ul.nav.navbar-nav li>a {
    text-transform: none;
    color: black;
    font-weight: normal;
    /* font-family: 'RobotoCondensed'; */
    font-size: 15px;
}
.menu-right ul.nav.navbar-nav li>a:hover {
    color: red;
}
.menu-right ul.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 5px;
}
.menu-right ul.navbar-nav>li.active>a {
    color: yellow;
    /*font-size: 18px;*/
}
.menu-right ul.dropdown-menu.fadeInUp.animate1 li a {
    color: #fff;
}
.menu-right ul.dropdown-menu.fadeInUp.animate1 li a:hover {
    color: red;
}
.menu-right .navbar-nav>li:hover ul.dropdown-menu.fadeInUp.animate1 {
    display: block;
    background: cornflowerblue;
}

.icon-hot {
    text-align: left;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    margin: 8px 11px 0 7px;
    /* padding-top: 10px; */
    float: left;
}
.icon-hot i.fa.fa-phone {
    color: red;
    font-size: 40px;
    padding: 7px 0 0px 10px;
}
p.tt-hotro {
    margin-bottom: 0;
    color: #fff;
    font-weight: bold;
    font-family: 'RobotoCondensed';
    padding-top: 5px;
    font-size: 17px;
}


img.img-hotline {
    margin-top: 25px;
}
p.hotline {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    line-height: 25px;
    padding-top: 0;
    font-family: 'RobotoCondensed';
}
.shopping-cart {
    position: absolute;
    right: 90px;
    top: 10px;
    width: 30px;
    height: 30px;
    background: #ff0000;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}
.shopping-cart a{
    color: #fff;
}
.countcart {
    border-radius: 20pc;
    color: #fff;
    margin: -40px 0 0 24px;
    background: #406390;
    width: 30px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}
.triangle-down {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 9px solid transparent;
    border-top: 7px solid #406390;
    margin: -1px 0 0 30px;
}
ul.nav.navbar-nav li.dropdown ul.dropdown-menu.fadeInUp.animate1 li.dropdown-submenu
ul.dropdown-menu.fadeInUp.animate1{
	display: none;
}
ul.nav.navbar-nav li.dropdown ul.dropdown-menu.fadeInUp.animate1 li.dropdown-submenu
ul.dropdown-menu.fadeInUp.animate1 li.dropdown-submenu ul.dropdown-menu.fadeInUp.animate1{
	display: none;
}
ul.nav.navbar-nav li.dropdown ul.dropdown-menu.fadeInUp.animate1 li.dropdown-submenu
ul.dropdown-menu.fadeInUp.animate1 li.dropdown-submenu:hover ul.dropdown-menu.fadeInUp.animate1{
	display: block;
}


ul.nav.navbar-nav li.dropdown ul.dropdown-menu.fadeInUp.animate1 li.dropdown-submenu:hover 
ul.dropdown-menu.fadeInUp.animate1{
	display: block;
	position: absolute;
	top: auto;
	left: 100%;
	margin-top: -25px;
}
/*ul.nav.navbar-nav li.dropdown ul.dropdown-menu.fadeInUp.animate1 li.dropdown-submenu{
	display: none;
}*/

.language {
    position: absolute;
    top: 13px;
    right: 0;
}
/*=================slide================================*/
.about_slide {
    width: 410px;
    height: 410px;
    background: #f15a22cc;
    text-align: center;
    border-radius: 50%;
    padding: 55px 30px 50px 30px;
    position: absolute;
    bottom: 80px;
    right: 10%;
   /* overflow: hidden;*/
}
.about_slide:after {
    content: "";
    border-left: 1px #fff dashed;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -10px;
    top: 0;
    border-radius:50%;
}
h3.ten_ab {
    font-family: 'avant';
    color: #fff;
    font-size: 30px;
}
h3.ten_ab:before {
    content: "";
    height: 50px;
    width: 2px;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
h3.ten_ab:after {
    content: "";
    height: 50px;
    width: 2px;
    background: #fff;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.conten_text_slide {
    color: #fff;
    font-family: 'raleway';
    padding-bottom: 10px;
}
.conten_text_slide p {
    color: #fff;
    font-family: 'raleway';
    font-size: 15px;
}
/*==========san pham ct============*/
.info-pro-ct {
    text-align: center;
    padding: 2px;
    width: 100%;
    height: 330px;
    background: #fff;
    border-radius: 2px;
    margin: 10px 0 15px 0;
    /* box-shadow: 2px 2px 9px 0px grey; */
    /* border: 1px #80808082 solid; */
    overflow: hidden;
}
/*.info-pro-ct:hover {
    background: #8080802b;
}*/
.imgct {
    padding-bottom: 5px;
    /*border-bottom: 0.5px #8080808f solid;*/
    position: relative;
}
.xemsp_ct {
    width: 50%;
    height: 40px;
    background: #607d8b;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 40%;
    left: 25%;
    opacity: 0;
    transition: .5s;
    border-radius: 30px;
    font-family: 'RobotoCondensed';
    font-size: 16px;
}
.imgct:hover .xemsp_ct {
    opacity: 1;
}
.xemsp_ct:hover {
    color: orange;
}
.imgct:hover img.pro-ct-img {
   /*filter:blur(1px);*/
}
/*.col_price {
    width: 40%;
    height: auto;
    float: left;
    padding: 5px;
}*/
.col_name {
    text-align: center;
    /* width: 60%; */
    /* float: left; */
    min-height: 60px;
    /* border-left: 0.5px solid #808080bd; */
    padding-left: 5px;
    padding: 0 5px;
}
h4.title-pro-ct {
    font-size: 14px;
    margin: 0;
    padding: 10px 4px 0 0;
    font-family: 'raleway';
    color: #104D8C;
    font-weight: bold;
    height: 45px;
}
h4.title-pro-ct:hover {
    color: red;
}
p.price-ct-no-sale {
    color: red;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    padding-top: 7px;
    font-family: 'RobotoCondensed';
}
p.price-ct-sale {
    margin-bottom: 0;
    color: red;
    font-size: 16px;
    font-weight: bold;
    font-family: 'RobotoCondensed';
}
p.price-ct-normal{
	margin-bottom: 0px;
    text-decoration: line-through;
    font-family: 'RobotoCondensed';
}
p.no-price-ct {
    text-align: center;
    color: red;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    padding-top: 8px;
    font-family: 'RobotoCondensed';
}
img.pro-ct-img{
	transition: 0.5s all;
}
img.pro-ct-img:before{
	background: rgba(255,255,255,0.7) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 0;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    position: absolute;
    right: 0;
    width: 0;
}
img.pro-ct-img:after{
	background: rgba(255,255,255,0.7) none repeat scroll 0 0;
    content: "";
    height: 0;
    left: 0;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    position: absolute;
    top: 0;
    width: 0;
}
/*===============menu=================*/
section.product {
    padding-bottom: 30px;
    padding-top: 10px;
}
section.product .title-main {
    margin-bottom: 10px;
    padding-bottom: 5px;
}
section.product .title-main h3 {
    margin-bottom: 15px;
}
.xemthem_sp {
    border-radius: 5px;
    margin: 0 auto;
    background: #EBEBEB;
    width: 110px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-bottom: 10px;
    box-shadow: 0 0 4px 0 #00000052;
}
.item-product {
    background: #fff;
    text-align: center;
    padding: 10px;
    margin: 10px 0 20px 0;
    border-radius: 10px;
    border: 0.5px #E1E1E1 solid;
    transition: .5s;
    overflow: hidden;
}
.item-product:hover {
    background: #FFC107;
}
h3.title_pro {
    color: #000;
    margin-top: 15px;
    font-size: 14px;
    line-height:1.3;
    font-family: 'quicksand';
    font-weight: bold;
    margin-bottom: 5px;
}
p.title_pro{
	font-family: 'raleway';
}

/*==========san pham noi bat============*/
.info {
    width: 19%;
    float: left;
    margin: 5px !important;
}
.info-pro {
    padding: 5px;
    width: 100%;
    height: 270px;
    background: #fff;
    border-radius: 5px;
    margin: 0 0 10px 0;
    box-shadow: 2px 2px 9px 0px grey;
    border: 1px #80808082 solid;
    overflow: hidden;
}

.info-pro a img.pro-img {
    margin: 0px 0 0 0;
    transition: .6s;
    width: 100%;
    height: -webkit-fill-available;
}

.info-pro a img.pro-img:hover {
    transform: scale(1.1);
}

h4.title-pro {
    /* font-weight: bold; */
    text-align: center;
    padding-top: 15px;
    padding: 10px 5px 0 5px;
    text-transform: uppercase;
    font-family: 'RTBR';
    margin-bottom: 20px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}

h4.title-pro:hover {
    color: orange;

}

p.gia-pro {
    text-align: center;
    color: red;
    font-weight: bold;
}
p.gia-prosale {
    text-decoration: line-through;
    float: left;
    padding: 5px 40px 0px 50px;
}
p.pro-sale {
    font-weight: bold;
    color: red;
    padding: 5px 0 0 0;
}
img.banner {
    margin: 20px 0;
}
img.img-song {
    width: 100%;
    height: 19px;
}
/*==========san pham noi bat============*/
/*===============dich vu=================*/

/*section#spnb {
    padding-bottom: 30px;
    background: url('../../img_data/images/bgsp.png') top center no-repeat;
    background-size: cover;
}*/
section#spnb {
    padding-bottom: 30px;
    background: #f3f3f3;
    background-size: cover;
}
section#spnb .title-main {
    background: url(../../img_data/images/bottom2.png) bottom center no-repeat;
}
section#spnb .title-main h3 {
    color: black;
}
.spnb {
    background: #fff;
    padding: 3px;
    text-align: center;
    margin-bottom: 20px;
    /* border: 1px solid #808080a6; */
    padding-bottom: 5px;
    border-radius: 0px;
    /* box-shadow: 0px 0px 15px grey; */
    min-height: 325px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .5s;
}
.spnb:hover {
	background: #e36847;
	/*transform: scale(1.1);*/
  
}
.spnb:hover h4.title-dv {
	color: #fff;
}
.spnb img.dv-img {
    transition: .5s;
    border-radius: 0px;
}
.spnb img.dv-img:hover {
    /*transform: scale(1.1);*/
}
h4.title-dv {
    color: black;
    font-weight: bold;
    padding: 0px;
    font-family: 'RobotoCondensed';
    font-size: 18px;
    height: 40px;
    text-transform: uppercase;
    line-height: 22px;
}
h4.title-dv:hover {
	color: orange;
}
p.mota-dv {
    padding: 0 10px;
    text-align: justify;
    font-family: 'RTBR';
    color: black;
}
.xemthem-dv {
    height: 30px;
    width: 120px;
    margin: 0 auto;
    background: #00a34c;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    margin-top: 10px;
}
/*===============dich vu=================*/
/*=================DA mới=============================*/
section#duan-moi {
    background: #F2F1F1;
    padding-bottom: 30px;
}
section#duan-moi  .title-main {
    background: url('../../img_data/images/bottom2.png') bottom center no-repeat;
}
section#duan-moi  .title-main h3 {
    color: #4458ED;
}
.duan-moi {
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}
h4.title-da {
    text-align: center;
    padding-bottom: 20px;
    font-weight: bold;
     font-family: 'RobotoCondensed';
}
img.da-img {
    width: 100%;
}






/*=================DA hoan thanh=============================*/
section#duan-xong {
    padding-bottom: 30px;
}
section#duan-xong  .title-main {
    background: url('../../img_data/images/bottom2.png') bottom center no-repeat;
}

section#duan-xong  .title-main h3 {
    position: relative;
    font-family: 'RobotoCondensed';
    margin: 0;
    text-transform: uppercase;
    color: #4458ED;
    margin: 0;
    z-index: 999;
    padding: 10px 0px 8px 0;
    padding-bottom: 0px;
    /* display: inline-block; */
    margin-bottom: 0px;
    padding-top: 0;
    font-weight: bold;
}
.duan-xong {
	border: 1px solid #80808047;
    padding: 5px;
    border-radius: 5px;
}

/*=================Tai sao=================================*/
section#taisao {
    /*background: url(../../img_data/images/bgts.png) top center no-repeat;*/
    background-size: cover;
    padding: 5px 0 20px 0;
}
section#taisao  .title-main {
    background: url('../../img_data/images/bottom2.png') bottom center no-repeat;
}
section#taisao  .title-main h3 {
    color: black;
}
.taisao {
    margin: 10px 20px 20px 20px;
    min-height: 100px;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px orange solid;
}
img.tt-img {
    /* float: left; */
    /* margin-right: 10px; */
    /* margin-bottom: 5px; */
}
h4.title-why {
    margin: 0;
    padding: 0;
    /* color: #fff; */
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'RobotoCondensed';
    padding-top: 15px;
    padding-bottom: 5px;
}
p.mota-why {
    margin: 0;
    padding: 0;
    /* color: #fff; */
    line-height: 18px;
    font-family: 'RobotoCondensed';
    font-size: 15px;
    color: gray;
}

/*==================review===================*/
section#review {
    padding-bottom: 30px;
    height: auto;
    background: url(../../img_data/images/bgreview.png) top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
section#review .title-main {
    margin-bottom: 0;
}
section#review .title-main h3 {
    font-weight: bold;
    position: relative;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    z-index: 999;
    padding: 20px 0 5px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    font-family: 'RobotoCondensed';
    background: url(../../img_data/images/thanh2.png) bottom center no-repeat;
}
.mydiv {
    width: 0;
    height: 0px;
    border-left: 16px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 20px solid #fff;
    /* border: 1px solid; */
    position: absolute;
    /* margin: -35px 0 0 20px; */
    /* background: #fff; */
    top: -20px;
    left: 25px;
}
.rv-detail {
    height: auto;
    margin-bottom: 20px;
    padding-top: 25px;
    padding-bottom: 10px;
}
section#review .title-main{
    color: black;
    font-size: 30px;
}
img.img-clent {
    margin: 5px 15px 0 0;
    float: left;
    border-radius: 50%;
}
h3.client-name {
    color: #fff;
    padding-top: 40px;
    margin-top: 0px;
    font-weight: bold;
    font-size: 18px;
    font-family: 'RobotoCondensed';
}
p.position {
    font-style: italic;
    color: #cecece;
    font-size: 13px;
    font-family: 'RobotoCondensed';
    background: url(../../img_data/images/thanh.png) left bottom no-repeat;
    margin-left: 115px;
    padding-bottom: 5px;
}
img.line-view {
    margin-top: -30px;
}
.comment {
    margin: 40px 0 0 0;
    width: 100%;
    border: 1px solid #808080a1;
    height: 100px;
    border-radius: 20px;
    padding: 15px;
    position: relative;
    background: #fff;
    font-family: 'RobotoCondensed';
    font-size: 15px;
}
p.cm-detail {
    font-family: 'RobotoCondensed';
    padding: 10px 5px 5px 5px;
}
/*================sp cate==============================*/
.item-pro_cate {
    background: #fff;
    /* border: 1px #8080807a solid; */
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 3px 5px 0 #808080a3;
}
h3.ten_cate {
    margin: 10px 0;
    padding: 0 5px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    font-family: 'RobotoCondensed';
    color: black;
    font-family: 'utmavo';
    white-space: nowrap;
    text-overflow: ellipsis;
}
h3.ten_cate:hover {
   color: #03A9F4;
}
.info_cate {
    padding: 5px 0;
}
.nopro {
    width: 100%;
    height: 200px;
    text-align: center;
    line-height: 200px;
    font-weight: bold;
    font-size: 18px;
    font-family: 'RobotoCondensed';
    padding-bottom: 20px;
}






/*==========gioi thieu===========*/
section#gioithieu {
    padding: 50px 0;
}
section#gioithieu .title-main {
    margin-top: 0;
    display: block;
    z-index: 10;
    margin-bottom: 0px;
    position: relative;
    padding-top: 0px;
    background: none;
    text-align: left;
    padding-left: 0;
    padding-bottom: 15px;
}
section#gioithieu .title-main h3 {
    color: black;
    margin: 0;
    z-index: 999;
    padding: 10px 0px 8px 0;
    padding-bottom: 0px;
    /* display: inline-block; */
    margin-bottom: 0px;
    padding-top: 0;
    font-weight: bold;
}
p.mota-gt {
    text-align: justify;
}
.xemthem-gt {
    height: 35px;
    width: 120px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    border-radius: 10px;
    font-size: 15px;
    margin-top: 15px;
    background: black;
    font-weight: bold;
    font-family: 'RobotoCondensed';
}
.gioithieu {
    padding: 0px 0 0 0;
    font-family: 'RobotoCondensed';
    overflow: hidden;
}
.mota-gt { 
}
.mota-gt p {line-height: 23px;font-size: 15px;
}
.col_left {
    float: left;
    width: 50%;
    position: relative;
}
.col_right {
    width: 50%;
    float: left;
    /* min-height: 350px; */
}
img.gt-img {
    float: right;
    margin-right: 10px;
    width: 100%;
}
/*=========gioi thieu============*/
/*======================du an===========================*/

section#duan {
	background: url('../../templates/images/bg_da.png') top center no-repeat;
	background-size: cover;
	padding-bottom: 30px;
}
section#duan .title-main h3{
	color: #fff;
	background: url('../../templates/images/thanh2.png') bottom center no-repeat;
}
h4.title-duan {
    margin: 0;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #fff;
    min-width: 55%;
    max-width: 100%;
    height: 35px;
    line-height: 35px;
    padding-left: 55px;
    font-family: 'raleway';
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    overflow: hidden;
    padding-right: 5px;
}
h4.title-duan:before {
    content: "";
    width: 40px;
    height: 2px;
    background: orange;
    position: absolute;
    left: 10px;
    top: 50%;
}
.item_duan {
    position: relative;
    margin: 10px 0 20px 0;
}
img.duan-img {
    width: 100%;
}
section#duan .bt-pre {
    left: 47.4%;
    top: 45%;
}
section#duan .bt-next {
    right: 47.4%;
    top: 45%;
}
section#duan .style-bt {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 99;
    border: 0;
    background: #fff;
    padding: 5px 8px;
    color: gray;
    cursor: pointer;
    outline: none;
    border-radius: 0;
    width: 30px;
    height: 30px;
}

/*======================du an===========================*/
/*==========tin tuc moi============*/
section#tintuc {
    height: auto;
    padding-bottom: 40px;
}
.item_tin {
    background: #f3f3f3;
}
.conten_tt {
    padding: 5px 8px;
}
h3.ten_tin {
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'avant';
    text-transform: uppercase;
    color: #000;
}
.conten_tin {
	font-family: 'raleway';
}



p.mota_tt {
    margin-bottom: 5px;
    padding: 0 5px;
    text-align: justify;
    min-height: 60px;
}

/*==========tin tuc moi============*/
/*==========doi tac============*/
section.sec-partner {
    background: #f4f4f4;
    margin: 0px 0;
    /* height: 200px; */
    padding: 30px 0;
}
/*==================================================*/
p.price-prosale {
    text-decoration: line-through;
    padding: 0 5px;
    margin: 5px;
}
p.price-sale {
    color: red;
    font-weight: bold;
}
p.price-pro {
    font-weight: bold;
    color: red;
    font-size: 15px;
}
.price-nosale {
    text-decoration: line-through;
}
.price-sale {
    color: red;
}
.xemthem-vd {
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    background: #00a34c;
    color: #fff;
    border-radius: 5px;
}
section#video {
    margin-bottom: 20px;
}
.mm-menu {
    background: #868088;
}
.mm-listview>li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-color: #fff;
}
/*=====================fRight===========================*/
img.ttr-img{
    float: left;
    margin-right: 5px;
}
h4.title-ttr {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    color: #f87d59;
    font-family: 'RobotoCondensed';
    padding-bottom: 5px;
}
.news-right {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px #8080808c solid;
}
p.ngaydang {
    margin-bottom: 0px;
    font-size: 12px;
    color: gray;
    font-style: italic;
}
/*=====================fRight===========================*/

/*=====================footer===========================*/
.footer {
    overflow: hidden;
    position: relative;
    background: #323232;
    background-size: cover;
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    height: auto;
    padding-bottom: 25px;
    border-top: 3px #F15B23 solid;
}
.info-ft {font-family: 'raleway';}
.info-ft p{font-family: 'raleway';}

h3.title-ft {
    font-weight: bold;
    padding-bottom: 10px;
    font-family: 'avant';
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
p.address-ft i, p.phone-ft i, p.hphone-ft i, p.email-ft i, p.website-ft i {width: 30px;height: 30px;border: 1px #fff solid;text-align: center;line-height: 30px;margin-right: 5px;border-radius: 5px;font-size: 18px;
}
img.imgthongke {width: 102px;height: 100px;float: left;margin-right: 10px;}
p.title-copy {margin: 0;float: left;margin-right: 5px;padding-top: 5px;color: #fff;}
input#ho_ten_ft {margin-bottom: 15px;}
input#dien_thoai_ft {margin-bottom: 15px;}
input#dk_ft {width: 110px;height: 35px;background: red;border: none;border-radius: 10px;text-transform: uppercase;font-weight: bold;font-size: 16px;font-family: 'RobotoCondensed';box-shadow: 0 0 10px #ffffffa1;
}
.maps {width: 100%;height: 150px;margin-bottom: 20px;}
.maps iframe {width: 100%;height: 100%;}
.logo-footer {
    margin: 20px 0 20px 0;
}
.link_ft {
}
.link_ft ul{
	padding: 0;
}
.link_ft ul li {
    list-style: none;
    margin: 5px 0;
}
.link_ft ul li a{
	color: #fff;
	font-family: 'raleway';
}
h3.title-dk {
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'avant';
    margin-right: 50px;
    margin-top: 10px;
}
p.dknt {
    display: inline-block;
    font-size: 14px;
    font-family: 'raleway';
    color:#9B9B96;
}
.box_dangky {
    border-bottom: 1px #535353 solid;
    padding: 10px 0;
}
input.form-control.input_dk {
    background: #242424;
    border: none;
    color: #fff;
    width: 85%;
    display: inline-block;
    height: 35px;
}
button.btn-dk {
    background: #981B1E;
    border: none;
    width: 14%;
    display: inline-block;
    height: 35px;
    margin-left: -4px;
}
/*=====================footer===========================*/

.tour{background: #dce2e4;text-align: center;height: 560px;
}
.tour-ngoai{text-align: center;
}
.tour-ngoai img{margin-top: 15px;}
.tour-ngoai h3{margin-top: 5px;}
.tour img{margin-top: 15px;}
.tour h3{margin-top: 5px;}
.tour-ct{margin: 0 auto;width: 80%;height: 395px;
}
.tour-main:nth-child(1){margin-left: 0;}
.tour-main{margin-left: 15px;display: inline-block;width: 32%;}
.tour-text{margin: 0 auto;width: 90%;text-align: left;margin-top: 10px;
}
.tour-text h3{font-weight: bold;font-size: 16px;
}	
.abc{font-weight: normal;display: flex;
}
.img-why{position: relative;z-index: 10;
}
.img-why img{z-index: 20;
}
.item-why h3{text-transform: uppercase;font-size: 15px;color: #000;
}
.img-why::after{content: '';position: absolute;width: 250px;height: 400px;background: transparent;border: 3px solid orange;top: -5%;left: 5%;z-index: 10;
}
.tour-img{height: 215px;}
.xem-them{background: url('../images/xem-them.png');background-repeat: no-repeat;background-size: 100% 100%;height: 41px;display: flex;width: 100%;align-items: center;margin-top: 15px;
}
.xem-them span:nth-child(1){float: left;font-size: 18px;width: 50%;text-align: center;color: red;
}
.xem-them span:nth-child(2){width: 50%;font-size: 18px;color: #fff;text-align: center;
}
.img-after{position: absolute;top: 10%;right: 0;height: 256px;
}
.bonus{padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;margin: 0 auto;width: 16%;background: #ed1b23;font-size: 20px;color: #fff;margin-top: 30px;border-radius: 15px;
}
.extra{background: url('../images/tours_bg.png');background-repeat: no-repeat;background-size: 100% 100%;height: 140px;
}
.zalo img{width: 40px; margin-right: 10px;}
.zalo span{color: red;font-weight: bold;}


.box-item.module {
    min-height: 300px;
}
@media(min-width: 1025px){
.item-pro .info h3 {height: 30px;overflow: hidden;line-height: 22px;margin-bottom: 10px;
}
.sec-about .content{
	padding-left: 80px;
}
.gach{width: 100px;height: 2px;background: #A1261E;
}
.sec-dangmuc{padding-bottom: 25px;background: #A1261E;text-align: center;
}
.wrap-dm{padding: 15px;
}
.slick-slide img{margin: auto ;
}

.item-dm{text-align: center;color: #fff;list-style: none;padding: 10px;background: #B85C56;text-transform: uppercase;
}
.sub-menu{margin: auto;text-align: center;
}
.sub-menu li{list-style: none;text-transform: uppercase;padding: 5px 15px;display: inline-flex;
}
.sub-menu li.active{background: #A1261E;color: #fff;
}
.sub-menu li.active a{color: #fff;}
.item-dm .img{margin: auto;}
.col-left {
  margin-top: 10px;
}
.slogoan {

}
.sticky{position:fixed !important;width:100%;top:0px;left:0px;background:#fff;z-index:999999999;}
img.img-left-hot {width: 30px;margin-bottom: 5px;margin-right: 5px;
}
.phone .so-dt {color: red;font-weight: bold;font-size: 18px;
}
.zalo span {color: red;font-weight: bold;font-size: 18px;
}
span.name {font-weight: bold;
}
span.email {font-weight: bold;
}
.title-main-pro.title-font h3 {color: black;text-align: left;font-weight: bold;border-bottom: 2px #868088 solid;padding: 0 0 5px 0;
}