@font-face {



 font-family:OpenSans;

 src:url('../fonts/OpenSans-Regular.ttf') format('truetype'),

 url('../fonts/OpenSans-Regular.ttf') format('embedded-opentype'),

 url('../fonts/OpenSans-Regular.ttf') format('woff');

 font-weight:normal;

 font-style:normal;

}

.body-bg {

	    background-image: url(../images/body-pattern1.jpg);

	    background-repeat: repeat;

	    background-position: unset;
    	background-size: unset;
}

#header{

	margin-bottom: 20px;

    background: #fff;

}

#header .logo h2, #header .logo .site_description {

	display: none;

}

#header .logo{

	text-align: center;

	border-right: 1px solid #e8e8e8;

	padding: 0px 10px;
}

#header {

	padding: 10px;

}

.info_company {

    position: absolute;

    top: 106px;

    left: 210px;

}

.socialList, .contactList{

	color: #333;

}

.socialList li a{

	background-color: transparent; 

    color: #333;

}

.header-nav a{

	color: #333;

}

.second-nav {

    margin-top: -72px;

}

.main_menu{

	border-bottom: 1px solid #e8e8e8;

}

#menusite .navbar-default {

    background-color: transparent;

    border-bottom-color: transparent;

    border-bottom-width: 0px;

    z-index: 1;
}

#menusite .navbar-default .navbar-nav > li > a{

	color: #333 !important;

	text-transform: uppercase;

	font-family: 'OpenSans', arial, sans-serif;

	font-weight: 500;

	font-size: 14px;

}

#menusite .navbar-default .navbar-nav > li{

	position: relative;

}

#menusite .navbar-default .navbar-nav > li:after {

    content: '';

    background: #ccc7c7;

    width: 1px;

    height: 20px;

    position: absolute;

    top: 15px;

}

#menusite .navbar-default .navbar-nav > li:first-child::after{

	width: 0px;

}

#menusite .navbar-default .navbar-nav > li > a:hover, #menusite .navbar-default .navbar-nav > li > a:focus, #menusite .navbar-default .navbar-nav > .active > a, #menusite .navbar-default .navbar-nav > .active > a:hover, #menusite .navbar-default .navbar-nav > .active > a:focus, #menusite .navbar-default .navbar-nav > .open > a, #menusite .navbar-default .navbar-nav > .open > a:hover, #menusite .navbar-default .navbar-nav > .open > a:focus{

	background: unset !important;

    color: #DA251C !important;

}
.headerSearch {
    position: absolute;
    right: 0px;
    top: 28px;
    z-index: 2;
}
.logo a:nth-child(2) img{
	margin-top: 5px;
	height: 35px;
}
#body{

	padding: 10px;

	margin-bottom: 20px;

}

.panel-danhmuc .panel-body{

	padding: 0px;

}

.panel-danhmuc .panel-body .panel{

	border: 0px solid transparent; 

}

.panel-danhmuc .panel-danhmuc{

	background: #EB6363;

    margin-bottom: 0;

    width: 100%;

    text-align: center;

    font-size: 18px;

    line-height: 40px;

        padding: 6px 12px 4px;

        color: #fff

}

#menu_31 li,#menu_3 li,#menu_38 li{

	margin-bottom: 0px;

	position: relative;

}

.metismenu .sidebar-nav{

	background: #EB6363 !important;

	background-image: unset !important;

	border-bottom:1px solid rgba(255, 255, 255, 0.2) !important; 

}

.metismenu .sidebar-nav ul a{

	font-size: 14px;

	color: #fff;

	border-top:1px solid rgba(255, 255, 255, 0.2) !important;

}

.metismenu .sidebar-nav ul a:hover, .metismenu .sidebar-nav ul a:focus, .metismenu .sidebar-nav ul a:active{

	background-image: unset !important;

	background-color: #d45959;

}

#menu_31 li ul,#menu_3 li ul,#menu_38 li ul {

    position: absolute;

    top: -2px;

    z-index: 99;

    opacity: 0;

    left: 300px;

    transition: all 0.5s;

    width: 100%;

    border: 1px solid rgba(255, 255, 255, 0.2);

    display: none;

}

#menu_31 li ul .in,#menu_3 li ul .in,#menu_38 li ul .in{

	transition: all 0.5s;

}

#menu_31 .active:hover ul{

    opacity: 1;

    left: 287px;

    width: 100%;

    display: block;

}

#menu_3 .active:hover ul,#menu_38 .active:hover ul {

	opacity: 1;

    left: 285px;

    width: 100%;

    display: block;

}

.metismenu .sidebar-nav ul ul a:hover, .metismenu .sidebar-nav ul ul a:focus, .metismenu .sidebar-nav ul ul a:active{

	background-color: #d45959 !important;

}

.metismenu .sidebar-nav ul ul a {

    background-color: #EB6363 !important;

}

