/*-------------------------------------------*/
/* 1. GENERAL */
/*-------------------------------------------*/
 @font-face {
     font-family: 'FontAwesome';
     src: url('fontawesomed756.eot?v=580');
     src: url('fontawesomed756.eot?v=580') format('embedded-opentype'), url('fontawesomed756.woff?v=580') format('woff'), url('fontawesomed756.html?v=580') format('truetype'), url('fontawesomed756.svg?v=580') format('svg');
     font-weight: normal;
    " font-style: normal;
}
 @font-face {
     font-family:'Glyphicons Halflings';
     src:url('//theme.hstatic.net/200000104213/1000574319/14/glyphicons-halflings-regular.eot?v=580');
     src:url('//theme.hstatic.net/200000104213/1000574319/14/glyphicons-halflings-regular.eot?#iefix?v=580') format('embedded-opentype'),url('//theme.hstatic.net/200000104213/1000574319/14/glyphicons-halflings-regular.woff?v=580') format('woff'),url(//theme.hstatic.net/200000104213/1000574319/14/glyphicons-halflings-regular.ttf?v=580) format('truetype'),url(//theme.hstatic.net/200000104213/1000574319/14/glyphicons-halflings-regular.svg#glyphicons_halflingsregular?v=580) format('svg') 
}
 *{
    font-family: Arial,sans-serif;
    margin: 0;
    padding: 0;
}
 .glyphicon{
    font-family: 'Glyphicons Halflings'!important;
}
 .fa{
    font-family: 'FontAwesome'!important;
}
/* 1.1 - */
 html,body{
    border: 0;
    background-color: #fff;
}
 html{
    font-size: 62.5%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:100%;
}
 img{
    max-width:100%;
}
 body{
    line-height:1.4;
    font-size: 14px;
    color:#272727;
    overflow-x: hidden;
    background : #fff;
    position: initial !important;
}
/* 1.2 - HTML5 Elements */
 article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
     display:block;
}
/* 1.3 - Typography */
 h1,h2,h3,h4,h5,h6 {
     color:#272727;
     margin:0 0 13px 0;
     font-weight:500;
    line-height:1.2
}
 h1 {
     font-size: 36px;
}
 h2 {
     font-size: 28px;
}
 h3 {
     font-size: 24px;
}
 h4 {
     font-size: 13px;
     line-height: 18px;
}
 h5 {
     font-size: 12px;
     line-height: 18px;
}
 h6 {
     font-size: 10px;
     line-height: 18px;
     text-transform:uppercase;
}
 p{
     line-height: 21px 
}
.noidung  ul li {
    /* text-align: justify; */
    margin: 4px 0;
    padding-left: 20px;
    position: relative;
		list-style:none;
}

.noidung  ul li::before {
    content: "\f046";
    font-family: FontAwesome;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #da251d;
}
.responsive-video {
    margin-top: 30px;
}
.responsive-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* tỉ lệ 16:9 */
  height: 0;
  overflow: hidden;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.flex-noidung .row {
    display: flex;
    align-items: center;
}
.flex-noidung  ul li {
    /* text-align: justify; */
    margin: 4px 0;
    padding-left: 20px;
    position: relative;
		list-style:none;
}


.flex-noidung  ul li::before {
    content: "\f046";
    font-family: FontAwesome;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #da251d;
}
.noidung h1, .noidung h2, .noidung h3 {
    font-size: 120%;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 8px;
}
/* 1.4 - Links and Buttons */
 a {
    color:#272727;
    text-decoration: none;
     outline: none;
     -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
 a:hover,a:focus{
    color:#000000;
    text-decoration: none;
     outline: none;
}
 a:active {
     outline: none;
}
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color:#272727;
    line-height: 1.1;
}
 h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
    color:#000000;
}
/* 1.5 - Tables */
 table {
     width: 100% !important;
     border-spacing: 0;
}
 table tr td {
     border-top: 1px solid #dddddd;
}
 table tr td, table tr th {
     padding: 10px;
     text-align: left;
}
 table tr td:first-child, table tr th:first-child {
     padding-left: 0px;
}
 table tr td:last-child, table tr th:last-child {
     padding-right: 0px;
}
 strong {
     font-weight: 700;
}
 em {
     font-style: italic;
}
 .mt-50 {
     margin-top: 50px;
}
 ::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     background-color: #F5F5F5;
}
 ::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
}
 ::-webkit-scrollbar-thumb {
     background-color: #0000ba;
}
 .pt-50 {
     padding-top: 50px !important;
}
 .pb-50 {
     padding-bottom: 50px !important;
}
b.Form_Register {
    position: absolute;
    top: 0px;
    margin-top: 0px !important;
    right: 0px;
}
div#formBook {
    position: relative;
}
.emaillist {
    margin-top: 20px;
    margin-bottom: 20px;
}
 span.count {
     font-size: 13px;
     color: #dd0000;
     font-weight: bold;
}
section#slideshow,section#data,section#about,section#featuredProject,section#featuredNews,section#doitac{
	scroll-margin-top: 120px;
	transition: 1s
}
section#data{
	z-index: 1
}
.bg-image{
	background: url('/theme/bg-data.jpg'),  #00000080;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 100px 0 120px;
	color: #f5f5f5;
	font-size: 16px;
	position: relative;
}
.bg-image:after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000099;
	z-index: 1;
	content: "";
	display: block;
}
.bg-image .textwidget{
	z-index: 9;
	position: relative;
}
.bg-image .textwidget>h2 {
    margin: 0 auto 15px;
    font-size: 20px;
    color: #ffffff;
    position: relative;
    padding: 0px 0px 15px;
}
.bg-image .textwidget>h2:before {
    position: absolute;
    bottom: 0%;
    left: 50%;
    content: '';
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 250px;
    height: 12px;
    background: url(/theme/separator-title-trang.png?1) no-repeat 50%;
}


.bg-image .textwidget p{
	/*color: #bebebe;*/
	width: 37%;
	margin: 0 auto 34px;
}
.itemkn h2 .count , .itemkn h2{
    font-size: 14px;
    margin: 0;
    color: #f9ffb6 !important;
    font-weight: normal !important;
}
.itemkn h2 span.count{
	font-size: 50px;
	padding-bottom: 7px;
}
.itemkn h3{
	margin: 0;
	color: #dbdbdb;
	padding-top: 10px;
	display: inline-block;
	border-top: 1px solid #596872;
	font-size: 18px
}
@media(max-width: 768px){
	.bg-image .textwidget p{
		width: 55%;
	}
}
@media(max-width: 480px){
	.bg-image .textwidget p{
		width: 100%;
		padding: 0 15px;
	}
	.itemkn h2 span.count{
		font-size: 36px
	}
}

#home-whyus .row {
    display: flex;
    flex-wrap: wrap; /* vẫn giữ được responsive */
}

#home-whyus .row > [class*="col-"] {
    display: flex; /* để con bên trong có thể stretch */
}

#home-whyus .hw-wrapper {
    background: #f5f5f5; /* màu nền bạn muốn */
    flex: 1; /* chiếm hết chiều cao col */
    display: flex;
    flex-direction: column;
    justify-content: center; /* nếu muốn nội dung căn giữa theo chiều dọc */
    padding: 20px;
}

.list-linhvuc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.list-linhvuc .wrap-column {
	width: 32%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.list-linhvuc .wrap-column:nth-child(2n + 1) {
    margin-top: 10%;
}

.list-linhvuc .item-linhvuc {
	width: 100%;
	margin-bottom: 7%;
	position: relative;
}

.list-linhvuc .item-linhvuc a {
	display: block;
	width: 100%;
	height: 230px;
	position: relative;
}

.list-linhvuc .item-linhvuc a:hover {
	color: #fff
}

.list-linhvuc .item-linhvuc a:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.list-linhvuc .item-linhvuc .img-item {
	width: 100%;
	height: 100%;
	background-color: #ffffff10;
	position: relative;
	overflow: hidden;
}

.list-linhvuc .item-linhvuc .img-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.list-linhvuc .item-linhvuc .title-item {
	position: absolute;
	height: 100%;
	bottom: 0;
	left: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.list-linhvuc .item-linhvuc .title-item h4 {
    display: block;
    width: 100%;
    background-color: rgba(0,0,186, 0.75);
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    height: 50px;
    display: grid;
    align-items: anchor-center;
    padding: 0px 10px;
    color: #fff;
    text-align: center;
    width: 100%;
}

 #home-whyus {
     margin-bottom: 30px;
     background: url("/theme/bannerwhyus.jpg?v=2");
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
 #home-whyus .hw-wrapper {
     width: 100%;
     background: rgba(0,0,186, 0.75);

     position: relative;
}
 #home-whyus .hw-wrapper > div {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 100%;
     padding: 30px;
}
 #home-whyus .hw-wrapper > div h2 {
     color: #fff;
     margin-bottom: 15px;
}
 #home-whyus .hw-wrapper > div .hw-desc {
     color: #fff;
     margin-bottom: 15px;
     line-height: 1.5;
}
 #home-whyus .hw-wrapper > div .hw-btn a {
     display: inline-block;
     padding: 15px;
     border: 3px solid #fff;
     color: #fff;
}
 #home-whyus .hw-wrapper > div .hw-btn a:hover {
     background: #1874a3;
     border-color: #1874a3;
}

.topbar-item {
    display: inline-block;
    line-height: 26px;
    font-weight: normal;
    margin-left: 10px;
}

.home-highlight-banner {
    background: url(/theme/qa_banner.jpg) 50% 100% no-repeat;
    margin: 0 auto;
    background-size: cover;
}

.home-highlight-banner .home-highlight-banner-content {
    background: rgba(0,0,186, 0.75);
    padding: 30px 0 20px;
    text-align: center;
}

.home-highlight-banner .home-highlight-banner-content h1 {
    color: #fff56b;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.sticky {
    position: fixed !important;
    top: 0px;
}

.home-highlight-banner .home-highlight-banner-content h2 {
    color: #fff;
    font-size: 20px;
    text-transform: none;
    margin-top: 10px;
    font-weight: normal;
}

 .about-content {
     margin-bottom: 20px;
     font-size: 15px;
     color: #000000;
     text-align: justify;
}
 .link-more a:after {
     padding-left: 10px;
     font-family: FontAwesome;
     content: '\f178';
     font-size: 16px;
     line-height: 25px;
}
 .link-more {
     text-align: left;
     margin-bottom: 30px;
}
 .link-more a:hover {
     background: #0000ba;
     color: #ffffff;
}
 .link-more a {
     display: inline-block;
     font-size: 16px;
     line-height: 25px;
     border: 1px solid #0000ba;
     color: #0000ba;
     padding: 9px 30px;
     background: transparent;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}

.view-all {
    max-width: 800px;
    margin: auto;
    line-height: 20px;
}
 .about-title h2 {
     font-size: 20px;
     border-bottom: 1px solid #eaeaea;
     padding-bottom: 10px;
     text-transform: uppercase;
}
 .about-content br {
     content: "";
     margin: 2em;
     display: block;
     font-size: 24%;
}
/* 1.6 - Lists */
 ul{
    padding:0;
    list-style-type:none;
}
 a{
    transition: opacity 150ms linear, color 150ms linear, background 150ms linear;
}
 input:focus {
    outline: none;
}
/* 1.7 - Breadcrumb */
 .breadcrumb-shop {
    background:#fafafa;
    margin-bottom: 20px;
}
 .breadcrumb-shop .breadcrumb-arrows{
    padding: 15px 0;
    background: transparent;
    border-radius: 0;
     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:0;
}
 .breadcrumb-shop .breadcrumb>li+li:before{
    padding:0 3px;
}
 .breadcrumb-shop .breadcrumb-arrows li{
    font-size:13px;
}

.navbar-recursive .navbar-inverse .navbar-wrapper {
    background: #e3e3e3;
    height: 14px;
}

