[class*=" col-"], [class^=col-] {
    padding-left: 10px;
    padding-right: 10px;
}
body{
    font-family: 'Roboto', sans-serif;
    background: #fafafa;
    font-size: 16px;
    color: #262626;
}

a, a:link, a:active, a:visited {
    color: #006847
}
*:hover{
    transition: .25s;
}
.breadcrumbs-wrap {
	position: relative;
	margin: 15px 0;
}
.breadcrumbs-wrap .display {
	overflow: hidden;
}
.breadcrumbs {
	display: inline-block;
}
.breadcrumbs li {
	float: left;
	margin: 0 .5em 0 1em;
	position: relative;
}
.breadcrumbs li:first-child{
	margin-left: 0
}
.breadcrumbs a, .show-subs-breadcrumbs {
	float: left;
	text-decoration: none;
	color: #444;
	position: relative;
}

.breadcrumbs li:after, .show-subs-breadcrumbs:after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: -1em;
}
.breadcrumbs li:last-child:after {
	content: "";
}

.subs-breadcrumbs {
	margin: 0;
	padding: 0;
	background-color: #fff linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 100%);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	position: absolute;
	left: 0;
	top: 40px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.1);
	border-top: none;
	box-shadow: 0 0.063em 0.25em rgba(7, 20, 34, 0.25);
	display: none;
	z-index: 999999;
}
.subs-breadcrumbs.open {
	display: block;
}
.subs-breadcrumbs li:last-child, .subs-breadcrumbs li:last-child a, .subs-breadcrumbs {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.subs-breadcrumbs li, .subs-breadcrumbs a {
	display: block;
	float: none;
}
.subs-breadcrumbs a {
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	padding: 0 10px;
}
.subs-breadcrumbs li:not(:last-child) a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.1);
}
.subs-breadcrumbs a:hover {
	background-color: rgba(0, 0, 0, 0.1)
}
.subs-breadcrumbs a em {
	display: inline-block;
	margin-right: 5px;
	color: #707070;
}
.show-subs-breadcrumbs {
	padding-right: 5px;
	margin-right: 7px;
	width: 30px;
	text-align: center;
}
.header-top{
    background: linear-gradient(90deg, #006847 50%, #333 50%);
    font-size: 13px;
    font-weight: 500;
}
.header-top a{
    color: #fff;
}
.container{
    padding-left: 10px;
    padding-right: 10px;
}
.row {
    margin-left: -10px;
    margin-right: -10px;
}
.header-top-left{
    background: #006847;
    height: 30px;
    line-height: 30px;
    color: #fff;
    align-items: center;
    z-index: 7;
    position: relative;
}
.header-top-mid{
    position: relative;
    background: #fff;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #767676;
    text-align: center;
    z-index: 6;
}
.header-top-right{
    background: #333;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: right;
    color: #767676;
    align-items: center;
    z-index: 7;
    position: relative;
}
.header-top-mid:before, .header-top-mid:after{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.header-top-mid:before{
    background: #006847;
    border-bottom-right-radius: 2.5px;
    transform: skewX(-30deg);
    transform-origin: top right;
    right: calc(100% - 20px);
}
.header-top-mid:after{
    border-bottom-left-radius: 2.5px;
    transform: skewX(30deg);
    transform-origin: top left;
    background: #333333;
    left: calc(100% - 20px);
}
.menu-header-top{
    padding: 0;
    margin: 0;
    float: right;
    margin-left: 10px;
}
.menu-header-top li{
    display: inline-block;
    margin-right: 10px;
}
.menu-header-top li a{
    color: #c3e5d4;
}
.menu-header-top li a:hover{
    color: #fff;
}

.block-place .select2-container--default .select2-selection--single{
    border: none;
    background: none;
    height: 30px !important;
    padding: 0;
    text-align: left;
    outline: none;
}
.block-place .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 0 10px;
    height: 30px;
    border-radius: 0;
    color: #fff;
    outline: none;
}
.block-place .select2-container--default .select2-selection--single .select2-selection__rendered:hover{
    background: rgba(255, 255, 255, .08);
}
.block-place .select2-container{
    margin-left: 10px;
    min-width: 120px
}
.select2-container *:focus {
    outline: none;
    box-shadow: none
}
.select2-dropdown{
    box-shadow: 0 1px 15px rgb(0 0 0 / 10%), 0 1px 3px rgb(0 0 0 / 10%);
}
.select2-results__option{
    padding: 10px 10px !important;
}
.block-place .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #fff transparent transparent transparent;
}
.block-place .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: transparent transparent #fff transparent;
}
.select2-container--open .select2-dropdown--below{
    border-radius: 0 !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background: #333 !important;
}
.logo{
    padding: 0 20px;
    display: block;
    text-align: center;
}
.logo img{
    width: auto;
    height: 65px;
    margin-top: -20px;
}
.header-mid-left{
    padding: 10px 0;
    float: left;
    position: relative;
    z-index: 9;
}
.menu-sub{
    display: block;
    font-weight: 500;
    padding: 0;
    margin: 0;
    font-size: 15px;
}
.menu-sub a{
    color: #000 !important;
}
.menu-sub>li:hover>a{
    background: #f0f0f0;
}
.menu-sub>li{
    position: relative;
}
.menu-sub li{
    display: inline-block;
}
.menu-sub>li>a{
    padding: 10px;
    display: inline-block;
}
.menu-sub li:hover>.sub-menu{
    visibility: visible;
    opacity: 1;
    transform: rotateX(0);
}
.menu-sub .sub-menu{
    color: #262626;
    background-color: #fff;
    box-shadow: 0 1px 15px rgb(0 0 0 / 10%), 0 1px 3px rgb(0 0 0 / 10%);
    list-style: none;
    margin: 0;
    padding: 0;
    width: 200px;
    font-size: 15px;
    position: absolute;
    z-index: 1;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transform-origin: top;
    transform: rotateX(45deg);
    transition: transform .2s,opacity .2s;
    left: 0
}
.menu-sub .sub-menu>li{
    position: relative;
    display: block;
}
.menu-sub .sub-menu a{
    display: block;
    padding: 10px;
}
.menu-sub .sub-menu li:hover>a{
    background: #f0f0f0;
}

