@font-face{
     font-family:'UTM-Impact';
     src:url(../fonts/UTM-Impact.ttf) format("truetype") 
}
 *{
     margin:0;
     padding:0;
     outline:none 
}
 a:focus{
     outline:none 
}
 h1,h2,h3,h4,h5,h6{
     font-family:'Roboto',sans-serif;
     font-weight:400;
     margin:10px 0;
     padding:0 
}
 table{
     width:100% 
}
 table,th,td{
     font-size:100%;
     padding:10px;
     margin-bottom:10px 
}
 table{
     border-collapse:collapse;
     border-spacing:0;
     padding-left:10px;
     border-color:#d2d2d2 
}
 tr{
     margin-bottom:10px 
}
 td{
     vertical-align:central;
     border-color:#d2d2d2 
}
 .aml_dk-channel-talk{
     background-image:url(/theme/talk.png) 
}
 .aml_dk-channel-viber{
     background-image:url(/theme/viber.png) 
}
 ul li{
     list-style:none!important 
}
 ul{
     padding:0;
     margin:0 
}
 body{
     font-family:'Roboto',sans-serif;
     background-color:#fff!important;
     overflow-x:hidden 
}
 img{
     width:100%;
     height:auto;
     max-width:100% 
}
 a{
     text-decoration:none;
     font-family:'Roboto',sans-serif;
     color:inherit 
}
 a:hover{
     text-decoration:none;
     cursor:pointer;
     color:var(--mainweb-color) 
}
 html{
     scroll-behavior:smooth 
}
 .nk-content div {
     width: 6em;
     height: 6em;
     background: #f1f1f1;
     padding: 1.2em;
     border-radius: 50%;
     display: flex;
     align-items: center;
     place-content: center;
}
 .nk-content img {
     max-height: 4em;
}
 .nk-content {
     display: grid;
     justify-content: center;
}
 .nk-content:hover {
     filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.15));
}
 .ftitle {
     text-transform: uppercase;
     padding-top: 5px;
     text-align: center;
     font-weight: 600;
     margin-top: 0.9em;
     font-size: 0.8em;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     margin-bottom: 20px;
}
 .sale-percent {
     position: absolute !important;
     right: 10px;
     top: 10px;
}
 .sale-text {
     background: #dd0000;
     display: flex;
     z-index: 9;
     color: #fff;
     height: 40px;
     width: 40px;
     align-items: center;
     justify-content: center;
     border-radius: 20px;
}
 span.price.product-price {
     font-size: 15px;
     color: #dd0000 !important;
     font-weight: bold;
}
 .price-section {
     display: flex;
     justify-content: center;
}
 .price-section {
     text-align: center;
}
 .menu.menu-desktop li.dropdown .fa {
     font-size: 10px;
     margin-right: 10px;
     position: relative;
     left: -4px;
}
 .block-nav-left-mobile > ul {
     border: 1px solid #eee;
}
 .block-nav-left-mobile > ul > li {
     border-bottom: 1px dashed #d9d9d9;
}
 .block-nav-left-mobile > ul > li > a {
     position: relative;
     display: block;
     padding: 10px 0px 10px 10px;
}
 .block-nav-left-mobile > ul > li > ul li a {
     padding: 5px 10px;
     display: block;
}
 .block-nav-left-mobile > ul > li.has-child ul , .block-nav-left-mobile > ul > li.has-child.active.open ul{
     display: none;
}
 .block-nav-left-mobile > ul > li.has-child.open ul {
     display: block;
     background: #f3f3f3;
}
 button.post-list__readmore {
     display: none;
}
 .breadcrumbs-slide svg {
     display: none;
}
 .breadcrumbs-slide ul li {
     display: inline-block;
}
 .breadcrumbs-slide .hidden {
     display: inline-block !important;
}
 .breadcrumbs-slide ul li:not(:last-child):after {
     content: ">";
     margin: 0 10px;
     color: #333;
}
 .block-nav-left-mobile span.icon {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .block-nav-left-mobile span.icon:before {
     content: "\f107";
     padding: 0px 4px;
}
 .block-nav-left-mobile span.icon:hover:before , .block-nav-left-mobile .open span.icon:before {
     background: var(--mainweb-color);
     color: #fff;
}
 .block-nav-left-mobile span.icon {
     float: right;
     margin-right: 5px;
     font-size: 20px;
}
 .block-nav-left-mobile .open span.icon {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .slick-slider{
     margin-bottom:0 
}
 .pt_box_money_product ul{
     max-width:470px!important;
     width:100% 
}
 .list-bar{
     display:none;
     cursor:pointer;
     position:absolute;
     top:15px;
     left:15px 
}
 .bar1,.bar2,.bar3{
     width:25px;
     height:2px;
     background-color:#626262;
     margin:6px 0;
     transition:.4s 
}
 .change .bar1{
     -webkit-transform:rotate(-45deg) translate(-9px,6px);
     transform:rotate(-45deg) translate(-8px,6px) 
}
 .slick-dots{
     position:absolute;
     bottom:-58px;
     display:block;
     width:100%;
     padding:0;
     list-style:none;
     text-align:center 
}
 .change .bar2{
     opacity:0 
}
 .change .bar3{
     -webkit-transform:rotate(45deg) translate(-8px,-8px);
     transform:rotate(45deg) translate(-8px,-7px) 
}
 .header{
     width:100% 
}
 .header-top {
     position: relative;
     height: 34px;
     background: #eeeeee;
}
 .box-header-top{
     display:flex;
     justify-content:space-between 
}
 .logo{
     display:inline-block;
     padding:0;
     margin-right:55px 
}
 .logo img{
     max-width:335px;
     max-height:67px 
}
 button#gone22{
     background:var(--mainweb-color);
     padding:5px;
     margin:3px;
     height:34px 
}
.box_header_right {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    position: relative;
    top: 21px;
    gap: 20px;
}

.form_header {
    flex: 1;
}

.form_cart {
    width: 100px;
    display: flex;
    justify-content: flex-end;
}

.tt-hint {
    font-size: 0px;
}
.twitter-typeahead {
width: 100%;
}

.tt-dropdown-menu {
	margin-top: 0px;
	padding: 0px;
	background-color: #fff;
	border: 0px solid #ccc;
	/* border: 1px solid rgba(0, 0, 0, 0.2); */
	/* border-radius: 8px 8px 8px 8px; */
	color: #111;
	width: 100%;
	background-color: #ffffff;
	text-align: left;
	z-index: 99999 !important;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 4px;
	border-radius: 5px;
}

.searchkeywords p {
	margin: 0px;
}

.searchkeywords .tt-suggestion:hover, .tt-suggestion:focus {
	color: #ffffff;
	text-decoration: none;
	outline: 0;
	background-color: #ae080a;
}
.searchkeywords .tt-suggestion:hover a, .tt-suggestion:focus a {
	color: #fff;
}

.name-product {
	height: 20px;
	overflow: hidden;
}

.price-product {
	color: #dd0000;
}

.searchkeywords .tt-suggestion:hover a .price-product {
	color: #fff;
}

.tt-suggestion {
	display: inline-block;
	width: 100%;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.price-product del {
	color: #4e4e4e;
	font-size: 13px;
	margin-left: 5px;
}
del.old-price {
	margin-left: 5px;
}
.size-full {
	height: inherit;
	padding: 10px 0px;
}
.tt-suggestion p {
	margin: 0px;
}
.imgproduct {
	width: 35px;
	float: left;
	margin-right: 10px;
}
.twitter-typeahead {
	background: #fff;
	border-radius: 5px;
}
.infoproduct {
	float: left;
	width: calc(100% - 45px);
}
.tt-suggestion {
	border-bottom: 1px dashed #d9d9d9;
	padding: 4px 10px !important;
}
.tt-suggestion:last-child {
	border-bottom: 0px dashed #d9d9d9;
}
input.tt-hint {
	opacity: 0;
}
@media (max-width: 991px) {
.search-block .left-search, span.twitter-typeahead {
	width: 290px;
}
.left-search input[type="text"] {
	max-width: calc(100% - 0px) !important;
}
}
@media (max-width: 500px) {
.search-block .left-search, span.twitter-typeahead {
	width: 220px;
}
}
.d-none {
    display: none;
}
.no-result a {
    display: block !important;
}
.no-result {
    padding: 50px 0px 100px;
}
.form_search {
    display: grid;
    width: 100% !important;
}
.search-query {
    flex: 1;
}
 .language{
     width:100% 
}
 .language ul{
     display:flex;
     justify-content:space-evenly 
}
 .language li{
     display:flex 
}
 .language li+li{
     margin-left:25px 
}
 .language li a{
     line-height:23px;
     display:flex;
     align-items:center 
}
 .language li span {
     color: #000;
}
 .language li img{
     width:auto;
     border:2px solid #fff;
     box-shadow:0 0 1px 0 #000;
     margin-left:9px 
}
.woocommerce p.cart-empty {
    margin: 0 0 40px !important;
    display: block;
    text-align: center;
}
.btn-cart-indicator {
    position: absolute;
    background: #dd0000;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    left: 17px;
    top: -12px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-cart {
    position: relative;
    top: 12px;
}
 .info_company{
     width:auto;
     display:inline-block;
     margin:10px 0;
     margin-left:20px;
     text-align:center;
     float:left;
     display:none 
}
 .info_company .bo_cong_thuong{
     color:#575757;
     text-transform:uppercase;
     font-weight:400;
     font-size:18px;
     display:inline-block;
     font-family:'UTM-Impact';
     line-height:normal;
     letter-spacing:4px 
}
 .menu.menu-desktop .fa-home {
     font-size: 25px;
     position: relative;
     top: 5px;
     margin-right: 0;
}
 .info_company .company_name{
     text-transform:uppercase;
     font-weight:500;
     font-size:45px;
     font-family:'UTM-Impact';
     color:var(--mainweb-color);
     letter-spacing:10px 
}
 .info_company .company_sub_name{
     color:#575757;
     text-transform:uppercase;
     font-weight:700;
     font-size:17px 
}
 .menu-item:hover>ul{
     display:block;
     width:auto;
     height:auto 
}
 span.golink {
     margin: 10px 0px;
     display: flex;
     justify-content: center;
}
 div#google-ads_1 {
     display: none;
}
 #ftwp-header h3:after {
     content: "";
     height: 0px !important;
     position: absolute;
     background: var(--mainweb-color);
     width: 45px;
     left: 0;
     bottom: -2px;
}
 .menu-item a{
     color:#222 
}
 .menu-item>a{
     color:#fff;
     display:block;
     height:40px;
     line-height:40px 
}
 .menu-item ul li.active a{
     background-color:#0f76bd;
     color:#fff 
}
 .menu-item ul li a{
     font-weight:400;
     display:block;
     padding:4px 20px;
     font-size:12px 
}
 .dropdown-menu-list>li>a:focus,.dropdown-menu-list>li>a:hover{
     color:#262626;
     text-decoration:none;
     background-color:#f5f5f5 
}
 .dropdown-menu-list{
     position:absolute;
     top:100%;
     z-index:1000;
     display:none;
     float:left;
     min-width:160px;
     padding:5px 0;
     font-size:14px;
     text-align:left;
     list-style:none;
     background-color:#fff;
     -webkit-background-clip:padding-box;
     background-clip:padding-box;
     border:1px solid #ccc;
     border:1px solid rgba(0,0,0,.15);
     border-radius:4px;
     -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
     box-shadow:0 6px 12px rgba(0,0,0,.175);
     left:0 
}
 .menu-c2{
     transition:all .5s 
}
 .title_box_center{
     height:35px;
     line-height:35px;
     background:#fff;
     margin:10px 0;
     border:1px solid #eee 
}
 .title_box_center a.viewall{
     color:#fff;
     font-size:12px;
     background:var(--mainweb-color);
     border-radius:25px;
     padding:4px 15px;
     margin-right:7px 
}
 .title_box_center h2{
     margin:0;
     padding:0 10px;
     float:left;
     font-size:15px;
     color:#fff 
}
 .title_box_center .sub_cat_title{
     float:left;
     padding-right:10px;
     line-height:35px;
     max-width:850px;
     margin-left:0;
     overflow:hidden;
     height:35px 
}
 .title_box_center .sub_cat_title a{
     text-decoration:none;
     padding:0 5px;
     border-left:solid 1px #000;
     color:#000 
}
 .title_box_center .sub_cat_title a:first-child{
     border:0 
}
 .product_home_category{
     margin:0;
     text-align:right;
     z-index:3 
}
 .title_block{
     display:none 
}
 .showall a{
     background:#000;
     padding:8px 20px;
     color:#fff 
}
 li.title-left a:hover{
     color:unset 
}
 .showall{
     clear:both;
     display:block;
     text-align:center;
     padding:10px 
}
 .box_info_slide a{
     font-weight:600;
     color:#d00 
}
 .box_right .content_box ul{
     margin-top:-5px;
     text-align:left 
}
 .box_right .content_box ul li{
     list-style:none 
}
 .box_right .content_box li {
     padding: 2px 0px;
     border-bottom: dashed 1px #ddd;
}
 .box_right .content_box li:last-child{
     border:0 
}
 .has-child ul {
     padding: 0px;
}
 .has-child ul li a:before {
     content: "\f105";
     font-family: FontAwesome;
     margin-right: 5px;
}
 .has-child ul li {
     font-size: 14px;
     line-height: 1.4;
     margin: 10px 0;
     padding-left: 20px;
     position: relative;
     list-style: none;
     padding: 0px;
}
 ul.ul .current{
     color:var(--mainweb-color) 
}
 div#clickopen .fa {
     font-size: 20px;
}
 .logo {
     width: 335px;
     position: relative;
     top: 19px;
}
 @media screen and (max-width:767px){
     .logo {
         width: 335px;
         position: relative;
         top: 0px;
    }
     .title_block{
         position:relative;
         display:inline-block;
         margin:0 0 5px;
         font-size:18px;
         margin:0;
         font-weight:700;
         text-transform:uppercase;
         background:var(--mainweb-color);
         padding:10px 10px 10px 15px;
         cursor:pointer;
         width:100%;
         clear:both;
         position:relative;
         top:0;
         margin-left:0;
         color:#fff;
         font-weight:normal;
         font-size:15px;
         text-align:left;
         margin-bottom:10px 
    }
     .block .block_content{
         display:none 
    }
     .title_block span{
         float:right 
    }
     .open-menu {
         display: block!important;
         background: #f9f9f9;
         margin-bottom: 15px;
         margin-top: -12px;
    }
     div#main_sidebar{
         clear:both;
         margin-top:10px 
    }
     .columns_left h1{
         width:100%;
         float:left;
         padding:5px;
         font-size:18px;
         text-transform:uppercase;
         font-weight:400;
         background:#f1f1f1;
         margin-top:0;
         margin-bottom:0;
         opacity:0 
    }
}
 .title_box_center .h_title{
     background:var(--mainweb-color);
     padding-right:10px;
     float:left;
     padding-left:10px;
     line-height:31px;
     color:#fff;
     font-weight:500;
     height:29px;
     position:relative;
     margin:0;
     text-transform:uppercase;
     margin-top:2px;
     margin-left:2px 
}
 .title_box_center2 .h_title:after{
     content:"";
     background:url(/theme/cat-right.png?11) no-repeat;
     width:8px;
     height:45px;
     position:absolute;
     right:-8px 
}
 .title_box_center2 .h_title:before{
     content:"";
     background:url(/theme/cat-left.png?11) no-repeat;
     width:8px;
     height:45px;
     position:absolute;
     left:-8px 
}
 .section_feed_form:before{
     content:"";
     height:50px;
     width:100%;
     background-image:url(../images/line_top.png);
     background-repeat:repeat-x;
     position:absolute;
     top:-14px;
     left:0;
     z-index:3 
}
 .title-form-header{
     color:var(--mainweb-color);
     text-transform:uppercase;
     font-weight:600;
     font-size:14px;
     display:inline-block;
     line-height:normal;
     margin-bottom:10px;
     font-family:'Roboto',sans-serif;
     display:none 
}
 .box_icon_search{
     display:inline-block;
     float:right;
     position:relative 
}
 .box_icon_search a{
     text-transform:uppercase;
     line-height:43px;
     padding:0 19px;
     display:block;
     box-sizing:border-box;
     font-size:15px;
     color:#fff;
     font-weight:600 
}
 .search{
     position:absolute;
     margin:0;
     border:none;
     width:calc(100% - 30px);
     top:100%;
     right:15px;
     z-index:1;
     max-width:400px 
}
 .search .col-md-12{
     min-height:unset 
}
 .form_search {
     width: 100%;
     z-index: 5;
     padding: 0;
     position: relative;
     border: 1px solid #eee;
}
 .search .form_search{
     display:none 
}
 .form_search input{
     width:100%;
     float:left;
     border:1px solid #838383;
     border-radius:10px 
}
 .form_search .form-control{
     box-shadow:none;
     outline:none;
     height:40px;
     border-radius:0;
     border:0 
}
 .form_search button{
     width:44px;
     float:left;
     position:absolute;
     right:0;
     top:0;
     border-radius:0;
     border:0;
     background-color:transparent 
}
 .form_search button i{
     font-size:16px;
     color:#fff 
}
 .form_search .form-control.close-search{
     position:absolute;
     top:0;
     right:0;
     border:none;
     width:35px;
     padding:0;
     height:auto;
     background-color:unset 
}
 .form_search .form-control.close-search i{
     font-size:16px;
     line-height:30px 
}
 .box-social-header-top{
     display:flex;
     flex-wrap:wrap;
     align-items:center 
}
 .box-social-header-top .box-info ul{
     display:flex;
     flex-wrap:wrap 
}
 .box-social-header-top .box-info ul li {
     margin-right: 30px;
     line-height: 34px;
     color: #fff;
}
 .box-social-header-top .box-info ul li a {
     color: #000;
     line-height: 34px;
}
 .box-social-header-top .box-info ul li a i{
     margin-right:5px 
}
 .box-header-top .box-info1 ul{
     display:flex;
     flex-wrap:wrap 
}
 .box-header-top .box-info1 ul li{
     margin-right:30px 
}
 .box-header-top .box-info1 ul li a{
     line-height:40px;
     color:#fff 
}
 .box-header-top .box-info1 ul li a i{
     margin-right:5px 
}
 .group-social{
     margin-left:40px 
}
 .group-social ul{
     display:flex 
}
 .group-social ul li{
     position:relative;
     margin-left:1px;
     height:40px;
     line-height:40px;
     width:40px;
     text-align:center;
     background:rgba(0,0,0,0.1);
     overflow:hidden;
     transition:all .3s linear 
}
 .group-social ul li:hover{
     opacity:.8 
}
 .group-social ul>li:hover a{
     transform:translateY(-3px) 
}
 .group-social ul li a{
     display:block;
     font-size:16px;
     color:#fff;
     transition:all .3s linear 
}
 .header-main {
     position: relative;
    /* background: var(--mainweb-color);
     */
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     height: 90px;
     width: 100%;
     clear: both;
}
 .header-bottom{
     position:relative;
     background:var(--mainweb-color) 
}
 .header-bottom.topfix{
     position:fixed;
     width:100%;
     top:0;
     left:0;
     z-index:99 
}
 .usa-header-mobiles.topfix {
     position: fixed;
     z-index: 99;
     width: 100%;
     box-shadow: 0 0 10px #000;
     top: 0;
     background: #fff;
}
 .topfix .search {
     margin-top: 70px;
}
 .header-bottom.topfix2{
     position:fixed;
     width:100%;
     top:0;
     left:0;
     z-index:99 
}
 .box-header-main{
     display:flex;
     align-items:center;
     justify-content:space-between;
     position:relative 
}
 .logo-head{
     display:flex;
     align-items:center 
}
 .logo-head .image{
     padding:10px 0 
}
 .logo-head .image img{
     height:60px;
     width:auto 
}
 .menu-desktop{
     width:100%;
}
 .menu-desktop .nav-main{
     display:flex;
     justify-content:center 
}
 .nav-main li{
     display:inline-block;
     float:left;
     position:relative;
     flex:auto 
}
 .menu-desktop .nav-main>li:hover>a>span{
     color:#fff 
}
 .nav-main li .nav-sub li{
     width:100%;
     border-bottom:1px dashed #d9d9d9 
}
 .nav-main li .nav-sub li>a:hover{
     color:#888 
}
 .nav-main li>a{
     font-size:14px;
     display:block;
     line-height:20px;
     text-align:left;
     text-transform:none;
     padding: 8px 15px;
     color:#333;
     white-space:nowrap 
}
 .title_style{
    /*max-height:470px;
     overflow-x:hidden*/
}
 .current a{
     color:var(--mainweb-color) 
}
 .nav-main>li>a {
     line-height: 38px;
     padding: 0;
     display: block;
     box-sizing: border-box;
     font-size: 15px;
     color: #fff;
     font-weight: 500;
}
 .desc strong{
     margin-top:10px;
     display:inline-block 
}
 .box_info_slide ul li:before,.product-summary ul li:before{
     content:"\f132";
     font-family:FontAwesome;
     margin-right:5px;
     color:var(--mainweb-color);
     font-size:18px;
     position:absolute;
     left:0 
}
 .box_info_slide ul li,.product-summary ul li{
     font-size:14px;
     line-height:1.4;
     margin:5px 0;
     position:relative;
     list-style:none;
     padding:0 0 0 20px !important 
}
 .box_info_slide strong{
     margin-bottom:5px;
     font-size:20px;
     font-weight:400 
}
 .product-summary{
     margin-bottom:15px 
}
 .menu-desktop .nav-main>li>a{
     text-align:center 
}
 .menu-desktop .nav-main>li{
     border-right:0 solid #e0e0e0 
}
 .menu-desktop .nav-main>li:last-child{
     border-right:unset 
}
 .menu-desktop .nav-main>li>a img{
     width:auto;
     margin:23px 0;
     margin-right:10px;
     float:left 
}
 .nav-main li .nav-sub li .pt_icon_right{
     position:absolute;
     right:12px;
     top:12px 
}
 .menu-desktop .nav-main>li>a i.fa-angle-down{
     margin-left:6px 
}
 .menu-desktop .nav-main li.active a span{
     color:#efc02c;
     font-weight:600 
}
 .nav-sub{
     position:absolute;
     top:100%;
     left:0;
     min-width:250px;
     z-index:5;
     background-color:#fff 
}
 .nav-sub-child{
     position:absolute;
     top:0;
     min-width:250px;
     z-index:5;
     background-color:#fff;
     left:90% 
}
 .box-header-main-right{
     display:flex;
     width:90px;
     flex-wrap:wrap 
}
 .box-header-main-right>ul{
     display:flex;
     align-items:center;
     justify-content:flex-end;
     width:90px 
}
 .box-header-main-right>ul>li{
     position:relative;
     margin-left:10px;
     margin-right:10px 
}
 .box-header-main-right>ul>li.user ul{
     position:absolute;
     z-index:1;
     width:160px;
     right:0;
     top:calc(100% + 20px);
     box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
     padding:20px;
     border-radius:0 0 10px 10px;
     background-color:#fff;
     visibility:hidden;
     transition:top .5s 
}
 .box-header-main-right>ul>li.user ul>li>a{
     padding:10px 0;
     display:block;
     color:#222;
     font-size:16px 
}
 .box-header-main-right>ul>li>a>i{
     font-size:16px 
}
 .box-login{
     min-width:250px;
     border-radius:0;
     padding:20px;
     margin-top:10px;
     z-index:1001;
     right:-10px;
     left:auto 
}
 .box-login:before{
     content:"";
     background-color:transparent;
     width:100%;
     height:10px;
     bottom:100%;
     right:0;
     position:absolute 
}
 .box-form-quick-login>ul>li button{
     width:100%;
     background:#ff2d55;
     border-color:#ff2d55 
}
 .box-form-quick-login>ul>li:last-child:last-child{
     text-align:center 
}
 .box-form-quick-login>ul>li:last-child:last-child a{
     display:block;
     line-height:1.55 
}
 .box-form-quick-login>ul>li:last-child a:first-child{
     margin-bottom:4px 
}
 .box-header-main-right>ul>li.cart>a>img{
     width:25px 
}
 .box-header-main-right>ul>li.cart>a>span{
     position:absolute;
     top:-4px;
     right:-10px;
     font-size:12px;
     background:#f15929;
     border-radius:50%;
     color:#fff;
     text-align:center;
     height:20px;
     line-height:20px;
     width:20px;
     text-align:center 
}
 .nav-main li.nav-megamenu{
     position:unset 
}
 .menu-desktop .nav-main li.nav-megamenu:hover .megamenu-container{
     top:100%;
     visibility:inherit 
}
 .megamenu-container{
     position:absolute;
     top:calc(100% + 20px);
     left:0;
     z-index:10;
     width:100%;
     margin-top:0;
     background-color:#fff;
     border-radius:0;
     overflow:hidden;
     max-height:500px;
     overflow-y:auto;
     box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
     padding:20px;
     border-radius:0 0 10px 10px;
     transition:top .5s 
}
 .col-md-1-5{
     min-width:20% 
}
 .megamenu-item>.image-main{
     margin-bottom:20px 
}
 .megamenu-item>.image-main:hover img{
     opacity:.8 
}
 .megamenu-item>.image-main>img{
     width:100%;
     height:auto;
     object-fit:cover;
     transition:all .3s 
}
 .megamenu-title{
     display:block;
     font-weight:600;
     padding-bottom:10px;
     margin-bottom:10px;
     letter-spacing:.05rem;
     position:relative 
}
 .list-megamenu-sub li{
     margin-bottom:10px;
     display:block;
     float:unset 
}
 .list-megamenu-sub li>a{
     text-transform:capitalize;
     transition:all .5s ease;
     -webkit-transition:padding .5s ease;
     padding:0;
     line-height:30px 
}
 .list-megamenu-sub li>a:hover{
     padding-left:15px;
     color:#0f76bd 
}
 .product-slider-item{
     padding:0 10px;
     padding-bottom:20px;
     transition:all .5s 
}
 .product-slider-item:hover{
     box-shadow:0 15px 20px 0 rgba(0,0,0,0.1);
     transform:translateY(-5px) 
}
 .product-slider-item .box{
     margin-top:5px;
     background:#fff;
     box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);
     transition:all .3s ease 
}
 .product-slider-item .box .content{
     padding:0 15px;
     line-height:1.3;
     padding-bottom:20px 
}
 .product-slider-item .box .name{
     font-size:16px;
     font-weight:600;
     margin:0;
     margin-top:10px 
}
 .product-slider-item .box-price{
     display:flex;
     align-items:center;
     margin-top:5px 
}
 .product-slider-item .price-new{
     font-size:18px;
     color:#ff2d55;
     font-weight:600 
}
 .product-slider-item .price-old{
     color:#8d8d8d;
     margin-left:8px;
     font-weight:600 
}
 .megamenu-item .slick-next,.megamenu-item .slick-prev{
     margin:0;
     opacity:1;
     transform:translateY(-50%);
     height:auto 
}
 .megamenu-item .slick-next{
     top:-30px;
     left:unset;
     right:0 
}
 .megamenu-item .slick-prev{
     top:-30px;
     right:25px;
     left:unset;
     z-index:10 
}
 .megamenu-item .slick-prev i,.megamenu-item .slick-next i{
     font-size:15px;
     color:#1b520f 
}
 .main-menu-show{
     transform:translateX(0)!important;
     transition:all 200ms linear 0;
     border-right:1px solid #fff 
}
 .menu_fix_mobile{
     position:fixed;
     z-index:9999;
     height:100%;
     width:85%;
     top:0;
     left:0;
     background:var(--mainweb-color);
     transition:all 200ms linear 0;
     transform:translateX(-100%);
     overflow-y:auto;
     overflow-x:hidden;
     padding:0 10px 
}
 a.brandnamelink {
     font-size: 1.3rem;
     text-align: center;
     margin-right: auto;
     margin-left: auto;
}
 .breadcrumbs-slide li {
     float: unset !important;
     display: inline-block;
}
 div#product-list {
     margin: 0px !important;
     padding: 0px !important;
}
 nav#pagination li a {
     padding: 8px 10px;
     border: 1px solid var(--mainweb-color);
     color: #000;
     background: #ffffff;
}
 nav#pagination li#selected a {
     padding: 8px 10px;
     border: 1px solid var(--mainweb-color);
     color: #fff;
     background: var(--mainweb-color);
}
 .block-content-right{
     order:2 
}
 .block-content-left{
     order:1 
}
 .menu_fix_mobile .close-menu{
     border-bottom:1px solid var(--mainweb-color);
     background-color:var(--mainweb-color);
     height:30px;
     position:sticky;
     top:0;
     z-index:1 
}
 .menu_fix_mobile .close-menu .logo_menu{
     display:inline-block;
     padding:15px 10px 15px 25px 
}
 .menu_fix_mobile .close-menu>a{
     color:#fff;
     width:40px;
     height:50px;
     display:flex;
     justify-content:center;
     align-items:center;
     font-size:18px;
     position:absolute;
     right:-10px;
     top:0;
     z-index:1 
}
 .menu_fix_mobile .close-menu .logo_menu img{
     width:auto;
     max-width:unset;
     height:60px 
}
 .menu_fix_mobile .megamenu-container{
     padding:0;
     margin-bottom:20px 
}
 .menu_fix_mobile .nav-main{
     width:100% 
}
 .menu_fix_mobile .megamenu-title{
     padding-left:15px 
}
 .menu_fix_mobile .megamenu-item-sub>a{
     border-bottom:none;
     padding:8px 20px 
}
 .menu_fix_mobile ul{
     display:inline-block;
     margin:0;
     list-style:none 
}
 .menu_fix_mobile ul li{
     float:left;
     position:relative;
     margin:0;
     transition:.4s;
     width:100%;
     border-right:none!important 
}
 .menu_fix_mobile .megamenu-item{
     padding:15px 0;
     padding-left:15px 
}
 .menu_fix_mobile .list-megamenu-sub{
     display:block 
}
 .menu_fix_mobile .nav-main li.nav-megamenu{
     position:relative 
}
 .menu_fix_mobile ul li a{
     font-size:15px;
     font-weight:500;
     text-transform:none;
     padding:11px 20px 11px 0;
     color:#fff;
     display:inline-block;
     width:100%;
     border-bottom:1px solid #ccc;
     line-height:normal 
}
 .menu_fix_mobile .nav-main>li>a{
     font-weight:700;
     text-transform:uppercase 
}
 .menu_fix_mobile ul li i.fa-chevron-down.mega-mn2{
     bottom:0;
     top:unset 
}
 .menu_fix_mobile ul li i.fa-chevron-down{
     position:absolute;
     right:0;
     top:0;
     font-size:12px;
     width:40px;
     height:40px;
     display:inline-block;
     text-align:center;
     line-height:40px;
     color:#fff;
     transition:.3s;
     cursor:pointer 
}
 .menu_fix_mobile li ul.nav-sub{
     display:none;
     position:static;
     top:100%;
     left:0;
     background-color:transparent;
     background-image:unset;
     text-align:left;
     min-width:180px;
     transition:unset;
     float:left;
     width:100%;
     box-shadow:unset;
     border:unset 
}
 .menu_fix_mobile li ul.nav-sub li{
     width:100%;
     padding:0 
}
 .menu_fix_mobile li ul.nav-sub li a{
     padding:11px 41px 11px 20px;
     display:block;
     color:#fff;
     font-size:14px;
     line-height:normal 
}
 .menu_fix_mobile li ul.nav-sub-child{
     display:none;
     position:static;
     top:100%;
     left:0;
     background-color:transparent;
     background-image:unset;
     text-align:left;
     min-width:180px;
     transition:unset;
     float:left;
     width:100%;
     padding-left:15px 
}
 .wrap-ykkh{
     padding:40px 0 60px;
     background-color:#eee 
}
 .box_info_slide{
     width:100%;
     float:left;
     background-color:unset;
     height:100% 
}
 .image-right:first-child img{
     margin-bottom:11px 
}
 .image-right img{
     height:112px;
     object-fit:cover 
}
 .box_info_slide .title_slide{
     color:#000;
     font-size:20px;
     text-transform:uppercase;
     font-weight:700;
     margin-bottom:25px;
     position:relative 
}
 .box_info_slide .title_slide:before{
     content:'';
     position:absolute;
     background-color:var(--mainweb-color);
     height:2px;
     width:96px;
     bottom:-8px 
}
 .box_info_slide .desc{
     line-height:18px;
     font-weight:300;
     text-align:justify 
}
 .box_info_slide .button_slide{
     display:inline-block;
     border:1px solid #fff;
     width:140px;
     height:35px;
     color:#fff;
     text-align:center;
     border-radius:10px;
     line-height:35px;
     text-transform:uppercase;
     font-weight:700;
     font-size:14px;
     margin-top:25px;
     background-image:linear-gradient(142deg,var(--mainweb-color),var(--mainweb-color),var(--mainweb-color),#3991ff,var(--mainweb-color),var(--mainweb-color),var(--mainweb-color)) 
}
 .detail-short{
     max-width:756px;
     margin:auto 
}
 .noidung .row.albums-anh .img{
     border:1px solid #eee;
     margin-bottom:30px;
     height:130px 
}
 .row.albums-anh{
     margin-top:20px;
     margin-bottom:20px 
}
 .noi_dung_chitiet h1,.noi_dung_chitiet h2,.noi_dung_chitiet h3{
     border-bottom:0 solid #dadada!important;
     margin-bottom:10px;
     padding-bottom:10px;
     position:relative;
     font-size:16px!important;
     font-weight:700!important 
}
 .noi_dung_chitiet h1:after,.noi_dung_chitiet h2:after,.noi_dung_chitiet h3:after{
     content:"";
     height:3px;
     position:absolute;
     background:var(--mainweb-color);
     width:45px;
     left:0;
     bottom:-2px 
}
 p.clickmuahang{
     text-align:CENTER 
}
 p.clickmuahang a{
     position:relative;
     background:#e54807;
     padding:6px 20px 6px 45px;
     display:inline-block;
     margin:10px 0;
     color:#fff;
     height:36px 
}
 p.clickmuahang a:after{
     content:"";
     background:url(/theme/shopee.png);
     height:35px;
     width:35px;
     position:absolute;
     top:1px;
     left:5px;
     background-size:36px 
}
 .noi_dung_chitiet figure img{
     margin:auto;
     display:block 
}
 .noi_dung_chitiet figcaption{
     text-align:center 
}
 a.readmore{
     display:inline-block;
     border:1px solid #fff;
     width:140px;
     height:35px;
     color:#fff;
     text-align:center;
     border-radius:10px;
     line-height:35px;
     text-transform:uppercase;
     font-weight:700;
     font-size:14px;
     margin-top:0;
     background-image:linear-gradient(142deg,var(--mainweb-color),var(--mainweb-color),var(--mainweb-color),#3991ff,var(--mainweb-color),var(--mainweb-color),var(--mainweb-color)) 
}
 .readmore-section{
     text-align:center;
     position:relative;
     top:18px 
}
 .title-center{
     text-align:center 
}
 .categoryname h2{
     font-size:14px;
     color:#979797;
     text-align:center;
     margin:0 
}
 .categoryname{
     padding-top:15px;
     display:none 
}
 .box_slide_home{
     height:100%;
     padding:0 
}
 .box_slide_home .box_skew_xuoi{
     height:100%;
     overflow:hidden;
     position:relative 
}
 .box_slide_home:before{
     position:absolute;
     height:100%;
     background-image:linear-gradient(var(--mainweb-color),#c2e5f0,var(--mainweb-color));
     width:678px;
     transform:skew(-15.5deg) 
}
 .box_slide_home .box_skew_nguoc{
     height:100%;
     right:0;
     position:relative 
}
 .box_slide_home .image{
     height:100% 
}
 .box_slide_home .image img{
     height:235px;
     width:auto;
     width:100%;
     object-fit:cover 
}
 .box_skew_nguoc .slick-slider{
     height:100% 
}
 .box_skew_nguoc .slick-list{
     height:100% 
}
 .box_skew_nguoc .slick-track{
     height:100% 
}
 .dv-01-comment-card{
     margin:0 10px;
     width:33.333%;
     height:100%;
     padding-bottom:20px 
}
 .dv-01-comment-card .box{
     text-align:justify;
     padding:30px 20px 40px;
     border-radius:20px 15px;
     position:relative;
     background-color:#fff;
     border:1px solid #e6e6e6;
     color:#3e4340 
}
 .dv-01-comment-card .box:before{
     content:"\f10e";
     font:normal normal normal 14px/1 FontAwesome;
     position:absolute;
     right:30px;
     bottom:30px;
     font-size:110px;
     color:#eee;
     z-index:0 
}
 .dv-01-comment-card .box .author{
     text-align:left 
}
 .dv-01-comment-card .box .author>h3{
     color:#333;
     font-size:20px;
     font-weight:600;
     text-transform:uppercase;
     position:relative;
     padding-bottom:10px 
}
 .dv-01-comment-card .box .author>h3:before{
     content:"";
     width:40px;
     height:3px;
     background-color:var(--mainweb-color);
     position:absolute;
     bottom:0;
     left:0 
}
 .dv-01-comment-card .box .author>div{
     color:#000 
}
 .dv-01-comment-card .box .box-desc{
     font-size:15px;
     position:relative 
}
 .dv-01-comment-card .box .box-desc .desc{
     text-align-last:left;
     color:#000;
     line-height:1.7 
}
 .dv-01-comment-card .icon{
     position:absolute;
     display:inline-block;
     width:80px;
     height:80px;
     bottom:0;
     right:0;
     transform:translate(10px,10px);
     font-size:25px;
     text-align:center;
     z-index:1 
}
 .dv-01-comment-card .icon img{
     border-radius:100%;
     max-width:100%;
     width:100% 
}
 .list-comment{
     margin-top:0 
}
 .dv-01-dot-cate-2 .slick-dots{
     margin:15px 0 0;
     bottom:-25px 
}
 .dv-01-dot-cate-2 .slick-dots li{
     width:13px;
     height:13px;
     background-color:#f15929;
     border-radius:50% 
}
 .dv-01-dot-cate-2 .slick-dots li.slick-active{
     background-color:var(--mainweb-color) 
}
 .dv-01-dot-cate-2 .slick-dots li button{
     display:none 
}
 @media (min-width: 1200px){
     .container{
         max-width:1200px;
         width:100% 
    }
}
 @media (max-width:1199px){
     .nav-main>li>a{
         padding:0 8px;
         font-size:13px 
    }
     .header-top .logo .logo-wrapper{
         top:40px 
    }
     .box_icon_search a{
         padding:0 10px 
    }
     .megamenu-container{
         position:unset;
         display:none;
         box-shadow:none 
    }
     .logo-head .image img{
         height:50px 
    }
     .header-top .hotline{
         width:20% 
    }
     .header-top .slogan{
         width:60%;
         left:20% 
    }
     .header-top .logo{
         width:20%;
         right:60% 
    }
     .info_company{
         margin-left:15px;
         margin-right:15px 
    }
     .info_company .bo_cong_thuong{
         font-size:16px 
    }
     .info_company .company_name{
         font-size:23px 
    }
     .info_company .company_sub_name{
         font-size:14px 
    }
     .box_header_right{
         width:200px 
    }
     .nav-main>li:not(:last-child){
         margin-right:0 
    }
}
 li.nav-item.menu-sub-all .nav-sub {
     position: absolute;
     width: 100%;
     right: 0px;
}
 @media (min-width: 992px){
     .nav-main>li:hover .nav-sub{
         display:block;
         left:0;
         visibility:inherit;
         top:100% 
    }
     .nav-sub>li:hover>a{
         color:#0f76bd 
    }
     .nav-sub>li:hover > .nav-sub-child{
         visibility:inherit;
         right:100%;
         background:#f9f9f9 
    }
     .nav-sub>li .nav-sub-item-child:hover .nav-sub-child{
         visibility:inherit;
         left:100% 
    }
     .nav-sub>li .nav-sub-child{
         visibility:hidden;
         transition:left .5s 
    }
     .nav-main>li>.nav-sub{
         visibility:hidden;
         top:calc(100% + 20px);
         transition:top .5s 
    }
     .megamenu-container{
         visibility:hidden;
         display:block 
    }
}
 @media (max-width: 991px){
     .list-bar{
         display:inline-block 
    }
     .header-top .slogan .name_slogan{
         margin-top:0 
    }
     .header-main{
         display:none 
    }
     .menu-desktop{
         display:none 
    }
     .header-top{
         min-height:unset;
         border-bottom:1px solid #d9d9d9 
    }
     .language li span{
         color:#fff;
         font-size:12px;
         display:none 
    }
     .header-top .slogan{
         width:100%;
         left:0 
    }
     .usa-header-mobiles {
         position: relative;
         background-position: center center;
         background-size: cover;
         background-repeat: no-repeat;
         box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
    }
     .usa-header-mobile{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-align:center;
         -ms-flex-align:center;
         align-items:center;
         -webkit-box-pack:justify;
         -ms-flex-pack:justify;
         justify-content:space-between;
         height:65px;
         position:relative 
    }
     .usa-header-mobile .usa-flexitem{
         -webkit-box-flex:1;
         -ms-flex:1 0 0;
         flex:1 0 0;
         -webkit-box-align:center;
         -ms-flex-align:center;
         align-items:center;
         justify-content:flex-start 
    }
     .usa-header-mobile .usa-flexitem-fill{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex 
    }
     div#trigger-mobile:before{
         content:"";
         background:#d9d9d9;
         position:absolute;
         height:65px;
         width:1px;
         right:38px;
         top:-27px 
    }
     div#trigger-mobile:after {
         content: "MENU";
         position: absolute;
         top: -14px;
         left: 0;
         font-size: 9px;
         color: #000;
         font-weight: 700;
    }
     .usa-flexitem.usa-flexitem-fill.icon-search-header:before{
         content:"";
         background:#d9d9d9;
         position:absolute;
         height:65px;
         width:1px;
         right:37px 
    }
     .icon-search-header{
         position:absolute;
         right:75px;
         color:#fff 
    }
     .icon-search-header i{
         font-size:18px 
    }
     .usa-header-mobile #trigger-mobile {
         width: 25px;
         float: left;
         margin: 0;
         padding: 0;
         display: block;
         text-align: left;
         max-width: 25px;
         cursor: pointer;
         position: relative;
         margin-top: 6px;
         right: 10px;
    }
     .usa-header-mobile #trigger-mobile .icon-bar {
         background-color: #000;
         display: block;
         width: 25px;
         height: 3px;
         border-radius: 1px;
    }
     .usa-header-mobile #trigger-mobile .icon-bar:nth-child(2){
         width:25px 
    }
     .usa-header-mobile .logo a{
         text-align:left 
    }
     .usa-header-mobile .usa-flexitem-fill .logo-wrapper img{
         height:50px;
         width:auto;
         position:relative;
         top:-1px 
    }
     .usa-header-mobile .usa-flexitem-fill:last-child{
         -webkit-box-pack:end;
         -ms-flex-pack:end;
         justify-content:flex-end;
         text-align:right;
         max-width:80px 
    }
     .usa-header-mobile .usa-flexitem-fill:last-child a{
         display:inline-block;
         color:#fff;
         padding:0 10px;
         position:relative;
         font-size:16px;
         height:26px 
    }
     .usa-header-mobile .usa-flexitem-fill:last-child a i{
         vertical-align:bottom 
    }
     .usa-header-mobile .usa-flexitem-fill:last-child a .count_item_pr{
         height:17px;
         line-height:17px;
         background:#efc02c;
         color:#fff;
         font-size:10px;
         font-weight:500;
         text-align:center;
         min-width:17px;
         border-radius:50%;
         display:inline-flex;
         justify-content:center;
         align-items:center;
         position:absolute;
         top:-10px;
         right:-6px 
    }
}
 ol.breadcrumb {
     background: #eee;
     padding: 5px 20px;
     margin: 10px 0px;
}
 @media (max-width:550px){
     ol.breadcrumb {
         background: #eee;
         padding: 5px 0px;
         margin: 10px 0px;
         text-align: center;
    }
     .button-buy a.button{
         width:100% 
    }
     .button-buy .icon img{
         width:auto!important 
    }
     .block-content-right{
         order:1 
    }
     .block-content-left{
         order:2 
    }
     .nav-main li .nav-sub li{
         width:100%;
         border-bottom:0 dashed #d9d9d9 
    }
     .language li+li{
         margin-left:5px 
    }
     .logo-head .image{
         max-width:150px 
    }
     .box-header-main-right>ul>li{
         margin:0 5px 
    }
     .header-top .slogan .name_slogan{
         font-size:13px 
    }
     .box-social-header-top .box-info ul li{
         margin-right:13px 
    }
}
 .main{
     width:100% 
}
 .slide{
     background-color:#f2f2f2;
     padding:15px 0 
}
 .slide .item{
     position:relative 
}
 .slide .item .image img{
     height:auto;
     object-fit:cover 
}
 .slide .item .wrap-text{
     position:absolute;
     width:100%;
     height:100%;
     top:0;
     left:0;
     z-index:1;
     color:#fff;
     display:flex;
     align-items:flex-end 
}
 .slide .item .container{
     max-width:1170px 
}
 .slide .item .wrap-text .box-text{
     text-align:left;
     background:hsla(0,0%,100%,.85);
     margin-bottom:50px;
     max-width:590px;
     padding:30px 
}
 .slide .item .wrap-text .box-text h2{
     font-size:26px;
     text-transform:capitalize;
     font-weight:500;
     line-height:30px;
     margin-bottom:10px;
     color:#f15929;
     margin-top:0 
}
 .slide .item.slick-active .wrap-text .box-text h2{
     -webkit-animation:1600ms ease-in-out 0 normal none 1 running ZoomIn;
     animation:1600ms ease-in-out 0 normal none 1 running ZoomIn 
}
 .slide .item .wrap-text .box-text h2 span{
     font-weight:700;
     background:-webkit-linear-gradient(0deg,#f15929,#25aae1);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent 
}
 .slide .item .wrap-text .box-text .desc{
     font-size:16px;
     color:#222;
     line-height:24px;
     margin:0 auto 
}
 .slide .item.slick-active .box-text .desc{
     -webkit-animation:1600ms ease-in-out 0 normal none 1 running fadeInUp;
     animation:1600ms ease-in-out 0 normal none 1 running fadeInUp 
}
 .slide .item.slick-active .wrap-text .box-viewmore{
     -webkit-animation:1600ms ease-in-out 0 normal none 1 running fadeInDown;
     animation:1600ms ease-in-out 0 normal none 1 running fadeInDown 
}
 .slide .item .wrap-text .box-viewmore a{
     height:42px;
     line-height:42px;
     display:inline-block;
     margin-top:20px;
     color:#fff;
     font-size:17px;
     border-radius:42px;
     font-weight:300;
     padding:0 23px;
     background-color:#00f;
     animation:glowing-btn-yellow 2s infinite 
}
 @keyframes glowing-btn-yellow{
     0%{
         box-shadow:0 0 0 0 #00f 
    }
     100%{
         box-shadow:0 0 0 8px rgba(241,89,41,0) 
    }
}
 .slide .slick-prev,.slide .slick-next{
     margin:0;
     width:24px;
     height:24px;
     transform:translateY(-50%);
     z-index:66;
     text-align:center;
     opacity:.75;
     border-radius:100% 
}
 .slide .slick-prev{
     left:50px 
}
 .div-shadow.slide .slick-prev{
     left:0px 
}
 .slide .slick-next{
     right:50px 
}
 .div-shadow.slide .slick-next{
     right:0px 
}
 .autoplay6-cate .item {
     margin-bottom: 15px;
}
 .slide .slick-prev i,.slide .slick-next i{
     color:var(--mainweb-color);
     line-height:24px;
     font-size:24px 
}
 .slide .slick-dots{
     bottom:20px 
}
 .div-shadow.slide .slick-dots {
     bottom: 0px;
}
 .slide .slick-dots li{
     border-radius:100%;
     width:10px;
     height:10px;
     background:#fff;
     border:1px solid rgba(255,255,255,0.9);
     border-radius:50%;
     cursor:pointer;
     box-sizing:content-box;
     box-shadow:0 0 2px 1px rgba(130,130,130,0.3) 
}
 .slide .slick-dots li.slick-active{
     background:var(--mainweb-color);
     border:1px solid var(--mainweb-color) 
}
 .slide .slick-dots li button{
     width:12px;
     height:12px;
     opacity:0 
}
 .slide .slick-dots li button:before{
     width:12px;
     height:12px 
}
 @keyframes ZoomIn{
     0%{
         opacity:0;
         transform:scale3d(0.3,0.3,0.3) 
    }
     100%{
         opacity:1 
    }
}
 .group-title{
     width:100%;
     height:45px;
     overflow:hidden 
}
 .group-title .image{
     width:100%;
     text-align:center;
     margin-bottom:10px 
}
 .group-title .image img{
     width:auto 
}
 .title-center{
     text-align:center 
}
 button.submitreg{
     height:45px;
     padding-left:15px;
     padding-right:15px;
     background:var(--mainweb-color);
     color:#fff;
     text-transform:uppercase;
     border-color:var(--mainweb-color);
     border:0;
     position:absolute;
     right:0;
     z-index:9 
}
 input#contact_email{
     position:relative;
     z-index:2;
     float:left;
     width:100%;
     margin-bottom:0;
     height:45px;
     border:1px solid #ddd;
     padding:10px 
}
 span.page-numbers.current{
     background:var(--mainweb-color);
     color:#fff 
}
 .title h3.name{
     font-size:15px;
     font-weight:700;
     margin:0;
     line-height:18px;
     display:inline-block;
     vertical-align:middle 
}
 .breadcrumbs-slide {
     margin-bottom: 10px;
     padding: 10px 0px;
}
 .mr-title{
     margin-bottom:15px 
}
 .group-title.bg-title-1{
     background-image:linear-gradient(190deg,#eee,#eee) 
}
 .group-title.bg-title-1 .title{
     background-image:linear-gradient(180deg,var(--mainweb-color),var(--mainweb-color)) 
}
 .group-title.bg-title-1 .title:before{
     content:"";
     background-image:linear-gradient(190deg,#eee,#eee);
     width:100%;
     height:100%;
     position:absolute;
     top:0;
     left:calc(100% - 20px);
     transform:skew(45deg) 
}
 .group-title.bg-title-2 .title{
     width:100%;
     background-image:linear-gradient(375deg,#f2f2f1,#e3e3e3 30%,#fff 100%);
     height:100% 
}
 .group-title.bg-title-2 .title:before{
     content:"";
     background-image:linear-gradient(190deg,var(--mainweb-color),var(--mainweb-color));
     width:100%;
     height:100%;
     position:absolute;
     top:0;
     left:calc(100% - 22px);
     transform:skew(45deg);
     z-index:2 
}
 .group-title.bg-title-2 .title:after{
     content:"";
     background-color:#e3e3e3;
     width:100%;
     height:100%;
     position:absolute;
     top:0;
     left:calc(100% - 35px);
     transform:skew(57deg) 
}
 .group-title .desc{
     color:#222;
     line-height:24px;
     max-width:680px;
     font-size:15px;
     text-align:center;
     margin:auto 
}
 .group-while .title,.group-while .title h3 span{
     color:#fff;
     background:transparent;
     -webkit-text-fill-color:unset 
}
 .group-while .title .sup-title{
     color:#fff 
}
 .sup-title-2{
     max-width:600px;
     margin:-40px auto 10px;
     font-size:16px;
     line-height:22px 
}
 .group-title-2{
     text-align:center;
     margin-bottom:20px 
}
 .group-title-2 .title{
     text-transform:uppercase;
     font-weight:700;
     margin-top:0;
     margin-bottom:12px;
     font-size:20px;
     color:var(--mainweb-color) 
}
 .group-title-2 .title-underline{
     position:relative;
     margin-bottom:30px 
}
 .group-title-2 .title-underline:before{
     content:"";
     width:100px;
     height:2px;
     background:var(--mainweb-color);
     position:absolute;
     transform:translateX(-50%);
     left:50%;
     bottom:-10px 
}
 .group-title-2 .desc{
     color:#222;
     line-height:24px;
     max-width:750px;
     font-size:15px;
     text-align:center;
     margin:auto 
}
 .box_lienket{
     width:100%;
     margin-bottom:25px 
}
 .news-donvithanhvien{
     padding:15px 0 0;
     border:1px solid #ebebeb;
     border-top:0 
}
 .box_lienket .cate-title{
     padding:0;
     margin-bottom:15px 
}
 .form-control-lienket{
     height:30px;
     width:100%;
     padding:4px 12px 
}
 .ml-30{
     margin-left:30px 
}
 .category-slide-1 .slick-prev.slick-arrow{
     left:-20px;
     opacity:1;
     z-index:10;
     text-align:center 
}
 .category-slide-1 .slick-prev,.category-slide-1 .slick-next{
     width:25px;
     height:40px;
     border-radius:50%;
     text-align:center;
     transform:translateY(-50%);
     margin:0 
}
 .category-slide-1 .slick-prev i,.category-slide-1 .slick-next i{
     width:100%;
     height:100%;
     background:#fff 
}
 .category-slide-1 .slick-prev:before,.category-slide-1 .slick-next:before{
     display:inline-block;
     font:normal normal normal 14px/1 FontAwesome;
     font-size:35px;
     color:var(--mainweb-color);
     opacity:1;
     text-rendering:auto;
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale 
}
 .category-slide-1 .slick-prev:before{
     content:"\f104" 
}
 .category-slide-1 .slick-next:before{
     content:"\f105" 
}
 .category-slide-1 .slick-prev i,.category-slide-1 .slick-next i{
     font-size:20px;
     color:var(--mainweb-color);
     position:relative;
     z-index:1;
     line-height:32px;
     text-align:center;
     display:none 
}
 .category-slide-1 .slick-next{
     opacity:1;
     right:-20px 
}
 .footer{
     position:relative;
     background-color:#f15929 
}
 .footer:before{
     height:50px;
     width:100%;
     background-image:url(../images/line_top.png);
     background-repeat:repeat-x;
     position:absolute;
     top:-14px;
     left:0;
     z-index:9 
}
 .footer-top .row{
     display:flex 
}
 .footer-top{
     padding:20px 0 0;
     background:#eee 
}
 .logo-footer{
     margin-top:0 
}
 .box_truycap{
     margin-left:50px 
}
 .box_truycap ul{
     margin:0;
     margin-top:-7px 
}
 .logo-footer img {
     max-width: 200px;
     height: 80px;
     object-fit: contain;
     padding: 0px;
}
 .title-footer{
     font-size:15px;
     text-transform:uppercase;
     font-weight:600;
     padding-bottom:10px;
     line-height:25px 
}
 .pt_social{
     display:flex;
     margin-top:10px;
     margin-bottom:20px 
}
 .pt_social li:not(:last-child){
     margin-right:15px 
}
 .pt_social li a{
     display:inline-block;
     height:28px;
     width:28px;
     line-height:28px;
     color:var(--mainweb-color);
     text-align:center;
     float:left;
     background-color:transparent;
     border-radius:50% 
}
 .pt_social li a:hover{
     color:#e9242d 
}
 .pt_social li a i{
     font-size:25px;
     color:inherit;
     line-height:28px 
}
 .form-register{
     margin-bottom:20px 
}
 .form-register .box-form{
     justify-content:flex-start 
}
 .form-register .box-form .input-group .form-control{
     height:45px 
}
 .form-register .box-form .input-group-btn>.btn{
     height:45px 
}
 .box-form{
     display:flex;
     width:100%;
     justify-content:flex-end;
     flex-wrap:wrap 
}
 .box-form form{
     max-width:400px;
     width:100% 
}
 .box-form .input-group .form-control{
     height:50px;
     padding-left:20px 
}
 .box-form .input-group-btn>.btn{
     height:50px;
     padding-left:15px;
     padding-right:15px;
     background:var(--mainweb-color);
     color:#fff;
     text-transform:uppercase;
     border-color:var(--mainweb-color) 
}
 .ct_logo{
     width:145px 
}
 .ct_form{
     width:calc(100% - 730px) 
}
 .ct_truycap{
     width:260px 
}
 .ct_ketnoi{
     width:271px 
}
 .box_truycap li{
     width:100%;
     line-height:28px;
     display:flex;
     font-size:15px 
}
 .box_truycap li .name{
     padding-left:20px;
     position:relative 
}
 .box_truycap li .name i{
     position:absolute;
     left:0;
     top:5px;
     width:16px;
     text-align:center;
     color:var(--mainweb-color) 
}
 .box_truycap li span{
     font-weight:600;
     font-size:15px 
}
 .wrap-social-footer{
     text-align:right 
}
 .box-social-footer{
     display:inline-block;
     margin-left:auto 
}
 .footer-main{
     padding:20px 0;
     background-color:var(--mainweb-color);
     color:#fff 
}
 .br-footer{
     border-right:1px dashed #fff 
}
 .footer-main .container{
     position:relative;
     z-index:1 
}
 .contact-footer{
     float:left 
}
 .contact-footer .logo-footer{
     margin-bottom:25px 
}
 .contact-footer .logo-footer img{
     height:108px;
     width:auto 
}
 .contact-footer .desc{
     line-height:25px;
     color:#fff 
}
 .contact-footer .hotline{
     margin:45px 0 0;
     font-size:18px;
     font-weight:600;
     color:#fff;
     display:inline-block;
     padding:12px 20px 0;
     position:relative 
}
 .contact-footer .hotline:after{
     content:"";
     display:inline-block;
     position:absolute;
     top:0;
     left:-10px;
     width:66px;
     height:1px;
     background-image:linear-gradient(0deg,#f15929,#33da62) 
}
 .contact-footer .hotline:before{
     content:"";
     display:inline-block;
     position:absolute;
     top:-10px;
     left:0;
     width:1px;
     height:66px;
     background:#0f76bd 
}
 .contact-footer .hotline .inner:before{
     content:"";
     display:inline-block;
     position:absolute;
     top:0;
     right:0;
     width:1px;
     height:66px;
     background:#23a8e0 
}
 .contact-footer .hotline .inner:after{
     content:"";
     display:inline-block;
     position:absolute;
     bottom:-10px;
     right:-10px;
     width:66px;
     height:1px;
     background-image:linear-gradient(0deg,#f15929,#33da62) 
}
 .contact-footer .pt_desc_name h2{
     font-size:17px;
     font-weight:500;
     margin-top:0;
     color:#fff 
}
 .social-footer{
     display:flex;
     margin-top:20px;
     margin-bottom:12px 
}
 .social-footer li{
     margin-right:8px 
}
 .social-footer li a:hover i{
     transform:rotate(10deg) 
}
 .social-footer li a i{
     width:35px;
     height:35px;
     line-height:35px;
     text-align:center;
     font-size:17px;
     color:#12a23c;
     border-radius:50%;
     background:#fff;
     border:0;
     transition:all .3s ease 
}
 ul.pt_social li:nth-child(1){
     background:#0537bc 
}
 ul.pt_social li:nth-child(2){
     background:#ff971a 
}
 ul.pt_social li:nth-child(3){
     background:#71d3ff 
}
 ul.pt_social li:nth-child(4){
     background:#ef4b4c 
}
 ul.pt_social li:nth-child(5){
     background:#fa0b02 
}
 .pt_social li a i{
     font-size:15px;
     color:#fff;
     line-height:28px 
}
 .pt_box_desc_form{
     font-size:14px;
     line-height:20px;
     margin-bottom:10px;
     color:#fff 
}
 .link-footer{
     width:100%;
     overflow:hidden 
}
 .width-50{
     max-width:250px;
     float:right 
}
 .title-footer-2{
     font-size:17px;
     text-transform:uppercase;
     font-weight:600;
     position:relative;
     padding-bottom:5px;
     color:#fff;
     margin-bottom:20px 
}
 .title-footer-3{
     font-weight:600;
     font-size:20px 
}
 .map-footer iframe{
     width:100%;
     height:200px 
}
 .pt_list_addres{
     line-height:32px;
     color:inherit;
     font-size:15px;
     font-weight:300 
}
 .pt_list_addres li i{
     margin-right:5px 
}
 .link-footer .list-link li{
     color:#fff;
     margin-bottom:2px;
     display:flex;
     align-items:center;
     font-size:15px;
     padding-left:15px;
     position:relative;
     font-weight:300 
}
 .link-footer .list-link li:last-child{
     margin-bottom:0 
}
 .link-footer .list-link li:before{
     content:"";
     width:6px;
     height:6px;
     background-color:#fff;
     border-radius:100%;
     left:0;
     position:absolute 
}
 .link-footer .list-link li span{
     margin-right:6px 
}
 .link-footer .list-link li a{
     text-transform:capitalize;
     color:#fff;
     padding:0;
     display:block;
     transition:.1s all ease 0;
     line-height:20px;
     font-size:14px 
}
 .link-footer .list-link li a:hover{
     color:#fff;
     text-decoration:underline 
}
 .footer-bottom{
     padding:10px 0;
     position:relative;
     z-index:1;
     background-color:#eee 
}
 .box-footer-bottom{
     display:flex;
     justify-content:center;
     align-items:center;
     flex-wrap:wrap 
}
 .copyright{
     color:#000;
     text-align:center 
}
 .blog-payment img{
     width:auto 
}
 .breadcrumbs-slide{
}
 .breadcrumbs-slide:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: -1;
}
 .breadcrumbs-slide .title-breadcrumbs-slide{
     font-weight:500;
     text-transform:uppercase;
     margin-bottom:0;
     text-align:center;
     color:#333;
     line-height:20px;
     font-size:20px 
}
 .button-buy a.button{
     display:inline-block;
     float:left;
     margin:0;
     background:#e54807;
     text-align:center;
     color:#fff;
     height:55px;
     padding:0 20px 
}
 .button-buy .icon,.button-buy .beside-icon{
     display:inline-block 
}
 .button-buy .icon{
     margin-right:10px 
}
 .beside-icon span.dathangngay{
     line-height:0;
     position:relative;
     top:0;
     font-weight:700 
}
 .beside-icon{
     position:relative;
     top:11px 
}
 .button-buy .icon img{
     height:50px;
     position:relative;
     top:0 
}
 span.chuthich{
     display:block;
     font-weight:400;
     font-size:12px;
     margin:0 0 5px 
}
 :root {
     --zipo-red: #ff4d4f;
     --zipo-orange: #009688;
     --zipo-bg: #fafafa;
}
 .zipo-prod-wrapper {
     padding: 0px 15px;
     background: #fff;
}
 .zipo-prod-main {
     display: grid;
     grid-template-columns: 1fr 1.2fr;
     gap: 40px;
}
/* Gallery */
 .zipo-prod-gallery img {
     width: 100%;
     border-radius: 8px;
     border: 1px solid #eee;
     object-fit: cover;
     aspect-ratio: 1/1;
}
 .zipo-prod-thumb-list {
     display: flex;
     gap: 10px;
     margin-top: 10px;
     overflow-x: auto;
}
 .zipo-prod-thumb {
     width: 70px;
     height: 70px;
     border: 2px solid transparent;
     border-radius: 4px;
     cursor: pointer;
}
 .zipo-prod-thumb.active {
     border-color: var(--zipo-orange);
}
/* Info Section */
 .zipo-prod-info {
     display: flex;
     flex-direction: column;
     gap: 15px;
}
 .zipo-prod-title {
     font-size: 22px;
     font-weight: 600;
     line-height: 1.4;
     color: #333;
     margin: 0;
}
/* Flash Sale Bar */
 .zipo-prod-fs-bar {
     background: linear-gradient(90deg, #e91e63, #ff4d4f);
     color: #fff;
     padding: 10px 15px;
     border-radius: 4px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .zipo-prod-fs-label {
     font-weight: bold;
     font-size: 18px;
     text-transform: uppercase;
}
/* Price Section */
 .zipo-prod-price-area {
     background: #f3f3f3;
     padding: 5px 20px;
     border-radius: 8px;
}
 .zipo-prod-price-main {
     color: #dd0000;
     font-size: 24px;
     font-weight: bold;
}
 .zipo-prod-price-old {
     color: #999;
     text-decoration: line-through;
     font-size: 18px;
     margin-left: 15px;
}
.zipo-prod-stock-info {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    gap: 20px;
}

.zipo-label {
    color: #444;
    font-size: 16px;
}

.zipo-qty-wrapper {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    height: 35px;
}

.qty-btn {
    width: 35px;
    height: 100%;
    border: none;
    background: #f9f9f9;
    cursor: pointer;
    font-size: 18px;
    color: #666;
    transition: background 0.2s;
}

.qty-btn:hover {
    background: #eee;
}

.qty-btn.minus {
    border-right: 1px solid #ddd;
}

.qty-btn.plus {
    border-left: 1px solid #ddd;
}

#zipo-qty {
    width: 60px;
    border: none;
    text-align: center;
    font-size: 16px;
    outline: none;
    -moz-appearance: textfield; 
}


#zipo-qty::-webkit-outer-spin-button,
#zipo-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.zipo-stock-text {
    color: #777;
    font-size: 15px;
}

#zipo-stock-num {
    color: #e44d26; 
    font-weight: bold;
}
/* Variation Section */
 .zipo-prod-var-group {
     margin-bottom: 10px;
}
 .zipo-prod-var-label {
     font-weight: 500;
     color: #757575;
     margin-bottom: 10px;
     font-size: 14px;
}
 .zipo-prod-var-options {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
}
 .zipo-prod-var-btn {
     padding: 8px 16px;
     border: 1px solid #d9d9d9;
     border-radius: 4px;
     cursor: pointer;
     transition: 0.3s;
     background: #fff;
     font-size: 14px;
}
 .zipo-prod-var-btn:hover {
     border-color: var(--zipo-orange);
     color: var(--zipo-orange);
}
 .zipo-prod-var-btn.active {
     border-color: var(--zipo-orange);
     color: var(--zipo-orange);
     background: #fff;
     position: relative;
}
 .zipo-prod-var-btn.active::after {
     content: "\f00c";
     font-family: FontAwesome;
     position: absolute;
     bottom: -1px;
     right: -1px;
     font-size: 8px;
     line-height: 1;
     background: var(--zipo-orange);
     color: white;
     padding: 2px 2px 1px 3px;
     border-radius: 4px 0 0 0;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
}
/* Action Buttons */
 .zipo-prod-actions {
     display: flex;
     gap: 15px;
     margin-top: 20px;
}
 .zipo-prod-btn {
     flex: 1;
     padding: 15px;
     border: none;
     border-radius: 4px;
     font-weight: bold;
     cursor: pointer;
     font-size: 16px;
     transition: opacity 0.2s;
}
 .zipo-prod-btn-cart {
     background: #fff;
     color: var(--zipo-orange);
     border: 1px solid var(--zipo-orange);
}
 .zipo-prod-btn-buy {
     background: var(--zipo-orange);
     color: #fff;
}
 .zipo-prod-btn:hover {
     opacity: 0.8;
}
/* Descriptions Table */
 .zipo-prod-specs {
     border: 1px solid #f0f0f0;
     border-radius: 8px;
     overflow: hidden;
}
 .zipo-prod-specs-title {
     background: #fafafa;
     padding: 12px 15px;
     font-weight: bold;
     border-bottom: 1px solid #f0f0f0;
}
 .zipo-prod-specs-content {
     padding: 15px;
     display: grid;
     grid-template-columns: 1fr;
     gap: 10px;
     font-size: 14px;
}
 .zipo-spec-item {
     display: flex;
     border-bottom: 1px solid #f5f5f5;
     padding: 5px 0;
}
 .zipo-spec-label {
     width: 80px;
     color: #888;
}
 .zipo-spec-value {
     color: #333;
     font-weight: 500;
}
 .zipo-prod-details-text {
     margin-top: 20px;
     line-height: 1.8;
     color: #444;
     white-space: pre-line;
}
 .zipo-prod-main-slider {
     margin-bottom: 10px;
     border-radius: 8px;
     overflow: hidden;
     border: 1px solid #eee;
}
 .zipo-prod-main-slider .slick-slide img {
     width: 100%;
     aspect-ratio: 1/1;
     object-fit: cover;
     cursor: zoom-in;
}
/* Slider ?nh con (thumbnails) */
 .zipo-prod-thumb-slider {
     margin: 0 -5px;
}
 .zipo-prod-thumb-item {
     padding: 0 5px;
     cursor: pointer;
     outline: none;
}
 .zipo-prod-thumb-item img {
     width: 100%;
     aspect-ratio: 1/1;
     object-fit: cover;
     border: 2px solid transparent;
     border-radius: 4px;
     transition: 0.2s;
}
 .zipo-prod-thumb-item.slick-current img {
     border-color: #007bff;
}
/* Badge s? th? t? ?nh (1/16) */
 .zipo-prod-photo-counter {
     position: absolute;
     bottom: 90px;
    /* Cách trên thumb slider */
     right: 15px;
     background: rgba(255, 255, 255, 0.9);
     padding: 2px 8px;
     border-radius: 4px;
     font-size: 12px;
     font-weight: bold;
     color: #333;
     z-index: 10;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* Responsive */
 @media (max-width: 768px) {
     .zipo-prod-main {
         grid-template-columns: 1fr;
    }
     .zipo-prod-actions {
         flex-direction: column;
    }
     .zipo-prod-specs-content {
         grid-template-columns: 1fr;
    }
}
 .zipo-prod-gallery-container {
     width: 100%;
     max-width: 500px;
     position: relative;
}
/* Slider ?nh chính */
 .zipo-prod-main-slider {
     margin-bottom: 10px;
     border-radius: 8px;
     overflow: hidden;
     border: 1px solid #eee;
}
 .zipo-prod-main-slider img {
     width: 100%;
     aspect-ratio: 1/1;
     object-fit: cover;
}
 .zipo-prod-thumb-slider-wrapper {
     position: relative;
     padding: 0 30px;
}
 .zipo-prod-thumb-item {
     padding: 0 5px;
     cursor: pointer;
     outline: none;
}
 .zipo-prod-thumb-item img {
     width: 100%;
     aspect-ratio: 1/1;
     object-fit: cover;
     border: 2px solid transparent;
     border-radius: 4px;
     opacity: 0.6;
     transition: 0.3s;
}
 .zipo-prod-thumb-item.slick-current img {
     border-color: #009688;
     opacity: 1;
}
/* Custom Arrows cho Thumb */
 .zipo-thumb-arrow {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 25px;
     height: 25px;
     background: #fff;
     border: 1px solid #ddd;
     border-radius: 50%;
     z-index: 10;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 12px;
     color: #666;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
     transition: 0.3s;
}
 .zipo-thumb-arrow:hover {
     background: #f59300;
     color: #fff;
     border-color: #f59300;
}
 .zipo-prev {
     left: 0;
}
 .zipo-next {
     right: 0;
}
/* Counter badge */
 .zipo-prod-photo-counter {
     position: absolute;
    /* top: 15px;
     */
     right: 15px;
     background: rgba(0,0,0,0.5);
     color: #fff;
     padding: 2px 8px;
     border-radius: 5px;
     font-size: 11px;
     z-index: 5;
}
 .zipo-prod-thumb-item img {
     width: 100%;
     aspect-ratio: 1/1;
     object-fit: cover;
     border: 2px solid transparent;
     border-radius: 4px;
     opacity: 0.6;
     transition: 0.3s;
}
 .zipo-prod-thumb-item.is-active img {
     border-color: #f59300 !important;
     opacity: 1 !important;
}
 .beside-icon .chuthich{
     position:relative;
     top:0 
}
 .breadcrumbs-slide .breadcrumbs {
     background: #f3f3f3;
     padding: 4px 10px;
     border-radius: 5px;
}
 .breadcrumbs-slide .breadcrumbs li a{
     font-weight:400;
     font-size:14px;
     color:#333;
     line-height:16px;
     position:relative;
     z-index:3 
}
 .breadcrumbs-slide .breadcrumbs li a:hover{
     color:inherit 
}
 .breadcrumbs-slide .breadcrumbs li:not(:last-child):after {
     margin: 0 3px;
     color: #333;
     content: "\f105";
     font-family: "FontAwesome";
     font-size: 10px;
}
 .template-detail{
     padding:30px 0 15px 
}
 .float-right{
     float:right 
}
 .sidebar{
     margin-bottom:30px 
}
 .title-sidebar{
     width:100%;
     position:relative;
     padding:10px 18px;
     margin:0;
     background:#eee;
     color:#000;
     font-size:20px 
}
 .title-sidebar i{
     vertical-align:bottom;
     margin-right:5px;
     transition:all .5s;
     transform-origin:center;
     line-height:1 
}
 .title-sidebar.active i{
     transform:rotateX(180deg) translateY(10px) 
}
 .box-sidebar{
     padding:15px;
     background:#f7f7f7 
}
 .list-news-sidebar>li{
     padding:12px 0;
     border-bottom:1px dashed #f2f2f2;
     display:flex 
}
 .list-news-sidebar>li .image{
     width:65px 
}
 .list-news-sidebar>li .content{
     width:calc(100% - 65px);
     padding-left:10px 
}
 .list-news-sidebar>li .content>h3{
     margin:0;
     font-size:14px;
     line-height:normal 
}
 .icon-toggle{
     font-size:14px;
     color:#ccc;
     position:absolute;
     top:10px;
     right:0;
     width:30px;
     text-align:center;
     height:30px;
     line-height:30px 
}
 .icon-toggle:before{
     content:"\f067";
     font-weight:900;
     font:normal normal normal 14px/1 FontAwesome 
}
 .icon-toggle.active:before{
     content:"\f068" 
}
 .list-category-c2{
     display:none;
     padding:15px 0 15px 10px 
}
 .list-category-sidebar li{
     padding:12px 0;
     border-bottom:1px dashed #f2f2f2;
     line-height:1.6;
     font-size:15px;
     position:relative 
}
 .list-category-sidebar li a{
     -webkit-transition:all .4s ease-in-out;
     -moz-transition:all .4s ease-in-out;
     -ms-transition:all .4s ease-in-out;
     -o-transition:all .4s ease-in-out;
     transition:all .4s ease-in-out 
}
 .list-fill-sidebar>li{
     padding:12px 0 12px 20px;
     border-bottom:1px dashed #f2f2f2;
     line-height:1.7;
     font-size:16px;
     position:relative 
}
 .list-product-sidebar .slick-prev,.list-product-sidebar .slick-next{
     margin:0;
     width:20px;
     height:25px;
     transform:translateY(-50%);
     z-index:66;
     text-align:center;
     opacity:1;
     background-color:unset;
     border-radius:6px 
}
 .list-product-sidebar .slick-prev:hover,.list-product-sidebar .slick-next:hover{
     opacity:1 
}
 .list-product-sidebar .slick-prev:before,.list-product-sidebar .slick-next:before{
     content:'';
     display:block;
     z-index:9;
     width:100%;
     height:100%;
     background-repeat:no-repeat;
     background-position:center;
     opacity:1;
     -webkit-transition:all .2s ease-out;
     -o-transition:all .2s ease-out;
     -moz-transition:all .2s ease-out;
     transition:all .2s ease-out;
     background-size:10px 
}
 .list-product-sidebar .slick-prev:before{
     background-image:url(../images/ic_previous_black.png) 
}
 .list-product-sidebar .slick-next:before{
     background-image:url(../images/ic_next_black.png) 
}
 .list-product-sidebar .slick-prev:hover:before{
     opacity:.6 
}
 .list-product-sidebar .slick-next:hover:before{
     opacity:.6 
}
 .list-product-sidebar .slick-prev i,.list-product-sidebar .slick-next i{
     color:#737373;
     line-height:24px;
     font-size:34px;
     display:none 
}
 .list-product-sidebar .slick-prev{
     right:15px;
     left:unset;
     top:-38px 
}
 .list-product-sidebar .slick-next{
     right:-8px;
     top:-38px 
}
 .list-product-sidebar .item-product-sidebar .image{
     text-align:center;
     width:100% 
}
 .list-product-sidebar .item-product-sidebar .image img{
     max-width:220px;
     margin:0 auto 
}
 .list-product-sidebar .item-product-sidebar .content{
     width:100%;
     position:relative;
     padding:20px 15px;
     z-index:1;
     border-radius:0 0 0 0;
     background:rgba(0,0,0,0) 
}
 .list-product-sidebar .item-product-sidebar .name a{
     text-transform:capitalize;
     color:#000;
     display:inline-block;
     width:100%;
     margin-bottom:10px;
     text-align:center;
     font-size:16px 
}
 .list-product-sidebar .item-product-sidebar .name a:hover{
     color:#f15929 
}
 .list-product-sidebar .item-product-sidebar .box-price{
     text-align:center 
}
 .list-product-sidebar .item-product-sidebar .box-price .price{
     font-size:16px;
     line-height:normal;
     font-weight:400;
     color:#c1001c 
}
 .list-banner-product .slick-dots{
     bottom:10px 
}
 .list-banner-product .slick-dots li{
     width:12px;
     height:12px 
}
 .list-banner-product .slick-dots li button{
     width:12px;
     height:12px 
}
 .list-banner-product .slick-dots li button:before{
     background-color:#fff;
     width:12px;
     height:12px;
     line-height:12px;
     opacity:1;
     border-radius:100% 
}
 .list-banner-product .slick-dots li.slick-active button:before{
     background-color:#c1001c;
     border-radius:100% 
}
 .product-detail{
     padding-bottom:50px 
}
 .product-detail .image-main img{
     height:auto;
     object-fit:cover;
     padding:10px 30px 
}
 .product-detail .sale{
     height:40px;
     width:40px;
     border-radius:100%;
     line-height:40px;
     color:#fff;
     background-color:#f15959;
     text-transform:uppercase;
     font-weight:400;
     position:absolute;
     top:20px;
     right:20px;
     z-index:3;
     text-align:center;
     font-size:12px;
     opacity:1;
     transition:all .3s ease-in-out 0 
}
 .image-main{
     border:1px solid #eee;
     padding:10px;
     position:relative;
     background:#fff 
}
 .image-main .percent{
     background-color:red;
     color:#fff;
     -webkit-transition-delay:0s,0s,0;
     -moz-transition-delay:0s,0s,0;
     -ms-transition-delay:0s,0s,0;
     -o-transition-delay:0s,0s,0;
     transition-delay:0s,0s,0;
     -webkit-transition-duration:0.3s,0.25s,.25s;
     -moz-transition-duration:0.3s,0.25s,.25s;
     -ms-transition-duration:0.3s,0.25s,.25s;
     -o-transition-duration:0.3s,0.25s,.25s;
     transition-duration:0.3s,0.25s,.25s;
     -webkit-transition-property:opacity,padding,width;
     -moz-transition-property:opacity,padding,width;
     -ms-transition-property:opacity,padding,width;
     -o-transition-property:opacity,padding,width;
     transition-property:opacity,padding,width;
     -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);
     -moz-transition-timing-function:cubic-bezier(0.86,0,0.07,1);
     -ms-transition-timing-function:cubic-bezier(0.86,0,0.07,1);
     -o-transition-timing-function:cubic-bezier(0.86,0,0.07,1);
     transition-timing-function:cubic-bezier(0.86,0,0.07,1);
     background:#444;
     color:#fff;
     font-size:13px;
     padding:5px 10px;
     display:inline-block;
     line-height:1.1;
     border-radius:3px;
     position:absolute;
     top:0;
     left:15px 
}
 .box-product-main{
     border-bottom:2px solid #e5e5e5;
     padding-bottom:20px;
     margin-bottom:20px 
}
 .list-small-images{
     margin-top:15px;
     margin-bottom:20px;
     padding:0 40px 
}
 .small-image{
     padding:5px;
     cursor:pointer 
}
 .small-image img{
     border:1px solid #eee;
     padding:3px;
     background:#fff;
     height:70px;
     object-fit:cover 
}
 .list-small-image .slick-prev,.list-small-image .slick-next{
     margin:0;
     width:25px;
     height:25px;
     transform:translateY(-50%);
     z-index:66;
     text-align:center;
     opacity:1;
     background-color:unset;
     border-radius:6px 
}
 .list-small-image .slick-prev:hover,.list-small-image .slick-next:hover{
     opacity:1 
}
 .list-small-image .slick-prev:before,.list-small-image .slick-next:before{
     content:'' 
}
 .list-small-image .slick-next:before{
     background-image:url(../images/slick-next.html) 
}
 .list-small-image .slick-prev:hover:before{
     opacity:.6 
}
 .list-small-image .slick-next:hover:before{
     opacity:.6 
}
 .list-small-image .slick-prev i,.list-small-image .slick-next i{
     color:#737373;
     line-height:24px;
     font-size:15px 
}
 .list-small-image{
     padding:0 30px 
}
 .list-small-image .slick-prev{
     left:-25px 
}
 .list-small-image .slick-next{
     right:-25px 
}
 .product-detail-infor .box-infor{
     margin-bottom:20px 
}
 .product-detail-infor .box-infor h2{
     font-weight:600;
     color:var(--mainweb-color);
     padding:5px 0;
     text-transform:uppercase;
     margin:0 0 10px;
     font-size:25px 
}
 .product-detail-infor .box-price{
     border-top:dashed 1px var(--mainweb-color);
     padding:7px 0;
     border-bottom:dashed 1px var(--mainweb-color) 
}
 .product-detail-infor .box-price .price{
     font-size:16px;
     line-height:1;
     padding:8px 0 
}
 .product-detail-infor .box-price .price .name-price{
     margin-right:10px;
     text-transform:unset 
}
 .product-detail-infor .price-number{
     font-size:22px;
     font-weight:700;
     color:#333;
     margin-right:10px 
}
 .product-detail-infor .box-rate{
     line-height:1;
     padding:8px 0;
     border-bottom:1px solid #707070 
}
 .product-detail-infor .box-rate span.name-danh-gia{
     margin-right:10px;
     font-size:20px 
}
 .product-detail-infor .box-rate span i{
     color:#ffde5a;
     font-size:20px 
}
 .product-detail-infor .desc-product{
     padding:0;
     margin-top:20px;
     font-size:16px;
     line-height:1.6 
}
 .box-buy{
     margin:30px 0 
}
 .box-buy .add-to-cart span{
     padding:0 20px 
}
 .box-buy a{
     margin-right:10px 
}
 .product-detail-infor .desc-product ul{
     list-style:disc!important;
     padding-left:15px 
}
 .product-detail-infor .desc-product ul>li{
     list-style:disc!important 
}
 .product-detail-infor .desc-product .name-chitiet{
     font-size:20px;
     margin-bottom:5px;
     font-weight:600 
}
 .product-detail-infor .box-datmua{
     margin-top:10px;
     text-align:left 
}
 .product-detail-infor .box-datmua a{
     display:inline-block;
     font-size:18px;
     color:#fff;
     background:#c1001c;
     padding:10px 20px;
     margin-right:20px;
     border-radius:0;
     margin-bottom:5px;
     text-transform:uppercase 
}
 .product-tab .nav-pills>li>a{
     font-size:17px;
     border-radius:0;
     padding:10px 15px;
     font-weight:600;
     color:var(--mainweb-color) 
}
 .product-tab .nav-pills>li.active>a,.product-tab .nav-pills>li.active>a:focus,.product-tab .nav-pills>li.active>a:hover{
     background-color:var(--mainweb-color);
     color:#fff 
}
 .product-tab .tab-content{
     padding:20px 15px;
     line-height:1.7;
     font-size:16px;
     border:1px solid #f2f2f2;
     margin-bottom:30px 
}
 .product-tab .tab-content ul,.product-tab .tab-content ul>li{
     list-style:disc!important 
}
 .product-tab .tab-content ul{
     padding-left:15px 
}
 .title-product-related{
     margin:0 0 15px;
     line-height:1.1;
     font-size:25px;
     text-align:left;
     margin-bottom:30px;
     padding-bottom:10px;
     border-bottom:1px solid #eee;
     color:var(--mainweb-color);
     font-weight:600;
     margin-top:50px 
}
 .sodo_tochuc{
     width:100%;
     margin-top:30px;
     margin-bottom:30px 
}
 .lstCate{
     background:#fff 
}
 .leader-cate{
     padding:0;
     text-align:center 
}
 .lstCate li a{
     font-size:15px;
     font-weight:700;
     color:var(--mainweb-color);
     text-transform:uppercase;
     border:1px solid #cdcdcd;
     background:#CCEBFF 
}
 .sodo_tochuc .nav-tabs > li.active > a,.sodo_tochuc .nav-tabs > li.active > a:hover,.sodo_tochuc .nav-tabs > li.active > a:focus{
     background:var(--mainweb-color);
     color:#FFF 
}
 .leader-list{
     padding:10px 0 15px 15px 
}
 .lstLeader{
     background:#CCEBFF 
}
 .lstLeader li{
     border-bottom:10px solid #fff;
     border-right:0 solid #fff 
}
 .lstLeader .active{
     text-decoration:none;
     background:var(--mainweb-color) 
}
 .lstLeader li a{
     display:block;
     text-align:center;
     font-size:15px;
     color:var(--mainweb-color);
     padding:10px;
     font-weight:700;
     text-transform:uppercase;
     text-decoration:none 
}
 .lstLeader .active a{
     color:#fff 
}
 .leader-detail{
     padding:10px 0 
}
 .leader-detail-inner{
     position:relative;
     padding:0 10px 
}
 .item-leader-detail{
     width:96%;
     position:absolute 
}
 .avatar-leader img{
     display:block;
     width:30%;
     margin:0 auto;
     margin-bottom:10px;
     border:1px solid 
}
 .info-title{
     display:block;
     width:100%;
     background:#CCEBFF;
     text-align:center;
     margin:0 auto;
     padding:5px 10px 
}
 .info-title h2{
     font-size:15px;
     padding:5px;
     margin:0;
     font-weight:700;
     text-transform:uppercase;
     color:var(--mainweb-color) 
}
 .pd-left-0{
     padding-left:0 
}
 .info-title p{
     margin:0 
}
 .info_member{
     font-size:15px 
}
 .noi_dung_in{
     text-align:justify;
     font-size:15px 
}
 .noi_dung_in ul{
     padding-left:20px 
}
 .noi_dung_in ul li{
     list-style:disc!important 
}
 .box-list-slide{
     padding:0 15px 
}
 .box-list-slide .slick-prev{
     left:0 
}
 .box-list-slide .slick-next{
     right:0 
}
 .box-list-slide:hover .slick-prev{
     left:-5px 
}
 .box-list-slide:hover .slick-next{
     right:-6px 
}
 .box-list-slide:hover .slick-prev,.box-list-slide:hover .slick-next{
     opacity:1 
}
 .box-list-slide:hover .pt_slick_prev,.box-list-slide:hover .pt_slick_next{
     opacity:1 
}
 .box-list-slide .slick-prev,.box-list-slide .slick-next{
     transform:translateY(-50%);
     transition:.5s;
     margin:0;
     z-index:10;
     opacity:1;
     width:36px;
     height:36px;
     border:1px solid #e4e4e4;
     color:#000 
}
 .box-list-slide .slick-prev:hover,.box-list-slide .slick-next:hover{
     background:-webkit-linear-gradient(0deg,#f15929,#25aae1);
     color:#fff 
}
 .box-list-slide .slick-prev:before,.box-list-slide .slick-next:before{
     display:none 
}
 .box-list-slide .slick-prev i,.box-list-slide .slick-next i{
     color:inherit;
     font-size:20px 
}
 .news-card-2{
     margin-bottom:30px 
}
 .news-card-2 .box .image{
     margin:0;
     transition:opacity .5s;
     overflow:hidden 
}
 .news-card-2 .box .image img{
     height:270px;
     object-fit:cover 
}
 .news-card-2 .box .image:hover{
     opacity:.8 
}
 .news-card-2 .box .content{
     width:100%;
     padding:15px;
     text-align:center 
}
 .news-card-2 .box .name{
     font-size:16px;
     color:#222;
     margin-bottom:15px;
     height:44px;
     line-height:22px;
     font-weight:500;
     display:-webkit-box;
     -webkit-line-clamp:2;
     -webkit-box-orient:vertical;
     overflow:hidden 
}
 .news-card-2 .box .name a:hover{
     color:var(--mainweb-color) 
}
 .news-card-2 .box .box-date{
     margin-bottom:15px 
}
 .news-card-2 .box .box-date i{
     margin:0 10px 0 0;
     font-size:13px 
}
 .news-card-2 .box .box-date .user{
     margin-left:20px 
}
 .news-card-2 .box .desc{
     color:#666;
     line-height:24px;
     margin-bottom:20px;
     display:-webkit-box;
     -webkit-line-clamp:3;
     -webkit-box-orient:vertical;
     overflow:hidden;
     height:72px 
}
 .box-viewmore2 .viewmore-3{
     color:#fff;
     display:inline-block;
     padding:0 15px;
     border-radius:40px;
     margin:0 auto;
     height:40px;
     line-height:35px;
     text-align:center;
     font-family:"Noto Serif",serif;
     font-size:14px;
     border:solid 2px var(--mainweb-color);
     text-transform:uppercase;
     font-weight:500;
     color:var(--mainweb-color) 
}
 .box-viewmore2 .viewmore-3:hover{
     color:#fff;
     background-color:var(--mainweb-color) 
}
 .box_news_detail{
     width:100%;
     margin:0 auto;
     color:#333;
     line-height:26px 
}
 .box_news_detail .image-detail{
     margin-bottom:20px 
}
 .box_news_detail .image-detail img{
     max-height:400px;
     object-fit:cover;
     width:100% 
}
 .box_news_detail h1{
     display:block;
     text-align:left;
     font-size:22px;
     font-weight:600;
     border-bottom:1px solid #dadada 
}
 h1.heading.half_space{
     border-bottom:0!important 
}
 .heading .divider-left,.heading .divider-center{
     height:4px;
     width:70px;
     background:var(--mainweb-color);
     display:block 
}
 .heading .divider-left{
     margin:10px 0 -2px 
}
 .date_time {
     color: #333;
     display: inline-block;
     font-size: 13px;
     margin-bottom: 5px;
}
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
     z-index: 3;
     color: #fff;
     cursor: default;
     background-color: var(--mainweb-color);
     border-color: var(--mainweb-color);
}
 .box_news_detail a {
     color: var(--mainweb-color);
}
 element.style {
}
 .review-top.chanh_price_trade .review-top__price {
     margin-bottom: 0;
}
 .ck-content div, .ck-content li, .ck-content p, .ck-content span {
     font-size: 1rem;
     line-height: 1.6em;
}
 .review-top__price {
     width: 70%;
     float: left;
     margin: 0 15%;
     background: #f9f9f9;
     padding: 15px 15px 0px;
     margin-top: 10px;
}
 .review-top__price .left {
     width: 150px;
     float: left;
     text-align: left;
     line-height: 22px;
     padding-top: 5px;
}
 .review-top__price .right .item a {
     background: var(--mainweb-color);
     color: #fff;
     text-transform: uppercase;
     padding: 3px 15px;
     text-decoration: none;
     border-radius: 8px;
}
 .review-top__price .right {
     width: calc(100% - 170px);
     float: right;
     text-align: left;
     border: 0px !important;
}
 .review-top__price .right .item {
     float: left;
     position: relative;
     clear: both;
     margin-bottom: 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     border-bottom: 1px solid #d9d9d9;
     width: 100%;
     margin: 0px;
}
 .review-top__price .right .item:last-child {
     border: 0px;
}
 .btn-primary {
     color: #fff;
     background-color: var(--mainweb-color);
     border-color: var(--mainweb-color);
}
 .review-top__price .right .item .price-detail {
     color: #dd0000;
     font-weight: 700;
     padding-right: 10px;
     float: left;
     margin: 0;
     min-width: 110px;
}
 div#google-ads_0 {
     display: none;
}
 .noidung p {
     margin: 0px;
}
 .date_time i{
     margin-right:5px;
     font-size:13px 
}
 .box_news_detail .news_note{
     padding:10px 22px;
     background-color:#eee;
     color:#333;
     line-height:26px;
     text-align:justify;
     margin-bottom:30px;
     border-radius:5px;
     display:none 
}
 .noi_dung_chitiet{
     line-height:1.7 
}
 .noi_dung_chitiet a{
     color:var(--mainweb-color) 
}
 .noi_dung_chitiet img {
     max-width: 100%;
     height: auto!important;
     width: auto;
}
 .noi_dung_chitiet ul,.noi_dung_chitiet ul>li{
     list-style:disc!important 
}
 .noi_dung_chitiet ul {
     padding-left: 25px;
     display: inline-block;
     margin: 5px 0px 15px;
}
 .noi_dung_chitiet picture img {
     max-width: 100%;
     height: auto!important;
     width: auto;
     margin: auto;
     margin-top: 10px;
     margin-bottom: 10px;
     display: block;
    /* margin: auto;
     */
}
 .best_offer_list .item .cell * {
     margin: 0;
}
 .best_offer {
     border: 1px solid #ccc;
     border-radius: 4px;
     margin: 10px auto;
     overflow: hidden;
}
 .best_offer_top {
     background: #f2f2f2;
     text-align: left;
     padding: 0.6em 1em;
}
 .best_offer_list .item {
     padding: 10px !important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .best_offer_list .item_link a {
     background: var(--mainweb-color);
     border-radius: 5px;
     color: #fff!important;
     font-size: 1em;
     height: 35px;
     width: 120px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border-bottom: 0!important;
}
 .posts-menu {
     display: none;
}
 p.linkmuangay {
     text-align: center;
     display: flex;
     justify-content: center;
}
 p.giatien {
     text-align: center;
     font-size: 18px;
     color: #dd0000;
}
 p.linkmuangay a {
     background: var(--mainweb-color);
     border-radius: 5px;
     color: #fff!important;
     font-size: 1em;
     height: 35px;
     width: 120px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border-bottom: 0!important;
}
 .best_offer_list .item .cell {
}
 .best_offer_list .item_image img {
     height: 35px!important;
     -o-object-fit: contain!important;
     object-fit: contain!important;
     pointer-events: none;
     margin: auto;
     float: left;
}
 .best_offer_list .item_price p {
     color: #da344a;
     font-weight: 600;
     font-size: 18px;
}
 .ck-content.desktop .best_offer_list .item_link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
}
 .show_more_content{
     height:270px;
     position:relative;
     width:100%;
     overflow:hidden 
}
 .show_more_content.da_hide{
     overflow:inherit;
     height:auto 
}
 .show_more_content .bg_show_icon{
     position:absolute;
     left:0;
     bottom:0;
     width:100%;
     height:100px;
     background-image:linear-gradient(180deg,rgba(255,255,255,0.8),rgba(255,255,255,1));
     text-align:center;
     color:var(--mainweb-color);
     font-size:20px;
     font-weight:500;
     text-decoration:none;
     display:flex;
     align-items:flex-end;
     justify-content:flex-end 
}
 .show_more_content .show_icon{
     color:#fff;
     background:var(--mainweb-color);
     border:none;
     font-size:14px;
     font-weight:500;
     text-decoration:none;
     margin:30px 0;
     padding:4px 10px;
     cursor:pointer 
}
 .share{
     margin:20px 0 10px 
}
 .news_rale{
     width:100%;
     margin:0 auto;
     color:#333;
     background:#eee;
     padding:10px 20px;
     margin-bottom:20px 
}
 .news_rale .title-headding{
     margin-bottom:15px 
}
 .title-headding .bg_img .title{
     display:inline-block;
     height:100%;
     width:100%;
     text-align:left;
     font-weight:600;
     color:#f15929;
     text-transform:uppercase;
     font-size:22px;
     line-height:38px 
}
 .list_news_lq>li>a{
     font-size:16px;
     padding:5px 0;
     line-height:25px;
     display:block 
}
 .list_news_lq>li>a:before{
     content:"\f0da";
     font:normal normal normal 14px/1 FontAwesome;
     display:inline-table;
     vertical-align:middle;
     margin-right:8px;
     color:#000;
     font-weight:700 
}
 .map{
     margin-bottom:15px 
}
 .map iframe{
     height:205px;
     width:100% 
}
 .list-contact{
     margin:0 0 15px;
     border-top:1px solid #ebebeb;
     border-bottom:1px solid #ebebeb;
     padding:15px 0;
     font-size:16px 
}
 .list-contact li{
     line-height:25px;
     color:#666 
}
 .list-contact li i{
     color:#23a8e0;
     font-size:24px;
     margin-right:25px;
     width:40px;
     text-align:center;
     line-height:inherit 
}
 .box-form-contact textarea{
     height:150px 
}
 .box-form-contact button{
     background-color:var(--mainweb-color);
     color:#fff;
     border:none;
     border-radius:0;
     text-transform:uppercase;
     padding:10px 30px 
}
 .fixed-tel{
     left:5px;
     bottom:10px;
     position:fixed;
     display:inline-block;
     min-width:70px;
     height:40px;
     line-height:40px;
     background:#f15929;
     color:#FFF;
     font-weight:700;
     font-size:125%;
     border-radius:25px;
     padding:0 10px 0 15px;
     box-shadow:0 0 3px #fff;
     z-index:999 
}
 .fixed-tel i{
     padding-right:10px;
     font-size:25px;
     padding-top:5px;
     line-height:30px 
}
 .fixed-tel:hover{
     color:#ff0 
}
 .fixed-contact-icons{
     position:fixed;
     bottom:55px;
     left:5px;
     z-index:9 
}
 .fixed-contact-icons i{
     color:#fff;
     font-size:30px;
     background:#0083FE;
     width:40px;
     height:40px;
     line-height:40px;
     border-radius:20px;
     text-align:center;
     margin-right:5px;
     display:inline-block;
     vertical-align:middle;
     background-size:cover 
}
 .fixed-contact-icons ._zalo{
     background:url(../images/zalo-icon.png) 0 0 no-repeat;
     background-size:cover 
}
 .fixed-contact-icons ._msg{
     background:#0083FE url(../images/icon-msg.png) 0 0 no-repeat;
     background-size:cover 
}
 .payment{
     margin-top:0;
     width:100%;
     overflow:hidden 
}
 .payment .step .item{
     float:left;
     width:33.33% 
}
 .payment .step .link{
     display:block;
     padding:8px 35px 8px 30px;
     padding-left:30px;
     font-size:13px;
     line-height:20px;
     color:#333;
     font-weight:700;
     background:#f0f0f0;
     position:relative;
     margin-bottom:0 
}
 .payment .step .active .link{
     background:#f4f9fd 
}
 .payment .step .item:first-child .link{
     padding-left:20px;
     height:40px 
}
 .payment .step .number{
     display:inline-block;
     margin-right:5px;
     width:24px;
     height:24px;
     border-radius:50%;
     background:#999;
     color:#fff;
     text-align:center;
     font-size:12px;
     line-height:24px 
}
 .payment .step .active .number{
     background:#0f76bd 
}
 .list_sanpham{
     margin-top:20px;
     display:inline-block;
     width:100% 
}
 .table_scroll{
     overflow-x:auto 
}
 .list_sanpham input{
     width:20%;
     text-align:center 
}
 .list_sanpham table{
     border-collapse:collapse;
     width:100% 
}
 .list_sanpham table td{
     border:1px solid #ddd;
     text-align:left;
     padding:10px;
     text-align:center;
     font-weight:700;
     font-size:14px 
}
 .list_sanpham table tr:nth-child(even){
     background-color:#f2f2f2 
}
 .dat_hang{
     margin-top:10px;
     text-align:right;
     margin-bottom:20px!important 
}
 .dat_hang button{
     border:none;
     background:#d22228;
     color:#fff;
     padding:8px 15px;
     cursor:pointer;
     text-transform:uppercase 
}
 .box_dattour{
     position:relative 
}
 .count{
     text-align:center 
}
 .count .abate{
     left:-30px;
     top:20px 
}
 .count .abate::before{
     background:#33674b;
     width:8px;
     height:2px;
     content:"";
     margin:13px auto;
     display:block 
}
 .count .btn{
     position:absolute;
     width:30px;
     line-height:30px!important;
     height:30px;
     border:1px solid #dfdfdf;
     border-right-color:#dfdfdf;
     border-right-style:solid;
     border-right-width:1px;
     top:0;
     cursor:pointer;
     padding:0 
}
 .count .augment{
     right:-30px 
}
 .count .augment::before{
     background:#345d47;
     width:8px;
     height:2px;
     margin:14px auto;
     content:"";
     display:block 
}
 .count .augment::after{
     content:"";
     width:2px;
     height:8px;
     background:#345d47;
     display:block;
     margin:0 auto;
     position:absolute;
     top:11px;
     left:0;
     right:0 
}
 .count .quantity{
     width:30px;
     height:30px;
     text-align:center;
     border:1px solid #dfdfdf 
}
 .list_sanpham button{
     background:#d22228;
     border:none;
     color:#fff;
     padding:5px 10px;
     border-radius:5px;
     cursor:pointer;
     margin-top:0 
}
 .count>*{
     display:inline-block 
}
 .uk-position-relative{
     position:relative 
}
 .contact_primary1{
     margin-top:0;
     background:#fff;
     border:solid 1px #eee;
     overflow:hidden;
     padding:15px;
     line-height:32px;
     margin-bottom:20px!important 
}
 .contact_primary1 input{
     width:100%;
     outline:0;
     padding-left:10px;
     box-sizing:border-box;
     border:1px solid #ccc;
     height:32px;
     margin-bottom:15px!important 
}
 .contact_primary1 select{
     width:100%;
     outline:0;
     padding-left:10px;
     box-sizing:border-box;
     border:1px solid #ccc;
     height:32px;
     margin-bottom:15px!important 
}
 .contact_primary1 textarea{
     width:100%;
     padding:5px 10px;
     box-sizing:border-box;
     border:1px solid #ccc;
     height:80px;
     margin-bottom:0!important;
     outline:0 
}
 table .count .abate::before{
     margin:13px auto 
}
 table .count .augment::before{
     margin:13px auto 
}
 table .count .augment::after{
     top:10px 
}
 .home_top .payment .step .link{
     padding:8px 35px 8px 30px;
     height:40px 
}
 .title_thongtin{
     background:#f7f7f7;
     padding:10px;
     text-align:left;
     font-size:14px;
     font-weight:600;
     color:#333 
}
 .box_dattour button{
     background:#d22228;
     padding:10px 20px;
     border-radius:5px;
     margin-top:12px;
     font-weight:700;
     border:none;
     color:#fff;
     font-size:13px;
     text-transform:uppercase;
     margin-right:20px 
}
 .link{
     background:#eee;
     color:#717171;
     font-size:14px;
     padding:10px 15px;
     margin-bottom:10px;
     margin-top:10px;
     float:left;
     width:100% 
}
 .link h1{
     margin:0;
     font-size:15px;
     padding:5px 0;
     font-weight:600;
     display:inline-block 
}
 .link h1 a{
     font-size:14px 
}
 .link h4{
     margin:0;
     font-size:14px;
     padding:3px 0;
     line-height:18px;
     float:right 
}
 .link h4 a{
     font-size:12px;
     padding:0 10px;
     position:relative 
}
 .link h4 a:before{
     content:'';
     position:absolute;
     transform:rotate(20deg);
     top:1px;
     right:-2px;
     height:10px;
     width:1px;
     background-color:#000 
}
 .link h4 a:last-child:before{
     display:none 
}
 .link h2{
     margin:0;
     font-size:14px;
     line-height:20px;
     padding:0;
     float:left 
}
 .link h2 a{
     font-size:14px;
     padding:0 10px;
     position:relative;
     float:left 
}
 .link h2 a:before{
     content:'';
     position:absolute;
     transform:rotate(20deg);
     top:4px;
     right:0;
     height:12px;
     width:1px;
     background-color:#000 
}
 .link h2 a:last-child:before{
     display:none 
}
 .ekko-lightbox .modal-dialog{
     max-width:800px!important 
}
 .pagination-group{
     text-align:center 
}
 .pagination{
     display:inline-block;
     margin:10px 0 30px 
}
 .breadcrumbs{
     position:relative;
     width:100% 
}
 .pagination a{
     width:auto;
     padding:0 10px;
     text-align:center;
     line-height:30px;
     display:inline-block;
     border:1px solid #034ea2;
     background-color:#fff;
     color:#034ea2;
     font-size:14px;
     margin:0 3px 3px 
}
 .pagination span{
     width:auto;
     padding:0 10px;
     text-align:center;
     line-height:30px;
     display:inline-block;
     border:1px solid var(--mainweb-color);
     background-color:#034ea2;
     color:#fff;
     font-size:14px;
     margin:0 3px 
}
 .breadcrumbs:before{
     content:"";
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     z-index:1 
}
 .breadcrumbs ul{
     float:left;
     width:100%;
     padding:15px 0 
}
 .breadcrumbs ul>li{
     display:inline-block;
     float:left;
     position:relative;
     z-index:2;
     font-size:14px;
     color:#000;
     font-weight:400 
}
 .breadcrumbs ul>li>a{
     color:#000;
     font-weight:400 
}
 .breadcrumbs ul>li>a:after{
     content:"\f101";
     margin:0 10px;
     font:normal normal normal 14px/1 FontAwesome 
}
 .breadcrumbs ul>li:last-child a:last-child:after{
     content:unset 
}
 .breadcrumbs ul>li span{
     display:inline-block;
     color:#fff 
}
 .content-box:not(:last-child){
     border-right:1px dashed #fff 
}
 .footer-layer{
     color:inherit 
}
 .footer-layer .title{
     font-size:17px;
     text-transform:uppercase;
     font-weight:600;
     padding-bottom:15px;
     line-height:27px 
}
 .pt_desc_name{
     color:#fff;
     margin-bottom:5px;
     line-height:25px 
}
 .pt_desc_name h2{
     font-size:16px;
     font-weight:700;
     line-height:22px;
     margin-top:0 
}
 .pt_list_addres{
     line-height:30px;
     color:inherit;
     font-size:14px 
}
 .pt_list_addres li i{
     margin-right:5px;
     font-size:22px;
     width:25px 
}
 .footer__other{
     width:100%;
     color:#fff;
     float:left 
}
 .footer__other .title{
     font-size:17px;
     text-transform:uppercase;
     font-weight:600;
     padding-bottom:15px;
     line-height:25px 
}
 .footer__policy{
     float:left;
     width:100% 
}
 .pt_box_form .pt_box{
     display:flex 
}
 .pt_box_form .pt_box input{
     height:40px;
     padding:10px 15px;
     border:1px solid #fff;
     background:transparent;
     border-right:unset;
     width:calc(100% - 40px);
     color:#fff;
     outline:0;
     border-radius:0!important box-shadow: unset 
}
 .pt_box_form .pt_box input::placeholder{
     color:#fff 
}
 .pt_box_form .pt_box button{
     width:40px;
     outline:none;
     border:1px solid #fff;
     border-left:unset;
     background:transparent;
     position:relative 
}
 .pt_box_form .pt_box button i{
     transform:rotate(30deg);
     font-size:12px;
     color:#fff 
}
 .pt_box_thke{
     font-weight:400;
     width:100%;
     padding:0 10px 10px 0;
     border-top:0;
     overflow:hidden 
}
 .pt_box_thke p{
     text-align:left;
     padding-top:12px;
     margin:0;
     font-size:14px;
     color:inherit 
}
 .pt_box_thke p i{
     margin-right:10px;
     width:17px;
     text-align:center 
}
 .pt_box_thke p span{
     font-weight:600;
     color:#efc02c 
}
 .title-footer-2:before{
     content:"";
     background-color:#fff;
     width:60px;
     height:2px;
     position:absolute;
     top:100%;
     left:0 
}
 .wrap-news-home{
     padding:20px 0 5px 
}
 .list-new-hr{
     margin-bottom:25px 
}
 .dv-01-news{
     margin-bottom:25px 
}
 .dv-01-news .box{
     background-color:#fff 
}
 .dv-01-news .content{
     padding:15px 0 0 
}
 .dv-01-news .image{
     overflow:hidden 
}
 .dv-01-news .date{
     display:-ms-flexbox;
     display:flex;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap;
     color:#6c757d;
     padding-top:5px 
}
 .dv-01-news .date span{
     display:-ms-flexbox;
     display:flex;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap;
     color:#6c757d;
     padding-top:5px;
     margin-right:10px 
}
 .dv-01-news .date span img{
     max-width:16px;
     margin-right:5px;
     max-height:16px 
}
 .dv-01-news .image img{
     transition:all .5s;
     width:100%;
     object-fit:cover;
     height:300px 
}
 .dv-01-news .image:hover img{
     transform:scale(1.1) 
}
 .dv-01-news h3 a{
     height:auto;
     overflow:hidden;
     display:-webkit-box;
     -webkit-line-clamp:4;
     -webkit-box-orient:vertical;
     font-weight:600;
     color:#000;
     text-transform:inherit;
     height:auto;
     overflow:hidden;
     display:-webkit-box;
     -webkit-line-clamp:4;
     -webkit-box-orient:vertical;
     font-weight:600;
     color:var(--mainweb-color);
     text-transform:uppercase 
}
 .list-news-home .dv-01-news h3 a{
     color:#000;
     font-size:15px;
     line-height:22px;
     margin:0;
     text-transform:unset 
}
 .list-news-home .dv-01-news .desc{
     font-size:14px;
     line-height:23px;
     overflow:hidden;
     display:-webkit-box;
     -webkit-line-clamp:3;
     -webkit-box-orient:vertical 
}
 .list-news-home h3{
     margin:0 
}
 .box-reason{
     display:flex;
     align-items:center;
     margin-bottom:20px 
}
 .box-reason img{
     margin-right:10px;
     width:50px 
}
 .title-reason{
     color:#000;
     text-transform:uppercase;
     font-size:18px;
     margin:0 
}
 .des-reason{
     margin:0 
}
 .dv-01-news h3 a:hover{
     color:#351715 
}
 .dv-01-news .desc{
     font-size:15px;
     line-height:23px;
     overflow:hidden;
     display:-webkit-box;
     -webkit-line-clamp:3;
     -webkit-box-orient:vertical 
}
 .card-news-horizontal{
     margin-bottom:15px 
}
 .col-card-news-horizontal:last-child .card-news-horizontal{
     margin-bottom:0 
}
 .card-news-horizontal .box{
     display:flex;
     flex-wrap:wrap 
}
 .card-news-horizontal .image{
     width:110px 
}
 .card-news-horizontal .image a{
     display:block;
     overflow:hidden;
     position:relative;
     padding-bottom:82% 
}
 .card-news-horizontal .content{
     width:calc(100% - 120px);
     padding-left:15px 
}
 .card-news-horizontal .image img{
     object-fit:cover;
     position:absolute;
     left:0;
     top:0;
     height:100%;
     width:100% 
}
 .card-news-horizontal .content h3{
     margin:0;
     font-size:13px;
     font-weight:600;
     margin-bottom:5px 
}
 .card-news-horizontal .content h3 a{
     display:-webkit-box;
     -webkit-line-clamp:6;
     -webkit-box-orient:vertical;
     overflow:hidden;
     line-height:19px;
     max-height:auto;
     text-transform:none 
}
 .card-news-horizontal .content .date{
     margin-bottom:5px;
     font-size:13px;
     color:#005c98 
}
 .card-news-horizontal .content .date i{
     color:#909090 
}
 .card-news-horizontal .content .desc{
     display:-webkit-box;
     -webkit-line-clamp:2;
     -webkit-box-orient:vertical;
     overflow:hidden;
     height:40px 
}
 .card-news-horizontal-2 .content h3 a{
     max-height:unset;
     -webkit-line-clamp:7;
     max-height:120px;
     font-weight:400 
}
 .d-flex{
     display:flex;
     flex-wrap:wrap 
}
 .before-after-unset:before,.before-after-unset:after{
     content:unset 
}
 .p-75{
     padding-left:7.5px;
     padding-right:7.5px 
}
 .p-5{
     padding-left:5px;
     padding-right:5px 
}
 .p-10{
     padding-left:10px;
     padding-right:10px 
}
 .mb-25{
     margin-bottom:25px 
}
 .list-cate{
     background-color:#f2f2f2;
     padding:20px 25px;
     overflow:hidden;
     height:420px 
}
 .list-cate li{
     position:relative;
     padding-left:20px 
}
 .list-cate li:first-child:before{
     top:7px 
}
 .list-cate li+li{
     border-top:1px dashed #d5d5d5;
     margin-top:10px;
     padding-top:10px 
}
 .list-cate li:before{
     content:"";
     width:7px;
     height:7px;
     background-color:var(--mainweb-color);
     position:absolute;
     top:15px;
     left:0 
}
 .list-cate li a{
     display:block 
}
 .box-list-news-3{
     background-color:#f2f2f2;
     padding:15px;
     margin-bottom:25px 
}
 .wrap-news-2{
     padding-bottom:5px 
}
 .box-list-news-2{
     margin-bottom:25px 
}
 .wrap-category{
     padding:30px 0 40px;
     background-color:#f2f2f2 
}
 .col-cate-item{
     margin-bottom:20px 
}
 .product_home_category{
     margin:0;
     text-align:right;
     z-index:3;
     padding-left:10px;
     padding-right:10px 
}
 a.site-header-search.icon-search {
     color: #000!important;
}
 .cate-item{
     border:1px solid #eee 
}
 .cate-item:hover{
     border:1px solid #ee4d2d;
     box-shadow:0 .0625rem 20px 0 #000;
     transform:translateY(-0.0625rem);
     z-index:1 
}
 .cate-item .box .image{
     background:#fff 
}
 .cate-item .box .image a{
     display:block;
     overflow:hidden;
     position:relative;
     padding-bottom:100% 
}
 .cate-item .box .image a img{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     object-fit:cover;
     transition:all .5s 
}
 figure img{
     margin:10px 0;
     text-align:center 
}
 figcaption p{
     text-align:center 
}
 .cate-item .box:hover .image a img{
     transform:scale(1) 
}
 .cate-item .box .content{
     padding:5px;
     background-color:#fff;
     text-align:left;
     color:var(--mainweb-color);
     height:40px 
}
 .price{
     text-align:left;
     font-weight:400;
     color:#d00;
     font-size:15px;
     padding:0 5px 
}
 span.price.product-price{
     padding:0;
     margin-right:8px 
}
 .star-ratings{
     font-size:14px;
     color:#f3b00f;
     margin:.1rem;
     padding:5px 
}
 .star-rating{
     display:inline-block;
     margin:0 0 .5em;
     float:none;
     margin:auto auto;
     overflow:hidden;
     position:relative;
     height:1em;
     line-height:1;
     font-size:1em;
     width:65px;
     position:relative;
     font-family:FontAwesome 
}
 .star-rating::before{
     content:'\f005 \f005 \f005 \f005 \f005';
     color:#d3ced2;
     float:left;
     top:0;
     left:0;
     position:absolute 
}
 .star-ratings {
     margin: 0px;
     padding: 0px;
     text-align: center;
     position: relative;
     top: -6px;
}
 .star-rating span{
     overflow:hidden;
     float:left;
     top:0;
     left:0;
     position:absolute;
     padding-top:1.5em;
     color:#fec42d 
}
 .star-rating span::before{
     content:'\f005 \f005 \f005 \f005 \f005';
     top:0;
     position:absolute;
     left:0 
}
 span.old-price{
     font-weight:400;
     text-decoration:line-through;
     color:#a9a9a9;
     font-weight:normal;
     text-decoration:line-through;
     color:#a9a9a9 
}
 .price-section {
     margin-top: 10px;
     height: 30px;
}
 .price-section span.old-price {
     font-weight: 400;
     text-decoration: line-through;
     color: #a9a9a9;
     font-weight: normal;
     text-decoration: line-through;
     color: #a9a9a9 !important;
     line-height: 20px !important;
     font-size: 15px;
     padding: 0px !important;
}
 .cate-item .box .content .name{
     margin:0;
     font-size:13px;
     font-weight:700;
     line-height:15px;
     width:100% 
}
 .cate-item .box .content .name a{
     display:-webkit-box;
     -webkit-line-clamp:2;
     -webkit-box-orient:vertical;
     overflow:hidden;
     font-weight:400;
     color:#000 
}
 .dot-cate-1 .slick-dots{
     bottom:-10px 
}
 .dot-cate-1 .slick-dots li{
     border-radius:100%;
     width:15px;
     height:15px;
     background:#fff;
     border-radius:50%;
     cursor:pointer;
     box-sizing:content-box;
     background-color:#b7b7b7 
}
 .dot-cate-1 .slick-dots li.slick-active{
     background:var(--mainweb-color) 
}
 .dot-cate-1 .slick-dots li button{
     width:100%;
     height:100%;
     opacity:0 
}
 .dot-cate-1 .slick-dots li button:before{
     width:12px;
     height:100% 
}
 .wrap-partner{
     padding:25px 0 
}
 .wrap-partner .list-item .item{
     padding:0 10px;
     width:16.666667%;
     float:left 
}
 .wrap-partner .list-item .box{
     border:1px solid #eee;
     text-align:center 
}
 .wrap-partner .list-item img{
     height:60px;
     object-fit:contain;
     width:auto;
     margin:0 auto 
}
 .blog-news{
     padding-top:30px;
     padding-bottom:30px 
}
 .noidung{
     line-height:24px 
}
 .noidung table{
     width:100%!important 
}
 .noidung .row.albums-anh img{
     max-width:100%!important;
     height:100%!important;
     object-fit:cover 
}
 .card-news-horizontal-3{
     margin-bottom:15px 
}
 .card-news-horizontal-3 .box{
     display:flex;
     flex-wrap:wrap 
}
 .card-news-horizontal-3 .image{
     width:30%;
     position:relative 
}
 .card-news-horizontal-3 .content{
     width:calc(100% - 30%);
     padding-left:15px 
}
 .card-news-horizontal-3 .image a{
     display:block;
     padding-bottom:76%;
     position:relative 
}
 .card-news-horizontal-3 .image img{
     position:absolute;
     width:100%;
     height:100%;
     object-fit:cover;
     left:0;
     top:0 
}
 .card-news-horizontal-3 .content h3{
     margin:0;
     font-size:18px;
     font-weight:600;
     margin-bottom:5px 
}
 .card-news-horizontal-3 .content h3 a{
     display:-webkit-box;
     -webkit-line-clamp:32;
     -webkit-box-orient:vertical;
     overflow:hidden;
     line-height:24px;
     height:auto 
}
 .card-news-horizontal-3 .content .date{
     margin-bottom:5px;
     font-size:13px;
     color:#898989 
}
 .card-news-horizontal-3 .content .date i{
     margin-right:5px 
}
 .card-news-horizontal-3 .content .desc{
     display:-webkit-box;
     -webkit-line-clamp:3;
     -webkit-box-orient:vertical;
     overflow:hidden;
     line-height:25px;
     max-height:100px;
     text-align:justify 
}
 .xemthem{
     margin-top:10px;
     background-color:var(--mainweb-color);
     border-color:var(--mainweb-color);
     color:#fff;
     font-size:13px;
     padding:3px 10px 
}
 .xemthem:hover{
     background-color:#008b43;
     color:#fff 
}
 #side-bar{
     position:sticky;
     top:40px 
}
 .side-bar{
     background-color:#fff;
     box-shadow:0 1px 2px #d9dadb;
     margin:0 0 30px 
}
 .side-bar:last-child{
     margin-bottom:0 
}
 .title-sider-bar{
     font-size:16px;
     text-align:center;
     margin:0;
     color:#fff;
     padding:10px 20px;
     line-height:26px;
     text-transform:uppercase;
     background-color:var(--mainweb-color);
     font-weight:700 
}
 .menu-side-bar li{
     font-size:1rem;
     border-bottom:1px solid #ccc;
     margin-bottom:0 
}
 .list-category ul>li>a .pt_icon_right{
     position:absolute;
     right:0;
     top:3px;
     width:40px;
     text-align:center;
     line-height:40px;
     transition:all .5s;
     opacity:1;
     color:var(--mainweb-color) 
}
 .list-category ul>li>a .pt_icon_right2{
     position:absolute;
     right:0;
     top:2px;
     width:30px;
     text-align:center;
     line-height:30px;
     transition:all .5s;
     opacity:.4 
}
 .list-category ul>li>a .pt_icon_right:before{
     content:"\f067" 
}
 .list-category ul>li>a .pt_icon_right2:before{
     content:"\f067" 
}
 .list-category ul>li.nav_item.active a .pt_icon_right:before{
     content:"\f068" 
}
 .list-category ul>li.nav_item1.active a .pt_icon_right2:before{
     content:"\f068" 
}
 .list-category ul>li>a{
     color:#000;
     font-weight:600;
     background-color:#eee;
     padding:10px 15px 10px 35px;
     display:block;
     position:relative;
     line-height:1.5 
}
 .list-category ul>li>a:hover{
     color:#fff;
     background-color:#008b43 
}
 .list-category>ul>li>a{
     font-size:15px 
}
 .list-category>ul>li>a:after{
     content:"\f061";
     color:var(--mainweb-color);
     position:absolute;
     left:15px;
     line-height:1.5;
     font:normal normal normal 14px/1 FontAwesome;
     top:12px 
}
 .list-category ul>li>a:before{
     font:normal normal normal 14px/1 FontAwesome;
     position:absolute;
     left:20px;
     top:18px 
}
 .list-category ul>li>a>span{
     padding-left:0;
     font-size:15px 
}
 .menu-side-bar-leve-2{
     display:none 
}
 .menu-side-bar-leve-3{
     display:none 
}
 .list-category .menu-side-bar-leve-2>li>a{
     padding:5px 15px;
     padding-left:40px;
     line-height:27px 
}
 .list-category .menu-side-bar-leve-2>li>a:before{
     left:30px;
     top:11px 
}
 .list-category .menu-side-bar-leve-3>li>a{
     padding-left:70px;
     line-height:35px;
     height:35px 
}
 .list-category .menu-side-bar-leve-3>li>a:before{
     left:58px;
     top:11px 
}
 li.title-left{
     font-size:16px;
     text-align:center;
     margin:0;
     color:#fff;
     padding:5px 20px;
     font-weight:700;
     line-height:26px;
     text-transform:uppercase;
     background-color:var(--mainweb-color);
     clear:both 
}
 .googlemap iframe{
     margin-top:0;
     width:100%;
     height:215px;
     border-top:1px solid #ddd!important;
     padding-top:20px 
}
 .image img{
     display:none 
}
 .show-time{
     display:block!important 
}
 b.btnclickOK input#submit{
     background:var(--mainweb-color);
     border:0;
     padding:10px 20px;
     text-transform:uppercase;
     color:#fff 
}
 .addthis_inline_share_toolbox,.zalo-share-button{
     display:inline-block 
}
 .zalo-share-button{
     position:relative;
     top:8px;
     margin-left:5px 
}
 .addthis_inline_share_toolbox{
     margin-left:-6px 
}
 ul.menuleft{
     margin-bottom:20px 
}
 .woocommerce div.product div.images img{
     display:block;
     width:100%!important;
     height:initial!important;
     box-shadow:none;
     position:initial!important 
}
 .owl-drag .owl-prev:before,.owl-drag .owl-next:before{
     display:none 
}
 .owl-dots{
     display:none 
}
 .zoomWrapper{
     display:inline-block;
     overflow:hidden;
     height:auto!important 
}
 .heading32{
     display:inline-block;
     width:100%;
     text-align:center;
     margin-bottom:30px;
     font-size:20px 
}
 .heading32 h2{
     font-size:25px 
}
 img#zoom_01{
     height:initial!important;
     position:relative!important;
     display:block;
     margin:auto;
     width:auto!important;
     height:410px 
}
 div#gal1{
     margin-top:10px;
     overflow:initial;
     display:block;
     opacity:1 
}
 #gal1 img{
     height:55px!important;
     object-fit:cover;
     width:100%!important 
}
 #gal1 .owl-nav button.owl-prev,#gal1 .owl-nav button.owl-next{
     color:#fff!important;
     font-size:15px;
     margin-top:-14px;
     position:absolute;
     top:50%;
     text-align:center;
     line-height:28px;
     opacity:-1;
     border:1px solid #fff;
     width:30px;
     height:30px;
     background:var(--mainweb-color) 
}
 #gal1 .owl-nav button.owl-prev{
     left:10%;
     -webkit-transition:.4s;
     -moz-transition:.4s;
     -o-transition:.4s;
     -ms-transition:.4s 
}
 #gal1 .owl-nav button.owl-next{
     right:10%;
     -webkit-transition:.4s;
     -moz-transition:.4s;
     -o-transition:.4s;
     -ms-transition:.4s 
}
 #gal1:hover .owl-nav button.owl-next{
     right:2%;
     -webkit-transition:.4s;
     -moz-transition:.4s;
     -o-transition:.4s;
     -ms-transition:.4s;
     opacity:1 
}
 #gal1:hover .owl-nav button.owl-prev{
     left:2%;
     -webkit-transition:.4s;
     -moz-transition:.4s;
     -o-transition:.4s;
     -ms-transition:.4s;
     opacity:1 
}
 #gal1:hover .fa{
     color:#fff 
}
 #gal1:hover .owl-nav button.owl-next:hover,#gal1:hover .owl-nav button.owl-prev:hover{
     color:#fff!important;
     background:#373737;
     border:1px solid #373737 
}
 h1.title-product{
     font-size:21px 
}
 .product-summary.product_description.margin-bottom-0{
     font-size:16px;
     line-height:1.5;
     margin-top:20px;
     border-top:1px solid #d9d9d9;
     padding-top:20px;
     text-align:justify 
}
 @media (max-width: 592px){
     .header-title .flex-bg{
         height:251px!important;
         padding:85px 0 
    }
     .hidden-desktop{
         display:block 
    }
     .hidden-mobile{
         display:none 
    }
     #gal1 .owl-nav button.owl-prev,#gal1 .owl-nav button.owl-next{
         opacity:1 
    }
     #gal1 .owl-nav button.owl-prev{
         left:0 
    }
     #gal1 .owl-nav button.owl-next{
         right:0 
    }
     .zoomLens,.zoomContainer{
         display:none!important 
    }
}
 .hotline-box{
     text-align:center;
     border-radius:8px;
     border:1px solid #ccc;
     font-size:16px;
     padding:7px;
     margin:10px 0 
}
 .hotline-box h4{
     color:#d71921;
     font-size:20px;
     margin-bottom:0 
}
 .contact-phone{
     width:100%;
     margin:10px 0;
     overflow:hidden 
}
 .contact-phone ul{
     display:block;
     float:left;
     margin:0;
     padding:0;
     width:100% 
}
 .contact-phone ul li{
     width:49%;
     float:left;
     margin-right:2%;
     background-color:#288ad6;
     color:#fff;
     padding:10px 5px;
     text-align:center;
     border-radius:3px;
     display:inline-block 
}
 div.tab{
     overflow:hidden;
     border-bottom:0 solid #ccc;
     margin-top:45px;
     margin-bottom:-1px 
}
 .product-meta{
     display:none 
}
 div.tab a{
     height:45px;
     line-height:45px;
     margin-right:2px;
     float:left;
     font-size:15px;
     padding:0 15px;
     -moz-border-radius:0;
     -ms-border-radius:0;
     -o-border-radius:0;
     -webkit-border-radius:0;
     border-radius:0;
     border:1px solid #f2f2f2;
     color:#000;
     background:#fff;
     background:-moz-linear-gradient(top,white 0%,#f3f3f3 100%);
     background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#f3f3f3));
     background:-webkit-linear-gradient(top,white 0%,#f3f3f3 100%);
     background:-o-linear-gradient(top,white 0%,#f3f3f3 100%);
     background:-ms-linear-gradient(top,white 0%,#f3f3f3 100%);
     background:linear-gradient(to bottom,white 0%,#f3f3f3 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='white',endColorstr='#f3f3f3',GradientType=0) 
}
 .tabcontent img{
     padding:10px 0 
}
 div.tab a:focus,div.tab .active{
     height:45px;
     line-height:42px;
     float:left;
     display:inline;
     border-bottom:2px solid #fff;
     color:#000;
     text-align:center;
     border-top:3px solid var(--mainweb-color) 
}
 .tabcontent{
     display:none;
     padding:10px 15px;
     border:1px solid #f2f2f2;
     margin-bottom:35px 
}
 nav.woocommerce-pagination{
     display:flex;
     justify-content:center 
}
 .price-box,.flashsale{
     display:inline-block 
}
 .flashsale{
     background-image:url(/theme/flash.jpg);
     background-size:100%!important;
     height:30px;
     color:#fff;
     padding:6px 
}
 svg.shopee-svg-icon._8tjJ2v{
     height:15px;
     position:relative;
     top:-4px;
     margin-left:10px 
}
 .flashsale span{
     font-size:13px;
     position:relative;
     top:-7px;
     margin-right:3px 
}
 .contact-phone ul li a{
     color:#fff;
     display:block;
     width:100%;
     text-decoration:none 
}
 .contact-phone.hide-for-small p{
     font-size:16px;
     margin:0;
     text-align:center 
}
 .contact-phone ul li:last-of-type{
     margin-right:0;
     background:#3a559f 
}
 .pp_content_container a.pp_expand{
     top:-10px;
     right:auto 
}
 h1.title-product{
     font-size:21px;
     margin-top:0 
}
 .product-summary.product_description.margin-bottom-0{
     font-size:14px;
     line-height:inherit;
     margin-top:2px;
     border-top:1px solid #d9d9d9;
     padding-top:5px 
}
 span.new-price.font-big.v2_price{
     margin-right:10px 
}
 .tabcontent p{
     margin:0 
}
 .tabcontent li,.product_description li{
     margin:0;
     padding-left:20px;
     position:relative;
     list-style:none 
}
 .tabcontent li::before,.product_description li::before{
     content:"\f046";
     font-family:FontAwesome;
     position:absolute;
     top:0;
     left:0;
     color:var(--mainweb-color) 
}
 .price-box{
     color:#d00;
     font-size:20px 
}
 .article-pages table{
     width:100%!important 
}
 .article-pages td,.article-pages th{
     border:1px solid #ddd;
     padding:8px;
     background-color:unset 
}
 .container-fluid.layout-container{
     padding:0;
     margin-top:10px;
     margin-bottom:10px 
}
 .article-pages tr:nth-child(even){
     background-color:#f2f2f2 
}
 .title_style {
     max-height: 400px;
     overflow: auto;
}
 li.nav-item.menu-sub-all {
     position: unset !important;
}
 .menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item {
     position: relative;
     width: unset;
     border: 0px;
     float: left;
     position: initial;
     display: block !important;
}
 .menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub {
     position: unset;
     min-width: unset;
     display: block !important;
     column-count: 3;
     padding: 10px;
     margin-bottom: 10px;
}
 .menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub li {
     display: block;
     float: unset;
}
 .menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > a {
     font-weight: bold;
     color: #000000;
     padding-bottom: 7px;
     font-size: 14px;
     text-transform: uppercase;
     text-align: center;
     position: relative;
     background: #eee;
}
 .menu-desktop .nav-main .menu-sub-all > .nav-sub {
     overflow: scroll;
     height: 100vh;
     display: grid;
}
 .menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub > .nav-item {
     font-weight: normal;
     color: #000;
     padding-bottom: 0px;
     border: 0px;
}
 .menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub > .nav-item a:before {
     content: "\f0da";
     font-family: FontAwesome;
     margin-right: 5px;
}
 .menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub > .nav-item {
     font-size: 14px;
     line-height: 1.4;
     margin: 1px 0;
     padding-left: 20px;
     position: relative;
     list-style: none;
     padding: 0px;
}
 .menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub > .nav-item > a {
     padding-bottom: 0px;
     padding-top: 0px;
}
 .menu-desktop .nav-main .nav-item .fa.mm1 {
     position: absolute;
     top: 12px;
     right: 0px;
     color: #fff;
     font-size: 8px;
     line-height: 8px;
}
 span.product-brand{
     margin-right:25px 
}
 nav li.fl {
     float: unset;
}
 li.has_sub > ul{
     background:#f8f8f8 
}
 li.has_sub , nav li.fl{
     border-bottom:1px dashed #d9d9d9 
}
 nav li.fl a {
     font-weight: 700;
     color: #000 !important;
     text-decoration: none !important;
}
 nav li.fl .sprite-icons {
     display: none;
}
 nav li:first-child.fl, nav li:last-child.fl {
     display: none;
}
 li.fl a {
     text-decoration: unset !important;
     color: #000 !important;
}
 li.has_sub > ul > li{
     border:0;
     padding:8px;
     margin-left:6px 
}
 li.has_sub a{
     font-weight:700 
}
 li.has_sub > ul > li a{
     font-weight:400 
}
 li.has_sub > ul > li:last-child{
     padding-bottom:16px 
}
 .list-contact-sidebar ul{
     padding:20px 10px;
     background-color:#eee 
}
 .list-contact-sidebar ul li{
     margin-bottom:10px 
}
 .list-contact-sidebar ul li:last-child{
     margin-bottom:0 
}
 .list-contact-sidebar ul li .icon{
     width:30px;
     font-size:20px 
}
 .list-contact-sidebar ul li .icon i{
     color:var(--mainweb-color) 
}
 .list-contact-sidebar ul li .text{
     width:calc(100% - 30px);
     line-height:28px 
}
 .news-relate-title{
     margin:0 0 15px;
     font-size:18px;
     padding:20px 0 0;
     text-transform:uppercase;
     font-weight:700 
}
 .box-list-news-relate ul li{
     list-style:none;
     border-bottom:1px dotted #ccc;
     line-height:30px 
}
 .box-list-news-relate ul li a{
     text-decoration:none;
     font-size:14px;
     transition:all ease .5s 
}
 .box-list-news-relate ul li a>span{
     font-size:12px 
}
 .blog-news-detail{
     padding:30px 0 
}
 .blog-product{
     padding:30px 0 
}
 .blog-product-detail{
     padding:30px 0 
}
 .title-box{
     padding-left:30px;
     line-height:37px;
     font-size:18px;
     font-weight:700;
     text-transform:uppercase;
     color:var(--mainweb-color);
     background-image:url(../images/i_sanpham.png);
     background-repeat:no-repeat;
     background-position:left;
     margin-bottom:8px;
     margin-top:10px;
     border-bottom:2px solid var(--mainweb-color);
     position:relative;
     padding-right:80px 
}
 .name-pro-detail{
     text-align:center;
     font-size:18px;
     text-transform:uppercase;
     font-weight:700;
     color:#fff;
     background-color:#005085;
     line-height:1.5;
     padding:9px 10px 
}
 .content-pro-detail{
     padding:20px;
     background-color:#f4f4f4;
     margin-bottom:50px 
}
 .xemthem-pro{
     position:absolute;
     padding:0 10px;
     padding-right:0;
     right:0;
     bottom:0;
     font-size:12px;
     text-transform:none;
     font-weight:400 
}
 .xemthem-pro i{
     margin-left:5px 
}
 .list-pro-relate{
     padding-top:10px 
}
 .list-image{
     padding-top:20px 
}
 .dv-01-card-image{
     text-align:center 
}
 .dv-01-card-image:hover .image img{
     transform:scale(1.1) 
}
 .dv-01-card-image .image{
     display:block;
     overflow:hidden;
     margin-bottom:20px;
     position:relative;
     padding-bottom:70% 
}
 .dv-01-card-image .image img{
     transition:all .5s;
     object-fit:cover;
     height:100%;
     position:absolute;
     width:100%;
     left:0;
     top:0 
}
 .dv-01-card-image .box h3{
     font-size:17px;
     font-weight:600;
     line-height:20px;
     margin-top:0;
     height:40px;
     display:-webkit-box;
     -webkit-line-clamp:2;
     -webkit-box-orient:vertical;
     overflow:hidden 
}
 .blog-galaxy{
     padding:30px 0 
}
 .col-video-item{
     margin-bottom:30px 
}
 .video-item{
     position:relative 
}
 .video-item .box{
     display:block;
     position:relative;
     padding-bottom:70%;
     overflow:hidden 
}
 .video-item a h3{
     position:absolute;
     bottom:0;
     left:0;
     width:100%;
     color:#fff;
     background-color:rgba(0,0,0,0.4);
     margin:0;
     padding:15px 10px;
     text-align:left;
     font-size:16px;
     text-align:center 
}
 .video-item img{
     border-radius:10px;
     object-fit:cover;
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     transition:all .5s 
}
 .video-item .box:hover img{
     transform:scale(1.1) 
}
 .video-item span{
     position:absolute;
     top:50%;
     left:50%;
     transform:translate(-50%,-50%);
     font-size:60px;
     width:60px;
     height:60px;
     display:flex;
     align-items:center;
     justify-content:center;
     border-radius:100%;
     background:-webkit-linear-gradient(0deg,var(--mainweb-color),#008b43);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
     background-color:#fff 
}
 .video-item span i{
     line-height:1 
}
 .wrap-fill-row{
     padding-top:10px 
}
 .fill-row .form-inline .form-control{
     display:inline-block;
     width:auto;
     vertical-align:middle 
}
 .fill-row .form-inline select.form-control{
     margin-right:5px 
}
 .fill-row .form-inline label{
     white-space:nowrap;
     margin-bottom:0;
     margin-right:5px 
}
 .box-search-fill{
     text-align:right 
}
 .box-search-fill .form-group{
     display:flex;
     align-items:center;
     justify-content:flex-end 
}
 .fill-data{
     padding-top:20px;
     font-size:14px 
}
 .fill-data table thead{
     background-color:var(--mainweb-color);
     color:#fff 
}
 .fill-data table thead th{
     white-space:nowrap;
     font-size:16px;
     padding-top:10px;
     padding-bottom:10px 
}
 .fill-data table tbody td{
     font-weight:400 
}
 .fill-data .table-bordered>tbody>tr>td,.fill-data .table-bordered>tbody>tr>th,.fill-data .table-bordered>tfoot>tr>td,.fill-data .table-bordered>tfoot>tr>th,.fill-data .table-bordered>thead>tr>td,.fill-data .table-bordered>thead>tr>th{
     padding:10px 
}
 .fill-thong-so .thong-so{
     font-size:17px 
}
 .fill-thong-so .pagination-group{
     text-align:right 
}
 .fill-thong-so .pagination{
     margin:0 
}
 .fill-thong-so{
     margin-bottom:30px 
}
 .blog-tailieu{
     padding:30px 0 
}
 @media (max-width:1199px){
     .category-slide-1 .slick-prev.slick-arrow{
         left:0 
    }
     .ct_truycap{
         width:220px 
    }
     .ct_ketnoi{
         width:210px 
    }
     .ct_form{
         width:calc(100% - 540px) 
    }
     .category-slide-1 .slick-next{
         right:0 
    }
     .list-way .item{
         width:calc(50% - 30px) 
    }
     .product-card .image>a>img{
         height:auto 
    }
     .product-detail .image-main img{
         height:auto 
    }
}
 @media (max-width: 991px){
     .title-footer{
         font-size:15px 
    }
     #side-bar{
         position:relative;
         top:0 
    }
     .noidung{
         margin-bottom:15px 
    }
     .contact-center{
         display:none 
    }
     .wrap-video .video img{
         height:200px 
    }
     .product-detail .image-main img{
         height:auto 
    }
     .ct_form{
         width:calc(100% - 145px) 
    }
     .ct_truycap{
         width:50% 
    }
     .ct_ketnoi{
         width:50% 
    }
     .logo-footer{
         margin-bottom:0 
    }
     .box_truycap{
         width:230px 
    }
     .footer-top .row{
         display:block 
    }
     .product-card .image>a>img{
         height:auto 
    }
     .news-card .box .image img{
         height:230px 
    }
     .group-social{
         margin-left:0 
    }
     .wrap-subcribe{
         padding:50px 0 20px 
    }
     .logo-head .image img{
         height:45px 
    }
     .wrap-banner{
         padding:40px 0 0 
    }
     .footer-main{
         padding:40px 0 
    }
     .wrap-news{
         padding:30px 0 
    }
     .wrap-contact{
         margin-top:25px 
    }
     .footer:before{
         display:none 
    }
     .contact-footer{
         float:left;
         max-width:100%;
         color:#fff;
         margin-bottom:20px 
    }
     .link-footer{
         margin-bottom:20px 
    }
     .footer__other{
         margin-bottom:20px 
    }
     .br-footer{
         border-right:unset 
    }
     .footer .container{
         max-width:720px 
    }
     .contact-footer .hotline .inner{
         background:-webkit-linear-gradient(0deg,#f15929,#25aae1);
         -webkit-background-clip:text;
         -webkit-text-fill-color:transparent 
    }
     .copyright{
         width:100%;
         text-align:center;
         order:1;
         margin-right:0 
    }
     .footer-bottom{
         padding:8px 0 
    }
     .blog-payment{
         width:100%;
         text-align:center 
    }
     .wrap-video{
         padding-top:50px 
    }
     .wrap-product-hot{
         padding:50px 0 80px 
    }
     .list-way .item{
         max-width:335px;
         padding:25px 15px 35px;
         margin-bottom:15px 
    }
     .wrap-way{
         background-position:100% 100% 
    }
     .news-card-2 .box .image img{
         height:225px 
    }
}
 .sort-des{
     margin-bottom:0 
}
 @media (max-width:767px){
     h1.title-product{
         font-size:21px;
         margin-top:15px 
    }
     div.tab{
         overflow:hidden;
         border-bottom:0 solid #ccc;
         margin-top:15px;
         margin-bottom:-1px;
         display:flex;
         justify-content:center 
    }
     div.tab a:focus,div.tab .active{
         border-top:3px solid var(--mainweb-color) 
    }
     .tabcontent{
         display:none;
         padding:10px 0;
         border:0 solid #f2f2f2;
         margin-bottom:35px;
         border-top:1px solid #f2f2f2 
    }
     .layout-column{
         width:100% 
    }
     .fill-thong-so .pagination-group{
         text-align:center;
         margin-top:20px 
    }
     .logo-footer{
         margin-bottom:15px 
    }
     .box-search-fill{
         text-align:left 
    }
     .fill-row .form-inline input.form-control{
         width:100% 
    }
     .wrap-social-footer{
         text-align:left 
    }
     .template-detail{
         padding:20px 0 15px 
    }
     .product-detail .image-main img{
         height:auto 
    }
     .product-card .image>a>img{
         height:auto 
    }
     .news-card-2 .box .name{
         height:auto 
    }
     .news-card-2 .box .image img{
         height:auto 
    }
     .news-card-2 .box .desc{
         height:auto 
    }
     .group-title .title h3{
         font-size:24px 
    }
     .wrap-partner .title h3{
         font-size:15px 
    }
     .contact-right{
         padding-left:15px;
         margin-top:30px 
    }
     .wrap-number{
         margin-top:0;
         padding-top:50px;
         padding-bottom:50px 
    }
     .blog-number .desc{
         margin-bottom:0 
    }
     .item-couter .box-couter{
         padding:30px 5px 
    }
     .width-50{
         float:unset 
    }
     .link-footer .list-link li{
         margin-bottom:5px 
    }
     .link-footer{
         max-width:unset 
    }
     .link-footer .title-footer{
         margin-bottom:15px 
    }
     .footer-main{
         padding:40px 0 20px 
    }
     .product-detail-infor{
         margin-top:30px 
    }
     .home_top .payment .step .link{
         display:block;
         padding:8px 
    }
     .home_top .payment .step .item.step-1{
         width:24% 
    }
     .home_top .col-sm-12{
         width:100% 
    }
     .home_top .payment .step .item.step-2{
         width:38% 
    }
     .home_top .payment .step .item.step-3{
         width:38% 
    }
     .chungnhan{
         margin-bottom:30px 
    }
     .payment .step .item:first-child .link{
         padding-left:8px 
    }
     .leader-list{
         padding:10px 15px 15px 
    }
     .basic-info .col-sm-6{
         width:50%;
         float:left;
         padding:0 15px 
    }
     .item-leader-detail{
         width:100% 
    }
     .avatar-leader{
         width:50% 
    }
     .leader-detail{
         padding:10px 15px 
    }
     .leader-detail-inner{
         height:200px!important;
         padding:0 
    }
}
 @media (max-width: 550px){
     .name-pro-detail{
         font-size:14px 
    }
     .product-list{
         padding:0 5px 
    }
     .col-cate-item{
         padding:0 15px 
    }
     .dv-01-col-card-image{
         padding:0 15px 
    }
     .list-image{
         padding:0 5px;
         padding-top:20px 
    }
     .basic-info .col-sm-6{
         width:100% 
    }
     .leader-detail-inner{
         height:290px!important 
    }
     .list-product-blog{
         padding:0 5px 
    }
     .list-product-blog .col-cate-item{
         padding:0 10px 
    }
     .lstLeader li{
         border-bottom:1px solid #fff 
    }
     .leader-cate{
         width:100% 
    }
     .lstCate li a{
         margin-right:0 
    }
     .leader-list{
         padding:10px 15px 0 
    }
     .info_member{
         padding-top:10px 
    }
     .avatar-leader img{
         width:140px 
    }
     .box_info_slide .desc{
         font-size:15px;
         line-height:24px 
    }
     .ct_logo{
         width:100%;
         margin-bottom:15px 
    }
     .ct_truycap{
         width:100%;
         margin-bottom:15px 
    }
     .box_truycap ul{
         background-color:#fff;
         padding:10px 15px;
         border:1px solid #ccc 
    }
     .ct_ketnoi{
         width:100% 
    }
     .ct_form{
         width:100% 
    }
     .title-box{
         font-size:14px;
         padding-right:0 
    }
     .category-slide-1 .slick-prev.slick-arrow{
         left:-10px 
    }
     .category-slide-1 .slick-next{
         right:-10px 
    }
     .product-card-hot .image{
         width:150px 
    }
     .section_feed_form .content{
         margin-top:15px 
    }
     .wrap-video .video img{
         height:180px 
    }
     .product-card .name{
         height:40px 
    }
     .add-to-cart{
         font-size:13px;
         line-height:20px 
    }
     .slide .slick-prev{
         left:10px 
    }
     .sup-title-2{
         margin-bottom:20px 
    }
     .slide .slick-next{
         right:10px 
    }
     .logo-head{
         width:100%;
         justify-content:center 
    }
     .list-way{
         justify-content:center 
    }
     .list-way .item{
         width:calc(100% - 30px) 
    }
     .wrap-video .video span{
         font-size:40px;
         width:40px;
         height:40px 
    }
     .product-card-hot .content{
         width:calc(100% - 150px);
         padding-left:10px 
    }
     .list-product-hot{
         margin-left:-15px;
         margin-right:-15px 
    }
     .product-card-hot .image{
         width:110px 
    }
     .product-card-hot .content{
         width:calc(100% - 110px) 
    }
     .add-to-cart span{
         padding:0 10px 
    }
     .wrap-banner .banner-item .box-text{
         left:20px 
    }
     .breadcrumbs-slide .title-breadcrumbs-slide{
         font-size:18px 
    }
     .blog-news{
         padding-top:5px;
         padding-bottom:5px 
    }
     .breadcrumbs-slide{
         padding:0;
         min-height:55px;
         height:auto 
    }
     .box_news_detail h1{
         font-size:20px 
    }
     .blog-product-detail{
         padding:20px 0 
    }
     .content-pro-detail{
         margin-bottom:30px 
    }
     .title-headding .bg_img .title{
         font-size:20px 
    }
     .product-detail-infor .box-infor h2{
         font-size:20px 
    }
     .link{
         margin-top:0 
    }
     .home_top .payment .step .item.step-1{
         width:100% 
    }
     .home_top .payment .step .item.step-2{
         width:100% 
    }
     .home_top .payment .step .item.step-3{
         width:100% 
    }
     table .count .uk-position-relative{
         display:flex 
    }
     table .count .btn{
         position:relative 
    }
     table .count .augment{
         order:3;
         right:unset 
    }
     table .count .quantity{
         order:2 
    }
     table .count .abate{
         order:1;
         left:unset 
    }
}
 @media (max-width:375px){
     .card-news-horizontal-3 .image{
         width:100% 
    }
     .card-news-horizontal-3 .content{
         width:100%;
         padding-left:0;
         padding-top:10px 
    }
     .card-news-horizontal-3{
         margin-bottom:30px 
    }
}
 @media (max-width:700px){
     .language{
         margin-right:0!important;
         margin-top:4px;
         padding-bottom:4px 
    }
     .logo-footer{
         display:none 
    }
     .box_truycap{
         width:100% 
    }
     .wrap-social-footer{
         text-align:center!important 
    }
     .box-form form{
         max-width:100%;
         width:100%;
         position:relative 
    }
     .nav-main li .nav-sub li>a:hover{
         color:#fff;
         text-decoration:underline 
    }
     .noidung .row.albums-anh .img{
         border:1px solid #eee;
         margin-bottom:30px;
         height:unset 
    }
     .card-news-horizontal-3 .image img{
         height:188px 
    }
     .box-form form{
         max-width:100%;
         width:100%;
         position:relative 
    }
     .search{
         position:absolute;
         margin:0;
         border:none;
         width:100%;
         top:100%;
         right:0;
         z-index:7;
         max-width:100% 
    }
     .form_search .form-control{
         height:40px;
         border-radius:0;
         border:0;
         border-top:1px solid #eee 
    }
     .form_search button{
         width:100px;
         background:#009548;
         color:#fff 
    }
     b.btnclickOK input#submit{
         width:100% 
    }
     .box_info_slide .button_slide{
         width:100% 
    }
     .slide{
         padding:0;
         margin-left:0;
         margin-right:0 
    }
     .box_nd_slide{
         margin-left:-15px;
         margin-right:-15px;
         overflow:hidden 
    }
     .usa-header-mobiles{
         background-image:unset 
    }
     .header-top{
         display:none 
    }
     .box_slide_home .image img{
         min-height:unset;
         height:unset!important 
    }
     .wrap-partner .list-item .box{
         padding:0 
    }
     .languagemobile ul{
         display:flex;
         justify-content:center 
    }
     .languagemobile li{
         display:inline-block;
         text-align:center;
         width:55px!important;
         border:0!important 
    }
     .menu_fix_mobile li ul.nav-sub li a{
         padding:10px 0 10px 10px;
         display:block;
         color:#fff;
         font-size:15px;
         line-height:normal;
         line-height:1.5 
    }
     .languagemobile li a{
         border:0!important 
    }
     a.addthis_counter.addthis_pill_style.at_native_button{
         display:none!important 
    }
     .zalo-share-button{
         position:relative;
         top:-5px;
         margin-left:5px 
    }
     .share{
         display:flex;
         justify-content:center 
    }
}
 .slide2 {
     margin-bottom: 5px;
}
 @media print{
     blockquote,pre{
         border:1px solid #999;
         page-break-inside:avoid 
    }
     thead{
         display:table-header-group 
    }
     img,tr{
         page-break-inside:avoid 
    }
     img{
         max-width:100%!important 
    }
     h2,h3,p{
         orphans:3;
         widows:3 
    }
     h2,h3{
         page-break-after:avoid 
    }
     .navbar{
         display:none 
    }
     .btn>.caret,.dropup>.btn>.caret{
         border-top-color:#000!important 
    }
     .label{
         border:1px solid #000 
    }
     .table{
         border-collapse:collapse!important 
    }
     .table td,.table th{
         background-color:#fff!important 
    }
     .table-bordered td,.table-bordered th{
         border:1px solid #ddd!important 
    }
}
 *{
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box 
}
 :after,:before{
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box 
}
 .carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{
     display:block;
     max-width:100%;
     height:auto 
}
 .img-rounded{
     border-radius:6px 
}
 .img-thumbnail{
     display:inline-block;
     max-width:100%;
     height:auto;
     padding:4px;
     line-height:1.42857143;
     background-color:#fff;
     border:1px solid #ddd;
     border-radius:4px;
     -webkit-transition:all .2s ease-in-out;
     -o-transition:all .2s ease-in-out;
     transition:all .2s ease-in-out 
}
 .img-circle{
     border-radius:50% 
}
 hr{
     margin-top:20px;
     margin-bottom:20px;
     border:0;
     border-top:1px solid #eee 
}
 .sr-only{
     position:absolute;
     width:1px;
     height:1px;
     padding:0;
     margin:-1px;
     overflow:hidden;
     clip:rect(0,0,0,0);
     border:0 
}
 .sr-only-focusable:active,.sr-only-focusable:focus{
     position:static;
     width:auto;
     height:auto;
     margin:0;
     overflow:visible;
     clip:auto 
}
 [role=button]{
     cursor:pointer 
}
 .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
     font-family:inherit;
     font-weight:500;
     line-height:1.1;
     color:inherit 
}
 .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{
     font-weight:400;
     line-height:1;
     color:#777 
}
 .h1,.h2,.h3,h1,h2,h3{
     margin-top:20px;
     margin-bottom:10px 
}
 .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{
     font-size:65% 
}
 .h4,.h5,.h6,h4,h5,h6{
     margin-top:10px;
     margin-bottom:10px 
}
 .h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{
     font-size:75% 
}
 .h1,h1{
     font-size:36px 
}
 .h2,h2{
     font-size:30px 
}
 .h3,h3{
     font-size:24px 
}
 .h4,h4{
     font-size:18px 
}
 .h5,h5{
     font-size:14px 
}
 .h6,h6{
     font-size:12px 
}
 p{
     margin:0 0 10px 
}
 .lead{
     margin-bottom:20px;
     font-size:16px;
     font-weight:300;
     line-height:1.4 
}
 @media (min-width:768px){
     .lead{
         font-size:21px 
    }
}
 .small,small{
     font-size:85% 
}
 .mark,mark{
     padding:.2em;
     background-color:#fcf8e3 
}
 .text-left{
     text-align:left 
}
 .text-right{
     text-align:right 
}
 .text-center{
     text-align:center 
}
 .text-justify{
     text-align:justify 
}
 .text-nowrap{
     white-space:nowrap 
}
 .text-lowercase{
     text-transform:lowercase 
}
 .text-uppercase{
     text-transform:uppercase 
}
 .text-capitalize{
     text-transform:capitalize 
}
 .text-muted{
     color:#777 
}
 .text-primary{
     color:#337ab7 
}
 a.text-primary:focus,a.text-primary:hover{
     color:#286090 
}
 .text-success{
     color:#3c763d 
}
 a.text-success:focus,a.text-success:hover{
     color:#2b542c 
}
 .text-info{
     color:#31708f 
}
 a.text-info:focus,a.text-info:hover{
     color:#245269 
}
 .text-warning{
     color:#8a6d3b 
}
 a.text-warning:focus,a.text-warning:hover{
     color:#66512c 
}
 .text-danger{
     color:#a94442 
}
 a.text-danger:focus,a.text-danger:hover{
     color:#843534 
}
 .bg-primary{
     color:#fff;
     background-color:#337ab7 
}
 a.bg-primary:focus,a.bg-primary:hover{
     background-color:#286090 
}
 .bg-success{
     background-color:#dff0d8 
}
 a.bg-success:focus,a.bg-success:hover{
     background-color:#c1e2b3 
}
 .bg-info{
     background-color:#d9edf7 
}
 a.bg-info:focus,a.bg-info:hover{
     background-color:#afd9ee 
}
 .bg-warning{
     background-color:#fcf8e3 
}
 a.bg-warning:focus,a.bg-warning:hover{
     background-color:#f7ecb5 
}
 .bg-danger{
     background-color:#f2dede 
}
 a.bg-danger:focus,a.bg-danger:hover{
     background-color:#e4b9b9 
}
 .page-header{
     padding-bottom:9px;
     margin:40px 0 20px;
     border-bottom:1px solid #eee 
}
 ol,ul{
     margin-top:0;
     margin-bottom:10px 
}
 ol ol,ol ul,ul ol,ul ul{
     margin-bottom:0 
}
 .list-unstyled{
     padding-left:0;
     list-style:none 
}
 .list-inline{
     padding-left:0;
     margin-left:-5px;
     list-style:none 
}
 .list-inline>li{
     display:inline-block;
     padding-right:5px;
     padding-left:5px 
}
 dl{
     margin-top:0;
     margin-bottom:20px 
}
 dd,dt{
     line-height:1.42857143 
}
 dt{
     font-weight:600 
}
 dd{
     margin-left:0 
}
 @media (min-width:768px){
     .dl-horizontal dt{
         float:left;
         width:160px;
         overflow:hidden;
         clear:left;
         text-align:right;
         text-overflow:ellipsis;
         white-space:nowrap 
    }
     .dl-horizontal dd{
         margin-left:180px 
    }
}
 abbr[data-original-title],abbr[title]{
     cursor:help;
     border-bottom:1px dotted #777 
}
 .initialism{
     font-size:90%;
     text-transform:uppercase 
}
 code,kbd,pre,samp{
     font-family:Menlo,Monaco,Consolas,"Courier New",monospace 
}
 code{
     padding:2px 4px;
     font-size:90%;
     color:#c7254e;
     background-color:#f9f2f4;
     border-radius:4px 
}
 kbd{
     padding:2px 4px;
     font-size:90%;
     color:#fff;
     background-color:#333;
     border-radius:3px;
     -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);
     box-shadow:inset 0 -1px 0 rgba(0,0,0,.25) 
}
 kbd kbd{
     padding:0;
     font-size:100%;
     font-weight:600;
     -webkit-box-shadow:none;
     box-shadow:none 
}
 pre{
     display:block;
     padding:9.5px;
     margin:0 0 10px;
     font-size:13px;
     line-height:1.42857143;
     color:#333;
     word-break:break-all;
     word-wrap:break-word;
     background-color:#f5f5f5;
     border:1px solid #ccc;
     border-radius:4px 
}
 pre code{
     padding:0;
     font-size:inherit;
     color:inherit;
     white-space:pre-wrap;
     background-color:transparent;
     border-radius:0 
}
 .container{
     padding-right:5px;
     padding-left:5px;
     margin-right:auto;
     margin-left:auto 
}
 @media (min-width:768px){
     .container{
         width:750px 
    }
}
 @media (min-width:992px){
     .container{
         width:970px 
    }
}
 @media (min-width:1200px){
     .container{
         width:1170px 
    }
}
 .container-fluid{
     padding-right:5px;
     padding-left:5px;
     margin-right:auto;
     margin-left:auto 
}
 .row{
     margin-right:-5px;
     margin-left:-5px 
}
 .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
     position:relative;
     min-height:1px;
     padding-right:5px;
     padding-left:5px 
}
 .col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
     float:left 
}
 .col-xs-12{
     width:100% 
}
 .col-xs-11{
     width:91.66666667% 
}
 .col-xs-10{
     width:83.33333333% 
}
 .col-xs-9{
     width:75% 
}
 .col-xs-8{
     width:66.66666667% 
}
 .col-xs-7{
     width:58.33333333% 
}
 .col-xs-6{
     width:50% 
}
 .col-xs-5{
     width:41.66666667% 
}
 .col-xs-4{
     width:33.33333333% 
}
 .col-xs-3{
     width:25% 
}
 .col-xs-2{
     width:16.66666667% 
}
 .col-xs-1{
     width:8.33333333% 
}
 .col-xs-pull-12{
     right:100% 
}
 .col-xs-pull-11{
     right:91.66666667% 
}
 .col-xs-pull-10{
     right:83.33333333% 
}
 .col-xs-pull-9{
     right:75% 
}
 .col-xs-pull-8{
     right:66.66666667% 
}
 .col-xs-pull-7{
     right:58.33333333% 
}
 .col-xs-pull-6{
     right:50% 
}
 .col-xs-pull-5{
     right:41.66666667% 
}
 .col-xs-pull-4{
     right:33.33333333% 
}
 .col-xs-pull-3{
     right:25% 
}
 .col-xs-pull-2{
     right:16.66666667% 
}
 .col-xs-pull-1{
     right:8.33333333% 
}
 .col-xs-pull-0{
     right:auto 
}
 .col-xs-push-12{
     left:100% 
}
 .col-xs-push-11{
     left:91.66666667% 
}
 .col-xs-push-10{
     left:83.33333333% 
}
 .col-xs-push-9{
     left:75% 
}
 .col-xs-push-8{
     left:66.66666667% 
}
 .col-xs-push-7{
     left:58.33333333% 
}
 .col-xs-push-6{
     left:50% 
}
 .col-xs-push-5{
     left:41.66666667% 
}
 .col-xs-push-4{
     left:33.33333333% 
}
 .col-xs-push-3{
     left:25% 
}
 .col-xs-push-2{
     left:16.66666667% 
}
 .col-xs-push-1{
     left:8.33333333% 
}
 .col-xs-push-0{
     left:auto 
}
 .col-xs-offset-12{
     margin-left:100% 
}
 .col-xs-offset-11{
     margin-left:91.66666667% 
}
 .col-xs-offset-10{
     margin-left:83.33333333% 
}
 .col-xs-offset-9{
     margin-left:75% 
}
 .col-xs-offset-8{
     margin-left:66.66666667% 
}
 .col-xs-offset-7{
     margin-left:58.33333333% 
}
 .col-xs-offset-6{
     margin-left:50% 
}
 .col-xs-offset-5{
     margin-left:41.66666667% 
}
 .col-xs-offset-4{
     margin-left:33.33333333% 
}
 .col-xs-offset-3{
     margin-left:25% 
}
 .col-xs-offset-2{
     margin-left:16.66666667% 
}
 .col-xs-offset-1{
     margin-left:8.33333333% 
}
 .col-xs-offset-0{
     margin-left:0 
}
 @media (min-width:768px){
     .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{
         float:left 
    }
     .col-sm-12{
         width:100% 
    }
     .col-sm-11{
         width:91.66666667% 
    }
     .col-sm-10{
         width:83.33333333% 
    }
     .col-sm-9{
         width:75% 
    }
     .col-sm-8{
         width:66.66666667% 
    }
     .col-sm-7{
         width:58.33333333% 
    }
     .col-sm-6{
         width:50% 
    }
     .col-sm-5{
         width:41.66666667% 
    }
     .col-sm-4{
         width:33.33333333% 
    }
     .col-sm-3{
         width:25% 
    }
     .col-sm-2{
         width:16.66666667% 
    }
     .col-sm-1{
         width:8.33333333% 
    }
     .col-sm-pull-12{
         right:100% 
    }
     .col-sm-pull-11{
         right:91.66666667% 
    }
     .col-sm-pull-10{
         right:83.33333333% 
    }
     .col-sm-pull-9{
         right:75% 
    }
     .col-sm-pull-8{
         right:66.66666667% 
    }
     .col-sm-pull-7{
         right:58.33333333% 
    }
     .col-sm-pull-6{
         right:50% 
    }
     .col-sm-pull-5{
         right:41.66666667% 
    }
     .col-sm-pull-4{
         right:33.33333333% 
    }
     .col-sm-pull-3{
         right:25% 
    }
     .col-sm-pull-2{
         right:16.66666667% 
    }
     .col-sm-pull-1{
         right:8.33333333% 
    }
     .col-sm-pull-0{
         right:auto 
    }
     .col-sm-push-12{
         left:100% 
    }
     .col-sm-push-11{
         left:91.66666667% 
    }
     .col-sm-push-10{
         left:83.33333333% 
    }
     .col-sm-push-9{
         left:75% 
    }
     .col-sm-push-8{
         left:66.66666667% 
    }
     .col-sm-push-7{
         left:58.33333333% 
    }
     .col-sm-push-6{
         left:50% 
    }
     .col-sm-push-5{
         left:41.66666667% 
    }
     .col-sm-push-4{
         left:33.33333333% 
    }
     .col-sm-push-3{
         left:25% 
    }
     .col-sm-push-2{
         left:16.66666667% 
    }
     .col-sm-push-1{
         left:8.33333333% 
    }
     .col-sm-push-0{
         left:auto 
    }
     .col-sm-offset-12{
         margin-left:100% 
    }
     .col-sm-offset-11{
         margin-left:91.66666667% 
    }
     .col-sm-offset-10{
         margin-left:83.33333333% 
    }
     .col-sm-offset-9{
         margin-left:75% 
    }
     .col-sm-offset-8{
         margin-left:66.66666667% 
    }
     .col-sm-offset-7{
         margin-left:58.33333333% 
    }
     .col-sm-offset-6{
         margin-left:50% 
    }
     .col-sm-offset-5{
         margin-left:41.66666667% 
    }
     .col-sm-offset-4{
         margin-left:33.33333333% 
    }
     .col-sm-offset-3{
         margin-left:25% 
    }
     .col-sm-offset-2{
         margin-left:16.66666667% 
    }
     .col-sm-offset-1{
         margin-left:8.33333333% 
    }
     .col-sm-offset-0{
         margin-left:0 
    }
}
 @media (min-width:992px){
     .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{
         float:left 
    }
     .col-md-12{
         width:100% 
    }
     .col-md-11{
         width:91.66666667% 
    }
     .col-md-10{
         width:83.33333333% 
    }
     .col-md-9{
         width:75% 
    }
     .col-md-8{
         width:66.66666667% 
    }
     .col-md-7{
         width:58.33333333% 
    }
     .col-md-6{
         width:50% 
    }
     .col-md-5{
         width:41.66666667% 
    }
     .col-md-4{
         width:33.33333333% 
    }
     .col-md-3{
         width:25% 
    }
     .col-md-2{
         width:16.66666667% 
    }
     .col-md-1{
         width:8.33333333% 
    }
     .col-md-pull-12{
         right:100% 
    }
     .col-md-pull-11{
         right:91.66666667% 
    }
     .col-md-pull-10{
         right:83.33333333% 
    }
     .col-md-pull-9{
         right:75% 
    }
     .col-md-pull-8{
         right:66.66666667% 
    }
     .col-md-pull-7{
         right:58.33333333% 
    }
     .col-md-pull-6{
         right:50% 
    }
     .col-md-pull-5{
         right:41.66666667% 
    }
     .col-md-pull-4{
         right:33.33333333% 
    }
     .col-md-pull-3{
         right:25% 
    }
     .col-md-pull-2{
         right:16.66666667% 
    }
     .col-md-pull-1{
         right:8.33333333% 
    }
     .col-md-pull-0{
         right:auto 
    }
     .col-md-push-12{
         left:100% 
    }
     .col-md-push-11{
         left:91.66666667% 
    }
     .col-md-push-10{
         left:83.33333333% 
    }
     .col-md-push-9{
         left:75% 
    }
     .col-md-push-8{
         left:66.66666667% 
    }
     .col-md-push-7{
         left:58.33333333% 
    }
     .col-md-push-6{
         left:50% 
    }
     .col-md-push-5{
         left:41.66666667% 
    }
     .col-md-push-4{
         left:33.33333333% 
    }
     .col-md-push-3{
         left:25% 
    }
     .col-md-push-2{
         left:16.66666667% 
    }
     .col-md-push-1{
         left:8.33333333% 
    }
     .col-md-push-0{
         left:auto 
    }
     .col-md-offset-12{
         margin-left:100% 
    }
     .col-md-offset-11{
         margin-left:91.66666667% 
    }
     .col-md-offset-10{
         margin-left:83.33333333% 
    }
     .col-md-offset-9{
         margin-left:75% 
    }
     .col-md-offset-8{
         margin-left:66.66666667% 
    }
     .col-md-offset-7{
         margin-left:58.33333333% 
    }
     .col-md-offset-6{
         margin-left:50% 
    }
     .col-md-offset-5{
         margin-left:41.66666667% 
    }
     .col-md-offset-4{
         margin-left:33.33333333% 
    }
     .col-md-offset-3{
         margin-left:25% 
    }
     .col-md-offset-2{
         margin-left:16.66666667% 
    }
     .col-md-offset-1{
         margin-left:8.33333333% 
    }
     .col-md-offset-0{
         margin-left:0 
    }
}
 @media (min-width:1200px){
     .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{
         float:left 
    }
     .col-lg-12{
         width:100% 
    }
     .col-lg-11{
         width:91.66666667% 
    }
     .col-lg-10{
         width:83.33333333% 
    }
     .col-lg-9{
         width:75% 
    }
     .col-lg-8{
         width:66.66666667% 
    }
     .col-lg-7{
         width:58.33333333% 
    }
     .col-lg-6{
         width:50% 
    }
     .col-lg-5{
         width:41.66666667% 
    }
     .col-lg-4{
         width:33.33333333% 
    }
     .col-lg-3{
         width:25% 
    }
     .col-lg-2{
         width:16.66666667% 
    }
     .col-lg-1{
         width:8.33333333% 
    }
     .col-lg-pull-12{
         right:100% 
    }
     .col-lg-pull-11{
         right:91.66666667% 
    }
     .col-lg-pull-10{
         right:83.33333333% 
    }
     .col-lg-pull-9{
         right:75% 
    }
     .col-lg-pull-8{
         right:66.66666667% 
    }
     .col-lg-pull-7{
         right:58.33333333% 
    }
     .col-lg-pull-6{
         right:50% 
    }
     .col-lg-pull-5{
         right:41.66666667% 
    }
     .col-lg-pull-4{
         right:33.33333333% 
    }
     .col-lg-pull-3{
         right:25% 
    }
     .col-lg-pull-2{
         right:16.66666667% 
    }
     .col-lg-pull-1{
         right:8.33333333% 
    }
     .col-lg-pull-0{
         right:auto 
    }
     .col-lg-push-12{
         left:100% 
    }
     .col-lg-push-11{
         left:91.66666667% 
    }
     .col-lg-push-10{
         left:83.33333333% 
    }
     .col-lg-push-9{
         left:75% 
    }
     .col-lg-push-8{
         left:66.66666667% 
    }
     .col-lg-push-7{
         left:58.33333333% 
    }
     .col-lg-push-6{
         left:50% 
    }
     .col-lg-push-5{
         left:41.66666667% 
    }
     .col-lg-push-4{
         left:33.33333333% 
    }
     .col-lg-push-3{
         left:25% 
    }
     .col-lg-push-2{
         left:16.66666667% 
    }
     .col-lg-push-1{
         left:8.33333333% 
    }
     .col-lg-push-0{
         left:auto 
    }
     .col-lg-offset-12{
         margin-left:100% 
    }
     .col-lg-offset-11{
         margin-left:91.66666667% 
    }
     .col-lg-offset-10{
         margin-left:83.33333333% 
    }
     .col-lg-offset-9{
         margin-left:75% 
    }
     .col-lg-offset-8{
         margin-left:66.66666667% 
    }
     .col-lg-offset-7{
         margin-left:58.33333333% 
    }
     .col-lg-offset-6{
         margin-left:50% 
    }
     .col-lg-offset-5{
         margin-left:41.66666667% 
    }
     .col-lg-offset-4{
         margin-left:33.33333333% 
    }
     .col-lg-offset-3{
         margin-left:25% 
    }
     .col-lg-offset-2{
         margin-left:16.66666667% 
    }
     .col-lg-offset-1{
         margin-left:8.33333333% 
    }
     .col-lg-offset-0{
         margin-left:0 
    }
}
 table{
     background-color:transparent 
}
 caption{
     padding-top:8px;
     padding-bottom:8px;
     color:#777;
     text-align:left 
}
 th{
     text-align:left 
}
 .table{
     width:100%;
     max-width:100%;
     margin-bottom:20px 
}
 .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
     padding:8px;
     line-height:1.42857143;
     vertical-align:top;
     border-top:1px solid #ddd 
}
 .table>thead>tr>th{
     vertical-align:bottom;
     border-bottom:2px solid #ddd 
}
 .table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{
     border-top:0 
}
 .table>tbody+tbody{
     border-top:2px solid #ddd 
}
 .table .table{
     background-color:#fff 
}
 .table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{
     padding:5px 
}
 .table-bordered{
     border:1px solid #ddd 
}
 .table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
     border:1px solid #ddd 
}
 .table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
     border-bottom-width:2px 
}
 .table-striped>tbody>tr:nth-of-type(odd){
     background-color:#f9f9f9 
}
 .table-hover>tbody>tr:hover{
     background-color:#f5f5f5 
}
 table col[class*=col-]{
     position:static;
     display:table-column;
     float:none 
}
 table td[class*=col-],table th[class*=col-]{
     position:static;
     display:table-cell;
     float:none 
}
 .table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{
     background-color:#f5f5f5 
}
 .table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{
     background-color:#e8e8e8 
}
 .table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{
     background-color:#dff0d8 
}
 .table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{
     background-color:#d0e9c6 
}
 .table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{
     background-color:#d9edf7 
}
 .table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{
     background-color:#c4e3f3 
}
 .table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{
     background-color:#fcf8e3 
}
 .table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{
     background-color:#faf2cc 
}
 .table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{
     background-color:#f2dede 
}
 .table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{
     background-color:#ebcccc 
}
 .table-responsive{
     min-height:.01%;
     overflow-x:auto 
}
 @media screen and (max-width:767px){
     .table-responsive{
         width:100%;
         margin-bottom:15px;
         overflow-y:hidden;
         -ms-overflow-style:-ms-autohiding-scrollbar;
         border:1px solid #ddd 
    }
     .table-responsive>.table{
         margin-bottom:0 
    }
     .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{
         white-space:nowrap 
    }
     .table-responsive>.table-bordered{
         border:0 
    }
     .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{
         border-left:0 
    }
     .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{
         border-right:0 
    }
     .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{
         border-bottom:0 
    }
}
 fieldset{
     min-width:0;
     padding:0;
     margin:0;
     border:0 
}
 legend{
     display:block;
     width:100%;
     padding:0;
     margin-bottom:20px;
     font-size:21px;
     line-height:inherit;
     color:#333;
     border:0;
     border-bottom:1px solid #e5e5e5 
}
 label{
     display:inline-block;
     max-width:100%;
     margin-bottom:5px;
     font-weight:600 
}
 input[type=search]{
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box 
}
 input[type=checkbox],input[type=radio]{
     margin:4px 0 0;
     margin-top:1px\9;
     line-height:normal 
}
 input[type=file]{
     display:block 
}
 input[type=range]{
     display:block;
     width:100% 
}
 select[multiple],select[size]{
     height:auto 
}
 input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{
     outline:5px auto -webkit-focus-ring-color;
     outline-offset:-2px 
}
 output{
     display:block;
     padding-top:7px;
     font-size:14px;
     line-height:1.42857143;
     color:#555 
}
 .form-control{
     display:block;
     width:100%;
     height:34px;
     padding:6px 12px;
     font-size:14px;
     line-height:1.42857143;
     color:#555;
     background-color:#fff;
     background-image:none;
     border:1px solid #ccc;
     border-radius:4px;
     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
     -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
     -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s 
}
 .form-control:focus{
     border-color:#66afe9;
     outline:0;
     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
     box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) 
}
 .form-control::-moz-placeholder{
     color:#999;
     opacity:1 
}
 .form-control:-ms-input-placeholder{
     color:#999 
}
 .form-control::-webkit-input-placeholder{
     color:#999 
}
 .form-control::-ms-expand{
     background-color:transparent;
     border:0 
}
 .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
     background-color:#eee;
     opacity:1 
}
 .form-control[disabled],fieldset[disabled] .form-control{
     cursor:not-allowed 
}
 textarea.form-control{
     height:auto 
}
 input[type=search]{
     -webkit-appearance:none 
}
 @media screen and (-webkit-min-device-pixel-ratio:0){
     input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{
         line-height:34px 
    }
     .input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{
         line-height:30px 
    }
     .input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{
         line-height:46px 
    }
}
 .form-group{
     margin-bottom:15px 
}
 .checkbox,.radio{
     position:relative;
     display:block;
     margin-top:10px;
     margin-bottom:10px 
}
 .checkbox label,.radio label{
     min-height:20px;
     padding-left:20px;
     margin-bottom:0;
     font-weight:400;
     cursor:pointer 
}
 .checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{
     position:absolute;
     margin-top:4px\9;
     margin-left:-20px 
}
 .checkbox+.checkbox,.radio+.radio{
     margin-top:-5px 
}
 .checkbox-inline,.radio-inline{
     position:relative;
     display:inline-block;
     padding-left:20px;
     margin-bottom:0;
     font-weight:400;
     vertical-align:middle;
     cursor:pointer 
}
 .checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{
     margin-top:0;
     margin-left:10px 
}
 fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{
     cursor:not-allowed 
}
 .checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{
     cursor:not-allowed 
}
 .checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{
     cursor:not-allowed 
}
 .form-control-static{
     min-height:34px;
     padding-top:7px;
     padding-bottom:7px;
     margin-bottom:0 
}
 .form-control-static.input-lg,.form-control-static.input-sm{
     padding-right:0;
     padding-left:0 
}
 .input-sm{
     height:30px;
     padding:5px 10px;
     font-size:12px;
     line-height:1.5;
     border-radius:3px 
}
 select.input-sm{
     height:30px;
     line-height:30px 
}
 select[multiple].input-sm,textarea.input-sm{
     height:auto 
}
 .form-group-sm .form-control{
     height:30px;
     padding:5px 10px;
     font-size:12px;
     line-height:1.5;
     border-radius:3px 
}
 .form-group-sm select.form-control{
     height:30px;
     line-height:30px 
}
 .form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{
     height:auto 
}
 .form-group-sm .form-control-static{
     height:30px;
     min-height:32px;
     padding:6px 10px;
     font-size:12px;
     line-height:1.5 
}
 .input-lg{
     height:46px;
     padding:10px 16px;
     font-size:18px;
     line-height:1.3333333;
     border-radius:6px 
}
 select.input-lg{
     height:46px;
     line-height:46px 
}
 select[multiple].input-lg,textarea.input-lg{
     height:auto 
}
 .form-group-lg .form-control{
     height:46px;
     padding:10px 16px;
     font-size:18px;
     line-height:1.3333333;
     border-radius:6px 
}
 .form-group-lg select.form-control{
     height:46px;
     line-height:46px 
}
 .form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{
     height:auto 
}
 .form-group-lg .form-control-static{
     height:46px;
     min-height:38px;
     padding:11px 16px;
     font-size:18px;
     line-height:1.3333333 
}
 .has-feedback{
     position:relative 
}
 .has-feedback .form-control{
     padding-right:42.5px 
}
 .form-control-feedback{
     position:absolute;
     top:0;
     right:0;
     z-index:2;
     display:block;
     width:34px;
     height:34px;
     line-height:34px;
     text-align:center;
     pointer-events:none 
}
 .form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{
     width:46px;
     height:46px;
     line-height:46px 
}
 .form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{
     width:30px;
     height:30px;
     line-height:30px 
}
 .has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{
     color:#3c763d 
}
 .has-success .form-control{
     border-color:#3c763d;
     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow:inset 0 1px 1px rgba(0,0,0,.075) 
}
 .has-success .form-control:focus{
     border-color:#2b542c;
     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
     box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 
}
 .has-success .input-group-addon{
     color:#3c763d;
     background-color:#dff0d8;
     border-color:#3c763d 
}
 .has-success .form-control-feedback{
     color:#3c763d 
}
 .has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{
     color:#8a6d3b 
}
 .has-warning .form-control{
     border-color:#8a6d3b;
     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow:inset 0 1px 1px rgba(0,0,0,.075) 
}
 .has-warning .form-control:focus{
     border-color:#66512c;
     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
     box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b 
}
 .has-warning .input-group-addon{
     color:#8a6d3b;
     background-color:#fcf8e3;
     border-color:#8a6d3b 
}
 .has-warning .form-control-feedback{
     color:#8a6d3b 
}
 .has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{
     color:#a94442 
}
 .has-error .form-control{
     border-color:#a94442;
     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow:inset 0 1px 1px rgba(0,0,0,.075) 
}
 .has-error .form-control:focus{
     border-color:#843534;
     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
     box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 
}
 .has-error .input-group-addon{
     color:#a94442;
     background-color:#f2dede;
     border-color:#a94442 
}
 .has-error .form-control-feedback{
     color:#a94442 
}
 .has-feedback label~.form-control-feedback{
     top:25px 
}
 .has-feedback label.sr-only~.form-control-feedback{
     top:0 
}
 .help-block{
     display:block;
     margin-top:5px;
     margin-bottom:10px;
     color:#737373 
}
 @media (min-width:768px){
     .form-inline .form-group{
         display:inline-block;
         margin-bottom:0;
         vertical-align:middle 
    }
     .form-inline .form-control{
         display:inline-block;
         width:auto;
         vertical-align:middle 
    }
     .form-inline .form-control-static{
         display:inline-block 
    }
     .form-inline .input-group{
         display:inline-table;
         vertical-align:middle 
    }
     .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{
         width:auto 
    }
     .form-inline .input-group>.form-control{
         width:100% 
    }
     .form-inline .control-label{
         margin-bottom:0;
         vertical-align:middle 
    }
     .form-inline .checkbox,.form-inline .radio{
         display:inline-block;
         margin-top:0;
         margin-bottom:0;
         vertical-align:middle 
    }
     .form-inline .checkbox label,.form-inline .radio label{
         padding-left:0 
    }
     .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{
         position:relative;
         margin-left:0 
    }
     .form-inline .has-feedback .form-control-feedback{
         top:0 
    }
}
 .form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{
     padding-top:7px;
     margin-top:0;
     margin-bottom:0 
}
 .form-horizontal .checkbox,.form-horizontal .radio{
     min-height:27px 
}
 .form-horizontal .form-group{
     margin-right:-5px;
     margin-left:-5px 
}
 @media (min-width:768px){
     .form-horizontal .control-label{
         padding-top:7px;
         margin-bottom:0;
         text-align:right 
    }
}
 .form-horizontal .has-feedback .form-control-feedback{
     right:15px 
}
 @media (min-width:768px){
     .form-horizontal .form-group-lg .control-label{
         padding-top:11px;
         font-size:18px 
    }
}
 @media (min-width:768px){
     .form-horizontal .form-group-sm .control-label{
         padding-top:6px;
         font-size:12px 
    }
}
 .btn{
     display:inline-block;
     padding:6px 12px;
     margin-bottom:0;
     font-size:14px;
     font-weight:400;
     line-height:1.42857143;
     text-align:center;
     white-space:nowrap;
     vertical-align:middle;
     -ms-touch-action:manipulation;
     touch-action:manipulation;
     cursor:pointer;
     -webkit-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none;
     background-image:none;
     border:1px solid transparent;
     border-radius:4px 
}
 .btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{
     outline:5px auto -webkit-focus-ring-color;
     outline-offset:-2px 
}
 .btn.focus,.btn:focus,.btn:hover{
     color:#333;
     text-decoration:none 
}
 .btn.active,.btn:active{
     background-image:none;
     outline:0;
     -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
     box-shadow:inset 0 3px 5px rgba(0,0,0,.125) 
}
 .btn.disabled,.btn[disabled],fieldset[disabled] .btn{
     cursor:not-allowed;
     filter:alpha(opacity=65);
     -webkit-box-shadow:none;
     box-shadow:none;
     opacity:.65 
}
 a.btn.disabled,fieldset[disabled] a.btn{
     pointer-events:none 
}
 .btn-default{
     color:#333;
     background-color:#fff;
     border-color:#ccc 
}
 .btn-default.focus,.btn-default:focus{
     color:#333;
     background-color:#e6e6e6;
     border-color:#8c8c8c 
}
 .btn-default:hover{
     color:#333;
     background-color:#e6e6e6;
     border-color:#adadad 
}
 .btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{
     color:#333;
     background-color:#e6e6e6;
     border-color:#adadad 
}
 .btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{
     color:#333;
     background-color:#d4d4d4;
     border-color:#8c8c8c 
}
 .btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{
     background-image:none 
}
 .btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{
     background-color:#fff;
     border-color:#ccc 
}
 .btn-default .badge{
     color:#fff;
     background-color:#333 
}
 .btn-primary{
     color:#fff;
     background-color:#337ab7;
     border-color:#2e6da4 
}
 .btn-primary.focus,.btn-primary:focus{
     color:#fff;
     background-color:#286090;
     border-color:#122b40 
}
 .btn-primary:hover{
     color:#fff;
     background-color:#286090;
     border-color:#204d74 
}
 .btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
     color:#fff;
     background-color:#286090;
     border-color:#204d74 
}
 .btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{
     color:#fff;
     background-color:#204d74;
     border-color:#122b40 
}
 .btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
     background-image:none 
}
 .btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{
     background-color:#337ab7;
     border-color:#2e6da4 
}
 .btn-primary .badge{
     color:#337ab7;
     background-color:#fff 
}
 .btn-success{
     color:#fff;
     background-color:#5cb85c;
     border-color:#4cae4c 
}
 .btn-success.focus,.btn-success:focus{
     color:#fff;
     background-color:#449d44;
     border-color:#255625 
}
 .btn-success:hover{
     color:#fff;
     background-color:#449d44;
     border-color:#398439 
}
 .btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
     color:#fff;
     background-color:#449d44;
     border-color:#398439 
}
 .btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{
     color:#fff;
     background-color:#398439;
     border-color:#255625 
}
 .btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
     background-image:none 
}
 .btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{
     background-color:#5cb85c;
     border-color:#4cae4c 
}
 .btn-success .badge{
     color:#5cb85c;
     background-color:#fff 
}
 .btn-info{
     color:#fff;
     background-color:#5bc0de;
     border-color:#46b8da 
}
 .btn-info.focus,.btn-info:focus{
     color:#fff;
     background-color:#31b0d5;
     border-color:#1b6d85 
}
 .btn-info:hover{
     color:#fff;
     background-color:#31b0d5;
     border-color:#269abc 
}
 .btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
     color:#fff;
     background-color:#31b0d5;
     border-color:#269abc 
}
 .btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{
     color:#fff;
     background-color:#269abc;
     border-color:#1b6d85 
}
 .btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
     background-image:none 
}
 .btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{
     background-color:#5bc0de;
     border-color:#46b8da 
}
 .btn-info .badge{
     color:#5bc0de;
     background-color:#fff 
}
 .btn-warning{
     color:#fff;
     background-color:#f0ad4e;
     border-color:#eea236 
}
 .btn-warning.focus,.btn-warning:focus{
     color:#fff;
     background-color:#ec971f;
     border-color:#985f0d 
}
 .btn-warning:hover{
     color:#fff;
     background-color:#ec971f;
     border-color:#d58512 
}
 .btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
     color:#fff;
     background-color:#ec971f;
     border-color:#d58512 
}
 .btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{
     color:#fff;
     background-color:#d58512;
     border-color:#985f0d 
}
 .btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
     background-image:none 
}
 .btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{
     background-color:#f0ad4e;
     border-color:#eea236 
}
 .btn-warning .badge{
     color:#f0ad4e;
     background-color:#fff 
}
 .btn-danger{
     color:#fff;
     background-color:#d9534f;
     border-color:#d43f3a 
}
 .btn-danger.focus,.btn-danger:focus{
     color:#fff;
     background-color:#c9302c;
     border-color:#761c19 
}
 .btn-danger:hover{
     color:#fff;
     background-color:#c9302c;
     border-color:#ac2925 
}
 .btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
     color:#fff;
     background-color:#c9302c;
     border-color:#ac2925 
}
 .btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{
     color:#fff;
     background-color:#ac2925;
     border-color:#761c19 
}
 .btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
     background-image:none 
}
 .btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{
     background-color:#d9534f;
     border-color:#d43f3a 
}
 .btn-danger .badge{
     color:#d9534f;
     background-color:#fff 
}
 .btn-link{
     font-weight:400;
     color:#337ab7;
     border-radius:0 
}
 .btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{
     background-color:transparent;
     -webkit-box-shadow:none;
     box-shadow:none 
}
 .btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{
     border-color:transparent 
}
 .btn-link:focus,.btn-link:hover{
     color:#23527c;
     text-decoration:underline;
     background-color:transparent 
}
 .btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{
     color:#777;
     text-decoration:none 
}
 .btn-group-lg>.btn,.btn-lg{
     padding:10px 16px;
     font-size:18px;
     line-height:1.3333333;
     border-radius:6px 
}
 .btn-group-sm>.btn,.btn-sm{
     padding:5px 10px;
     font-size:12px;
     line-height:1.5;
     border-radius:3px 
}
 .btn-group-xs>.btn,.btn-xs{
     padding:1px 5px;
     font-size:12px;
     line-height:1.5;
     border-radius:3px 
}
 .btn-block{
     display:block;
     width:100% 
}
 .btn-block+.btn-block{
     margin-top:5px 
}
 input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{
     width:100% 
}
 .fade{
     opacity:0;
     -webkit-transition:opacity .15s linear;
     -o-transition:opacity .15s linear;
     transition:opacity .15s linear 
}
 .fade.in{
     opacity:1 
}
 .collapse{
     display:none 
}
 .collapse.in{
     display:block 
}
 tr.collapse.in{
     display:table-row 
}
 tbody.collapse.in{
     display:table-row-group 
}
 .collapsing{
     position:relative;
     height:0;
     overflow:hidden;
     -webkit-transition-timing-function:ease;
     -o-transition-timing-function:ease;
     transition-timing-function:ease;
     -webkit-transition-duration:.35s;
     -o-transition-duration:.35s;
     transition-duration:.35s;
     -webkit-transition-property:height,visibility;
     -o-transition-property:height,visibility;
     transition-property:height,visibility 
}
 .caret{
     display:inline-block;
     width:0;
     height:0;
     margin-left:2px;
     vertical-align:middle;
     border-top:4px dashed;
     border-top:4px solid\9;
     border-right:4px solid transparent;
     border-left:4px solid transparent 
}
 .dropdown,.dropup{
     position:relative 
}
 .dropdown-toggle:focus{
     outline:0 
}
 .dropdown-menu{
     position:absolute;
     top:100%;
     left:0;
     z-index:1000;
     display:none;
     float:left;
     min-width:160px;
     padding:5px 0;
     margin:2px 0 0;
     font-size:14px;
     text-align:left;
     list-style:none;
     background-color:#fff;
     -webkit-background-clip:padding-box;
     background-clip:padding-box;
     border:1px solid #ccc;
     border:1px solid rgba(0,0,0,.15);
     border-radius:4px;
     -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
     box-shadow:0 6px 12px rgba(0,0,0,.175) 
}
 .dropdown:hover ul.dropdown-menu {
     display: block;
}
 .dropdown-menu.pull-right{
     right:0;
     left:auto 
}
 .dropdown-menu .divider{
     height:1px;
     margin:9px 0;
     overflow:hidden;
     background-color:#e5e5e5 
}
 .dropdown-menu>li>a{
     display:block;
     padding:6px 20px;
     clear:both;
     font-weight:400;
     line-height:1.42857143;
     color:#333;
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis 
}
 .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
     color:#262626;
     text-decoration:none;
     background-color:#f5f5f5 
}
 .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{
     color:#fff;
     text-decoration:none;
     background-color:#337ab7;
     outline:0 
}
 .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{
     color:#777 
}
 .dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{
     text-decoration:none;
     cursor:not-allowed;
     background-color:transparent;
     background-image:none;
     filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) 
}
 .open>.dropdown-menu{
     display:block 
}
 .open>a{
     outline:0 
}
 .dropdown-menu-right{
     right:0;
     left:auto 
}
 .dropdown-menu-left{
     right:auto;
     left:0 
}
 .dropdown-header{
     display:block;
     padding:3px 20px;
     font-size:12px;
     line-height:1.42857143;
     color:#777;
     white-space:nowrap 
}
 .dropdown-backdrop{
     position:fixed;
     top:0;
     right:0;
     bottom:0;
     left:0;
     z-index:990 
}
 .pull-right>.dropdown-menu{
     right:0;
     left:auto 
}
 .dropup .caret,.navbar-fixed-bottom .dropdown .caret{
     content:"";
     border-top:0;
     border-bottom:4px dashed;
     border-bottom:4px solid\9 
}
 .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{
     top:auto;
     bottom:100%;
     margin-bottom:2px 
}
 @media (min-width:768px){
     .navbar-right .dropdown-menu{
         right:0;
         left:auto 
    }
     .navbar-right .dropdown-menu-left{
         right:auto;
         left:0 
    }
}
 .btn-group,.btn-group-vertical{
     position:relative;
     display:inline-block;
     vertical-align:middle 
}
 .btn-group-vertical>.btn,.btn-group>.btn{
     position:relative;
     float:left 
}
 .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{
     z-index:2 
}
 .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{
     margin-left:-1px 
}
 .btn-toolbar{
     margin-left:-5px 
}
 .btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{
     float:left 
}
 .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{
     margin-left:5px 
}
 .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
     border-radius:0 
}
 .btn-group>.btn:first-child{
     margin-left:0 
}
 .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
     border-top-right-radius:0;
     border-bottom-right-radius:0 
}
 .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){
     border-top-left-radius:0;
     border-bottom-left-radius:0 
}
 .btn-group>.btn-group{
     float:left 
}
 .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{
     border-radius:0 
}
 .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{
     border-top-right-radius:0;
     border-bottom-right-radius:0 
}
 .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{
     border-top-left-radius:0;
     border-bottom-left-radius:0 
}
 .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{
     outline:0 
}
 .btn-group>.btn+.dropdown-toggle{
     padding-right:8px;
     padding-left:8px 
}
 .btn-group>.btn-lg+.dropdown-toggle{
     padding-right:12px;
     padding-left:12px 
}
 .btn-group.open .dropdown-toggle{
     -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
     box-shadow:inset 0 3px 5px rgba(0,0,0,.125) 
}
 .btn-group.open .dropdown-toggle.btn-link{
     -webkit-box-shadow:none;
     box-shadow:none 
}
 .btn .caret{
     margin-left:0 
}
 .btn-lg .caret{
     border-width:5px 5px 0;
     border-bottom-width:0 
}
 .dropup .btn-lg .caret{
     border-width:0 5px 5px 
}
 .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{
     display:block;
     float:none;
     width:100%;
     max-width:100% 
}
 .btn-group-vertical>.btn-group>.btn{
     float:none 
}
 .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{
     margin-top:-1px;
     margin-left:0 
}
 .btn-group-vertical>.btn:not(:first-child):not(:last-child){
     border-radius:0 
}
 .btn-group-vertical>.btn:first-child:not(:last-child){
     border-top-left-radius:4px;
     border-top-right-radius:4px;
     border-bottom-right-radius:0;
     border-bottom-left-radius:0 
}
 .btn-group-vertical>.btn:last-child:not(:first-child){
     border-top-left-radius:0;
     border-top-right-radius:0;
     border-bottom-right-radius:4px;
     border-bottom-left-radius:4px 
}
 .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{
     border-radius:0 
}
 .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{
     border-bottom-right-radius:0;
     border-bottom-left-radius:0 
}
 .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{
     border-top-left-radius:0;
     border-top-right-radius:0 
}
 .btn-group-justified{
     display:table;
     width:100%;
     table-layout:fixed;
     border-collapse:separate 
}
 .btn-group-justified>.btn,.btn-group-justified>.btn-group{
     display:table-cell;
     float:none;
     width:1% 
}
 .btn-group-justified>.btn-group .btn{
     width:100% 
}
 .btn-group-justified>.btn-group .dropdown-menu{
     left:auto 
}
 [data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{
     position:absolute;
     clip:rect(0,0,0,0);
     pointer-events:none 
}
 .input-group{
     position:relative;
     display:table;
     border-collapse:separate 
}
 .input-group[class*=col-]{
     float:none;
     padding-right:0;
     padding-left:0 
}
 .input-group .form-control{
     position:relative;
     z-index:2;
     float:left;
     width:100%;
     margin-bottom:0 
}
 .input-group .form-control:focus{
     z-index:3 
}
 .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{
     height:46px;
     padding:10px 16px;
     font-size:18px;
     line-height:1.3333333;
     border-radius:6px 
}
 select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{
     height:46px;
     line-height:46px 
}
 select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{
     height:auto 
}
 .input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{
     height:30px;
     padding:5px 10px;
     font-size:12px;
     line-height:1.5;
     border-radius:3px 
}
 select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{
     height:30px;
     line-height:30px 
}
 select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{
     height:auto 
}
 .input-group .form-control,.input-group-addon,.input-group-btn{
     display:table-cell 
}
 .input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){
     border-radius:0 
}
 .input-group-addon,.input-group-btn{
     width:1%;
     white-space:nowrap;
     vertical-align:middle 
}
 .input-group-addon{
     padding:6px 12px;
     font-size:14px;
     font-weight:400;
     line-height:1;
     color:#555;
     text-align:center;
     background-color:#eee;
     border:1px solid #ccc;
     border-radius:4px 
}
 .input-group-addon.input-sm{
     padding:5px 10px;
     font-size:12px;
     border-radius:3px 
}
 .input-group-addon.input-lg{
     padding:10px 16px;
     font-size:18px;
     border-radius:6px 
}
 .input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{
     margin-top:0 
}
 .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){
     border-top-right-radius:0;
     border-bottom-right-radius:0 
}
 .input-group-addon:first-child{
     border-right:0 
}
 .input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{
     border-top-left-radius:0;
     border-bottom-left-radius:0 
}
 .input-group-addon:last-child{
     border-left:0 
}
 .input-group-btn{
     position:relative;
     font-size:0;
     white-space:nowrap 
}
 .input-group-btn>.btn{
     position:relative 
}
 .input-group-btn>.btn+.btn{
     margin-left:-1px 
}
 .input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{
     z-index:2 
}
 .input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{
     margin-right:-1px 
}
 .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{
     z-index:2;
     margin-left:-1px 
}
 .nav{
     padding-left:0;
     margin-bottom:0;
     list-style:none 
}
 .nav>li{
     position:relative;
     display:block 
}
 .nav>li>a{
     position:relative;
     display:block;
     padding:10px 5px 
}
 .nav>li>a:focus,.nav>li>a:hover{
     text-decoration:none;
     background-color:unset 
}
 .nav>li.disabled>a{
     color:#777 
}
 .nav>li.disabled>a:focus,.nav>li.disabled>a:hover{
     color:#777;
     text-decoration:none;
     cursor:not-allowed;
     background-color:transparent 
}
 .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
     background-color:#eee;
     border-color:#337ab7 
}
 .nav .nav-divider{
     height:1px;
     margin:9px 0;
     overflow:hidden;
     background-color:#e5e5e5 
}
 .nav>li>a>img{
     max-width:none 
}
 .nav-tabs{
     border-bottom:1px solid #ddd 
}
 .nav-tabs>li{
     float:left;
     margin-bottom:-1px 
}
 .nav-tabs>li>a{
     margin-right:2px;
     line-height:1.42857143;
     border:1px solid transparent;
     border-radius:4px 4px 0 0 
}
 .nav-tabs>li>a:hover{
     border-color:#eee #eee #ddd 
}
 .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
     color:#555;
     cursor:default;
     background-color:#fff;
     border:1px solid #ddd;
     border-bottom-color:transparent 
}
 .nav-tabs.nav-justified{
     width:100%;
     border-bottom:0 
}
 .nav-tabs.nav-justified>li{
     float:none 
}
 .nav-tabs.nav-justified>li>a{
     margin-bottom:5px;
     text-align:center 
}
 .nav-tabs.nav-justified>.dropdown .dropdown-menu{
     top:auto;
     left:auto 
}
 @media (min-width:768px){
     .nav-tabs.nav-justified>li{
         display:table-cell;
         width:1% 
    }
     .nav-tabs.nav-justified>li>a{
         margin-bottom:0 
    }
}
 .nav-tabs.nav-justified>li>a{
     margin-right:0;
     border-radius:4px 
}
 .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{
     border:1px solid #ddd 
}
 @media (min-width:768px){
     .nav-tabs.nav-justified>li>a{
         border-bottom:1px solid #ddd;
         border-radius:4px 4px 0 0 
    }
     .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{
         border-bottom-color:#fff 
    }
}
 .nav-pills>li{
     float:left 
}
 .nav-pills>li>a{
     border-radius:4px 
}
 .nav-pills>li+li{
     margin-left:2px 
}
 .nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{
     color:#fff;
     background-color:#337ab7 
}
 .nav-stacked>li{
     float:none 
}
 .nav-stacked>li+li{
     margin-top:2px;
     margin-left:0 
}
 .nav-justified{
     width:100% 
}
 .nav-justified>li{
     float:none 
}
 .nav-justified>li>a{
     margin-bottom:5px;
     text-align:center 
}
 .nav-justified>.dropdown .dropdown-menu{
     top:auto;
     left:auto 
}
 @media (min-width:768px){
     .nav-justified>li{
         display:table-cell;
         width:1% 
    }
     .nav-justified>li>a{
         margin-bottom:0 
    }
}
 .nav-tabs-justified{
     border-bottom:0 
}
 .nav-tabs-justified>li>a{
     margin-right:0;
     border-radius:4px 
}
 .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{
     border:1px solid #ddd 
}
 @media (min-width:768px){
     .nav-tabs-justified>li>a{
         border-bottom:1px solid #ddd;
         border-radius:4px 4px 0 0 
    }
     .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{
         border-bottom-color:#fff 
    }
}
 .tab-content>.tab-pane{
     display:none 
}
 .tab-content>.active{
     display:block 
}
 .nav-tabs .dropdown-menu{
     margin-top:-1px;
     border-top-left-radius:0;
     border-top-right-radius:0 
}
 .navbar{
     position:relative;
     min-height:50px;
     margin-bottom:20px;
     border:1px solid transparent 
}
 @media (min-width:768px){
     .navbar{
         border-radius:4px 
    }
}
 @media (min-width:768px){
     .navbar-header{
         float:left 
    }
}
 .navbar-collapse{
     padding-right:5px;
     padding-left:5px;
     overflow-x:visible;
     -webkit-overflow-scrolling:touch;
     border-top:1px solid transparent;
     -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
     box-shadow:inset 0 1px 0 rgba(255,255,255,.1) 
}
 .navbar-collapse.in{
     overflow-y:auto 
}
 @media (min-width:768px){
     .navbar-collapse{
         width:auto;
         border-top:0;
         -webkit-box-shadow:none;
         box-shadow:none 
    }
     .navbar-collapse.collapse{
         display:block!important;
         height:auto!important;
         padding-bottom:0;
         overflow:visible!important 
    }
     .navbar-collapse.in{
         overflow-y:visible 
    }
     .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{
         padding-right:0;
         padding-left:0 
    }
}
 .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
     max-height:340px 
}
 @media (max-device-width:480px) and (orientation:landscape){
     .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
         max-height:200px 
    }
}
 .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{
     margin-right:-5px;
     margin-left:-5px 
}
 @media (min-width:768px){
     .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{
         margin-right:0;
         margin-left:0 
    }
}
 .navbar-static-top{
     z-index:1000;
     border-width:0 0 1px 
}
 @media (min-width:768px){
     .navbar-static-top{
         border-radius:0 
    }
}
 .navbar-fixed-bottom,.navbar-fixed-top{
     position:fixed;
     right:0;
     left:0;
     z-index:1030 
}
 @media (min-width:768px){
     .navbar-fixed-bottom,.navbar-fixed-top{
         border-radius:0 
    }
}
 .navbar-fixed-top{
     top:0;
     border-width:0 0 1px 
}
 .navbar-fixed-bottom{
     bottom:0;
     margin-bottom:0;
     border-width:1px 0 0 
}
 .navbar-brand{
     float:left;
     height:50px;
     padding:15px 5px;
     font-size:18px;
     line-height:20px 
}
 .navbar-brand:focus,.navbar-brand:hover{
     text-decoration:none 
}
 .navbar-brand>img{
     display:block 
}
 @media (min-width:768px){
     .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
         margin-left:-5px 
    }
}
 .navbar-toggle{
     position:relative;
     float:right;
     padding:9px 10px;
     margin-top:8px;
     margin-right:5px;
     margin-bottom:8px;
     background-color:transparent;
     background-image:none;
     border:1px solid transparent;
     border-radius:4px 
}
 .navbar-toggle:focus{
     outline:0 
}
 .navbar-toggle .icon-bar{
     display:block;
     width:22px;
     height:2px;
     border-radius:1px 
}
 .navbar-toggle .icon-bar+.icon-bar{
     margin-top:4px 
}
 @media (min-width:768px){
     .navbar-toggle{
         display:none 
    }
}
 .navbar-nav{
     margin:7.5px -5px 
}
 .navbar-nav>li>a{
     padding-top:10px;
     padding-bottom:10px;
     line-height:20px 
}
 @media (max-width:767px){
     .navbar-nav .open .dropdown-menu{
         position:static;
         float:none;
         width:auto;
         margin-top:0;
         background-color:transparent;
         border:0;
         -webkit-box-shadow:none;
         box-shadow:none 
    }
     .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{
         padding:5px 15px 5px 25px 
    }
     .navbar-nav .open .dropdown-menu>li>a{
         line-height:20px 
    }
     .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{
         background-image:none 
    }
}
 @media (min-width:768px){
     .navbar-nav{
         float:left;
         margin:0 
    }
     .navbar-nav>li{
         float:left 
    }
     .navbar-nav>li>a{
         padding-top:15px;
         padding-bottom:15px 
    }
}
 .navbar-form{
     padding:10px 5px;
     margin-top:8px;
     margin-right:-5px;
     margin-bottom:8px;
     margin-left:-5px;
     border-top:1px solid transparent;
     border-bottom:1px solid transparent;
     -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
     box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1) 
}
 @media (min-width:768px){
     .navbar-form .form-group{
         display:inline-block;
         margin-bottom:0;
         vertical-align:middle 
    }
     .navbar-form .form-control{
         display:inline-block;
         width:auto;
         vertical-align:middle 
    }
     .navbar-form .form-control-static{
         display:inline-block 
    }
     .navbar-form .input-group{
         display:inline-table;
         vertical-align:middle 
    }
     .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{
         width:auto 
    }
     .navbar-form .input-group>.form-control{
         width:100% 
    }
     .navbar-form .control-label{
         margin-bottom:0;
         vertical-align:middle 
    }
     .navbar-form .checkbox,.navbar-form .radio{
         display:inline-block;
         margin-top:0;
         margin-bottom:0;
         vertical-align:middle 
    }
     .navbar-form .checkbox label,.navbar-form .radio label{
         padding-left:0 
    }
     .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{
         position:relative;
         margin-left:0 
    }
     .navbar-form .has-feedback .form-control-feedback{
         top:0 
    }
}
 @media (max-width:767px){
     .navbar-form .form-group{
         margin-bottom:5px 
    }
     .navbar-form .form-group:last-child{
         margin-bottom:0 
    }
}
 @media (min-width:768px){
     .navbar-form{
         width:auto;
         padding-top:0;
         padding-bottom:0;
         margin-right:0;
         margin-left:0;
         border:0;
         -webkit-box-shadow:none;
         box-shadow:none 
    }
}
 .navbar-nav>li>.dropdown-menu{
     margin-top:0;
     border-top-left-radius:0;
     border-top-right-radius:0 
}
 .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{
     margin-bottom:0;
     border-top-left-radius:4px;
     border-top-right-radius:4px;
     border-bottom-right-radius:0;
     border-bottom-left-radius:0 
}
 .navbar-btn{
     margin-top:8px;
     margin-bottom:8px 
}
 .navbar-btn.btn-sm{
     margin-top:10px;
     margin-bottom:10px 
}
 .navbar-btn.btn-xs{
     margin-top:14px;
     margin-bottom:14px 
}
 .navbar-text{
     margin-top:15px;
     margin-bottom:15px 
}
 @media (min-width:768px){
     .navbar-text{
         float:left;
         margin-right:15px;
         margin-left:15px 
    }
}
 @media (min-width:768px){
     .navbar-left{
         float:left!important 
    }
     .navbar-right{
         float:right!important;
         margin-right:-15px 
    }
     .navbar-right~.navbar-right{
         margin-right:0 
    }
}
 .navbar-default{
     background-color:#f8f8f8;
     border-color:#e7e7e7 
}
 .navbar-default .navbar-brand{
     color:#777 
}
 .navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{
     color:#5e5e5e;
     background-color:transparent 
}
 .navbar-default .navbar-text{
     color:#777 
}
 .navbar-default .navbar-nav>li>a{
     color:#777 
}
 .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
     color:#333;
     background-color:transparent 
}
 .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
     color:#555;
     background-color:#e7e7e7 
}
 .navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{
     color:#ccc;
     background-color:transparent 
}
 .navbar-default .navbar-toggle{
     border-color:#ddd 
}
 .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
     background-color:#ddd 
}
 .navbar-default .navbar-toggle .icon-bar{
     background-color:#888 
}
 .navbar-default .navbar-collapse,.navbar-default .navbar-form{
     border-color:#e7e7e7 
}
 .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{
     color:#555;
     background-color:#e7e7e7 
}
 @media (max-width:767px){
     .navbar-default .navbar-nav .open .dropdown-menu>li>a{
         color:#777 
    }
     .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
         color:#333;
         background-color:transparent 
    }
     .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
         color:#555;
         background-color:#e7e7e7 
    }
     .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{
         color:#ccc;
         background-color:transparent 
    }
}
 .navbar-default .navbar-link{
     color:#777 
}
 .navbar-default .navbar-link:hover{
     color:#333 
}
 .navbar-default .btn-link{
     color:#777 
}
 .navbar-default .btn-link:focus,.navbar-default .btn-link:hover{
     color:#333 
}
 .navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{
     color:#ccc 
}
 .navbar-inverse{
     background-color:#222;
     border-color:#080808 
}
 .navbar-inverse .navbar-brand{
     color:#9d9d9d 
}
 .navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{
     color:#fff;
     background-color:transparent 
}
 .navbar-inverse .navbar-text{
     color:#9d9d9d 
}
 .navbar-inverse .navbar-nav>li>a{
     color:#9d9d9d 
}
 .navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{
     color:#fff;
     background-color:transparent 
}
 .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{
     color:#fff;
     background-color:#080808 
}
 .navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{
     color:#444;
     background-color:transparent 
}
 .navbar-inverse .navbar-toggle{
     border-color:#333 
}
 .navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{
     background-color:#333 
}
 .navbar-inverse .navbar-toggle .icon-bar{
     background-color:#fff 
}
 .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{
     border-color:#101010 
}
 .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{
     color:#fff;
     background-color:#080808 
}
 ul#widget_brands li {
     display: inline-block;
     background: #eee;
     padding: 2px 10px;
     margin-right: 4px;
     margin-bottom: 4px;
     border-radius: 4px;
}
 @media (max-width:767px){
     .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{
         border-color:#080808 
    }
     .navbar-inverse .navbar-nav .open .dropdown-menu .divider{
         background-color:#080808 
    }
     .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
         color:#9d9d9d 
    }
     .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
         color:#fff;
         background-color:transparent 
    }
     .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{
         color:#fff;
         background-color:#080808 
    }
     .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{
         color:#444;
         background-color:transparent 
    }
}
 .navbar-inverse .navbar-link{
     color:#9d9d9d 
}
 .navbar-inverse .navbar-link:hover{
     color:#fff 
}
 .navbar-inverse .btn-link{
     color:#9d9d9d 
}
 .navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{
     color:#fff 
}
 .navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{
     color:#444 
}
 .breadcrumb{
     padding:8px 0;
     list-style:none;
     background-color:#f5f5f5;
     border-radius:4px;
     margin-bottom: 0px;
}
 .breadcrumb>li{
     display:inline-block 
}
 .breadcrumb>li+li:before{
     padding:0 5px;
     color:#ccc;
     content:"/\00a0" 
}
 .breadcrumb>.active{
     color:#757575 
}
 .pagination{
     display:inline-block;
     padding-left:0;
     margin:20px 0;
     border-radius:4px 
}
 .pagination>li{
     display:inline 
}
 .pagination>li>a,.pagination>li>span{
     position:relative;
     float:left;
     padding:6px 12px;
     margin-left:-1px;
     line-height:1.42857143;
     color:#337ab7;
     text-decoration:none;
     background-color:#fff;
     border:1px solid #ddd 
}
 .pagination>li:first-child>a,.pagination>li:first-child>span{
     margin-left:0;
     border-top-left-radius:4px;
     border-bottom-left-radius:4px 
}
 .pagination>li:last-child>a,.pagination>li:last-child>span{
     border-top-right-radius:4px;
     border-bottom-right-radius:4px 
}
 .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
     z-index:2;
     color:#23527c;
     background-color:#eee;
     border-color:#ddd 
}
 .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
     z-index:3;
     color:#fff;
     cursor:default;
     background-color:var(--mainweb-color);
     border-color:var(--mainweb-color) 
}
 .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{
     color:#777;
     cursor:not-allowed;
     background-color:#fff;
     border-color:#ddd 
}
 .pagination-lg>li>a,.pagination-lg>li>span{
     padding:10px 16px;
     font-size:18px;
     line-height:1.3333333 
}
 .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{
     border-top-left-radius:6px;
     border-bottom-left-radius:6px 
}
 .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{
     border-top-right-radius:6px;
     border-bottom-right-radius:6px 
}
 .pagination-sm>li>a,.pagination-sm>li>span{
     padding:5px 10px;
     font-size:12px;
     line-height:1.5 
}
 .pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{
     border-top-left-radius:3px;
     border-bottom-left-radius:3px 
}
 .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{
     border-top-right-radius:3px;
     border-bottom-right-radius:3px 
}
 .pager{
     padding-left:0;
     margin:20px 0;
     text-align:center;
     list-style:none 
}
 .pager li{
     display:inline 
}
 .pager li>a,.pager li>span{
     display:inline-block;
     padding:5px 14px;
     background-color:#fff;
     border:1px solid #ddd;
     border-radius:15px 
}
 .pager li>a:focus,.pager li>a:hover{
     text-decoration:none;
     background-color:#eee 
}
 .pager .next>a,.pager .next>span{
     float:right 
}
 .pager .previous>a,.pager .previous>span{
     float:left 
}
 .pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{
     color:#777;
     cursor:not-allowed;
     background-color:#fff 
}
 .carousel{
     position:relative 
}
 .carousel-inner{
     position:relative;
     width:100%;
     overflow:hidden 
}
 .carousel-inner>.item{
     position:relative;
     display:none;
     -webkit-transition:.6s ease-in-out left;
     -o-transition:.6s ease-in-out left;
     transition:.6s ease-in-out left 
}
 .carousel-inner>.item>a>img,.carousel-inner>.item>img{
     line-height:1 
}
 @media all and (transform-3d),(-webkit-transform-3d){
     .carousel-inner>.item{
         -webkit-transition:-webkit-transform .6s ease-in-out;
         -o-transition:-o-transform .6s ease-in-out;
         transition:transform .6s ease-in-out;
         -webkit-backface-visibility:hidden;
         backface-visibility:hidden;
         -webkit-perspective:1000px;
         perspective:1000px 
    }
     .carousel-inner>.item.active.right,.carousel-inner>.item.next{
         left:0;
         -webkit-transform:translate3d(100%,0,0);
         transform:translate3d(100%,0,0) 
    }
     .carousel-inner>.item.active.left,.carousel-inner>.item.prev{
         left:0;
         -webkit-transform:translate3d(-100%,0,0);
         transform:translate3d(-100%,0,0) 
    }
     .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{
         left:0;
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0) 
    }
}
 .carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{
     display:block 
}
 .carousel-inner>.active{
     left:0 
}
 .carousel-inner>.next,.carousel-inner>.prev{
     position:absolute;
     top:0;
     width:100% 
}
 .carousel-inner>.next{
     left:100% 
}
 .carousel-inner>.prev{
     left:-100% 
}
 .carousel-inner>.next.left,.carousel-inner>.prev.right{
     left:0 
}
 .carousel-inner>.active.left{
     left:-100% 
}
 .carousel-inner>.active.right{
     left:100% 
}
 .carousel-control{
     position:absolute;
     top:0;
     bottom:0;
     left:0;
     width:15%;
     font-size:20px;
     color:#fff;
     text-align:center;
     text-shadow:0 1px 2px rgba(0,0,0,.6);
     background-color:rgba(0,0,0,0);
     filter:alpha(opacity=50);
     opacity:.5 
}
 .carousel-control.left{
     background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
     background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
     background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
     background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
     background-repeat:repeat-x 
}
 .carousel-control.right{
     right:0;
     left:auto;
     background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
     background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
     background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
     background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
     background-repeat:repeat-x 
}
 .carousel-control:focus,.carousel-control:hover{
     color:#fff;
     text-decoration:none;
     filter:alpha(opacity=90);
     outline:0;
     opacity:.9 
}
 .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
     position:absolute;
     top:50%;
     z-index:5;
     display:inline-block;
     margin-top:-10px 
}
 .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
     left:50%;
     margin-left:-10px 
}
 .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
     right:50%;
     margin-right:-10px 
}
 .carousel-control .icon-next,.carousel-control .icon-prev{
     width:20px;
     height:20px;
     font-family:serif;
     line-height:1 
}
 .carousel-control .icon-prev:before{
     content:'\2039' 
}
 .carousel-control .icon-next:before{
     content:'\203a' 
}
 .carousel-indicators{
     position:absolute;
     bottom:10px;
     left:50%;
     z-index:15;
     width:60%;
     padding-left:0;
     margin-left:-30%;
     text-align:center;
     list-style:none 
}
 .carousel-indicators li{
     display:inline-block;
     width:10px;
     height:10px;
     margin:1px 5px;
     text-indent:-999px;
     cursor:pointer;
     background-color:#000\9;
     background-color:rgba(0,0,0,0);
     border:1px solid #fff;
     border-radius:10px 
}
 .carousel-indicators .active{
     width:12px;
     height:12px;
     margin:0;
     background-color:#fff 
}
 .carousel-caption{
     position:absolute;
     right:15%;
     bottom:20px;
     left:15%;
     z-index:10;
     padding-top:20px;
     padding-bottom:20px;
     color:#fff;
     text-align:center;
     text-shadow:0 1px 2px rgba(0,0,0,.6) 
}
 .carousel-caption .btn{
     text-shadow:none 
}
 @media screen and (min-width:768px){
     .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
         width:30px;
         height:30px;
         margin-top:-10px;
         font-size:30px 
    }
     .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
         margin-left:-10px 
    }
     .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
         margin-right:-10px 
    }
     .carousel-caption{
         right:20%;
         left:20%;
         padding-bottom:30px 
    }
     .carousel-indicators{
         bottom:20px 
    }
}
 .btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.row:after,.row:before{
     display:table;
     content:" " 
}
 .btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.row:after{
     clear:both 
}
 .center-block{
     display:block;
     margin-right:auto;
     margin-left:auto 
}
 .pull-right{
     float:right!important 
}
 .pull-left{
     float:left!important 
}
 .hide{
     display:none!important 
}
 .show{
     display:block!important 
}
 .invisible{
     visibility:hidden 
}
 .text-hide{
     font:0/0 a;
     color:transparent;
     text-shadow:none;
     background-color:transparent;
     border:0 
}
 .hidden{
     display:none!important 
}
 .affix{
     position:fixed 
}
 @-ms-viewport{
     width:device-width 
}
 .visible-lg,.visible-md,.visible-sm,.visible-xs{
     display:none!important 
}
 .visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{
     display:none!important 
}
 @media (max-width:767px){
     .visible-xs{
         display:block!important 
    }
     table.visible-xs{
         display:table!important 
    }
     tr.visible-xs{
         display:table-row!important 
    }
     td.visible-xs,th.visible-xs{
         display:table-cell!important 
    }
}
 @media (max-width:767px){
     .visible-xs-block{
         display:block!important 
    }
}
 @media (max-width:767px){
     .visible-xs-inline{
         display:inline!important 
    }
}
 @media (max-width:767px){
     .visible-xs-inline-block{
         display:inline-block!important 
    }
}
 @media (min-width:768px) and (max-width:991px){
     .visible-sm{
         display:block!important 
    }
     table.visible-sm{
         display:table!important 
    }
     tr.visible-sm{
         display:table-row!important 
    }
     td.visible-sm,th.visible-sm{
         display:table-cell!important 
    }
}
 @media (min-width:768px) and (max-width:991px){
     .visible-sm-block{
         display:block!important 
    }
}
 @media (min-width:768px) and (max-width:991px){
     .visible-sm-inline{
         display:inline!important 
    }
}
 @media (min-width:768px) and (max-width:991px){
     .visible-sm-inline-block{
         display:inline-block!important 
    }
}
 @media (min-width:992px) and (max-width:1199px){
     .visible-md{
         display:block!important 
    }
     table.visible-md{
         display:table!important 
    }
     tr.visible-md{
         display:table-row!important 
    }
     td.visible-md,th.visible-md{
         display:table-cell!important 
    }
}
 @media (min-width:992px) and (max-width:1199px){
     .visible-md-block{
         display:block!important 
    }
}
 @media (min-width:992px) and (max-width:1199px){
     .visible-md-inline{
         display:inline!important 
    }
}
 @media (min-width:992px) and (max-width:1199px){
     .visible-md-inline-block{
         display:inline-block!important 
    }
}
 @media (min-width:1200px){
     .visible-lg{
         display:block!important 
    }
     table.visible-lg{
         display:table!important 
    }
     tr.visible-lg{
         display:table-row!important 
    }
     td.visible-lg,th.visible-lg{
         display:table-cell!important 
    }
}
 @media (min-width:1200px){
     .visible-lg-block{
         display:block!important 
    }
}
 @media (min-width:1200px){
     .visible-lg-inline{
         display:inline!important 
    }
}
 @media (min-width:1200px){
     .visible-lg-inline-block{
         display:inline-block!important 
    }
}
 @media (max-width:767px){
     .hidden-xs{
         display:none!important 
    }
}
 @media (min-width:768px) and (max-width:991px){
     .hidden-sm{
         display:none!important 
    }
}
 @media (min-width:992px) and (max-width:1199px){
     .hidden-md{
         display:none!important 
    }
}
 @media (min-width:1200px){
     .hidden-lg{
         display:none!important 
    }
}
 .visible-print{
     display:none!important 
}
 @media print{
     .visible-print{
         display:block!important 
    }
     table.visible-print{
         display:table!important 
    }
     tr.visible-print{
         display:table-row!important 
    }
     td.visible-print,th.visible-print{
         display:table-cell!important 
    }
}
 .visible-print-block{
     display:none!important 
}
 @media print{
     .visible-print-block{
         display:block!important 
    }
}
 .visible-print-inline{
     display:none!important 
}
 @media print{
     .visible-print-inline{
         display:inline!important 
    }
}
 .visible-print-inline-block{
     display:none!important 
}
 @media print{
     .visible-print-inline-block{
         display:inline-block!important 
    }
}
 @media print{
     .hidden-print{
         display:none!important 
    }
}
 ul,ol{
     margin:0;
     padding:0;
     list-style:none 
}
 h1,h2,h3,h4,h5,h6,label{
     margin:0;
     padding:0;
     color:#333e48 
}
 img{
     max-width:100% 
}
 .cach{
     display:inline-block;
     border:1px solid var(--mainweb-color);
     transform:rotate(45deg);
     -moz-transform:rotate(45deg);
     -webkit-transform:rotate(45deg);
     width:5px;
     height:5px;
     margin:4px 10px;
     vertical-align:top 
}
 .hr-top{
     margin-top:30px;
     margin-bottom:30px;
     border-top:1px solid #b6b6b6 
}
 .hr-footer{
     border-top:4px solid #000 
}
 .nowrap{
     white-space:nowrap 
}
 .mb-1{
     margin-bottom:10px 
}
 .col-xs-15,.col-sm-15,.col-md-15,.col-lg-15{
     position:relative;
     min-height:1px;
     padding-right:5px;
     padding-left:5px 
}
 .col-xs-15{
     width:20%;
     float:left 
}
 @media (min-width: 768px) {
     .col-sm-15{
         width:20%;
         float:left 
    }
}
 @media (min-width: 992px) {
     .col-md-15{
         width:20%;
         float:left 
    }
}
 @media (min-width: 1200px) {
     .col-lg-15{
         width:20%;
         float:left 
    }
}
 .col-xs-20,.col-sm-20,.col-md-20,.col-lg-20{
     position:relative;
     min-height:1px;
     padding-right:5px;
     padding-left:5px 
}
 .col-xs-20{
     width:12.5%;
     float:left 
}
 @media (min-width: 768px) {
     .col-sm-20{
         width:12.5%;
         float:left 
    }
}
 @media (min-width: 992px) {
     .col-md-20{
         width:12.5%;
         float:left 
    }
}
 @media (min-width: 1200px) {
     .col-lg-20{
         width:12.5%;
         float:left 
    }
}
 .overlay{
     position:fixed;
     display:none;
     width:100%;
     height:100%;
     top:0;
     left:0;
     right:0;
     bottom:0;
     background-color:rgba(0,0,0,.7);
     z-index:10 
}
 .home-block{
     margin-top:10px;
     margin-bottom:20px 
}
 img.bn-abg {
     padding: 10px;
     object-fit: contain;
}
 .product-wrap{
     padding:10px 
}
 h2.home-head{
     color:#222;
     font-size:22px;
     font-weight:600;
     margin-bottom:10px 
}
 div#hot_trend {
     margin-top: 15px;
}
 h2.home-head {
     height: 35px;
     line-height: 35px;
     background: #fff;
     margin: 10px 0;
     border: 1px solid #eee;
}
 h2.home-head span ,h2.home-head a{
     background: var(--mainweb-color);
     padding-right: 10px;
     float: left;
     padding-left: 10px;
     line-height: 31px;
     color: #fff;
     font-weight: 500;
     height: 29px;
     position: relative;
     margin: 0;
     text-transform: uppercase;
     margin-top: 2px;
     font-size: 16px;
     margin-left: 2px;
}
 h2.home-head small a {
     background-color: transparent;
     vertical-align: bottom;
     font-size: 13px;
     padding-right: 10px;
     color: #333;
     color: #fff;
     font-size: 12px;
     background: var(--mainweb-color);
     border-radius: 25px;
     padding: 0px 15px;
     margin-right: 7px;
     text-transform: inherit;
}
 .category-wrap a{
     padding-top:20px;
     padding-bottom:20px;
     text-align:center;
     display:block;
     font-size:17px;
     margin-top:10px;
     margin-bottom:10px;
     background-color:#fff;
     border:1px solid #ddd 
}
 .category-wrap img{
     width:70%;
     height:auto;
     vertical-align:top 
}
 .category-wrap a:hover,.category-wrap a:active,.category-wrap a:focus{
     box-shadow:0 1px 6px rgba(180,180,180,0.8) 
}
 .category-wrap span{
     display:block;
     line-height:20px;
     vertical-align:bottom;
     height:40px;
     padding-top:10px 
}
 .categories{
     padding-top:2rem;
     padding-bottom:2rem 
}
 .categories li{
     line-height:2 
}
 .categories .l-1 a{
     font-size:2rem;
     color:#000 
}
 .categories .l-2 a{
     font-size:1.6rem;
     color:#111 
}
 .categories .l-3 a{
     font-size:1.4rem;
     color:#222 
}
 .box-shadow{
     box-shadow:0 1px 1px rgba(180,180,180,0.5) 
}
 .div-shadow{
     box-shadow:0 1px 3px 0 rgba(0,0,0,.08);
     background:#fff;
     border-radius:6px 
}
 .breadcrumb{
     background-color:transparent;
     overflow:hidden;
     white-space:nowrap 
}
 #header-nav{
     background:#eb0000;
     border:none;
     margin-bottom:0;
     box-shadow:0 2px 2px 0 rgba(0,0,0,.2) 
}
 #header-nav ul.menu{
     list-style:none;
     padding:0;
     margin:0;
     text-align:justify;
     height:42px;
     position:relative;
     overflow:hidden 
}
 #header-nav ul.menu:after,#header-nav ul.menu > li > a{
     display:-moz-inline-stack;
     display:inline-block;
     vertical-align:middle 
}
 #header-nav ul.menu:after{
     content:"";
     width:100%;
     cursor:pointer 
}
 #header-nav ul.menu > li{
     display:inline-block;
     vertical-align:bottom 
}
 #header-nav ul.menu > li.has-menu:after{
     content:">";
     display:inline-block;
     -webkit-transform:rotate(90deg);
     -moz-transform:rotate(90deg);
     -o-transform:rotate(90deg);
     -ms-transform:rotate(90deg);
     transform:rotate(90deg);
     margin-left:-5px;
     font-size:14px 
}
 #header-nav ul.menu > li > a{
     color:#fff;
     font-size:14px;
     text-transform:uppercase;
     font-weight:400;
     line-height:24px;
     text-decoration:none;
     padding:9px 15px;
     border:none 
}
 #header-nav ul.menu > li:hover > a,#header-nav ul.menu > li:active > a,#header-nav ul.menu > li:focus > a{
     color:#fff;
     background-color:#b30000;
     border:none 
}
 #header-nav ul.menu > li:hover,#header-nav ul.menu > li:focus,#header-nav ul.menu > li:active{
     background-color:rgba(0,0,0,.2) 
}
 #header-nav ul.menu > li:hover:after,#header-nav ul.menu > li:active:after,#header-nav ul.menu > li:focus:after{
     color:#353535 
}
 #header-nav .menu .sub-menu{
     display:none;
     list-style:none;
     margin:0;
     padding:0;
     position:absolute;
     background-color:#fff;
     border:1px solid #000;
     border-top:2px solid #353535;
     z-index:99999;
     margin-top:-2px 
}
 #header-nav .menu .sub-menu > li{
     text-align:left;
     display:block 
}
 #header-nav .menu .sub-menu > li > a{
     padding:.857em 1.387em;
     min-width:200px;
     display:block;
     text-transform:uppercase;
     word-spacing:.25em;
     color:#000;
     text-decoration:none;
     font-size:12px 
}
 #header-nav .menu .sub-menu > li > a:hover{
     color:var(--mainweb-color) 
}
 #header-nav .menu .has-menu:hover .sub-menu{
     display:block 
}
 #header-search{
     margin:5px 0 
}
 #header-search .form{
     border-radius:6px 
}
 #search-top{
     border:1px solid #eb0000;
     border-right:none;
     box-shadow:none;
     color:#333;
     height:40px;
     padding:0 15px;
     width:100%;
     background:#fff 
}
 #top-header{
     color:#666;
     font-size:13px;
     line-height:36px;
     background-color:#F8F8F8;
     border-bottom:1px solid #ebebeb 
}
 #top-header a{
     display:inline-block;
     padding-right:10px 
}
 .btn-search-top{
     display:inline-block;
     background-color:#eb0000;
     color:#fff!important;
     height:40px;
     box-shadow:none!important;
     padding:0 20px;
     z-index:4;
     font-size:16px 
}
 .btn-search-top:hover,.btn-search-top:active,.btn-search-top:focus{
     background-color:#b30000;
     border-color:#b30000;
     color:#fff!important 
}
 .btn-search-top:hover .s-icon-circle,.btn-search-top:active .s-icon-circle,.btn-search-top:focus .s-icon-circle{
     border:2px solid #fff 
}
 .btn-search-top:hover .s-icon-rectangle,.btn-search-top:active .s-icon-rectangle,.btn-search-top:focus .s-icon-rectangle{
     border:1px solid #fff 
}
 .search-category{
     font-size:11px;
     padding-left:20px;
     box-shadow:none!important;
     height:40px;
     border:1px solid #eb0000;
     border-left:none;
     line-height:26px 
}
 .search-category::before{
     content:"";
     display:inline-block;
     width:13px;
     height:13px;
     border:1px solid #b0b0b0;
     background:#fff no-repeat center;
     vertical-align:middle;
     float:left;
     margin:6px 0 0 -19px;
     background-size:13px 
}
 .search-category.active,.search-category:hover,.search-category:active,.search-category:focus{
     color:var(--mainweb-color) 
}
 .search-category:hover::before,.search-category:active::before,.search-category:focus::before{
     border:1px solid var(--mainweb-color) 
}
 .bnam-menu{
     position:absolute;
     top:3px;
     right:0;
     z-index:999;
     width:26px;
     height:30px;
     margin-right:15px;
     background:transparent;
     border:none 
}
 .bnam-menu:hover,.bnam-menu:focus,.bnam-menu:active{
     outline:none 
}
 .bnam-menu.is-closed:before{
     content:'';
     display:block;
     width:100px;
     font-size:14px;
     color:#fff;
     line-height:26px;
     text-align:center;
     opacity:0;
     -webkit-transform:translate3d(0,0,0);
     -webkit-transition:all .35s ease-in-out 
}
 .bnam-menu.is-closed .hamb-top,.bnam-menu.is-closed .hamb-middle,.bnam-menu.is-closed .hamb-bottom,.bnam-menu.is-open .hamb-top,.bnam-menu.is-open .hamb-middle,.bnam-menu.is-open .hamb-bottom{
     position:absolute;
     left:0;
     height:4px;
     width:100%;
     border-radius:4px 
}
 .bnam-menu.is-closed .hamb-top,.bnam-menu.is-closed .hamb-middle,.bnam-menu.is-closed .hamb-bottom{
     background-color:#fff 
}
 .bnam-menu.is-closed .hamb-top{
     top:5px;
     -webkit-transition:all .35s ease-in-out 
}
 .bnam-menu.is-closed .hamb-middle{
     top:50%;
     margin-top:-2px 
}
 .bnam-menu.is-closed .hamb-bottom{
     bottom:5px;
     -webkit-transition:all .35s ease-in-out 
}
 .bnam-menu.is-open .hamb-top,.bnam-menu.is-open .hamb-middle,.bnam-menu.is-open .hamb-bottom{
     background-color:#fff 
}
 .bnam-menu.is-open .hamb-top,.bnam-menu.is-open .hamb-bottom{
     top:50%;
     margin-top:-2px 
}
 .bnam-menu.is-open .hamb-top{
     -webkit-transform:rotate(45deg);
     -webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08) 
}
 .bnam-menu.is-open .hamb-middle{
     display:none 
}
 .bnam-menu.is-open .hamb-bottom{
     -webkit-transform:rotate(-45deg);
     -webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08) 
}
 .bnam-menu.is-open:before{
     content:'';
     display:block;
     width:100px;
     font-size:14px;
     color:#fff;
     line-height:32px;
     text-align:center;
     opacity:0;
     -webkit-transform:translate3d(0,0,0);
     -webkit-transition:all .35s ease-in-out 
}
 #breadcrumb{
     font-size:13px 
}
 #breadcrumb a{
     font-size:12px;
     font-weight:600 
}
 #breadcrumb a:hover,#breadcrumb a:focus,#breadcrumb a:active{
     color:var(--mainweb-color);
     text-decoration:none 
}
 .home-title{
     margin:0;
     text-align:center;
     margin-bottom:30px 
}
 #category_main{
     margin-top:20px 
}
 .brands-title {
     margin-bottom: 10px;
}
 .page-title , .brands-title {
     margin-top: 10px;
     font-weight: 300;
     font-size: 17px;
     color: #333e48;
     border-bottom: 1px solid #dadada !important;
     padding-bottom: 5px;
     position: relative;
}
 .page-title:after, .brands-title:after {
     content: "";
     height: 4px;
     position: absolute;
     background: var(--mainweb-color);
     width: 70px;
     left: 0px;
     bottom: -2px;
}
 .page-desc {
     color: #666;
     margin-bottom: 10px;
     padding: 5px 0px 0px;
}
 ul#widget_brands {
     max-height: 125px;
     overflow: auto;
     margin-bottom: 20px;
}
 ul#widget_brands .active {
     background: #bfbfbf;
}
 ul#demo1 {
     padding-left: 8px;
}
 ul#demo1 > li {
     padding-left: 0px;
     position: relative;
}
 ul#demo1 > li::before {
     content: "\f0da";
     font-family: FontAwesome;
     position: absolute;
     top: 7px;
     left: 0px;
    /* width: 7px;
     */
    /* height: 7px;
     */
    /* border-radius: 50%;
     */
     color: var(--mainweb-color);
}
 ul#demo1 > li > a {
     border-bottom: 1px dashed #eee;
     padding: 8px 10px;
}
 ul#demo1 > li > ul {
     padding: 2px 20px;
}
 ul#demo1 > li > ul > li {
    /* text-align: justify;
     */
     margin: 4px 0;
     padding-left: 20px;
     position: relative;
     list-style:none;
}
 ul#demo1 > li > ul > li > ul {
     padding-left: 10px;
     padding-top: 5px;
}
 ul#demo1 > li > ul > li > ul > li {
     border-bottom: 1px dashed #eee;
     margin-bottom: 4px;
     padding-bottom: 4px;
}
 ul#demo1 > li > ul > li::before {
     content: "\f046";
     font-family: FontAwesome;
     position: absolute;
     top: 3px;
     left: 0px;
    /* width: 7px;
     */
    /* height: 7px;
     */
    /* border-radius: 50%;
     */
     color: var(--mainweb-color);
}
 ul#demo1 > li > a.active {
     color: var(--mainweb-color);
}
 #footer{
     color:#666;
     border-top:1px solid #dfe7ef 
}
 #footer h4{
     font-weight:600;
     text-transform:uppercase;
     font-size:14px;
     color:#000;
     padding:0;
     border:none;
     margin-bottom:17px 
}
 #footer ul{
     list-style:none;
     margin:0 0 30px;
     padding:0 
}
 #footer ul li{
     font-size:1.4rem;
     line-height:2 
}
 #footer ul a{
     color:#666;
     text-decoration:none;
     display:inline-block;
     width:100% 
}
 #footer ul a:hover,#footer ul a:active,#footer ul a:focus{
     color:var(--mainweb-color) 
}
 #footer_main{
     padding-top:40px 
}
 .footer-logo{
     display:block;
     text-decoration:none!important;
     margin-bottom:10px;
     max-width:200px 
}
 #footer_bottom{
     text-align:center;
     line-height:36px;
     background-color:#e7e7e7 
}
 .ip a{
     display:block;
     position:relative;
     padding:0;
     background:#fff;
     border:1px solid #dfe7ef;
     border-radius:6px;
     margin-bottom:8px 
}
 .ip img{
     max-width:100%;
     max-height:100%;
     border-radius:6px 
}
 img.bn-abg{
     position:absolute;
     top:0;
     left:0;
     right:0;
     bottom:0;
     margin:auto 
}
 .ip div{
     position:relative 
}
 .ip span:nth-child(2) {
     max-height: 36px;
     min-height: 36px;
     white-space: normal;
     display: block;
    /* margin: 10px 0 0;
     */
     line-height: 18px;
     overflow: hidden;
     text-overflow: ellipsis;
     padding: 0 10px;
    /* color: #012d41;
     */
     letter-spacing: .1px;
}
 .ip span:nth-child(3){
     padding:5px 10px;
     display:block;
     color:#e60000;
     font-size:16px;
     margin:5px 0 10px;
     font-weight:600;
     text-align:center 
}
 .ip:hover a,.ip:active a,.ip:focus a{
     border:1px solid var(--mainweb-color);
     box-shadow:4px 4px 3px 0 rgba(219,216,219,0.7) 
}
 .ip:hover span:nth-child(2),.ip:active span:nth-child(2),.ip:focus span:nth-child(2){
     color:var(--mainweb-color) 
}
 main{
     background:#ecf1f7 
}
 #main{
     padding-top:20px 
}
 #main_head{
     background-color:#fff 
}
 #product_filter{
     display:block;
     text-transform:capitalize;
     position:relative;
     background:#fafafa;
     padding:4px 8px;
     margin-bottom:20px;
     border-radius:6px;
     height:48px;
     border:1px solid #ddd 
}
 .box_filter{
     display:inline-block;
     vertical-align:top;
     line-height:26px;
     padding-right:10px;
     font-weight:600;
     font-size:13px;
     margin:7px 0 
}
 .box_filter select{
     height:26px;
     margin-left:10px;
     padding:0;
     border-color:#ccc!important;
     border-radius:0;
     line-height:25px;
     margin-top:-3px;
     font-size:13px;
     color:#333;
     font-weight:400;
     box-shadow:none!important;
     width:auto;
     display:inline-block 
}
 #box_count_product{
     display:inline-block;
     padding:10px 
}
 .box_pagination{
     text-align:center;
     background:#fff;
     text-align:center;
     padding:20px 10px 10px;
     margin-bottom:50px;
     box-shadow:0 1px 1px rgba(180,180,180,0.5) 
}
 .box_pagination .pagination{
     margin:10px 0 
}
 .box_pagination .pagination li a{
     color:#666;
     transition:all .2s ease-out 0;
     -webkit-transition:all .2s ease-out 0 
}
 .box_pagination .pagination li.active a,.box_pagination .pagination li:hover a{
     background-color:var(--mainweb-color);
     border-color:var(--mainweb-color);
     color:#fff 
}
 .btn-buy-now{
     background:#EB000E;
     color:#fff;
     border:2px #EB000E solid;
     width:200px;
     font-size:16px;
     line-height:34px;
     font-weight:600;
     margin-top:10px;
     margin-bottom:5px;
     display:block;
     border-radius:6px;
     height:38px;
     padding:0 
}
 .tab-wrap{
     display:block;
     background:#fff;
     margin-bottom:20px;
     border-radius:6px 
}
 .btn-danger.btn-buy-now:hover,.btn-danger.btn-buy-now:active,.btn-danger.btn-buy-now:focus{
     background:#ff3945;
     border-color:#ff3945;
     opacity:.8 
}
 .tab-wrap a{
     color:#333e48;
     font-size:15px;
     text-transform:uppercase;
     display:inline-block;
     padding:12px 25px;
     text-align:center;
     font-weight:600;
     width:auto 
}
 .tab-wrap a:hover,.tab-wrap a:active,.tab-wrap a:focus,.tab-wrap a.active{
     color:#002a46;
     background-color:#fff;
     border-bottom:2px solid var(--mainweb-color);
     border-top-left-radius:4px 
}
 .widget{
     background:#fff none repeat scroll 0 0;
     border:1px solid #e5e5e5;
     border-radius:6px;
     margin-bottom:20px;
     overflow:hidden 
}
 .widget-content{
     border-top:1px solid #e5e5e5;
     padding:20px 
}
 .widget-content ul{
     list-style:outside none none;
     margin:0;
     padding:0 
}
 .widget-title,.toggle-tab-title{
     background:#eb0000 none repeat scroll 0 0;
     cursor:pointer;
     padding:15px 20px;
     position:relative;
     font-weight:600;
     margin:0;
     font-size:14px;
     text-transform:uppercase;
     color:#fff 
}
 .widget-title.active::after{
     content:"\f0d7" 
}
 .widget-product-cat ul ul{
     margin:10px 0 0 20px 
}
 .widget-product-cat ul a{
     color:#333;
     display:block 
}
 .widget-product-cat ul a:hover,.widget-product-cat ul a:focus,.widget-product-cat ul a:active{
     color:var(--mainweb-color) 
}
 .widget-product-cat ul a.active{
     color:var(--mainweb-color) 
}
 .widget-product-cat ul li.has-sub-cat > a{
     position:relative;
     padding-right:20px 
}
 .widget-product-cat ul li.has-sub-cat > a::after{
     position:absolute;
     font-size:10px;
     font-family:fontawesome;
     content:"\f067";
     right:0;
     top:2px;
     width:16px;
     height:16px;
     text-align:center;
     line-height:16px;
     color:#fff;
     border-radius:4px 
}
 .widget-product-cat ul li.has-sub-cat.active > a::after{
     content:"\f068" 
}
 .widget-product-cat ul li{
     margin-bottom:10px 
}
 .widget-product-cat ul li:last-child{
     margin:0 
}
 .widget-product-cat li.has-sub-cat > ul{
     display:none 
}
 #widget_search_brand{
     margin-bottom:10px 
}
 .widget-product-brand ul{
     height:250px;
     overflow-y:scroll 
}
 .widget-product-brand ul li a{
     vertical-align:middle;
     line-height:1.6;
     display:block;
     cursor:pointer 
}
 .widget-product-brand ul li span{
     width:13px;
     height:13px;
     border:1px solid #b0b0b0;
     margin:4px 10px 0 0;
     background:#fff no-repeat center;
     background-size:auto auto;
     background-size:auto auto;
     background-size:95%;
     vertical-align:middle;
     float:left 
}
 .widget-product-brand ul li:hover span{
     border:1px solid var(--mainweb-color) 
}
 .widget-product-brand ul li.active span,.search-category.active::before{
     background-image:url(/img/check.png) 
}
 #product_main{
     padding-top:20px;
     background:#ecf1f7 
}
 #product_main .product-detail{
     margin-bottom:20px;
     padding:16px 
}
 #product_main .product-box{
     margin-bottom:30px 
}
 #product-short{
     padding-left:20px 
}
 #product-short .product-status{
     font-size:20px;
     margin-top:10px 
}
 #product-short .product-price{
     padding-top:10px;
     color:#eb0000;
     font-size:22px;
     line-height:1.6;
     font-weight:600;
     display:block 
}
 h2.product-title-highline{
     margin-bottom:10px;
     color:#df3737;
     font-weight:600;
     text-transform:uppercase;
     font-size:16px 
}
 #product-att{
     padding-top:10px;
     font-size:14px;
     border-top:1px solid #dfe7ef;
     word-wrap:break-word;
     text-align:justify 
}
 #product-att span{
     font-size:13px;
     color:#000;
     display:block;
     padding-bottom:5px;
     padding-top:10px;
     font-weight:600 
}
 #product-att ul{
     font-size:13px;
     line-height:23px;
     color:#1e1d1d 
}
 #product-info{
     padding:15px 
}
 #product-info h2,#product_viewed h2{
     font-size:1.5em;
     line-height:1.6;
     color:#333e48;
     margin-bottom:20px;
     font-weight:600 
}
 #product-info h3{
     font-size:1.4em;
     margin-bottom:10px 
}
 .product-info p{
     line-height:1.5 
}
 .category-description{
     padding:15px;
     border-radius:6px;
     border:1px solid #ddd;
     margin-bottom:50px;
     line-height:1.8;
     font-size:14px;
     color:#012d41;
     background:#fff 
}
 .category-description h2{
     margin-top:20px;
     margin-bottom:15px 
}
 .category-description h3{
     font-size:22px;
     margin-bottom:10px 
}
 #product-related{
     margin-bottom:20px 
}
 #product-related h3 {
     background: var(--mainweb-color);
     line-height: 40px;
     font-size: 15px;
     text-transform: uppercase;
     padding: 0 20px;
     font-weight: 600;
     border-bottom: 1px solid #ddd;
     color: #fff;
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
     margin-bottom: 10px;
}
 #gioithieu{
     font-size:14px;
     line-height:2;
     color:#012d41;
     text-align:justify;
     overflow-x:auto;
     word-wrap:break-word 
}
 #gioithieu table{
     width:100% 
}
 #gioithieu img,#gioithieu input{
     max-width:90%;
     margin:0 auto;
     display:block;
     width:auto!important;
     height:auto!important 
}
 #tag a{
     text-decoration:none;
     color:#006eab;
     background-color:#def;
     margin:0;
     padding:.125em .5em;
     border-radius:4px;
     display:inline-block;
     margin-bottom:.5em 
}
 #tag a:hover,#tag a:active{
     background-color:#09c;
     color:#fff 
}
 #thongsokythuat,#baogom{
     margin-top:50px;
     border-top:1px solid #e7e7e7;
     margin-bottom:30px;
     line-height:2 
}
 #thongsokythuat h2,#baogom h2,#product_viewed h2{
     margin-bottom:20px;
     margin-top:10px 
}
 #product_viewed h2{
     border-bottom:1px solid #e7e7e7 
}
 #product_viewed .product-viewed .ip{
     padding:5px 15px 
}
 #imageGallery li{
     background-image:url(/img/load.gif);
     background-repeat:no-repeat;
     background-position:center;
     min-height:250px 
}
 #product-short .product-head{
     margin-bottom:10px 
}
 #product-short .product-head h1{
     font-size:22px;
     text-transform:none;
     line-height:1.25;
     margin-bottom:5px;
     margin-right:10px;
     color:#333e48;
     font-weight:600 
}
 #product-short .product-head .brand{
     font-size:13px;
     color:#666;
     display:block;
     margin-bottom:20px;
     margin-top:10px 
}
 #product-short .product-head .brand a{
     color:#0470E7 
}
 #product-short .product-head .product-price-wrap{
     border:1px solid #ddd;
     padding:14px 18px;
     border-radius:6px;
     margin-bottom:15px 
}
 #filter_show{
     text-align:center;
     height:40px;
     background:#fff;
     line-height:40px;
     margin:0 5px 10px;
     border-radius:6px;
     font-weight:600;
     display:block;
     box-shadow:0 1px 1px rgba(180,180,180,0.5) 
}
 .show{
     display:block!important 
}
 #main-header{
     padding:20px 0 
}
 #hot-search{
     border:1px solid #E6E6E6;
     border-top-width:0!important;
     border-top-color:#fff!important;
     border-top-style:solid!important;
     border-bottom-right-radius:3px;
     border-bottom-left-radius:3px;
     padding:0 20px;
     background-color:#fff;
     color:#333;
     height:43px;
     overflow:hidden;
     line-height:43px 
}
 #hot-search a{
     font-size:13px;
     color:#555;
     padding-left:4px 
}
 #hot-search a:hover,#hot-search a:focus,#hot-search a:active{
     color:#b30000 
}
 .s-icon{
     position:relative;
     width:18px;
     margin:-2px auto 0;
     text-align:center;
     display:inline-block 
}
 .s-icon-circle{
     width:14px;
     height:14px;
     border:2px solid #fff;
     border-radius:50%;
     display:block 
}
 .s-icon-rectangle{
     position:absolute;
     right:0;
     bottom:-1px;
     width:8px;
     transform:rotate(45deg);
     border:1px solid #fff;
     border-top-right-radius:1px;
     border-bottom-right-radius:1px;
     display:block 
}
 .kk-star-wrap{
     display:block;
     width:100% 
}
 .kk-star-ratings{
     width:120px;
     min-height:24px;
     display:inline-block;
     margin-right:5px 
}
 .kk-star-ratings .kksr-stars{
     height:24px;
     position:relative 
}
 .kk-star-ratings .kksr-star{
     background-position:0 0 
}
 .kk-star-ratings .kksr-stars .kksr-fuel{
     height:24px;
     position:absolute;
     top:0;
     left:0;
     z-index:0 
}
 .kk-star-ratings .kksr-stars a{
     width:24px;
     float:left;
     position:relative;
     z-index:1;
     text-decoration:none;
     border:0 
}
 .kk-star-ratings .kksr-stars a:focus{
     text-decoration:none;
     border:0;
     outline:none 
}
 .kksr-legend{
     color:#757575;
     text-align:center;
     display:inline-block;
     vertical-align:top;
     line-height:24px 
}
 .kksr-legend .kksr-title{
     display:none 
}
 .kk-star-ratings .kksr-stars,.kk-star-ratings .kksr-stars .kksr-fuel,.kk-star-ratings .kksr-stars a{
     height:24px;
     background-color:transparent!important 
}
 .kk-star-ratings .kksr-star.gray{
     background-image:url(/img/s1.png) 
}
 .kk-star-ratings .kksr-star.orange{
     background-image:url(/img/s2.png) 
}
 .dropdown-menu{
     margin:0;
     width:480px 
}
 nav ul.menu .dropdown:hover > .dropdown-menu{
     display:block 
}
 .dropdown-menu li{
     display:inline-block;
     width:50% 
}
 .dropdown-menu>li:hover,.dropdown-menu>li:focus{
     background:#b30000 
}
 .form-control{
     -webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.075);
     box-shadow:inset 0 0 0 rgba(0,0,0,.075) 
}
 .o-col .dropdown-menu{
     width:auto 
}
 .o-col .dropdown-menu li{
     width:100% 
}
 .article-content{
     padding:0 20px;
     margin:20px 0 
}
 .carousel-inner{
     border-radius:6px 
}
 .carousel-control.left{
     background-image: none;
}
 .carousel-control.right{
     background-image: none;
}
 .carousel-inner .item img{
     margin: 0 auto 
}
 .mw-80{
     max-width:80% 
}
 #home_category a{
     margin-bottom:10px;
     display:block 
}
 .check-price{
     background-color:#fff;
     margin-top:20px;
     margin-bottom:20px;
     width:100% 
}
 .check-price h3{
     line-height:46px;
     font-size:15px;
     text-transform:uppercase;
     font-weight:600;
     border-bottom:2px solid var(--mainweb-color);
     background-color:var(--mainweb-color);
     color:#fff;
     padding:0 15px;
     border-top-left-radius:6px;
     border-top-right-radius:6px 
}
 .check-price li{
     border:1px solid #ddd;
     border-top:0 
}
 .check-price li a{
     display:block;
     padding:10px;
     line-height:2.875rem 
}
 .check-price li a:hover{
     background-color:#ffc 
}
 .check-price li button,.check-price li img{
     display:inline-block 
}
 .check-price .btn-danger{
     background:#ee4d2d;
     border:2px #ee4d2d solid;
     float:right;
     margin:7px 0 
}
 .check-price img{
     width:100px;
     height:50px 
}
 ul.chu-cai{
     display:inline-block;
     vertical-align:top;
     margin:0;
     padding:0;
     list-style:none 
}
 .chu-cai li{
     margin:0;
     padding:0;
     margin-top:20px;
     margin-right:7px;
     display:inline-block 
}
 .chu-cai li a{
     line-height:1.5em;
     text-decoration:none;
     color:#333e48;
     background-color:#fff;
     margin:0;
     padding:5px 10px;
     border-radius:4px;
     border:1px solid #e7e7e7 
}
 .chu-cai li a:hover{
     background-color:#f7f7f7 
}
 .i-list a{
     line-height:2 
}
 @media only screen and (max-width:991px) {
     #main-nav{
         width:100% 
    }
     #header-nav ul.menu > li > a{
         padding:9px 
    }
}
 @media only screen and (max-width: 767px) {
     .product-wrap {
         padding: 0px;
    }
     .dropdown-menu{
         display:block;
         width:100%;
         background:transparent;
         color:#fff!important;
         border-radius:0;
         box-shadow:none;
         border:0;
         position:inherit 
    }
     .dropdown-menu>li>a{
         color:#fff;
         padding:5px 20px 
    }
     .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
         background:transparent;
         color:#fff 
    }
     .dropdown-menu li{
         padding-left:20px;
         display:block;
         width:auto 
    }
     #header-nav ul.menu{
         overflow:inherit 
    }
     #header-nav ul.menu > li:hover,#header-nav ul.menu > li:focus,#header-nav ul.menu > li:active{
         background:transparent 
    }
     .tab-wrap a{
         width:50%;
         border-bottom:1px solid #ddd 
    }
     .tab-wrap a:last-child{
         border-bottom:0 
    }
     #main-header{
         padding:5px 0!important 
    }
     #header-top{
         padding-bottom:2px;
         text-align:center;
         background-color:#eb0000;
         height:50px 
    }
     #search-mobi{
         padding:10px 15px 
    }
     #search-mobi input{
         border:1px solid #eb0000;
         box-shadow:none 
    }
     .btn-search-top{
         background-color:#eb0000;
         color:#fff;
         border:1px solid #eb0000;
         height:34px 
    }
     #header-top a.logo{
         color:#fff!important;
         font-weight:600;
         font-size:20px;
         line-height:30px;
         height:40px;
         letter-spacing:-0;
         text-transform:capitalize;
         text-align:left 
    }
     #header-top a.logo img{
         height:36px;
         max-height:50px;
         border-radius:6px;
         margin-top:2px 
    }
     #header-nav{
         display:none 
    }
     #header-nav.bmenu{
         position:fixed;
         display:block;
         top:0;
         border:none;
         border-radius:0;
         height:100%;
         bottom:0;
         width:80%;
         z-index:9999;
         text-align:left;
         overflow:auto;
         background:#eb0000;
         padding-bottom:15px;
         border-right:0 
    }
     #header-nav.bmenu #op-navbar .navbar-nav{
         margin:0 
    }
     #header-nav.bmenu .navbar-nav >li{
         display:block 
    }
     #header-nav.bmenu .navbar-nav >li.primary-nav-tab{
         background-color:#53a318 
    }
     #header-nav.bmenu .navbar-nav > li > a{
         padding:0 5px 0 10px;
         line-height:40px;
         border-bottom:1px solid #3d6173;
         margin:0 10px 
    }
     #header-nav.bmenu .navbar-nav > li.first > a{
         line-height:50px 
    }
     #header-nav.bmenu .navbar-nav >li.primary-nav-tab > a{
         border-bottom:none;
         color:#fff 
    }
     #header-nav.bmenu .navbar-nav > li.primary-nav-tab.first a{
         padding:0 5px 0 10px 
    }
     #header-nav ul.menu > li{
         display:block 
    }
     #header-nav .container{
         border:none 
    }
     #header-nav ul.menu > li > a{
         width:100% 
    }
     #header-nav ul.menu > li.has-menu:after{
         display:none 
    }
     #header-nav .menu .sub-menu{
         position:inherit;
         display:block;
         border:none;
         padding-left:10px 
    }
     .post-cross-title h3::before,.post-cross-title h3::after,.post-cross-title h2::before,.post-cross-title h2::after{
         width:20px 
    }
     #product_main{
         padding-top:5px 
    }
     #product-related .ip{
         width:33.333333% 
    }
     #product-seller{
         margin-top:20px 
    }
     .check-price{
         display:none;
         margin:0;
         position:fixed;
         bottom:44px;
         left:0;
         z-index:999 
    }
     .wrap-btn-buy{
         background:#fff;
         position:fixed;
         bottom:0;
         z-index:999;
         width:100%;
         left:0;
         right:0;
         padding:0;
         -webkit-transform:translateZ(0);
         transform:translateZ(0);
         -webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.09);
         box-shadow:0 0 6px 0 rgba(0,0,0,0.09);
         border-top:1px solid rgba(0,0,0,0.09);
         height:45px 
    }
     .wrap-btn-buy .btn-buy-now{
         float:right;
         width:60%;
         border-radius:0;
         line-height:40px;
         height:45px;
         margin:0 
    }
     .check-price.active,.check-price.active .ssg-close{
         display:block!important 
    }
     .ssg{
         display:inline-block!important;
         line-height:44px;
         height:45px;
         font-size:15px;
         text-align:center;
         width:40%;
         color:#eb000e 
    }
     .ssg:hover,.ssg:active{
         background-color:#ffc 
    }
     .ssg svg{
         display:inline-block;
         height:15px;
         width:20px;
         color:currentColor;
         fill:currentColor;
         stroke:currentColor 
    }
     .ssg-close{
         float:right;
         font-size:2rem;
         cursor:pointer;
         padding:0 0 0 20px 
    }
     #footer ul li{
         font-size:1.6rem;
         line-height:3 
    }
     .kk-star-ratings {
         width: auto 
    }
     .kk-star-ratings .kksr-stars{
         transform: scale(2);
         margin: 10px 60px 
    }
     .kksr-legend {
         line-height: 48px;
    }
     #product-short{
         padding-left:0 
    }
}
.zipo-filter-container {
    background-color: #f0f2f5;
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}

.zipo-filter-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}
.zipo-filter-row:last-child {
    margin-bottom: 0;
}

.zipo-filter-label {
    font-weight: 500;
    color: #333;
    min-width: 90px;
}

.zipo-filter-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.zipo-filter-btn {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #dcdcdc;
    padding: 6px 14px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13.5px;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    position: relative;
    user-select: none;
}

.zipo-filter-btn:hover {
    border-color: #009688;
    color: #009688;
}

.zipo-filter-btn.zipo-active-sort {
    background-color: #009688;
    color: #ffffff;
    border-color: #009688;
    font-weight: bold;
}

.zipo-filter-btn.zipo-active-filter {
    border-color: #009688;
    color: #009688;
    font-weight: 500;
    padding-left: 22px;
}

.zipo-filter-btn.zipo-active-filter::before {
    content: "✓";
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    color: #009688;
    font-size: 12px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .zipo-filter-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    .zipo-filter-label {
        min-width: auto;
        margin-bottom: 2px;
    }
    .zipo-filter-btn {
        padding: 5px 10px;
        font-size: 12.5px;
    }
}