#headerTopBar {
    font-weight: bold;
    min-height: 35px;
    background: url(/theme/top_right.png) top right no-repeat;
    padding-top: 5px;
    position: relative;
    z-index: 99999;
}
/* 1.8 - Pagination */
 #pagination .page-node,#pagination .next, #pagination .prev{
    display:inline-block;
    margin: 30px 8px;
    font-size: 15px;
    font-weight: 600;
    opacity: 0.4;
}
 #pagination .next{
    margin-left:30px
}
 #pagination .prev{
    margin-right:30px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
 #pagination .page-node.current,#pagination .page-node:hover,#pagination .next:hover, #pagination .prev:hover{
     opacity: 1;
}
/* 1.9 - Button */
 .button {
     position: relative;
     display: inline-block;
     padding: 10px 28px;
     line-height: normal;
     color: #fff;
     border: 1px solid #000000;
     border-radius: 0;
     text-transform: uppercase;
     font-size: 12px;
     text-align: center;
     letter-spacing: 1px;
     background-color: transparent;
     -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
     transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
     z-index: 1;
     overflow: hidden;
}
 .button:before {
     position: absolute;
     content: '';
     display: block;
     left: -2px;
     top: 0;
     right: -2px;
     bottom: 0;
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
     -webkit-transform-origin: left center;
     transform-origin: left center;
     z-index: -1;
     background-color: #000000;
     -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
     transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
     transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
     transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
 .button:hover {
    color:#252a2b;
}
 .button:hover:before {
     -webkit-transform-origin: right center;
     transform-origin: right center;
     -webkit-transform: scale(0, 1);
     transform: scale(0, 1);
}
 .row-flex {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
}
 @media (min-width: 1200px) {
     .container {
        width: 1200px;
    }
}
 @media (min-width: 1375px) {
     .container {
        width: 1300px;
    }
}
/* 1.10 - LazyLoad */
 .fade-box .lazyload, .fade-box .lazyloading {
    opacity: 0;
    transition: opacity 400ms;
}
 .fade-box img.lazyloaded {
     opacity: 1;
}
 .fade-box.services img.lazyloaded {
     opacity: 1;
     height: 305px;
     width: initial;
     max-width: initial;
}
 .banner-collection-header {
     height: 150px;
     overflow: hidden;
     position: relative;
     background: #000000;
}
 .banner-collection-header img {
     width: 100%;
     position: absolute;
     opacity: 0.7;
}
.gallery_item.fade-box img {
    height: 135px;
    width: initial;
    max-width: initial;
    min-width: 100%;
}
 .post_descr p {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
}
/*-------------------------------------------*/
/* 2. HEADER */
/*-------------------------------------------*/
/* 2.1 - TopBar */
 .promo-bar {
     background: #;
     font-size: 14px;
     width: 100%;
     -webkit-transition: 0.3s;
     transition: 0.3s;
     position: relative;
     overflow: hidden;
     text-align: left;
     cursor: pointer;
     padding: 9px 0px 5px;
     display: none;
}
 .promo-bar a {
    display: block;
    padding: 10px 15px;
    color:#ffffff;
}
/* 2.2 - Menu */
 .main-header.border {
    border-bottom: 1px solid #ededed;
}
 .desk-menu {
    position: relative;
}
.main-header--menu {
    background: #0000ba;
    height: 44px;
    margin-top: -1px;
    position: relative;
    width: 100%;
}
 .main-header--logo {
     margin: 5px 0px;
}
 .desk-menu >ul>li {
     display: inline-block;
     height: 100%;
     padding: 0;
     z-index: 5;
     position: relative;
}
 .promo-bar p {
     display: inline-block;
     margin-right: 10px;
     color: #fff;
     margin-bottom: 0px;
}
 .desk-menu >ul>li:not(:last-child):after {
     content: "";
     display: block;
     position: absolute;
     right: -2px;
     top: 13px;
     width: 1px;
     height: 15px;
     background-color: #e6e6e6;
}
 .desk-menu >ul>li:last-child {
    margin-right: 0;
}
 .desk-menu > ul>li>a {
     position: relative;
     z-index: 2;
     display: block;
     padding: 0;
     line-height: 41px;
     width: 100%;
     height: 100%;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 15px;
     padding: 0px 20px;
}
 .desk-menu > ul>li>a:hover:before, .desk-menu > ul>li.active>a:before {
     opacity:1;
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
}
 .desk-menu >ul>li.active>a{
    color: #000000;
}
 .desk-menu ul li a {
    color:#fff;
}
 .desk-menu ul li a:hover {
     color: #fff;
}
 nav.desk-menu .fa-home {
     display: block;
     float: left;
     font-size: 25px;
     position: relative;
     top: 8px;
     color: #fff;
}
 .action-cart {
     display: none !important;
}
 .desk-menu ul {
     padding-left: 0;
    margin:0;
}
.desk-menu ul>li a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 8px;
    margin-bottom: 2px;
}
 .desk-menu .sub_menu {
     background: #0000ba;
     position: absolute;
     z-index:999;
     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
     -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
     -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
     -ms-box-shadow: 0 1px 1px rgba(0,0,0,.05);
     box-shadow: 0 1px 1px rgba(0,0,0,.05);
     -webkit-transform: rotate3d(1,0,0,-90deg);
     -moz-transform: rotate3d(1,0,0,-90deg);
     -o-transform: rotate3d(1,0,0,-90deg);
     -ms-transform: rotate3d(1,0,0,-90deg);
     transform: rotate3d(1,0,0,-90deg);
     -webkit-transform-origin: 0 0 0;
     -moz-transform-origin: 0 0 0;
     -o-transform-origin: 0 0 0;
     -ms-transform-origin: 0 0 0;
     transform-origin: 0 0 0;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     width: 310px;
}
.topbar-item img {
    height: 24px;
    width: initial;
    position: relative;
    top: -1px;
}
 .desk-menu ul>li>ul {
     top: 100%;
}
 .desk-menu i.fa.fa-caret-right {
     font-size: 12px;
     margin-right: 9px;
}
 .desk-menu li:hover>.sub_menu {
     -webkit-transform: rotate3d(0,0,0,0deg);
     -moz-transform: rotate3d(0,0,0,0deg);
     -o-transform: rotate3d(0,0,0,0deg);
     -ms-transform: rotate3d(0,0,0,0deg);
     transform: rotate3d(0,0,0,0deg);
}
 .desk-menu .sub_menu a {
     padding: 7px 10px;
     white-space: nowrap;
     text-align: left;
     display: block;
     font-size: 15px;
     color: #fff !important;
}
 .desk-menu >ul>li:hover a {
     color: #fff;
}
 .desk-menu .sub_menu .sub_menu {
     left: 100%;
     top: -2px;
     margin-left: 1px;
     margin-top: 0;
     -webkit-transform: rotate3d(0,1,0,90deg);
     -moz-transform: rotate3d(0,1,0,90deg);
     -o-transform: rotate3d(0,1,0,90deg);
     -ms-transform: rotate3d(0,1,0,90deg);
     transform: rotate3d(0,1,0,90deg) 
}
 .desk-menu .sub_menu li:not(:first-child) {
     border-top: 1px solid #ecf0f1
}
 .desk-menu ul>li i {
     -webkit-transition: .2s;
     -moz-transition: .2s;
     -o-transition: .2s;
     transition: .2s 
}
 .desk-menu ul>li:hover>a i {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
     margin-bottom:0;
}
 .desk-menu ul li .sub_menu li{
    position: relative
}
 .main-header--action {
     -webkit-justify-content:flex-end;
     -moz-justify-content:flex-end;
     justify-content:flex-end;
}
 .main-header--action a {
    display: inline-block;
    padding-left: 15px;
}
 .main-header--action svg {
     width: 16px;
     height: 16px;
     fill: #;
}
 p.font-email .fa {
     margin-right: 10px;
}
 .main-header--action .count-holder {
    position: relative;
    top: -5px;
    font-size: 10px;
    text-align: center;
}
/* 2.3 - Logo */
 .main-header--logo h1, .main-header--logo a {
    margin-bottom:0;
    font-size: 28px;
    font-weight: 500;
    color:#;
}
 @keyframes scroll-in{
    0%{
        top:2px
    }
    49%{
        top:-14px
    }
    50%{
        top:19px
    }
    100%{
        top:2px
    }
}
 @keyframes scroll-out{
    0%{
        top:2px
    }
    49%{
        top:19px
    }
    50%{
        top:-14px
    }
    100%{
        top:2px
    }
}
/* 2.4 - Icon menu */
 .hamburger-menu {
    padding-left: 15px;
    width: 35px;
    height: 21px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
 .hamburger-menu .bar, .hamburger-menu .bar:after, .hamburger-menu .bar:before {
     width: 25px;
     height: 2px;
     background: # !important;
}
 .hamburger-menu .bar:before {
     content: "";
     position: absolute;
     right: 0;
     bottom: 5px;
     background:#000;
     -ms-transition:bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
     -webkit-transition:bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
     transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
}
 .hamburger-menu .bar:after {
     content: "";
     position: absolute;
     right: 0;
     top: 5px;
     background: #000;
     -ms-transition:top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
     -webkit-transition:top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
     transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
}
 .hamburger-menu .bar {
     position: relative;
     top: 10px;
     background: #000;
     display: block;
     -ms-transition:all 0ms 100ms, width 150ms linear;
     -webkit-transition:all 0ms 100ms, width 150ms linear;
     transition: all 0ms 100ms, width 150ms linear;
     -ms-transform:translateY(-2px);
     -webkit-transform:translateY(-2px);
     transform: translateY(-2px);
}
 @media only screen and (min-width: 1024px) {
     .sticky-header header {
         position: fixed !important;
         top: 0;
         left: 0;
         width: 100%;
         z-index: 100;
         background: #fff !important;
         -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
         -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
         box-shadow: 0 0 10px rgba(0,0,0,0.2);
         -webkit-animation: sticky_header_animation .3s;
         -moz-animation: sticky_header_animation .3s;
         -ms-animation: sticky_header_animation .3s;
         -o-animation: sticky_header_animation .3s;
         animation: sticky_header_animation .3s;
    }
     .down .row.row-flex {
         display: none !important;
    }
     header .logoimg {
         -webkit-transition: all ease 0.5s;
         -o-transition: all ease 0.5s;
         transition: all ease 0.5s;
    }
     .sticky-header header .logoimg {
         //width: 80%;
    }
}
 @-webkit-keyframes sticky_header_animation {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%) 
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @-moz-keyframes sticky_header_animation {
     0% {
         opacity: 0;
         transform: translateY(-100%) 
    }
     100% {
         opacity: 1;
         transform: translateY(0) 
    }
}
 @-o-keyframes sticky_header_animation {
     0% {
         opacity: 0;
         transform: translateY(-100%) 
    }
     100% {
         opacity: 1;
         transform: translateY(0) 
    }
}
 @keyframes sticky_header_animation {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%) 
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
/*-------------------------------------------*/
/* 3. INDEX */
/*-------------------------------------------*/
 .main-index {
    margin-bottom: 0px;
}
/* 3.1 - Slider */
 .position-relative {
     position: relative!important;
}
 .solution-name {
     background: #363636;
     color: #fff;
     text-transform: uppercase;
     padding: 0 10px;
     font-weight: 500;
     height: 37px;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     line-height: 37px;
}
 a.link-to-detail {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 12;
}
 .col-6.col-md-4.mb-3.item {
     margin-bottom: 25px;
}
 #home-slider {
     position: relative;
}
 #home-slider .owl-item {
     position: relative;
     /* height: 770px; */
     overflow: hidden;
}
 #home-slider .owl-nav .owl-prev{
     position: absolute;
     top: 45%;
     left: 10px;
     display: block;
}
 #home-slider .owl-nav .owl-next{
     position: absolute;
     top: 45%;
     right: 10px;
     display: block;
}
 #home-slider .owl-nav div {
     display: inline-block;
     cursor: pointer;
     background-color: #f6f4f3;
     color: #000000;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     font-size: 0;
     -webkit-transition: all ease 0.5s;
     -o-transition: all ease 0.5s;
     transition: all ease 0.5s;
     margin-bottom: 5px;
}
 #home-slider .owl-nav div:hover {
    background: rgb(255,255,255,0.5);
}
 #home-slider .owl-nav div:before {
     content: "";
     font-family: 'FontAwesome';
     font-size: 22px;
}
 #home-slider .owl-nav div.owl-prev:before {
    content:"\f104";
}
 #home-slider .owl-nav div.owl-next:before {
    content:"\f105";
}
 @media(max-width: 767px){
     #home-slider .owl-nav div {
         display: inline-block;
         cursor: pointer;
         background-color: #f6f4f3;
         color:#000000;
         width: 40px;
         height: 40px;
         line-height: 40px;
    }
     #home-slider .owl-nav div:before {
        font-size: 20px;
    }
     #home-slider .owl-item {
         position: relative;
         height: initial;
         overflow: hidden;
    }
}
footer {
    position: relative;
    z-index: 1;
    background: none;
    background: #0000ba;
    padding: 30px 0px 0px;
}
 .brand-slider .owl-item {
     border: 1px solid #d9d9d9;
     padding: 10px;
     background: #fff;
     margin: 5px 0px;
}
/* 3.2 - Collection Home */
 .wrapper-heading-home {
     padding: 0px 0px 20px;
     text-align: center;
}
 .list-gallery {
     position: relative;
     top: 45px;
}
/* NOTE left-right classes wouldn't be needed on spbcical scroller1 */
 .box_tintucmoi{
    padding: 15px 0px;
    display: inline-block;
    width: 100%;
}
 .box_tintucmoi:hover a{
    color: #f00
}
 .box_tintucmoi:hover img{
    -webkit-transform: rotate(10deg) scale(1.2);
    -moz-transform: rotate(10deg) scale(1.2);
    -ms-transform: rotate(10deg) scale(1.2);
    -o-transform: rotate(10deg) scale(1.2);
    transform: rotate(10deg) scale(1.2);
}
 .hinhtt{
    float: left;
    width: 140px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
}
 .hinhtt img{
    width: 100%;
    transition: all 0.7s ease;
}
 #video{
     width:100%;
     float:left;
}
 #video_load{
     margin: 0px 0px 0px 0px;
    background: url(../images/thachcao/bg_pro.png) repeat;
    width: 100%;
     float: left
}
 #video_load .object{
     background: #fff;
     width: 100%;
     float: left
}
 .video{
     width: 100%;
     padding:5px;
     margin-bottom: 10px;
}
 .select_video{
     width: 100%;
     float: left;
     margin: 5px 0px 5px 0px;
}
 .select_video select{
     width: 100%;
     padding:5px;
}
 .chonvideo img{
    width: 100%
}
 .chonvideo {
    padding: 5px;
    cursor: pointer;
}
 .slick_video {
    margin: 0px -5px;
}
 .title-center h2:after, .title-center h4:after {
     position: absolute;
     bottom: 10px;
     left: 0px;
     content: " ";
     width: 27px;
     height: 25px;
}
 .content_tintuc .title-center h2, .video_slider1 .title-center h2 {
     margin-bottom: 0px;
     color: #333;
     font-size: 22px;
     text-transform: uppercase;
     position: relative;
     font-weight: normal;
     line-height: 45px;
}
 .content_tintuc .title-center, .video_slider1 .title-center {
     display: table;
     border-top: none;
     border-bottom: 3px solid #0000ba;
     margin-bottom: 30px;
}
 .simply-scroll-clip {
     height: 415px;
     overflow: hidden;
}
 section#home-gallery {
     padding: 50px 0px;
}
 .box_tintucmoi:hover a {
     color: #0000ba;
}
 .infott a {
     font-size: 14px;
     color: #393939;
     font-weight: bold;
}
 .embed-container {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
}
 .embed-container iframe, .embed-container object, .embed-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .video-list {
     margin-left: -5px;
     margin-right: -5px;
}
 .video-thumb img {
     width: 100%;
     border: 1px solid #CCC;
}
 .frame-content img {
     width: 100% !important;
     height: initial;
}
 .video-thumb {
     width: 25%;
     float: left;
     padding: 5px;
     overflow: hidden;
}
.video-thumb img {
    height: 100px;
    width: initial !important;
    max-width: initial;
}
 .wrapper-heading-home h2 {
     line-height: 1.6;
     margin:0 0 15px;
    ;
     font-weight:500;
     position: relative;
     padding: 0 0 10px;
     display: inline-block;
}
 .wrapper-heading-home h2 {
     font-size: 20px;
     text-transform: uppercase;
     padding: 0px 0px 15px;
}
 .wrapper-heading-home h2:before {
     position: absolute;
     bottom: 0%;
     left: 50%;
     content: '';
     -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
     -ms-transform: translate(-50%, 0);
     -o-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     width: 250px;
     height: 12px;
     background: url(/theme/separator-title.png?1) no-repeat 50%;
}
 .wrapper-heading-home .view-all a {
    display: inline-block;
    font-size:13px;
}
/* 3.3 - Product Loop */
.pro-loop {
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%;
    background: #fff;
    margin-bottom: 10px;
}
 .pro-loop a {
    display:block;
}
.pro-loop .product-detail {
    padding: 10px 0 0px;
    text-align: center;
}
.pro-loop .product-img {
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 150px;
    background: #dddddd;
}

select#sort-tag {
    padding: 0px 10px;
}
.product-img picture img {
    width: initial !important;
}
 .pro-loop .product-img .product-sale,.pro-loop .product-img .sold-out{
     position: absolute;
     font-size: 12px;
     line-height: 1;
     padding: 5px 10px;
     font-weight: bold;
     z-index: 9;
     color: #272727;
     background: #fff;
}
 .pro-loop .product-img .product-sale {
    top: 10px;
    left: 10px;
    color:#f94c43;
}
 .pro-loop .product-img .sold-out {
    right: 10px;
    bottom:10px
}
 .pro-loop .product-img .sold-out span{
    opacity: .66;
}
 .product-detail .box-pro-detail{
    z-index: 9;
    width: 100%;
}
 .pro-loop .product-detail h3 {
     margin: 0 0 5px;
     font-size: 14px;
     position: relative;
     height: 30px;
}
.pro-loop .product-detail h3 a {
    color: #272727;
    line-height: 19px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 14px;
}
 .pro-loop .product-detail h3 a:hover {
     color: #;
}
 .pro-price-mb {
    display:none;
}
 p.pro-price {
    font-size: 14px;
    margin: 0;
    font-weight: 700;
}
 p.pro-price.highlight{
    color:#f94c43;
}
 p.pro-price span.pro-price-del {
    color:#939393;
    font-size: 13px;
    margin-left: 5px;
    font-weight:normal;
}
 .pro-loop .product-img .button-add {
     width:100%;
     opacity: 0;
     visibility: hidden;
     width: 100%;
     position: absolute;
     display: flex;
     left: 0;
     bottom: -10%;
     -webkit-transition: all ease 0.5s;
     -o-transition: all ease 0.5s;
     transition: all ease 0.5s;
}
 .pro-loop .product-img button, .box-pro-prices + button {
     border-radius: 0;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 11px;
     border: 0;
     background: #191919;
     color: #fff;
     width: 100%;
     padding: 8px 5px;
     margin-right: 5px;
     outline: none;
}
 .box-pro-prices + button{
     margin-top: 10px;
     padding: 10px 15px;
}
 .pro-loop .product-img button:last-child {
    margin-right:0;
}
 .pro-loop .product-img button i{
    margin-left: 8px;
    font-size: 14px;
}
 .pro-loop .product-img picture{
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
}
 .pro-loop .product-img picture:nth-of-type(2){
     position: absolute;
     top:0;
     left:0;
     right:0;
     bottom:0;
     opacity: 0;
     visibility: hidden;
}
 @media(min-width:1024px){
    /* .wrapper-collection-1 .pro-loop, .search-list-results .pro-loop, #collection .pro-loop.col-5, .wrapper-collection-3 .pro-loop {
        width:20%;
    }
     */
     .pro-loop:hover .product-img .button-add {
        opacity: 1;
        visibility: visible;
        bottom: 0;
    }
     .pro-loop:hover .product-img picture:nth-of-type(2) {
        opacity: 1;
        visibility: visible;
    }
     .pro-loop:hover .product-img picture:nth-of-type(1) {
        opacity: 0;
        visibility: hidden;
    }
}
 @media(max-width:767px){
     .pro-loop .product-img picture:nth-of-type(2) {
        display: none;
    }
     .pro-loop .product-detail {
        padding:5px 0;
    }
}
 .product-loop-special {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: flex-start;
     align-items: flex-start;
     margin-bottom: 30px;
}
 .product-loop-special.more-image {
     -webkit-align-items: center;
     align-items: center;
}
 .product-loop-special .product-width {
    max-width: 270px;
    margin: auto;
}
 .product-loop-special .product-detail {
    padding:20px 0;
     text-align: center;
}
 .product-loop-special .product-img{
    text-align: center;
    position:relative;
}
 .product-loop-special .product-detail h3 {
    margin: 0 0 5px;
    font-size: 14px;
    position: relative;
}
 .product-loop-special .product-detail h3 a{
     color: #252a2b;
     line-height: 16px;
     overflow: hidden;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     display: -webkit-box;
}
 .product-loop-special .action .button {
    width:100%;
    padding: 10px 5px;
}
 @media(min-width:768px) {
     .collection-special-one .product-loop-special .product-col-left {
        flex-grow:2;
    }
     .collection-special-one .product-loop-special .product-col-right {
        flex-grow:1;
        padding: 0 80px;
    }
}
 @media(min-width:1024px) {
     .collection-special-one .product-loop-special {
        padding: 0 100px;
    }
}
 .collection-special-two .product-loop-special .product-col-left {
    width:60%;
}
 .collection-special-two .product-loop-special .product-width {
    max-width:190px;
}
 .collection-special-two .product-loop-special .product-col-right {
    padding:0 0 0 35px;
}
 .collection-special-two .product-loop-special .product-detail {
    padding:10px 0;
}
 @media(max-width:1200) and (min-width:1024px) {
     .collection-special-two .product-loop-special {
         -webkit-justify-content: space-around;
         -moz-justify-content: space-around;
         justify-content: space-around;
    }
     .collection-special-two .product-loop-special {
         -webkit-align-items: flex-start;
         align-items: flex-start;
    }
     .collection-special-two .product-loop-special .product-width {
        max-width:170px 
    }
     .collection-special-two .product-loop-special .product-col-right {
        padding: 0 0 0 25px;
    }
     .collection-special-two .product-loop-special .product-col-left {
        width:70%;
    }
}
 @media(max-width: 767px) {
     .product-loop-special .action .button {
        font-size:12px
    }
     .collection-special-two .product-loop-special .product-width {
        max-width:130px;
    }
     .collection-special-one .product-loop-special .product-col-right {
        padding-left: 20px;
    }
     .collection-special-one .product-loop-special .product-width {
        max-width:260px;
    }
     .product-loop-special .product-detail {
        padding: 5px 0;
    }
}
 .wrapper-home-banner .home-banner-pd {
    padding:2px 0;
}
 .block-banner-category {
    position: relative;
    overflow: hidden;
}
 .block-banner-category .caption_banner p{
    color:#000;
    font-size:16px;
    margin-bottom: 20px;
    font-weight:500
}
 .block-banner-category .caption_banner h2 {
     font-size: 18px;
     margin-bottom: 0;
     position: relative;
     text-transform: uppercase;
     font-weight: normal;
     color: #ffffff;
}
 .block-banner-category .caption_banner h2:after {
     display: block;
     content: "";
     margin: auto;
     width: 70px;
     height: 2px;
     margin-top: 5px;
     margin-bottom: 20px;
     background: #ffffff;
     -ms-transition: all 150ms linear;
     -webkit-transition: all 150ms linear;
     transition: all 150ms linear;
}
 .block-banner-category img{
    -ms-transition:transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1),background 200ms linear,opacity 400ms linear;
    -webkit-transition:transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1),background 200ms linear,opacity 400ms linear;
    transition:transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1),background 200ms linear,opacity 400ms linear
}
 .block-banner-category .caption_banner {
     position: absolute;
     text-align: center;
     padding: 0 20px;
     z-index: 2;
     background: rgb(0 0 0 / 66%);
}
 .block-banner-category a.link-banner{
     -webkit-justify-content: center;
     -moz-justify-content: center;
     justify-content: center;
     -webkit-flex-direction: column;
     flex-direction: column;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
}
 .block-banner-category a.link-banner:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     background:#fff;
     -ms-transition: opacity 200ms linear, background 200ms linear;
     -webkit-transition: opacity 200ms linear, background 200ms linear;
     transition: opacity 200ms linear, background 200ms linear;
}
 .fg-image.fade-box {
     height: 305px;
}
 .block-banner-category:hover img{
     -ms-transform: scale(1.025);
     -webkit-transform: scale(1.025);
     transform: scale(1.025);
}
 .block-banner-category:hover a.link-banner:after{
     opacity: .5;
}
 .block-banner-category:hover .caption_banner h2:after{
    width: 70px;
}
 @media (min-width: 768px) {
     .wrapper-home-banner .home-banner-pd {
        padding:0 2px;
    }
}
 .post_thumb {
     height: 255px;
     overflow: hidden;
}
.post_thumb img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}
 .social-list a.fa.fa-facebook {
     color: #fff;
     background: #0084cb;
}
 .social-list a.fa.fa-google {
     color: #fff;
     background: #cb0013;
}
 .social-list a.fa.fa-twitter {
     color: #fff;
     background: #68cdf4;
}
 .social-list a.fa.fa-youtube {
     color: #fff;
     background: #cd0303;
}
 .social-list a.fa.fa-pinterest {
     color: #fff;
     background: #cc1c27;
}
.posts-list .post_item {
    margin-bottom: 30px;
    text-align: center;
    border: 1px solid #d9d9d9;
}