.menu-sub .sub-menu .sub-menu{
    left: 100%;
    top: 0;
}
.menu-sub .svg{
    position: absolute;
    top: 18px;
    right: 9px;
}
.menu-sub .svg{
    fill: #bfbfbf;
}
.flex-center{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: flex;
}
.menu-sub .has-child{
    padding-right: 21px;
}
.main-menu{
    position: relative;

    margin: 5px 0 5px -10px;

}
.main-menu-button{
    padding: 5px 11px 5px 35px;
    position: relative;
    border-radius: 2px;
    font-size: 15px;
    font-weight: 500;
}
.main-menu-button:hover, .main-menu-open .main-menu-button{
    background: #006847;
    color: #ffffff;
}
.main-menu-button .svg{
    top: 8px;
    position: absolute;
    fill: currentColor;
    display: inline-block;
    transition: color .2s;
    left: 10px;
    transform: scaleX(1);
}
.main-menu-ul{
    padding: 0;
    width: 230px;
}
.main-menu-ul a{
    font-weight: 500;
    color: #000;
    display: block;
    padding: 10px 15px;
    position: relative;
    font-size: 15px;
}
.main-menu-button{
    background: none;
    border:none;
}
.main-menu-open .main-menu-body{
    transition-delay: 0s;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.main-menu-body{
    border-radius: 1.5px;
    pointer-events: auto;

    background-color: #fff;
    box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
    color: #262626;
    position: absolute;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    transform: translateY(-10px);
    transition: opacity .2s,transform .2s,visibility 0s .2s;
}
.main-menu-arrow{
    position: absolute;
    width: 31px;
    height: 21px;
    pointer-events: none;
    bottom: 100%;
    overflow: hidden;
}
.main-menu-body:before{
    position: absolute;
    display: inline-block;
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: 100%;
    left: 15px;
}
.main-menu>li{
    position: relative;
}
.main-menu .mega-menu{
    padding: 20px 0 10px 0;
    background-color: #fff;
    box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
    color: #262626;
    position: absolute;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: calc(100% + 20px);
    right: 0;
    transform: translateY(-10px);
    transition: opacity .2s,transform .2s,visibility 0s .2s;
    width: 970px;
    
    overflow: hidden;
}
.main-menu-ul>li:hover>a{
    background: #f2f2f2;
}
.main-menu-ul .svg{
    position: absolute;
    top: calc(50% - 6px);
    right: 10px;
    fill: #bfbfbf;
}

.main-menu-ul>li:hover>.mega-menu{
    transition-delay: 0s;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.main-menu-ul>li>a{
    position: relative;
}
.main-menu-ul .mega-menu>li{
    margin-bottom: 20px;
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    position: relative;
    z-index: 3;
}
.main-menu .image{
    position: absolute;
    bottom: -10px;
    right: -10px;
    transform-origin: bottom right;
}
.main-menu .mega-menu>li>a{
    padding: 0;
}

.main-menu-ul .mega-menu .sub-menu{
    padding: 0;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}
.mrg-lr-20{
    margin-left: -20px;
    margin-right: -20px;
}
.main-menu-ul .mega-menu a:hover{
    color: #007bff !important;
}
.main-menu-ul .mega-menu .sub-menu>li{
    padding: 0;
}
.main-menu-ul .mega-menu .sub-menu>li>a{
    color: #6c757d;
    padding: 10px 0 !important;
    font-weight: 400;
}
.main-menu-ul .mega-menu .sub-menu>li:last-child>a{
    padding-bottom: 0 !important;
}
.block-wishlist{
    position: relative;
    display: inline-block;
    color: #fff;
    padding: 11px;
    margin-right: 5px;
    cursor: pointer;
    width: 54px;
    height: 54px;
}
.block-wishlist:hover, .block-login:hover, .block-cart:hover{
    background: #f0f0f0;
}
.num-wishlist{
    position: absolute;
    top: 6px;
    right: 4px;
    font-size: 10px;
    line-height: 1;
    padding: 2px 3px 1px;
    border-radius: 6.5px;
    text-align: center;
    z-index: 0;
}
.num-wishlist:before{
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 2.5px;
    transform: skewX(-11deg);
    background: #006847;
}
.block-login{
   display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 5px 10px 5px 52px;
    margin-right: 5px;
}
.block-login .svg{
    position: absolute;
    top: 10px;
    left: 10px;
}
.block-login .title-1{
    color: #767676;
    font-size: 13px;
}
.block-login .title-2{
    font-weight: 500;
    font-size: 18px;
    color: #000 !important;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.block-cart{
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 5px 10px 5px 52px;
}

.block-cart .num-cart{
    position: absolute;
    top: 6px;
    left: 36px;
    font-size: 10px;
    line-height: 1;
    padding: 2px 3px 1px;
    border-radius: 6.5px;
    text-align: center;
    color: #fff;
    z-index: 0;
}
.block-cart .svg{
    position: absolute;
    top: 10px;
    left: 10px;
}
.num-cart:before{
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 2.5px;
    transform: skewX(-11deg);
    background: #006847;
}
.block-cart .title-1{
    color: #767676;
    font-size: 13px;
}
.block-cart .title-2{
    font-weight: 500;
    font-size: 18px;
    color: #000 !important;
}
.header-mid-right{
    text-align: right     ;
}
.header-mid-right .block-login{
    width: 140px;
}
.header-mid{
    padding: 15px 0;
    box-shadow: 0 1px 3px rgb(0 0 0 / 9%);
    position: relative;
    z-index: 5;
    background: #fff;
}
.block-search input{
    width: 0;
    flex-shrink: 1;
    flex-grow: 1;
    background: transparent;
    border: none;
    padding: 0 12px;
    text-align: center;
    font-size: 15px;
    margin: 6px 0;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: auto;
    height: auto;
    color: #262626;
}
.block-search input:focus, .block-search:active{
    outline: none;
    box-shadow: none;
}
.border-search-top{
    position: absolute;
    bottom: 100%;
    height: 10px;
    width: calc(100% - 20px);
    overflow: hidden;
    left: 10px;
}
.border-search-top:before{
    display: block;
    content: "";
    width: 100%;
    height: 60px;
    position: relative;
    top: 100%;
    box-shadow: 0 -1px 4px rgb(0 0 0 / 12%), 0 -1px rgb(0 0 0 / 2%);
    border-radius: 120px/10px;
}
.block-search{
    position: absolute;
    z-index: 6;
    height: 44px;
    display: flex;
    width: 100%;
    align-self: flex-end;
    justify-self: center;
    bottom: -41px;
    left: 0;
    right: 0;

}
.block-search-lr{
    position: absolute;
    display: flex;
    bottom: -8px;
    height: 34px;
    width: calc(100% + 20px);
    z-index: -1;
    left: -10px;
}
.block-search-left{
    overflow: hidden;
    height: 100%;
    flex-grow: 1;
    padding: 0 10px;
}
.block-search-right{
    overflow: hidden;
    height: 100%;
    flex-grow: 1;
    padding: 0 10px;
}
.block-search-left:before, .block-search-right:before{
    background: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 9%);
}

.block-search-left:before{
    content: "";
    display: block;
    height: 25px;
    border-bottom-left-radius: 2px;
    margin-right: -20px;
    transform: skewX(30deg);
    transform-origin: left top;
    
}
.block-search-right:before{
    content: "";
    display: block;
    height: 25px;
    border-bottom-right-radius: 2px;
    margin-left: -20px;
    transform: skewX(-30deg);
    transform-origin: right top;
    
}
.btn-search{
    margin: 5px 7px;
    width: 72px;
    padding: 0;
    border: none;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    fill: currentColor;
    z-index: 1;

    position: relative;

    color: #b3b3b3;
}
.btn-search:before{
    position: absolute;
    display: block;
    content: "";
    width: 3px;
    top: 0;
    bottom: 0;
    background: #ebebeb;
    z-index: -1;
    border-radius: 1.5px;
    left: -8px;
    transform: skewX(-30deg);
}
.btn-search:hover:after, .btn-search:active:after{
    position: absolute;
    display: block;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    z-index: -1;
    border-radius: 3px;
    transition: background .12s;
    left: 0;
    transform: skewX(-30deg);
    background: #e5e5e5;
}
.btn-option{
    margin: 5px 7px;
    width: 72px;
    padding: 0;
    border: none;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    fill: currentColor;
    z-index: 1;
    cursor: pointer;
    position: relative;
    color: #b3b3b3;
    order: -1;
}
.btn-option:before{
    position: absolute;
    display: block;
    content: "";
    width: 3px;
    top: 0;
    bottom: 0;
    background: #ebebeb;
    z-index: -1;
    border-radius: 1.5px;
    left: auto;
    right: -8px;
    transform: skewX(30deg);
    background: #eeeeee;
}

.btn-option:hover:after, .btn-option:active:after{
    position: absolute;
    display: block;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    z-index: -1;
    border-radius: 3px;
    transition: background .12s;
    left: 0;
    transform: skewX(30deg);
    background: #e5e5e5;
}
.bg-search{
    position: absolute;
    top: calc((100% - 34px) / 2);
    height: 34px;
    transition: color .2s,opacity .2s;
    opacity: 0;
    color: #f0f0f0;
    left: 92px;
    right: 92px;
}
.bg-search:before, .bg-search:after{
    position: absolute;
    content: "";
    display: block;
    background: currentColor;
    height: 100%;
    width: 80%;
    top: 0;
    border-radius: 3px;
    
}
.bg-search:before{
    left: 0;
    transform: skewX(30deg);
}
.bg-search:after{
    right: 0;
    transform: skewX(-30deg);
}
.block-search input:hover~ .bg-search, .block-search input:focus~ .bg-search{
    opacity: 1;
}
.header-bottom{
    position: absolute;
    z-index: 2;
    bottom: -25px;
    width: 100%;
}
.slider-search-box{
    position: relative;
    height: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #333;
    justify-content: center;
}

.slider-search-image{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: 50%;
    z-index: 1;
    background: url(../images/finder-1.jpg) no-repeat;

}
.slider-search-body{
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 2;
}
.slider-search-body-text{
    margin-bottom: 64px;
}
.slider-search-title-1{
    font-size: 52px;
    font-weight: 500;
    text-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    margin: 0;
}
.slider-search-title-2{
    margin-top: 4px;
    font-size: 22px;
    text-shadow: 0 1px 3px rgb(0 0 0 / 20%);
}
.relative{
    position: relative;
}

.form-filter{
    background: #fff;
    border-radius: 2px;
    display: flex;
    align-self: stretch;
}
.filter-item-box{
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
}
.filter-item:before{
    content: attr(data-label);
    display: block;
    color: #6c757d;
    top: 10px;
    position: absolute;
    pointer-events: none;
    font-size: 14px;
    transition: opacity .25s ease-in-out,color .25s ease-in-out;
    line-height: 20px;
    left: 24px;

}
.filter-item{
    flex-grow: 1;
    min-width: 0;
    position: relative;
}

.filter-item .select2-selection--single, .filter-item select {
    margin: 0;
    height: auto !important;
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 11px 7px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath fill='rgba(108, 117, 125, 0.5)' d='M.3.3c-.4.4-.4.9 0 1.3L5.5 7l5.2-5.4c.4-.4.3-.9 0-1.3-.4-.4-1-.4-1.3 0l-3.9 4-3.9-4C1.2-.1.6-.1.3.3z'/%3E%3C/svg%3E");
    transition: background-color .1s ease-in-out,opacity .25s ease-in-out,color .25s ease-in-out;
    background-position: right 10px center;
    text-align: left;
    display: flex;
    align-items: center;
    border: none;
    
}
.filter-item  .select2-selection--single .select2-selection__rendered, .filter-item  select {
    color: #262626;
    line-height: 20px;
    font-size: 17px;
    font-weight: 500;
    padding: 42px 51px 18px 24px !important;
    transition: inherit;

}
select+.select2-container:not(.select2-container--open):not(.select2-container--disabled):hover .select2-selection--single {
    border-color: #d9d9d9;
}

.filter-item .select2-selection__arrow{
    display: none;
}

.btn-filter{
    border-radius: 2px;
    border: none;
    padding: 0 40px;
    font-size: 17px;
    transition: background .2s,color .2s;
    background-color:#006847;
    color: #fff;
    min-width: 15%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-filter:active, .btn-filter:hover{
    background-color: #4c4c4c;
    color: #fff;
    transition-duration: .1s,.1s;
}

.filter-item .select2-container {
    width: 100% !important;
    height: 100%;
}

.cam-ket{
    padding: 24px 0;
    display: flex;
}
.cam-ket img{
    margin-right: 22px;
}

.cam-ket .title{
    font-size: 16px;
    font-weight: 500;
}

.cam-ket .des{
    font-size: 14px;
    color: #6c757d;
}
.cam-ket-box{
    border-bottom: 2px solid #ebebeb;
}

.footer{
    background: #333333;
    padding: 56px 0 50px;
    color: #9e9e9e;
}
.footer a{
    color: #fff;
}
.heading-block-footer{
    font-size: 20px;
    color: #fff;
    margin-bottom: 22px;
    line-height: 1.2;
    font-weight: 500;
}

.menu-footer{
    padding: 0;
    
}
.menu-footer li{
    margin: 0;
    position: relative;
    padding: 5px 0;
    padding-left: 15px;
    font-size: 15px;
    line-height: 20px;
}
.menu-footer li:before{
    position: absolute;
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background: hsla(0,0%,100%,.2);
    top: 13px;
    left: 2px;
}

.menu-footer a{
    transition: .15s;
    color: #9e9e9e;
}
.menu-footer a:hover{
    color: #fff;
}
.form-get-email{
    display: flex;
    flex-wrap: wrap;
}
.input-get-email{
    flex-shrink: 1;
    border-radius: 2px;
    font-size: 15px;
    height: 38px;
    padding: 0 12px;
    flex-basis: 0;
    min-width: 0;
    flex-grow: 1;
    font-family: inherit;
    border-color: transparent;
    background-clip: padding-box;
    transition: border .2s,background .2s;
    color: #fff;
    background-color: #4c4c4c;
    border: 2px solid #4c4c4c;
}

.btn-get-email{
    flex-shrink: 0;
    border-radius: 2px;
    border: none;
    padding: 0 20px;
    font-family: inherit;
    font-size: 15px;
    transition: background .2s,color .2s;
    margin-left: 8px;
    background-color: #006847;
    color: #fff;
}

.get-email-text{
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 14px;
    width: 100%;
    order: -2;
}

.copyright-box{
    background: #2b2b2b;
    padding: 20px 0;
    color: #9e9e9e;
}
.copyright-box a{
    color: #fff;
}

.cntt{
    text-align: right;
}
.block-box{
    margin-bottom: 60px;
    position: relative;
}
.heading-block-1, .heading-block-2{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 2px solid #ebebeb;
}
.product-grid-box-1{
    overflow: hidden;
}
.product-grid{
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 9%);
    position: relative;
    margin-bottom: 20px;
}

.product-grid .action-list{
    position: absolute;
    overflow: hidden;
    z-index: 1;
    right: 0;
    top: 0;
}
.product-grid .quick-view, .product-grid .wishlist, .product-grid .compare{
    fill: #ccc;
}
.product-grid .quick-view:hover svg, .product-grid .wishlist:hover svg, .product-grid .compare:hover svg{
    fill: #444;
}
.product-grid .quick-view{
    position: relative;
    display: block;
    padding: 8px;
    margin: 0;
    border: none;
    transition: color .08s,background .08s;
    background-color: #fff;
    color: #ccc;
}

.product-grid .wishlist{
    position: relative;
    display: block;
    padding: 8px;
    margin: 0;
    border: none;
    transition: transform .2s,opacity .2s,color .12s,background .12s;
    opacity: 0;
    will-change: transform;
    transform: translateX(100%) translateX(6px);
    background-color: #fff;
    color: #ccc;
}
.product-grid:hover .wishlist{
    transition: transform .2s,opacity .2s,color .12s,background .12s;
    will-change: transform;
    transform: none;
    opacity: 1;
}
.product-grid .compare{
    position: relative;
    display: block;
    padding: 8px;
    margin: 0;
    border: none;
    transition: transform .2s,opacity .2s,color .12s,background .12s;
    opacity: 0;
    will-change: transform;
    transform: translateX(100%) translateX(6px);
    background-color: #fff;
    color: #ccc;
}
.product-grid:hover .compare{
    transition: transform .2s,opacity .2s,color .12s,background .12s;
    will-change: transform;
    transform: none;
    opacity: 1;
}
.product-grid .image{
    display: block;
    width: 100%;
    max-width: 100%;
    height: 210px;
}

.product-grid .sku{
    height: 12px;
    font-size: 12px;
    line-height: 1;
    color: #999;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product-grid .label-sale{
    position: absolute;
    top: 16px;
    z-index: 1;

    left: 16px;
    color: #fff;
    display: inline-block;

    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    z-index: 0;
    height: 18px;
    padding: 4px 14px 0;
}

.product-grid .label-sale:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 2.5px;
    transform-origin: center;
    left: 3.5px;
    right: 3.5px;
    transform: skewX(-20deg);
    background: #f33;
}

