html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
    font-family: 'arial';
}
.col-xs-6,.col-xs-12{
    padding: 0;
}
.row{
    margin: 0;
    padding: 0;
}
.bdleft2,.bdleft3{
    background: #f6e9d6;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
@font-face {
 font-family:hongha;
 src:url('../font/Futurastd.ttf') ;
}
#bg_page{ width:100%; margin:auto;display: inline-block;}
body {
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.1;
	color:#000;
    background:#fff;
}
#menuphu a,#menuphu li{
    line-height:1.1;
}
#logotop{
    display: none;
}
.getmenuph{
    display: none;
}
#webname1{
    color: #045AA3;
}
#webname1 i{
    font-family: 'hongha';
    font-style: italic;
    font-weight: 800;
}
#webname2{
    color: black;
    float: right;
	margin-right: 55px;
    font-family: 'time new roman';
    text-shadow: -5px 5px #EFEFEF;
}
.wowslider-container1{
    margin-top: 20px;
    margin-bottom: 20px;
}
.tab-content{
    display: block!important;
}
.hotline{
	background: url('../images/bg-hotline.gif');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 2px;
	text-align: right;
	padding-right: 40px;
	font-family: 'time new roman';
}
h1{
    font-size: 30pt;
    font-weight: 600;
}
h2{
    font-size: 22pt;
}
h3{
    font-size: 18pt;
}
h4{
    font-size: 14pt;
}
h5{
    font-size: 12pt;
}
h6{
    font-size: 10pt;
}
/*menu*/
.menutop{
	height:62px;
    line-height:42px;
    
    margin-top: 0px;
}
.menutop>ul{
	width: 100%;
	height: 100%;
	text-align: center;
	margin-left: 55px;
}
.menutop>ul>li{
	float:left;
	width: auto;
    height: 50px;
    margin-top: 5px;
	list-style-type: none;
	cursor: pointer;
	position: relative;
}
.menutop>ul>li:hover,.menutop>ul>li>a,.activea{
	background-color: black;
}
.menutop>ul>li>a{
	font-size: 11pt;
	color: white;
}
.drop{
	position: absolute;
	width: 500px;
	height: auto;
}
.drop li{
	padding: 5px 10px;
}
.drop1,.drop2,.drop3{

}
.drop_con{
	float: left;
}
nav{ margin: auto;}
/*end menu*/
.container_left .module_left ul.list_cat_product li ul li{ padding: 0px; padding-left: 20px}
.container_left .module_left ul.list_cat_product li ul li a{
    font-size: 14px;
    font-weight: normal;
    background: url(../images/arrow_c2.png) no-repeat 8px 17px;
}
#center-container{  width: 100%;    background-size: 100%;}
/**************** end slider ********************/
/**************** heading ********************/
.heading{
    display: none;
}
.usertop{
    height: 30px;
    width: 150px;
    background:rgba(0,0,0,0.4);
    color: white!important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: fixed;
    top:0;
    right: 10px;
    z-index: 1000;
    padding: 2px 10px;
}
.suainput{margin: 0;padding: 0;}

}
.usertop a{color: white!important;}
.slider1{
    height: 180px;
}
#heading{
	height:0px; visibility: hidden; overflow:hidden;
}
/**************** end heading ********************/
.bg_container{//padding: 15px; border-radius: 5px;}
.wap-con{width:100%;margin:0 auto;position:relative;min-height:500px;overflow:hidden;padding-top: 50px;}
.container_mid{ 
    float: right;
    width: 75%;
    margin-left: 2%;
}

.container,.banner,.banner .row{
    margin:0 auto;width: 100%; height: auto;
}
.headtop{
    background-size: 100% 100%;
    height: 160px;
}
.dkaa{
    background-image: url("../images/bg-dk.png")!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.container{
    overflow: hidden;
}
.slideranh{
    padding: 0px;
}
.ctleft,.ctmid,.ctright{
    float:left!important;
    height: auto;
    padding: 0;
}
.ctleft{padding-left: 50px}
.shda{
    padding: 0;
}

.titlecon{
    height: 50px;
    background-color: #358d41;
    color: white;
    font-size: 14pt;
    text-align: center;
    padding:10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.getmenuph {
    background: url('../images/minimenu.png') no-repeat;
    background-size: 60% !important;
    background-position: center !important;
    background-color: #DD2B31 !important;
    color: white;
    width: 38px;
    height: 38px;
    position: absolute;
    margin-top: 2px;
    z-index: 250;
    top:0px;
    left: 15px;}
.ctmid{
    margin-bottom: 20px;
}
#content{
    padding: 0;
}
.dand{
    margin-left: 100px;
    margin-right: 100px;
}


#main{
    margin-top: 25px;
    width: 100%;
    height: auto;
    padding: 0;
    display: flex;
    padding: 0 15px;
}
.ttpr{
    
}
.bdmid{
    margin-top: 5px;
    padding: 0 5px!important;
}
.divmid .ttmid{
    float: left;
    min-width: 280px;
    max-width: 100%;
    padding: 0px 10px 0 10px;
    position: relative;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
	background: #dd2b31 !important;
}
.divmid .ttmid h4{
 padding-top: 4px;
}
.divleft div,.divmid .ttmid{
    text-transform: uppercase;
}
.ctmid img{
    max-width: 100%;
}
.noidung img{
    max-width: 100%;
    height: auto;
}
.bdleft1{background: #f6e9d6;}
.div_img_pr{overflow:hidden;background:none!important;
    padding: 10px;
}
.div_img_pr img{transition:all 0.5s;}
.div_img_pr img:hover{transition:all 0.5s;transform:scale(1.1);}
header{
    background: transparent;
}
.ttleft,.ttmid{
    font-size: 11pt;
    text-transform: uppercase;
    min-height: 35px;
    height:auto;
}
.bdleft{
    overflow: hidden;
    padding: 0!important;
}
.list_news1{
    padding-left: 4px!important;
}
.item_product_left .name{
    margin-top: 3px;
}
.bdleft1 li{
    border-top:1px solid rgba(255, 255, 255, 0.53);
    width: 228px!important;
}
.bdleft li{
    text-transform: uppercase;
    list-style-type: none;
    padding:8px 0px 0px 0px;

    z-index: 2;
}
.bdleft a{
    color: black;
    font-size: 10pt;
    font-size: bold;
    margin-top: 5px;
}
.item_product_left a{
    width: 100%!important;
    margin-right: 0!important;
}
.lefthover{
    width:120%;height:100%;position:absolute;
    top:-5px;
    left: -150%;
    opacity: 0.2;
    z-index: 1;
    transition: all 0.35s;
}
.bdleft li:hover .lefthover{
    left: -10%;

}
.bx-pager-item{
    display: none!important;
}
.bx-wrapper {
    margin: 0!important;
 }
/**************phantrang*************/
.phantrang{
    text-align:center;
    /* padding: 6px 0px; */
    /* background: #f2f2f2; */
    margin: auto;
}
.phantrang a {
    /* background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent; */
    border: 1px solid #000;
    /* box-shadow: 0 1px 0 #FFFFFF inset; */
    color: #000;
    cursor: pointer;
    font-size: 15px;
    margin: 5px 0 5px 4px;
    padding: 6px 10px;
}
.phantrang span{ background: #09669C; padding: 7px 10px; color: #fff;}
.phantrang a:hover {
    background: none repeat scroll 0 0 #ff8a00; 
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
    /* background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent; */
    /* border: 1px solid #D2D2D2 !important; */
    color: #000 !important;
    cursor: default;
    opacity: 0.7;
    display: inline-block;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
    background: none repeat scroll 0 0 #ff8a00;   
    box-shadow: none;
    color: #FFFFFF;
}/*----------------------------------------------------*/
.title_sp{
	//background:url('../../assets/images/xetai/title_mid.png') no-repeat;
    padding-left:20px;
    height:35px;
    line-height:28px;
    width:100%;
   position: relative;
}
.hrtitle{
	width:100%;position:absolute;top:10px;left:0;z-index:1;
	border-top:none;
	border-bottom: 2px solid #eee;
}
.title_sp span{ color: #0749c1; text-transform: uppercase;font-size: 19pt;font-family: 'arial';
z-index: 2; background-color: white; margin-left: 0px; position: absolute;top:0;left: 0;padding-right: 10px}
.mota_gt{    margin-left: 30px; font-size:14px; color:#333;}
.hinhgt { float:left;  margin-right:20px; margin-top:20px;overflow:hidden;height:240px;width:240px;background:#f4f4f4;box-shadow:2px 2px 5px #ccc;border-radius:5px;
}
.margin-0{ margin-right: 0px;}
.hinhgt_l{
    width:240px;
    height:145px;
    display:table;
    margin:0 auto;
    margin-top:5px;
    overflow:hidden;
}
.hinhgt_l_c{
    vertical-align:middle;
    text-align:center;
    display:table-cell;
}
.hinhgt_l_c img{
    max-height: 140px;max-width: 220px;
    vertical-align:middle;
	-moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;

}
.hinhgt_l_c:hover img{
 webkit-transform: scale(1.1);  /* Saf3.1+, Chrome */
    -moz-transform: scale(1.1);  /* FF3.5+ */
    -ms-transform: scale(1.1);  /* IE9 */
    -o-transform: scale(1.1);  /* Opera 10.5+ */
    transform: scale(1.1);
}

.hover_sp{
    height: 100%;
    width: 100%;
    position: absolute;
    font-size: 16px;
    top: 0%;
    left: 0px;
    padding: 3%;
    background: rgba(0,0,0,0.6);
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
	display:none;
  
}
.divleft{
    border-radius: 5px!important;
    overflow: hidden!important;
}
.ttleft{
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.hover_sp a{
	
    color: #fff;
    position: absolute;
    top: 38%;
	font-family:sfu_eurostilecondensed;
	text-transform:uppercase;
	font-size:18px;
	width:100%;
	text-align:center;
}
.name2 a {
    color: #fff;
    line-height: 20px;
    font-size: 17px;
    text-align: center;
    display: block;
	
	
}
.ten_sp{  
    width: 100%;
    padding: 6px;
    color: #333;
	text-align:center;
	font-family:robotobold,Arial, Helvetica, sans-serif;
	font-size:15px;
    height:54px;
    overflow:hidden;
    font-weight:bold;
    text-transform:uppercase;
}
.linklk a,.tktruycap a{
    color: black;
}
.ten_sp a{ color:#333;}
.ten_sp a:hover{ color:red;}
.nd_tin{float: left;width:70%;line-height: 1.4;}	
.box_news1{clear:both; padding-bottom:10px; padding-top:5px; border: 1px solid #fcfcfc; margin-bottom:10px; padding:10px;
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,.18);
  -moz-box-shadow: 1px 2px 6px rgba(0,0,0,.18);
  box-shadow: 1px 2px 6px rgba(0,0,0,.18);
  margin: 0 0 30px;
  overflow: hidden;
  background:#fff;          
}
.image_boder{float:left; margin-right: 10px; background:#FFF; padding:5px; border:1px solid #E4E4E4; width: 25%;}
.nd_tin{float:right;width:70%;}
.nd_tin h2{
    font-size: 12pt;
}
.image_boder1{float:left; margin-right: 10px; background:#FFF; padding:5px; border:1px solid #E4E4E4;}

.image_boder1{ background:#FFF; padding:5px;}
.image_boder1 img{ margin-top:5px; float:left}
/*Map*/
#map{
    /* padding: 30px 0px; */
}
#map .title{ font-family: sfu_eurostilecondensed; text-transform: uppercase; font-size: 20px; background: url(../../assets/images/title_quydinh.png) no-repeat right center; width: 100%; height: 40px; line-height: 40px;color: #fff;margin-bottom: 5px;}
#map .title .fix{float: left; /* background: #fff; */padding-left: 15px;}
#map .title .fix span{ color: #f00;}
#map .tinnoibat{ margin-bottom: 10px;}
#map .tinnoibat .images{border: solid 1px #ddd; padding: 5px; box-shadow: 5px 5px 0px #F1F1F1; float: left; width: 28%; margin-right: 20px;}
#map .tinnoibat .name a{ /* font-family: roboto_slabregular; */ /* text-transform: uppercase; */ color: #4c4c4c; display: block; padding-bottom: 5px;font-weight: bold;}
#map .tinnoibat .name a:hover{ color: #025b00;}
#map .tinnoibat p{color: #666666;font-family: arial;font-size: 13px;}
#map .item_news_nb a{ display: block; color: #6f1f20; padding-top: 5px; background: url(../../assets/images/arrow.png) no-repeat left top 12px; padding-left: 15px;}
#map .item_news_nb a:hover{color: #f00;}
#map .no-padding-left{padding-left: 0px;}
.box_news{padding: 5px 0px;}
.container_left .list_news_index{ padding: 0px 10px}
.container_left .box_news{ padding: 5px 0px; /*  */}
.box_news .images{
   
    margin-right: 10px;
    border:solid 1px #ccc;
    padding:3px;
    width:100%;
    margin:auto;
    
}
#map .box_news .name{ text-align: justify;}
#map .box_news .name a{ text-align: justify; font-weight: bold; display:block; color: #272727; height: 40px; overflow: hidden;}
#map .box_news .name p{
    height: 55px;
    overflow: hidden;
}

/*endMap*/
/*-------------- Map css ------------*/
#map_canvas {    
    height: 280px;

    /* border:solid 1px; */
    width: 100%;
    margin:10px auto;
}
#map_canvas1 {
    height: 175px;
    width: 100%;
    /* margin: 30px 0px; */
}
.map_description {
    color: #000000;
    overflow: auto;
    width: 275px;
}
.map_description .default {
    color: #FF0000;
}
.map_description div {
    line-height: 18px;
    margin: 3px;
}
.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 250px;
}
.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}
.map_list_address span {
    color: #FCFF46;
}
.map_title {
    color: #30A602;
    font-weight: bold;
}
.navigate .C {
    width: 970px;
}
.transition_all{
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;

    transition: all 0.7s ease;
}
/************************************/
/*-------------- Map foot ------------*/
.map_foot {    
    height: 190px!important;

    /* border:solid 1px; */
    width: 100%;
    margin:10px auto;
    margin-top:-10px!important;
}

/************************************/
.title_left{
    height: 36px;
    background-image:url('../images/left-div.png');
     background-size: 100% 100%;
     color: white;
     padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13pt;
    background-color: #f6f7fa;
}
.div_left td{
    width: 30px;
}
.div_left a{
    width: 100%;
    height: 100%;
    font-size: 12pt;
    list-style-type: lower-alpha;
}
.div_left ul{
    
}.dsgiasu{
    margin-bottom: 30px;
}
.dsgiasu table{
    border:1px #ddd solid;
}
.dsgiasu th, .dsgiasu td{
    padding: 0 10px;
}
.div_left li{
    padding:3px 60px;
    height: 35px;
    list-style-type: circle!important;
}
.div_left{
    border:solid 1px #ddd;
}
.dl2 a{
    color: black;
    text-align: center;
}
/*TAB*/
h3.ttmid b{
    white-space: nowrap;
    padding-top: 10px;
}
.tthome a{
    color: black;
}
.tthome a:hover{
    color:blue!important;
}
ul.tabs{
            margin: 0px;
            padding: 0px;
            list-style: none;
             border-bottom: 1px solid #ccc;
        }
        ul.tabs li{
            background: #bad8be;
            color: #000;
            display: inline-block;
            padding: 10px 22px;
            height: 50px;
            font-size: 14pt;
            cursor: pointer;

        }

        ul.tabs li.current{
            background: #358d41;
            color: white;

        }

        .tab-content{
            display: none;
            padding: 15px;
        }

        .tab-content.current{
            display: inherit;
        }
/**********************gio hang***************************/
@media screen and (max-width: 1000px) { 
    table#cart tbody td .form-control { 
    width:15%; 
    display: inline !important;
    } 
     
    .actions .btn { 
    width:36%; 
    margin:1.5em 0;
    } 
     
    .actions .btn-info { 
    float:left;
    } 
     
    .actions .btn-danger { 
    float:right;
    } 
     
    table#cart thead {
    display: none;
    } 
     
    table#cart tbody td {
    display: block;
    padding: .6rem;
    min-width:100px;
    } 
     
    table#cart tbody tr td:first-child {
    background: #333;
    color: #fff;
    } 
     
    table#cart tbody td:before { 
    content: attr(data-th);
    font-weight: bold; 
    display: inline-block;
    width: 8rem;
    } 
     
    table#cart tfoot td {
    display:block;
    } 
    table#cart tfoot td .btn {
    display:block;
    }
}
.img-responsive{
    width: 100%;
    height: auto;
}
#cart .row{
    height: 100%;
}
#giohang img:hover{
    width: 120px;
    height: 120px;
};
/*************************************************************/
/* Tạo tam mũi tên hướng lên trên */
.arrow-up {
  width:0px;
  height:0px;
  border-left:50px solid transparent;
  border-right:50px solid transparent;
  border-bottom:50px solid #2f2f2f; /* Tam giác phía dưới được đổ màu */
}
/* Tạo mũi tên hướng xuống */
.arrow-down {
  width:0px;
  height:0px;
  border-left:50px solid transparent;
  border-right:50px solid transparent;
  border-top:50px solid #2f2f2f; /* Tam giác phía trên được đổ màu */
}
/* Tạo mũi tên hướng bên trái */
.arrow-left {
  width:0px;
  height:0px;
  border-bottom:50px solid transparent;
  border-top:50px solid transparent;
  border-right:50px solid #2f2f2f; /* Tam giác phải được đổ màu */

}
/* Tạo mũi tên hướng bên phải */
.arrow-right {
  width:0px;
  height:0px;
  border-bottom:50px solid transparent;
  border-top:50px solid transparent;
  border-left:50px solid #2f2f2f; /* Tam giác trái được đổ màu */
}
.divmid{
        background: background: transparent;
            margin-bottom: 20px;
        border-radius: 5px;
        overflow: hidden;
}
#menuphu{
    padding-top: 4px;
    position: fixed;
    top:3px;
    left: 3px;
}
.bdsp{
		background: white!important;
		box-shadow: 5px 5px rgba(0,0,0,0.4);
		border-radius: 10px;
	}
	.ttpr{
		padding: 15px!important;
		-height: 430px!important;
	}



