/* 1 - Font Face
------------------------------------------------------------------------*/
@font-face {
    font-family: Tahoma;
    src: url('../fonts/tahoma.ttf') format('truetype');  
    font-weight: 400;
    font-style:normal;
}
@font-face {
    font-family: Tahoma;
    src: url('../fonts/tahomabd.ttf') format('truetype');  
    font-weight: 700;
    font-style:normal;
}

/* 2 - Common styles
------------------------------------------------------------------------*/
body {
    font-family: Tahoma, san-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    background:#eff0f1;
}

a {
    color: #000;
}

a:hover {
    color: #f40;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    content: "";
    clear: both;
}

img {
    max-width: 100%;
}

input:focus,
button:focus {
    outline: none;
    box-shadow: 0;
}

.no-padding {
    padding: 0;
}

.fa {
    line-height: inherit;
}

/* Media min-width: 1200px */
@media (min-width: 1200px) {
    .container {
        max-width: 1349px;
        width:auto;
        margin: auto;
        padding-left:0;
        padding-right:0;
    }
}


/* Hover Color */
.profile_icon a:hover,
.home_icon a:hover{
    color:#f40;
}


/* Hover Image */




/* 3 - Header
------------------------------------------------------------------------*/
.header{
    background:#fff;
    margin-top:25px;
}
.top_navbar{
    padding-top:17px;
    max-width:1155px;
    margin:auto;
}
.logo{
    width:130px;
    float:left;
}
.block_nav{
    float:left;
}
.nav_menu{
    padding-bottom:15px;
}
.nav_menu li{
    margin-right:30px;
    float:left;
}
.nav_menu li:last-child{
    margin-right:0;
}
.nav_menu li a{
    font-size: 11px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}
.search-box {
    width: 570px;
    height: 42px;
    border: 2px solid #ff4400;
}
.search-box .select-site-container .list-site-container {
    font-size:12px;
    position: relative;
    float: left;
    width: 95px;
    height: 34px;
    line-height: 32px;
    margin-top: 2px;
    padding-left: 7px;
    border-right: 1px solid rgba(0,0,0,0.15);
    cursor: pointer;
    outline: none;
    color: #333;
    background: url(../img/i_down.png) no-repeat;
    background-position: right 5px top 7px;
}
.search-box .select-site-container .list-site-container .list-site {
    position: absolute;
    width: 125px;
    margin: 0;
    top: 140%;
    left: -2px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.17);
    font-weight: 400;
    list-style: none;
    display: none;
    z-index: 1024;
}
.search-box .select-site-container .list-site-container .list-site li a {
    display: block;
    padding: 2px 5px 2px 15px;
    text-decoration: none;
    color: #333;
}
.search-box .search-input {
    float: left;
    height: 37px;
    line-height: 37px;
    padding: 0;
    padding-left: 12px;
    margin: 0;
    margin-top: 1px;
    border: none;
    font-size: 12px;
    box-shadow: none;
    background-color: #fff;
    width: 415px;
}
.search-box .btn-search {
    height: 38px;
    width: 45px;
    display: block;
    float: right;
    overflow: hidden;
    background: url(../img/i_search.png) no-repeat;
    background-color: #f15927;
    cursor: pointer;
    background-position:center center;
}

.search-box .search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b7b6b6;
}
.search-box .search-input::-moz-placeholder { /* Firefox 19+ */
  color: #b7b6b6;
}
.search-box .search-input:-ms-input-placeholder { /* IE 10+ */
  color: #b7b6b6;
}
.search-box .search-input:-moz-placeholder { /* Firefox 18- */
  color: #b7b6b6;
}
.search-box .select-site-container .list-site-container .list-site:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 28px;
    border-width: 0 6px 6px;
    border-style: solid;
    border-color: #d9d9d9 transparent;
}
.search-box .select-site-container .list-site-container.active .list-site {
    display: block;
    pointer-events: auto;
    z-index: 5000;
}
.search-box .select-site-container .list-site-container .list-site li:hover {
    background-color: #f6f6f6;
}
.search-box .select-site-container .list-site-container .list-site li:hover a {
    color: #0388cd;
}
.block_profile{
    float:right;
}
.profile_icon, .home_icon {
    float: left;
}
.profile_icon{
    max-width: 200px;
    overflow: hidden;
}
.profile_icon a, .home_icon a {
    display: inline-block;
    font-size: 12px;
    height:35px;
    line-height: 35px;
    padding: 0 7px 1px;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    color:#515050;
    text-transform:uppercase;
}
.profile_icon img {
    border-radius: 50%;
    margin-right:7px;
    vertical-align: inherit;
    height: 35px;
    width: 35px;
    border:1px solid #e85919;
}
.notification-block {
    float: left;
    position: relative;
}
.notification-block .uiToggle {
    float: left;
}
.notification-block a.jewelButton,
.notification-block a.jewelButton:active,
.notification-block a.jewelButton:focus,
.notification-block a.jewelButton:hover {
    display: block;
    margin: 0;
    outline: none;
    padding: 4px 3px 0;
    position: relative;
    text-decoration: none;
}
.notification-block .f_click {
    background-clip: content-box;
    background-origin: content-box;
    height: 24px;
    width: 24px;
    cursor: pointer;
}
.notification-block a.jewelButton .f_message {
    background-image: url(../img/f_message.png);
    background-repeat: no-repeat;
    opacity: 1;
}
.notification-block a.jewelButton .f_notification {
    background-image: url(../img/f_notification.png);
    background-repeat: no-repeat;
    opacity: 1;
}
.notification-block a.jewelButton .f_notification_transport {
    background-image: url(../img/transport_noti.png);
    background-repeat: no-repeat;
    opacity: 1;
    width: 40px;
}
.notification-block .uiToggle.open a.jewelButton .f_friend,
.notification-block .uiToggle.open a.jewelButton .f_message,
.notification-block .uiToggle.open a.jewelButton .f_notification,
.notification-block .uiToggle.open a.jewelButton .f_notification_transport {
    opacity: 1;
}
.notification-block .jewelCount {
    position: absolute;
    right: 4px;
    top: -4px;
}
.notification-block .span_count {
    font-size: 13px;
    color: #676767;
}
.top_navbar .dropdown-menu {
    background: #fff;
    border: 1px solid rgba(100, 100, 100, .4);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    border-radius: 0;
    color: #1d2129;
    overflow: visible;
    position: absolute;
    top: 42px;
    right: 0px;
    left: auto;
    width: 255px;
    padding: 0;
    z-index: 1050;
}
.top_navbar .dropdown-menu .beeper_nub {
    background-image: url(../img/icon-top.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -122px -52px;
    height: 11px;
    position: absolute;
    top: -11px;
    width: 20px;
}
.top_navbar .message_icon .dropdown-menu .beeper_nub {
    right: 33px;
}
.top_navbar .content-list .head-title {
    color: #333;
    font-size: 12px;
    background-clip: padding-box;
    background-color: #fff;
    border-bottom: solid 1px #dddfe2;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 8px 8px 6px 8px;
    position: relative;
    text-align: center;
}
.top_navbar .content-list .listItem {
    padding: 10px;
}
.top_navbar .notifications_icon .dropdown-menu .beeper_nub {
    right: 5px;
}
.notification-block-1 {
    padding-right: 0;
    position: relative;
}
.notification-block-1 a.jewelButton {
    display: block;
    padding: 10px 0px 7px 2px!important;
}
.notification-block-1 .select_down_icon .f_click {
    background-image: url(../img/i_down0.png);
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    white-space: nowrap;
    width: 16px;
}
.notification-block-1 .dropdown-menu {
    right: -4px;
}
.top_navbar .select_down_icon .dropdown-menu .beeper_nub {
    right: 4px;
}
.top_navbar .content-list .listItem {
    padding: 10px;
}
.top_navbar .dropdown-menu a {
    border: none;
    margin: 0;
    padding: 5px 10px;
}
.notification-block-2 {
    padding: 0;
    position: relative;
}
.notification-block .select_down_message a.jewelButton {
    padding: 5px 0!important;
}
.notification-block .select_down_message .f_click {
    background: transparent url(../img/f_select_down.png) no-repeat;
    opacity: 1;
    width: 35px;
    height: 23px;
}
.header ul.menu li .pull-left img{
    margin: auto 10px auto auto;
    width: 40px;
    height: 40px;
}
.header ul.menu li h4{
    padding: 0;
    margin: -20px 0 0 45px;
    color: #FF4400;
    font-size: 15px;
    position: relative;
}
.header ul.menu li h4>small {
    color: #999999;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.header ul.menu li>a>p {
    margin-top: 5px;
    font-size: 12px;
    color: #888888;
    font-weight: bold;
}

.link_create_order{
    margin-top:15px;
    margin-left:5px;
}
.link_create_order a{
    font-size:12px;
    color:#515050;
    border-radius:12px;
    background:#c9c9c9;
    display:inline-block;
    padding:6px 28px;
}
.link_create_order a:hover{
    color:#f40;
}
.link_create_order .link_order{
    margin-right:18px;
}
.link_create_order .link_list_order{
    padding-left:48px;
    position:relative;
}
.link_create_order .link_list_order:before{
    content:"";
    background:url('../img/i_order.png') no-repeat;
    width:17px;
    height:17px;
    position:absolute;
    left:24px;
}

.btn_link_order{
    padding:30px 0 25px;
}
.product_theme{

}
.product_theme li{
    float:left;
    width:20%;
}
.box_sp{
    padding:0 35px;
    border-right:1px solid #f1f1f1;
}
.product_theme li:first-child .box_sp{
    
}
.product_theme li:last-child .box_sp{
    padding-right:0;
    border-right:0;
}
.box_sp .img_sp{
    display:block;
    width:63px;
    height:63px;
    border-radius:50%;
    float:left;
    border:1px solid #000;
}
.box_sp .img_sp img{
    border-radius:50%;
    display:block;
}
.box_sp .title_sp,
.box_sp .info_sp,
.box_sp .popular_sp{
    padding-left:70px;
}
.box_sp .title_sp a,
.box_sp .info_sp a,
.box_sp .popular_sp a{
    color:#946d58;
}
.box_sp .title_sp{
    font-size:15px;
    color:#946d58;
    text-transform:uppercase;
    margin-bottom:7px;
    font-weight:bold;
}
.box_sp .info_sp{
    font-size:9px;
    color:#946d58;
    text-transform:uppercase;
    margin-bottom:7px;
    font-weight:bold;
    padding-left:71px;
}
.box_sp .popular_sp{
    font-size:11px;
    color:#b5b5b5;
    position:relative;
    margin-left:70px;
    padding-left:20px;
}
.box_sp .popular_sp:before{
    content:"";
    background:url(../img/i_phobien.jpg);
    width:14px;
    height:16px;
    position:absolute;
    left:0;
    top:-3px;
}
.box_sp.sp_2 .title_sp a,
.box_sp.sp_2 .info_sp a{
    color:#85c392;
}
.box_sp.sp_3 .title_sp a,
.box_sp.sp_3 .info_sp a{
    color:#7cabf6;
}
.box_sp.sp_4 .title_sp a,
.box_sp.sp_4 .info_sp a{
    color:#8b77ca;
}
.box_sp.sp_5 .title_sp a,
.box_sp.sp_5 .info_sp a{
    color:#e16670;
}
.box_sp.sp_1 .title_sp a:hover,
.box_sp.sp_1 .info_sp a:hover{
    color:#dca588;
}
.box_sp.sp_2 .title_sp a:hover,
.box_sp.sp_2 .info_sp a:hover{
    color:#acfdbd;
}
.box_sp.sp_3 .title_sp a:hover,
.box_sp.sp_3 .info_sp a:hover{
    color:#3e88ff;
}
.box_sp.sp_4 .title_sp a:hover,
.box_sp.sp_4 .info_sp a:hover{
    color:#b199ff;
}
.box_sp.sp_5 .title_sp a:hover,
.box_sp.sp_5 .info_sp a:hover{
    color: #ff7782;
}
.box_sp .img_sp:hover{
    opacity:.8;
}






/* 4 - Home Slider
------------------------------------------------------------------------*/
#home-slider{
    background:#fff;
}
.homeslider{
    position:relative;

}
.content-slide{
   margin-right:350px;
   position:relative;
}
.homeslider .bx-wrapper .bx-viewport{
    box-shadow:none;
    border:0;
    left:0;
}
.homeslider .bx-wrapper{
    margin-bottom:0;
}
.bx-list-pager{
  
}
.bx-list-pager a{
    border:2px solid #e85919;
    border-radius:9px;
    display:block;
}
.bx-list-pager img{
    border-radius:9px;
    width:123px;
    height:125px;
}
.homeslider .bx-wrapper .bx-pager{
    display:none;
}
.slide_full .bx-controls{
    display:none;
}
.slide_thumb{
    position:absolute;
    bottom:10px;
    left:0;
    right:0;
}
.slide_thumb .bx-wrapper .bx-viewport{
    background:transparent;
}
.slide_thumb .bx-wrapper .bx-next{
    right:-40px;
    background:url(../img/i_next.png) no-repeat;
    width:36px;
    height:39px;
    margin-top:-24px;
}
.slide_thumb .bx-wrapper .bx-prev{
    left:-40px;
    background:url(../img/i_prev.png) no-repeat;
    width:36px;
    height:39px;
    margin-top:-24px;
}
.bx-list-pager a:hover{
   border-color:#f1e400;
}