.product-grid h3{
    margin: 6px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.product-grid h3 a{
    color: #000;
}
.product-grid .info-pro{
    padding: 16px;
}
.ratting{
    margin: 5px 0;
    display: flex;
    flex-wrap: wrap;
    color: #999;
}

.ratting-value{
    width: 77px;
    height: 14px;
    overflow: hidden;
    box-sizing: content-box;
    position: relative;
    margin-right: 20px;
}
.ratting-text{

    font-size: 12px;
}
.product-grid .discounts_money{
    font-size: 14px;
    color: #999;
    margin-left: 20px;
}
.ratting-value:before, .ratting-value span{
    display: block;
    height: inherit;
    background-size: 16px 15px,16px 15px;
}
.ratting-value:before {
    content: "";
    position: absolute;
    width: inherit;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15' fill='rgba(0, 0, 0, 0.08)'%3E%3Cpath d='M6.5 1.5l1.6 3 .3.5h3l-2 1.6-.5.4.1.6.7 3L7 9.1l-.5-.2-.5.2-2.8 1.5.7-3 .2-.6-.5-.4-2-1.6h3l.3-.5 1.6-3m0-1.5c-.2 0-.4.1-.5.3L4 4H.5c-.5.1-.7.8-.3 1.1L3 7.4l-1 4c-.1.3.2.6.5.6.1 0 .2 0 .3-.1L6.5 10l3.7 1.9c.1 0 .2.1.3.1.3 0 .6-.3.5-.6l-1-4 2.8-2.3c.3-.3.1-1-.3-1.1H9L7 .3C6.9.1 6.7 0 6.5 0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15' fill='%23d0d5d9'%3E%3Cpath d='M7 .3L9 4h3.5c.4.1.6.8.3 1.1L10 7.4l1 4c.1.4-.4.8-.8.6l-3.7-2-3.7 1.9c-.4.2-.9-.1-.8-.6l1-4L.2 5.1C-.2 4.8 0 4.1.5 4H4L6 .3c.2-.4.8-.4 1 0z'/%3E%3C/svg%3E")
}

.ratting-value span {
    position: relative;
    color: transparent;
    background-color: #fff;
    text-indent: 1000px;
    white-space: nowrap;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15' fill='rgba(0, 0, 0, 0.08)'%3E%3Cpath d='M6.5 1.5l1.6 3 .3.5h3l-2 1.6-.5.4.1.6.7 3L7 9.1l-.5-.2-.5.2-2.8 1.5.7-3 .2-.6-.5-.4-2-1.6h3l.3-.5 1.6-3m0-1.5c-.2 0-.4.1-.5.3L4 4H.5c-.5.1-.7.8-.3 1.1L3 7.4l-1 4c-.1.3.2.6.5.6.1 0 .2 0 .3-.1L6.5 10l3.7 1.9c.1 0 .2.1.3.1.3 0 .6-.3.5-.6l-1-4 2.8-2.3c.3-.3.1-1-.3-1.1H9L7 .3C6.9.1 6.7 0 6.5 0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15' fill='%23ffd333'%3E%3Cpath d='M7 .3L9 4h3.5c.4.1.6.8.3 1.1L10 7.4l1 4c.1.4-.4.8-.8.6l-3.7-2-3.7 1.9c-.4.2-.9-.1-.8-.6l1-4L.2 5.1C-.2 4.8 0 4.1.5 4H4L6 .3c.2-.4.8-.4 1 0z'/%3E%3C/svg%3E")
}
.product-grid .product-ac{
    align-items: center;
    display: flex;
    order: 2;
}
.product-grid .price{
    flex-grow: 1;
    font-size: 18px;
    color: #262626;
    font-weight: 500;
}
.product-grid .btn-mua-ngay{
    position: relative;
    border: none;
    padding: 8px;
    border-radius: 2px;
    background: transparent;
    color: #ce2020;
    z-index: 0;
    transition: color .2s;
    width: 36px;
    height: 36px;
}
.product-grid .btn-mua-ngay:before{
    top: -2px;
    left: -2px;
    display: block;
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: transparent;
    z-index: -1;
    border-radius: 50%;
    transform: scale(0);
    transition: transform .2s,background .2s;
}
.product-grid .btn-mua-ngay .icon-cart{
    fill: #ccc;
}

.product-grid:hover .btn-mua-ngay:before{
    background: #006847;
    transform: scale(1);
}
.product-grid .btn-mua-ngay:hover:before{
    background: #4d4d4d;
    transform: scale(1);
}
.product-grid .btn-mua-ngay:hover svg, .product-grid:hover .btn-mua-ngay svg{
    fill:#fff
}
.product-pill{
    position: absolute;
    top: 0;
    right: 76px;
}

.product-pill>li>a{
    background: none !important;
    border:none;
    color: #6c757d !important;
    font-size: 14px;
    height: 23px;
    border: none;
    padding: 0 18.37131px;
    line-height: 23px;
    display: block;
    position: relative;
    z-index: 0;
    pointer-events: none;
    transition: color .1s;
    background: transparent;
}

.product-pill>li>a:after{
    position: absolute;
    display: block;
    content: "";
    width: calc(100% - 8.37131px);
    height: 100%;
    top: 0;
    background: transparent;
    z-index: -1;
    pointer-events: auto;
    transition: background .1s;
    left: 0;
    transform: skewX(-20deg);
    transform-origin: left bottom;
    border-top-left-radius: 2px;
    border-top-right-radius: 2.5px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2px;
}

.product-pill>li>a:hover:after, .product-pill>li.active>a:after{
    background: #e0e0e0;
    color: #6c757d !important;
}
.product-pill>li.active>a{
    color: #fff !important;
}
.product-pill>li.active>a:after{
    background: #333;
    color: #fff !important;
}
.product-pill>li+li {
    margin-left: 0;
}

.tab-content > .tab-pane{
    display: block;
    height: 0;
}

.tab-content > .active{
    height: auto;
}
.product-grid-box-1 .owl-nav{
    display: flex;
    position: absolute;
    top: -55px;
    right: 0;
}
.product-grid-box-1 .owl-prev, .product-grid-box-1 .owl-next{
    display: flex;
    position: relative;
    z-index: 0;
    align-items: center;
    border: none;
    background: transparent;
    pointer-events: none;
    transition: color .15s;
    color: #fff;
    height: 23px;
    padding: 0 14.37131px;
}
.product-grid-box-1 .owl-next:before, .product-grid-box-1 .owl-prev:before{
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    transform-origin: center center;
    z-index: -1;
    border-radius: 2px;
    pointer-events: auto;
    transition: background .15s;  
    width: calc(100% - 8.37131px);
    left: 4.18566px;
    transform: skewX(-20deg);
    background:#006847
}
.product-grid-box-1 .owl-next:active:before, .product-grid-box-1 .owl-prev:active:before, .product-grid-box-1 .owl-next:hover:before, .product-grid-box-1 .owl-prev:hover:before{
    background: #474747;
}
.product-grid-box-1 .owl-next{
    margin-left: -5.37131px;
}
.product-grid-box-1 .owl-next svg, .product-grid-box-1 .owl-prev svg{
    fill: #fff;
}
.product-grid-box-1 .owl-next:after, .product-grid-box-1 .owl-prev:after {
    position: absolute;
    display: block;
    content: "";
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    transition: background .2s;
    opacity: .01;
    left: -2px;
}

.discount-timer{
    display: flex;
    justify-content: center;
}

.discount-timer-item{
    border-radius: 2px;
    width: 50px;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    background: #ffdf40;
    color: #262626;
}

.discount-timer-item-value{
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
}
.discount-timer-item-text{
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 4px;
    color: #99752e;
}

.discount-timer-dots{
    width: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.discount-timer-dots:before{
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background: rgba(0,0,0,.15);
    border-radius: 2px;
    margin: 4px 0;
}
.discount-timer-dots:after{
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background: rgba(0,0,0,.15);
    border-radius: 2px;
    margin: 4px 0;
}
.product-sale-box{
    display: flex;
}
.block-sale-header{
    text-align: center;
    position: relative;
    padding: 14px 32px 0;
    margin: 0 auto -28px;
    z-index: 1;
    display: inline-block;
}
.block-sale-title{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}
.block-sale-title-sub{
    color: #6c757d;
    margin-bottom: 24px;
}
.block-sale-body{
    padding-top: 96px;
    padding-bottom: 92px;
    position: relative;
    background-size: cover;
    background-position: 50%;

    background: url(../images/sale.jpg);
}
.block-sale-body:before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(38,38,38,.8);
    position: absolute;
    top: 0;
}
.block-sale-header .view-all{
    padding: 18px 0;
    display: inline-block;
    color: #6c757d;
    transition: color .12s;
}
.block-sale-header .view-all:hover{
    color: #262626;
}
.vat-sale{
    position: absolute;
    top: -85px;
    left: 0;
    width: 380px;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vat-sale .vat-in{
    height: 38px;
    margin: 0 -10px -10px;
    overflow: hidden;
    position: relative;
}

.vat-in-l, .vat-in-r{
    position: absolute;
    transform-origin: right top;
    background: #fafafa;
    box-shadow: none;
    height: 28px;
    width: calc(50% - 26.1658px);

}
.vat-in-l{
    left: 10px;
    transform: skewX(30deg);
    border-bottom-left-radius: 2px;
}
.vat-in-r{
    right: 10px;
    transform: skewX(-30deg);
    border-bottom-right-radius: 2px;
}
.vat-in-m{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #fafafa;
    height: 28px;
    width: 34.3316px;
}

.owl-sale .btn-owl{
    display: flex;
    position: relative;
    z-index: 0;
    align-items: center;
    border: none;
    background: transparent;
    pointer-events: none;
    transition: color .15s;
    color: #fff;
    height: 31px;
    padding: 0 24.89785px;
}

.owl-sale .btn-owl:before{
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    transform-origin: center center;
    z-index: -1;
    border-radius: 2px;
    pointer-events: auto;
    transition: background .15s;
    width: calc(100% - 17.89785px);
    left: 8.94893px;
    transform: skewX(30deg);
    background: #006847
}
.owl-sale .owl-next .btn-owl:before{
    transform: skewX(-30deg);
}
.owl-sale .btn-owl:hover:before, .owl-sale .btn-owl:active:before{
    background: #333
}
.owl-sale .btn-owl svg{
    fill: #fff;
}
.owl-sale .btn-owl:after {
    position: absolute;
    display: block;
    content: "";
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    transition: background .2s;
    opacity: .01;
    left: -2px;
}
.owl-sale .btn-owl:active:hover{
    background: hsla(0,0%,100%,.01);
    transition-duration: 0s;
}
.owl-sale .btn-owl:active:hover{
    background: rgba(0,0,0,.01);
}
.owl-sale .owl-nav{
    position: absolute;
    top: -75px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 380px;
}
.owl-sale .owl-prev{
    position: absolute;
    bottom: 0;
   left: -49.7957px;
}

.owl-sale .owl-next{
    position: absolute;
    bottom: 0;
    right: -49.7957px;
}
.block-product-category{
    flex-grow: 1;
    z-index: 0;
    overflow: hidden;
    border-radius: 2.5px;
    padding: 32px 20px 40px;
    position: relative;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
}
.aizo{
    display: flex;
    overflow: hidden;
}
.block-product-category .image{
    display: block;
    top: 0;
    position: absolute;
    z-index: -2;
    left: 0;
    overflow: hidden;
    right: 0;
    transition: transform .3s ease-out,opacity .3s ease-out;
}
.block-product-category .image:before{
    position: absolute;
    display: block;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(26,26,26,.6);
    background-image: linear-gradient(0deg,rgba(26,26,26,.4) 20%,rgba(26,26,26,0) 80%);
    z-index: 2;
    transition: background-color .2s;
}
.block-product-category .head-menu{
    font-size: 24px;
    margin-bottom: 20px;
    display: block;
}

.block-product-category .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease-out,opacity .3s ease-out;
}
.block-product-category:hover .image img{
    transform: scale(1.03);

    filter: blur(3px);
}
.block-product-category .menu-parent{
    font-size: 24px;
    margin-bottom: 20px;
}
.block-product-category ul{
    padding: 0;
    text-align: center;
    flex-grow: 1;
}
.block-product-category li{
    margin: 0;
    padding: 5px 0 6px;
}
.block-product-category a{
    color: #fff;
    transition: color .12s;
}
.block-product-category a:hover{
    color: #ffdf40;
    transition: color .12s;
}
.block-product-category-box{
    display: flex;
    margin-bottom: 60px;
}
.block-product-category-body{
    display: flex;
    flex-direction: column;
}

.owl-carousel .product-grid{
    margin-bottom: 0;
}

.bck-view-all{
    background: #006847;
    color: #fff;
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    border: none;
    border-radius: 2px;
    z-index: 2;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    padding: 6.5px 12px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.bck-view-all:hover, .bck-view-all:active, .bck-view-all:focus{
    background: #434343;
    color: #fff !important;
}
.owl-stage-outer{
    padding-bottom: 2px;
}

.product-sale-pill{
    position: relative;
    margin-bottom: 24px;

}
.product-sale-pill:before{
    content: '';
    background: #ebebeb;
    height: 2px;
    width: 100%;
    position: absolute;
    
    bottom: 0;
    left: 0;
}
.product-sale-pill>li>a{
    padding: 7px 16px 6px;
    margin: 0;
    border: none;
    background: transparent;
    font-family: inherit;
    color: inherit;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 500;
    border-bottom: 2px solid #ebebeb;
    transition: background .12s,border-color .12s;
    border-radius: 3px 3px 0 0;
    background: none;
    color: #262626;
}
.product-sale-pill>li:hover>a,.product-sale-pill>li:active>a, .product-sale-pill>li.active>a:focus{
    background: #f2f2f2;
    border-color: #e0e0e0;
    color: #262626;
}
.product-sale-pill>li.active:hover>a{
    background: none;
    color: #262626;
}
.product-sale-pill>li.active>a, .product-sale-pill>li.active>a:focus, .product-sale-pill>li.active>a:hover{
    border-color: #006847;
    background: none;
    color: #262626;
}
.block-product-category-body .owl-nav{
    display: flex;
    position: absolute;
    top: -55px;
    right: 0;
}
.block-product-category-body .owl-prev, .block-product-category-body .owl-next{
    display: flex;
    position: relative;
    z-index: 0;
    align-items: center;
    border: none;
    background: transparent;
    pointer-events: none;
    transition: color .15s;
    color: #fff;
    height: 23px;
    padding: 0 14.37131px;
}
.block-product-category-body .owl-next:before, .block-product-category-body .owl-prev:before{
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    transform-origin: center center;
    z-index: -1;
    border-radius: 2px;
    pointer-events: auto;
    transition: background .15s;  
    width: calc(100% - 8.37131px);
    left: 4.18566px;
    transform: skewX(-20deg);
    background:#006847
}
.block-product-category-body .owl-next:active:before, .block-product-category-body .owl-prev:active:before, .block-product-category-body .owl-next:hover:before, .block-product-category-body .owl-prev:hover:before{
    background: #474747;
}
.block-product-category-body .owl-next{
    margin-left: -5.37131px;
}
.block-product-category-body .owl-next svg, .block-product-category-body .owl-prev svg{
    fill: #fff;
}
.block-product-category-body .owl-next:after, .block-product-category-body .owl-prev:after {
    position: absolute;
    display: block;
    content: "";
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    transition: background .2s;
    opacity: .01;
    left: -2px;
}
.nav-pills>li+li{
    margin-left: 0;
}
.section-60{
	padding: 60px 0 0 0;
}


.banner-two-column{
    border-radius: 4px;
    display: block;
    position: relative;
    overflow: hidden;
    height: 210px;
    padding: 30px;
    margin-bottom: 60px;
}

.banner-two-column:before{
    border-radius: 3px;
    z-index:1;
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(90deg,rgba(26,26,26,.98) 25%,rgba(26,26,26,0) 90%);
}
.banner-two-column .image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

.banner-two-column .bnn-text{
    position: relative;
    z-index: 3;
    display: block;
    margin-top: 12px;
    font-size: 15px;
    color: #fff;
    top: 0;
}
.bnn-title-text{
    display: block;
    position: relative;
    z-index: 3;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #ffdf40;
    margin-bottom: 12px;
}

.banner-two-column .bck-view-all{
    margin-top: 30px;
}


.product-list{
    position: relative;
    display: flex;
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 9%);
    margin-bottom: 20px;
}
.owl-carousel .product-list{
    margin-bottom: 0;
}
.product-list .action-list{
    position: absolute;
    right: 0;
}

.product-list .quick-view{
    position: relative;
    display: block;
    padding: 8px;
    margin: 0;
    border: none;
    transition: color .08s,background .08s;
    background-color: #fff;
    color: #ccc;
    
}
.product-list .quick-view svg{
    fill: #ccc;
}
.product-list .quick-view:hover svg{
    fill: #444;
}
.product-list .image{
    padding: 10px;
    width: 112px !important;
    height: 112px;
    flex-shrink: 0;
    display: block;
}

.product-list .info-pro{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.product-list h3{
    font-size: 15px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    padding-right: 26px;
    font-weight: 400;

    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.product-list h3 a{
    color: #000;
}

.product-list .price{
    font-size: 16px;
    color: #262626;
    font-weight: 500;
}

.product-list .discounts_money{
    font-size: 14px;
    color: #999;
    margin-left: 20px;
}

.product-list .label-sale {
    position: absolute;
    top: 10px;
    z-index: 1;
    left: 10px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    z-index: 0;
    height: 18px;
    padding: 4px 14px 0;
}

.product-list .label-sale:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 2.5px;
    transform-origin: center;
    left: 3.5px;
    right: 3.5px;
    transform: skewX(-20deg);
    background: #f33;
}

.list-sub-cat{
    position: absolute;
    top: 0;
    right: 76px;
    padding: 0;
}
.list-sub-cat>li{
    display: inline-block;
    margin-left: 20px;
}
.list-sub-cat>li>a{
    color: #6c757d;
}
.list-sub-cat>li>a:hover{
    color: #262626;
}
.news-grid{
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 9%);
}
.news-grid .image-box{
    position: relative;
    height: 220px;
    overflow: hidden;
}

.news-grid .image-box .image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}
.news-grid .image img{
   display: none;
}