div#jssor_1 {

    margin-bottom: 10px !important;

}

.bx-wrapper .bx-viewport{

	left: 0px !important;

	-webkit-box-shadow: unset !important; 

    box-shadow:unset !important; 

}

.bx-wrapper {

    margin: 0 !important;

}

.product_img{

	height: 200px;

	background-size: contain;

	background-repeat: no-repeat;

	background-position: center center;

}

.description1{

	display: none;

}

.header-nav a:hover{

	color: #DA251C !important;

}

.socialList a:hover{

	color: #fff !important;

}

.product_content{


	border-bottom: 1px solid #E8E8E8;

    border-right: 1px solid #E8E8E8;

}


.product_content img {

    width: 135px;

    padding: 10px;
    height: 100%;
}


.imgproduct_content{

	height: 150px;
	text-align: center;

}


.price{

	height: unset !important;

	margin-bottom: 5px !important;

}

.caption h3{


	margin-bottom: 5px;

}

.panel-sanpham .panel-body{

	padding: 0;

}

.panel-sanpham{

	border:1px solid #E8E8E8;

	border-radius: 0;

    -webkit-box-shadow: unset;

    box-shadow: unset;

}

.product_content:nth-child(5n) {

	border-bottom: 0px;

}

.linkproduct_title{

	display: inline-block;

	background: none;

    color: #111;

    font-size: 18px;

    line-height: 17px;

    padding: 5px;

    padding-left: 30px;

    position: relative;

}

.linkproduct_title:before{

	    content: '';

    height: 10px;

    width: 10px;

    border-radius: 50%;

    background: #eb1a26;

    position: absolute;

    top: 8px;

    left: 15px;

}

.panel-sanpham .panel-heading{

	background-image: unset !important;

	background-color: #fff;

	border-bottom-color: #E8E8E8;

}

.metismenu .arrow{

	display: none;

}

.block_groups a {

    font-weight: 600;

    font-size: 13px;

}

.product_content1{

	border:1px solid #E8E8E8;

}

.product_items{

	height: 290px;

	text-align: center;

	padding: 10px;

}

.product_items img{

	width: 100%;

}

#footer{

	min-height: unset;

	background-color: #2B2B2B;

	border-bottom-color: #DA251C;

	border-top-color: #DA251C;

}

#footer h3{

	color: #fff;

	position: relative;

}

#footer h3:before{

	position: absolute;

	content: '';

	background-color: #fff;

	bottom: -3px;

	left: 0;

	width: 40px;

	height: 2px;

}

.footerNav2 {

    color: #fff;

    background-color: #222;

}

.copy{

	display: inline-block;

	line-height: 40px;

}

.copy a{

	color: #EC1D25;

}

#menusite .dropdown-menu{

  display: block;

  opacity: 0;

  height: 0px;

  padding: 0px;

  margin: 0px;

  border-width: 0px !important;

  top: 70px;

  background: #FFf !important;

  -webkit-border-bottom-left-radius: 0px !important;

  -webkit-border-bottom-right-radius: 0px !important;

  border-bottom-left-radius: 0px !important;

  border-bottom-right-radius: 0px !important;

}

#menusite .dropdown-menu > li {

  display: none;

}

#menusite .navbar-default .navbar-nav > li:hover .dropdown-menu {

  opacity: 1;

  height: auto;

  top: 50px;

  transition: 0.5s;

}

#menusite .navbar-default .navbar-nav > li:hover .dropdown-menu li {

    display: block;

}

#menusite .dropdown-menu > li > a:hover, #menusite .dropdown-menu > li > a:focus, #menusite .dropdown-menu > .active > a, #menusite .dropdown-menu > .active > a:hover, #menusite .dropdown-menu > .active > a:focus, #menusite .navbar .navbar-nav .open .dropdown-menu > li > a:hover, #menusite .navbar .navbar-nav .open .dropdown-menu > li > a:focus, #menusite .navbar .navbar-nav .open .dropdown-menu > .active > a, #menusite .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, #menusite .navbar .navbar-nav .open .dropdown-menu > .active > a:focus{

  background: unset !important;

  color: #DA251C !important;

}

.btn-custom{

	color: #111;

}

.btn-custom:hover{

	background-color: #fff;

	color: #DA251C;

	border:1px solid #E8E8E8;

}

.position-move{

	position: relative;

	top: 32px;

	transition: all 0.3s;

}

.product_content:hover .position-move{

	top: 0px;

}

.open_nav{

	display: none;

}

.closebtn{

	display: none;

}

.navbar-toggle .icon-bar{

	background-color: #DA251C;

}

.sidenav{

	display: none;

}

.footerNav2 .bttop a{

	background-color: #EB6363;

	color: #fff;

}

.footerNav2 .bttop a:hover{

	color: #EB6363;

	background-color: #fff;

}
.headerSearch .btn-info{
	background-color: #EB6363;
    border-color: #EB6363;
}