#home-slider .block-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    z-index: 1000;
    background: #eff0f1;
}
.w-inner {
    float: left;
    width: 100%;
}
.w-inner .w-left {
    float: left;
}
.w-inner .w-right {
    float: left;
}
.header-banner {
    background: #fff;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(50,50,50,0.3);
    -moz-box-shadow: 0px 0px 1px 0px rgba(50,50,50,0.3);
    box-shadow: 0px 0px 1px 0px rgba(50,50,50,0.3);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1045;
}
#home-slider .block-right .header-banner {
    position: relative;
    width: 230px;
}
.w_full{
    position:relative;
}
.user-pannel {
    
}
.user-message {
    padding: 10px;
}
.user-message .icon-head {
    width: 46px;
    height: 46px;
    float: left;
}
.user-message .icon-head img {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.user-message .user-text {
    padding-top: 5px;
    float: left;
    padding-left: 10px;
    width: 140px;
}
.user-message .user-text .info-user-name{
    font-size:12px;
    color:#2a2a2a;
}
span.fullName{
    font-weight: 600;
}
.user-message .info-text {
    position: relative;
    margin-top: 3px;
}
.user-message .info-text a {
    font-size: 12px;
    color: #ff4400;
    display: block;
    position: relative;
    background-color: #fff0e7;
    padding: 5px 5px 5px 35px;
    line-height: 16px;
    min-width: 144px;
}
.user-message .info-text a:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 10px;
    background: url(../img/i_dola.png) no-repeat;
    width: 17px;
    height: 17px;
}
.login-btn {
    display: block;
    padding-left: 7px;
    padding-top: 5px;
    text-align: center;
}
.login-btn a {
    font-size: 12px;
    width: 90px;
    height: 30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #F40;
    line-height: 28px;
    margin-right: 5px;
}
.box-support {
    margin-top: 15px;
}
.box-support ul {
    border-top: 1px solid #e8e8e8;
}
.box-support ul li {
    width: 115px;
    height: 84px;
    float: left;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    padding-top: 5px;
}
.box-support ul li a {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.box-support ul li a .icon-img img{
   
}
.box-support ul li a .text-title {
    font-size: 12px;
    color: #aaaaaa;
    line-height: 15px;
    text-align: center;
    max-width: 82px;
    margin: auto;
    padding-top:2px;
}
.box-support ul li a .p_ct{
    max-width:95px;
}
.login-btn a:hover {
    background: #e82e05;
    cursor: pointer;
}
.box-support ul li.active p,
.box-support ul li a:hover p {
    color: #f40;
}
.list-support {
    width: 113px;
    position: absolute;
    right: 0;
    height: 100%;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(50,50,50,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(50,50,50,0.3);
    box-shadow: 0 1px 3px 0 rgba(50,50,50,0.3);
}
.list-support li {
    border-bottom: 1px solid #e8e8e8;
}
.list-support li a {
    font-size: 12px;
    padding: 8px 10px;
    padding-left: 33px;
    display: block;
    position: relative;
    color:#aaaaaa;
}
.list-support li .icon:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 5px;
    width: 26px;
    height: 22px;
}
.list-support li .icon.icon_01:before {
    background: url(../img/i_dsdh.png) no-repeat;
}
.list-support li .icon.icon_02:before {
    background: url(../img/i_tdh.png) no-repeat;
}
.list-support li .icon.icon_03:before {
    background: url(../img/i_ph_gy.png) no-repeat;
}
.list-support li .icon.icon_04:before {
    background: url(../img/i_lienhe.png) no-repeat;
}
.list-support li .icon.icon_05:before {
    background: url(../img/i_top.png) no-repeat;
}
.list-support li .icon.icon_06:before{
    background: url(../img/tai_congcu1.png) no-repeat;
}
.list-support li .icon{
    min-height:48px;
}
.list-support li .icon.icon_04{
    line-height:35px;
}
.list-support li .icon.icon_05{
    color:#f68e24;
    line-height:35px;
}
.list-support li .icon.icon_04:before{
    top:13px;
}
.list-support li .icon.icon_05:before{
    top:13px;
}

.list-support li a:hover{
   color:#f68e24;
}

.block_point{
    text-align:center;
    padding:13px 0;
    cursor: pointer;
}
.block_point .pig{
    padding-bottom:2px;
}
.block_point .click_point{
    font-size:12px;
    color:#aaaaaa;
    line-height:20px;
    padding-top:4px;
    padding-bottom:4px;
}
.block_point .click_point a{
    font-size:13px;
    color:#066ccb;
    padding:0px 8px;
    border-radius:10px;
    background:#feecec;
    border:1px solid #21794f;
    display:inline-block;
}
.box-numb{
    padding: 20px 20px 5px;
}
.box-numb .text_numb{
    font-size:12px;
    color:#aaa;
}
.box-numb .num_p{
    color:#ff4400;
    border:1px solid #f40;
    border-radius:10px;
    display:inline-block;
    padding: 0px 10px;
    line-height: 18px;
    margin-left:38px;
}

/* Chat Box */
.chat-box.custom_chat {
    position: relative;
    right: auto;
}
.chat-box {
    position: fixed;
    right: 195px;
    bottom: 0;
    z-index: 9999;
}
.list-support li .chat-box a {
    padding-left: 0;
    padding-right: 0;
}
.chat-box .maximizechat{
    cursor:pointer;
    display:block;
    text-align: center;
}
.chat-box .chat-status-icon{
    border-radius: 50%;
    height: 60px;
    width: 60px;
    -webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    background-color: #f40;
    color: #fff;
    margin:auto;
    margin-bottom:5px;
    cursor:pointer;
}
.chat-box .chat-status-icon:before{
    content: "\f086";
    font-family: "FontAwesome";
    font-size: 35px;
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 60px;
}
/* Chat Wrapper */
.chat-wrapper{

}
.chat-wrapper .box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.chat-wrapper .box {
    border-top-color: #f40;
}
.chat-wrapper .direct-chat{
    width: 300px;
    display: none;
}
.chat-wrapper .box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}
.chat-wrapper .box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.chat-wrapper .box-header > .fa,
.chat-wrapper .box-header > .glyphicon,
.chat-wrapper .box-header > .ion,
.chat-wrapper .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.chat-wrapper .box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}
.chat-wrapper .bg-light-blue,
.chat-wrapper .label-primary,
.chat-wrapper .modal-primary .modal-body {
    background-color: #f40 !important;
}
.chat-wrapper .box-header > .box-tools [data-toggle="tooltip"] {
    position: relative;
}
.chat-wrapper .btn-box-tool {
    padding: 5px;
    font-size: 10px;
    background: transparent;
    color: #97a0b3;
    outline:none;
}
.chat-wrapper .btn-box-tool:focus{
    outline:none;
}
.chat-wrapper .direct-chat .box-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    overflow-x: hidden;
    padding: 0;
}
.chat-wrapper .box-header:before,
.chat-wrapper .box-body:before,
.chat-wrapper .box-footer:before,
.chat-wrapper .box-header:after,
.chat-wrapper .box-body:after,
.chat-wrapper .box-footer:after {
    content: " ";
    display: table;
}
.chat-wrapper .box-header:after,
.chat-wrapper .box-body:after,
.chat-wrapper .box-footer:after {
    content:"";
    clear: both;
}
.chat-wrapper .direct-chat-messages {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 10px;
    height: 250px;
    overflow: auto;
}
.chat-wrapper .direct-chat-messages,
.chat-wrapper .direct-chat-contacts {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}
.chat-wrapper .direct-chat-msg,
.chat-wrapper .direct-chat-text {
    display: block;
}
.chat-wrapper .direct-chat-msg {
    margin-bottom: 10px;
}
.chat-wrapper .direct-chat-info {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
}
.chat-wrapper .direct-chat-name {
    font-weight: 600;
}
.chat-wrapper .direct-chat-timestamp {
    color: #999;
}
.chat-wrapper .direct-chat-img {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
}
.chat-wrapper .direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
    background: #d2d6de;
    border: 1px solid #d2d6de;
    margin: 5px 0 0 50px;
    color: #444;
}
.chat-wrapper .direct-chat-text:after,
.chat-wrapper .direct-chat-text:before {
    position: absolute;
    right: 100%;
    top: 15px;
    border: solid transparent;
    border-right-color: #d2d6de;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none;
}
.chat-wrapper .direct-chat-text:before {
    border-width: 6px;
    margin-top: -6px;
}
.chat-wrapper .direct-chat-text:after {
    border-width: 5px;
    margin-top: -5px;
}
.chat-wrapper .direct-chat-msg:after {
    content:"";
    clear: both;
}
.chat-wrapper .right .direct-chat-img {
    float: right;
}
.chat-wrapper .right .direct-chat-text {
    margin-right: 50px;
    margin-left: 0;
}
/*.chat-wrapper .direct-chat .right > .direct-chat-text {
    background: #f40;
    border-color: #f40;
    color: #fff;
}*/
.chat-wrapper .right .direct-chat-text:after,
.chat-wrapper .right .direct-chat-text:before {
    right: auto;
    left: 100%;
    border-right-color: transparent;
    border-left-color: #d2d6de;
}
/*.chat-wrapper .direct-chat .right > .direct-chat-text:after,
.chat-wrapper .direct-chat .right > .direct-chat-text:before {
    border-left-color: #f40;
}*/
.chat-wrapper .direct-chat-contacts {
    -webkit-transform: translate(101%, 0);
    -ms-transform: translate(101%, 0);
    -o-transform: translate(101%, 0);
    transform: translate(101%, 0);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    background: #f40;
    color: #fff;
    overflow: auto;
}
.chat-wrapper .direct-chat-contacts-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.chat-wrapper .contacts-list > li {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 10px;
    margin: 0;
}
.chat-wrapper .contacts-list > li:last-of-type {
    border-bottom: none;
}
.chat-wrapper .contacts-list > li:before,
.chat-wrapper .contacts-list > li:after {
    content: " ";
    display: table;
}
.chat-wrapper .contacts-list > li:after {
    content:"";
    clear: both;
}
.chat-wrapper .contacts-list-img {
    border-radius: 50%;
    width: 40px;
    float: left;
}
.chat-wrapper .contacts-list-info {
    margin-left: 45px;
    color: #fff;
}
.chat-wrapper .contacts-list-name,
.chat-wrapper .contacts-list-status {
    display: block;
}
.chat-wrapper .contacts-list-name {
    /*font-weight: 600;*/
    color: #000;
}
.chat-wrapper .contacts-list-date {
    color: #aaa;
    font-weight: normal;
}
.chat-wrapper .contacts-list-msg {
    /*color: #fff;*/
    color: #000;
}
.chat-wrapper .box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}
.chat-wrapper .box-footer .btn-primary{
    background-color: #f40;
    border-color: #f40;
}
.chat-wrapper .contacts-list span.online{background: rgb(66, 183, 42);border-radius: 50%;display: inline-block;height: 10px;margin-left: 15px;width: 10px;margin-top: 5px;}
.chat-wrapper .contacts-list span.text-muted{color: #fff;margin-top: -30px}
/**/
.chat-wrapper .direct-chat {
    overflow: hidden;
}
.chat-wrapper .chat-content {
    background-color: #fff;
}
.chat-wrapper .btn-chat-toggle{
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 80px;
    border: 0;
    border-radius: 5px 0 0 5px;
    /*background-color: #fff;*/
    background-color: #f40;
    color: #fff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 1;
}
.chat-wrapper .direct-chat-contacts {
    background-color: transparent;
}

.chat-wrapper .direct-chat-contacts .contacts-chat-wapper {
    margin-left: 25px;
    background-color: #fff;
    /*background-color: #f40;*/
}

.chat-wrapper .direct-chat .chat-content .direct-chat-contacts {
    -webkit-transform: translate(92%, 0);
    -ms-transform: translate(92%, 0);
    -o-transform: translate(92%, 0);
    transform: translate(92%, 0);
    transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -o-transition: transform 0.4s;
}
.chat-wrapper .direct-chat-contacts-open .chat-content .direct-chat-contacts {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -o-transition: transform 0.4s;
}
.chat-wrapper .direct-chat-contacts {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
}
#listChat .direct-chat-msg .direct-chat-text a{color: #3c8dbc;}
#listChat .direct-chat-msg.right .direct-chat-text a{color: #fff;}
#listChat .direct-chat-msg.unread .direct-chat-text{background-color: #E98561;border: 1px solid #E98561;color: #fff;}
#listChat .direct-chat-msg.unread .direct-chat-text a{color: #0000ff;}
#listChat .direct-chat-msg.unread .direct-chat-text:after, #listChat .direct-chat-msg.unread .direct-chat-text:before{border-right-color: #E98561;}
#listChat .direct-chat-msg.unread.right>.direct-chat-text:after, #listChat .direct-chat-msg.unread.right>.direct-chat-text:before{border-left-color: #E98561;}
#listChat .direct-chat-text img{max-width: 100%;}

#chatForm .input-group{width: 100%;}
#chatMsg{resize: none;overflow: hidden;display: block;}
#chatForm .lbChatEnter{float: left;height: 33px;line-height: 33px;}
#chatForm .input-group-btn{float: right;margin-right: 72px;}


/* 5 - Page
------------------------------------------------------------------------*/
#page{

}
.t-page{
    background:#fff;
    margin-top:30px;
    margin-bottom:67px;
}
.nofifi{
    line-height:32px;
    height:32px;
    overflow:hidden;
}
.nofifi h3{
    font-size:12px;
    color:#fff;
    text-transform:uppercase;
    width:78px;
    height:32px;
    line-height:32px;
    padding:0 5px;
    background:#fb9152;
    display:inline-block;
}
.nofifi .text_info{
    font-size:12px;
    color:#df4b1e;
    padding: 0 25px 0 14px;
}
.nofifi .notifi_date{
    color:#777777;
    font-size:12px;
}