.news-grid .category{
    position: absolute;
    bottom: calc(100% - 1px);
    z-index: 0;
    left: 0;
    font-weight: 500;
    font-size: 14px;
    color: #006847;
    height: 22px;
    padding: 8px 20px 0;
}
.news-grid .content{
    position: relative;
    padding: 20px;
}
.news-grid .category:before{
    position: absolute;
    display: block;
    content: "";
    top: 0;
    background: #fff;
    z-index: -1;
    height: 100%;
    width: 100%;
    left: 0;
    border-top-right-radius: 2px;
    transform: skewX(30deg);
    transform-origin: left top;
}

.news-grid .category:after{
    position: absolute;
    display: block;
    content: "";
    top: 0;
    background: #fff;
    z-index: -1;
    height: 100%;
    width: 50px;
    left: 0;
}

.news-grid h3{
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    height: 40px;
    margin-bottom: 8px;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-grid h3 a{
    color: #262626;
}

.news-grid h3 a:hover{
    text-decoration: underline;
}

.news-grid .meta{
    color: #6c757d;
}
.news-grid .meta svg{
    fill: #6c757d;
}
.news-grid .publtime{
    margin-left: 15px;
}

.block-doi-tac{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: none;
    position: relative;
    margin-bottom: 60px;
}
.block-doi-tac li{
    margin: 0;
    text-align: center;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% / 7);
    position: relative;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}

