@font-face {

 font-family:Roboto-light;

 src:url('../fonts/Roboto-Light.ttf') format('truetype'),

 url('../fonts/Roboto-Light.ttf') format('embedded-opentype'),

 url('../fonts/Roboto-Light.ttf') format('woff');

 font-weight:normal;

 font-style:normal;

}

@font-face {

 font-family:Roboto;

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

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

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

 font-weight:normal;

 font-style:normal;

}

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

	display: none;

}

.body-bg {

	background-image: unset;

}

.header-nav{

	background-color: #E6E7E9;

	color: #333;

}

.header-nav a{

	color: #333;

}

.w1200{

	width: 1200px;

	margin: 0 auto;

}

.contactDefault{

	position: unset;

}

.socialList li a{

	background-color: transparent;

    color: #333;

}

#header .logo {

    padding: 0;

}

#header{

	padding: 20px 0;
    margin-top: 60px;

}

#menusite .navbar-default{

	background-color: transparent;

    border-bottom-color: transparent;

}

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

    color: #333 !important;

    text-transform: uppercase;

    font-weight: 600;

    font-family: "Roboto-light",sans-serif;

    font-size: 17px;

    padding: 16px 25px;

}

.second-nav{

	float: right;

}

body {

    font-family: "Rotobo",sans-serif;

}

#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: transparent !important;

    color: #ed1b24 !important;

}

.description1{

	display: none;

}

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

	position: relative;

}



#menusite .navbar-default .navbar-nav > li:last-child::before{

	position: unset;

}

.title_main{

	margin-top: 50px;

	margin-bottom: 25px;

    text-align: center;

    padding-bottom: 25px;

    background: url(../images/linett.png) no-repeat bottom center;

}

.title_main span {

    font-size: 30px;

    color: #6d4109;

    font-weight: normal;

    text-transform: uppercase;

    font-family: "Roboto-light";

}

.bx-wrapper .bx-viewport {

    -moz-box-shadow: unset !important;

    -webkit-box-shadow:unset !important; 

    box-shadow: unset !important; 

    border:0 !important; 

    left:0 !important;

}

.bx-wrapper{

	padding: 20px 0 0 !important;

	margin-bottom: 0 !important;

}

.plus1{

    line-height: 40px;

    text-align: center;

    color: #fff !important;

    font-family: "Roboto";

    font-size: 14px;

    padding: 12px 14px;

    margin: 0 auto;

    background: #ff0000;

    margin-top: 0;

}

.plus_content{

	text-align: center;

	margin: 30px 0 40px;

}

.about-excerpt{

	    text-align: justify;

    line-height: 2;

    font-family: "Roboto";

    color: #333;

    font-size: 14px;

}

.about-content > .title {

    display: block;

    font-family: "Roboto-light";

    font-size: 40px;

    color: #FF0000;

    text-transform: uppercase;

    margin-bottom: 8px;

    font-weight: 400;

}

.padding_15{

	padding: 0 15px;

}

.padding_30{

	padding: 0 30px;

}

.row_15{

	margin: 0 -15px;

}

.row_30{

	margin: 0 -30px;

}

.background_gt{

	padding-top: 30px;

    background: #f2f2f2 url(../images/ga.png) no-repeat center top;

}

#body {

    background-color: #fff;

    border-color: #dcdcdc;

    border-style: solid;

    border-width: 0;

    box-shadow: unset;

    -webkit-box-shadow:unset;

}

.padding_main{

	padding: 50px 0;

}

.header-nav a:hover {

    color: #FF0000;

}

.socialList li a:hover{

	color: #fff !important;

}

#footer {

    min-height: unset;

    border-top-color: #231f20;

    border-bottom-color: #231f20;

    background-color: #231f20;

    background-image:unset;

}

.footerNav2{

    background-color: #414143;

}

.footerNav2 .bttop a {

    background-color: transparent;

    color: #fff;

}

.social_bottom{

    text-align: center;

    color: #fff;

}

.social_bottom .socialList li a{

    color: #fff;

} 

.copy{

    text-align: center;

    margin-top: 5px;

}

.copy a{

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

    color: #FF0000;

    padding-left: 20px;

}

.third-nav .bg{

    padding: 0px;

}

.third-nav .row {

    border-bottom-width: 0px;

}



.third-nav {

    margin-bottom: 0;

}

.breadcrumbs-wrap{

    padding: 10px 0;

}