.w-page{
    max-width:1200px;
    margin:0 auto;
}

.block-comment{
    background:#fff;
    border-top:4px solid #fb9152;
    padding-bottom:15px;
}
.group-comment{
    position:relative;
}
.group-comment .col-left{
    float:left;
    width:35%;
    position:relative;
}
.group-comment .col-right{
    float:left;
    width:65%;
    position:relative;
}
.note_title{
    font-size:14px;
    color:#fff;
    width:128px;
    height:35px;
    text-align:center;
    background:#fb9152;
    line-height:35px;
    position: absolute;
    top: -35px;
    left:0;
}
.comment-top{
    position:absolute;
    top:-36px;
    left:6px;
}
.group-comment .comment-top ul {
    display: inline-block;
}
.group-comment .comment-top ul li {
    float: left;
}
.group-comment .comment-top ul li .box-status {
    background: #f6f7f9;
    border: 1px solid #f6f7f9;
    margin-left: -1px;
    position: relative;
}
.group-comment .comment-top ul li:first-child .box-status {
    margin-left: 0;
}
.group-comment .comment-top ul li .icon-like:before {
    content: "";
    background: url(../img/like_dathang.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 11px;
    top: 5px;
}
.group-comment .comment-top ul li .box-status select {
    color:#333;
    padding: 0 35px 0 35px;
    height: 30px;
    line-height: 30px;
    outline: none;
    font-weight: 500;
    cursor: pointer;
    background: #f9f7f7 url(../img/i_don1.png) no-repeat 96% 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-size: 15px 15px;
}
.group-comment .comment-top ul li .icon-like select {
    padding-right: 20px;
}
.send-message {
    margin-left: 10px;
}
.send-message input#btnOpenChat{
    font-size: 14px;
    color: #fff;
    width: 140px;
    height: 35px;
    text-align: center;
    background: #fb9152;
    line-height: 35px;
}
.info-message{
   background:#fff;
   border:2px solid #fb9152;
   border-top:0;
   padding:6px;
}
.info-message .list-item{
    
}
.info-message .list-item ul li {
    padding: 5px 0;
}
.info-message .comment-other {
    padding: 5px 7px;
    background:#f2efef;
    position: relative;
}
.info-message .post-img {
    float: left;
    width: 23px;
    margin-right: 10px;
}
.info-message .post-content {
    margin-left: 35px;
    line-height: 16px;
    margin-top: -4px;
    margin-bottom: 12px;
}
.info-message .post-content a {
    font-size: 12px;
    color: #bbbbbb;
}
.info-message .post-content a span {
    color: #3c62ef;
}
.info-message .post-content .span-name{
    color: #114e99;
    font-weight:bold;
}
.info-message .comment-other p{
    font-size:11px;
    color: rgba(0,0,0,0.6);
}
.info-message .comment-other:before {
    content: "";
    border-left: 9px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 18px solid #f2efef;
    position: absolute;
    top: -15px;
    left: 13px;
}
.info-message .other-text {
    font-size:11px;
    color:#1d3074;
    background:#f2efef;
    height:40px;
    padding-left:40px;
    line-height:40px;
    position:relative;
}
.info-message .other-text p:before {
    content: "";
    position: absolute;
    background: url(../img/like_dh1.png) no-repeat;
    width: 25px;
    height: 26px;
    left: 9px;
    top:7px;
}
.slimScrollBar{
    width:3px!important;
}
.group-comment .group-cmt .cmt-head {
    background: #f6f7f9;
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6;
    margin-left:6px;
}
.group-comment .group-cmt .cmt-head .text-status {
    font-size: 16px;
    color: #524d51;
    position: relative;
    padding-left: 45px;
    z-index: 9;
}
.group-comment .group-cmt .cmt-head .text-status:before {
    content: "";
    background: url(../img/icon-pen.png) no-repeat;
    width: 26px;
    height: 27px;
    position: absolute;
    top: 0px;
    left: 12px;
}
.group-comment .group-cmt .cmt-content {
    position: relative;
    padding: 0 10px;
    padding-top:10px;
    background: #fff; 
}
.group-comment .group-cmt .cmt-content:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top: -7px;
    left: 75px;
}
.group-comment .group-cmt .cmt-content .img-avatar{
    float: left;
    width: 60px;
    margin-right: 8px;
    margin-left: 7px;
}
.group-comment .group-cmt .cmt-content .write-text {
    margin-left: 75px;
}
.group-comment .group-cmt .cmt-content .write-text textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #eaeaea;
    resize: none;
    padding: 10px 15px;
}
.group-comment .btn-submit{
    text-align: right;
    position: absolute;
    top: 97px;
    right: 11px;
}
#review_Modal .btn-submit{
    text-align: right;
    position: absolute;
    bottom: 25px;
    right: 20px;
}
.group-comment .btn-submit input#btnSendComment,
#review_Modal .btn-submit input#btnSendReview{
    color: #fff;
    background: #f40;
    text-align: center;
    height: 32px;
    line-height: 32px;
    width: 80px;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.group-comment .btn-submit input#btnSendComment:hover,