.block-doi-tac li a{
    position: relative;
    display: block;
    padding: 12px 28px;
    width: 100%;
}
.block-doi-tac li:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.02);
    opacity: 0;
    transition: opacity .15s;
}
.block-doi-tac li:hover:before{
    opacity: 1;
}
.block-doi-tac li:hover .title{
    color: #737373;
}
.block-doi-tac img{
    filter: grayscale(1);
    opacity: .7;
    transition: filter .15s,opacity .15s;
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.block-doi-tac li a{
    position: relative;
    display: block;
    padding: 12px 28px;
    width: 100%;
}
.block-doi-tac li:hover img{
    filter: grayscale(0);
    opacity: 1;
}
.block-doi-tac .title{
    display: block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #b3b3b3;
    margin-top: 4px;
    margin-bottom: -2px;
    transition: color .15s;
}

.header-mobile{
    background: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 9%);
    height: 50px;
    
    display: none;
}

.menu-mobile-button{
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    border: none;
    width: 44px;
    background: #ffffff;
    fill: #262626;
    cursor: pointer;
}

.logo-mobile{
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 14px;
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
    height: 50px;
}

.logo-mobile img{
    max-height: 50px;
    width: auto;
}
.turn-right{
    display: flex;
    margin-left: auto;
}
.search-mobile{
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    height: 50px;
    width: 44px;
    color: inherit;
    background: transparent;
    border: none;
}