#footer {
    background: url(../../img/bg-footer.png) no-repeat center center;
        background-size: auto auto;
    background-size: cover;
    position: relative;
}
.flw {
    float: left;
    width: 100%;
}
#footer .overlay {
    background: rgba(255, 255, 255, 0.3);
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.footer {
    padding: 40px 30px 30px;
    position: relative;
    border-radius: 0 0 20px 20px;
}

.gradient {
    background: rgba(223,44,50,1);
    background: -moz-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,44,50,1)), color-stop(100%, rgba(190,31,37,1)));
    background: -webkit-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
    background: -o-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
    background: -ms-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
    background: linear-gradient(to bottom, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df2c32', endColorstr='#be1f25', GradientType=0 );
}
div#media_image-3 {
    text-align: center;
    margin-bottom: 10px;
}
#media_image-3 img {    
    height: 138px;
    background: #fff;
    padding: 22px;
    padding-right: 22px;
    padding-right: 30px;
    border-radius: 10px;
}

div#text-2 {
    width: 50%;
}
.title-block-ft {
    color: #ffffff;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(218, 81, 86);
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 14px !important;
    font-size: 19px;
}
.rbt700 {
    font-weight: 700;
}
.footer p {
    margin-bottom: 10px;
}
.footer a, .footer p {
    color: rgba(255, 255, 255, 0.95);
    line-height: 24px;
    font-size: 16px;
}
@media(min-width:1201px){
    .container2{
        width: 1200px;
    }
}

.text-3.box-footer.widget_text {
    padding: 0 15px;
}
.textwidget.custom-html-widget a{
    color: #ffffff;
    line-height: 24px;
    font-size: 16px;
}
.finish{
    margin: 5px;
    color: #000;
}
@media(max-width:500px){
    #media_image-3 img {
    max-width: 80%; 
    height: auto;
    background: #fff;
    padding: 22px;
        padding-right: 22px;
    padding-right: 30px;
    border-radius: 10px;        
}
.bdsp
{
    box-shadow: none !important;
    padding: 0 !important;
}
#main
{
    padding: 0 !important;
}
#vgbc_ichelp{display: none !important}
}
.containleft .titlemid {
    font-size: 12pt;
    padding-top: 13px;
}