#review_Modal .btn-submit input#btnSendReview:hover{
    background:#e82e05;
}
.group-comment .group_follow{
    padding:0 15px;
    border-left:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    margin-top:-5px;
}
.group-comment .box-follow {
    float:left;
    width:50%;
    position:relative;
    padding-top:10px;
    padding-bottom:10px;
}
.group-comment .box-follow:before{
    content:"";
    width:1px;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    background:#f1f1f1;
}
.group-comment .box-follow .title-head {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
}
.group-comment .box-follow .title-head:before {
    content: "";
    background: url(../img/i_traloi.png) no-repeat;
    width: 36px;
    height: 29px;
    position: absolute;
    top: 0;
    left: 0;
}
.group-comment .box-follow .span-reply{
    color:#0fbe0b;
}
.follow-content .post-content {
    font-size:14px;
    color:#676767;
    margin-left: 40px;
    line-height: 16px;
}
.follow-content .post-img {
    float: left;
    width: 30px;
    margin-right: 5px;
}
.follow-content.follow_1 .post-img{
    width:auto;
}
.group-comment .box-follow .follow_1 {
    padding-top:10px;
}
.group-comment .service-star{
    float:left;
    width:50%;
}
.group-comment .service-star {
    padding: 40px 13px 0;
    padding-left:32px;
}
.group-comment .service-star .p-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}
.group-comment .service-star .info-text .span-notable {
    color: #4081ff;
    font-weight: bold;
}
.group-comment .service-star .info-text .span-star {
    padding-left: 5px;
    padding-right: 5px;
}
.group-comment .service-star .info-text .span-star i {
    color: #4081ff;
    cursor: pointer;
}
.group-comment .service-star .info-text .span-text {
    color: #a0b73f;
}
.block-featured{
    padding-top:35px;
    padding-bottom:20px;
}
.block-featured .col-left{
    width:866px;
    float:left;
}
.block-featured .col-right{
    width:290px;
    float:right;
}
.video_featured{

}
.title_freatured{
    border-bottom:4px solid #fb9152;
}
.title_freatured .head_txt{
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    padding:10px 30px 4px;
    background:#fb9152;
    display:inline-block;
    font-weight:bold;
}
.title_freatured .head_txt a{
    color:#fff;
}