.cart-mobile{
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    height: 50px;
    width: 44px;
    color: inherit;
    background: transparent;
    border: none;
}

.num-mobile{
    position: absolute;
    top: -7px;
    right: -7px;
    font-size: 10px;
    line-height: 1;
    padding: 2px 3px 1px;
    border-radius: 6.5px;
    text-align: center;
    z-index: 0;
    font-weight: 500;
    color: #ffffff;
}

.num-mobile:before{
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 2.5px;
    transform: skewX(-11deg);
    background: #006847;
}

.header-mobile svg{
        display: block;
    margin: 0 auto;
}


.mobile-menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

.mobile-search-bg {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

.mobile-menu-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);

    background: #fff;
}

.mobile-search-wrap {
    position: fixed;
    top: 0;
    right: 0;
    width: 33%;
    color:#454f5b;
    height: 100%;
    background: #f2efe8;
    z-index: 9999;
    visibility: hidden;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    font-size: 25px;
    padding: 30px;
}

.mobile-menu-wrap.animate {
    transition: all 0.35s ease;
}

.mobile-search-wrap.animate {
    transition: all 0.35s ease;
}

.mobile-menu-wrap .logo {
    border-bottom: 1px #ddd solid;
    padding: 10px;
    text-align: center;
}

.mobile-menu-wrap .logo img {
    height: 35px;
    width: auto;
}