.img_product{

    height: 388px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.text_product{

    padding: 15px;

}

.product_content{

    border: 1px solid #e5e5e5;

    margin-bottom: 30px;

}

.img_content{

    position: relative;

}

.order_content{

    position: absolute;

    background: #ffffffad;

    right: 0;

    left: 0;

    bottom: 0px;

    transition: all 0.3s;

    padding: 10px 0;

    font-weight: 600;

    font-size: 15px;

    color: #EF4A24;

}

.product_content:hover .order_content {

    bottom: 0px;

    opacity: 1;

    visibility: visible;

    transition: opacity 300ms ease-in-out, top 300ms ease-in-out;

    transition: all 0.3s;

}

.order_content{

    text-align: center;

}

.metismenu .sidebar-nav {

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

    background: unset !important;

    background-image: unset !important;

}

.metismenu .sidebar {

    background: transparent !important;

}

.metismenu .sidebar-nav ul a {

    color: #333 !important;

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

    padding: 10px 10px 10px 20px !important;

    position: relative;

}

.metismenu .sidebar-nav ul a:before{

    position: absolute;

    left: 5px;

    font-family: "Fontawesome";

    content: "\f001";

}

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

    color: #EF4A24 !important;

    background-image: unset !important;

    background-color: #f7f7f7;

}

.danhmuc_content{

    margin-bottom: 20px;

}

.danhmuc_heading{

    padding: 10px 10px 10px 0px;

    border-bottom: 1px solid #dddddd;

    position: relative;

    text-transform: uppercase;

    font-size: 16px;

    margin-bottom: 20px;

}

.danhmuc_heading:after{

    width: 70px;

    height: 1px;

    content: " ";

    background: #222222;

    left: 0;

    bottom: -1px;

    position: absolute;

}

.metismenu .arrow{

    background-color: transparent !important;

    color: #333 !important;

    z-index: 9;

    position: relative;

}

.metismenu .sidebar-nav ul ul a{

        background-color: transparent !important;

}

.metismenu .sidebar-nav ul ul a{

    padding: 10px 30px !important;

}

.metismenu .sidebar-nav ul ul a:before{

    left: 15px;

}

.metismenu .fa.arrow:before {

    content: "\f067" !important;

}

.metismenu .active > .fa.arrow:before {

    content: "\f068" !important;

}

.metismenu .arrow {

    font-size: 10px !important;

    border: 1px solid #e2e2e2 !important;

    border-radius: unset !important; 

    -webkit-border-radius: unset !important;

    width: 24px !important;

    line-height: 24px !important;

    transition: 0.3s all;

}

.metismenu .arrow:hover{

    border:1px solid #c70c0c !important;

    color:#c70c0c !important;

}

.danhmuc_body .block_tophits{

    padding: 0;

}

.danhmuc_body .block_tophits li{

    padding-bottom: 5px;

}

.danhmuc_body .block_tophits img{

    margin-right: 5px;

}

.tabs .nav li.active a{

    color: #FF0000 !important;

}

.tabs .nav li.active{

    border: 1px solid #FF0000 !important;

    box-shadow: 0 2px #FF0000 inset !important;

    border-bottom: none !important;

}

.tabs .nav li.active:before, .tabs .nav li.active:after{

    background: #FF0000 !important;

}

.btn-custom{

    text-align: center;

    margin: 7px 0 12px;

}

.sidenav {



  height: 100%;



  width: 0;



  position: fixed;



  z-index: 99999999;



  top: 0;



  left: 0;



  background-color: #fff;



  overflow-x: hidden;



  transition: 0.5s;



  padding-top: 60px;



  box-shadow: 0 0 3px #ccc;



}







.sidenav a {



  padding: 8px 8px 8px 32px;



  text-decoration: none;



  font-size: 25px;



  color: #818181;



  display: block;



  transition: 0.3s;



}







.sidenav a:hover {



  color: #f1f1f1;



}







.sidenav .closebtn {

    position: absolute;

    top: -16px;

    right: 4px;

    font-size: 36px;

    margin-left: 42px;

    color: #111;

    z-index: 999;

}







@media screen and (max-height: 450px) {



  .sidenav {padding-top: 15px;}



  .sidenav a {font-size: 14px;}



}



.navbar-toggle .icon-bar {



    background-color: #333 !important;



}

.icon_menu{

    display: block;

    text-align: center;

    padding-bottom: 6px;

}

.menu_small{

    float: right;

}

ul.slimmenu{

    background-color: transparent !important;

    border-color: transparent !important;

}

ul.slimmenu li:before {

    position: absolute;

    content: "";

    background-color: #333;

    width: 1px;

    height: 60px;

    right: 0;

    top: calc(50% - 30px);

}

ul.slimmenu li:first-child::after {

    position: absolute;

    content: "";

    background-color: #333;

    width: 1px;

    height: 60px;

    left: 0;

    top: calc(50% - 30px);

}