.video_content{
    background:#fff;
}
.video_list{
    padding-top:30px;
    padding-bottom:6px;
    border-bottom:3px solid #fcfcfc;
}
.video_list .item{
    width:210px;
}
.video_list .item .box_ideo{
    border:1px solid #e68888;
    border-radius:8px;
}
.video_list .item .img_video{
    position:relative;
}
.video_list .item .img_video a{
    display:block;
}
.video_list .item .img_video img{
    border-radius:8px 8px 0 0;
}
.video_list .item .img_video .play_video{
    width: 30px;
    height: 20px;
    border-radius: 4px;
    background: rgba(82, 77, 77, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    margin-top: -10px;
}
.video_list .item .img_video .play_video:before{
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #ddc5c6;
    height: 0;
    position: absolute;
    width: 8px;
    margin: auto;
    left: 0;
    right: 0;
    margin-top: 4px;
}
.video_list .item  .title_video{
    font-size:13px;
    text-transform:uppercase;
    color:#f75f5f;
    text-align:center;
    padding:5px;
}
.video_list .item  .title_video a{
    font-weight:bold;
    color:#f75f5f;
}
.video_list .item .img_video a:hover .play_video{
    background:rgba(206, 17, 17, 0.6);
}
.video_list .bx-wrapper{
    margin:0 auto;
}
.video_list .bx-wrapper .bx-viewport{
    background:transparent;
    box-shadow:none;
    left:0;
    border:0;
}
.video_list .bx-wrapper .bx-controls .bx-pager{
    display:none;
}
.video_list .bx-wrapper .bx-controls-direction a{
    top:0;
}
.video_list .bx-wrapper .bx-controls-direction a{
    width: 20px;
    height: 20px;
    background: #f40;
    text-indent: initial;
    top: -10px;
}
.video_list .bx-wrapper .bx-prev{
    right:24px;
    left:auto;
}
.video_list .bx-wrapper .bx-next{
    right:2px;
}
.video_list .bx-wrapper .bx-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    text-align: center;
    top: -5px;
    left: -2px;
    right: 0;
    position: absolute;
}
.video_list .bx-wrapper .bx-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    text-align: center;
    top: -5px;
    left: 2px;
    right: 0;
    position: absolute;
}

.video_full{
    margin-top: 20px;
    border: 1px solid #d0cdcc;
}
.posts_featured{
    padding-top:30px;
}
.posts_content{
    background:#fff;
    padding:20px 20px;
    min-height:1050px;
}
.posts_content h3{
    font-size:17px;
    color:#fb9152;
    font-weight:bold;
    margin-bottom:3px;
}
.posts_content .p_date{
    font-size:12px;
    color:#979797;
}
.posts_content h4{
    font-size:14px;
    color:#6f6f6f;
    font-weight:bold;
    margin-top:10px;
}
.posts_content .info_txt{
    font-size:14px;
    color:#979797;
    margin-top:15px;
    margin-bottom:5px;
}
.posts_content .img{
    margin-bottom:30px;
}
.posts_content .link_more{
    text-align:right;
    margin-right:35px;
}
.posts_content .link_more a{
    color:#ff9600;
    font-weight:bold;
}
.box_comment{

}
.box_comment .like_share{

}
.box_comment .i_like{
    font-size:13px;
    color:#6789ce;
    position:relative;
    padding-left:20px;
    color:#0182bc;
}
.box_comment .i_like:before{
    content:"";
    background:url(../img/like_binhluan.png) no-repeat;
    width:16px;
    height:16px;
    position:absolute;
    left:0;
}
.box_comment .i_comment{
    font-size:13px;
    color:#6789ce;
    position:relative;
    padding-left:5px;
    padding-right:5px;
}
.box_comment .i_comment:before{
    content: ".";
    position: absolute;
    left: -1px;
    top: -4px;
    color:rgba(50,50,50,0.3);
}
.box_comment .i_comment:after{
    content: ".";
    position: absolute;
    right: -1px;
    top: -4px;
    color:rgba(50,50,50,0.3);
}
.box_comment .i_share{
    font-size:13px;
    color:#6789ce;
    position:relative;
    padding-left:18px;
}
.box_comment .i_share:before{
    content:"";
    background:url(../img/share_binhluan.png) no-repeat;
    width:16px;
    height:16px;
    position:absolute;
    left:0;
}
.box_comment .like_share a:hover{
    color:#f40;
}
.box_comment .your_like{
    font-size:11px;
    color:#a8a4a1;
    position:relative;
    padding-left:22px;
}
.box_comment .your_like:before{
    content:"";
    background:url(../img/like_binhluan_cmt.png) no-repeat;
    width:16px;
    height:16px;
    position:absolute;
    left:0;
}
.block_cmt{
    padding-top:15px;
    max-width:596px;
}
.block_cmt .avatar_cmt{
    float:left;
    width:26px;
    height:26px;
}
.block_cmt .input_cmt{
    margin-left:29px;
    border:1px solid #b2b2b2;
    height:28px;
    border-radius:3px;
    padding:3px 15px;
    padding-right:120px;
    position:relative;
}
.block_cmt .input_cmt .input_text{
    font-size:12px;
    width:100%;
}
.block_cmt .input_cmt .input_text:-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a8a4a1;
}
.block_cmt .input_cmt .input_text:-moz-placeholder { /* Firefox 19+ */
  color: #a8a4a1;
}
.block_cmt .input_cmt .input_text:-ms-input-placeholder { /* IE 10+ */
  color: #a8a4a1;
}
.block_cmt .input_cmt .input_text:-moz-placeholder { /* Firefox 18- */
  color: #a8a4a1;
}
.block_cmt .i_sup{
    position:absolute;
    top:2px;
    right:0;
    background:url('../img/i_sup_com.png')no-repeat;
    width: 20px;
    height: 20px;
}
.block_cmt .i_sup.i_1{
    background-position: -9px 0;
    right:90px;
}
.block_cmt .i_sup.i_2{
    background-position: -37px 0;
    right:62px;
}
.block_cmt .i_sup.i_3{
    background-position: -65px 0;
    right:34px;
}
.block_cmt .i_sup.i_4{
    background-position: -93px 0;
    right:6px;
}
.comment_more{
    margin-left:34px;
    padding-top:10px;
}
.comment_more a{
    font-size:12px;
    color:#5292c5;
}
.list_cmt{
    margin-top:10px;
}
.list_cmt .content_cmt{
    margin-left:34px;
}
.list_cmt .info_name{
    font-size:12px;
    color:#b2b2b2;
    margin-bottom:10px;
}
.list_cmt .info_name a{
    color:#b2b2b2;
}
.list_cmt .info_name p{
    font-size:12px;
}
.list_cmt .numb_like{
    background:url('../img/like_binhluan_cmt.png') no-repeat;
    width:16px;
    height:16px;
    padding-left:18px
}
.cmt_y_like a{
    padding-right:5px;
    position:relative;
}
.cmt_y_like a:before{
    content:".";
    position: absolute;
    right: -1px;
    top: -4px;
    color:rgba(50,50,50,0.3);
}

.list_cmt .item_cmt1 .info_name .name{
    color:#146baf;
}
.list_cmt .item_cmt1 .info_name .date{
    font-size:12px;
    color:#a8a4a1;
}
.list_cmt .item_cmt1 .a_like,
.list_cmt .item_cmt1 .a_cmt{
    color:#6789ce;
}
.block_cmt .block_list_cmt {

}
.block_cmt .group_input_cmt .input_cmt{
   margin-left:35px;
}
.list_cmt .slimScrollBar{
    background:#87adeb!important;
}
.product_featured{
    background:#fff;
    margin-top:34px;
    padding:10px;
    margin-bottom: 25px;
}

.product_featured .head_title{
    font-size:14px;
    text-transform:uppercase;
    padding-bottom:15px;
}
.list_sp .item_sp{
    margin-bottom:20px;
}
.list_sp .img_left{
    float:left;
    width:40%;
}
.list_sp .img_left img{
    width: 100px;
}
.list_sp .info_right{
    float:left;
    width:60%;
    padding-left:2px;
}
.list_sp .info_right h3{
    font-size:14px;
    margin-bottom:10px;
}
.list_sp .info_right p{
    line-height:16px;
    margin-bottom:10px;
}
.list_sp .info_right p a{
    font-size:12px;
    color: rgba(0,0,0,0.34);
}
.list_sp .info_right .numb_sp{
    font-size:12px;
    color:#5faafb;
}
.refresh_list{
    font-size:12px;
    text-transform:uppercase;
    padding-left:24px;
    line-height:20px;
    position:relative;
    width: 146px;
    margin: auto;
}
.refresh_list:before{
    content:"";
    background:url(../img/i_refresh.png) no-repeat;
    width:21px;
    height:20px;
    position:absolute;
    left:0;
    top:0;
}