h2.post_title {
    background: #ddd;
    font-size: 15px;
    padding: 10px;
    margin: 0px;
}
 .posts-list .post_featured {
     overflow:hidden;
     position: relative;
     margin-bottom: 15px;
     margin-top: 15px;
}
.posts-list .post_featured img {
    height: 70px;
    object-fit: contain;
}
 .posts-list .post_item .post_info {
    text-transform: uppercase;
    margin-bottom: 10px;
}
 .posts-list .post_item h3 {
     font-size: 18px;
     line-height: 22px;
     position: relative;
     padding-bottom: 12px;
     height: 45px;
}
 .post_title a:hover {
     color: #;
}
 .play-video {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     color: #fff;
     font-size: 45px;
     opacity: 0.5;
}
 .post_thumb:hover .play-video {
     opacity: 1;
}
 .post_thumb:hover a.play-video .fa {
     color: #dd0000;
}
 a.play-video .fa {
     font-size: 70px;
}
 .posts-list .post_item h3:after {
     position: absolute;
     content:"";
     bottom:0;
     left:0;
     right:0;
     margin: auto;
     width: 50px;
     height: 2px;
     background: #000000;
}
 .posts-list .post_item h3 a {
     overflow: hidden;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     display: -webkit-box;
}
 .wrapper-home-newsletter {
     background-image: none;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     padding: 60px 0;
     text-align: center;
}
 .wrapper-home-newsletter.lazyloaded {
    background-image: url(//theme.hstatic.net/200000104213/1000574319/14/bg-newsletter.jpg?v=580);
}
 .content-newsletter {
     color: #fff;
     max-width: 525px;
     margin: auto;
}
 .content-newsletter h2{
     font-size: 40px;
     line-height: 60px;
     font-weight: 900;
     color: #fff;
     text-transform: uppercase;
}
 .content-newsletter p {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin: 0 auto 20px;
}
 .content-newsletter form .form-group {
    position: relative;
}
 .content-newsletter input {
     width: 100%;
     height: 65px;
     line-height: 25px;
     color: #999999;
     padding: 20px;
     border-radius: 0;
     border: none;
     box-shadow: none;
     outline: none!important;
     transition: initial;
}
 .content-newsletter button {
     background: #000000;
     color: #fff!important;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     font-weight: 500;
     text-align: center;
     text-transform: uppercase;
     position: absolute;
     z-index: 0;
     top:0;
     right: 0;
     border-radius: 0;
     border: 1px solid transparent;
     height: 65px;
     width: 100px;
     padding: 15px;
}
 @media (min-width:1200px) {
     .wrapper-home-newsletter {
         background-attachment: fixed;
    }
}
/* 3.5 - Gallery */
 .list-gallery ul {
    margin:0;
    float: left;
}
 .list-gallery ul li {
     float: left;
     width: calc(100%/3);
     padding: 2px;
}
 .list-gallery ul li .gallery_item {
    position: relative;
    overflow: hidden;
    display: block;
}
 .list-gallery ul li .gallery_item:before {
     position: absolute;
     top: 0;
     left: -100%;
     z-index: 2;
     display: block;
     content: '';
     width: 50%;
     height: 100%;
     background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
     background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
     -webkit-transform: skewX(-25deg);
     transform: skewX(-25deg);
}
 .list-gallery ul li:hover .gallery_item:before {
     -webkit-animation: shine 1.1s;
     animation: shine 1.1s;
}
 @-webkit-keyframes shine {
    100% {
        left: 125%
    }
}
 @keyframes shine {
    100% {
        left: 125%
    }
}
 @media (max-width: 768px) {
     .list-gallery ul li {
        width: calc(100%/3);
        padding: 5px!important;
    }
}
/*-------------------------------------------*/
/* 4. FOOTER */
/*-------------------------------------------*/
.main-footer .main-footer--border {
    padding: 10px 0 8px;
    border-top: 1px dashed #e0d9d6;
    color: #fff;
}
/* 4.1 - Footer top */
 .form_newsletter {
    max-width: 500px;
}
 .form_newsletter .error-box,.form_newsletter .success.feedback{
    padding: 5px 0 0;
    margin:0;
}
 .main-footer .contact-form {
    position:relative;
}
 .main-footer .contact-form .input-group {
    display: flex;
    margin:0;
    width:100%;
}
 .main-footer .contact-form .input-group input {
    height:46px;
    width:100%;
    padding: 0 15px;
}
 .main-footer .contact-form .input-group button {
    white-space: nowrap;
    width: 40%;
}
 .social-list {
    margin: 15px 0;
}
 .social-list a {
     display: inline-block;
     width: 35px;
     height: 35px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #000000;
     color: #fff;
     text-align: center;
     line-height: 35px;
     font-size: 15px;
     margin: 0 10px 0 0;
     -webkit-transition: all 0.4s ease 0s;
     -o-transition: all 0.4s ease 0s;
     transition: all 0.4s ease 0s;
     position: relative;
     text-decoration: none !important;
}
 .social-list a:hover {
    background: #fff;
    color: #000000;
}
 .social-list a:after {
     width: 100%;
     height: 100%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     border: 4px solid #000000;
     -webkit-transition: all 0.4s ease 0s;
     -o-transition: all 0.4s ease 0s;
     transition: all 0.4s ease 0s;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     opacity: 0;
     filter: alpha(opacity=0);
}
 .social-list a:hover:after {
     opacity: 0.31;
     filter: alpha(opacity=100);
     -webkit-transform: scale(1.3);
     -ms-transform: scale(1.3);
     -o-transform: scale(1.3);
     transform: scale(1.3);
}
 .wrapper-home-banner{
     position: relative;
     z-index: 1;
     background: #fff;
     padding: 15px 0px 30px;
}
 .wrapper-home-banner::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: .1;
     z-index: -1;
     background-image: url(/theme/he-thong-cntt.jpg);
     background-repeat: no-repeat;
     background-position: center;
     background-attachment: fixed;
     background-size: cover;
     background-size: 100%;
}
/* 4.2 - Footer Bottom */
 .main-footer--bottom {
     color: #fff;
}
.main-footer h4 {
    font-size: 17px;
    letter-spacing: 0.02em;
    margin: 0 0 15px;
    position: relative;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
 .main-footer .footer-col {
     margin-bottom: 24px;
     line-height: 2;
}
.footer-content a {
    color: #ffffff !important;
}
 .main-footer .footer-content ul {
    margin-bottom: 15px;
}
 .main-footer .footer-content ul li{
    display: block;
    line-height: 28px;
    position:relative;
    padding-left:0px;
}
 .main-footer .footer-content ul li a, .main-footer .footer-content ul li span {
    position:relative;
    overflow: hidden;
}
 .main-footer .footer-content.toggle-footer ul li span {
    font-weight: 500;
}
 .main-footer .footer-content.toggle-footer ul li a:before, .main-footer .footer-content.toggle-footer ul li span:before {
     content: "";
     width: 7px;
     height: 1px;
     background: #000000;
     left: -18px;
     opacity: 1;
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     transition: all 0.4s ease-in-out 0s;
     -webkit-transition: all 0.4s ease-in-out 0s;
     -moz-transition: all 0.4s ease-in-out 0s;
}
 .main-footer .list-social {
    margin-bottom:10px;
}
 .main-footer .list-social li{
    display: inline-block;
    text-align: center;
    padding:0;
    margin-right: 12px;
}
 .main-footer .list-social li a{
     font-size: 12px;
     display: block;
     line-height: 22px;
     overflow: hidden;
     text-align: center;
     position: relative;
}
 .main-footer .list-social li span {
    font-weight: 600;
    margin-left:5px;
}
 .footer-static-content iframe {
    width:100%!important;
    position:relative!important;
}
 .footer-static-content .fb_iframe_widget > span {
    width:100%!important;
}
 .logo-footer {
    margin-bottom:20px;
}
 .logo-footer img {
    width:150px;
}
 .main-footer--copyright .main-footer--border {
    border-bottom: none;
}
 .main-footer--copyright p {
    text-align: center;
    margin-bottom:0;
}
 .main-footer .line {
    padding: 24px 0 0;
    border-top: 1px dashed #e0d9d6;
}
/* 4.3 - Scroll to top */
 .back-to-top {
    position: fixed;
    right: 10px;
    bottom: 15px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}
 .back-to-top.show {
     opacity: 1;
     visibility: visible;
     -webkit-transition: opacity .3s ease;
     -moz-transition: opacity .3s ease;
     transition: opacity .3s ease;
}
 .back-to-top .btt-label-back {
     display: inline-block;
     vertical-align: middle;
     line-height: 40px;
     -webkit-transform: rotate(-90deg) translateX(50%) translateY(50%);
     -moz-transform: rotate(-90deg) translateX(50%) translateY(50%);
     transform: rotate(-90deg) translateX(50%) translateY(50%);
}
 .back-to-top .btt-icon-back {
     position: absolute;
     bottom: 250%;
     left: 80%;
     -webkit-transform: translateX(-50%) translateY(0);
     -moz-transform: translateX(-50%) translateY(0);
     transform: translateX(-50%) translateY(0);
     -webkit-transition: -webkit-transform .45s cubic-bezier(0,.95,.77,1);
     transition: transform .45s cubic-bezier(0,.95,.77,1);
     will-change: transform;
}
/* 4.4 - Harafunnel mobile */
 .harafunnel-mb {
     position: fixed;
     right: 10px;
     bottom: 10%;
     z-index: 99;
     width: 70px;
     height: 70px;
     padding: 10px;
     background: #fff;
     border-radius: 50%;
     box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
     transition: box-shadow 150ms linear;
}
 .harafunnel-mb:hover {
    box-shadow: 0 5px 24px rgba(0, 0, 0, .3);
}
 .harafunnel-mb a {
    dislay: block;
}
 @media (max-width:767px) {
     .main-footer--top .row-flex {
        flex-wrap: wrap;
    }
     .form_newsletter {
        margin-bottom: 24px;
    }
     .social-list, .logo-footer {
        text-align: center;
    }
     .main-footer--bottom {
        margin: 24px 0;
    }
}
/*-------------------------------------------*/
/* 5. COLLECTION */
/*-------------------------------------------*/
 .wrap-collection-title .heading-collection {
    margin: 30px 0;
}
.wrap-collection-title .heading-collection h1 {
    font-size: 19px;
    font-weight: 500;
    margin: 0;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
}
 .alert-no p,.alert-no-filter p{
    margin:10px 0 20px;
}
/* 5.1 - Menu left */
 .tree-menu li a {
     padding: 5px 5px 5px 0;
     line-height: 26px;
     font-size: 12px;
     display: block;
     position: relative;
}
 .tree-menu > li > a {
     color: #272727;
     font-weight: 500;
     font-size: 14px;
     line-height: 28px;
     border-bottom: 1px dashed #e5e5e5;
}
 .tree-menu > li:last-child > a {
    border-bottom: none;
}
 .tree-menu li.has-child ul {
    display: none;
}
 .tree-menu li.has-child > ul {
    padding-left: 20px;
}
 .tree-menu li a .icon-control {
     font-size: 8px;
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
     opacity: 1;
}
 .tree-menu li a .icon-control.open i:before {
    content: "\f068";
}
/* 5.2 - Filter */
 .content-filter .option{
    margin-top:30px;
}
 .option .lb-filter{
     display: block;
     font-size: 15px;
     opacity: .92;
     margin-bottom: 0px;
}
 .custom-dropdown {
     display: inline-block;
     position: relative;
     vertical-align: middle;
     max-width: 100%;
     overflow: hidden;
     border-radius:0px;
}
 .custom-dropdown::after {
     content: "\f078";
     font-family: FontAwesome;
     font-size: 13px;
     color: #272727;
     opacity: .42;
     display: block;
     position: absolute;
     top: 10px;
     right: 17px;
}
 .option .custom-dropdown .custom-dropdown__select {
     font-size: 14px;
     width: 100%;
     display: block;
     height: 30px;
     padding: 0 20px 0 0;
     border-color: transparent;
     border-bottom: 1px solid #000;
     background-color: #fff;
     outline: 0;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
     -moz-appearance: none;
     -webkit-appearance: none;
     cursor: pointer;
     text-indent: 1px;
}
 .option .custom-dropdown{
     width: 100%;
}
 .option .custom-dropdown::after{
     content: "\f103";
     font-family: FontAwesome;
     font-size: 14px;
     color: #000;
     display: block;
     position: absolute;
     top: 9px;
     right: 2px;
}
 .option .option-children:not(:first-child) {
    margin-bottom: 30px;
}
 .option select option {
     background: #fff;
}
 .option.browse-tags .lb-filter{
    display: inline-block;
}
 .option.browse-tags .custom-dropdown {
    width: auto;
    float:right;
}
 .left-module {
    margin-bottom: 20px;
    overflow: hidden;
}
 .block .title_block {
     display: block;
     font-size: 14px;
     margin: 0 0 5px;
     font-weight: 700;
     text-transform: uppercase;
     background: #f2f5fa;
     padding: 8px 15px;
}
 .layered .layered_subtitle{
     text-transform: uppercase;
     font-size: 14px;
     line-height: 22px;
     padding: 10px 0 10px;
     cursor: pointer;
     position: relative;
}
 .layered .layered_subtitle span {
    font-weight: 600;
    font-size: 13px;
}
 .layered span.icon-control {
     position: relative;
     top:-2px;
     left: 5px;
     font-size: 8px;
}
 .group-filter[aria-expanded=false] .dropdown-filter .icon-control i:before {
    content: "\f067";
}
 .group-filter[aria-expanded=false] .layered-content {
    display: none;
    height:0;
}
 .group-filter[aria-expanded=true] .layered-content {
    height: auto;
}
 .group-filter .layered-content {
     -webkit-transition: all 0.2s;
     transition: all 0.2s;
}
 .check-box-list {
    margin: 0 0 10px;
}
 .check-box-list li{
    line-height: 20px;
    font-size: 12px;
}
 .check-box-list label{
     display: inline-block;
     cursor: pointer;
     line-height: 18px;
     font-weight: normal;
     margin-bottom:0;
     color:#272727;
}
 .items_left {
     width: 100%;
}
 .items_left {
     margin-top: 20px;
}
 .items_left .img-items_left {
     width: 75px;
     float: left;
}
 .items_left .des-items_left {
     width: calc(100% - 75px);
     float: left;
     padding-left: 10px;
}
 .items_left .des-items_left a {
     font-size: 13px;
}
 .des-items_left h3 {
     font-size: initial;
     margin: 0px;
}
 .block.left-module h2 {
     font-size: 18px;
     margin: 0px;
     margin-top: 20px;
}
 h1.h1_detail.margin-bottom-10 {
     font-size: 20px;
     margin-top: 15px;
}
 .ngaydang {
     margin-bottom: 10px;
     border-bottom: 1px solid #d9d9d9;
     padding-bottom: 5px;
}
 .share_social {
     float: right;
}
 .addthis_inline_share_toolbox {
     display: inline-block;
     height: 20px;
     position: relative;
     top: -7px;
}
 .googlemap iframe {
     width: 100%;
     margin-top: 23px;
     height: 170px;
     margin-bottom: 10px;
}
 b.btnclickOK input {
    background: #0000ba;
    border: 0px;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
}


.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 {
width: 100% !important;
display: inline-block;
overflow: hidden;
}

img#zoom_01 {
    height: 300px !important;
position: relative !important;
display: block;
margin: auto;
min-width: 100%;
}

div#gal1 {
margin-top: 10px;
overflow: initial;
display: block;
opacity: 1;
}

#gal1 img {
    height: 55px !important;
    width: initial !important;
    max-width: initial;
}

div#gal1 .owl-item {
    overflow: hidden;
}

#gal1 .owl-nav button.owl-prev,
#gal1 .owl-nav button.owl-next {
color: #fff !important;
font-size: 18px;
margin-top: -20px;
position: absolute;
top: 50%;
text-align: center;
line-height: 39px;
opacity: 0;
border: 1px solid #fff;
width: 40px;
height: 40px;
background: #cd3131;
}

#gal1 .owl-nav button.owl-prev {
left: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}

#gal1 .owl-nav button.owl-next {
right: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}

#gal1:hover .owl-nav button.owl-next {
right: 2%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity: 1;
}

#gal1:hover .owl-nav button.owl-prev {
left: 2%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.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: #cd3131;
border: 1px solid #cd3131;
}

@media (max-width: 592px) {

#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;
}
}

img {
max-width: 100%;
height: auto;
vertical-align: middle;
}

 .check-box-list li:hover label {
    color:#000000;
}
 .check-box-list input[type="checkbox"]{
    display: none;
}
 .filter-price li {
    font-size: 14px;
    margin-bottom:5px;
}
 .filter-price li:last-child {
    margin-bottom:0;
}
 .filter-price li span {
    font-size: 12px;
}
 .filter-color ul{
    padding: 0;
    margin: 0;
    overflow: hidden;
}
 .filter-color li{
    display: inline;
    margin: 0 10px 10px 0;
    line-height: normal;
    float: left;
}
 .filter-color li label{
     border: 1px solid #eaeaea;
     width: 25px;
     height: 25px;
     border-radius: 0;
     float: left;
     position: relative;
     background-size: contain;
}
 .filter-color li input[type="checkbox"]:checked + label:before{
     position: absolute;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     content: '';
     border-width: 0 0 2px 2px !important;
     height: 5px;
     width: 9px;
     z-index: 99;
     border: solid #fff;
     margin: 7px 0 0 7px;
}
 .filter-size li {
    text-align: center;
    margin-right: -1px;
    margin-bottom: -1px;
    float: left;
}
 .filter-size li label {
    width: 42px;
    height: 42px;
    line-height: 42px;
    position: relative;
    border: 1px solid #e5e5e5;
}
 .filter-size li input[type="checkbox"]:checked + label,.size-filter li:hover label {
     background-color: #111;
     color: #fff;
     border: 1px solid #111;
}
 .block .block_content {
    overflow-y: auto;
    overflow-x: hidden;
}
 .bl-filter [type="checkbox"]:not(:checked), .bl-filter [type="checkbox"]:checked {
     position: absolute;
     left: -9999px;
}
 .bl-filter [type="checkbox"]:not(:checked) + label, .bl-filter [type="checkbox"]:checked + label {
     position: relative;
     padding-left: 22px;
     cursor: pointer;
}
 .bl-filter [type="checkbox"]:not(:checked) + label:before, .bl-filter [type="checkbox"]:checked + label:before {
     content: '';
     position: absolute;
     left: 0;
     top: 2px;
     width: 14px;
     height: 14px;
     border: 1px solid #e5e5e5;
     background: #fff;
     border-radius: 2px;
}
 .bl-filter [type="checkbox"]:checked + label:before {
    border: 1px solid #000;
}
 .bl-filter [type="checkbox"]:not(:checked) + label:after, .bl-filter [type="checkbox"]:checked + label:after {
     position: absolute;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     content: '';
     border-width: 0 0 2px 2px !important;
     height: 4px;
     width: 7px;
     border: solid #111;
     margin: 9px 0 0 4px;
     left: 0;
     top: -3px;
     transition: all .2s;
}
 .bl-filter [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}
 .bl-filter [type="checkbox"]:checked + label:after {
    opacity: 1;
}
 .bl-filter label:hover:before {
    border: 1px solid #000 !important;
}
/*-------------------------------------------*/
/* 6. PRODUCT DETAIL */
/*-------------------------------------------*/
 //.product-detail-wrapper {
    padding: 30px 0;
}
 .product-detail-main {
    margin-bottom: 0px;
}
 .product-title {
     padding: 0 0 10px;
    border-bottom: 1px dotted #dfe0e1;
}
 .product-title h1 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
    line-height: initial;
}
 #pro_sku {
    font-size: 12px;
    color: #a3a5a7;
}
 .hook-reviews {
    border-bottom: 1px dotted #dfe0e1;
    padding-bottom: 15px;
}
 .hook-reviews .rating {
    line-height: 1;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    width
}
 .hook-reviews .rating .rating {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     z-index: 1;
     overflow: hidden;
     line-height: 1;
}
 .hook-reviews .rating .icon {
    display: inline-block;
}
 .hook-reviews .rating .icon::before {
     color: #d5d5d5;
     content: "\f005";
     font-family: "FontAwesome",sans-serif;
     font-size: 13px;
     font-style: normal;
}
 .hook-reviews .rating .icon.star-full::before {
    color: #ffae00;
}
 .number-rating {
    padding-left: 5px;
    font-size: 13px;
}
 .product-price {
    padding: 10px 0;
    border-bottom: 1px dotted #dfe0e1;
}
 .product-price span.pro-price {
     font-size: 18px;
     opacity: .92;
     font-weight: bold;
     color: #dd0000;
}
 .product-price span.pro-sale{
     display: inline-block;
     padding:5px 15px;
     margin-right: 10px;
     background: #f2f5fa;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 12px;
     color: #f94c43;
}
 .product-price del{
    font-size: 14px;
    color:#777a7b;
    padding-left: 10px;
    font-weight: 500;
}
 .product-extra {
     padding: 10px 0px;
}
 input#quantity1 {
     width: 40px;
     margin: 0px;
     height: 40px;
     border: 1px solid #d9d9d9;
     padding: 10px;
}
 button.Addcart.button {
     height: 40px;
     border: 0px;
     margin-right: 5px;
     font-size: 16px;
     font-weight: bold;
}
 .selector-actions {
     width: 100%;
    margin-top: 15px;
}
 .quantity-area {
    margin-bottom:15px;
}
 .quantity-area input#quantity {
     background: #fff;
     font-weight: 600;
     height: 32px;
     padding: 0;
     text-align: center;
     width: 70px;
     border: 1px solid #f3f4f4;
     border-left: none;
     border-right: none;
     border-radius: 1px;
     float: left;
     -webkit-appearance: none;
}
 .quantity-area input.qty-btn {
     float: left;
     background: #f3f4f4;
     border: solid 1px #f3f4f4;
     cursor: pointer;
     font-weight: 600;
     font-size: 16px;
     outline: none;
     height: 32px;
     width: 32px;
     text-align: center;
     border-radius: 0;
}

 a.btn-check, button.buy-now, button.btn-addtocart{
     font-weight: bold;
     text-transform: uppercase;
}
 button.buy-now {
    margin-left: 15px;
    border: 1px solid #0000ba;
}
 button.buy-now:before {
    background-color: #0000ba;
}
 a.btn-check {
    margin-bottom:0;
    border: 1px solid #4267b2;
     padding: 11px 15px;
}
 a.btn-check:before {
    background-color: #4267b2;
}
 button.btn-addtocart {
    border: 1px solid #000000;
}
 button.btn-addtocart:before {
    background-color: #000000;
}
 button.btn-addtocart[disabled] {
    opacity: 0.8;
}
.product-description {
    margin: 20px 0;
    position: relative;
    top: 17px;
}