ul.slimmenu > li > a{

    color: #333 !important;

}

ul.slimmenu li a:hover, ul.slimmenu li a:focus, ul.slimmenu li.current{

    color: #FF0000 !important;

    background-color: transparent !important;

}

.breadcrumbs a:hover, .show-subs-breadcrumbs:hover {

    background-color: #e6aba6;

}

.breadcrumbs a:hover:before {

    border-color: #e6aba6 #e6aba6 #e6aba6 transparent;

}

.breadcrumbs a:hover:after, .show-subs-breadcrumbs:hover:after{

        border-left-color: #e6aba6;

}

.margin-top_30{

    margin-top: 30px;

}
.w50{
    width: 50%
}
.related li{
    display: block;
}
.tintuc1 .title_main{
    margin-top: 0;
}
.news-carousel-slider #left .title{
        background: #FF0000 !important;
}
.headerSearch{
    width: 260px;
    margin-top: 10px;
    margin-left: 43px;
    padding: 0 9px;
}
.headerSearch input {
    background-color: #fff !important;
    padding: 0px 20px;
    height: 40px;
    border-radius: 0;
}
.headerSearch .btn-info {
    padding: 10px 18px;
    border-radius: 0;
    background-color: #FF0000;
    border-color: #FF0000;
    color: #fff;
    transition: all 0.3s;
}
ul.slimmenu li a{
        padding: 21px 20px !important;
}
.product_info .money{
    font-size: 24px;
}
#detail h2 {
    font-size: 17px !important;
}
.gt_img{

    height: 387px;

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

}
.item-doitac{width: 130px;}
.item-doitac img{border: 1px solid #c0c0c0;margin-left: 10px;}
.slick-doitac .slick-prev,.slick-doitac .slick-next{    width: 20px !important;
    height: 20px !important; }
.slick-doitac .slick-prev:before,.slick-doitac .slick-next:before{display: none !important}
.slick-doitac .slick-next{position: absolute;}
.slick-doitac .slick-prev{background: url(../images/arrows.png) no-repeat !important;}
.slick-doitac .slick-next:after{
    position: absolute;
    content: '>';
    color: #333;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 45px;
    top: 0;
    left: 0;
}
.slick-doitac .slick-prev:after{
    position: absolute;
    content: '<';
    color: #333;
    width: 20px;
    height: 20px;
    font-size: 45px;
    line-height: 20px;
    right: 0;
    top: 0;
}
.slick-prev{
    right: 50px !important
}
.slick-prev, .slick-next{
    right: -4px;
}
.slick-prev{
        left: -3px;
}
.album_content{
    margin-bottom: 20px;
}
.about-img{
    width: 100%;
}
.about-img img{
    width: 100%;
    height: auto !important;
}
ul#etalage {
    float: unset;
    display: inline-block !important;
}
.header-nav{
    height: 60px;
}
.social-icons, .personalArea{
        line-height: 60px;
}
.address_header,.phone_header{
    float: left;
}
.address_content,.phonecontent {
    padding: 0;
    margin: 0;
        margin-top: 7px;
}
.address_content li,.phonecontent li {
    line-height: 22px;
    position: relative;
    padding-left: 12px;
}
.address_content li:before{
    position: absolute;
    content: '\f041';
    font-family: 'fontawesome';
    left: 0;
}
.phonecontent li:before{
    position: absolute;
    content: '\f095';
    font-family: 'fontawesome';
    left: 0;
    transform: rotate(30deg);
}
.phonecontent{
    padding-left: 10px;
}
#examples #etalage{
    width: 100%;
}
#etalage li img{
    width: 100%;
}
.img_clone {
    width: 47px !important;
    height: 60px;
    float: left;
    margin-bottom: 5px;
}
.nhaphanphoi img{
    height: 78px;
}

.headerSearch input:last-child {
    position: absolute;
    right: 0px;
    bottom: -1px;
    background-color: transparent !important;
    padding: 5px 16px;
    border-radius: 5px;
}
#search_form_shops .form-group{
    position: relative;
}
.headerSearch span:before {
    position: absolute;
    content: '\f002';
    right: 7px;
    bottom: 6px;
    font-family: 'Fontawesome';
    font-size: 20px;
}
.headerSearch .btn-info{
	background-color: transparent;
    border-color: transparent;
    color: #EE5C74;
}
.headerSearch .btn-info:focus, .headerSearch .btn-info.focus, .headerSearch .btn-info:hover, .headerSearch .btn-info:active, .headerSearch .btn-info.active{
	background-color: transparent;
    border-color: transparent;
    color: #EE5C74;
}