/* 6 - Footer
------------------------------------------------------------------------*/
.footer{
    background:url('../img/bg_footer.jpg') repeat-x;
    background-size:cover;
}
.footer .w_full {
    padding:30px 0;
}
.footer .col_w1{
    width:117px;
    float:left;
    padding-left:20px;
}
.footer .col_w2{
    padding-left:35px;
    float:left;
    width:375px;
}
.footer .col_w3{
    padding-left:80px;
    float:left;
    width:252px;
}
.footer .col_w4{
    padding-left:68px;
    float:left;
    /*width:218px;*/
}
.footer .col_w5{
    padding-left:50px;
    float:left;
    width:215px;
}
.footer h3{
    font-family: Myriad Pro;
    font-size:15px;
    text-transform:uppercase;
    color:#fff;
    padding-bottom:2px;
    border-bottom:1px solid rgba(255,255,255,0.5);
    margin-bottom:10px;
}
.footer p{
    font-family: Myriad Pro;
    font-size:14px;
    color:#fff;
    margin-bottom:3px;
}
.footer .col_w2 p{
    margin-bottom:10px;
}
.social .i_social{
    background:url(../img/i_social.png);
    width:26px;
    height:30px;
    display:inline-block;
}
.social .i_face{
    background-position:-10px 0;
}
.social .i_googleplug{
    background-position:-38px 0;
    width:24px;
}
.social .i_skype{
    background-position:-64px 0;
}
.social .i_zalo{
    background-position:-92px 0;
}
.social .i_phone{
    background-position:-118px 0;    
}
.social .i_social:hover{
    opacity:.8;
}
.copyright{
    font-size:12px;
    color:#fff;
    text-align:center;
    padding-bottom:10px;
}
/* -- */
.fixed_support{
    position: fixed;
    top: 1px;
    height: auto;
    right: auto;
    margin-left: 7px;
    z-index:99;
}
.btn_toggle{
    margin-bottom: 15px;
    text-align:center;
    display:none;
}
.btn_toggle .btn-default{
    color:#f40!important;
    border-color: #f40!important;
}

.posts_content .bx-wrapper{
    margin:0;
}

.posts_content .bx-wrapper .bx-viewport{
    left:0;
    box-shadow:none;
    border:0;
}
.posts_content .bx-controls-direction{
    display:none;
}
.posts_content .bx-wrapper .bx-pager{
    bottom:-10px;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    background:#9e9e9e;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
    background:#ff6a10;
}

/* Modal */
#home_Modal{
    z-index: 10000;
    position: fixed;
    bottom: -165px;
    left: 0;
}
#home_Modal .modal-content{
    background:transparent;
    box-shadow:none;
    border:none;
    position: relative;
}
#home_Modal .modal-header{
    text-align:center;
    padding:0;
    border-bottom: 0;
    position: absolute;
    right: 5px;
    z-index: 5000;
}
#home_Modal .modal-header .close{
    font-size:21px;
    text-transform:uppercase;
    font-weight:bold;
    color:#fff;
    width:147px;
    height:40px;
    line-height:38px;
    text-align:center;
    border-radius:6px 6px 0 0;
    background: rgba(251, 148, 87, 0.9);
    opacity:1;
    float:none;
    margin:0;
}
#home_Modal .modal-body{
    background: rgba(255,255,255,0.9);
    border-radius:12px 12px 0 0;
    border:1px solid rgba(251, 148, 87, 0.9);
    width: 375px;
}
@media (min-width: 768px) {
    #home_Modal .modal-dialog {
        width: auto;
        max-width: 1110px;
        margin: 198px auto;
    }
}
#home_Modal .modal-body{
    padding: 0 15px;
    text-align:center;
}
#home_Modal .modal-body .notifi_left,
#home_Modal .modal-body .notifi_right{
    padding:15px 0 5px;
}
#home_Modal .modal-body .notifi_left{
    float:left;
    width:50%;
    position:relative;
}
#home_Modal .modal-body .notifi_right{
    float:left;
    width:50%;
    position:relative;
}
#home_Modal .modal-body .notifi_left:before{
    content:"";
    width:1px;
    height:100%;
    background:#fb9152;
    position:absolute;
    right:0;
    top:0;
}
#home_Modal .modal-body h3{
    font-size:19px;
    color:#fb9152;
    text-align:center;
    text-transform:uppercase;
    line-height:28px;
}
#home_Modal .modal-body strong{
    font-size:50px;
    color:#fb9152;
    font-weight:bold;
}
p.login-box-msg{
    margin-bottom: 20px;
}

.t-content{
    margin-bottom:12px;
    border-top:1px solid #fb9152;
    border-bottom:1px solid #fb9152;
}