.tab-contents {
    padding: 15px;
    background: #F5F5F5;
    height: 320px;
}
 .product-description .title-bl h2, .product-description h2, .product-description h3{
     font-size:14px;
     font-weight:700;
     display: inline-block;
     text-decoration: underline;
}
 .product-description #detail_more {
    display: none;
}
 .product-description ul {
    list-style: initial;
    padding-left: 20px;
}
 .product-gallery__thumbs-container {
    width: 9%;
    margin-right: 10px;
}
 .product-gallery__thumbs {
     box-sizing: border-box;
     width: 100%;
     position: -webkit-sticky;
     position: sticky;
     top: 80px;
     padding-bottom:1px;
}
 .product-gallery__thumb a {
    background-color: #f3f3f3;
    display: block;
}
 .product-gallery__thumb {
    line-height: 0;
    margin-bottom: 10px;
    border: 1px solid #f7f7f8;
     width: 100%
}
 .product-gallery__thumb:last-child {
    margin-bottom: 0
}
 .product-gallery__thumb:hover {
    border-color: #a3a5a7
}
 .product-gallery__thumb img {
    cursor: pointer;
    background-color: #f7f7f8;
    width: 100%
}
 .product-gallery__thumb.active, .product-gallery__thumb.active:hover {
    border-color: #000000;
}
 .product-gallery__thumb.active img {
    opacity: .9;
    width: 100%
}
 .product-gallery {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex 
}
 .product-image-detail {
    width: 91%;
    padding-left: 10px;
    position:relative;
}
 .product-gallery-item {
    text-align:center;
    margin-bottom: 10px
}
 .product-full-img {
    text-align: center;
}
 .product-full-img .no_image {
    width: 50%;
}
/* Style variant */
 .product-image-detail ul {
    margin:0;
}
 .selector-wrapper,.select {
    display: none;
}
 .swatch {
     padding:10px 0;
    width: 100%;
     float: left;
    border-bottom: 1px dotted #dfe0e1;
}
 .swatch .header{
    margin:0 0 8px;
    font-size:13px;
    text-align:left;
    line-height: initial;
}
 .swatch input {
     display:none;
}
 .swatch > label.tt-label {
     margin-right: 10px;
     font-size: 14px;
     font-weight: 500;
     vertical-align: middle;
     text-transform: uppercase;
     width: 85px;
     text-align: right;
}
 .swatch .select-swap {
    display: inline-block;
     vertical-align: middle;
}
 .swatch input {
    display: none;
}
 .swatch .swatch-element {
    display: inline-block;
     margin-right: 8px;
    position: relative;
    vertical-align: bottom;
}
 .swatch .swatch-element label{
     display: block;
     margin: 0;
     background: #fff;
     width: auto;
     height: 40px;
     line-height: 40px;
     position: relative;
     border: 1px solid #e5e5e5;
     font-size: 12px;
     font-weight: 500;
     text-align: center;
     cursor: pointer;
     padding: 0 5px;
}
 .swatch .swatch-element.color.soldout label span {
    overflow: hidden;
    position: relative;
}
 .swatch .swatch-element.color.soldout label span:before {
     content:"";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     width: 50%;
     height:50%;
     background: url(//theme.hstatic.net/200000104213/1000574319/14/sold_out.png?v=580) no-repeat;
     background-size: contain;
}
 .swatch .swatch-element.color label{
    width:30px;
    height:30px;
    padding:3px;
    border-radius: 50%;
    border: none;
}
 .swatch .swatch-element.color span {
     display: block;
     width: 100%;
     height: 100%;
     margin-top: 0;
     font-size: 0;
     border-radius: 50%;
     border: 1px solid #f5f5f5;
}
 .swatch .swatch-element.color label.sd {
    background: transparent;
    border:1px solid #808284
}
 .swatch .swatch-element label.sd{
    border: 1px solid #000;
    background: #000;
    color: #fff;
}
 .swatch .swatch-element.soldout:not(.color) label {
    overflow: hidden;
}
 .swatch .swatch-element.soldout:not(.color) label:before {
     content:"";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     width: 50%;
     height:50%;
     background: url(//theme.hstatic.net/200000104213/1000574319/14/sold_out.png?v=580) no-repeat;
     background-size: contain;
}
 label[for="product-select-option-0"] {
     display: none;
}
 label[for="product-select-option-1"] {
     display: none;
}
 label[for="product-select-option-2"] {
     display: none;
}
 #product-select-option-0 {
     display: none;
}
 #product-select-option-1 {
     display: none;
}
 #product-select-option-2 {
     display: none;
}
 #product-select-option-0 + .custom-style-select-box {
     display: none !important;
}
 #product-select-option-1 + .custom-style-select-box {
     display: none !important;
}
 #product-select-option-2 + .custom-style-select-box {
     display: none !important;
}
 @media (max-width:767px) {
     .swatch .swatch-element.color {
        margin:5px 8px 5px 0;
    }
}
/* Setting varian màu sắc */
 .color.swatch-element label.cam span {
     background: #fb4727 !important;
}
 .color.swatch-element label.kem span {
     background: #fdfaef !important;
}
 .color.swatch-element label.tim span {
     background: #3e3473 !important;
}
 .color.swatch-element label.trang span {
     background: #ffffff !important;
}
 .color.swatch-element label.xanh-ngoc span {
     background: #75e2fb !important;
}
 .color.swatch-element label.xam span {
     background: #cecec8 !important;
}
 .color.swatch-element label.xanh span {
     background: #6daef4 !important;
}
 .color.swatch-element label.den span {
     background: #000000 !important;
}
 .color.swatch-element label.do span {
     background: #e2262a !important;
}
 .color.swatch-element label.hong span {
     background: #ee8aa1 !important;
}
 .color.swatch-element label.reu span {
     background: #4a5250 !important;
}
 .color.swatch-element label. span {
     background: #6ab04c !important;
}
 .color.swatch-element label. span {
     background: #0c2461 !important;
}
 .color.swatch-element label. span {
     background: #fa8231 !important;
}
 .color.swatch-element label. span {
     background: #d35400 !important;
}
 .color.swatch-element label. span {
     background: #ffffff !important;
}
 .color.swatch-element label. span {
     background: #ffffff !important;
}
 .color.swatch-element label. span {
     background: #aa6e6d !important;
}
 .color.swatch-element label. span {
     background: #fac5a7 !important;
}
 .color.swatch-element label. span {
     background: #f7e7d8 !important;
}
 .color.swatch-element label. span {
     background: #ebb088 !important;
}
 .color.swatch-element label. span {
     background: #c47a4a !important;
}
 .color.swatch-element label. span {
     background: #ffffff !important;
}
 .color.swatch-element label. span {
     background: #ffffff !important;
}
 .color.swatch-element label. span {
     background: #ffffff !important;
}
 .color.swatch-element label. span {
     background: #ffffff !important;
}
 .color.swatch-element label. span {
     background: #ffffff !important;
}
 .color.swatch-element label. span {
     background: #ffffff !important;
}
 .color.swatch-element label. span {
     background: #ffffff !important;
}
 .color.swatch-element label. span {
     background: #ffffff !important;
}
 .tag-wrapper label{
     display: inline-block;
    margin-right:10px;
    font-size:14px;
    font-weight:700;
}
 .tag-wrapper ul.tags {
    display: inline-block;
}
 .tag-wrapper ul.tags li {
    display: inline-block;
    list-style-type: none;
    margin-right:3px;
}
 .tag-wrapper ul.tags li:after {
    content: ",";
}
 .product-image__button {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index:10;
}
 .product-sharing,.product-zoom,.gallery-index{
    position: absolute;
    z-index: 6;
}
 .product-sharing{
     display: none;
     height: auto;
     width: 26px;
     left: 10%;
     bottom: 50px;
     cursor: pointer;
     padding-bottom: 30px;
     -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     -webkit-transition:transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
 .product-sharing .icon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
}
 .product-sharing a {
     width: 26px;
     position: absolute;
     text-align: center;
     padding: 30px 0;
     margin-bottom: 0;
     opacity: 0;
     visibility: hidden;
     display: block;
     -ms-transform:transform: translateY(50%);
     -webkit-transform:transform: translateY(50%);
     transform: translateY(50%);
}
 .product-sharing a:nth-child(2){
    bottom:30px;
    -ms-transition:all 150ms linear;
    -webkit-transition:all 150ms linear;
    transition:all 150ms linear
}
 .product-sharing a:nth-child(3){
    bottom:80px;
    -ms-transition:all 150ms linear 100ms;
    -webkit-transition:all 150ms linear 100ms;
    transition:all 150ms linear 100ms
}
 .product-sharing a:nth-child(4){
    bottom:130px;
    -ms-transition:all 150ms linear 200ms;
    -webkit-transition:all 150ms linear 200ms;
    transition:all 150ms linear 200ms
}
 .product-sharing a:nth-child(5){
    bottom:130px;
    -ms-transition:all 150ms linear 200ms;
    -webkit-transition:all 150ms linear 200ms;
    transition:all 150ms linear 200ms
}
.product-sharing a:nth-child(5){
    bottom:180px;
    -ms-transition:all 150ms linear 300ms;
    -webkit-transition:all 150ms linear 300ms;
    transition:all 150ms linear 300ms
}
 .product-sharing:hover a{
    -ms-transform:translateY(0);
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
    visibility:visible
}
 .product-sharing a svg{
    fill:#000;
    width:24px;
    height:24px;
}
 .product-sharing a:hover svg{
    fill:#000000;
}
 .product-zoom {
     width: 30px;
     height: 30px;
     overflow: visible;
     cursor: pointer;
     top: auto;
     bottom: 48px;
     right: 0;
     left: 0;
     margin:auto;
     -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
     -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
     transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
 .product-zoom polyline,.product-sharing .icon svg{
    fill:#000;
}
 .product-zoom polyline{
    -ms-transform:scale(0.9);
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
    transform-origin:center;
    -ms-transition:transform 150ms linear;
    -webkit-transition:transform 150ms linear;
    transition:transform 150ms linear
}
 .product-zoom:hover polyline:nth-child(1){
    -ms-transform: scale(0.9) translate3d(-2px, -2px, 0);
     -webkit-transform: scale(0.9) translate3d(-2px, -2px, 0);
    transform: scale(0.9) translate3d(-2px, -2px, 0);
}
 .product-zoom:hover polyline:nth-child(2){
    -ms-transform:scale(0.9) translate3d(2px, -2px, 0);
    -webkit-transform:scale(0.9) translate3d(2px, -2px, 0);
    transform: scale(0.9) translate3d(2px, -2px, 0);
}
 .product-zoom:hover polyline:nth-child(3){
    -ms-transform:scale(0.9) translate3d(2px, 2px, 0);
    -webkit-transform:scale(0.9) translate3d(2px, 2px, 0);
    transform: scale(0.9) translate3d(2px, 2px, 0);
}
 .product-zoom:hover polyline:nth-child(4){
    -ms-transform:scale(0.9) translate3d(-2px, 2px, 0);
    -webkit-transform:scale(0.9) translate3d(-2px, 2px, 0);
    transform:scale(0.9) translate3d(-2px, 2px, 0)
}
 .gallery-index {
     display: none;
     bottom: 55px;
     width: 47px;
     font-size:13px;
     text-align: center;
     font-weight: bold;
     cursor: default;
     right: 10%;
     -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
 .icon-pr-fix{
    -ms-transition:transition: all 300ms linear;
    -webkit-transition:transition: all 300ms linear;
    transition:all 300ms linear
}
/* Zoom product */
 #divzoom {
     position: fixed;
     display: none;
     z-index: 1000;
     top: 0;
     left: 0;
     height: 100vh;
     overflow: hidden;
     width: 100vw;
     background: #fff;
}
 #divzoom #closedivZoom {
     position: absolute;
     z-index: 1000;
     border: 2px solid #333;
     top: 15px;
     right: 20px;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: transparent;
}
 #divzoom #closedivZoom i:before {
     content: "";
     position: absolute;
     width: 20px;
     height: 2px;
     background: #333;
     left: 20%;
     top: calc(50% - 3px);
     z-index: 1001;
     display: block;
     -webkit-transform:rotate(45deg);
     -moz-transform:rotate(45deg);
     -o-transform:rotate(45deg);
     transform: rotate(45deg);
}
 #divzoom #closedivZoom i:after {
     content: "";
     position: absolute;
     width: 20px;
     height: 2px;
     background: #333;
     right: 30%;
     top: calc(50% - 3px);
     z-index: 1001;
     display: block;
     -webkit-transform:rotate(-45deg);
     -moz-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
     transform: rotate(-45deg);
}
 #divzoom #closedivZoom i {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
}
 .divzoom_main{
     height: calc(100vh - 40px);
}
 .divzoom_main .product-thumb{
    height:100%;
    width:100%;
}
 .divzoom_main .product-thumb img{
    max-height:100%;
}
 body.open_layer {
    overflow: hidden;
}
.list-productRelated h2 {
    font-size: 22px;
    line-height: 1.6;
    margin: 10px 0 10px;
    font-weight: 500;
    position: relative;
    padding: 0 0 15px;
    display: inline-block;
}
 .list-productRelated h2:before {
     position: absolute;
     content: "";
     display: block;
     width: 55px;
     height: 1px;
     bottom: -1px;
     left: 0;
     right: 0;
     margin: 0 auto;
     background: #000000;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .list-productRelated .pro-loop .product-img button {
    width: 70%;
}
 .description-productdetail table {
    min-width: initial!important;
}
/* style product page */
 .pr_style_02 .product-image-detail {
    width: 100%;
    padding-left: 0px;
    position:relative;
}
 .pr_style_02 .product-gallery-item {
    margin-bottom: 10px
}
 .pr_style_02 .product-gallery-item.shadow {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
}
 .pr_style_01 .product-gallery-item img,.pr_style_02 .product-gallery-item img {
    border: 1px solid #f7f7f8;
}
 @media(min-width:992px){
     .product-content-desc{
        position: -webkit-sticky;
        position: sticky;
        top: 80px;
    }
     .pr_style_02 .product-gallery-item {
        width: 50%;
        padding-right:5px;
        float:left;
    }
     .pr_style_02 .product-gallery-item:nth-of-type(2n) {
        padding-left:5px;
        padding-right:0;
    }
     .pr_style_03 .product-gallery__thumbs {
        position: initial;
        top: 0;
    }
}
/*-------------------------------------------*/
/* 7. BLOG - ARTICLE */
/*-------------------------------------------*/
 .list-article-content .news-content{
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
 .blog-posts .blog-loop {
    margin-bottom: 25px
}
 .blog-posts .blog-loop:nth-of-type(3n+1){
    clear: both;
}
 .blog-posts .blog-post .blog-post-thumbnail {
    display: block;
    overflow: hidden
}
 .blog-posts .blog-post .blog-post-thumbnail img {
     -webkit-transition: all 1s ease-in-out 0s;
     -khtml-transition: all 1s ease-in-out 0s;
     -moz-transition: all 1s ease-in-out 0s;
     -ms-transition: all 1s ease-in-out 0s;
     -o-transition: all 1s ease-in-out 0s;
     transition: all 1s ease-in-out 0s;
     -webkit-transform: scale(1);
     -khtml-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1) 
}
 .blog-posts .blog-post .blog-post-thumbnail:hover img {
     -webkit-transform: scale(1.2);
     -khtml-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2) 
}
 .blog-posts .blog-post .blog-post-title {
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0
}
 .blog-posts .blog-post .blog-post-title a {
    color:#272727;
}
 .blog-posts .blog-post .blog-post-title a:hover {
    color:#000000;
}
 .blog-posts .blog-post .blog-post-meta {
    margin-bottom: 15px;
    color: #999
}
 .blog-posts .blog-post .blog-post-meta>span:after {
    content: 'http://theme.hstatic.net/';
    padding-left: 4px
}
 .blog-posts .blog-post .blog-post-meta>span:last-child:after {
    content: ''
}
 .blog-posts .blog-post .blog-post-meta a {
    color: #999
}
 .blog-posts .blog-post .blog-post-meta a:hover {
    color: #000000
}
/* article */
 .box-article-heading h1{
    margin:20px 0;
    font-size: 24px;
}
 .box-article-heading .header-page {
    z-index:9;
}
 .box-article-heading .header-page:after {
    background:#000;
}
 ul.article-info-more li{
    opacity: 0.85;
    display: inline-block;
    margin-right: 10px;
     font-size: 13px;
    font-weight: 600;
}
 ul.article-info-more li i{
    margin-right:5px;
}
 .meta-tags .tags-title{
    font-weight: 500;
}
 .meta-tags a.tag{
    opacity: 0.8;
    font-style: italic;
    font-size: 14px;
}
 .meta-tags a.tag:after {
    content: ",";
     margin: 1px;
}
 .post-navigation {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight:600;
}
 .post-navigation .right{
    float: right;
}
 .post-navigation .left{
    float:left;
}
 .article-pages,.meta-tags,.article-comment .comment_form,.post-navigation {
     margin-bottom: 40px;
}
 .article-pages * {
    max-width: 100%!important;
}
 .article-pages ul{
    list-style: initial;
     padding-left: 20px;
}
 .article-pages ol{
    list-style-type: decimal;
    padding-left: 20px;
}
 .article-pages ul ul{
     list-style-type: circle;
}
 .article-pages ul ul ul{
     list-style-type: square;
}
 .article-comment .title-bl h2 {
     font-size: 20px;
    text-transform: uppercase;
     font-weight: 600;
     margin-bottom:30px;
}
 .article-comment .title-bl h2:after {
     content: "";
     display: block;
     margin-top: 25px;
     width: 30px;
     height: 3px;
     background:#252a2b;
}
 .article-comment .comment_form .form-group input,.article-comment .comment_form .form-group textarea{
     box-shadow: none;
     background: #ededed;
     color: #272727;
     border: 0;
    border-radius: 0;
}
 .article-comment .comment_form .form-group input{
     padding: 0 20px;
     height: 55px;
}
 .article-comment .comment_form .form-group textarea{
    padding:20px;
    resize: none;
}
 .article-comment .comment_form button.btn-rb{
     background:#000000;
     border: 0;
     height: 55px;
     display: inline-block;
     padding: 0 30px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 13px;
}
 .article-comment .comment_form button.btn-rb:hover{
    background: #000000;
}
 #article h3.author {
    font-size: 14px;
    font-style: normal;
     text-transform: capitalize;
}
 #binhluan .date {
    float: right;
    color: rgb(51, 51, 51);
    font-size: 12px;
}
 #binhluan .comment-user{
    padding: 25px 0;
    border-bottom: 1px solid #ededed;
}
/*Sidebar Blog*/
 .news-latest, .menu-blog {
    margin: 0 0 30px;
    position: relative;
    padding: 20px;
    border: 1px solid #e3e5ec;
    background:#fff;
}
 .sidebarblog-title h2 {
     font-size: 18px;
     text-transform:uppercase;
     margin-bottom: 20px;
     padding-bottom: 10px;
     border-bottom: 2px solid #000000;
     text-align: center;
}
 .sidebarblog-title h2 span {
    display: none;
}
 .list-news-latest .item-article {
    border-bottom: 1px #efefef dotted;
    padding: 15px 0;
    margin: 0;
}
 .list-news-latest .item-article:last-child{
    border-bottom:none;
}
 .list-news-latest .item-article .post-image {
    width: 30%;
    float: left;
    position: relative;
}
 .list-news-latest .item-article .post-content {
    width: 70%;
    float: left;
    padding-left: 10px;
}
 .list-news-latest .item-article .post-content h3 {
    margin: 0 0 5px;
    font-size: 14px;
}
 .list-news-latest .item-article .post-content span.author {
    font-size: 12px;
}
 .menuList-links{
    margin:0;
}
 .menuList-links li {
     position: relative;
     font-weight: 500;
     font-size: 14px;
}
 .menuList-links li a {
    position: relative;
    font-size: 13px;
    display: block;
}
 .menuList-links > li{
    border-bottom: 1px dashed #e7e7e7;
}
 .menuList-links > li:last-child{
    border-bottom: none;
}
 .menuList-links > li > a {
    color: #272727;
    padding:12px 0;
    font-weight: 600;
    font-size: 14px;
}
 .menuList-links > li.has-submenu >a{
    padding-right:30px
}
 .menuList-links > li.has-submenu span.icon-plus-submenu {
     width: 25px;
    height:25px;
    cursor: pointer;
     position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
     border: 1px solid transparent;
}
 .icon-plus-submenu:after, .icon-plus-submenu:before {
     background: rgba(9,9,9,0.6);
     content: '';
    display: block;
     position: absolute;
     margin-right:7px;
     top: 50%;
    right: 0;
     -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}
 .icon-plus-submenu:before{
     width: 9px;
    height: 1px;
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .icon-plus-submenu:after {
     width: 1px;
     height:9px;
     right:4px;
     transform-origin: center;
     -moz-transform: translateY(-50%) scale(1, 1);
     -ms-transform: translateY(-50%) scale(1, 1);
     -webkit-transform: translateY(-50%) scale(1, 1);
     transform: translateY(-50%) scale(1, 1);
}
 li.has-submenu.opened > a .icon-plus-submenu:after {
     -moz-transform: translateY(-50%) scale(1, 0);
     -ms-transform: translateY(-50%) scale(1, 0);
     -webkit-transform: translateY(-50%) scale(1, 0);
     transform: translateY(-50%) scale(1, 0);
}
 .menuList-links > li.has-submenu .icon-plus-submenu:hover{
    border:1px solid #e7e7e7;
}
 ul.menuList-links li ul.submenu-links{
    display: none;
}
 ul.submenu-links li a{
     padding: 8px 0 8px 0px;
}
 li.has-submenu.level0 > ul.submenu-links{
    border-top: 1px dashed #e7e7e7
}
 li.has-submenu.level0 > ul.submenu-links li a{
    padding-left:12px;
}
 li.has-submenu.level1 > ul.submenu-links li a{
    padding-left:25px;
}
/*-------------------------------------------*/
/* 8. ABOUT - CONTACT */
/*-------------------------------------------*/
 .page-wrapper ul, .page-wrapper ol {
    margin-bottom:15px;
    padding-left: 40px;
}
 .page-wrapper ul {
    list-style-type: initial;
}
 .header-page-contact h1{
    font-size:30px;
    font-weight:700;
    margin:0px 0
}
 .header-page-contact:after {
     content: "";
     display: block;
     width: 50px;
     height: 4px;
     margin-top: 20px;
     background:#272727;
     margin-bottom: 30px;
}
 .box-info-contact li {
    margin-bottom: 30px;
}
 .box-info-contact li p {
    margin-bottom: 0;
    color:#666;
    font-weight: 500;
}
 .box-info-contact li p strong{
    font-weight:600;
    color:#272727;
}
 .box-send-contact h2 {
    font-weight:700;
    font-size: 25px;
    margin:40px 0 35px;
}
 .box-send-contact h2:after {
    content: "";
    display: block;
    margin-top: 25px;
    width: 30px;
    height: 3px;
    background:#272727;
}
 .contact-form .input-group {
    width: 100%;
    margin-bottom: 20px;
}
 .contact-form .input-group input, .contact-form .input-group textarea{
     border: 1px solid #e7e7e7;
     box-shadow: none;
     height: 45px;
     font-weight: 500;
     padding: 0 20px;
     background: #fff;
     color:#272727;
     width:100%;
}
 .contact-form .input-group textarea {
    width: 100%;
    height:130px;
    padding:20px 20px;
}
 .contact-form .input-group textarea:focus {
    outline: none;
}
 .wrapbox-content-page-contact{
    padding:50px 15px 50px 50px;
}
 .wrapbox-content-page {
    padding-bottom: 30px;
}
 .sidebar-page .group-menu {
    margin: 0 0 30px;
    position: relative;
    padding: 20px;
    border: 1px solid #e3e5ec;
}
 .sidebar-page .page_menu_title h2 {
     font-size: 18px;
     text-transform:uppercase;
     margin-bottom: 20px;
     padding-bottom: 10px;
     border-bottom: 2px solid #272727;
     text-align: center;
}
 .sidebar-page .box_image {
    margin-bottom: 30px;
}
 .box_image .banner {
    position: relative;
    overflow: hidden;
}
 .box_image .banner img {
     width:100%;
     -webkit-transition: all 1s ease-in-out 0s;
     -khtml-transition: all 1s ease-in-out 0s;
     -moz-transition: all 1s ease-in-out 0s;
     -ms-transition: all 1s ease-in-out 0s;
     -o-transition: all 1s ease-in-out 0s;
     transition: all 1s ease-in-out 0s;
     -webkit-transform: scale(1);
     -khtml-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
}
 .box_image .banner:hover img {
     -webkit-transform: scale(1.2);
     -khtml-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
}
/*-------------------------------------------*/
/* 9. CART PAGE */
/*-------------------------------------------*/
 #layout-cart .heading-cart {
    font-size:30px;
    text-transform: uppercase;
    margin: 0 0 25px;
    text-align: center;
}
 #layout-cart .heading-cart.has-notify{
     margin-bottom: 5px;
}
 #layout-cart .list-pageform-cart .cart-row {
    background: #fafafa;
    padding: 15px;
}
 #layout-cart .list-pageform-cart .cart-row:after {
    content: "";
    display: table;
    clear: both;
}
 #layout-cart .list-pageform-cart .form-control {
    box-shadow: none;
    border-color:#dfe0e1;
    border-radius:0;
}
 #layout-cart .list-pageform-cart .title-number-cart {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 10px;
}
 #layout-cart .list-pageform-cart {
    margin-bottom: 25px;
}
 #cartformpage:after {
    content: "";
    display: table;
    clear: both;
}
 #cartformpage .table-cart {
     background: #fff;
}
 #cartformpage .table-cart .item {
     padding-top: 10px;
     padding-bottom: 10px;
     display: flex;
     border-bottom: 1px solid #f1f1f1;
}
 #cartformpage .table-cart .item:last-child {
     border-bottom: none;
}
 #cartformpage .table-cart .item .left {
    display: inline-flex;
    width: 13%;
     padding: 0 20px;
}
 #cartformpage .table-cart .item .left .item-img {
    margin: 0 auto;
}
 #cartformpage .table-cart .item .right {
    display: inline-flex;
    width: 85%;
}
 #cartformpage .table-cart .item .right .item-info {
    display: inline-flex;
    width: 40%;
    align-items: center;
}
 #cartformpage .table-cart .item .right .item-info a {
    text-decoration: none;
    color: #000;
     display: inline-block;
}
 #cartformpage .table-cart .item .right .item-info a .item-desc {
    font-size: 12px;
    color: #777;
    margin-top: 3px;
}
 #cartformpage .table-cart .item .right .item-info a h3 {
    font-size: 14px;
    margin-bottom: 5px;
}
 #cartformpage .table-cart .item .right .item-quan {
     display: inline-flex;
     width: 20%;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}
 #cartformpage .table-cart .item .right .item-quan .qty-click input.item-quantity {
     font-weight: 500;
     font-size: 15px;
    height: 25px;
     padding: 0;
    text-align: center;
     width: 35px;
    background: #ededed;
    border: 1px solid #dadbdd;
     border-radius: 0;
     float: left;
    -webkit-appearance: none;
}
 #cartformpage .table-cart .item .right .item-quan .qty-click {
    float: left;
}
 #cartformpage .table-cart .item .right .item-quan .qty-click button.qty-btn {
     background: #fff;
     font-weight: 500;
     font-size: 14px;
     color: #abafb2;
     height: 25px;
     padding: 0;
     text-align: center;
     width: 25px;
     border: 1px solid #dadbdd;
     border-radius: 0;
     float: left;
     -webkit-appearance: none;
}
 #cartformpage .table-cart .item .right .item-quan .qty-click button.qtyplus.qty-btn{
    border-left: none;
}
 #cartformpage .table-cart .item .right .item-quan .qty-click button.qtyminus.qty-btn{
    border-right: none;
}
 #cartformpage .table-cart .item .right .item-quan .qty-click button.qty-btn:focus {
    outline: none;
}
 #cartformpage .table-cart .item .right .item-price {
     display: inline-flex;
     width: 15%;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
 #cartformpage .table-cart .item .right .item-price .price_item {
    font-size: 15px;
    font-weight: bold;
}
 #cartformpage .table-cart .item .right .item-price del {
    font-size: 13px;
    color: #555;
}
 #cartformpage .table-cart .item .right .item-price .label-percent {
    font-size: 13px;
    color: #777;
}
 #cartformpage .table-cart .item .right .item-price .label-percent span {
    color: #E50000;
    font-size: 15px;
    font-weight: bold;
}
 #cartformpage .table-cart .item .right .item-total-price {
     display: inline-flex;
     text-align: center;
     width: 25%;
     flex-direction: column;
     justify-content: center;
     font-size: 15px;
     font-weight: bold;
     color: #a73340;
}
 #cartformpage .table-cart .item .right .item-total-price div span {
     display: block;
     font-weight: normal;
     font-size: 13px;
     color: #777;
}
 #cartformpage .table-cart .item .right .item-total-price span.line-item-total {
     font-weight: bold;
     color: #a73340;
}
 #cartformpage .table-cart .item .right .item-total-price .remove a {
    display: block;
    margin-top:5px;
}
 #cartformpage .table-cart .item .right .item-total-price .remove img {
    width: 16px;
}
 #layout-cart .continue {
     display: block;
     margin-top: 40px;
     text-align: right;
     margin-bottom: 5px;
}
 #layout-cart .update-btn {
     display: inline-block;
     padding: 7px 20px;
     color: #fff;
     text-decoration: none;
     background: #000;
     float: right;
     border-radius: 0;
}
 #layout-cart .order-summary-block {
     border: 1px solid #dfe0e1;
     padding: 15px;
     margin-bottom: 15px;
}
 #layout-cart .order-summary-block .order-summary-title {
     font-size: 17px;
     font-weight: bold;
     margin-top: 10px;
     margin-bottom: 15px;
}
 #layout-cart .order-summary-block .summary-subtotal span {
     font-weight: bold;
     float: right;
}
 #layout-cart .order-summary-block .summary-subtotal span.warning {
     font-weight: normal;
     font-size: 13px;
     max-width: 55%;
     text-align: right;
}
 #layout-cart .order-summary-block .summary-total {
     padding-bottom: 10px;
     border-top: 1px dotted #dfe0e1;
     padding-top: 15px;
     font-weight: bold;
}
 #layout-cart .order-summary-block .summary-total:after {
     content: "";
     display: table;
     clear: both;
}
 #layout-cart .order-summary-block .summary-total p {
     margin-bottom: 5px;
}
 #layout-cart .order-summary-block .summary-total span {
     font-weight: bold;
     float: right;
}
 #layout-cart .order-summary-block .summary-total .shipping-note {
     font-size: 12px;
     color: #777;
     font-weight: 400;
}
 #layout-cart .order-summary-block .summary-action {
     border-top: 1px dotted #dfe0e1;
     padding-top: 10px;
     text-align: center;
}
 #layout-cart .order-summary-block .summary-action p {
     font-size: 13px;
     color: #777;
     font-weight: 400;
     text-align: left;
}
 #layout-cart .order-summary-block .summary-action .checkout-btn {
     display: block;
     background: #000;
     color: #fff;
     text-decoration: none;
     text-transform: uppercase;
     padding: 10px 5px;
     text-align: center;
     font-size: 15px;
     font-weight: bold;
     border-radius: 0;
}
 #layout-cart .order-summary-block .summary-action .checkout-btn:hover {
     background: #000;
}
 #layout-cart .order-summary-block .summary-action .checkout-btn.disable {
     pointer-events: none;
     background: #c7c7c7;
}
 #layout-cart .get-code a.btn-check {
    padding: 6px 15px;
}
 #layout-cart .empty-page-cart {
    margin-top: 15px;
}
 #layout-cart .list-pageform-cart .policy_return h4 {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
}
 #layout-cart .list-pageform-cart .policy_return li {
    display: block;
    line-height: 25px;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
}
 #layout-cart .list-pageform-cart .policy_return li:before {
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
     text-decoration: inherit;
     content: "\f178";
     font-size: 10px;
     left: 0;
     opacity: 1;
     position: absolute;
     transition: all 0.4s ease-in-out 0s;
     -webkit-transition: all 0.4s ease-in-out 0s;
     -moz-transition: all 0.4s ease-in-out 0s;
}
 .expanded-message .link-continue {
    margin: 15px 0;
}
 @media (min-width: 992px){
     .sidebar-cart-fix {
         position: -webkit-sticky;
         position: sticky;
         top: 40px;
    }
}
 @media (max-width:991px) {
     #layout-cart .continue {
        margin: 10px 0;
    }
     #layout-cart .list-pageform-cart .policy_return h4 {
        margin:15px 0;
    }
}
 @media (max-width:767px) {
     #layout-cart .list-pageform-cart .cart-row {
         margin-left: -15px;
         margin-right: -15px;
    }
     #cartformpage .table-cart .item .left {
         display: inline-block;
         width: 25%;
    }
     #cartformpage .table-cart .item .right {
         display: inline-block;
         width: 75%;
         position: relative;
    }
     #cartformpage .table-cart .item .right .item-info {
        display: block;
        width: 80%;
    }
     #cartformpage .table-cart .item .right .item-quan {
        display: block;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        float: left;
    }
     #cartformpage .table-cart .item .right .item-price {
         display: inline-block;
         width: 50%;
         float: left;
    }
     #cartformpage .table-cart .item .right .item-price .price_item {
        display: block;
    }
     #cartformpage .table-cart .item .right .item-price del {
        display: block;
    }
     #cartformpage .table-cart .item .right .item-price .label-percent {
        display: none!important;
    }
     #cartformpage .table-cart .item .right .item-total-price {
         display: inline-block;
         width: 50%;
         float: left;
    }
     #cartformpage .table-cart .item .right .item-total-price > div {
         position: absolute;
         bottom: 0;
         right: 10px;
    }
     #cartformpage .table-cart .item .right .item-total-price .remove {
         position: absolute;
         z-index:10;
         top: 0px;
         right: 10px;
    }
     #layout-cart .update-btn {
        margin-top: 10px;
    }
}
/*-------------------------------------------*/
/* 10. PAGINATION - 404 - SEARCH PAGE */
/*-------------------------------------------*/
 .heading-page h1{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}
 .content-pagenot {
    margin: 50px 0;
}
 .content-pagenot h1{
    font-weight: 700;
     font-size: 40px;
}
 .content-pagenot p.subtext{
    font-weight: 500;
     opacity: 0.66;
}
 .content-pagenot a{
    font-weight: 500;
    font-size: 16px;
    margin: 15px 0 0;
    display: inline-block;
}
 .searchPage .heading-page{
    position: relative;
    text-align:center;
    padding: 0 0 30px 0;
}
 .searchPage .heading-page:after {
    content: "";
    background:#252a2b;
    display: block;
    width: 60px;
    height: 4px;
    margin: 25px auto 0;
}
 .searchPage .heading-page h1{
    font-size: 30px;
    margin: 0 0 10px;
}
 .wrapbox-content-search {
    padding-bottom: 30px;
}
 .searchPage .subtxt {
    opacity: .66;
     margin-top: 15px;
}
 .search-field {
    width: 60%;
    display: block;
    margin:auto;
}
 input#go {
     width: 55px;
     height: 55px;
     float: right;
     background: url(//theme.hstatic.net/200000104213/1000574319/14/iconsearch.png?v=580) #252a2b center no-repeat;
     margin: 0px;
     position: relative;
     top: 0;
     border-radius: 0;
     font-size: 0;
     border: 0;
}
 #search .search_box{
    width: calc(100% - 55px);
    outline: none;
    height: 55px;
    padding: 0 20px;
    background: #ededed;
    border: 0;
    box-shadow: none;
}
 .expanded-message .message-txt{
    width: 100%;
    padding-top: 25px;
    text-align:center;
}
 .expanded-message .message-txt p{
    margin: 0;
     font-size: 14px;
    font-weight: 400;
}
 .expanded-message h2{
    font-weight: 600;
     font-size: 22px;
}
 .expanded-message .subtext {
    margin-bottom: 40px;
    display: block;
}
 .search-item{
     margin-bottom: 20px;
    position: relative;
    width: 100%;
    float: left;
}
 .search-item .thumb-image {
     display: block;
     width: 80px;
     position: relative;
     overflow: hidden;
     float:left;
}
 .search-item .thumb-image img{
    vertical-align:middle;
    -webkit-transition:transform 250ms linear;
    -moz-transition:transform 250ms linear;
    -o-transition:transform 250ms linear;
    transition:transform 250ms linear
}
 .search-item .thumb-image:after{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.1);
    transition:opacity 250ms linear;
    opacity:0;
    content:""
}
 .search-item .content {
     float:left;
    padding-left:35px;
    width: calc(100% - 80px);
}
 .search-item .content .title {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}
 .search-item .content .caption {
    opacity: .66;
    display: block;
     margin-top: 5px;
    font-size: 14px;
}
 .search-item .content .caption del{
    font-size: 13px;
     margin-left: 15px;
     opacity: 0.5;
}
 .subtext-result{
    margin-bottom:30px;
}
 .search-item:hover .thumb-image:after {
     opacity: 1;
}
/*-------------------------------------------*/
/* 11. ACCOUNT */
/*-------------------------------------------*/
 .wrapbox-heading-account{
    display:flex;
    display:-webkit-flex;
    -webkit-align-items:center;
    align-items:center;
}
 .wrapbox-heading-account .header-page{
    position: relative;
}
 .wrapbox-heading-account .header-page:after {
    content: "";
    background:#000;
    display: block;
    width: 60px;
    height: 4px;
    margin-top: 30px;
}
 .wrapbox-heading-account .header-page h1{
    font-size: 40px;
    font-weight: 700;
    margin: 0px 0;
    line-height: initial;
}
 .wrapbox-heading-account .header-page p{
    font-size: 14px;
    opacity: .66;
     margin: 20px 0 0 0;
    position: relative;
}
 .wrapbox-heading-account .header-page p span{
    font-weight: 600;
}
 .userbox h2 {
    font-size:20px;
    margin: 0 0 20px;
     font-weight: 600;
}
 .large_form {
    margin-bottom:30px;
}
 .icon-field {
    display:none;
}
 .userbox input[type=email],.userbox input[type=password],.userbox input[type=text] {
     width: 100%;
     height: 55px;
     border: 1px solid transparent;
     background: #ededed;
     color: #272727;
     padding: 0 20px;
     font-weight: 500;
     -webkit-appearance: none;
}
 .userbox input[type=email]:focus, .userbox input[type=password]:focus, .userbox input[type=text]:focus{
    background: #fff;
    border-color: #ededed;
}
 .action_account_custommer .action_bottom,.action_account_custommer .req_pass{
     display: inline-block;
    vertical-align: middle;
}
 .action_account_custommer .req_pass{
    margin-left:20px;
}
 .userbox .action_bottom {
    padding: 0;
}
 .userbox .action_bottom .btn {
     display: inline-block;
     border-radius: 0;
     padding: 0 30px;
     height: 45px;
     line-height: 45px;
     text-transform: uppercase;
     font-weight: 600;
     background: transparent;
}
 .req_pass{
     color:#959898;
     font-weight: 500;
}
 .come-back{
    margin-top:35px;
     display: block;
    font-weight: 500;
}
 .come-back i{
    margin-right:20px
}
 .userbox .errors a {
    color: red;
}
 @-moz-keyframes ripple {
     5%, 100% {
        opacity: 0;
    }
     5% {
        opacity: 1;
    }
}
 @-webkit-keyframes ripple {
     5%, 100% {
        opacity: 0;
    }
     5% {
        opacity: 1;
    }
}
 @keyframes ripple {
     5%, 100% {
        opacity: 0;
    }
     5% {
        opacity: 1;
    }
}
 #gender input[type="radio"] {
    display: none;
}
 #gender input[type="radio"] + label {
    position: relative;
    cursor: pointer;
    padding-left: 28px;
    margin: 0 20px 0 0;
}
 #gender input[type="radio"] + label:before, input[type="radio"] + label:after {
     content: "";
     position: absolute;
     border-radius: 50%;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 #gender input[type="radio"] + label:before {
     top: 0;
     left: 0;
     width: 18px;
     height: 18px;
     background: #000000;
     -moz-box-shadow: inset 0 0 0 18px #efefef;
     -webkit-box-shadow: inset 0 0 0 18px #efefef;
     box-shadow: inset 0 0 0 18px #efefef;
}
 #gender input[type="radio"] + label:after {
     top: 49%;
     left: 9px;
     width: 54px;
     height: 54px;
     opacity: 0;
     background: rgba(255, 255, 255, 0.3);
     -moz-transform: translate(-50%, -50%) scale(0);
     -ms-transform: translate(-50%, -50%) scale(0);
     -webkit-transform: translate(-50%, -50%) scale(0);
     transform: translate(-50%, -50%) scale(0);
}
 #gender input[type="radio"]:checked + label:before {
     -moz-box-shadow: inset 0 0 0 4px #efefef;
     -webkit-box-shadow: inset 0 0 0 4px #efefef;
     box-shadow: inset 0 0 0 4px #efefef;
}
 #gender input[type="radio"]:checked + label:after {
     -moz-transform: translate(-50%, -50%) scale(1);
     -ms-transform: translate(-50%, -50%) scale(1);
     -webkit-transform: translate(-50%, -50%) scale(1);
     transform: translate(-50%, -50%) scale(1);
     -moz-animation: ripple 1s none;
     -webkit-animation: ripple 1s none;
     animation: ripple 1s none;
}
/* order ---- account -- address */
 .layout-info-account {
    padding-bottom:50px;
}
 .title-infor-account{
    padding: 20px 15px;
    margin: 30px 0;
}
 .title-infor-account h1{
    font-size: 37px;
    font-weight: 700;
    margin: 0;
    text-align: center;
}
 .title-infor-account h1:after {
     content: "";
     display: block;
     width: 60px;
     height: 4px;
     margin: 25px auto 0;
     background:#252a2b;
}
 .title-detail{
     text-transform: uppercase;
     font-size: 15px;
     font-weight: 700;
     letter-spacing: 1px;
     position: relative;
     border-bottom: 1px solid #ededed;
     padding-bottom:8px;
}
 .sb-title:after{
     content: "";
     display: block;
     margin-top: 25px;
     width: 30px;
     height: 3px;
     background: #252a2b;
}
 .name_account {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    margin:10px 0 5px
}
 #customer_sidebar p{
     margin-bottom: 0;
    font-size: 14px;
}
 .customer-table-wrap {
    background: #f2f5fa;
     padding: 10px;
}
 .customer-table-bg {
    background: #fff;
     padding: 10px;
}
 .customer-table-bg p {
    margin:0;
}
 #customer_orders table thead th, #order_details tr th {
     font-weight:600;
     font-size: 14px;
}
 #customer_orders table tr a {
     font-weight: 500;
     float: left;
     width: 85%;
     margin-left: 3px;
     line-height: 20px;
     opacity: 0.66;
}
 #customer_orders table, #order_details {
    width: 100%;
    background: #fff;
}
 #customer_orders table tr, #order_details tr {
     height: 25px;
    line-height: 30px;
}
 #customer_orders table tr.odd, #order_details tr {
    background: #fff;
}
 #customer_orders table tr td, #order_details tr td {
    vertical-align: middle;
     border-top: none;
     font-size: 14px;
}
 #order_details tr td{
     line-height:21px;
}
 #order_details tr td a,#order_details b{
    font-weight:500;
}
 a#view_address {
    font-weight: 500;
     opacity: 0.8;
}
 #customer_orders,#order_payment, #order_shipping{
     margin-bottom: 30px;
     margin-top: 30px;
}
 .customer-table-bg .table>tbody>tr>th {
    border-top: none;
}
 .detail-table-order {
     margin-top: 30px;
}
 .name-order {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
 .order_section_title {
     font-size: 15px;
     font-weight: 600;
     line-height: 20px;
     margin: 0 0 10px;
     padding: 10px 0px;
     position: relative;
     text-transform: uppercase;
}
 .order_date {
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
}
 .text_status {
    font-weight: 500;
}
 .address p {
    margin-bottom: 5px;
}
 .account-order .address {
    margin: 0px 0px 30px;
    padding: 10px;
    background-color: #fbfbfb;
}
 span.variant_acc {
     font-size: 13px;
     opacity: 0.8;
}
 .alert-info {
    border-radius: 0;
     margin-bottom: 0;
}
 .address_title {
     margin-bottom: 0;
     font-size: 16px;
     padding: 10px 0 10px 10px;
     background-color: #d9edf7;
     border-color: #bce8f1;
     position: relative;
}
 .address_table {
    margin-bottom: 10px;
    border-top: 0px solid #ddd;
    background: #f2f5fa;
    padding:15px;
}
 .address_title h3 {
     margin: 0;
    font-size: 14px;
}
 .account-address .note {
     border: none;
     padding: 0;
}
 p.address_actions.text-right {
    margin:7px 5px 0px 0;
    position: absolute;
    z-index: 99;
    top:0;
    right:0;
}
 .action_link a {
    text-transform: uppercase;
     font-size: 15px;
}
 span.action_link {
    padding: 5px;
}
 .view_address p > b {
    font-weight: 500;
     font-size: 14px;
}
 .view_address p {
     margin: 5px 0;
     line-height: 15px;
    font-size: 14px;
}
 .add-new-address {
     padding-bottom: 10px;
     display: inline-block;
     padding: 10px;
     background:#000000;
     color:#fff!important;
     text-transform: uppercase;
}
 .add-new-address:focus {
     color:#fff;
}
 .account-address .input-group-addon{
    display:none
}
 .input-group {
     margin: 15px 0px;
}
 .input-group .input-group-addon {
     padding: 6px 10px;
     border-radius: 0;
     color: #DAD9D9;
     background-color: #ebebeb;
     border-color: #ebebeb;
}
 .input-group .form-control {
     -webkit-border-radius: 0;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-color: #ebebeb;
}
 .icon-user:after {
    content: url(//hstatic.net/0/0/global/design/theme-default/userico.png);
}
 .icon-envelope:after {
    content: url(//hstatic.net/0/0/global/design/theme-default/email.png);
}
 .icon-shield:after {
    content: url(//hstatic.net/0/0/global/design/theme-default/pass.png);
}
 .layout-info-account .action_bottom .btn {
     height: 35px;
     line-height: 35px;
     outline: 0;
     margin-right: 5px;
     font-size: 14px;
     text-transform: uppercase;
     padding: 0 30px;
     border: 0;
     background:#000000;
     color: #fff;
     display: inline-block;
     border-radius: 0;
}
 .AccountTitle{
     text-transform: uppercase;
     margin-bottom: 30px;
     font-size: 15px;
     font-weight: 700;
     letter-spacing: 1px;
     position: relative;
}
 .AccountList ul > li > a {
    display: block;
     position: relative;
     padding: 5px 0px;
}
 .AccountList ul > li > a:before {
     content: "\f192";
     font-family: "FontAwesome";
     font-size: 8px;
     display: inline-block;
     margin-right: 8px;
     vertical-align: 2px;
}
 #order_cancelled {
    margin-bottom:15px;
}
 #order_cancelled h5 {
    margin:0;
}
/*-------------------------------------------*/
/* 12. MAIN SIDEBAR */
/*-------------------------------------------*/
/* search sidebar */
 .site-nav form.searchform,.site-nav .main-navbar,.cart-view{
    margin-top: 50px;
}
 .site-nav form.searchform{
    position: relative;
    padding:0;
}
 form.searchform input.searchinput {
     background: rgba(0, 0, 0, 0.1);
     width: 100%;
     border: none;
     height: 55px;
     font-size:15px;
     font-weight: 500;
     padding:0 55px 0 20px;
     margin: 0;
     display: inline-block;
     border-radius: 0;
     -webkit-appearance: none;
     transition: all 150ms linear;
}
 form.searchform .btn-search{
     width: 55px;
     height: 55px;
     line-height: 64px;
     position: absolute;
     padding: 0;
     top: 0px;
     right: 0px;
     background: transparent;
     transition: opacity 150ms linear;
}
 form.searchform .btn-search svg{
    width:25px;
    height:22px;
     opacity: .12;
}
 form.searchform input:focus {
    background: #f2f5fa;
    outline: none;
}
/* Search auto */
 .smart-search-wrapper{
    /*position: absolute;
     top:115%;
    */
    width:100%;
    background: #fff;
     z-index: 100;
    right:80px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
}
 .smart-search-wrapper .item-ult{
    padding: 10px 0;
     border-bottom: 1px dotted #dfe0e1;
    clear: both;
    width: 100%;
    float: left;
}
 .smart-search-wrapper .item-ult .thumbs{
    width: 40px;
    display: inline-block;
    text-align: right;
}
 .smart-search-wrapper .item-ult .title {
    width: calc(100% - 40px);
    padding-right:5px;
    float: left;
    line-height: 20px;
    position: relative;
    margin-top:0px!important;
}
 .smart-search-wrapper .item-ult .title a{
     font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
     white-space: pre;
     float: left;
    width: 100%;
    margin-bottom: 4px;
}
 .smart-search-wrapper .item-ult .title p{
     line-height: 15px;
    font-size: 12px;
    font-weight:400;
    float:left;
    margin:0;
}
 .smart-search-wrapper .item-ult .title p del{
     font-size: 11px;
    margin-left:5px;
    color: #797979;
}
 .resultsMore {
    width: 100%;
     float: left;
}
 .resultsMore a{
    text-align: center;
     display: block;
     font-size: 14px;
    padding: 10px 0;
}
 .dataEmpty{
    text-align: center;
     padding: 10px 0;
}
/* cart view */
 .cart-info {
    display: inline-block;
    position: relative;
}
 .cart-view table{
    width: 100%;
}
 .cart-view table td.img img{
    width: 85px;
    border: 1px solid #ededed;
    margin-right: 10px;
    max-width: none;
}
 .cart-view table td a.pro-title-view {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight:600;
    text-transform: uppercase;
}
 #cart-view .variant {
    font-size: 12px;
    float: left;
    width: 100%;
    margin:5px 0 8px;
    opacity: 0.66;
}
 #cart-view tr td ,.table-total tr td{
    border: none!important;
}
 .cart-view .line {
    float: left;
    width: 100%;
    border-top: 2px solid #000000;
     margin: 10px 0px;
}
 .cart-view a.linktocheckout, .cart-view a.linktocart {
     padding: 0;
     line-height: 45px;
     height: 45px;
     width:100%;
     position: relative;
     margin-top: 10px;
     margin-bottom: 5px;
     text-align: center;
}
 table#cart-view tr {
    border-bottom: 1px dotted #bcbcbc;
}
 table#cart-view tr td {
    border-top: 0;
}
 table#cart-view tr td {
    border: none;
}
 #cart-view tr td:not(.img) {
    padding: 10px 0;
    position: relative;
    padding-right: 20px;
}
 .remove-cart {
    position: absolute;
    right: 10px;
}
 span.pro-quantity-view {
    position: relative;
    vertical-align: top;
    padding-right: 15px;
    display: inline-block;
    margin-right: 10px;
}
 span.pro-quantity-view {
    float: left;
    width: auto;
    background: #ededed;
    text-align: center;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1;
     margin-right: 12px;
}
 span.pro-price-view {
    display: block;
    text-align: center;
     float: left;
    line-height: 26px;
    font-weight: 500;
     opacity: 0.7;
}
 #cart-view tr:last-child {
    border: none;
}
/* menu */
 @media (max-width:767px) {
     html,body,.scroller {
        -webkit-overflow-scrolling: touch;
    }
     html.open-menu,body.open-menu,.scroller {
        height: 100%;
    }
     .scroller {
        overflow-y: auto;
        overflow-x: hidden;
    }
     .scroller,.scroller-inner {
        position: relative;
    }
     html.open-menu, body.open-menu{
        position: relative;
        overflow: hidden;
    }
     .main-body {
        position: relative;
        height: 100%;
    }
}
 .mp-menu {
     position:absolute;
    /* we can't use fixed here :( */
     top: 100px;
     left: 1px;
     z-index:9;
     width:100%;
     height: 100%;
     overflow: hidden;
}
 .mp-level {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #fff;
     -webkit-transform: translate3d(-100%, 0, 0);
     -moz-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
}
 .main-body,.mp-level {
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
}
/* 1 Level + 2 Level */
 .mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open {
     box-shadow: none;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .mp-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
 .mp-menu.mp-overlap h2::before {
     position: absolute;
     top: 0;
     right: 0;
     margin-right: 8px;
     font-size: 75%;
     line-height: 1.8;
     opacity: 0;
     -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
     -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
     transition: opacity 0.3s, transform 0.1s 0.3s;
     -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     transform: translateX(-100%);
}
 .mp-overlap .mp-level.mp-level-overlay > h2::before {
     opacity: 1;
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
     -moz-transition: -moz-transform 0.3s, opacity 0.3s;
     transition: transform 0.3s, opacity 0.3s;
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     transform: translateX(0);
}
 .mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-level.mp-level-overlay > ul > li:first-child > a {
     box-shadow: inset 0 -1px rgba(0,0,0,0);
}
 .mp-back {
     background: rgba(0,0,0,0.1);
     outline: none;
     color: #007ec6;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: 700;
     display: block;
     font-size: 0.8em;
     padding: 1em;
     position: relative;
     box-shadow: inset 0 1px rgba(0,0,0,0.1);
     -webkit-transition: background 0.3s;
     -moz-transition: background 0.3s;
     transition: background 0.3s;
     padding-left: 30px;
}
 .mp-back::after {
     font-family: FontAwesome;
     position: absolute;
     content: "\f0d9";
     left: 15px;
     font-size: 1.3em;
     color:#007ec6;
}
 .mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after {
     background: transparent;
     box-shadow: none;
     color: transparent;
}
 .mp-menu ul li.has-children.icon::before {
     position: absolute;
     right: 0px;
     z-index: -1;
     color: #757575;
     line-height: 1.9;
}
 .mplus-menu {
    height: calc(100% - 100px);
}
 .mplus-menu > ul {
     position: absolute;
     height: calc(100% - 135px);
     -webkit-overflow-scrolling: touch;
     overflow: scroll;
     overflow-x: hidden;
     overflow-y: auto;
     left: 0;
     right: 0;
     background: #fff;
}
 .vertical-menu-list li{
    position: relative;
}
 .vertical-menu-list>li>a{
     display: block;
     padding: 10px 15px;
     text-transform: uppercase;
     outline: none;
     border-bottom: 1px dotted #ddd;
     text-shadow: 0 0 1px rgba(255,255,255,0.1);
     font-size: 15px;
     color: #333333;
     font-weight: 500;
     -webkit-transition: background 0.3s, box-shadow 0.3s;
     -moz-transition: background 0.3s, box-shadow 0.3s;
     transition: background 0.3s, box-shadow 0.3s;
}
 .list-child li a,.sub-child li a,.sub-child-3 li a{
     display: block;
     padding: 10px 15px;
     outline: none;
     border-bottom: 1px dashed #bfbfc1;
     text-shadow: 0 0 1px rgba(255,255,255,0.1);
     font-size: 16px;
     color: #333333;
     font-weight: 300;
     -webkit-transition: background 0.3s, box-shadow 0.3s;
     -moz-transition: background 0.3s, box-shadow 0.3s;
     transition: background 0.3s, box-shadow 0.3s;
}
 .list-child >li span,.sub-child >li span,.sub-child-3 li span{
    margin-right: 4px;
}
 .vertical-menu-list>li>a i {
     position: absolute;
     right: 10px;
     top: 50%;
     color: #757575;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .list-child li:first-child a, .sub-child >li:first-child a, .sub-child-3 >li:first-child a{
     color: #000000;
     background: #fff;
     text-transform: uppercase;
     font-weight:500;
}
 .list-child li:first-child a i, .sub-child li:first-child a i, .sub-child-3 li:first-child a i{
     padding-right: 10px;
     font-weight: 700;
     font-size: 19px;
}
 .mm-panel {
     -webkit-transition: -webkit-transform .4s ease;
     transition: -webkit-transform .4s ease;
     transition: transform .4s ease;
     transition: transform .4s ease,-webkit-transform .4s ease;
     -webkit-transform: translate(100%,0);
     -ms-transform: translate(100%,0);
     transform: translate(100%,0);
     -webkit-transform: translate3d(100%,0,0);
     transform: translate3d(100%,0,0);
}
 .list-root{
     -webkit-transform: translate(0,0);
     -ms-transform: translate(0,0);
     transform: translate(0,0);
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .list-root.mm-subopened {
     -webkit-transform: translate(-30%,0);
     -ms-transform: translate(-30%,0);
     transform: translate(-30%,0);
     -webkit-transform: translate3d(-30%,0,0);
     transform: translate3d(-30%,0,0);
}
 .hidden-child {
    display: none;
}
 .list-child.mm-opened{
     webkit-transform: translate(0,0);
     -ms-transform: translate(0,0);
     transform: translate(0,0);
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .hidden-child{
    display:none;
}
 .mm-panel:not(.hidden-child){
    display: block;
}
/* 3 Level */
 .list-child li {
    position: relative;
}
 .list-child>li.level-2 >a i {
     position: absolute;
     right: 10px;
     top: 50%;
     color: #757575;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .sub-child.mm-sub {
     webkit-transform: translate(0,0);
     -ms-transform: translate(0,0);
     transform: translate(0,0);
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .list-child.mm-subopened {
     -webkit-transform: translate(-30%,0);
     -ms-transform: translate(-30%,0);
     transform: translate(-30%,0);
     -webkit-transform: translate3d(-30%,0,0);
     transform: translate3d(-30%,0,0);
}
/* 4 Level */
 .sub-child li{
    position: relative;
}
 .sub-child>li.level-3 >a i {
     position: absolute;
     right: 10px;
     top: 50%;
     color: #757575;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .sub-child-3.mm-sub-3{
     webkit-transform: translate(0,0);
     -ms-transform: translate(0,0);
     transform: translate(0,0);
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
/* Sidebar style */
 .main-body{
     position: relative;
     right:0;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
     -ms-transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     -webkit-transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     z-index: 999;
}
 .site-nav.style--sidebar {
     position: fixed;
     width: 480px;
     height: 100vh;
     right: 0;
     top: 0;
     background: #fff;
     z-index: 8888;
     overflow: hidden;
     -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     -ms-transform:translateX(100%);
     -webkit-transform:translateX(100%);
     transform: translateX(100%);
}
 .site-nav.style--sidebar .site-nav-container {
     width: 100%;
     height: 100%;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
}
 .site-nav.style--sidebar .site-nav-container-last {
     width: 100%;
     position: relative;
     overflow: hidden;
     min-height: 100%;
     padding: 40px 15px 250px;
}
 .site-nav.style--sidebar.show-filters .site-nav-container-last, .site-nav.style--sidebar.show-cart .site-nav-container-last, .site-nav.style--sidebar.show-search .site-nav-container-last {
     padding-bottom: 100px;
}
 .site-nav.style--sidebar .site-nav-container .title {
    font-size:14px;
     text-transform: uppercase;
     margin: 3px 0 0 0;
    font-weight: 500;
}
 .site-nav.style--sidebar .site-nav-container .subtitle {
    margin: 40px 0 0 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 20px 0;
    opacity: .66;
}
 #site-filters {
     display: none;
}
 #site-nav--mobile.show-filters #site-filters {
    display: block
}
 #site-nav--mobile.show-filters #site-navigation, #site-nav--mobile.show-filters #site-cart, #site-nav--mobile.show-filters #site-search {
    display: none
}
 #site-search {
     display: none
}
 #site-nav--mobile.show-search #site-search {
     display: block
}
 #site-nav--mobile.show-search #site-navigation, #site-nav--mobile.show-search #site-cart, #site-nav--mobile.show-search #site-filters {
    display: none
}
 #site-cart {
    display: none
}
 #site-nav--mobile.show-cart #site-cart {
     display: block
}
 #site-nav--mobile.show-cart #site-filters, #site-nav--mobile.show-cart #site-navigation, #site-nav--mobile.show-cart #site-search {
     display: none
}
 .site-close-handle {
     position: absolute;
     top: 35px;
     right: 15px;
     width: 35px;
     height: 35px;
     z-index: 999;
     background: transparent;
     border: none;
     box-shadow: none;
     cursor: pointer;
     -ms-transition:transform 150ms linear;
     -webkit-transition:transform 150ms linear;
     transition: transform 150ms linear;
}
 .site-close-handle .hamburger-menu .bar.animate {
     background: transparent;
     -ms-transform: translateY(2px);
     -webkit-transform: translateY(2px);
     transform: translateY(2px);
     width: 0px !important;
}
 .site-close-handle .hamburger-menu .bar.animate:before {
     background:#000;
     bottom: 0px;
     width: 20px;
     height: 2px;
     -ms-transform:rotate(-45deg);
     -webkit-transform:rotate(-45deg);
     transform: rotate(-45deg);
     -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
     -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
     transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
}
 .site-close-handle .hamburger-menu .bar.animate:after {
     background:#000;
     top: 0;
     width: 20px;
     height: 2px;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
     -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
     transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
}
 .site-close-handle:hover{
     -ms-transform:scale(1.1);
     -webkit-transform:scale(1.1);
    transform: scale(1.1);
}
 .site-overlay {
     background: rgba(0,0,0,0.8);
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     z-index: 7777;
     opacity: 0;
     visibility: hidden;
     transition: all 200ms linear;
}
/* menu active */
 .site-overlay.active {
    opacity: 1;
     visibility: visible;
}
 .main-body.sidebar-move {
     right: 480px;
}
 .site-nav.style--sidebar.active {
    -ms-transform:translateX(0);
    -webkit-transform:translateX(0);
    transform: translateX(0);
}
 @media(min-width:992px){
     .main-body.sidebar-move .box__slideshow-split:not(.back-to-normal) .site-box-background-container {
         transform: translateX(-480px);
    }
}
 @media(max-width:767px){
    /* Header */
     .site-nav.style--sidebar {
        width: 320px;
    }
     .main-body.sidebar-move {
         right:320px;
    }
     .site-nav.style--sidebar .site-nav-container{
        width:100%
    }
     .site-nav.style--sidebar .site-nav-container-last {
        padding-top: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }
     .site-close-handle {
        top: 35px;
        right: 0px;
    }
     .to-bottom-content{
        left:30px
    }
    /* site cart */
     .cart-view a.linktocheckout, .cart-view a.linktocart{
        font-size: 11px;
    }
     .action--search {
         position: relative;
         padding: 0px 10px 10px 10px;
    }
}
/*---------------------------------------*/
/* 13. RESPONSIVE */
/* --------------------------------------*/
 @media(min-width:768px){
     table.table-cart tr td.remove {
        position:absolute;
        right: 15px;
    }
}
 @media(min-width:992px) and (max-width:1199px){
    /*index */
     .box-banner-inf{
        width: 80%;
         z-index:4;
    }
    /*account*/
     .wrapbox-content-account{
        padding: 100px 15px 100px 50px;
    }
}
 @media(min-width:992px){
     .wrapbox-heading-account {
        height: 100vh;
        border-right: 1px solid #ededed;
    }
     .wrapbox-heading-account .header-page{
        padding-bottom: 70px;
    }
     .box-heading-contact{
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         border-right: 1px solid #ededed;
         height: 100vh;
         padding:0;
    }
     .box-map iframe{
        height:100vh!important
    }
    /**** COLLECTION ****/
     .sidebar-fix {
         position: -webkit-sticky;
         position: sticky;
         top: 70px;
         margin-top: 30px;
    }
    /**** BLOG ****/
     .list-article-content .news-content{
        height: 50vh;
    }
}
 @media(min-width:1200px){
     .wrapbox-content-account{
         padding: 100px 15px 100px 50px;
         display: flex;
         display: -webkit-flex;
         -webkit-align-items: center;
         align-items: center;
         -webkit-justify-content: center;
         -moz-justify-content: center;
         justify-content: center;
         height: 100vh;
    }
     .wrapbox-content-account > div {
        width:100%;
    }
     .block-banner-category img{
         -webkit-transition: -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         transition: -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
         transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
     .block-banner-category:hover img{
         -ms-transform: scale(1.2);
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     .box-banner-inf{
        z-index:4;
    }
     .wrapbox-content-search {
        padding: 0 100px 30px;
    }
}
 @media(max-width:991px) and (min-width:768px){
     .wrapbox-heading-account .header-page{
        text-align: center;
        padding-top:50px;
    }
     .wrapbox-heading-account .header-page:after {
        margin: 30px auto 0;
    }
     .wrapbox-content-account{
        padding: 50px 15px 50px;
    }
     .box-heading-contact{
        height: 50vh;
        border-bottom: 1px solid #ededed;
    }
     .box-map iframe{
        height:50vh!important
    }
    /* INDEX */
     .caption_banner h2{
         font-size: 24px;
    }
    /* COLLECTION */
     .no-product{
        text-align:center
    }
    /* PRODUCT DETAIL*/
     .gallery-index.icon-pr-fix {
        display: none;
    }
     .divzoom_main .product-thumb{
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }
     .box__product-gallery{
        height:100vh;
        overflow: visible;
        min-height: 720px;
    }
     .slide_product{
         width: 100%;
        height: 100%;
    }
    


     .slide_product li.gallery-item{
        height:100%;
        width:100%;
        display:-webkit-flex;
        display:flex;
        -webkit-align-items:center;
        align-items:center
    }
     .box__product-gallery.scroll .site-box-content:after {
        content: 'flickity';
        display: none;
    }
    /* BLOGS */
     .list-article-content .news-content{
        height: 50vh;
    }
    /* Footer */
}
 @media(max-width:991px) {
     .promo-bar {
        font-size: 10px;
    }
     .block .title_block {
        position: relative;
        display: inline-block;
        margin:0 0 5px;
    }
     .block .title_block span {
        display: block;
        top:8px;
        right:10px;
        position: absolute;
    }
     .block .block_content {
        display: none;
    }
     .filter-default {
        padding: 0 15px;
    }
     .product-image-detail {
        width:100%;
        padding:0;
    }
     .flickity-page-dots {
        bottom:-55px;
         z-index:2;
    }
     .product-title h1 {
        font-size:20px;
         margin-top:65px;
    }
     .collection-slide .owl-nav .owl-prev {
        left: 0;
    }
     .collection-slide .owl-nav .owl-next {
        right: 0;
    }
    /* COLLECTION */
     .wrap-collection-title .heading-collection {
        margin: 0;
    }
     .wrap-collection-title .heading-collection h1 {
        font-size: 20px;
         text-align:center;
        margin: 20px 0;
    }
     .no-product{
        text-align:center
    }
     .wrapper-collection-1 .pro-loop{
        padding-right:7.5px;
        padding-left:7.5px;
    }
     .wrapper-collection-1 .pro-loop:nth-child(7), .wrapper-collection-1 .pro-loop:nth-child(8), .wrapper-collection-1 .pro-loop:nth-child(9), .wrapper-collection-1 .pro-loop:nth-child(10){
        display: none;
    }
     #collection-body .pro-loop:nth-child(odd), .list-productRelated .pro-loop:nth-child(odd){
         padding-right:7.5px;
         padding-left:7.5px;
    }
     #collection-body .pro-loop:nth-child(even), .list-productRelated .pro-loop:nth-child(even){
         padding-left:7.5px;
         padding-right:7.5px;
    }
     .wrapper-collection-2 .pro-loop {
        float: left;
        width: 50%;
        padding: 0 7.5px;
    }
.wrapper-collection-2 .content-product-list > div  {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
     .wrapper-collection-2 .pro-loop:nth-child(5), .wrapper-collection-2 .pro-loop:nth-child(6), .wrapper-collection-2 .pro-loop:nth-child(7), .wrapper-collection-2 .pro-loop:nth-child(8), .wrapper-collection-2 .pro-loop:nth-child(9), .wrapper-collection-2 .pro-loop:nth-child(10){
        display: none;
    }
    /* BLOG - ARTICLE */
     .sidebar-blog .layered, .sidebar-page .layered {
        display: none;
    }
     .wrapbox-content-account .action_account_custommer, .wrapbox-content-account .req_pass {
        text-align:center;
    }
    /* PRODUCT */
     .product-description .description-content.short {
         height: 200px;
         padding-bottom: 50px;
         overflow: hidden;
         position: relative;
         transition: height 0.5s ease-in;
    }
     .product-description #detail_more {
         display: block;
         position: absolute;
         bottom: -15px;
         left: 0;
         width: 100%;
         text-align: center;
         text-transform: uppercase;
         line-height: 50px;
         display: block;
         padding: 20px 0;
         background: -moz-linear-gradient(268deg, rgba(255, 255, 255, 0.55) 0%, white 82%);
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.55)), color-stop(82%, white));
         background: -webkit-linear-gradient(268deg, rgba(255, 255, 255, 0.55) 0%, white 82%);
         background: -o-linear-gradient(268deg, rgba(255, 255, 255, 0.55) 0%, white 82%);
         background: -ms-linear-gradient(268deg, rgba(255, 255, 255, 0.55) 0%, white 82%);
         background: linear-gradient(182deg, rgba(255, 255, 255, 0.55) 0%, white 82%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
    }
     .product-description #detail_more span {
        display: inline-block;
        border: 1px solid #222;
        line-height: 30px;
        padding: 0px 20px;
        background: #fff;
    }
     .product-description .description-content.open #detail_more {
        background: transparent;
    }
     .product-gallery-item img {
        width:100%;
    }
     .icon-pr-fix{
        position: absolute;
         bottom:25px;
    }
     .product-sharing.icon-pr-fix {
        left: 15px;
    }
     .product-zoom.icon-pr-fix {
         right: 0;
        left: 0;
        margin: auto;
    }
     .gallery-index.icon-pr-fix {
        display: none;
    }
}
 @media(max-width:767px){
     .wrapbox-heading-account {
        padding: 30px 15px;
        border-bottom: 1px solid #ededed;
    }
     .wrapbox-heading-account .header-page{
        text-align: center;
    }
     .wrapbox-heading-account .header-page h1 {
        font-size: 20px;
    }
     .wrapbox-heading-account .header-page:after {
        margin: 20px auto 0;
    }
     .wrapbox-content-account{
        padding:15px;
    }
     .heading-page{
        position: relative;
        text-align:center;
        padding: 0 0 30px 0;
    }
     .heading-page:after {
        content: "";
        background:#252a2b;
        display: block;
        width: 60px;
        height: 4px;
        margin: 25px auto 0;
    }
     .heading-page h1{
        font-size: 20px;
        margin: 0px 0;
    }
     .wrapbox-content-page-contact{
        padding:40px 15px;
    }
    /* HEADER */
     .main-header {
        padding: 10px 0;
    }
     .main-header--logo h1, .main-header--logo a {
        font-size: 20px;
    }
     .scroll-menu {
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         margin: 0 auto;
         z-index: 999;
         background:#fff;
         display: flex;
         justify-content: space-between;
         align-items: center;
         -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
         -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
         box-shadow: 0 0 10px rgba(0,0,0,0.2);
         -webkit-animation: fadeInDown 500ms ease-in-out;
         -moz-animation: fadeInDown 500ms ease-in-out;
         -ms-animation: fadeInDown 500ms ease-in-out;
         animation: fadeInDown 500ms ease-in-out;
         -webkit-transition: all 500ms linear;
         -moz-transition: all 500ms linear;
         -ms-transition: all 500ms linear;
         -o-transition: all 500ms linear;
         transition: all 500ms linear;
    }
     .scroll-menu .container {
        width:100%;
    }
    /* INDEX */
     .wrapper-heading-home .heading {
        justify-content: center;
    }
     .list-slider-banner .slick-arrow.slick-prev {
        left:15px;
    }
     .list-slider-banner .slick-arrow.slick-next {
        right:15px;
    }
     .wrapper-heading-home h2{
        font-size: 20px;
    }
     .caption_banner h2{
        font-size:20px;
    }
     .wrap-collection-title h2,.wrap-collection-title .link-more{
        font-size:20px;
    }
     .wrap-collection-title.image-resize{
        padding-top: 0px;
    }
     .box-banner-inf{
        width: 100%;
        padding: 0 15px;
        z-index:4;
        text-align: center;
    }
     .box-banner-inf h2{
        font-size:32px;
    }
     .homepage-images .box-image {
         -webkit-flex-basis: 100%!important;
         -ms-flex-preferred-size: 100%!important;
         flex-basis: 100%!important;
         max-width: 100%!important;
         padding: 5px;
    }
     .homepage-images .box-image .box-image-title {
        font-size:14px;
    }
     .wrap-pd-infor {
        flex-wrap: wrap;
    }
     .wrap-pd-infor .inf-content {
        padding-right:0;
    }
    /* PRODUCT DETAIL */
     .product-image-detail{
        border-bottom: 1px solid #ededed;
    }
     .divzoom_main .product-thumb{
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }
     .box__product-gallery{
        overflow: visible;
         min-height: 450px;
    }
     .slide_product{
         width: 100%;
        height: 100%;
    }
     .slide_product li.gallery-item {
         height: 100%;
         width: 100%;
         display: -webkit-flex;
         display: flex;
         -webkit-align-items: center;
         align-items: center;
    }
     .box__product-gallery.scroll .site-box-content:after {
        content: 'flickity';
        display: none;
    }
     .slide_product li.gallery-item img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
     .slide_product .flickity-page-dots{
        bottom: 0;
        z-index: 99;
    }
     .product-action-bottom {
         position: fixed;
         left: 0;
         bottom: 0;
         right: 0;
         top: auto!important;
         z-index: 700;
         background: #fff;
         box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
         padding: 8px 10px;
         display:block 
    }
     .input-bottom{
        width: 54px;
        float:left;
        margin-right: 15px;
    }
     .input-bottom input{
         width: 54px;
         height: 45px;
         border: 1px solid #d1d1d1;
         text-align: center;
         outline: none;
         box-shadow: none;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
    }
     .add-cart-bottom{
        font-weight: 600;
        height: 45px;
        width: calc(100% - 70px);
        border-radius: 4px;
        float:left
    }
     .list-productRelated .pro-loop-title .product-resize, .list-productRelated .pro-loop-title .wrap-collection-title.image-resize{
        height: initial!important
    }
     .list-productRelated .wrap-collection-title.image-resize{
        padding-bottom:45px;
    }
     .list-productRelated .wrap-collection-title .block-pding:after{
         content: "";
         display: block;
         width: 50px;
         height: 4px;
         margin: 30px auto auto;
         background:#252a2b;
    }
     .main-footer.main-product-footer {
        padding-bottom: 60px;
    }
    /* BLOG - ARTICLE */
     .list-article-content .news-content{
         min-height: 250px;
        height: 50vh;
    }
     .article-body h2.title-article {
        font-size: 24px;
    }
     .sidebarblog-title h2 {
        text-align: center;
        margin-bottom: 10px;
    }
     .sidebarblog-title h2 span {
        display: inline-block;
    }
     .blog-posts .blog-post .blog-post-thumbnail {
        margin-bottom: 20px;
    }
    /* ABOUT-CONTACT */
     .box-heading-contact{
        padding:0;
    }
     .header-page-contact h1{
        font-size:35px;
    }
     .box-send-contact h2{
        font-size:20px
    }
     .box-map iframe{
        height:50vh!important
    }
    /* CART PAGE */
     table.table-cart thead tr{
        display:none;
    }
     table.table-cart tr td{
         border:0;
        padding:0 5px;
    }
     table.table-cart tbody>tr {
         background:#ffffff;
         padding:20px 0;
         display: block;
         border-radius: 2px;
         -webkit-border-radius: 2px;
         border-bottom: 1px solid #e8e8e8;
         position: relative;
         margin-bottom: 10px;
    }
     table.table-cart tr td.image{
        width:80px;
        float:left;
    }
     table.table-cart tr td.image img {
         max-width:70px;
        background:#fff
    }
     table.table-cart tr td.item {
         width:calc(100% - 80px);
         float: left;
         padding-left:5px;
    }
     table.table-cart tr td.item h3 {
        margin: 0 0 5px;
        display: block;
        padding-right: 20px;
    }
     table.table-cart tr td.qty {
        padding: 0px;
        float: right;
         margin-right: 8px;
        text-align: right;
        position: absolute;
        right: 0px;
        bottom: 35%;
    }
     table.table-cart tr td.item .price {
        width: 100%;
        float: left;
        text-align: left;
        margin: 15px 0;
    }
     table.table-cart tr td.item .price del{
        margin-top:2px;
    }
     table.table-cart tr td.item .price span.text{
        display:inline-block;
        font-size:12px;
    }
     table.table-cart tr td.remove a {
        position: absolute;
         top: 22px;
         right: 0;
    }
     table.table-cart tbody>tr:last-child, table.table-cart tr:last-child td {
        border: none;
    }
     .checkout-note textarea {
        margin-bottom:40px;
    }
     .cart-buttons .btn-checkout, .cart-buttons a, .cart-buttons .btn-update {
         font-size: 10px;
         margin:0;
         padding: 15px 8px;
    }
    /* ACCOUNT */
     .title-infor-account h1 {
        font-size: 30px;
    }
     .title-infor-account h1:after{
        margin-top:32px;
    }
     .AccountSidebar {
        margin-bottom: 40px;
    }
     .table-responsive {
        padding: 0 8px;
    }
    /* FOOTER */
     .footer .collapse {
        display: none;
        visibility: hidden;
    }
     .footer .collapse.in {
        display: block;
        visibility: visible;
    }
     .main-footer .footer-content {
    }
     .main-footer .footer-col {
        margin-bottom:0;
    }
     .main-footer .footer-title {

    }
    
     .main-footer h4.footer-title:before {

    }
     .main-footer h4.footer-title.active:before {
        content: "\f106";
    }
     .main-footer .col-lg:last-child .footer-col {
        border-bottom: none;
    }
     .breadcrumb-shop .breadcrumb-arrows li {
        font-size:10px;
    }
}
/* ============ ADDTHIS ** addthis ============== */
 .fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge{
     right: 12px!important;
    ;
}
 .addThis_listSharing {
     position: fixed;
    bottom:135px;
    z-index: 999;
     right:-15px;
    opacity: 0;
     visibility: hidden;
     transition: all .3s ease;
     -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
 .addThis_listSharing.is-show{
    right: 0;
    opacity: 1;
     visibility: visible;
}
 .addThis_listing .addThis_item{
    margin-bottom:5px;
    margin-right:24px;
}
 .addThis_listing .addThis_item .addThis_item--icon {
     position: relative;
    display: inline-block;
    text-align: center;
     width: 44px;
    height: 44px;
    line-height: 44px;
    color: #fff;
     border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
     background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}
 .addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
     position: absolute;
    top: 4px;
    right: 55px;
    z-index: 9;
     height: 32px;
    line-height: 26px;
    padding:3px 10px;
     width: auto;
    border-radius: 5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
     white-space: nowrap;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 1);
     visibility: hidden;
    opacity: 0;
     -ms-transition: all 200ms linear ;
    -webkit-transition: all 200ms linear ;
    transition: all 200ms linear ;
}
 .addThis_listing .addThis_item .addThis_item--icon .tooltip-text:after{
     content: "";
    width: 0;
    height: 0;
     border-width:5px;
    border-style: solid;
     border-color: transparent transparent transparent rgba(0, 0, 0, 1);
     position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
     -ms-transition: all 200ms linear ;
    -webkit-transition: all 200ms linear ;
    transition: all 200ms linear ;
}
 .addThis_listing .addThis_item .addThis_item--icon:hover {
    text-decoration: none;
     opacity: .9;
    box-shadow: 0 5px 10px rgba(0,0,0,.15), 0 4px 15px rgba(0,0,0,.13);
}
 .addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text{
    visibility: visible;
    opacity: 1;
}
 .actionToolbar_mobile {
     position: fixed;
    bottom: 0;
    left: 0;
     right: 0;
    margin: 0 auto;
    z-index: 999;
     height:45px;
    width: 100%;
    border-top: 1px solid #e7e7e7;
    background: #fff;
     padding:5px 10px;
}
 .actionToolbar_mobile ul.actionToolbar_listing{
     margin:0;
     display: -webkit-flex;
    display: -moz-flex;
    display: flex;
     -webkit-justify-content: space-between;
    justify-content: space-between;
     -webkit-align-items: center;
    align-items: center;
}
 .actionToolbar_mobile ul.actionToolbar_listing li{
    width: 20%;
    float: left;
}
 .actionToolbar_mobile ul.actionToolbar_listing li a {
    display: block;
    color: #696969;
    font-size: 12px;
    text-align: center;
    position: relative;
}
 .actionToolbar_mobile ul.actionToolbar_listing li a svg {
    fill: #696969;
    width: 35px;
    height: 35px;
     display: inline-block;
    vertical-align: middle;
}
 .actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {
    margin-top: -25px;
    display: inline-block;
    vertical-align: top;
}
 .actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a svg{
    width:44px;
    height:44px;
}
/* modal- center */
 .modal-addThis{
     background: rgba(3, 17, 27, 0.7);
    -webkit-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
}
 .modal-addThis.fade .modal-dialog{
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
 .modal-addThis .modal-dialog-centered {
     display: -webkit-box;
    display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .modal-addThis .modal-dialog-centered .modal-content {
    width: 100%;
}
 .modal-addThis .modal-dialog-centered{
     margin: 1.75rem auto;
    min-height: calc(100% - (1.75rem * 2));
}
 .modal-addThis.fade .modal-dialog-centered {
     opacity: 0;
     -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
     -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
 .modal-addThis.fade.in .modal-dialog-centered {
     opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
     -ms-transform: scale(1);
    transform: scale(1);
}
 .modal-addThis .modal-dialog-centered .modal-content{
    margin-bottom: 50px;
}
 @media (max-width: 767px) {
     button.Addcart.button {
         font-size: 13px;
    }
     .open-menu {
         display: block !important;
         background: #f9f9f9;
         padding: 10px;
         margin-top: -10px;
    }
     div#click1, p#click2 {
         cursor: pointer;
    }
     .modal-addThis .modal-dialog-centered{
        margin: 2.5rem 1.5rem;
        min-height: calc(100% - (2.5rem * 2));
    }
}
 .modal-backdrop.in {
    display: none;
    opacity: 0!important;
}
/* modal-succes */
 .modal-succes .modal-body .modal-title{
    font-size: 18px;
    font-weight: 600;
    margin:0;
}
 .modal-succes .modal-body p:not(.modal-title){
    font-size: 15px;
    margin:10px 0 5px
}
 .modal-succes .modal-body .txtloading{
    color: #aaa;
    font-size: 13.5px;
}
 @keyframes rotatePlaceholder{
    0%{
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    5%{
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    12%{
        -webkit-transform:rotate(-405deg);
        -moz-transform:rotate(-405deg);
        -o-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
    100%{
        -webkit-transform:rotate(-405deg);
        -moz-transform:rotate(-405deg);
        -o-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
}
 @keyframes animateSuccessTip{
    0%{
        width:0;
        left:1px;
        top:19px
    }
    54%{
        width:0;
        left:1px;
        top:19px
    }
    70%{
        width:50px;
        left:-8px;
        top:37px
    }
    84%{
        width:17px;
        left:21px;
        top:48px
    }
    100%{
        width:25px;
        left:14px;
        top:45px
    }
}
 @keyframes animateSuccessLong{
    0%{
        width:0;
        right:46px;
        top:54px
    }
    65%{
        width:0;
        right:46px;
        top:54px
    }
    84%{
        width:55px;
        right:0px;
        top:35px
    }
    100%{
        width:47px;
        right:8px;
        top:38px
    }
}
 .modal-icon.sweet-alert {
    padding-top: 15px;
}
 .animateSuccessTip {
    animation: animateSuccessTip 0.75s;
}
 .animateSuccessLong {
    animation: animateSuccessLong 0.75s;
}
 .sa-icon.sa-success.animate::after {
    animation: rotatePlaceholder 4.25s ease-in;
}
 .sweet-alert .sa-icon.sa-success{
    width:80px;
    height:80px;
    border:4px solid #4cae4c;
    border-radius:50%;
    margin:20px auto 0;
    position:relative;
    box-sizing:content-box
}
 .sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{
    content:'';
    border-radius:50%;
    position:absolute;
    width:60px;
    height:120px;
    background:#fff;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
 .sweet-alert .sa-icon.sa-success::before{
    border-radius:120px 0 0 120px;
    top:-7px;
    left:-33px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:60px 60px;
    -moz-transform-origin:60px 60px;
    -o-transform-origin:60px 60px;
    transform-origin:60px 60px
}
 .sweet-alert .sa-icon.sa-success::after{
    border-radius:0 120px 120px 0;
    top:-11px;
    left:30px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0px 60px;
    -moz-transform-origin:0px 60px;
    -o-transform-origin:0px 60px;
    transform-origin:0px 60px
}
 .sweet-alert .sa-icon.sa-success .sa-placeholder{
    width:80px;
    height:80px;
    border:4px solid rgba(92, 184, 92, 0.2);
    border-radius:50%;
    box-sizing:content-box;
    position:absolute;
    left:-4px;
    top:-4px;
    z-index:2
}
 .sweet-alert .sa-icon.sa-success .sa-fix{
    width:5px;
    height:90px;
    background-color:#fff;
    position:absolute;
    left:28px;
    top:8px;
    z-index:1;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
 .sweet-alert .sa-icon.sa-success .sa-line{
    height:5px;
    background-color:#5cb85c;
    display:block;
    border-radius:2px;
    position:absolute;
    z-index:2
}
 .sweet-alert .sa-icon.sa-success .sa-line.sa-tip{
    width:25px;
    left:14px;
    top:46px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
 .sweet-alert .sa-icon.sa-success .sa-line.sa-long{
    width:47px;
    right:8px;
    top:38px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
/* modal-contactform */
 .modal-contactform .modal-header h4.modal-title {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
 .modal-contactform .modal-header .close {
     margin-top: -10px;
    opacity: 0.5;
    font-size: 26px;
    width: 30px;
     margin-right: -8px;
}
 .modal-contactform .content_popupform .input-group{
     width: 100%;
    margin:0 0 15px;
}
 .modal-contactform .content_popupform .input-group input, .modal-contactform .content_popupform .input-group textarea{
    border: 1px solid #e7e7e7;
    box-shadow: none;
    height: 40px;
    font-weight: 500;
    padding:5px 20px;
    background: #fbfbfb;
    color: #252a2b;
    width: 100%;
}
 .modal-contactform .content_popupform .input-group textarea{
    resize: none;
    height:80px;
}
/* - Harafunnel mobile */
 .harafunnel-mb {
     position: fixed;
    right: 10px;
    bottom:60px;
     z-index: 9999;
    width: 65px;
    height: 65px;
    padding:8px;
     background: #fff;
     border-radius: 50%;
     box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
     transition: box-shadow 150ms linear;
}
 .harafunnel-mb:hover {
    box-shadow: 0 5px 24px rgba(0, 0, 0, .3);
}
 .harafunnel-mb a {
    display: block;
}
 .harafunnel-mb a svg{
    width:100%;
    height:100%;
}
 @media(min-width:992px){
     .modal-addThis.modal-contactform .modal-dialog{
        width: 600px;
    }
     .modal-addThis.modal-succes .modal-dialog{
        width:450px;
    }
}
 @media(max-width:767px){
     .mainfooter-toolbar{
        margin-bottom: 44px;
    }
     .mainfooter-product {
        margin-bottom: 60px;
    }
     .actionToolbar_product{
         opacity: 0;
         visibility: hidden;
         -webkit-transform: translateY(100%);
        transform: translateY(100%);
         -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
     .product-action-bottom {
         position: fixed;
        left: 0;
        bottom:0;
        right: 0;
         z-index: 700;
        background: #fff;
        display:block;
         box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
         padding: 8px 10px;
         -webkit-transition: padding .3s ease;
        transition: padding .3s ease;
    }
     .layoutProduct_scroll.scroll-down .actionToolbar_product{
         opacity: 1;
         visibility: visible;
         -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
     .layoutProduct_scroll.scroll-down .product-action-bottom{
        padding-bottom:60px;
    }
}
/*===== APP COMBO - BUY X TANG Y ============================================*/
 .modal-productApp{
     background: rgba(3, 17, 27, 0.7);
    -webkit-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
}
 .modal-productApp.fade .modal-dialog{
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
 .modal-productApp .modal-dialog-centered {
     display: -webkit-box;
    display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .modal-productApp .modal-dialog-centered .modal-content {
    width: 100%;
}
 .modal-productApp .modal-dialog-centered{
     margin: 1.75rem auto;
    min-height: calc(100% - (1.75rem * 2));
}
 .modal-productApp.fade .modal-dialog-centered {
     opacity: 0;
     -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
     -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
 .modal-productApp.fade.in .modal-dialog-centered {
     opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
     -ms-transform: scale(1);
    transform: scale(1);
}
 .modal-productApp .modal-dialog-centered .modal-content{
    margin-bottom: 50px;
}
 .modal-productApp .modal-footer {
    padding: 15px;
    text-align: center;
}
 .modal-productApp .modal-footer .button{
    margin:0 5px;
}
 .modal-productApp .modal-header{
    padding:15px 20px ;
}
 .modal-productApp .modal-header .name-combo, .modal-productApp .modal-header .modal-title {
    margin: 0;
    font-weight: bold;
    font-size:22px;
    padding: 0px 30px 0px 0px;
}
 .modal-productApp .modal-header .combo-title {
    margin:10px 0 0;
    font-size: 14px;
     font-weight: bold;
}
 .modal-productApp .modal-header .close-modal-app {
    display: inline-block;
    position: absolute;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
     border-radius: 50%;
     border: 1px solid #333;
     right: 13px;
    top: 9px;
    z-index: 9;
     opacity: 1;
    margin: 0;
}
 .modal-productApp .modal-header .close-modal-app svg {
    display: inline-block;
    fill: currentColor;
    position: relative;
    width: 12px;
    line-height: 30px;
    margin-top:-2px;
}
 #combo-program {
    max-height:400px;
     overflow: auto;
}
 #combo-program .combo-title b {
    color: #ff0707;
}
 #combo-program .combo-w {
    border: 0;
    margin-bottom:0px;
    padding:0px 10px 0px 40px;
    position: relative;
}
 #combo-program .combo-w:after {
    content: '\2714\fe0e';
    font-size: 16px;
    position: absolute;
    top: calc(50% - 11px);
    left: 11px;
    color:#93c3c4;
    opacity: 0;
}
 #combo-program .combo-w:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    position: absolute;
    top: calc(50% - 10px);
    left: 7px;
}
 #combo-program .combo-w.checked:after {
    opacity: 1;
}
 #combo-program .combo-w.checked:before {
    border: 1px solid #000000;
}
 #combo-program table tr {
    margin-bottom: 3px;
}
 #combo-program table tr:first-child td {
     border-top:0;
}
 #combo-program table label {
    font-weight: normal;
    font-size: 13px;
    display: block;
    border: none;
    padding: 2px 5px;
    cursor: pointer;
}
 #combo-program table label:after {
    content: "";
    display: table;
    clear: both;
}
 #combo-program table label img {
    display: inline-block;
    width:85px;
     float: left;
}
 #combo-program table label p {
    display: inline-block;
    width: calc(100% - 85px);
    float: left;
    margin-bottom: 0px;
    padding-left: 15px;
}
 #combo-program table label .discount-promotion-price b {
    color: #fa0303;
}
 #combo-program table label .discount-promotion-price del {
    margin-left: 5px;
}
 #combo-program table input {
    display: none;
}
 #combo-program table input:checked + label {
    color: #000;
    background: #fff8f8;
}
 #buyxgety-program {
    margin:20px 0;
    border: 2px dotted #000000;
    padding:10px;
    position: relative;
    min-height: 100px;
    z-index: 0;
}
 #buyxgety-program .buyxgety-heading{
    padding:5px 10px;
    position: relative;
    padding-right:60px;
}
 #buyxgety-program .buyxgety-heading h3{
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 4px;
}
 #buyxgety-program .buyxgety-heading:after {
     content: "";
     position: absolute;
    width:35px;
    height:35px;
    right: 10px;
     top:6px;
     background-image: url('https://file.hstatic.net/1000308580/file/icon-gifbox_21127e78739a40a28f058e5e123d41b1.png');
     background-repeat: no-repeat;
    background-size: contain;
}
 #buyxgety-program .modal-body{
    padding:15px 30px;
}
 .buyxgety_item {
    display: -webkit-flex;
    display: flex;
    padding: 5px 10px 10px;
}
 .buyxgety_item .buyxgety_checkbox {
    width:35px;
    float: left;
    padding-top:7px;
}
 .buyxgety_item .buyxgety_image {
    width: 60px;
    float: right;
}
 .buyxgety_item .buyxgety_item_title{
    width:calc(100% - 95px);
    float: right;
    padding-left:15px;
}
 .buyxgety_item .buyxgety_list_variant select{
    font-size: 94%;
     font-style: italic;
    min-width:110px;
     outline: none;
     padding: 1px 15px 2px;
     margin:2px 0 5px;
}
 .buyxgety_item .buyxgety_checkbox input[type=radio]{
    cursor: pointer;
    width:15px;
    height:15px;
}
/* edit +++ .pro-loop .product-img .sold-out == bottom:10 .qty-click input.item-quantity table.table-cart tr td.item h3 .selector-actions */
 .pro-loop .product-img .product_gift_label {
    width: 25px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index:1;
}
 .product-loop-special .product-col-left{
    position: relative;
}
 .product-loop-special .product-col-left .product_gift_label{
    position: absolute;
    width: 50px;
    top: 15px;
     z-index: 2;
    left: 20px;
}
 button.btn-product-gift{
    width: 100%;
    padding: 14px 35px;
     font-size: 16px;
}
 table.table-cart tr td.item .ico-gift{
    display: inline-block;
    width: 16px;
    vertical-align: text-bottom;
    margin-left: 10px;
}
 @media(max-width:767px){
 #home-whyus {
    margin-bottom: 0px;
    height: inherit;
    background: url(/theme/bannerwhyus.jpg?v=2);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-bottom: 80px;
}