.mobile-menu-wrap .menu {
    height: calc(100vh - 85px);
    overflow: auto;
}

.mobile-menu-wrap .mfooter {
    background-color: #fff;
    height: 30px;
    padding: 10px;
    text-align: center;
    color: #777;
}

.mobile-menu-toggle-btn, .mobile-search-toggle-btn {
    cursor: pointer;
    background-color: #fff;
    width: 43px;
    height: 34px;
    position: absolute;
    top: 8px;
    left: 10px;
    text-align: center;
    line-height: 36px;
    font-size: 22px;
    display: none;
    z-index: 999;
}

.mobile-menu-toggle-btn:hover {
    background-color: #fff;
}

.mobile-menu-toggle-btn i {
    color: #000;
}

.mobile-menu-toggle-btn, .mobile-search-toggle-btn {
    display: block;
}

.open-menu .mobile-menu-bg,  .open-search-mobile .mobile-search-bg{
    display: block;
}


.open-menu .mobile-menu-wrap {
    visibility: visible;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
}

.open-search .mobile-search-wrap {
    visibility: visible;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
}

.mobile-menu-wrap-header {
    flex-shrink: 0;
    height: 51px;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    padding-bottom: 2px;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.menu-left-1{
    background: #09aaa6;
}
.mobile-search-wrap-header {
    padding: 0;
    margin-bottom: 60px;
}
.main-menu-close{
    position: absolute;
    top: 0;
    width: 48px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    border: none;
    padding: 0;
    fill: currentColor;
    transition: background-color .15s,color .15s;
    background-color: #fff;
    color: #ccc;
    right: 0;
}

.header-menu-mobile-title{
    text-align: center;
    margin: auto;
    font-size: 15px;
    font-weight: 500;
}


.block-header-menu-mobile{
    display: flex;
    padding: 8px 11px;
    border-bottom: 1px solid #ebebeb;
}
.block-header-menu-mobile svg{
    fill: #404040;
}
.in-block{
    width: calc((100% - 0px * 3) / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    fill: #404040;
    border-radius: 2px;
    padding: 8px 0 6px;
}
.wishlist-mobile-num, .cart-mobile-in-num{
    position: absolute;
    bottom: calc(100% - 7px);
    font-size: 10px;
    line-height: 1;
    padding: 2px 3px 1px;
    border-radius: 6.5px;
    text-align: center;
    z-index: 0;
    color: #fff;
    font-weight: 500;
    left: calc(100% - 15px);
}
.wishlist-mobile-num:before , .cart-mobile-in-num:before{
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 2.5px;
    transform: skewX(-11deg);
    background: #006847;
}

.wishlist-mobile-title, .account-mobile-title, .cart-mobile-in-title{
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    color: #999;
    margin-top: 5px;
}

#viewtype, #sort{
    margin-left: 5px;
}
#sort{
    margin-right: 30px;
}
#viewtype select, #sort select {
    font-weight: 400;
    display: block;
    width: 100%;
    border-radius: 2px;
    background-clip: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #262626;
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    height: 36px;
    font-size: 16px;
    font-family: inherit;
    line-height: 19px;
    padding: 7.5px 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='rgba(0, 0, 0, 0.55)' d='M4.503 4H.497c-.403 0-.639-.508-.408-.878L2.095.233a.469.469 0 0 1 .816 0l2 2.889c.231.37-.005.878-.408.878zM.497 6h4.006c.403 0 .639.504.408.871L2.905 9.737a.47.47 0 0 1-.816 0l-2-2.866C-.142 6.504.094 6 .497 6z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: 5px 10px;
    cursor: pointer;
    max-width: 100%;
    text-shadow: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;
    padding-right: 27px;
    background-position: right 10px center;
}
.form-control{
    box-shadow: none;
    border-radius: 0;
    background-color: #ebebeb;
    
    font-size: 16px;
    height: auto;
}

select{

    padding: 5.5px 8px;
    font-size: 14px;
    line-height: 17px;
    padding-right: 23px;
    background-position: right 8px center;
}

#mieuta{
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 9%);
    background: #fff;
    overflow: hidden;
    position: relative;

}
.mieuta {
    height: 200px;
    padding: 20px;
    overflow: hidden;
}
.pro-header{
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 9%);
    background: #fff;
    padding: 20px;
}

.product-grid-mn .price{
    font-size: 16px;
}

.product-grid-mn .discounts_money {
    font-size: 11px;
    color: #999;
    margin-left: 5px;
}

#click_xt{
    display: inline-block;
    position: relative;
    padding: 6px 20px;
    border-radius: 4px;
    background: #006847;
    border: none;
    color:#fff;
}
.click-xt-box{
    background: linear-gradient(to bottom, rgba(255,255,255,0) 3%,rgba(255,255,255,.8) 20%,rgba(255,255,255,1) 100%);
    text-align: center;
    padding: 60px 0 10px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#mieuta.expand .click-xt-box{
    padding: 10px 0 !important;
    background: none;
    position: relative;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #006847;
    border-color: #006847;
    cursor: default;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 2;
    color: #006847;
    background-color: #eee;
    border-color: #ddd;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #006847;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination>li>a, .pagination>li>span{
    margin: 0 5px;
}

.block-block{
    box-shadow: 0 1px 3px rgb(0 0 0 / 9%);
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
}