/* Blog Content */
.block-content{
    max-width:1200px;
    margin:auto;
    position:relative;
}
.block-content .col-w{
    width:1145px;
}
.block-content .col-left{
    width:835px;
    float:left;
}
.block-content .col-right{
    width:290px;
    float:right;
    position:relative;
}
.product_featured.cust{
    margin-top:0;
}
.block-content .posts_featured{
    padding-top:10px;
    margin-bottom:30px;
}
.title_freatured.cust{
    margin-bottom:30px;
}
.block-content .post_item{
    padding-bottom:45px;
}
.pagination.paging{
    padding-top:30px;
}
.pagination.paging > li > a,
.pagination.paging > li > span {
    font-size: 17px;
    position: relative;
    float: left;
    padding: 1px 12px;
    line-height: 1.846153846;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    border: 1px solid #cfd0d0;
    margin-left: -1px;
}
.pagination.paging > li:first-child > a:before {
    content: "";
    background: url('../img/prev.png') no-repeat;
    width: 14px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.pagination.paging > li:last-child > a:before {
    content: "";
    background: url('../img/next.png') no-repeat;
    width: 14px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.pagination.paging > li.active > a,
.pagination.paging > li.active > a:hover,
.pagination.paging > li.active > span:hover {
    background: #3399ff;
    color: #fff;
}
.pagination.paging > li > a:hover,
.pagination.paging > li > span:hover {
    background: #3399ff;
    color: #fff;
}

.list-support.cust{
    top:0;
    right:0;
}
.list-support.cust.fixed_support{
    right:0;
}
.w-content{
    max-width:1349px;
    position:relative;
}

.block-content .block_blog{
    padding-top: 10px;
    margin-bottom: 30px;
}
.blog_content{
    padding: 20px 0;
}
.list_news{
    margin:0 -7px;
}
.list_news .col-sm-4{
    padding:0 7px;
}
.list_news .col-sm-4:nth-of-type(3n+1){
    clear:left;
}
.list_news .item{
    background:#fff;
    padding:15px;
    min-height: 320px;
    margin-bottom:40px;
}
.list_news .box_info{
    padding:10px;
}
.list_news .text_info{
    margin-bottom:10px;
}
.list_news .text_info a{
    font-size:17px;
    color:#454545;
    line-height:16px;
}
.list_news .box_info  p{
    font-size:13px;
    color:#666666;
    margin-bottom:20px;
}
.list_news .box_info .link_more{
    font-size:13px;
    color:#ff931f;
    font-weight:bold;
    text-transform:uppercase;
}
.list_news .text_info a:hover,
.list_news .box_info .link_more:hover{
    color:#f40;
}
.list_news .item .image:hover{
    opacity:0.8;
}
.block-content.blog{
    margin-bottom:50px;
}
.block-content .block_product{
    padding-top: 10px;
    margin-bottom: 30px;
}
.product_content {
    padding: 15px 0 20px;
    background:#fff;
}
.list_product{

}
.list_product .col-sm-3{
    padding:0 7px;
}
.list_product .item{
    background:#fbfbfb;
    padding-bottom:25px;
    position:relative;
    margin-bottom:25px;
}
.list_product_unknow .item{
    cursor: pointer;
}
.list_product .item:before{
    content:"";
    border:1px solid #ff1212;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity:0;
}
.list_product .item:hover:before{
    opacity:1;
}
.list_product .image{
    margin-bottom:5px;
    position:relative;
    z-index:12;
    padding:1px;
}
.list_product .thumb_img img{
    width:39px;
    height:44px;
}
.list_product .thumb_img a{
    margin:2px;
    display:inline-block;
    position:relative;
    z-index:11;
}
.list_product .thumb_img a:before{
    content:"";
    border:1px solid #ff1212;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity:0;
    z-index:9;
}
.list_product .box_info{
    padding-top:10px;
}
.list_product .content_price{

}
.list_product .content_price .price{
    float:left;
    font-size:14px;
    color:#ff1212;
    font-weight:bold;
    padding-left:10px;
}
.list_product .content_price .old-price{
    float:right;
    font-size:14px;
    color:#000;
    font-weight:bold;
    padding-right:10px;
}
.list_product .content_price{
    margin-bottom:15px;
}
.list_product .box_info p{
    font-size:13px;
    color:#adadad;
    padding:0 7px;
}
.list_product .thumb_img a:hover:before{
    opacity:1;
}
.list_product .col-sm-3:nth-of-type(4n+1){
    clear:left;
}
.product_content .pagination.paging{
    padding-top:0;
}

/*.news-content{
    padding: 0 10px;
}*/
.product-unknow{
    width: 100%;
    padding: 20px;
    background:#e5e5e5;
    box-sizing: border-box;
    border-radius: 8px;
}
.product-unknow h4{
    margin-bottom: 20px;
    color:#fff;
}
.product-unknow h5{
    margin-bottom: 10px;
    font-weight: bold;
    color:#333;
}

.image-pro{
    float: left;
    width: 30%;
    margin-right: 5%;
}

.ordercode{
    float: left;
    width: 30%;
    margin-right: 5%;
}
.stt-order{
    float: left;
    width: 30%;
    overflow-x: auto;
}
.bg-white{background: white; padding: 10px;position: relative;}
.list-ordercode{
    margin: 5px 0;
    padding: 0px 10px 0 5px;
    height: 165px;
    overflow-x: auto;

}
.list-stt{
    margin: 28px 0 5px;
    padding: 10px;
    height: 230px;
    border:1px solid #ddd;
    overflow-x: auto;
}
.list-ordercode .item, .list-stt .item{
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.product-unknow ::-webkit-scrollbar {
    width: 4px;
}

.product-unknow ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.product-unknow ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.triangle{
    position: absolute;
    right: -15px;
    z-index: 9999;
    top:50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;

    border-left: 15px solid #fff;
}
.mgt-10{margin-top: 10px;}
.note-box{
    margin-top: 20px;
}
.input-ordercode{
    color:#5faafb;
}
.list-stt a{color:#5faafb;}
.btn-recieve-product{
    position: relative;
    z-index: 999;
}

.wrap-feed{
    background: #fff;
    padding: 20px;

}
.wrap-feed *{
    vertical-align: baseline !important;
}
article{
    /*padding: 10px;*/
    border:1px solid #ddd;
    border-radius:6px;
    margin-bottom: 20px;
}
.introduce{
    margin-bottom: 10px;
}
.react{
    margin-top: 10px;
    padding: 6px 0 0 0;
    border-top:1px solid #ddd;
}
.btn-like{
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url(../img/comment-fb/2qGxIRsDTCx.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -193px;
    position: relative;
    top:5px;
}
.btn-comment{
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url(../img/comment-fb/2qGxIRsDTCx.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -155px;
    position: relative;
    top:5px;
}

.btn-share{
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url(../img/comment-fb/2qGxIRsDTCx.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -250px;
    position: relative;
    top:5px;
}

.react > span {
    margin-right: 15px;
}
.wrap-head{
    background: #fff;
    padding: 20px 20px 10px 20px;
    border-radius: 6px 6px 0 0;
}
.wrap-foot{
    border-top:1px solid #ddd;
    padding: 20px;
    background: #f6f7f9;
    border-radius:  0 0 6px 6px;

}
.img-like{
    height: 16px;
    position: relative;
    top:4px;
    display: inline-block;
    width: 16px;
    background-image: url(../img/comment-fb/80Toi9Z6PPm.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -153px -54px;
}
.like-result, .share-result{
    font-size:12px;
    color:#365899;
}
.react-result > span{
    margin-right: 10px;
}
.input-comment-wrap{
    margin-top: 10px
}
.input-comment-wrap img{
    float: left;
}
.input-comment{

    margin-left: 40px;
    background-color: #fff;
    border: 1px solid #dddfe2;
    border-radius: 22px;
    height: 32px;
}
.input-comment input{
    margin-left: 15px;
    height: 30px;
    border: 0;
    font-size:12px;
    outline: 0;
    width: 70%;
}
.comment-list > .item{
    margin-bottom: 10px;
}
.comment-list > .item > img{
    float: left;
}
.comment-list > .item > .comment-content{
    padding-left: 42px;
}
.attach-emotion{
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url(../img/comment-fb/HhsMU5HYIwI.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -65px;
    float: right;
    margin-left: 10px;
    margin-right: 15px;

}

.attach-photo{
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url(../img/comment-fb/HhsMU5HYIwI.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position:0 -31px;
    float: right;
    margin-left: 10px;

}
.attach-gif{
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url(../img/comment-fb/HhsMU5HYIwI.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position:0 -99px;
    float: right;
    margin-left: 10px;

}
.attach-sticker{
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url(../img/comment-fb/HhsMU5HYIwI.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position:0 -133px;
    float: right;
    margin-left: 10px;

}

.cm-reply-list .attach-emotion,.cm-reply-list .attach-sticker,.cm-reply-list .attach-gif,.cm-reply-list .attach-photo{
    margin-top: 3px;
}

.wrap-foot > .input-comment-wrap .attach-emotion, .wrap-foot > .input-comment-wrap .attach-sticker, .wrap-foot > .input-comment-wrap .attach-gif, .wrap-foot > .input-comment-wrap .attach-photo{
    margin-top: 7px;
}
.comment-list{
    margin-top: 10px;
}

.comment-list .item-child img{
    float: left;
}
.comment-list .item-child .comment-content{
    padding-left: 40px;
}
.username-cm{
    color:#365899;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 600;

}
.comment-content .top-cm{
    font-size: 13px;
}
.bottom-cm{
    font-size:13px;
    color:#365899;

}
.time-ago-cm{
    color:#90949c;
}
.comment-list .item-child{
    margin-bottom: 10px;
}
.cm-reply-list{
    margin-left: 28px;
    border-left: 2px solid #dddfe2;
    margin-top: 10px;
    padding-left: 10px;
}
.cm-reply-list .comment-content{
    padding-left: 30px !important;
}
.cm-reply-list  .input-comment{
    height: 24px;
    margin-left: 30px !important;
}
.cm-reply-list  .input-comment input{
    height: 18px;
    width: 70%;
}
.cm-reply-list .item-child:last-child{
    margin-bottom: 0 !important;
}
.child-cm{
    margin-bottom: 10px;
}

.react .like,.react .comment,.react .share,.reply-cm,.like-cm{
    cursor: pointer;
}
.wrap-head .introduce h2{
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #b22222;
}
.wrap-head .introduce h2 a{
    color: #b22222;
}

.wrap-head .introduce h3{
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
}

.wrap-head .introduce p{
    line-height: 22px;
    margin-bottom: 10px;
    font-size: 15px;
}

.wrap-order .thumb_img img {
    width: 39px;
    height: 44px;
    cursor: pointer;
}
.wrap-head .introduce .article-image li{
    width: 50%;
    float: left;
}
.wrap-head .introduce .article-image img{
    width: 100%;
}

@media(max-width:1200px){
    .top_navbar{
        padding-left:90px;
    }
    .block_profile {
        float: none;
        padding-right: 52px;
        padding-top: 20px;
        clear: both;
        max-width: 415px;
        margin: auto;
    }
    .box_sp{
        padding:0 5px;
    }
    .block-featured .col-left{
        width:670px;
    }
    #bx-pager img {
        width: 82px;
        height: 66px;
    }
    .pager-prev,
    .pager-next{
        bottom:25px;
    }
    .pager-prev{
        left:5px;
    }
    .pager-next{
        right:5px;
    }
    #home-slider{
        min-height:506px;
    }
    .video_list .item{
        width:161px;
    }
    .video_list .item .box_ideo{
        min-height:168px;
    }
    .footer .col_w2{
        width:330px;
    }
    .info-message .other-text{
        line-height:16px;
        padding-top:4px;
    }
    .footer .col_w5{
        padding-left:79px;
        width:253px;
        padding-top:30px;
    }
    .video_list .bx-wrapper{
        margin:auto;
        max-width:648px!important;
    }
    .block-content .col-w{
        width:970px;
    }
    .block-content .col-left {
        width: 670px;
    }
    .list_news .item{
        min-height:350px;
    }


}

@media(max-width:992px){
    .logo{
        float: none;
        text-align: center;
        width: 100%;
        padding-left: 0;
        margin-bottom:15px;
    }
    .top_navbar{
        padding-left:0;
    }
    .block_nav {
        float: none;
        max-width: 570px;
        margin: auto;
    }
    .content-slide{
        margin-right:0;
    }
    #home-slider .block-right{
        position:relative;
        float: left;
        width: 100%;
    }
    #home-slider .block-right .w-inner{
        max-width:350px;
        margin:10px auto;
        float:none;
    }
    .list-support{
        position:relative;
        margin-left:7px;
    }
    .block-featured .col-left{
        width:100%;
    }
    .block-featured .col-right{
        width:100%;
        float:left;
    }
    .list_sp .img_left{
        width:110px;
    }
    #home-slider .block-right{
        margin-bottom:30px;
        padding-bottom:15px;
    }
    .footer .col_w4{
        margin-top: 20px;
        clear: left;
        padding-left: 152px;
        width: 325px;
    }
    .video_list .item {
        width: 24%;
        margin: 0 0.5%;
    }
    .video_list .item .box_ideo{
        min-height:initial;
    }
    .info-message .other-text{
        line-height:11px;
    }
    .footer .col_w5{
        padding-top:20px;
    }
    .video_list .bx-wrapper{
        max-width:707px!important;
    }
    .block-content .col-w {
        width: 750px;
    }
    .block-content .col-left{
        width:100%;
    }
    .block-content .col-right{
        width:100%;
        float:left;
    }
    .list-support.cust{
        left:0;
        right:0;
        margin:30px auto;
    }
    .wrap-head .introduce .article-image li{
        width: 100% !important;
        float: none;
        margin-bottom: 10px;
    }
}

@media(max-width:767px){
    .product_theme li{
        width:50%;
        margin-bottom:20px;
    }
    .btn_link_order{
        padding-bottom:10px;
    }
    .product_theme{
        max-width:570px;
        margin:auto;
    }
    #bx-pager a{
        margin-bottom:5px;
    }
    .group-comment .col-left{
        width:100%;
    }
    .group-comment .col-right{
        width:100%;
        margin-top:65px;
    }
    .search-box{
        width:430px;
        margin: 5px auto 0;
    }
    .search-box .search-input{
        width:275px;
    }.video_list .bx-wrapper
    .header{
        margin-top:10px;
    }
    #page {
        padding: 0 15px;
    }
    .info-message .other-text{
        line-height:initial;
        padding:7px 0;
        padding-left:40px;
    }
    .video_list .bx-wrapper{
        width: auto!important;
        max-width: 409px!important;
    }
    .posts_content{
        min-height:initial;
        padding-bottom:150px;
    }
    .footer .col_w1,
    .footer .col_w2,
    .footer .col_w3,
    .footer .col_w4,
    .footer .col_w5{
        float:none;
    }
    .footer .col_w2,
    .footer .col_w3,
    .footer .col_w4,
    .footer .col_w5{
        padding-left:20px;
        padding-right:20px;
        padding-top:25px;
        width:100%;
    }
    .footer .col_w4{
        margin-top:0;
    }
    .block-content .col-w{
        width:auto;
    }
    .list_news .col-sm-4:nth-of-type(3n+1){
        clear:none;
    }
    .list_news .col-sm-4:nth-of-type(2n+1){
        clear:left;
    }
    .list_product .col-sm-3:nth-of-type(4n+1){
        clear:none;
    }
    .list_product .col-sm-3:nth-of-type(3n+1){
        clear:left;
    }

    .attach-photo,.attach-gif,.attach-sticker{
        display: none !important;
    }
    .introduce img{
        max-width: 100% !important;
        height: auto !important;
    }


}
@media(max-width:525px){
    .react-result{
        float: none !important;
        margin-top: 5px;
    }

    .wrap-head{
        padding: 10px 10px 10px 10px !important;
    }
    .wrap-foot{
            padding: 10px !important  ;
    }
    .posts_content{
        padding:20px 10px !important;
    }
}

@media(max-width:480px){
    .btn_toggle{
        display:block;
    }
    .nav_menu{
        background:rgba(50,50,50,0.1);
        padding:10px;
        margin-top: 5px;
        margin-bottom:15px;
        display:none;
    }
    .nav_menu li{
        width:100%;
        margin-right:0;
        padding:5px 0;
    }
    .group-comment .group-cmt .cmt-content .img-avatar{
        width: 35px;
        margin-right: 4px;
        margin-left: 4px;
    }
    .group-comment .group-cmt .cmt-content .write-text{
        margin-left:45px;
    }
    .search-box{
        width:261px;
    }
    .search-box .search-input{
        width:108px;
    }
    #bx-pager img {
        width: 71px;
        height: 56px;
    }
    .bx-list-pager img{
        width:53px;
        height:55px;
    }
    .block_profile{
        padding-right:0;
    }
    .profile_info {
        max-width: 236px;
        margin: auto;
    }
    .home_icon + .notification-block{
        clear:left;
        padding-left:47px;
    }
    .link_create_order{
        text-align:center;
    }
    .link_create_order .link_order{
        margin-bottom:10px;
    }
    .notification-block-1 .dropdown-menu{
        right: auto;
        left: -120px;
    }
    .top_navbar .select_down_icon .dropdown-menu .beeper_nub {
        right: 117px;
    }
    .top_navbar .notifications_icon  .dropdown-menu{
        left:-8px;
    }
    .top_navbar .notifications_icon .dropdown-menu .beeper_nub{
        right: 145px;
    }
    .top_navbar .message_icon  .dropdown-menu {
        left:-8px;
    }
    .top_navbar .message_icon .dropdown-menu .beeper_nub{
        right: 179px;
    }
    .video_list .bx-wrapper{
        max-width: 220px!important;
        margin:auto;
    }
    .list_sp .img_left{
        width:25%;
        padding-right:10px;
    }
    .list_sp .info_right{
        width:73%;
    }
    .posts_content{
        padding-bottom: 90px;
    }
    .posts_content .bx-wrapper .bx-pager{
        bottom:-70px;
    }
    .list_news .col-sm-4{
        width:100%;
        margin:auto;
    }
    .list_news .col-sm-4:nth-of-type(2n+1){
        clear:none;
    }
    .list_news .item{
        min-height:initial;
    }
    .list_news .col-sm-4:last-child .item{
        margin-bottom:0;
    }
    .list_product .col-sm-3:nth-of-type(3n+1){
        clear:none;
    }
    .list_product .col-sm-3{
        width:50%;
    }
    .list_product .col-sm-3:nth-of-type(2n+1){
        clear:left;
    }

}

@media(max-width:376px){
    .w-inner .w-left{
        float:none;
    }
    .w-inner .w-right{
        float:none;
    }
    #home-slider .block-right .header-banner{
        margin:15px auto;
    }
    .list-support{
        margin:auto;
    }
    #home-slider .block-right{
        margin-bottom:0;
        padding-bottom:0;
    }
    .list_product .col-sm-3{
        max-width:220px;
        width:100%;
        float:none;
        margin:auto;
    }
    .list_product .col-sm-3:nth-of-type(2n+1){
        clear:none;
    }

}
.comment-unknowproduct{ display: none;}
.fancybox {cursor: pointer !important}
.cl-red{color:red;}
.wrap-cost{padding: 10px}
.list_product.list_product_liquid .item{border:1px solid #ddd;}
.list_product.list_product_liquid .item::before{
    content: none !important;
}
.add-liquid{position: relative; padding-left: 35px; 
 /*   background: #acefca ;color:red;-webkit-box-shadow: 0px 0px 10px 0px rgba(106,220,153,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(106,220,153,1);
box-shadow: 0px 0px 10px 0px rgba(106,220,153,1); border-color:#37f368;*/

}
/*.add-liquid::before{
    content:"";
    position: absolute;
    background-image: url(../img/cart.png);
    background-repeat: no-repeat;
    background-size: 80%;
    opacity: 1;
    width: 27px;
    left: 10px;
    height: 26px;
}*/
.mt-20{margin-top: 20px;}
#gallery img {width: 60px; margin: 0 1px; cursor: pointer;}
#gallery img.active{border:2px solid red;}
.product-infor h2{margin-bottom: 5px !important; color: #989898 !important; }
.product-infor .cost {
    font-weight: 700;
    color: #b90935;
    font-size: 18px;
    margin-bottom: 10px;
}
.box_lq .title{
    margin-bottom: 5px;
    margin-top: 5px;
}
.box_lq .cost{
    font-weight: 600;
    color: #b90935;
    font-size: 14px;
    margin-bottom: 10px;
}
.product-infor .info-meta{
    margin-bottom: 5px
}
.attribute-color .colors span{
    width: 25px;
    height: 25px;
    display: inline-block;
}
.mb-10{margin-bottom: 10px !important;}
.quantity input{
    border:1px solid #ddd;
    padding:5px;
    width: 50px;
}
.size select{
    border:1px solid #ddd;
    padding:5px;
    width: 50px;
}
.addcart{
    padding:6px 20px;
    /*background: #ff3366;*/
    color:#fff;
    display: inline-block;
    margin-top: 5px;
    cursor: pointer;
}
.addcart:hover{
    color:#fff;
}
ul.tabs {
    margin: 40px 0 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

ul.tabs li {
    float: left;
    margin: 0;
    margin-right: 5px;
    cursor: pointer;
    padding: 0px 21px;
    height: 31px;
    line-height: 31px;
    font-weight: bold;
    background-color: #e2e2e2;
    color: #333333;
    position: relative;
}



ul.tabs li:hover {
    background-color: #ccc;
    color: #333;
}

ul.tabs li.active {
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #fff;
    display: block;
    position: relative; 
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
ul.tabs li.active::before{
    content: " ";
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: -2px;
    left: 0;
    background: #ffffff;
}
.tab_container {
    border: 1px solid #ddd;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    overflow: auto;
}

.tab_content {
    padding: 20px;
    display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
    .tabs {
        display: none;
    }
    .tab_drawer_heading {
        background-color: #ccc;
        color: #fff;
        border-top: 1px solid #333;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .d_active {
        background-color: #666;
        color: #fff;
    }
}
.related-lq {margin-top: 20px;}
.related-lq h3{
    color:#333;
}
.box_lq{padding:5px ; border: 1px solid #ddd;}
.related-lq .bx-pager.bx-default-pager{
        bottom: -40px !important ;
        visibility: hidden;
}
.product-infor hr{
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}
#zoompro{width: 100%;}