.mainfooter-padding {
    background: none;
    padding: 0px;
}

.main-footer--bottom {
    margin: 0px;
    background: #0000ba;
}
     .modal-productApp .modal-dialog-centered{
        margin: 2.5rem 1.5rem;
        min-height: calc(100% - (2.5rem * 2));
    }
     .modal-productApp .modal-header{
        padding-left:15px;
    }
     .modal-productApp .modal-header .name-combo, .modal-productApp .modal-header .modal-title{
         font-size: 18px;
    }
     .modal-productApp .modal-footer .button{
        width:100%;
        margin: 0;
    }
     .modal-productApp .modal-footer .button + .button.discount-promotion-btn{
        margin-top:15px;
    }
}
/*====== POPUP CONTACT ====================================================================*/
 .modal-popupContact{
    color:#333;
     background: rgba(3, 17, 27, 0.7);
    -webkit-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
}
 .modal-popupContact.fade .modal-dialog{
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
 .modal-popupContact .modal-dialog-centered {
     display: -webkit-box;
    display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .modal-popupContact .modal-dialog-centered .modal-content {
    width: 100%;
}
 .modal-popupContact .modal-dialog-centered{
     margin: 1.75rem auto;
    min-height: calc(100% - (1.75rem * 2));
}
 .modal-popupContact.fade .modal-dialog-centered {
     opacity: 0;
     -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
     -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
 .modal-popupContact.fade.in .modal-dialog-centered {
     opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
     -ms-transform: scale(1);
    transform: scale(1);
}
 .modal-popupContact .modal-dialog-centered .modal-content{
    margin-bottom: 50px;
}
 @media (max-width: 767px) {
     .modal-popupContact .modal-dialog-centered{
        margin: 2.5rem 1.5rem;
        min-height: calc(100% - (2.5rem * 2));
    }
}
 .modal-popupContact .close-popup-contact{
     background-color: rgba(0, 0, 0, .3);
     height:30px;
    width:30px;
    line-height: 30px;
     position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
     border-radius: 50%;
    opacity: 1;
    text-align: center;
    outline: none;
}
 .modal-popupContact .close-popup-contact svg{
    display: block;
    margin: auto;
    height: 30px;
    width: 14px;
    text-align: center;
    fill:#f3f3f3
}
 .modal-popupContact .close-popup-contact:hover{
    background-color: rgba(0,0,0,.6);
}
 .modal-popupContact.popupBanner .modal-content{
    background-color: transparent;
    width: auto;
    margin-left:auto;
    margin-right:auto;
}
 .modal-popupContact.popupForm .modal-content {
     position: relative;
    overflow: hidden;
    padding: 0;
     background-image: url('https://file.hstatic.net/1000375638/file/runner-popup_ebbbb7ad7346475e9caa836a64f07194.jpg');
     background-size: cover;
    background-repeat: no-repeat;
    background-color: #e6e6e6;
}
 .modal-popupContact.popupForm .modal-content:before{
     content:"";
     position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
     background:#f3f3f3;
    opacity: 0.75;
}
 .modal-popupContact.popupForm .modal-content:before, .modal-popupContact.popupForm .modal-content .modal-wrapper-contact{
    width:58%
}
 .modal-popupContact.popupForm .modal-content .modal-wrapper-contact{
    position: relative;
    padding: 50px 25px;
    float:right;
}
 .title-popup-contact {
    font-size: 24px;
     margin: 0px 0px 10px;
    font-weight: 500;
}
 .message-popup-contact {
    margin-bottom: 25px;
}
 .title-adv-popup-contact {
    font-size: 14px;
    margin-bottom: 5px;
}
 .list-adv-popup-contact li {
    list-style-type: disc;
    margin-left: 25px;
    font-size: 14px;
}
 .popup-form-customer .input-group {
    width: 100%;
    display: block;
}
 .popup-form-customer .input-group input{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
 .popup-form-customer .input-group input, .popup-form-customer .input-group .input-group-addon{
     width:100%;
    margin-bottom:15px;
     height: 45px;
    padding:10px 20px;
    line-height: 25px;
     background: #fff;
    border:1px solid #e7e7e7;
}
 .popup-form-customer .input-group .input-group-addon {
     font-weight: 700;
    color: #fff;
    cursor: pointer;
    border-color:#000000;
}
 .popup-form-customer .input-group .input-group-addon:hover, .popup-form-customer .input-group .input-group-addon:focus{
     background-color:#fff;
    border-color:#93c3c4;
    color:#93c3c4;
}
 @media (min-width: 768px) {
     .modal-popupContact .modal-dialog-centered{
        width:650px;
    }
}
 @media (max-width: 767px) {
     .modal-popupContact.popupForm .modal-content:before, .modal-popupContact.popupForm .modal-content .modal-wrapper-contact{
        width:100%;
    }
}
/*** End popup-contact.css ***/
.main-header--logo img {
    max-height: 60px;
    margin: 20px 0px;
}
 .scroll-menu .main-header--logo img {
     max-height: 30px;
}
 .main-footer--copyright {

}
 .mainfooter-padding {
}
 .footer-content a:hover {
     color: #496ef5;
}
 .fb-customerchat iframe {
     bottom: 150px !important;
}
 @media (max-width: 600px){
 .main-header--logo img {
    max-height: 60px;
    margin: 0px 0px 10px;
}
.hamburger-menu {
    padding-left: 10px;
    top: -5px;
}
}
 @media (min-width: 1200px){
     iframe.fb_customer_chat_bounce_out_v2, .fb_iframe_widget iframe {
         z-index: 99 !important;
    }
     iframe.fb_customer_chat_bounce_in_v2 {
         z-index: 2147483647 !important;
    }
header.main-header {
    z-index: 999;
    position: relative;
    top: -19px;
    margin-bottom: -19px;
}
}