.heading-block-block{
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 700;
}

.block-block .metismenu .sidebar-nav ul a{
    border: none
}
.product-one-image img{
    width: 100%;
    height: auto;
}
.gallery-view {
    margin-bottom: 10px;

}
.product-detail .product-image-gallery .gallery-view .owl-nav .owl-prev {
    left: 10px;
}
.product-detail .product-image-gallery .gallery-view .owl-nav .owl-prev, .product-detail .product-image-gallery .gallery-view .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px #ddd solid;
    opacity: 0.6;
    color: #ddd;
    transform: translate3d(0px, -50%, 0px);
    z-index: 10;
}
.product-detail .product-image-gallery .gallery-view .owl-nav .owl-prev span, .product-detail .product-image-gallery .gallery-view .owl-nav .owl-next span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.product-detail .product-image-gallery .gallery-view .owl-nav .owl-prev span .fa, .product-detail .product-image-gallery .gallery-view .owl-nav .owl-next span .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0px);
}
.product-detail .product-image-gallery .gallery-view .owl-nav .owl-prev {
    left: 10px;
}
.product-detail .product-image-gallery .gallery-view .owl-nav .owl-next {
    right: 10px;
}

.margin-bottom-20{
    margin-bottom: 20px;
}
#detail h1, .product-code, .pro-hometext{
    margin-bottom: 20px;
}
.product-code{
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px;
}
.news-list{
    padding: 0;
    margin: 0;
}
.news-list>li{
    display: flex;
    margin-bottom: 20px;
}
.news-list>li:last-child{
    margin-bottom: 0;
}
.news-list>li .image{
    flex-shrink: 0;
    position: relative;
    margin-right: 14px;
}
.news-list>li .image img{
    display: block;
    border-radius: 1.5px;
    width: 70px;
    height: 70px;
}
.news-list>li .image:before{
    position: absolute;
    display: block;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(26,26,26,.2);
    border-radius: 1.5px;
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none;
}
.news-list>li:hover .image:before{
    opacity:1;
}
.news-list>li h3{
    font-size: 15px;
    line-height: 19px;
    overflow: hidden;
    max-height: 38px;
    margin-bottom: 5px;
}
.news-list>li h3 a{
    color: inherit;
}

.block-block .cam-ket{
    padding: 10px 0;
}
.news-list .publtime{
    font-size: 13px;
    color: #999;
}

.news-grid-box .news-grid{
    margin-bottom: 20px;
}
.news-grid-box .news-grid .meta{
    font-size: 14px;
}

.title-h1{
    font-size: 22px;
}

.title-contact-1{
    font-size: 32px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 700;
}
.title-contact-1-sub{
    width: 60%;
    margin: 0 auto;
}
.title-contact-2{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.form-lh{
    margin-top: 60px;
}

.frm-contact{
    margin: 30px 0;
}

.frm-contact .input-group{
    width: 100%;
}

.frm-contact textarea{
    width: 100%;
    height: 200px;
    resize: vertical;
}
.btn-primary{
    background: #006847;
    border-color: #006847;;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    background: #434343;
    border-color: #434343;
}
.btn-send{
    width: 100%;
    color: #fff;
    padding: 10px 0;
    font-size: 16px;
    background: #006847;
}
.btn-send .fa{
    margin-right: 10px;
}
.danh-sach {
	border: 2px solid #000;
    padding: 10px;
    background: #f3f3f3;
    margin-bottom: 20px;
    border-radius: 6px;

}

.danh-sach .fa {
	margin-right: 10px;
}

.head-danh-sach {
	background: none;
	border: none;
	width: 100%;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
	font-size: 16px;
	padding: 5px 0;
}

.js-toc {
	margin-bottom: 10px;
    max-height: 400px;
    overflow-y: auto;
}

ol.toc-list {
	padding-left: 20px;
	list-style-type: decimal;
	margin-bottom: 0;
	margin-bottom: 5px;
}

ol.toc-list:last-child {
	margin-bottom: 0
}

ol.toc-list>li:last-child {
	margin-bottom: 0
}

ol.toc-list a {
	width: 100%;
	background: linear-gradient(to right, #ddd 50%, #f3f3f3 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all.25s ease;
	padding: 3px;
	display: inline-block;
}

ol.toc-list .is-active-link {
	background-position: left bottom;
}

ol.toc-list>li>a {
	font-weight: 700;
	color: #000
}

ol.toc-list>li>ol.toc-list>li>a {
	font-weight: 400
}

.is-position-fixed {
	position: fixed !important;
	top: 50px;
	z-index: 99
}

.is-position-fixed .js-toc {
	height: auto !important;
	width: 200px !important;
	visibility: visible !important;
	transition: .25s;
	visibility: hidden;
}

.picaso {
	transition: .25s;
}

.transition--300 {
	transition: all 300ms ease-in-out;
}

.btn-danh-sach-close {
	border: none;
	background: none;
	position: absolute;
	top: 13px;
	right: 0;
	width: 40px;
	padding: 0;
	display: none;
}

.btn-danh-sach-show {
	position: fixed;
	top: 50px;
	font-size: 20px;
	border: 2px solid #000;
	padding: 10px;
	background: #f3f3f3;
	line-height: 1;
	border-radius: 7px;
	z-index: 9;
	display: none;
	opacity: .7;
	transform: .25s
}

.btn-danh-sach-show:hover {
	opacity: 1;
	transform: .25s
}

.is-position-fixed .btn-danh-sach-close, .is-position-fixed .btn-danh-sach-show {
	display: block;
}
#bodyhtml h1:before, #bodyhtml h2:before, #bodyhtml h3:before, #bodyhtml h4:before, #bodyhtml h5:before, #bodyhtml h6:before {
    display: block;
    content: " ";
    height: 15px;
    margin-top: -15px;
    visibility: hidden;
}

.search-mobile-form{
    display: flex;
    position: relative;
    z-index: 0;
    width: 100%;
}

.search-mobile-form input{
    flex-basis: 0;
    width: 0;
    margin: 0 0 0 12px;
    padding: 0 10px;
    flex-grow: 1;
    font-size: 15px;
    height: 40px;
    min-height: auto;
    color: #262626;
    border: none;
}

.search-mobile-form .btn-search-mb, .btn-close-mb{
    flex-shrink: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .2s;
    fill: #b2b2b2;
    width: 52px;
    color: #b2b2b2;
    background: transparent;
    border: none;
}

.btn-close-mb{
    border-left:1px solid #ebebeb;
}

.search-mobile-box{
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: none;
    padding: 0;
    z-index: 99;
    transform: translateY(-100%);
    transition: transform .3s;
    left: 0;
    display: flex;
    align-items: center;
    flex-grow: 1;
    background: #fff;
}

.search-mobile-box.open-search-mobile{
    transform: none;
}

.block-login-box{
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    background: #fff;
    padding: 10px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 9%);
    width: auto;
    text-align: left;
    border: 1px solid #ddd;
}
.fix-width-login{
    width: 360px;
}
.block-login:hover .block-login-box{
    display: flex;
}
.block-login-box img{
    padding: 4px;
    border:1px solid #ddd;
    margin-right: 20px;
}
.block-login-box button{
    margin: 0 2px;
}
.flex-clm{
    flex-direction: column;
    flex-grow: 1;
}
.block_cart{
    display: inline-block;
}