@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0; line-height: 18px; background:#09090b url(../images/bg.jpg) center top fixed;}
a{ text-decoration: none; outline: none; transition:all 0.5s ease 0s;}
.top_panel{width: 100%; background:rgba(0,0,0,0.5);}
.top_panel_wrp{ width: 980px; margin: 0 auto;}
.top_panel_wrp ul{ list-style: none; padding: 0; margin: 0;}
.top_panel_wrp ul li{ float: left; padding:  0 10px 0 0;}
.top_panel_wrp ul li a{ font-size: 12px; color:#f1f1f1; padding: 8px 10px; display: block;}
.top_panel_wrp ul li a:hover{ color: #fff; background: #222;}
.clearFix{clear:both;}
.left_top_pn { float: left;}
.right_top_pn { float: right;}
.logo{ width: 980px; margin: 0 auto; padding: 10px 0;}
.left_logo{ float: left; margin-bottom: 5px; margin-top: -5px;}
.right_logo{float: right; background:rgba(0,0,0,0.4); padding: 10px;}
.icon_hotline {
    background: url("../images/hotline.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: block;
    padding: 8px 0 8px 33px;
}
.icon_hotline {
    color: #97c82d;
    font-weight: bold;
    font-size: 20px;
}
.icon_hotline a{ color: #97C82D;}
.top_address {
    color: #ddd;
    font-size: 15px;
    font-weight: bold;
}
.top_address span {
    color: #ccc;
    font-size: 13px;
    font-weight: normal;
}
.top_address a{ color: #FF9600; font-size: 12px;}
.footer_wrp{width: 980px; margin: 0 auto;}
.main_content{ padding: 0px; background: #222222; }
.left_ct{float: left; width: 220px; }
.left_menu li{ padding: 0; background: url(../images/icon.png) 190px -597px no-repeat; border-bottom: 1px solid #2a2a2a;}
.left_menu{ list-style: none; margin: 0; padding: 0; font-family:'Open Sans', sans-serif; background: url(../images/left_menu_bg.jpg);}
li.header_lmn{ padding: 9px 10px 10px 15px; background: url(../images/menu_head_bg.jpg) left top no-repeat; border-bottom: none;}
.header_lmn h2{ color:#fff; font-size: 16px; font-weight: normal; margin: 0; padding: 0;}
.left_menu li a{padding:10px 10px 10px 42px; color: #fff; font-size: 14px; font-weight: normal; display: block;}
.left_menu li a:hover{background-color: #120f08; color:#ffa31f;}
.menu_hover{background: #120f08 !important; color:#ffa31f !important;}
.menu_hover h2 a{color:#ffa31f !important;}
.left_menu li h2{font-weight: normal; padding: 0; margin: 0; font-size: 16px;}
.honda{ background: url(../images/icon.png) 0px 10px no-repeat;}
.yamaha{ background: url(../images/icon.png) 0px -33px no-repeat;}
.suzuki{ background: url(../images/icon.png) 0px -76px no-repeat;}
.piaggio{ background: url(../images/icon.png) 0px -118px no-repeat;}
.sym{ background: url(../images/icon.png) 0px -159px no-repeat;}
.left_menu li ul {
    list-style: outside none none;
    margin: -38px 0 0 220px;
    padding: 0;
    position: absolute;
    background-color: #120f08;
    display: none;
    z-index: 999;
    max-width: 280px;
}
.left_menu li ul li a{padding: 10px; color: #ccc;}
.left_menu li:hover ul{ display: block; }
.submenu {padding: 5px !important;}
.submenu > li { float: left; border: none;}
.submenu a {background: none repeat scroll 0 0 #222; margin: 5px;}
.submenu a:hover{background:#151515 !important;}
.module_box{width: 220px; background: #1d1d1d; margin: 10px 0 0 0;}
.header_modul{background: #131313; padding: 10px 10px 0 10px; float: left; width: 200px;}
.header_modul h2{ font-size: 16px; color: #fff; border-bottom: 3px solid #c03808; font-weight: normal; float:left; margin: 0; padding-bottom: 3px;}
.module_items{ float: left; padding: 15px; border-bottom: 1px solid #282828;}
.module_items a {display: block;}
.module_items a .img_md_items{width: 80px; height: 66px; overflow: hidden; float: left;}
.module_items a .img_md_items img{width: 100%; min-height: 66px;}
.module_items a span{float: left; width: 100px; margin-left: 10px; color: #d2d2d2; max-height: 68px; overflow: hidden; }
.right_ct{float: left; width: 760px;}
.left_menu_style2 li a{ padding-left: 10px;}
.left_menu_style2 li span{ border-radius: 100%; width:15px; height: 15px; border:4px solid #282828; display: block; margin: 7px; float: left;}
.left_menu_style2 li:nth-child(2) span{ background:#ee5924;}
.left_menu_style2 li:nth-child(3) span{ background:#009245;}
.left_menu_style2 li:nth-child(4) span{ background:#8cc63f;}
.left_menu_style2 li:nth-child(5) span{ background:#00a99d;}
.left_menu_style2 li:nth-child(6) span{ background:#c1272d;}
.left_menu_style2 li:nth-child(7) span{ background:#4b4b4b;}
.left_menu_style2 li:nth-child(8) span{ background:#0183aa;}
.left_menu_style2 li:nth-child(9) span{ background:#7562b7;}
.left_menu_style2 li:nth-child(10) span{ background:#ffc229;}
.left_menu_style2 li:nth-child(11) span{ background:#ca7c60;}
.show_box_ct{padding: 0; float: left; /*border-top: 3px solid #db543b; */ width:350px; margin:10px 0 20px 20px;}
/*  .show_box_ct_2{border-top: 3px solid #3a95cf;} */
.first_item, .th_item{ width: 350px; background: #414141;}
.img_first_item{width: 350px; height: 285px; overflow: hidden;}
.img_first_item img{width: 100%; min-height: 285px; transition:all 0.2s ease 0s;}
.first_item:hover img, .th_item:hover img{ width: 106%; margin-left: -3%;}
.text_first_item{ padding: 15px 15px 30px 15px;}
.text_first_item a{font-size: 18px; color: #fff; line-height: 24px;}
.text_first_item a:hover{color:#ffc229;}
.th_item{margin-top: 15px;  float: left;}
.img_th_item{width: 123px; height: 110px; overflow: hidden; float: left;}
.img_th_item img{width: 100%; min-height: 110px; transition:all 0.2s ease 0s;}
.text_th_item{ padding: 15px; float:left; width: 197px;}
.text_th_item a{ font-size: 14px; color: #ccc; line-height: 22px;}
.text_th_item a:hover{color: #fff;}
.footer_ct{ width: 940px; padding: 20px; background: none repeat scroll 0 0 #1d1d1d; }
.about_footer {
    float: left;
    padding: 0 10px 0 0;
    width: 365px;
}
.about_footer h3 {
    background: none repeat scroll 0 0 #cf4d35;
    border-bottom: 1px solid #222;
    border-radius: 2px 2px 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
}

.bottom_address {
    background: none repeat scroll 0 0 #222;
    color: #ccc;
    font-size: 14px;
    line-height: 22px;
    padding: 10px;
}
.bottom_address a{color: #fff;}
.bottom_address a.maps_view{ font-size: 12px; color: #ff9600;}
.footer_ct .menu {
    float: left;
    list-style: outside none none;
    margin: 0 10px 10px;
    padding: 0;
    text-align: left;
    width: 120px;
}
.footer_ct .menu .menu_title h3 {
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 8px 0;
    text-align: left;
}
.footer_ct .menu a {
    color: #ccc;
    font-size: 12px;
    line-height: 26px;
    text-align: left;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
}
.footer_ct .menu a:hover{color: #fff;}
.social_icon{background: #222; padding: 0 !important; margin: 0 !important; float: right !important;}
.social_icon li {margin-bottom: 10px;}
.social_icon li h3{background: #2f2c2c;padding: 8px 10px !important; text-align: center;}
.social_icon li a{ width: 44px; height: 44px; display: block; margin: 0 auto;}
.hb_icon a{background:url(../images/icon.png) 0px -428px no-repeat; }
.face_icon a{background:url(../images/icon.png) 0px -488px no-repeat;}
.gplus_icon a{background:url(../images/icon.png) 0px -547px no-repeat;}
.gplus_icon a{font-size:0 !important;}
.copyright{width: 950px; padding:10px 15px; color: #999; font-size: 12px;}
.copyright a{color: #999; }
.breadcrumb {
    float: left;
    height: 32px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}
.breadcrumb > div {
    float: left;
    padding: 10px 10px 8px;
}
.breadcrumb div a {
    color: #777;
    float: left;
    font-size: 12px;
    margin-top: -3px;
    text-decoration: none;
}
.breadcrumb a {
    background: url("../images/arrow01.png") no-repeat scroll left 2px rgba(0, 0, 0, 0);
    padding-left: 22px;
}
.breadcrumb > div > a {
    background-image: none !important;
    padding-left: 14px;
}

.breadcrumb > div div {
    float: left;
    margin-top: -8px;
    padding: 8px 10px;
}
.breadcrumb > div > div > div a {
    color: #555;
    font-weight: bold;
}
.breadcrumb > div > div > div a span {
    display: block;
    height: 17px;
    max-width: 475px;
    overflow: hidden;
}
.catalog{ padding: 20px;}
.catalog h3{color:#97C82D;}
.catalog a{ color:#ccc; background: #1D1D1D; padding: 6px 10px; font-size: 14px; display: inline-block; margin-right: 10px; margin-bottom: 10px; border:1px solid #252525;}
.catalog a:hover{background: #a52310; color: #fff; border:1px solid #a52310;}
.catalog a.current_catalog{ background: #CF4D35; color: #fff; border:1px solid #CF4D35;}
.items_list{padding:0; width: 760px;}
.items{margin-left:20px; margin-bottom: 20px; width:226px;float: left; transition:all 0.5s ease 0s;}
.img_items{width:226px; overflow: hidden;height:210px;}
.img_items img{max-width: 300px; min-height: 210px; min-width: 226px;}
.text_items{ position: absolute; z-index: 100; width:226px; background: rgba(0,0,0,0.8); margin-top: 154px; padding-bottom: 10px;}
.text_items a{padding: 10px 10px 0 10px; font-size: 15px; color: #fff; display: block; height: 36px; overflow: hidden;}
.items:hover .text_items{ background: rgba(237, 52, 70, 0.8); transition:all 0.5s ease 0.1s;}
.content_detail{ float: left; width: 760px;}
.content_detail h1{ padding:0 20px; color: #ffbd3d; margin: 0; font-size: 20px; font-weight: normal; text-transform: uppercase; line-height: 30px;}
.description_detail{padding: 20px; font-size: 14px; color: #ccc; line-height: 23px; }
.description_detail img{ max-width: 720px;}
.images_detail{background: #181818; float: left; width: 760px; margin-bottom: 20px;}
.images_detail h4{ margin: 0; padding:10px 20px; font-size: 15px; color: #fff;}
.images_list{float: left; margin:0 0 20px 20px; width: 226px; height: 210px; overflow: hidden;  transition:all 0.5s ease 0s;}
.images_list img{ max-width: 300px;min-height: 210px; min-width: 226px;}
.zoom_hover{width: 226px; height: 210px; position: absolute; background:rgba(0,0,0,0.6) url(../images/zoom.png) center center no-repeat;z-index: 100; display: none;  transition:all 0.5s ease 0s;}
.images_list:hover .zoom_hover{ display: block;  transition:all 0.5s ease 0s;}
.about_content{padding: 20px; color: #c9c9c9; font-size: 13px; background: #333;}
.about_content h1{font-size: 18px; color:#fff; }
.about_content img{ max-width: 720px;}
.menu_about_page{ padding: 20px 20px 0 20px;}
.menu_about_page a{ margin-bottom: 0;}
.contact{font-size: 13px; color: #c9c9c9;}
.des_contact {
    color: #999;
    font-size: 16px;
    padding:20px 10px 10px 0;
}
.contact_page .ct_left {
    padding: 20px;
}
.left_f {
    padding: 10px 5px 0 0;
}
.right_f {
    padding: 5px 5px 5px 0;
}
.right_f input, .right_f textarea {
    border: 1px solid #ccc;
    font-size: 13px;
    padding: 5px;
    width: 60%;
}
.contact_page .right_f input, .contact_page .right_f textarea {
    width: 85%;
}
.right_f input, .right_f textarea {
    border: 1px solid #444;
    font-size: 13px;
    background: #222;
    color: #fff;
    padding: 5px 5px 5px 0;
    width: 60%;
}
.right_f input:focus, .right_f textarea:focus {
    border: 1px solid #09c;
}
.btn {
    background:#c74f58;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
}
.btn2 {
    background:#616564;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
}
.contact h1{ border-bottom: 2px solid #57B030; padding-bottom: 10px;}
.news_page h1{ color:#f1ffa1;}
.img_items_news {
    float: left;
    max-height: 150px;
    overflow: hidden;
    width: 200px;
}
.img_items_news img {
    max-width: 200px; float: left;
}
.title_items_news, .description_items_news {
    float: left;
    padding-left: 10px;
    width: 510px;
}

.title_items_news > a {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.description_items_news a{ color: #ccc; font-size: 12px;
}
.items_news {
    float: left;
    margin: 0 0 20px;
}
.pager {
    float: left;
    margin: 10px 0;
    padding: 10px 0;
}
.pager > a {
    background: none repeat scroll 0 0 #333;
    color: #ccc;
    display: block;
    float: left;
    margin: 0 10px;
    padding: 5px 10px;
}
.pager > a:hover{ background: #444; color: #fff;}
.pager > a.current_page{ background: #ff4e00; color: #fff;}
.price{color: #d43c17; font-size: 20px; padding: 20px 10px 0 20px;}
.price span {color: #bbb;}
.price a{color: #97C82D;}
.header_lmn{font-weight: normal; font-size: 16px; color: #fff;}
.header_modul a{font-size: 16px; color: #fff;}
.my_style a, .my_style a:active{ color:#BCFF1A;}
.stmap a, .stmap a:active{ color:#BCFF1A;}
.view_more {
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  float: left;
  margin-left: 5px;
}
.view_more:hover{text-decoration:underline;}

.first_item, .th_item {background: none;}
.first_item { background: none repeat scroll 0 0 #1d1d1d;
}
.text_first_item {
    padding: 15px 15px 20px;
}
.text_first_item a{color: #ffd979; }
.text_first_item a:hover{color:#ffc229;}

.description_detail a{color: #ffd979; }
.description_detail a:hover{color:#ffc229;}

/*-- popup --*/
.window_popup{display:none; border-radius:2px; box-shadow:0 0 3px 1px rgba(0,0,0,0.4); }
.header_wp{ padding:20px 20px 20px 66px; background:#C22B1A url(../images/sound.png) 10px 7px no-repeat; font-size:16px; font-weight:bold;border-radius:2px 2px 0 0; color:#fff;}
.content_wp{ padding:30px; font-size:13px;}
.close_popup{ width:20px; height:20px; background:url(../images/close.png)no-repeat; display:block; position:absolute; top:10px; right:10px;}

.shop2banh_banner_wrp .items_price_r{ color: #EA3E27;  margin-left: 10px; float: left;}
.shop2banh_banner_wrp .price_old{color: #888;  text-decoration: line-through;}
.shop2banh_banner_wrp .module_items a .img_md_items{ height: auto; width: 78px;}
.shop2banh_banner{ border: 1px solid #C03808; float: left;}
.shop2banh_banner_wrp .header_modul{ background:#C03808; }
.submenu.three_col_menu{max-width: inherit; width: 711px;}
.submenu.three_col_menu > li {
    float: left;
    width: 236px;
}

.voxechinhhang_bn { margin-top: 10px; float: left; }
.shop2banh_banner_wrp.voxechinhhang_bn .header_modul { background: #3485BD;  }
.shop2banh_banner_wrp.voxechinhhang_bn .header_modul h2 { border-color: #3485BD; }
.shop2banh_banner_wrp.voxechinhhang_bn .voxechinhhang_banner {
    border: 1px solid #1A5882;
    float: left;
}
.top_banner{
	width: 728px;
	margin: 0 auto;
}
.banner_heart_topic{
	width: 728px;
	margin: 0 auto;
}

.banner_footer{
	padding-bottom: 10px;
	width: 970px;
	margin: 0 auto;
}
   
@media(max-width: 767px){
    .bns-fixed-bottom{
        display: none;
    }
}

.bns-fixed-bottom{
  position:fixed;
  bottom:0;
  z-index:999;
  width:100%;
  text-align: center;;
}
.bns-fixed-bottom .bns-fixed-bottom-wrp{
    position: relative;
    max-width: 1350px;
    margin: 0 auto;
}
.bns-fixed-bottom .bns-fixed-bottom-wrp img{
    width: 100%;
}
.bns-fixed-bottom .bns-fixed-bottom-wrp .close_popup {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background: url(../images/close-red.png)no-repeat;
    top: 0px;
    right: 10px;
}
.bns-fixed-bottom .bns-fixed-bottom-wrp .over-link-bns {
    position: absolute;
    width: 20%;
    height: 60px;
    bottom: 0;
}

.bns-fixed-bottom .bns-fixed-bottom-wrp .over-link-bns-1 {left: 21%;}
.bns-fixed-bottom .bns-fixed-bottom-wrp .over-link-bns-2 {left: 41%;}
.bns-fixed-bottom .bns-fixed-bottom-wrp .over-link-bns-3 {left: 61%;}



.breadcrumb ol{
    list-style:none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 6px 5px;
}
.breadcrumb ol li a{
    background-size: contain !important;
    background-position: left 0px;
    color: #888787;
}
.breadcrumb ol li:nth-child(1) a{
   background: none;
}
@media (max-width: 480px){
    .breadcrumb ol li:nth-child(3){
        display:none;
    }
}