<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*General*/
/*----------------------------------
Project: Fruit Shop
Version: 1.1
Last change: 02/28/2017
Author:	7UP Theme
Author URI: https://7uptheme.com/
1.Home 1
2.Home 2
3.Home 3
4.Home 4
5.Home 5
6.Shop
7.Product
8.Blog
9.page
-----------------------------------*/
/* General */
body {
  color: #333;
  font-family: 'å¾®è»Ÿæ­£é»‘é«”','Poppins', sans-serif;
  font-size: 14px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  font-weight: 400;
  letter-spacing:1px;
}
.wrap {
  overflow: hidden;
  position: relative;
}
* {
  box-sizing: border-box;
  outline: none;
}
img {
  max-width: 100%;
}
a {
  color: #555;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
.container {
  max-width: 1200px;
  position: relative;
  width: 100%;
}
input,
input:focus,
input:hover {
  outline: none;
}
/*Begin Class*/
.border {
  border: 1px solid #e5e5e5;
}
.no-margin {
  margin: 0;
}
.border-left {
  border-left: 1px solid #e5e5e5;
}
.border-right {
  border-right: 1px solid #e5e5e5;
}
.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
.transition {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.radius4 {
  border-radius: 4px;
}
.radius6 {
  border-radius: 6px;
}
.drop-shadow {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.round {
  border-radius: 50%;
}
.desc {
  color: #555;
  margin: 0;
  line-height: 24px;
}
.white {
  color: #fff;
}
.black {
  color: #333;
}
.dark {
  color: #000;
}
.gray {
  color: #555;
}
.silver {
  color: #999;
}
.smoke {
  color: #ccc;
}
.bg-white {
  background: #fff;
}
.title14,
.title8,
.title12,
.title16,
.title18,
.title24,
.title30,
.title36,
.title40,
.title48,
.title60,
.title90,
.title120,
.title100 {
  margin: 0;
  font-size: 14px;
}
.title8 {
  font-size: 8px;
}
.title12 {
  font-size: 12px;
}
.title16 {
  font-size: 16px;
}
.title18 {
  font-size: 18px;
}
.title24 {
  font-size: 24px;
}
.title30 {
  font-size: 30px;
}
.title36 {
  font-size: 36px;
}
.title40 {
  font-size: 40px;
}
.title48 {
  font-size: 48px;
}
.title60 {
  font-size: 60px;
}
.title90 {
  font-size: 90px;
}
.title120 {
  font-size: 120px;
}
.title100 {
  font-size: 100px;
}
.vibes-font {
  font-family: 'å¾®è»Ÿæ­£é»‘é«”','Great Vibes', cursive;
  font-weight: 400;
  text-transform: inherit;
}
.rale-font {
  font-family: 'å¾®è»Ÿæ­£é»‘é«”','Raleway', sans-serif;
}
.poiret-font {
  font-family: 'å¾®è»Ÿæ­£é»‘é«”','Poiret One', cursive;
  font-weight: 400;
}
.link-btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.absolute,
.item-adv1 .banner-info .btn-arrow,
form.email-form2::after,
.banner-about6 a::before,
.product-thumb .product-extra-link3,
.item-product-mason .product-info,
.item-product-grid::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
}
.inline-block {
  display: inline-block;
  vertical-align: top;
}
.list-none {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-inline-block {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-inline-block &gt; li {
  display: inline-block;
  vertical-align: top;
}
div.table {
  display: table;
  margin: 0;
  width: 100%;
}
div.table &gt; div {
  display: table-cell;
  vertical-align: top;
}
/*End Class*/
/*Begin Owl Carousel*/
.wrap-item &gt; div:not(:first-child) {
  display: none;
}
.owl-theme .owl-controls {
  margin: 0;
}
.owl-theme .owl-controls .owl-buttons div {
  width: 40px;
  height: 40px;
  opacity: 1;
  padding: 0;
  margin: -20px 0 0;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 50%;
  z-index: 9;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.owl-theme .owl-controls .owl-buttons div:hover {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
.owl-theme .owl-controls .owl-buttons div i::before {
  line-height: 40px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 0;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0;
}
.banner-slider {
  position: relative;
  overflow: hidden;
}
.owl-theme .owl-controls .owl-page {
  vertical-align: middle;
  border-radius: 50%;
  border: 1px solid transparent;
  margin: 0 5px;
}
.owl-theme .owl-controls .owl-page span {
  background: #000;
  margin: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 1;
  margin: 5px;
  position: relative;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.owl-theme .owl-controls .owl-page.active {
  border: 1px solid #000;
}
.banner-slider.bg-slider .item-slider {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-slider .item-slider {
  position: relative;
}
.banner-slider.bg-slider .banner-thumb img {
  max-width: none;
  opacity: 0;
  width: auto;
}
.group-navi .owl-buttons {
  position: absolute;
  right: 0;
  top: -40px;
  width: 81px;
  left: 0;
  margin: auto;
}
.banner-slider .banner-thumb img {
  width: 100%;
}
.banner-slider .banner-info {
  height: 200px;
}
.banner-info {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}
.banner-info-image {
  position: absolute;
  right: 0;
  top: 0;
}
.banner-info-text {
  top: 50%;
  height: 200px;
  margin: -100px 0 0;
  z-index: 9;
  left: 0;
  position: absolute;
}
/*End Owl Carousel*/
/*Begin Custom Scroll*/
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: none;
}
.mCSB_container {
  margin-right: 0;
}
.mCustomScrollBox &gt; .mCSB_scrollTools {
  width: 4px;
}
/*End Custom Scroll*/
/*Begin Line White*/
.line-white {
  position: relative;
}
.line-white::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
  content: "";
  background: #fff;
}
/*End Line White*/
/*Begin Box Hover Dir*/
.box-hover-dir {
  overflow: hidden;
  position: relative;
  cursor: all-scroll;
}
.box-hover-dir &gt; div {
  height: 100%;
  position: absolute;
  width: 100%;
  transition: all 0.5s ease-out 0s !important;
  -webkit-transition: all 0.5s ease-out 0s !important;
}
/*End Box Hover Dir*/
/*Begin Banner Adv*/
.banner-advts {
  position: relative;
}
.adv-thumb-link {
  display: block;
  overflow: hidden;
  position: relative;
}
.adv-thumb-link &gt; img {
  display: block;
  width: 100%;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
/*Zoom Rotate*/
.zoom-rotate .adv-thumb-link &gt; img {
  transform: scale(1) rotate(0);
  -webkit-transform: scale(1) rotate(0);
}
.zoom-rotate:hover .adv-thumb-link &gt; img {
  transform: scale(1.15) rotate(4deg);
  -webkit-transform: scale(1.15) rotate(4deg);
}
/*Zoom Image*/
.zoom-image:hover .adv-thumb-link &gt; img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
}
/*Fade Out In*/
.fade-out-in .adv-thumb-link::before,
.fade-out-in .adv-thumb-link::after,
.fade-in-out .adv-thumb-link::before,
.fade-in-out .adv-thumb-link::after,
.overlay-image .adv-thumb-link::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  z-index: 1;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.fade-out-in:hover .adv-thumb-link::before {
  opacity: 1;
  top: 50%;
  bottom: 50%;
}
.fade-out-in:hover .adv-thumb-link::after {
  opacity: 1;
  left: 50%;
  right: 50%;
}
/*Fade In Out*/
.fade-in-out .adv-thumb-link::before {
  opacity: 1;
  top: 50%;
  bottom: 50%;
}
.fade-in-out .adv-thumb-link::after {
  opacity: 1;
  left: 50%;
  right: 50%;
}
.fade-in-out:hover .adv-thumb-link::before {
  opacity: 0;
  top: 0;
  bottom: 0;
}
.fade-in-out:hover .adv-thumb-link::after {
  opacity: 0;
  left: 0;
  right: 0;
}
/*Pull Curtain*/
.pull-curtain .adv-thumb-link::before {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  position: absolute;
  z-index: 1;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.pull-curtain .adv-thumb-link::after {
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  opacity: 0;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  position: absolute;
  z-index: 1;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.pull-curtain:hover .adv-thumb-link::before,
.pull-curtain:hover .adv-thumb-link::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}
/*Overlay Image*/
.overlay-image .adv-thumb-link::after {
  background: rgba(0, 0, 0, 0.3);
}
.overlay-image:hover .adv-thumb-link::after {
  opacity: 1;
}
/*Blue Image*/
.blur-image:hover .adv-thumb-link img {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}
/*Gray Image*/
.gray-image:hover .adv-thumb-link img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
/*Zoom Out*/
.zoom-out .adv-thumb-link img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(3);
  -webkit-transform: scale(3);
}
.zoom-out:hover .adv-thumb-link img {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
}
/*Line Scale*/
.line-scale .adv-thumb-link::before {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 10px;
  right: 10px;
  content: "";
  border-top: 1px solid rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  z-index: 1;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.line-scale .adv-thumb-link::after {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 20px;
  right: 20px;
  content: "";
  border-left: 1px solid rgba(255, 255, 255, 0.9);
  border-right: 1px solid rgba(255, 255, 255, 0.9);
  z-index: 1;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.line-scale:hover .adv-thumb-link::before,
.line-scale:hover .adv-thumb-link::after {
  transform: scale(1);
  -webkit-transform: scale(1);
}
/*End Banner Adv*/
/*******************************************************************************************************
										Preview	Menu				
********************************************************************************************************/
.main-nav &gt; ul &gt; li .sub-menu &gt; li.menu-item-preview {
  position: relative;
}
.main-nav &gt; ul &gt; li .sub-menu &gt; li.menu-item-preview::after {
  position: absolute;
  width: 10px;
  height: 40px;
  top: 0;
  left: 100%;
  content: "";
  background: transparent;
}
.main-nav &gt; ul &gt; li .sub-menu &gt; li.menu-item-preview &gt; .preview-image {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  left: 100%;
  padding: 5px;
  position: absolute;
  top: 0;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  margin-left: 10px;
  border: 1px solid #e5e5e5;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.main-nav &gt; ul &gt; li .sub-menu &gt; li.menu-item-preview:hover &gt; .preview-image {
  opacity: 1;
  visibility: visible;
}
.main-nav &gt; ul &gt; li .sub-menu &gt; li.menu-item-preview &gt; .preview-image &gt; a {
  display: block;
  height: 140px;
  overflow: hidden;
  position: relative;
}
.main-nav &gt; ul &gt; li .sub-menu &gt; li.menu-item-preview &gt; .preview-image &gt; a &gt; img {
  left: 0;
  position: absolute;
  top: 0;
  transition: all 5s ease-in-out 0s;
  -webkit-transition: all 5s ease-in-out 0s;
  width: 100%;
}
.main-nav &gt; ul &gt; li .sub-menu &gt; li.menu-item-preview &gt; .preview-image &gt; a:hover &gt; img {
  top: 100%;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}
/*Begin Header On Top*/
.header-ontop {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.header-ontop.fixed-ontop {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  visibility: visible;
  width: 100%;
  z-index: 999!important;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  position: fixed!important;
  top: 0;
}
/*End Header On Top*/
/*Begin Main Nav*/
.main-nav {
  position: relative;
  z-index: 1001;
}
.main-nav &gt; ul {
  font-size: 0;
  list-style: outside none none;
  padding: 0;
  margin: 0;
  position: relative;
}
.main-nav &gt; ul &gt; li {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  margin: 0 20px;
}
.main-nav &gt; ul &gt; li &gt; a {
  color: #000;
  display: block;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  position: relative;
  font-family: 'å¾®è»Ÿæ­£é»‘é«”','Raleway', sans-serif;
  letter-spacing:1.5px;
}
.main-nav &gt; ul &gt; li.menu-item-has-children &gt; a::after {
  position: absolute;
  content: "";
  font-family: fontAwesome;
  height: 50px;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  text-align: center;
  margin-top: -20px;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.main-nav &gt; ul &gt; li.menu-item-has-children:hover &gt; a::after {
  opacity: 1;
}
.main-nav li.menu-item-has-children {
  position: relative;
}
.main-nav li.menu-item-has-children:hover &gt; .sub-menu {
  opacity: 1;
  visibility: visible;
}
.main-nav .sub-menu {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  list-style: outside none none;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  visibility: hidden;
  width: 200px;
  z-index: 999;
  text-align: left;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.main-nav &gt; ul &gt; li.menu-item-has-children.has-mega-menu {
  position: static;
}
.main-nav &gt; ul &gt; li.menu-item-has-children.has-mega-menu &gt; .sub-menu {
  width: 1170px;
}
.main-nav &gt; ul &gt; li.menu-item-has-children &gt; .sub-menu {
  margin:15px 0 0;
}
.element-menu-11 .main-nav &gt; ul &gt; li.menu-item-has-children &gt; .sub-menu{
  margin:0;
}
.main-nav &gt; ul &gt; li .sub-menu &gt; li &gt; a {
  display: block;
  padding: 10px 20px;
  position: relative;
  text-transform: capitalize;
}
.main-nav &gt; ul &gt; li .sub-menu &gt; li:hover &gt; a {
  color: #fff;
}
.main-nav &gt; ul &gt; li .sub-menu &gt; li.menu-item-has-children &gt; a {
  padding-right: 20px;
  position: relative;
}
/*
.main-nav &gt; ul &gt; li .sub-menu &gt; li.menu-item-has-children &gt; a::after {
  content: "\f101";
  font-family: "fontAwesome";
  position: absolute;
  right: 20px;
  top: 13px;
}*/
.main-nav &gt; ul &gt; li.menu-item-has-children li.menu-item-has-children &gt; .sub-menu {
  left: 100%;
  top: 0;
}
.main-nav &gt; ul &gt; li.menu-item-has-children li.menu-item-has-children &gt; .sub-menu.offset-right {
  left: auto;
  right: 100%;
}
/*Pointer Event*/
.sub-menu,
.cat-mega-menu {
  pointer-events: none;
}
li.has-cat-mega:hover &gt; .cat-mega-menu,
li.menu-item-has-children:hover &gt; .sub-menu {
  pointer-events: inherit;
}
/*End Main Nav*/
/*Begin Toggle Mobile Menu*/
.main-nav .toggle-mobile-menu {
  display: none;
  height: 30px;
  width: 30px;
  position: relative;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.main-nav .toggle-mobile-menu span {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
  top: 50%;
}
.main-nav .toggle-mobile-menu::before,
.main-nav .toggle-mobile-menu::after {
  content: '';
  position: absolute;
  top: 0;
  height: 4px;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.main-nav .toggle-mobile-menu::before {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.main-nav .toggle-mobile-menu::after {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.main-nav.active .toggle-mobile-menu::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.main-nav.active .toggle-mobile-menu::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.main-nav.active .toggle-mobile-menu span {
  display: none;
}
/*End Toggle Mobile Menu*/
/*Begin Menu Responsive*/
@media (max-width: 767px) {
  .main-nav .menu-item-has-children .sub-menu li &gt; a {
    border-bottom: none;
  }
  .mega-menu {
    /*display: none;*/
  }
  .main-nav .toggle-mobile-menu {
    display: block;
  }
  .main-nav .sub-menu {
    background: #fff none repeat scroll 0 0;
    display: none;
    margin: 0!important;
    opacity: 1!important;
    visibility: visible!important;
    position: static!important;
    box-shadow: none!important;
    border-top: 1px solid #e5e5e5;
  }
  .main-nav &gt; ul &gt; li &gt; a::before {
    display: none!important;
  }
  .main-nav &gt; ul &gt; li &gt; a {
    /*color: #333!important;*/
    font-weight: 700!important;
    border-top: 1px solid #e5e5e5!important;
  }
  .main-nav {
    margin: 0;
  }
  .main-nav &gt; ul {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 10px;
    width: 290px;
    z-index: 999;
    background: #fff;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    transform: translateX(-320px);
    -webkit-transform: translateX(-320px);
    text-align: left;
  }
  .main-nav.active &gt; ul {
    transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
  }
  .main-nav &gt; ul &gt; li {
    display: block;
    margin: 0 15px !important;
    padding: 0!important;
  }
  .main-nav .sub-menu li a::before {
    display: none;
  }
  .main-nav &gt; ul li &gt; a {
    border-top: 1px dashed #e5e5e5;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0!important;
  }
  .main-nav &gt; ul li:first-child &gt; a {
    border: medium none!important;
  }
  .main-nav .sub-menu &gt; li {
    padding: 0px!important;
    margin: 0 15px;
  }
  .main-nav &gt; ul li.menu-item-has-children .menu-item-has-children &gt; a::after {
    right: 0;
    top: 0;
  }
  .main-nav &gt; ul &gt; li.menu-item-has-children &gt; a::after {
   /* content: "\f107";
    font-family: fontawesome;*/
  }
  .main-nav &gt; ul &gt; li .sub-menu::after {
    display: none;
  }
  .main-nav &gt; ul &gt; li .sub-menu {
    display: none;
    width: 100%;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 0;
  }
  .main-nav &gt; ul &gt; li.menu-item-has-children li.menu-item-has-children &gt; .sub-menu {
    left: 0;
    top: 100%;
    padding: 0;
  }
  .main-nav &gt; ul &gt; li.menu-item-has-children li.menu-item-has-children &gt; a::after {
    content: "ï„‡";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    top: 0;
  }
  .main-nav &gt; ul &gt; li.has-mega-menu &gt; a::after {
    display: none!important;
  }
  .menu-item-preview .preview-image {
    display: none;
  }
}
/*End Menu Responsive*/
/*Begin Rating*/
.product-rate {
  background-image: url("../images/icon/rate-star.png");
  background-position: 0 -11px;
  background-repeat: repeat-x;
  height: 11px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  width: 70px;
}
.product-rate.style2,
.product-rate.style2 .product-rating {
  background-image: url("../images/icon/rate-star2.png");
}
.product-rating {
  background-image: url(../images/icon/rate-star.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  height: 11px;
}
.item-product.text-center .product-rate {
  margin: auto;
}
/*End Rating*/
/*Button Scoll*/
body .scroll-top {
  bottom: 10px;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
  opacity: 0;
  position: fixed;
  right: -50px;
  text-align: center;
  width: 40px;
  z-index: 999;
  bottom:100px;
}
body .scroll-top:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.scroll-top.active {
  opacity: 1;
  right: 10px;
  bottom:100px;
}
/*Begin Product*/
.product-slider .item-product {
  margin: 0 15px 30px;
}
.product-slider {
  margin: 0 -15px;
}
.item-product .product-info {
  padding-top: 17px;
  position: relative;
}
.product-thumb {
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.product-title {
  margin: 0 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.table .product-info .product-title {
  white-space: normal;
}
.product-price ins,
.product-price del {
  text-decoration: none;
  position: relative;
}
.product-price del::after {
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  top: 50%;
  content: "";
}
.product-price {
  margin: 0 -2px 7px;
}
.product-price &gt; * {
  margin: 0 2px;
}
/*Overlay Product*/
.product-thumb-link {
  display: block;
  position: relative;
  overflow: hidden;
}
.product-thumb-link img {
  width: 100%;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.product-thumb-link::before,
.post-thumb .post-thumb-link::before {
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.product-thumb:hover .product-thumb-link::before {
  opacity: 1;
}
/*Zoom Product*/
.product-thumb:hover .zoom-thumb img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
}
/*Zoomout Product*/
.zoomout-thumb img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(3);
  -webkit-transform: scale(3);
}
.product-thumb:hover .zoomout-thumb img:last-child {
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}
/*Rotate Product*/
.rotate-thumb img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: rotateY(90deg);
  -webkit-transform: rotateY(90deg);
}
.product-thumb:hover .rotate-thumb img:last-child {
  transform: rotateY(0);
  -webkit-transform: rotateY(0);
  opacity: 1;
}
.product-thumb:hover .rotate-thumb img:first-child {
  transform: rotateY(-90deg);
  -webkit-transform: rotateY(-90deg);
  opacity: 0;
}
/*Translate Product*/
.translate-thumb img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}
.product-thumb:hover .translate-thumb img:last-child {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}
.product-thumb:hover .translate-thumb img:first-child {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  opacity: 0;
}
/*End Product*/
/*Select Box*/
.select-box label {
  font-weight: 400;
  margin: 0 5px;
}
.select-box select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  height: 34px;
  padding: 0 50px 0 20px;
  position: relative;
  text-align: left;
  text-transform: capitalize;
  display: block;
  width: 100%;
  border: none;
  color: #555;
}
.select-box {
  position: relative;
}
.select-box::after {
  position: absolute;
  top: 12px;
  right: 17px;
  content: "\f107";
  font-family: "fontAwesome";
}
/*Begin Wishlist Popup*/
.wishlist-mask {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  display: none;
}
.wishlist-popup {
  background: #fff none repeat scroll 0 0;
  border: 10px solid rgba(0, 0, 0, 0.5);
  bottom: 0;
  height: 200px;
  left: 0;
  margin: auto;
  padding: 20px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 470px;
  z-index: 9999;
}
.wishlist-button a {
  background: #858785 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  padding: 8px 15px;
  margin: 0 3px;
}
.popup-icon {
  font-size: 30px;
}
.wishlist-alert {
  margin: 10px 0 20px;
}
.product-popup-content {
  padding: 15px 0;
}
/*End Wishlist Popup*/
/*Begin Email Popup*/
#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}
#boxes .window {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 9999;
}
.window-popup {
  padding: 10px 10px 40px 10px;
  width: 800px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  position: relative;
  background: #fff;
}
.window-popup .close-popup {
  background: #fff none repeat scroll 0 0;
  display: block;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: -15px;
  text-align: center;
  top: -15px;
  width: 30px;
  z-index: 999;
  border-radius: 50%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.content-popup-form {
  padding: 0 20px;
}
.content-popup-form .desc {
  margin-right: -10px;
}
.content-popup {
  position: relative;
  z-index: 99;
}
.content-popup input[type="text"] {
  width: 260px;
}
.content-popup .image-popup {
  margin: 0 0 15px;
  display: block;
  width: 100%;
}
.content-popup .title18 {
  margin-bottom: 22px;
}
/*End Email Popup*/
/*Begin Mini Cart*/
.mini-cart-box {
  position: relative;
  z-index: 1002;
}
.list-mini-cart-item {
  margin-top: 20px;
}
.mini-cart-icon sup {
  display: inline-block;
  font-size: 10px;
  height: 23px;
  line-height: 23px;
  right: 5px;
  text-align: center;
  top: -10px;
  width: 23px;
}
.mini-cart-link &gt; span {
  vertical-align: middle;
}
.mini-cart-number {
  line-height: 24px;
  margin-left: 5px;
}
.product-mini-cart.table {
  margin-bottom: 20px;
}
.product-mini-cart .product-thumb {
  width: 90px;
}
.mini-cart-box .dropdown-list {
  width: 290px;
  padding: 30px 20px;
}
.product-mini-cart .product-thumb-link {
  border: 1px solid #e5e5e5;
}
.product-mini-cart .product-info {
  padding-left: 20px;
}
.mini-cart-button {
  margin: 20px -3px 0;
}
.mini-cart-button .shop-button {
  padding: 0 25px;
  margin: 0 3px;
}
/*End Mini Cart*/
/*Begin Count Down Master*/
.countdown-master .flip-clock-divider .flip-clock-label {
  display: none;
}
.countdown-master {
  display: inline-block;
  margin: 0;
  width: auto;
  vertical-align: middle;
}
.countdown-master.flip-clock-wrapper ul {
  background: transparent;
  float: left;
  margin: 0 -4px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
}
.countdown-master.flip-clock-wrapper .flip {
  box-shadow: none;
}
.countdown-master.flip-clock-wrapper ul li {
  line-height: 30px;
  width: 30px;
}
.countdown-master.flip-clock-wrapper ul li a div div.inn {
  font-size: 18px;
  color: #fff600;
  background: #333333 url("../images/icon/bg-time.png") repeat-x scroll center center;
  border-radius: 4px;
}
.countdown-master.flip-clock-wrapper ul li a div.down {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.countdown-master .flip-clock-divider {
  height: 30px;
  width: 10px;
}
.countdown-master .flip-clock-dot {
  background: #333 none repeat scroll 0 0;
  box-shadow: none;
  height: 2px;
  left: 0px;
  width: 2px;
}
.countdown-master .flip-clock-dot.top {
  top: 10px;
}
.countdown-master .flip-clock-dot.bottom {
  bottom: 10px;
}
/*End Count Down Master*/
/*Begin Preload*/
.wrap-item {
  position: relative;
}
.item-banner {
  position: relative;
}
.preload .wrap-item {
  display: none!important;
}
/*End Preload*/
/*Begin Parallax*/
.parallax {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  position: relative;
  min-height: 200px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
/*End Parallax*/
/*Begin Animated Background*/
@keyframes animatedBackground {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0 0;
  }
}
.animate-background {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  animation: animatedBackground 40s linear infinite;
  -moz-animation: animatedBackground 40s linear infinite;
  -webkit-animation: animatedBackground 40s linear infinite;
}
/*End Animated Background*/
/*Begin Banner Background*/
.banner-background {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
/*End Banner Background*/
/*Begin Preload*/
.preload #loading {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0px;
  top: 0px;
}
.preload #loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}
.preload #loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 200px;
  width: 200px;
  margin-top: -100px;
  margin-left: -100px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.preload .object {
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  border-top: 5px solid #FFF;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #FFF;
  border-right: 5px solid transparent;
  -webkit-animation: animate 2s infinite;
  animation: animate 2s infinite;
}
.preload #object_one {
  left: 75px;
  top: 75px;
  width: 50px;
  height: 50px;
}
.preload #object_two {
  left: 65px;
  top: 65px;
  width: 70px;
  height: 70px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.preload #object_three {
  left: 55px;
  top: 55px;
  width: 90px;
  height: 90px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.preload #object_four {
  left: 45px;
  top: 45px;
  width: 110px;
  height: 110px;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
@-webkit-keyframes animate {
  50% {
    -ms-transform: rotate(360deg) scale(0.8);
    -webkit-transform: rotate(360deg) scale(0.8);
    transform: rotate(360deg) scale(0.8);
  }
}
@keyframes animate {
  50% {
    -ms-transform: rotate(360deg) scale(0.8);
    -webkit-transform: rotate(360deg) scale(0.8);
    transform: rotate(360deg) scale(0.8);
  }
}
/*Style*/
/*******************************************************************************************************
											Home 01
********************************************************************************************************/
.dropdown-box {
  position: relative;
  z-index: 10;
}
.dropdown-list {
  background: #fff none repeat scroll 0 0;
  margin-top: 30px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  left: -15px;
  top: 100%;
  /*margin-top: 50px;*/
  visibility: hidden;
  width: 130px;
  text-align: left;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.dropdown-box:hover .dropdown-list {
  opacity: 1;
  visibility: visible;
}
.account-login {
  padding: 17px 30px 12px;
}
.account-login .list-none li {
  margin: 6px 0;
}
.center-support {
  background: #f4f4f4;
  padding: 20px 30px;
}
.center-support .list-none li {
  margin-top: 8px;
}
.center-support .list-none {
  margin-top: 20px;
}
.contact-email {
  background: #666;
}
.contact-email .list-none li {
  padding: 13px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.contact-email .list-none li .fa {
  display: inline-block;
  width: 25px;
}
.mini-cart-box .dopdown-list {
  width: 290px;
}
.mini-cart-box.mini-cart1 .dropdown-list {
  left: auto;
  right: -15px;
}
.product-mini-cart.table .product-price {
  margin: 10px 0 15px;
}
.search-hover .dropdown-list {
  width: 410px;
  padding: 20px;
  left: auto;
  right: -60px;
}
body .shop-button {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  color: #fff;
  background: #ccc;
}
.dropdown-box .dropdown-link {
  position: relative;
}
.dropdown-box .dropdown-link::after {
  position: absolute;
  content: "";
  /* font-family: fontAwesome; */
  height: 50px;
  line-height: 50px;
  left: 0;
  top: 100%;
  /* margin-left: -5px; */
  opacity: 0;
  right: 0;
  width: 100%;
}
.dropdown-box:hover .dropdown-link::after {
  opacity: 1;
}
.wrap-search-cart .dropdown-box .dropdown-link::after {
  visibility: hidden;
}
.wrap-search-cart .dropdown-box:hover .dropdown-link::after {
  visibility: visible;
}
.search-form-hover {
  position: relative;
  padding-right: 100px;
}
.box-profile .dropdown-list {
  width: 250px;
  padding: 0;
  left: -30px;
}
.search-form-hover input[type="submit"] {
  position: absolute;
  height: 100%;
  width: 100px;
  background: #666;
  border: none;
  right: 0;
  top: 0;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.search-form-hover input[type="text"] {
  display: block;
  width: 100%;
  border: 1px solid #e5e5e5;
  height: 50px;
  color: #999;
  padding: 0 20px;
}
.header.header1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding-top: 45px;
}
.wrap-search-cart {
  margin: 23px -15px 0;
}
.wrap-search-cart &gt; li {
  position: relative;
  margin: 0 15px;
  z-index: 11;
}
.wrap-search-cart &gt; li::after {
  position: absolute;
  width: 1px;
  height: 20px;
  content: "";
  background: #999;
  top: 3px;
  right: -18px;
}
.wrap-search-cart &gt; li:last-child::after {
  display: none;
}
.mini-cart1 .mini-cart-number {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -5px;
  right: -13px;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  margin: 0;
}
.main-nav {
  margin-top: 10px;
  margin-right: 50px;
}
.item-slider.item-slider1 {
  margin-bottom: 50px;
}
.item-slider.item-slider1 .banner-info {
  left: auto;
  top: auto;
  background: #fff;
  height: initial;
  bottom: -50px;
  padding: 60px 60px 90px 90px;
}
.item-slider.item-slider1 .banner-info::before {
  position: absolute;
  top: -30px;
  left: -30px;
  bottom: 50px;
  width: 30px;
  background: rgba(0, 0, 0, 0.3);
  content: "";
}
.item-slider.item-slider1 .banner-info::after {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  content: "";
  height: 30px;
}
.wellcome-shop {
  background: #fafafa;
  margin-top: -50px;
  padding: 85px 0 90px;
}
.banner-slider1 .owl-theme .owl-controls .owl-page span {
  background: #333;
  margin: 0;
}
.banner-slider1 .owl-theme .owl-controls .owl-page {
  display: block;
  margin: 20px 0;
}
.banner-slider1 .owl-theme .owl-controls .owl-pagination {
  position: absolute;
  left: 90px;
  top: 50%;
}
.banner-slider1 .owl-theme .owl-controls .owl-page.active span {
  background: #fff;
  box-shadow: 0 0 0 5px #333;
}
.item-slider.item-slider1 .banner-info .title100 {
  height: 85px;
  line-height: 85px;
}
.item-slider.item-slider1 .banner-info .title18 {
  margin-top: 25px;
  margin-bottom: 30px;
}
.btn-arrow,
.banner-button .btn-price {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-width: 1px;
  border-style: solid;
  padding: 0 20px;
  vertical-align: top;
}
.btn-arrow::after,
.item-product-feature .more-detail::after,
.question-text a::after,
.link-arrow::after,
.round-arrow::after,
form.email-form2::after,
.email-form3 .submit-form::after,
.item-cat3 .banner-info .more-link::before,
.contact-form .contact-submit::after {
  content: "\f30f";
  font-family: "ionicons";
  margin-left: 8px;
  font-weight: 400;
}
.btn-arrow.black {
  border-color: #000;
}
.banner-button .btn-arrow {
  margin: 0 3px;
}
.banner-button {
  margin: 0 -3px;
}
.dot-line {
  width: 230px;
  text-align: center;
  overflow: hidden;
  margin: auto;
}
.dot-line span {
  height: 10px;
  width: 10px;
  display: inline-block;
  border-radius: 50%;
  position: relative;
}
.dot-line span::before {
  position: absolute;
  right: 100%;
  margin-right: 10px;
  width: 1200px;
  height: 2px;
  content: "";
  background: #ccc;
  top: 4px;
}
.dot-line span::after {
  position: absolute;
  left: 100%;
  margin-left: 10px;
  width: 1200px;
  height: 2px;
  content: "";
  background: #ccc;
  top: 4px;
}
.title-box1 .title60 {
  margin-bottom: 7px;
}
.title-box1 {
  margin-bottom: 45px;
}
.item-intro .title18 {
  margin: 35px 0 7px;
}
.new-collect {
  padding: 90px 0 100px;
}
.item-product1 {
  padding: 0 10px;
  background: #fff;
  position: relative;
}
.item-product1 .product-rate {
  position: absolute;
  right: 20px;
  top: 20px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product1 .product-order {
  position: absolute;
  top: 15px;
  right: 20px;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product1:hover .product-rate {
  opacity: 0;
}
.item-product1:hover .product-order {
  opacity: 1;
}
.item-product1 .product-price {
  margin: 0;
  padding: 13px 10px 15px;
}
.product-extra-link.style1 {
  height: 80px;
  width: 123px;
  margin: auto;
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
}
.product-extra-link a {
  display: inline-block;
  font-size: 18px;
  position: relative;
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  background: #fff;
}
.product-extra-link {
  font-size: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.product-extra-link a span{
  position: absolute;
  width: 160px;
  min-width: 80px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  top: 0;
  margin-top: -30px;
  left: 50%;
  margin-left: -40px;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.product-extra-link.style1 a {
  margin: 0 0.5px 1px;
  opacity: 0;
  transform: scale(0) rotate(360deg);
  -webkit-transform: scale(0) rotate(360deg);
}
.product-thumb:hover .product-extra-link.style1 a {
  transform: scale(1) rotate(0);
  -webkit-transform: scale(1) rotate(0);
  opacity: 1;
}
.product-extra-link.style1 a.addcart-link {
  width: auto;
  display: block;
  font-size: 14px;
  transform: scaleX(0) rotateX(90deg);
  -webkit-transform: scaleX(0) rotateX(90deg);
}
.product-extra-link.style1 a.addcart-link:hover {
  color: #fff;
}
.product-thumb:hover .product-extra-link.style1 a.addcart-link {
  transform: scaleX(1) rotateX(0);
  -webkit-transform: scaleX(1) rotateX(0);
}
.item-product1 .product-title {
  text-align: center;
  margin: 0;
  padding: 27px 0;
}
.product-extra-link a:hover {
  z-index: 9;
}
.product-extra-link a:hover span,
.list-color a:hover::after,
.list-color a:hover::before {
  opacity: 1;
  visibility: visible;
}
.product-extra-link a span::before,
.list-color a::before {
  font-family: fontAwesome;
  content: "\f0d7";
  color: #333;
  position: absolute;
  bottom: -15px;
  top:auto;
  left: 50%;
  margin-left: -4px;
}
.owl-theme.arrow-image .owl-controls .owl-buttons div {
  width: 40px;
  background: none;
  border: none;
  transform: none;
  box-shadow: none;
  border-radius: 0;
}
.owl-theme.arrow-image .owl-controls .owl-buttons div i {
  display: none;
}
.owl-theme.arrow-image .owl-controls .owl-buttons div.owl-prev::before {
  content: url("../images/icon/arrow-prev.png");
}
.owl-theme.arrow-image .owl-controls .owl-buttons div.owl-next::after {
  content: url("../images/icon/arrow-next.png");
}
.new-collect .owl-theme.arrow-image .owl-controls .owl-buttons div {
  margin-top: -40px;
}
.our-service {
  padding: 90px 0 93px;
}
.item-service1 .service-thumb a {
  font-size: 48px;
  height: 100px;
  width: 100px;
  display: inline-block;
  line-height: 100px;
  border-radius: 50%;
  color: #fff;
  position: relative;
}
.item-service1 .service-thumb a i {
  position: relative;
}
.item-service1 .service-thumb a::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  border-radius: 50%;
}
.item-service1 .service-thumb a:hover::before {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  opacity: 0;
}
.item-service1 .service-info .title18 {
  margin: 22px 0 8px;
}
.list-adv1 {
  background: #f4f4f4;
  padding-bottom: 95px;
}
.item-adv1 {
  margin: 0 -10px;
}
.inner-adv1 {
  margin: 0 10px;
}
.item-adv1 .banner-advts {
  overflow: hidden;
}
.item-adv1 .banner-info {
  top: 100%;
  left: 100%;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-adv1:hover .banner-info {
  top: 100px;
  left: 100px;
  opacity: 1;
}
.item-adv1 .banner-info .btn-arrow {
 /* width: 154px;
  margin: auto;*/
}
.adv-info1 h2:first-child {
  margin: 23px 0 2px;
}
.adv-info1 h2:first-child::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 8px;
}
.adv-info1 h2:last-child {
  margin-left: 110px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-adv1:hover h2:last-child {
  margin-left: 220px;
}
.trend-box {
  padding: 100px 0;
}
.title-box1.text-left .dot-line {
  margin: 0;
}
.banner-trend1::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 20px solid #dddce1;
  content: "";
  z-index: 1;
}
.banner-trend1 .banner-info .wrap-btn {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  padding: 30px;
}
.banner-trend1 .banner-info {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.banner-trend1:hover .banner-info {
  opacity: 1;
  visibility: visible;
}
.btn-arrow.white {
  border-color: #fff;
}
.banner-trend1 .inner-text-info {
  position: absolute;
  top: 25%;
  left: 65px;
  right: 65px;
  bottom: 20px;
  background-image: url("../images/icon/dot-line.png"), url("../images/icon/dot-line.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left top 300px,right top 300px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.banner-trend1:hover .inner-text-info {
  background-position: left top 40px,right top 40px;
  animation-name: zoomIn;
  animation-duration: 0.5s;
}
.banner-trend1:hover::before {
  opacity: 0;
  visibility: hidden;
}
.banner-trend1 {
  max-width: 500px;
}
.banner-trend1 .inner-text-info .title60 sup {
  top: -12px;
}
.trend-shop .title-box1 {
  margin-bottom: 30px;
}
.trend-shop .product-slider {
  margin-top: 42px;
}
.trend-shop .owl-theme.arrow-image .owl-controls .owl-buttons div {
  margin-top: -55px;
}
.trend-shop .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -5px;
}
.trend-shop .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -5px;
}
.featured-box {
  background: #f4f4f4;
  padding: 90px 0 60px;
}
.addcart-link.btn-arrow {
  height: 40px;
  line-height: 40px;
  border: none;
  color: #fff;
}
.item-product-feature .addcart-link.btn-arrow {
  position: absolute;
  bottom: -80px;
  left: 0;
  right: 0;
  max-width: 160px;
  margin: auto;
  z-index: 9;
}
.item-product-feature:hover .addcart-link.btn-arrow {
  bottom: 0;
}
.product-extra-link.style2 {
  background: #fff;
  display: table;
  width: 100%;
}
.item-product-feature .product-info {
  padding: 0 0 17px;
  background: rgba(255, 255, 255, 0.5);
}
.product-extra-link.style2 a {
  display: table-cell;
  height: 50px;
  line-height: 50px;
  padding: 0px 20px;
  border-right: 1px solid #e5e5e5;
}
.product-extra-link.style2 a:last-child {
  border: none;
}
.item-product-feature .product-info .product-title {
  margin: 26px 0 16px;
}
.item-product-feature .product-info .product-price {
  margin-top: 12px;
}
.item-product-feature .more-detail {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #f4f4f4;
  background: #fff;
  display: block;
  opacity: 0;
  visibility: hidden;
}
.item-product-feature:hover .more-detail {
  opacity: 1;
  visibility: visible;
}
.item-product.item-product-feature {
  position: relative;
  margin-bottom: 40px;
}
.featured-box .owl-theme.arrow-image .owl-controls .owl-buttons div {
  margin-top: -120px;
}
.owl-theme.arrow-image .owl-controls .owl-buttons div.owl-prev {
  left: -5px;
}
.owl-theme.arrow-image .owl-controls .owl-buttons div.owl-next {
  right: -5px;
}
.list-color a {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin: 0 3px;
  position: relative;
}
.item-product-feature .list-color {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}
.item-product-feature:hover .list-color {
  opacity: 1;
  visibility: visible;
}
/*.list-color a::after {
  text-transform: capitalize;
    top: 16px;
    opacity: 0;
    width: auto;
    left: -10px;
    content: attr(title);
    padding: 3px 10px;
    margin: 0;
}*/
.list-color a::before {
  top: 6px;
  opacity: 0;
  visibility: hidden;
}
.client-box {
  height: 1100px;
  padding-top: 90px;
}
.client-info1 .desc {
  margin: -15px auto 40px;
  max-width: 1000px;
  position: relative;
}
.client-info1 .desc::before {
  content: url("../images/icon/icon-quote.png");
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -64px;
  opacity: 0.05;
}
.news-box {
  background: #f4f4f4;
  padding: 90px 0 100px;
}
.news-slider {
  position: relative;
}
.news-control {
  background: #fff;
  display: table;
  border: 1px solid #e5e5e5;
}
.news-control a {
  display: table-cell;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  padding: 0 20px;
  border-right: 1px solid #e5e5e5;
  min-width: 80px;
}
.news-control a.viewall {
  border: none;
}
.news-control a.prev::before {
  content: url("../images/icon/arrow-prev.png");
}
.news-control a.next::after {
  content: url("../images/icon/arrow-next.png");
}
.item-post-news .post-info {
  margin-left: 20px;
}
.news-slider .news-control {
  position: absolute;
  left: 50%;
  margin-left: 35px;
  bottom: 40px;
}
.item-post-news .post-info .title18 {
  font-weight: 700;
  margin: 10px 0 20px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 25px;
}
.question-box {
  background: #f2f2f2;
  padding: 70px 0;
}
.box-brand {
  padding: 115px 0;
}
.question-text a::after {
  height: 40px;
  width: 40px;
  font-size: 14px;
  line-height: 40px;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
}
.main-footer {
  padding-top: 95px;
}
.copyright-payment {
  border-top: 1px solid #e5e5e5;
  padding: 45px 0;
}
.footer-box {
  margin-bottom: 30px;
}
.footer-box .desc span {
  width: 30px;
  display: inline-block;
}
.footer-box .desc a {
  margin: 0 5px;
}
.social-footer {
  margin: 10px -15px 0;
}
.social-footer li {
  margin: 0 15px;
}
.design-by {
  margin: 0 -13px;
}
.design-by li {
  margin: 0 13px;
}
.payment-method {
  margin: 0 -3px;
}
.payment-method li {
  margin: 0 3px;
}
/***********************************************************************************************************
												Home 02
***********************************************************************************************************/
.banner-countdown {
  width: 320px;
  height: 110px;
}
.top-header2 {
  padding: 15px 0;
  letter-spacing: 1px;
}
.top-header2 strong {
  letter-spacing: 1.5px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  height: 20px;
  line-height: 20px;
  display: inline-block;
  padding-right: 15px;
  margin-right: 10px;
}
.top-header2 .fa {
  margin: 0 8px;
}
.main-header2 {
  padding: 25px 0;
}
.banner-slider2 {
  margin-bottom: 100px;
}
.banner-slider2 .prev,
.banner-slider2 .next {
  position: absolute;
  top: 50%;
  font-size: 60px;
  color: #fff;
  text-transform: uppercase;
  word-wrap: break-word;
  margin-top: -50px;
  width: 60px;
  display: block;
  transform: rotateY(90deg);
  -webkit-transform: rotateY(90deg);
}
.banner-slider2:hover .prev,
.banner-slider2:hover .next {
  width: 18px;
  font-size: 18px;
  transform: rotateY(0);
  -webkit-transform: rotateY(0);
}
.banner-slider2 .prev {
  left: -100px;
}
.banner-slider2 .next {
  right: -100px;
}
.banner-slider2:hover .prev {
  left: 90px;
}
.banner-slider2:hover .next {
  right: 90px;
}
.text-special {
  width: 350px;
  margin: auto;
  position: relative;
}
.text-special strong {
  font-size: 130px;
  height: 160px;
  line-height: 160px;
  display: inline-block;
  letter-spacing: 22px;
}
.text-special span {
  font-size: 30px;
  position: absolute;
  top: 50px;
  right: 120px;
  line-height: 30px;
}
.text-special label {
  position: absolute;
  top: 60px;
  left: -17px;
}
.text-special .btn-arrow {
  position: absolute;
  top: 55px;
  right: -15px;
}
.item-slider2 .banner-info {
  height: 370px;
}
.text-special2 {
  position: relative;
  margin: 0 21px;
}
.text-special2 .title36 {
  position: absolute;
  line-height: 30px;
  right: 18px;
  top: 40px;
}
.item-slider2 .banner-info.style2 .title18 {
  margin-top: 13px;
}
.item-slider2 .banner-info.style2 span.title30 {
  margin-top: 52px;
  display: block;
  background: rgba(255, 255, 255, 0.3);
  padding: 3px 10px;
}
.item-slider2 .banner-info.style2 .btn-arrow {
  margin-top: 47px;
}
.item-slider2 .banner-info.style2 {
  height: 205px;
}
.item-slider2 .banner-info.style3 {
  width: 660px;
  height: 390px;
  /*background-image: url("../images/icon/corner1.png"), url("../images/icon/corner2.png"), url("../images/icon/corner3.png"), url("../images/icon/corner4.png");*/
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: left top,right top,right bottom,left bottom;
  padding-top: 50px;
  overflow: hidden;
}
.item-slider2 .banner-info.style3 &gt; * {
  position: relative;
}
.item-slider2 .banner-info.style3::before {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  content: "";
}
.item-slider2 .banner-info.style3 .banner-countdown {
  margin: auto auto 20px;
}
.banner-countdown .time_circles &gt; div {
  display: inline-block;
  font-family: 'å¾®è»Ÿæ­£é»‘é«”','Raleway', sans-serif;
}
.banner-countdown .time_circles &gt; div &gt; .number {
  font-size: 30px;
  display: block;
}
.banner-countdown canvas {
  margin-bottom: -95px;
}
.item-adv2 .banner-info {
  top: auto;
  padding: 50px;
}
.item-adv2 .banner-info h2 {
  margin-bottom: 15px;
}
.list-adv2 .item-adv2 {
  margin-bottom: 30px;
}
.list-adv2 {
  margin-bottom: 70px;
}
.list-adv2 .item-adv2.zoom-rotate {
  margin-left: 20px;
}
.list-adv2 .title60 {
  border-bottom: 1px solid;
  padding: 0 30px 6px;
  margin: -5px 0 20px -30px;
}
.bonus-credit {
  background: #f3f3f3;
  padding: 100px 0;
  margin-bottom: 100px;
}
.item-bonus {
  padding: 10px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.item-bonus::before {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 4px;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
}
.item-bonus.active::before {
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.item-bonus::after {
  border: 2px solid #e5e5e5;
  border-radius: 4px;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  position: absolute;
  content: "";
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-bonus.active::after {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.inner-bonus {
  border-radius: 4px;
  height: 200px;
  position: relative;
  padding-top: 45px;
}
.inner-bonus .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #e5e5e5;
  padding: 12px 0;
}
.inner-bonus h2 {
  margin-bottom: 3px;
}
.inner-bonus span {
  margin: 0 2px;
}
.list-bonus .item-bonus {
  margin: 0 -5px;
}
.list-bonus {
  margin: 0 5px;
}
.intro-credit {
  max-width: 300px;
}
.intro-credit .desc {
  margin: 15px 0 20px;
}
.round-arrow {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
}
.round-arrow:hover {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
.round-arrow::after {
  margin: 0;
  color: #fff;
}
.item-bonus .inner-bonus::before {
  width: 0;
  height: 0;
  border-bottom: 40px solid transparent;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-bonus .inner-bonus::after {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
  font-family: fontAwesome;
  content: "\f00c";
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-bonus.active .inner-bonus::before,
.item-bonus.active .inner-bonus::after {
  opacity: 1;
}
.list-product-adv {
  border: 1px solid #e5e5e5;
  margin-top: -1px;
}
.list-product-adv .item-product2 {
  width: 25%;
}
.list-product-adv .banner-advts {
  width: 50%;
}
.list-product-adv.new-arr .banner-text {
  width: 25%;
  padding: 0 40px;
  vertical-align: middle;
  z-index: 10;
  position: relative;
}
.list-product-adv.top-sel {
  margin-bottom: 100px;
}
.list-product-adv.new-arr .item-product2 {
  border-left: 1px solid #e5e5e5;
}
.list-product-adv.new-col .item-product2 {
  border-right: 1px solid #e5e5e5;
}
.list-product-adv.top-sel .item-product2 {
  border-left: 1px solid #e5e5e5;
}
.btn-arrow.style2 {
  border-width: 1px;
}
.list-product-adv.new-arr .banner-text .btn-arrow {
  border: 1px solid #fff!important;
}
.list-product-adv.new-arr .banner-text p {
  margin: 15px 0 22px;
}
.list-product-adv.new-arr .banner-text::after {
  position: absolute;
  content: "\f0da";
  font-family: fontAwesome;
  font-size: 30px;
  top: 50%;
  right: -10px;
  margin-top: -15px;
}
.item-product2 {
  position: relative;
  padding: 40px 50px 26px;
  overflow: hidden;
}
.item-product2::before {
  opacity: 0;
  position: absolute;
  top: -20px;
  left: -20px;
  bottom: -20px;
  right: -20px;
  content: "";
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product2:hover::before {
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  opacity: 1;
}
.item-product2 .product-thumb img {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product2:hover .product-thumb img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
}
.item-product2 .product-label {
  position: absolute;
  left: 50px;
  top: 40px;
}
.item-product2 .product-label span{
  float: left;
}
.item-product2 .product-rate {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -35px;
  opacity: 0;
}
.item-product2:hover .product-rate {
  opacity: 1;
}
.item-product2 .product-extra-link2 {
  position: absolute;
  right: 20px;
  top: 50px;
}
.product-extra-link2 a {
  display: block;
  font-size: 18px;
  margin-bottom: 12px;
  transform: translateX(400px);
  -webkit-transform: translateX(400px);
  opacity: 0;
}
.product-extra-link2 a.addcart-link {
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
.product-extra-link2 a.wishlist-link {
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}
.product-extra-link2 a.compare-link {
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.product-extra-link2 a.quickview-link {
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.item-product2:hover .product-extra-link2 a {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  opacity: 1;
}
.item-product2 .product-info {
  padding-top: 17px;
  position: relative;
}
.product-label .sale-label {
  color: #58c56f;
}
.product-label .new-label {
  color: #60d2f3;
}
.product-label span {
  display: block;
}
.item-product2 &gt; * {
  z-index: 9;
}
.list-product-adv .banner-advts .banner-info {
  padding: 0 50px;
  height: 140px;
}
.list-product-adv .banner-advts .banner-info p {
  margin: 15px 0 22px;
}
.list-product-adv .banner-advts:hover::before {
  opacity: 1;
}
.list-product-adv .banner-advts::before {
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.tech-infor {
  max-width: 490px;
  padding-top: 88px;
}
.tech-infor .title60 {
  margin-bottom: 82px;
}
.tech-intro .title30 span {
  font-size: 60px;
  position: absolute;
  left: 0;
  top: 3px;
}
.tech-intro .title30 {
  position: relative;
  padding-left: 80px;
}
.tech-intro .desc {
  line-height: 30px;
  margin: 40px 0;
}
.tech-intro {
  padding-left: 50px;
}
.tech-intro .callus,
.testimo-box2 .followus {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  padding: 0 45px;
}
.tech-intro .callus:hover,
.testimo-box2 .followus:hover {
  color: #555;
  background: #fff;
}
.banner-kitchen .banner-info {
  height: 200px;
  bottom: auto;
  padding: 80px;
}
.banner-advts.banner-kitchen {
  /*float: right;
  max-width: 500px;*/
}
.banner-kitchen .banner-info p {
  opacity: 0.7;
  margin-top: 6px;
}
.technical {
  margin-bottom: 95px;
}
.pop-slider2 {
  margin: 80px -10px 0;
}
.pop-slider2 .item-product {
  margin: 0 10px;
}
.pop-slider2 .item-product:first-child {
  margin-bottom: 42px;
}
.item-product-pop .product-info .product-title {
  font-size: 18px;
  margin: 8px 0 17px;
}
.item-product-pop .product-label {
  position: absolute;
  left: 30px;
  top: 25px;
  z-index: 10;
}
.item-product-pop .product-thumb-link::before {
  display: none;
}
.pop-slider2 .group-navi .owl-buttons {
  top: -57px;
}
.pop-countdown {
  width: 50px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 10;
}
.pop-product2 {
  margin-bottom: 85px;
}
.service-box2 {
  background: #999;
  padding: 90px 0 200px;
}
.pop-countdown .time-countdown canvas {
  display: none;
}
.pop-countdown .discount {
  display: block;
  font-size: 12px;
  height: 20px;
  line-height: 21px;
}
.pop-countdown .time-countdown .time_circles &gt; div {
  width: 100%!important;
  height: 40px;
  margin-top: 2px;
  padding-top: 3px;
}
.pop-countdown .time-countdown .time_circles &gt; div .number {
  display: block;
  margin-bottom: -10px;
  font-weight: 700;
}
.item-policy2 .title30 {
  line-height: 40px;
  margin: 10px 0;
}
.list-service2 {
  margin-top: -90px;
  margin-bottom: 95px;
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 100px;
}
.item-service2 .service-info h3.title14 {
  margin: 27px 0 18px;
}
.intro-service2 {
  padding: 50px 30px;
  background: #fff;
}
.intro-service2 .desc {
  position: relative;
  margin: 45px 0 33px;
}
.intro-service2 .desc::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 2px;
  top: -21px;
  left: 0;
}
.item-brand2 {
  padding: 15px 0;
}
.list-brand2 .item-brand2 {
  margin-bottom: 30px;
}
.box-brand2 {
  margin-bottom: 70px;
}
.list-brand2 {
  margin-top: 43px;
}
.testimo-box2 {
  padding: 93px 0 115px;
  margin-bottom: 95px;
}
.testimo-slider2 {
  margin: 100px auto 45px;
  max-width: 550px;
}
.testimo-slider2 .group-navi .owl-buttoms {
  top: -50px;
}
.testimo-slider2 .group-navi .owl-buttons {
  top: -70px;
}
.item-testimo2 .title18 {
  margin-top: 35px;
}
.item-testimo2 .title18 {
  margin-top: 35px;
}
.latest-news2 {
  margin-bottom: 92px;
}
.latest-slider2 {
  margin: 102px -15px 0;
}
.latest-slider2 .item-news2 {
  margin: 0 15px;
}
.latest-slider2 .group-navi .owl-buttons {
  top: -77px;
}
.item-news2 .banner-advts .comment-link {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 18px;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-news2:hover .banner-advts .comment-link {
  opacity: 1;
}
.item-news2 .banner-advts .comment-link .fa {
  font-size: 30px;
  display: inline-block;
  margin: 6px 10px 0 0;
}
.item-news2 .post-info {
  padding-top: 25px;
}
.item-news2 .post-info .title18 {
  margin: 10px 0 37px;
}
.main-footer2 {
  background: #000;
}
.list-footer-box2 {
  padding: 97px 0;
  position: relative;
}
.main-footer2 .copyright-payment {
  border-color: rgba(255, 255, 255, 0.1);
}
.list-footer-box2::before,
.list-footer-box2::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 33.3%;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
  content: "";
}
.list-footer-box2::after {
  left: 66.7%;
}
.footer-box2 h2.title18 {
  margin-bottom: 20px;
}
.contact-footer2 .desc {
  position: relative;
  padding-left: 35px;
  margin-bottom: 18px;
}
.contact-footer2 .desc .fa {
  position: absolute;
  font-size: 18px;
  top: 0;
  left: 0;
}
.contact-footer2 .desc:last-child {
  margin-bottom: 0;
}
.footer-box2.email-box2 {
  padding: 0 40px;
}
.footer-box2.email-box2 .desc {
  margin-bottom: 40px;
}
form.email-form2 {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding-right: 50px;
}
form.email-form2 input[type="text"] {
  height: 50px;
  border: navajowhite;
  display: block;
  width: 100%;
  background: transparent;
  color: #999;
  padding: 0 10px 0 50px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
form.email-form2 input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  opacity: 0;
  z-index: 9;
}
form.email-form2::before {
  position: absolute;
  content: "\f0e0";
  font-family: fontAwesome;
  font-size: 18px;
  color: #999;
  top: 15px;
  left: 15px;
}
form.email-form2::after {
  width: 50px;
  left: auto;
  line-height: 50px;
  text-align: center;
  color: #fff;
}
.footer-box2.follow-box2 {
  padding-left: 30px;
}
.footer-box2.follow-box2 .desc {
  margin-bottom: 40px;
}
.social-footer2 li {
  margin: 0 3px;
}
.social-footer2 {
  margin: 0 -3px;
}
.social-footer2 li a {
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #999;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: block;
  width: 50px;
  font-size: 18px;
}
/*******************************************************************************************************
											Home 03
*******************************************************************************************************/
.map-custom {
  height: 450px;
}
.header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  padding: 25px 0;
}
.main-nav3.main-nav &gt; ul &gt; li &gt; a {
  color: #fff;
}
.banner-slider3 .owl-theme.arrow-image .owl-controls .owl-buttons div {
  width: 100px;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.5);
}
.banner-slider3 .owl-theme.arrow-image .owl-controls .owl-buttons div.owl-prev {
  left: -150px;
}
.banner-slider3:hover .owl-theme.arrow-image .owl-controls .owl-buttons div.owl-prev {
  left: 15px;
}
.banner-slider3 .owl-theme.arrow-image .owl-controls .owl-buttons div.owl-next {
  right: -150px;
}
.banner-slider3:hover .owl-theme.arrow-image .owl-controls .owl-buttons div.owl-next {
  right: 15px;
}
.price-circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
  padding-top: 34px;
  position: relative;
  z-index: 1;
}
.price-circle strong {
  display: block;
  margin: -10px 0;
}
.price-circle::before,
.sale-circle::before {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 1px solid #fff;
  content: "";
  border-radius: 50%;
}
.sale-circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  padding-top: 30px;
  position: relative;
}
.item-slider3 .banner-info h3.title30 {
  margin: 5px 0 25px;
}
.sale-circle strong {
  position: relative;
  margin-right: 31px;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  margin-bottom: -5px;
}
.sale-circle strong sup {
  position: absolute;
  left: 100%;
  top: 15px;
  font-size: 26px;
}
.sale-circle strong span {
  position: absolute;
  bottom: -9px;
  left: 100%;
}
.circle-price-sale &gt; div {
  margin: 0 -8px;
  vertical-align: middle;
}
.circle-price-sale {
  margin-bottom: 30px;
}
.btn-arrow.bg-black {
  background: #333;
  border: none;
  line-height: 50px;
  color: #fff;
}
.banner-slider.banner-slider3 {
  margin-bottom: 50px;
}
.dot-rect {
  width: 92px;
  height: 26px;
  margin: auto;
  position: relative;
  text-align: center;
  line-height: 26px;
}
.dot-rect span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
}
.dot-rect::before {
  position: absolute;
  content: "";
  border-width: 2px 0 2px 2px;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  border-style: solid;
}
.dot-rect::after {
  position: absolute;
  content: "";
  border-width: 2px 2px 2px 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  border-style: solid;
}
.title-box3 h2 {
  margin: 14px  0 6px;
}
.title-box3 {
  margin-bottom: 41px;
}
.box-wellcome3 .title-box3 {
  margin-bottom: 33px;
}
.box-wellcome3 {
  background: url("../images/home/home3/bg-welcom.jpg") no-repeat bottom center;
  padding-bottom: 260px;
}
.item-service3 .service-icon {
  display: inline-block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
  line-height: 120px;
  font-size: 60px;
}
.item-service3 .service-icon:hover {
  color: #fff;
}
.list-service3 {
  margin-top: 60px;
}
.item-service3 .title18 {
  margin: 22px 0 7px;
}
.item-store3 .store-info {
  background: rgba(0, 0, 0, 0.7);
  padding: 25px 30px;
}
.item-store3 .store-info h2 {
  margin-bottom: 8px;
}
.email-store3 {
  margin-top: -100px;
}
.item-store3 .store-info a::after {
  color: #fff;
}
.email-shop3 {
  padding-top: 170px;
  max-width: 370px;
  margin-right: 30px;
}
.email-shop3 .desc {
  margin: 6px 0 30px;
}
.list-store3 .item-store3 {
  margin: 0 -5px;
}
.list-store3 &gt; .vc_column-inner {
  padding: 0 5px;
  margin-left: -30px;
}
.email-store3 {
  margin-bottom: 100px;
}
.email-form3 {
  position: relative;
  padding-right: 50px;
  border-bottom: 4px solid #e5e5e5;
  padding-bottom: 3px;
}
.email-form3 input[type="text"] {
  font-size: 24px;
  border: none;
  color: #999;
  height: 50px;
}
.email-form3 .submit-form {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  text-align: center;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.email-form3 .submit-form:hover {
  background: #333;
}
.submit-form input[type="submit"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 50px;
  border: none;
  background: transparent;
  opacity: 0;
  z-index: 9;
}
.email-form3 .submit-form::after {
  height: 50px;
  width: 50px;
  line-height: 50px;
  margin: 0;
  color: #fff;
}
.download-catalog {
  padding: 50px 0;
}
.download-catalog .title18 .fa {
  font-size: 30px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.download-catalog a.title18 {
  height: 50px;
  line-height: 50px;
  background: #000;
  padding: 0 100px;
  color: #fff;
  display: inline-block;
}
.download-catalog .title30 {
  padding-top: 10px;
}
.item-product.item-product3 {
  position: relative;
}
.feature-product3 .item-product {
  margin: 0 25px 50px;
}
.feature-product3 .product-slider {
  margin: 0 -25px;
}
.item-product.item-product3 .product-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.item-product.item-product3 .product-info &gt; .title18 {
  background: rgba(0, 0, 0, 0.7);
  padding: 15px 20px;
}
.price-extra3 {
  padding: 5px 20px;
}
.price-extra3 .product-extra-link a {
  background: transparent;
  color: #fff;
}
.price-extra3 .product-price {
  margin-top: 8px;
}
.price-extra3 .product-price del::after {
  background: #fff;
}
.feature-product3 {
  background: #f4f4f4;
  padding: 100px 0;
  margin-bottom: 100px;
}
.feature-cat3 {
  margin-bottom: 100px;
}
.list-cat3 .item-cat3 {
  margin: 0 -15px;
}
.list-cat3 {
  margin: 0 15px;
}
.item-cat3 .banner-info {
  height: 165px;
  width: 240px;
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 5px solid #FFD40D;
  padding: 25px 30px;
}
.item-cat3 .banner-info h3 {
  margin-bottom: 10px;
}
.item-cat3 .banner-info .more-link {
  position: absolute;
  left: 30px;
  bottom: 0;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-transform: uppercase;
  width: 50px;
  text-align: center;
  overflow: hidden;
}
.item-cat3 .banner-info .more-link span {
  display: none;
  margin: 0 0 0 10px;
}
.item-cat3 .banner-info .more-link::before {
  margin: 0;
}
.item-cat3 .banner-info .more-link:hover {
  width: 100px;
}
.item-cat3 .banner-info .more-link:hover span {
  display: inline-block;
}
.question-box3 {
  padding: 65px 0;
}
.round-arrow.bg-dark {
  background: #000;
}
.question-box3 .round-arrow {
  margin: 0 0 0 170px;
  vertical-align: middle;
}
.question-box3 {
  padding: 65px 0;
}
.round-arrow.bg-dark {
  background: #000;
}
.question-box3 .round-arrow {
  margin: 0 0 0 170px;
  vertical-align: middle;
}
.footer3 {
  background: #000;
  padding: 40px 0 25px;
}
.footer3 .design-by {
  margin-bottom: 27px;
}
.social-footer3 li {
  margin: 0 3px;
}
.social-footer3 {
  margin: 0 -3px;
}
/*
.social-footer3 li a {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: #333;
  display: inline-block;
  width: 40px;
}
*/
.footer3 .social-footer3 {
  margin-top: 15px;
}
.logo-footer3 {
  display: block;
  margin-top: -5px;
}
.logo-footer3 {
  display: block;
  margin-top: -5px;
}
.intro-project3 {
  padding: 70px 0 65px;
}
.intro-project3 .title30.white {
  margin-bottom: 20px;
}
.list-project .banner-advts {
  margin: 0 -15px;
}
.list-project {
  margin-bottom: 100px;
}
.list-project .banner-advts .banner-info {
  height: 120px;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.list-project .banner-advts:hover .banner-info {
  opacity: 1;
}
.list-project .banner-advts .banner-info p {
  margin: 17px 0 23px;
}
.list-project .banner-advts .banner-info p .fa {
  margin-right: 10px;
}
.client-box3 {
  padding: 100px 0;
  margin-bottom: 95px;
}
.testimo-slider3 {
  max-width: 520px;
  margin: auto;
}
.client-box3 .title-box3 {
  margin-bottom: 33px;
}
.item-testimo3 .title18 {
  margin: 17px 0 38px;
}
.client-box3 .title-box3 {
  margin-bottom: 33px;
}
.item-testimo3 .title18 {
  margin: 17px 0 38px;
}
.collect-box3 .banner-advts {
  max-width: 430px;
}
.collect-box3 {
  margin-bottom: 95px;
}
.intro-collect3 {
  padding-top: 100px;
}
.title-box3.text-left .dot-rect {
  margin: 0;
}
.intro-collect3 .desc {
  margin: -26px 0 40px;
}
.item-product-type.item-new-product3 .product-thumb {
  width: auto;
  margin-right: -10px;
}
.item-product-type.item-new-product3 .product-info {
  padding: 0;
}
.list-new-product3 {
  position: relative;
  padding: 0 15px;
}
.item-product-type.item-new-product3 {
  border-top: 1px solid #e5e5e5;
  margin: -1px -15px 0;
  padding: 30px;
}
.new-product3 {
  position: relative;
  border: 1px solid #e5e5e5;
  margin-top: 90px;
}
.new-product3::before {
  position: absolute;
  left: 33.333%;
  top: 0;
  bottom: 0;
  width: 1px;
  content: "";
  background: #e5e5e5;
}
.new-product3::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 66.667%;
  content: "";
  width: 1px;
  background: #e5e5e5;
}
.item-product-type.item-new-product3.main-product .product-thumb {
  margin: 0 0 17px;
}
.item-product-type.item-new-product3.main-product {
  padding: 30px 50px;
}
.item-product-type.main-product .product-price ins {
  display: inline-block;
  margin: 0 5px 0 0;
}
.item-product-type.main-product .product-rate {
  float: right;
  margin-top: 10px;
}
.new-product-box3 {
  margin-bottom: 100px;
}
.title-tab3 li a {
  display: block;
  padding: 6px 15px;
  background: #fff;
  color: #555;
}
.title-tab3 li a::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  margin-top: 8px;
}
.title-tab3 li.active a::before {
  background: #fff;
}
.title-tab3 li.active a {
  color: #fff;
}
.new-product-box3 .title-box3 {
  margin-bottom: 30px;
}
/********************************************************************************************************
											Home 04
********************************************************************************************************/
.currency-language &gt; li &gt; div &gt; a {
  height: 40px;
  line-height: 40px;
}
.top-header4 .wrap-search-cart {
  margin: 7px -15px 0;
}
.top-header4 {
  position: relative;
  z-index: 10000;
}
.currency-language &gt; li &gt; div &gt; a.dropdown-link::after,
.search-cat5 .dropdown-box .dropdown-link::after {
  content: "\f107";
  font-family: fontAwesome;
  margin: 0 5px;
  position: static;
  color: inherit;
  opacity: 1;
  height: auto;
  line-height: inherit;
}
.language-box .language-list li,
.currency-box .currency-list li {
  border-bottom: 1px solid #fff;
}
.language-box .language-list li a,
.currency-box .currency-list li a,
.search-cat5 .dropdown-list li a,
.sort-order-bar .dropdown-list li a {
  display: block;
  line-height: 30px;
  background: #fafafa;
  color: #555;
  padding: 0 10px;
  font-size: 14px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.language-box .language-list li a img,
.currency-box .currency-list li a .currency-index {
  margin-right: 10px;
}
.language-box .language-list li a:hover,
.currency-box .currency-list li a:hover {
  color: #fff;
}
.currency-language &gt; li {
  position: relative;
  margin: 0 15px;
}
.currency-language &gt; li::after {
  position: absolute;
  background: #e5e5e5;
  width: 1px;
  height: 20px;
  right: -15px;
  content: "";
  top: 10px;
}
.currency-language {
  margin: 0 -15px;
}
.currency-language &gt; li:last-child::after {
  display: none;
}
.main-nav.main-nav4 {
  margin: 0;
}
.main-nav.main-nav4 &gt; ul &gt; li {
  margin: 0;
}
.main-nav.main-nav4 &gt; ul &gt; li &gt; a {
  height: 120px;
  line-height: 120px;
  padding: 0 25px;
  color: #fff;
}
.main-nav.main-nav4 &gt; ul &gt; li.current-menu-item &gt; a {
  background: rgba(255, 255, 255, 0.1);
}
.logo.logo4 {
  margin-top: 35px;
}
.banner-slider4 {
/*  margin-bottom: 50px;
  margin-top: 40px;*/
}
.item-slider4 .banner-info {
  right: auto;
  padding: 0 60px;
  height: 175px;
}
.item-slider4 .banner-info span.title30 {
  padding: 2px 12px;
}
.item-slider4 .banner-info h2.title30 {
  margin: 16px 0 11px;
}
.item-slider4 .banner-info .shop-button {
  padding: 0 25px;
  margin-top: 18px;
}
.banner-slider4 .owl-pagination {
  position: absolute;
  bottom: 40px;
  left: 180px;
}
.banner-slider4 .owl-pagination .owl-page span {
  background: #999;
}
.banner-slider4 .owl-pagination .owl-page.active span {
  background: #000;
}
.banner-slider4 .owl-pagination {
  position: absolute;
  bottom: 40px;
  left: 180px;
}
.banner-slider4 .owl-pagination .owl-page span {
  background: #999;
}
.banner-slider4 .owl-pagination .owl-page.active span {
  background: #000;
  border-color: #000;
}
.info-adv4 {
  padding: 20px 10px 18px;
}
.info-adv4 a.color2:hover {
  color: #fff;
}
.info-adv4 h2 {
  margin-bottom: 5px;
}
.item-adv4 {
  margin-bottom: 30px;
}
.list-adv4 {
  margin-bottom: 20px;
}
.new-collect4 {
  padding: 45px 60px;
  margin-bottom: 50px;
}
.new-collect4 a {
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  border: 1px solid #fff;
}
.new-collect4 h2 {
  margin-top: 15px;
}
.new-collect4 a:hover {
  color: #fff;
}
.time-countdown.time-count4 {
  width: 220px;
  margin: auto;
}
.deal-theday4 {
  position: relative;
  margin-left: 50px;
  padding-left: 300px;
  margin-bottom: 95px;
}
.deal-theday4::before {
  position: absolute;
  top: 15px;
  left: 50px;
  bottom: 15px;
  right: 0;
  content: "";
  background: #fff;
}
.deal-theday4::after {
  position: absolute;
  top: 15px;
  left: 300px;
  bottom: 15px;
  content: "";
  background: #e5e5e5;
  width: 1px;
}
.deal-intro4 {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 300px;
  background: rgba(255, 255, 255, 0.9);
  padding: 65px  40px 75px;
  z-index: 9;
}
.deal-intro4 .viewall {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
}
.title-underline {
  padding-bottom: 26px;
  position: relative;
  text-align: center;
}
.title-underline::after,
.title-upperline::before {
  position: absolute;
  height: 4px;
  width: 100px;
  content: "";
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}
.time-countdown.time-count4 .time_circles &gt; div {
  border-radius: 50%;
  width: 72px!important;
  display: inline-block;
  height: 72px;
  margin: 0px 0.5px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding-top: 15px;
}
.time-countdown.time-count4 canvas {
  position: relative;
  margin-bottom: -79px;
}
.deal-intro4 .time-countdown.time-count4 {
  margin-bottom: 50px;
  margin-top: 22px;
}
.deal-intro4 .title-underline {
  margin-bottom: 27px;
}
.time-countdown.time-count4 .time_circles &gt; div .number {
  font-family: 'å¾®è»Ÿæ­£é»‘é«”','Raleway', sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.time-countdown.time-count4 .time_circles &gt; div .text {
  width: 30px;
  display: block;
  margin: -2px auto 0;
  line-height: 16px;
}
.deal-product4 {
  position: relative;
}
.deal-slider4 .item-product {
  margin: 40px 10px;
}
.deal-slider4 {
  padding: 0 10px;
  margin-top: -15px;
  position: relative;
  z-index: 1;
}
.deal-product4 .product-info {
  position: absolute;
  top: -40px;
  bottom: -40px;
  left: 0;
  right: 0;
  padding-top: 13px;
  z-index: 1;
  opacity: 0;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.deal-product4:hover .product-info {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
}
.deal-product4 .product-thumb img {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.deal-product4:hover .product-thumb img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
}
.deal-product4 .product-info::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  content: "";
}
.deal-product4 .product-rate {
  position: relative;
  z-index: 1;
}
.deal-product4 .product-info .product-extra-link {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.deal-product4 .product-info .product-extra-link a {
  background: transparent;
}
.deal-product4 .product-info .product-extra-link a:hover {
  color: #fff;
}
.deal-product4 .product-info &gt; .quickview-link,
.product-thumb &gt; .quickview-link,
.post-thumb a.fancybox {
  width: 50px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  border-radius: 50%;
  line-height: 50px;
  margin: auto;
  transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
  text-align: center;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
}
.deal-product4:hover .product-info &gt; .quickview-link,
.product-thumb:hover &gt; .quickview-link {
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}
.item-product.item-product4 {
  background: #fff;
  margin-bottom: 40px;
  position: relative;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product.item-product4:hover {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.13);
}
.item-product4 .product-info {
  padding: 18px 20px 15px;
  position: relative;
  background: #fff;
  z-index: 1;
}
.item-product4 .product-info .product-price ins {
  display: block;
  margin-bottom: 2px;
}
.item-product4 .product-rate {
  margin: 13px 0 15px;
}
.item-product.item-product4 .product-extra-link a {
  height: auto;
  line-height: inherit;
  width: auto;
  margin-left: 25px;
}
.item-product4 .product-extra-link {
  text-align: right;
}
.product-social4 {
  text-align: center;
  padding: 5px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: -100px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product4:hover .product-social4 {
  margin-top: 0;
}
.product-social4 a {
  height: 30px;
  width: 30px;
  display: inline-block;
  border-radius: 50%;
  line-height: 30px;
  background: transparent;
  margin: 0 3px;
}
.product-slider.product-slider4 {
  margin-top: 50px;
}
.latest-product4 {
  margin-bottom: 60px;
}
.list-ads4 .item-ads4 {
  margin: 0 -15px 30px;
  position: relative;
}
.item-ads4::before {
  border-width: 0;
  border-style: solid;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-ads4.active::before {
  border-width: 5px;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
.list-ads4 {
  margin: 0 15px 65px;
}
.item-ads4.item-center .banner-info {
  left: 90px;
  right: 90px;
}
.item-ads4 .banner-info {
  left: 40px;
  top: 40px;
  right: 40px;
  bottom: auto;
  z-index: 9;
  padding: 35px 5px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-ads4 .banner-info h2 {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-ads4 .banner-info h2.white {
  margin: 14px 0 17px;
}
.item-ads4.active .banner-info a.color2 {
  letter-spacing: 5px;
}
.item-ads4.active .adv-thumb-link img {
  /*animation-name: flash;*/
  animation-duration: 0.5s;
}
.owl-theme.long-arrow .owl-controls .owl-buttons div i {
  display: none;
}
.owl-theme.long-arrow .owl-controls .owl-buttons div {
  height: 40px;
  width: 80px;
  transform: none;
  font-size: 30px;
  font-family: "ionicons";
  border-radius: 0;
  line-height: 40px;
}
.product-slider4 .owl-theme.long-arrow .owl-controls .owl-buttons div {
  margin-top: -105px;
}
.owl-theme.long-arrow .owl-controls .owl-buttons div.owl-prev::before {
  content: "\f3d5";
}
.owl-theme.long-arrow .owl-controls .owl-buttons div.owl-next::before {
  content: "\f3d6";
}
.owl-theme.long-arrow .owl-controls .owl-buttons div.owl-prev {
  left: -15px;
}
.owl-theme.long-arrow .owl-controls .owl-buttons div.owl-next {
  right: -15px;
}
.feature-box4 {
  margin-bottom: 100px;
}
.feature-box4 .title-underline {
  margin-bottom: 50px;
}
.featured-top4 {
  border-bottom: 1px solid #e5e5e5;
}
.featured-bottom4 .item-product4 {
  padding: 30px 30px 20px;
  margin: 0 -15px;
  border-right: 1px solid #e5e5e5;
}
.featured-bottom4 .item-product4 .product-info {
  padding: 18px 0 0;
}
.product-extra-link4 a {
  margin: 0 8px;
}
.product-extra-link4 {
  margin: 5px -8px 0;
}
.featured-bottom4 {
  margin: 0 15px;
}
.banner-product4 {
  margin: 0 -15px;
}
.banner-product4 .banner-advts {
  margin-bottom: 26px;
}
.banner-product4 .desc {
  margin: 8px 0 12px;
}
.large-product4 {
  padding: 30px;
  border-right: 1px solid #e5e5e5;
}
.product-price .discount {
  padding: 4px 8px;
  font-weight: 700;
  display: inline-block;
}
.small-product4 .product-thumb {
  width: 150px;
}
.small-product4 {
  padding: 30px 30px 0 0;
}
.small-product4 .product-info {
  padding: 20px;
}
.small-product4 .product-price ins {
  display: block;
  margin-bottom: 3px;
}
.small-product4 .product-price {
  margin-bottom: 20px;
}
.item-brand4 {
  background: #f9f9f9;
  margin: 30px 0 15px;
}
.title24.product-title {
  font-size: 24px;
}
.large-product4 .product-price ins {
  display: block;
}
.large-product4 .product-price {
  margin-bottom: 15px;
}
.large-product4 .end-deal4 {
  border-top: 1px solid #e5e5e5;
  margin-top: 30px;
  padding-top: 20px;
  margin-bottom: 25px;
}
.large-product4 .product-info {
  padding-top: 20px;
}
.title24.product-title {
  font-size: 24px;
}
.large-product4 .product-price ins {
  display: block;
}
.large-product4 .product-price {
  margin-bottom: 15px;
}
.large-product4 .end-deal4 {
  border-top: 1px solid #e5e5e5;
  margin-top: 30px;
  padding-top: 20px;
  margin-bottom: 25px;
}
.large-product4 .product-info {
  padding-top: 20px;
}
.item-client4 .client-thumb a {
  display: block;
  width: 150px;
  margin: auto;
  border-radius: 50%;
  position: relative;
}
.item-client4 .client-thumb a img {
  border-radius: 50%;
}
.item-client4 {
  max-width: 790px;
  margin: auto;
  overflow: hidden;
  position: relative;
}
.item-client4 .client-info {
  max-width: 520px;
  margin: auto;
  text-align: center;
}
.client-box4 {
  padding: 50px;
  margin-bottom: 94px;
}
.item-client4 .client-info .desc {
  margin: 21px 0 18px;
}
.client-box4 {
  padding: 50px;
  margin-bottom: 94px;
}
.item-client4 .client-info .desc {
  margin: 21px 0 18px;
}
.item-client4 .client-thumb a::before {
  position: absolute;
  right: 100%;
  content: "";
  height: 4px;
  top: 50%;
  width: 1200px;
  margin-right: 20px;
}
.item-client4 .client-thumb a::after {
  position: absolute;
  left: 100%;
  content: "";
  height: 4px;
  top: 50%;
  width: 1200px;
  margin-left: 20px;
}
.client-slider4 .owl-pagination {
  margin-top: 40px;
}
.client-slider4 .owl-pagination .owl-page span {
  background: #fff;
}
.from-blog4 .title-underline {
  margin-bottom: 60px;
}
.list-blog4 {
  margin-bottom: 70px;
}
.list-blog4 .item-blog4 {
  margin-bottom: 30px;
}
.item-blog4 {
  padding: 0 30px;
  background: #fff;
}
.item-blog4 span.title12 {
  display: inline-block;
  text-transform: uppercase;
  padding: 5px 13px;
}
.item-blog4 h3.titte14 {
  margin: 15px 0;
}
.item-blog4 h3.title14 {
  margin: 18px 0 20px;
  line-height: 24px;
}
.item-blog4 .banner-advts {
  margin: 0 -30px;
}
.item-blog4 .desc {
  margin: 20px 0 22px;
}
.office-banner4 {
  margin-bottom: 95px;
}
.office-banner4 .banner-info {
  left: auto;
  width: 370px;
  right: 50px;
  height: 300px;
  border: 3px solid #002776;
  padding-top: 45px;
}
.title-upperline::before {
  bottom: auto;
  top: 0;
}
.title-upperline {
  padding-top: 20px;
  position: relative;
}
.office-banner4 .banner-info .title60.font-light {
  margin: -20px 0 17px;
}
.office-banner4 .banner-info .shop-button {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
}
.item-product-type .product-thumb {
  width: 120px;
}
.item-product-type.table {
  background: #fff;
  margin-bottom: 30px;
  padding: 30px;
}
.item-product-type .product-info {
  padding-left: 30px;
}
.item-product-type .product-price ins {
  display: block;
  margin-bottom: 5px;
}
.item-product-type .product-price {
  margin: 7px 0 17px;
}
.item-product-type .product-extra-link4 {
  margin: 15px -5px -5px;
}
.list-product-type4 .title30 {
  margin-bottom: 42px;
}
.product-box-type4 {
  margin-bottom: 70px;
}
.footer4 {
  padding-top: 95px;
}
.footer-box4 h2.title18 {
  margin-bottom: 18px;
}
.footer-box4 .info-link4 {
  width: 49%;
}
.info-link4 li {
  margin-bottom: 5px;
}
.footer-box4 {
  margin-bottom: 30px;
}
.footer4 .copyright-payment {
  margin-top: 30px;
}
.contact-footer4 .desc {
  position: relative;
  padding-left: 60px;
  min-height: 40px;
  margin-bottom: 20px;
  padding-top: 8px;
}
.contact-footer4 .desc i.fa {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #002776;
}
.news-letter4 .email-form2 {
  border: 1px solid #e5e5e5;
  margin: 30px 0 50px;
}
.social-footer4 li {
  margin: 0 10px;
}
.social-footer4 {
  margin: 0 -10px;
}
.social-footer4 li a:hover img {
  border-radius: 50%;
}
.social-footer4 li a img {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.submit-form {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
}
.currency-language .dropdown-list {
  margin: 0;
}
/********************************************************************************************************
												Home 05
*********************************************************************************************************/
.logo.logo5 {
  text-align: center;
  margin-top: -65px;
  position: relative;
  z-index: 10000;
}
.inner-content5 {
  background: #fff;
  max-width: 1240px;
  margin: auto;
}
.item-service5 .service-icon canvas {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.main-header5 {
  background: #555555 url("../images/home/home5/parallax2.jpg") repeat-Y center center;
  padding: 25px 0;
}
.form-search5 input[type="submit"] {
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: transparent;
  z-index: 9;
}
.form-search5 input[type="text"] {
  height: 40px;
  width: 100%;
  display: block;
  border: none;
  color: #999;
  padding: 0 15px;
}
.search-cat5 .dropdown-box .dropdown-link {
  display: inline-block;
  height: 40px;
  line-height: 40px;
}
.search-cat5 .dropdown-list {
  margin: 0;
}
.search-cat5 .dropdown-list li {
  border-bottom: 1px solid #fff;
}
.search-cat5 .dropdown-list li:last-child {
  border-bottom: none;
}
.search-cat5 {
  position: relative;
  z-index: 10000;
}
.search-cat5 {
  position: relative;
  z-index: 10000;
}
form.form-search5 {
  position: relative;
  width: 210px;
  padding-right: 40px;
  margin: 0 5px;
  background: #fff;
}
form.form-search5::after {
  content: "\f002";
  position: absolute;
  font-family: fontAwesome;
  color: #999;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
}
.contact-top5 span,
.contact-top5 strong {
  display: block;
  height: 40px;
  line-height: 40px;
}
.contact-top5 strong {
  padding: 0 30px;
}
.contact-top5 span {
  margin: 0 10px;
}
.main-nav.main-nav5 {
  margin: 0 -35px 10px;
  /*text-align: center;*/
  padding: 0 35px;
  border-bottom: 1px solid #e5e5e5;
}
.main-nav.main-nav5 &gt; ul &gt; li &gt; a {
  height: 60px;
  line-height: 60px;
  font-weight: 700;
  text-transform: uppercase;
}
.main-nav.main-nav5 &gt; ul &gt; li &gt; a::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  content: "";
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.main-nav.main-nav5 &gt; ul &gt; li.current-menu-item &gt; a::before,
.main-nav.main-nav5 &gt; ul &gt; li:hover &gt; a::before {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
}
.banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div i {
  display: none;
}
.banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div,
.showroom-slider .owl-theme .owl-controls .owl-buttons div {
  height: 80px;
  width: 36px;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  font-size: 18px;
  margin-top: -40px;
  color: #000;
  transform: none;
  -webkit-transform: none;
}
.banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div:hover {
  color: #fff;
}
.banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div::before,
.showroom-slider .owl-theme .owl-controls .owl-buttons div::before {
  font-family: fontAwesome;
  line-height: 80px;
}
.banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div.owl-prev::before {
  content: "\f104";
}
.banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div.owl-next::before {
  content: "\f105";
}
.item-slider.item-slider5 h3.title30 {
  margin: 5px 0 24px;
}
span.new-style {
  display: inline-block;
  height: 100px;
  width: 100px;
  background: #ffc000;
  border-radius: 50% 50% 0 50%;
  padding: 35px 20px 0;
  line-height: 20px;
  margin-bottom: 25px;
  position: relative;
  box-shadow: 5px 5px 0px 2px rgba(255, 192, 0, 0.8);
}
.item-slider.item-slider5 .banner-info {
  height: 290px;
}
span.new-style::after {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #fff;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.btn-arrow.bg-color {
  color: #fff;
}
.btn-arrow.bg-white {
  border-color: #fff;
  color: #000;
}
.btn-arrow.bg-white:hover {
  color: #fff;
}
.btn-arrow.bg-color:hover {
  background: transparent;
}
.new-style.cyan {
  background: #11ddc7;
  box-shadow: 5px 5px 0px 2px rgba(17, 221, 199, 0.8);
}
.new-style.purple {
  background: #5050ff;
  box-shadow: 5px 5px 0px 2px rgba(80, 80, 255, 0.8);
}
.banner-slider.banner-slider5 {
  margin-bottom: 90px;
}
.title-box5 {
  margin-bottom: 45px;
}
.item-service5 .service-icon .percentage .fa {
  display: block;
  color: #555;
  font-size: 60px;
  position: absolute;
  width: 170px;
  height: 170px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 170px;
  margin: auto;
  /*z-index: 999;*/
  z-index: 1;
  background: #fff;
  border-radius: 50%;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-service5 .service-icon .percentage {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.item-service5 .service-icon .percentage:hover .fa {
  color: #fff;
}
.item-service5 .service-info h3.title14 {
  margin: 25px 0 20px;
}
.item-service5 .service-info {
  padding: 0 20px;
}
.list-service5 {
  margin-bottom: 100px;
}
.item-service5 .service-info .shopnow {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  color: #555;
  padding: 0 15px;
  background: #fff;
}
.item-service5 .service-info .shopnow:hover {
  color: #fff;
}
.item-service5 .service-info .shopnow::before,
.btn-arrow-left::before {
  width: 32px;
  height: 32px;
  line-height: 32px;
  content: "";
  content: "\f30f";
  font-family: "ionicons";
  border: 1px solid;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.item-service5 .service-info .desc {
  margin-bottom: 42px;
}
.list-adv5 .item-adv5 {
  margin-bottom: 30px;
}
.item-adv5 .banner-info {
  height: 165px;
  padding: 20px 25px;
  right: auto;
  background: transparent;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-adv5 .banner-info p.title18 {
  margin: 6px 0 12px;
}
.btn-arrow-left::before {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.btn-arrow-left:hover::before {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
.item-adv5 .btn-arrow-left.white {
  color: #fff;
}
.list-adv5 {
  margin-bottom: 65px;
}
.product-slider5 .owl-wrapper-outer {
  padding-bottom: 120px;
  margin-bottom: -120px;
}
.product-box5 {
  margin-bottom: 70px;
}
.email-form5 {
  text-align: center;
  padding: 50px 15px;
  margin-bottom: 100px;
}
form.form-newsletter5 {
  width: 570px;
  position: relative;
  padding-right: 120px;
  background: #fff;
}
form.form-newsletter5 input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border: none;
  width: 120px;
  text-transform: uppercase;
  color: #fff;
}
form.form-newsletter5 input[type="text"] {
  height: 50px;
  display: block;
  width: 100%;
  border: none;
  color: #999;
  padding: 0 20px;
}
.email-form5 .list-inline-block li {
  margin: 0 10px;
  vertical-align: middle;
}
.total-box5 {
  background: #333;
  margin-bottom: 50px;
  padding: 30px;
}
.item-post5.table .post-thumb {
  width: 120px;
}
.item-post5.table .post-info {
  padding-left: 20px;
}
.item-post5.table {
  margin-bottom: 30px;
}
.item-post5.table .post-info h3.title14 {
  line-height: 24px;
  margin-bottom: 6px;
}
.dot-line.style2 span::before,
.dot-line.style2 span::after {
  height: 3px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
}
.dot-line.style2 {
  width: auto;
}
.title-total-box5 .title18 {
  margin-bottom: 17px;
}
.title-total-box5 {
  margin-bottom: 20px;
}
.with-us5 p {
  position: relative;
  padding-left: 50px;
  margin-bottom: 25px;
}
.with-us5 p .fa {
  position: absolute;
  left: 0;
  top: 9px;
  font-size: 24px;
}
.with-us5 {
  margin-bottom: 33px;
}
.showroom-info {
  background: rgba(0, 0, 0, 0.7);
  margin: -30px 30px 0px 30px;
  position: relative;
  padding: 15px 10px 11px;
}
.showroom-info .title14 {
  margin-bottom: 10px;
}
.showroom-slider .owl-theme .owl-controls .owl-buttons div {
  width: 35px;
  height: 40px;
}
.showroom-slider .owl-theme .owl-controls .owl-buttons div::before {
  line-height: 40px;
}
.showroom-slider .owl-theme .owl-controls .owl-buttons div.owl-prev::before {
  content: "\f104";
}
.showroom-slider .owl-theme .owl-controls .owl-buttons div.owl-next::before {
  content: "\f105";
}
.showroom-slider .owl-theme .owl-controls .owl-buttons div i {
  display: none;
}
.wrap-item.small-navi .owl-controls .owl-buttons div {
  -webkit-transform: none;
  transform: none;
  margin: -15px 0 0;
}
.wrap-item.small-navi .owl-controls .owl-buttons div i::before {
  line-height: 28px;
}
.wrap-item.small-navi.group-navi .owl-controls .owl-buttons {
  width: 61px;
  left: auto;
}
.brand-slider5.border {
  padding: 31px 0;
  margin-bottom: 50px;
}
.brand-slider5 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -15px;
}
.brand-slider5 .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -15px;
}
.list-footer-box5 {
  position: relative;
  padding: 50px 0 30px;
  margin: 0 -15px;
}
.footer-bottom5 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 50px 0;
}
.menu-footer5 {
  margin: 0 -8px;
}
.menu-footer5 li {
  margin: 0 8px;
}
.list-footer-box5::before {
  position: absolute;
  top: 0;
  left: 33.333%;
  bottom: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  margin-left: -5px;
}
.list-footer-box5::after {
  content: "";
  background: rgba(255, 255, 255, 0.1);
  width: 1px;
  top: 0;
  bottom: 0;
  left: 66.666%;
  position: absolute;
  margin-left: 5px;
}
.footer-box5 {
  margin: 0 -15px;
  padding: 0 30px;
}
.footer-box5 h2.title18 {
  margin-bottom: 25px;
}
.pop-post5 {
  position: relative;
  padding-left: 55px;
  margin-bottom: 22px;
}
.pop-post5 .post-date {
  position: absolute;
  left: 0;
  top: -8px;
}
.pop-post5 .post-date strong.title30 {
  margin-bottom: -15px;
  display: block;
  font-weight: 400;
}
.pop-post5 .post-info .desc {
  margin: 13px 0 10px;
}
.popular-post-slider5 .wrap-item.small-navi .owl-controls .owl-buttons div,
.client-slider5 .wrap-item.small-navi .owl-controls .owl-buttons div {
  background: transparent;
  color: #fff;
}
.item-client5 {
  position: relative;
  padding-left: 45px;
  margin-bottom: 25px;
}
.item-client5::before {
  content: "\f10d";
  position: absolute;
  font-family: fontAwesome;
  top: 5px;
  left: 1px;
  color: #ffc000;
  font-size: 18px;
  font-weight: 700;
}
.item-client5 h3.title14 {
  position: relative;
  padding-left: 20px;
  margin-top: 15px;
}
.item-client5 h3.title14::before {
  font-family: fontAwesome;
  content: "\f007";
  color: #fff;
  left: 0;
  top: 0;
  position: absolute;
}
.item-client5:last-child {
  margin: 0;
}
.pop-post5:last-child {
  margin: 0;
}
.social-footer5 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 30px -3px;
  padding-top: 40px;
}
.social-footer5 &gt; li {
  margin: 0 3px;
}
.social-footer5 a {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #999;
  border-radius: 0 10px 0 10px;
  background: rgba(255, 255, 255, 0.1);
}
.social-footer5 a:hover {
  color: #fff;
}
.footer-box5 .contact-footer2 .desc {
  margin-bottom: 28px;
}
.footer-box5 .contact-footer2 .desc {
  margin-bottom: 28px;
}
.title-tab5 &gt; ul &gt; li &gt; a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  color: #fff;
  padding: 0 25px;
}
.title-tab5 {
  background: #1b1b1b;
  margin-bottom: 30px;
}
.product-slider5 .wrap-item.small-navi.group-navi .owl-controls .owl-buttons {
  right: 30px;
  top: -55px;
}
.product-slider5 .item-product-grid::before {
  bottom: -60px;
}
.product-slider5 .item-product-grid .product-social5 {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.product-slider5 .item-product-grid:hover .product-social5 {
  opacity: 1;
}
/**********************************************************************************************************
												Home 06
***********************************************************************************************************/
.main-nav6 &gt; ul &gt; li &gt; a {
  color: #fff;
  text-transform: uppercase;
}
.header.header1.header6 {
  padding-top: 25px;
}
.banner-slider6 .bx-pager {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.banner-slider6 .bx-pager a {
  display: inline-block;
  width: 200px;
  margin: 0 3px;
  border-top: 5px solid #fff;
}
.banner-slider6 .bx-pager a.active {
  box-shadow: 0 5px 15px 0 #fff;
}
.banner-slider6 .bx-controls {
  display: none;
}
.item-slider6 .banner-info {
  height: 280px;
}
.item-slider6 .banner-info h2.color {
  margin: -5px 0 5px;
}
.item-slider6 .banner-info .banner-button {
  margin-top: 40px;
}
.banner-slider6 {
  margin-bottom: 90px;
}
.dot-color {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin: 0 5px;
}
.item-slider6 .banner-info .banner-button &gt; * {
  display: inline-block;
  vertical-align: middle;
}
.banner-about6 a {
  display: block;
  position: relative;
}
.banner-about6 a::before {
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.banner-about6:hover a::before {
  background: rgba(255, 255, 255, 0.1);
}
.intro-about6 .desc {
  margin:20px 0 30px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 40px;
}
.intro-about6 {
  /*padding-top: 90px;*/
}
.intro-about6.intro-left {
  padding-right: 50px;
}
.intro-about6.intro-right {
  padding-left: 50px;
}
.box-about6 {
  margin-bottom: 100px;
}
.list-service6 {
  margin: 0 -15px 70px;
}
.item-service6 {
  margin: 0 15px  30px;
  border: 3px solid #000;
  padding: 0 10px 30px;
}
.item-service6 .service-icon {
  background: #fff;
  padding: 0 40px;
  margin: -40px 0 0;
}
.item-service6 .title18 {
  margin-bottom: 10px;
}
.box-about6.trend-box6 {
  margin-bottom: 50px;
}
.trend-product6 .product-info {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  padding: 40px 50px;
  top: 50px;
  left: 50px;
  right: 50px;
  bottom: 50px;
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.trend-product6:hover .product-info {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}
.trend-product6 {
  position: relative;
  margin-bottom: 30px;
}
.trend-product6 .product-price {
  display: inline-block;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px 35px;
}
.trend-product6 .outer-price {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.trend-product6:hover .outer-price {
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
}
.trend-product6 .product-info h3.title18 {
  margin-bottom: 10px;
}
.trend-product6 .product-info .desc {
  margin: 30px 0  25px;
  padding-top: 20px;
}
.trend-product6 .product-extra-link a {
  background: transparent;
  width: 60px;
}
.list-trend6 {
  margin-bottom: 70px;
}
.client-slider6 {
  max-width: 970px;
  margin: 0 auto;
  padding: 45px 30px 70px;
  border: 3px solid #000;
}
.item-client6 {
  text-align: center;
  max-width: 550px;
  margin: auto;
}
.item-client6 .client-thumb {
  width: 100px;
  display: block;
  border-radius: 50%;
  margin: auto;
  overflow: hidden;
  border: 1px solid transparent;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.item-client6 .client-thumb img {
  border-radius: 50%;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-client6 .client-thumb:hover img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
}
.item-client6 .desc {
  margin: 20px 0 17px;
}
.client-slider6 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -47px;
}
.client-slider6 .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -47px;
}
.wall-flower-info {
  padding: 130px 0;
  margin-bottom: 90px;
}
.wall-flower-info h3.title18 {
  margin: 6px 0 38px;
}
.wall-flower-info .desc {
  margin-bottom: 40px;
}
.title-news6 {
  margin-bottom: 37px;
}
.item-blog6 {
  margin: 0 15px;
}
.latest-slider6 {
  margin: 0 -15px;
}
.item-blog6 .post-info {
  top: auto;
  bottom: 35px;
  padding: 0 15px;
}
.item-blog6 .post-info h3.title14 {
  line-height: 1.5;
  font-weight: 700;
  margin-top: 10px;
}
.box-about6.feature-box6 {
  margin-bottom: 65px;
}
.item-feature6 .banner-info {
  padding: 0;
}
.item-feature6 .product-info h3.title18 {
  margin: 10px 0 10px;
}
.item-feature6 .product-info .desc {
  margin: 20px 0 30px;
}
.featured-slider6 .item-feature6 {
  margin: 0 25px;
}
.featured-slider6.product-slider {
  margin: 0 -25px;
}
.featured-slider6.product-slider {
  margin-bottom: 100px;
}
.product-thumb .product-extra-link3 {
  height: 40px;
  margin: auto;
  text-align: center;
  z-index: 9;
}
.item-feature6 .product-price {
  margin: 22px 0 27px;
}
.product-extra-link3 &gt; a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  color: #999;
  background: #fff;
  margin: 0 3px;
}
.product-thumb .product-extra-link3 &gt; a {
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
}
.product-thumb:hover .product-extra-link3 &gt; a {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}
.featured-slider6 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 10px;
}
.featured-slider6 .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 10px;
}
.featured-slider6 .owl-theme .owl-controls .owl-buttons div {
  margin-top: 25px;
}
.line-dot {
  position: relative;
  display: inline-block;
}
.line-dot::before {
  position: absolute;
  top: 50%;
  content: "";
  margin-right: 30px;
  right: 100%;
  height: 1px;
  background: #e5e5e5;
  width: 340px;
  z-index: 11;
}
.line-dot::after {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: -390px;
  z-index: 11;
}
.intro-about6.intro-left .line-dot::before {
  left: 100%;
  right: auto;
  margin-left: 30px;
  width: 720px;
}
.intro-about6.intro-left .line-dot::after {
  left: auto;
  right: -770px;
}
/**********************************************************************************************************
												Home 07
***********************************************************************************************************/
.banner-video {
  position: relative;
}
.latest-news7 {
  margin-bottom: 90px;
}
.latest-news7 .latest-slider2 {
  margin: 40px -15px 0;
}
.brand-slider5.brand-slider7.border {
  margin-bottom: 100px;
}
.testimo-box7 {
  background: #212121;
  padding: 100px 0;
  margin-bottom: 100px;
}
.dot-rect span.bg-white {
  background: #fff;
}
.client-slider7 {
  max-width: 970px;
  margin: -30px auto 80px;
  padding: 20px 65px 25px;
  position: relative;
}
.client-slider7::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50px;
  border-style: solid;
  border-width: 2px 0 2px 2px;
  border-color: #aaa;
  content: "";
}
.client-slider7::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  border-width: 2px 2px 2px 0;
  border-style: solid;
  border-color: #aaa;
  content: "";
}
.item-client7 .desc {
  line-height: 1.7;
}
.item-client7 h3.title18 {
  margin: 45px 0 0;
}
.client-slider7 .owl-theme .owl-controls .owl-page span {
  width: 30px;
  height: 1px;
  background: #fff;
  border-radius: 0;
  margin: 0 3px;
}
.client-slider7 .owl-theme .owl-controls .owl-page {
  border: none;
  margin: 0;
  padding: 5px 0;
}
.client-slider7 .owl-pagination {
  position: absolute;
  bottom: -65px;
  left: 0;
  right: 0;
}
.list-pop-cat7 {
  margin: 0 -15px 100px;
}
.item-pop-cat7 {
  margin: 0 15px;
  position: relative;
}
.item-pop-cat7 .banner-info {
  left: 25px;
  right: 25px;
  height: 70px;
  text-align: center;
  background: #fff;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-pop-cat7 .banner-info h3.title14 {
  position: relative;
  z-index: 1;
  padding: 28px 10px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.item-pop-cat7 .banner-info::before {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  content: "";
  border: 2px solid #000;
}
.item-pop-cat7:hover .banner-info h3.title14 a {
  color: #fff;
}
.item-adv7 {
  margin-bottom: 30px;
}
.list-adv7 {
  margin-bottom: 70px;
}
.item-adv7 .banner-info {
  width: 370px;
  height: 250px;
  padding: 55px 50px 0;
}
.item-adv7 .banner-info::after {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  content: "";
  border: 2px solid #000;
}
.item-adv7 .banner-info &gt; * {
  position: relative;
  z-index: 1;
}
.item-adv7 .banner-info h2.title30 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 25px;
  margin-bottom: 30px;
}
.item-adv7 .banner-info .btn-arrow-left::before {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.dot-rect-line {
  position: relative;
  overflow: hidden;
}
.dot-rect-line::before {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  width: 50%;
  left: 0;
  height: 2px;
  background: #e5e5e5;
  content: "";
  margin-left: -115px;
}
.dot-rect-line::after {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  width: 50%;
  right: 0;
  height: 2px;
  background: #e5e5e5;
  content: "";
  margin-right: -115px;
}
.product-extra-link7 {
  bottom: 0;
  height: 136px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 114px;
  z-index: 10;
}
.product-thumb:hover .product-extra-link7 &gt; a.compare-link {
  transform: scale(1) translateY(50px);
  -webkit-transform: scale(1) translateY(50px);
}
.product-extra-link7 &gt; a.addcart-link {
  height: 56px;
  line-height: 56px;
  width: 56px;
}
.product-thumb:hover .product-extra-link7 &gt; a.wishlist-link {
  -webkit-transform: scale(1) translateY(-50px);
  transform: scale(1) translateY(-50px);
}
.product-extra-link7 &gt; a.wishlist-link {
  left: auto;
}
.product-thumb:hover .product-extra-link7 &gt; a.quickview-link {
  -webkit-transform: scale(1) translateY(-50px);
  transform: scale(1) translateY(-50px);
}
.product-extra-link7 &gt; a.quickview-link {
  left: auto;
}
.product-thumb:hover .product-extra-link7 &gt; a {
  opacity: 1;
  transform: scale(1) translateY(0);
  -webkit-transform: scale(1) translateY(0);
}
.product-extra-link7 &gt; a.compare-link {
  right: auto;
}
.product-extra-link7 &gt; a {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  height: 36px;
  line-height: 40px;
  margin: auto;
  position: absolute;
  text-align: center;
  width: 36px;
  opacity: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  font-size: 18px;
  color: #333;
  transform: scale(0) translateY(0);
  -webkit-transform: scale(0) translateY(0);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.product-extra-link7 &gt; a:hover {
  color: #fff;
}
.item-product7 .product-thumb:hover &gt; .quickview-link {
  transform: translate(0);
  -webkit-transform: translate(0);
}
.item-product7 .product-thumb &gt; .quickview-link {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  bottom: -30px;
  font-size: 18px;
  color: #333;
  height: 90px;
  line-height: 0;
  padding-left: 25px;
  padding-top: 25px;
  position: absolute;
  right: -30px;
  width: 90px;
  transform: translate(90px, 90px);
  -webkit-transform: translate(90px, 90px);
  top: auto;
  left: auto;
  opacity: 1;
  text-align: left;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.feature-product7 {
  margin-bottom: 100px;
}
.item-product.item-product7 .product-thumb .product-rate {
  position: absolute;
  top: 15px;
  right: -115px;
  z-index: 10;
}
.item-product.item-product7 .product-thumb:hover .product-rate {
  right: 15px;
}
.product-label3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.product-label3 &gt; span {
  display: block;
  float: left;
  width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  text-transform: lowercase;
}
.product-label3 &gt; span.new-label3 {
  background: #06bcff;
}
.product-label3 &gt; span.sale-label3 {
  background: #6700b6;
}
.item-product7 .product-info {
  padding-top: 25px;
}
.product-slider.feature-slider7 {
  margin-bottom: 15px;
}
.feature-slider7 .owl-theme .owl-controls.clickable .owl-buttons div {
  margin-top: -65px;
}
.box-wellcome3.well-come7 {
  background: transparent;
  padding-bottom: 92px;
}
.banner-video .video-fullscreen {
  width: 100%;
}
.banner-video::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 6px;
  content: "";
  background: rgba(0, 0, 0, 0.5);
}
.banner-video .banner-info {
/*  height: 100px;*/
}
.banner-video {
  margin-bottom: 95px;
}
.header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(248, 248, 248, 0.3);
}
.content-header7 {
  padding: 25px 0px;
}
.wrap-search-cart.light-icon &gt; li::after {
  background: #fff;
}
.wrap-search-cart.light-icon .dropdown-link img {
  /*filter: brightness(1000%);
  -webkit-filter: brightness(1000%);*/
}
/**********************************************************************************************************
												Home 08
***********************************************************************************************************/
.header8 {
  background: #000;
  padding: 25px 0;
}
.service-slider8 {
  border: 1px solid #e5e5e5;
  padding: 90px 0;
}
.service-slider8 .item-service3 {
  border-right: 1px solid #e5e5e5;
  padding: 0 15px;
}
.service-box8 {
  margin-bottom: 95px;
}
.service-box8 &gt; .title30 {
  margin-bottom: 45px;
}
.item-gallery8 {
  float: left;
  width: 25%;
}
.shop-gallery8 {
  margin-bottom: 95px;
}
.service-slider8 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -15px;
}
.service-slider8 .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -15px;
}
.item-gallery8 .banner-info {
  position: absolute;
  top: 50px;
  left: 50px;
  bottom: 50px;
  right: 50px;
  border: 2px solid #fff;
  padding: 45px 30px;
}
.item-gallery8 .banner-info .title30 {
  margin: 0 0 20px;
}
.item-product8 .cat-parent-thumb {
  display: block;
  width: 40px;
}
.item-product8 .list-inline-block li:last-child {
  padding: 0 10px;
}
.item-product8 .cat-parent-name {
  margin: -3px 0 5px;
  display: block;
}
.item-product.item-product8 {
  border: 1px solid #e5e5e5;
  padding: 30px;
}
.item-product.item-product8 .product-info {
  position: relative;
  padding-top: 20px;
}
.item-product.item-product8 .product-info .wishlist-link {
  position: absolute;
  top: 30px;
  right: 0;
}
.item-product.item-product8 .product-info .product-title {
  margin: 0;
}
.rate-price8.table {
  margin-top: 30px;
}
.item-product.item-product8 .product-price {
  margin: -5px 0 0;
}
.product-box8 {
  margin-bottom: 70px;
}
.title-box8 {
  position: relative;
  margin-bottom: 40px;
}
.title-box8 .title30 {
  margin-bottom: 15px;
}
.title-box8 .link-arrow {
  position: absolute;
  top: 10px;
  right: 0;
}
.time-countdown8 canvas {
  display: none;
}
.product-deal-box8 {
  margin-bottom: 95px;
  position: relative;
  padding-top: 90px;
}
.banner-slider.banner-slider8 {
  margin-bottom: 95px;
}
.item-slider8 .banner-info {
  left: 50%;
  background: rgba(0, 0, 0, 0.7);
  height: auto;
  padding-top: 25%;
}
.item-gallery8 .banner-info .title30 a:hover {
  color: #000;
}
.item-gallery8 .adv-thumb-link::after {
  transform: scale(0);
  -webkit-transform: scale(0);
}
.item-gallery8:hover .adv-thumb-link::after {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.item-gallery8 .banner-info {
  transform: scale(3);
  -webkit-transform: scale(3);
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-gallery8:hover .banner-info {
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}
.item-gallery8 {
  overflow: hidden;
}
.item-product.item-product8 .product-info .wishlist-link:hover {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
}
.intro-deal8 .title30 {
  margin-bottom: 15px;
}
.intro-deal8 {
  position: relative;
  margin-bottom: 100px;
}
.intro-deal8 .time-countdown8 {
  position: absolute;
  top: 0;
  right: 0;
}
.time-countdown8 .time_circles &gt; div {
  display: inline-block;
  color: #ccc;
  width: 50px!important;
  text-align: center;
  font-size: 10px;
  margin: 0 5px;
}
.time-countdown8 .time_circles &gt; div .number {
  font-size: 30px;
  font-weight: 700;
  background: #000;
  color: #ffd40d;
  display: block;
  height: 50px;
  line-height: 56px;
  margin-bottom: 5px;
  position: relative;
}
.time-countdown8 .time_circles &gt; div .number::before {
  position: absolute;
  content: "";
  background: #000;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
}
.item-deal8 {
  padding: 0 100px;
}
.item-deal8 .product-title {
  margin-bottom: 20px;
}
.price-table8.table {
  margin: 45px 0 48px;
  max-width: 330px;
}
.price-table8.table .title30 {
  margin-top: 15px;
}
.deal-button {
  margin: 0 -3px;
}
.deal-button a {
  margin: 0 3px;
}
.item-slider8 .banner-info .title60 {
  margin: 25px 0 -7px;
}
.item-slider8 .banner-info .title60 span {
  padding: 17px 50px;
  box-shadow: 0 21px 18px 0 rgba(0, 0, 0, 0.5);
}
.item-slider8 .banner-info .title24.gray span {
  padding: 12px 20px;
  box-shadow: 0 21px 18px 0 rgba(0, 0, 0, 0.5);
}
.item-slider8 .banner-info .title24.gray {
  margin-bottom: 50px;
}
.banner-slider8 .owl-pagination {
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 250px;
}
.banner-slider8 .owl-theme .owl-controls .owl-page span {
  background: #999;
}
.banner-slider8 .owl-theme .owl-controls .owl-page.active span {
  background: #fff;
}
.banner-slider8 .owl-theme .owl-controls .owl-page.active {
  border-color: #fff;
}
.item-slider8 .banner-info,
.banner-slider8 .owl-pagination {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.banner-slider8:hover .banner-info,
.banner-slider8:hover .owl-pagination {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
.banner-slider.parallax-slider .item-slider {
  background-position: 0 0;
}
/**********************************************************************************************************
												Home 09
***********************************************************************************************************/
.title-news9 {
  margin-bottom: 45px;
}
.testimo-box7.testimo-box9 {
  margin-bottom: 60px;
}
.latest-slider6 .wrap-item.small-navi.group-navi .owl-controls .owl-buttons {
  right: 15px;
  top: -62px;
}
.list-product-masonry .item-product-masonry {
  margin-bottom: 10px;
  padding: 0 5px;
  width: 25%;
  float: left;
  position: relative;
}
.list-product-masonry .item-product-masonry.item-large {
  width: 50%;
  margin-bottom: 11px;
}
.list-product-masonry {
  margin: 0 -5px;
}
.banner-slider9 .banner-info h3 span {
  padding: 6px 25px;
  display: inline-block;
}
.banner-slider9 .banner-info h2 span {
  padding: 17px 30px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
}
.banner-slider9 .banner-info {
  height: 150px;
}
.banner-slider9 .bx-controls-direction {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: 120px;
  z-index: 98;
  text-align: center;
}
.banner-slider9 .bx-controls-direction .bx-prev i {
  display: block;
  width: 30px;
  height: 50px;
  background: #000;
  margin: auto;
  line-height: 50px;
  border: 1px solid #606060;
  border-radius: 15px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.banner-slider9 .bx-controls-direction .bx-prev {
  color: #fff;
}
.title-box9 {
  margin-bottom: 42px;
}
.title-box9 .half-life {
  display: inline-block;
  padding-left: 60px;
  position: relative;
  margin-bottom: -2px;
}
.title-box9 .half-life::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 50px;
  content: "";
  height: 1px;
}
.product-slider9 .owl-buttons {
  top: -57px;
}
.banner-slider.banner-slider9 {
  margin-bottom: 80px;
}
.banner-slider.banner-slider9 {
  margin-bottom: 80px;
}
.item-product-masonry .product-info {
  position: absolute;
  top: 50%;
  left: 5px;
  z-index: 9;
  right: 5px;
  padding: 0 10px;
  text-align: center;
  margin-top: -10px;
  transform: scale(0);
  -webkit-transform: scale(0);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product-masonry:hover .product-info {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.item-product-masonry.cat-lamp .product-thumb-link::before {
  background: #00c6cb;
}
.item-product-masonry.cat-basket .product-thumb-link::before {
  background: #F7CDC9;
}
.item-product-masonry.cat-chair .product-thumb-link::before {
  background: #9DC86F;
}
.item-product-masonry.cat-table .product-thumb-link::before {
  background: #1AAF62;
}
.item-product-masonry.cat-mock .product-thumb-link::before {
  background: #ec8458;
}
.item-product-masonry.cat-ball .product-thumb-link::before {
  background: #D5D6D8;
}
.item-product-masonry:hover .product-thumb-link::before {
  opacity: 1;
}
.product-box9 {
  margin-bottom: 70px;
}
.item-product-masonry.item-deal-masonry .product-info {
  margin-top: -60px;
}
.item-product-masonry.item-deal-masonry .product-info .time-countdown8 .time_circles &gt; div {
  color: #fff;
}
.item-product-masonry.item-deal-masonry .product-info .time-countdown8 {
  margin-top: 25px;
}
.item-deal-masonry .percent-sale {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 50px;
  width: 50px;
  text-align: center;
  background: #000;
  border-radius: 50%;
  line-height: 50%;
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  font-family: 'å¾®è»Ÿæ­£é»‘é«”',raleway;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.75);
  z-index: 10;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-deal-masonry:hover .percent-sale {
  background: #fff;
  color: #000;
}
.header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 15px 0;
  background: transparent url("../images/home/home9/bg-header.png") no-repeat top center;
}
.main-nav.main-nav9 {
  margin: 0;
}
.box-main-nav .dropdown-list {
  position: fixed;
  left: 0;
  top: 50px;
  width: 100%;
  padding: 0;
  background: rgba(255, 255, 255, 0.9);
}
.slogan9 strong {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.slogan9 {
  padding-top: 13px;
}
.main-nav.main-nav9 &gt; ul &gt; li.menu-item-has-children &gt; a::after {
  line-height: 75px;
}
.main-nav.main-nav9 &gt; ul {
  text-align: center;
  max-width: 1170px;
  margin: auto;
}
.list-product-adv .item-product2 {
  background: #fff;
}
/**********************************************************************************************************
												Home 10
***********************************************************************************************************/
.footer3.bg-white {
  background: #fff;
}
.footer3.bg-white .social-footer3 li a {
  background: #333;
}
.subcribe-form10 {
  padding: 160px 0 90px;
}
.inner-subcribe10 p.white {
  margin: 37px 0 43px;
}
.inner-subcribe10 .contact-form .list-inline-block input {
  height: 40px;
  line-height: 40px;
}
.inner-subcribe10 .contact-form .list-inline-block input[type="submit"] {
  padding: 0 35px;
}
.inner-subcribe10 .contact-form .list-inline-block p::before {
  top: 12px;
  color: #fff;
}
.inner-subcribe10 .contact-form .list-inline-block input[type="text"] {
  padding: 0 10px 0 45px;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  color: #fff;
}
.inner-subcribe10 .contact-form .list-inline-block li {
  margin: 0 3px;
}
.brand-slider5.brand-slider10 {
  background: #fff;
  margin-bottom: -65px;
  position: relative;
  z-index: 10;
}
.banner-adv.hand-made {
  height: 700px;
  margin-bottom: 80px;
}
.banner-adv.hand-made .banner-info {
  height: 220px;
  width: 600px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.banner-adv.hand-made .banner-info h2.title60 {
  line-height: 43px;
  margin-bottom: 25px;
}
.banner-adv.hand-made .banner-info h3.title24 {
  margin-bottom: 5px;
}
.banner-advts.hand-made {
  height: 700px;
  margin-bottom: 80px;
}
.banner-advts.hand-made .banner-info {
  height: 220px;
  width: 600px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.banner-advts.hand-made .banner-info h2.title60 {
  line-height: 43px;
  margin-bottom: 25px;
}
.banner-advts.hand-made .banner-info h3.title24 {
  margin-bottom: 5px;
}
.feature-product10 h2.title30 {
  margin-bottom: 44px;
}
.feature-product10 {
  margin-bottom: 100px;
}
.item-product1.item-product7 .product-thumb {
  margin: 0 -10px;
}
.item-product1.item-product7 .product-title {
  padding: 25px 0;
}
.title-tab10 {
  margin-bottom: 50px;
}
.title-tab10 .title30 {
  margin-bottom: 38px;
}
.best-product10 {
  padding: 90px 0 80px;
  margin-bottom: 92px;
}
.best-product10 .tab-content {
  margin-bottom: 20px;
}
.title-tab10 .list-inline-block {
  margin: 0 -30px;
}
.title-tab10 .list-inline-block li {
  margin: 0 30px;
}
.title-tab10 .list-inline-block li a {
  display: block;
  position: relative;
  color: #fff;
}
.title-tab10 .list-inline-block li.active a::after {
 /* position: absolute;
  height: 20px;
  width: 2px;
  content: "";
  background: #fff;
  bottom: -26px;
  left: 50%;*/
}
.list-adv10 {
  margin: 0 15px 75px;
}
.list-adv10 .item-adv10 {
  margin: 0 -15px;
}
.item-adv10 .banner-info {
  left: 100px;
  right: 100px;
  top: auto;
  padding: 70px 30px;
}
.item-adv10 .banner-info.purple {
  background: rgba(221, 108, 141, 0.9);
}
.item-adv10 .banner-info.green {
  background: rgba(110, 181, 50, 0.9);
}
.item-adv10 .banner-info p {
  margin: 0;
}
.item-adv10 .banner-info .title24 {
  margin-bottom: 45px;
  position: relative;
}
.item-adv10 .banner-info .title24::after {
  position: absolute;
  height: 20px;
  width: 2px;
  content: "";
  background: #fff;
  left: 50%;
  bottom: -34px;
}
.banner-slider10 .bx-controls-direction {
  display: none;
}
.content-header10 {
  position: relative;
  margin-bottom: 70px;
}
.content-header10 .header10 {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 100;
}
.header10 {
  background: rgba(0, 0, 0, 0.5);
  padding: 15px 0;
}
.main-nav.main-nav10 &gt; ul &gt; li &gt; a {
  color: #fff;
}
.item-slider.item-slider10 .banner-info {
  height: 400px;
  width: 550px;
}
.item-slider.item-slider10 .content-banner-info {
  border-style: solid;
  border-width: 0 2px 2px 2px;
  border-color: rgba(255, 255, 255, 0.5);
  padding: 45px 40px 40px;
  position: relative;
}
.item-slider.item-slider10 .content-banner-info::before {
  content: url("../images/icon/neck-left.png");
  position: absolute;
  bottom: -18px;
  left: -10px;
}
.item-slider.item-slider10 .content-banner-info::after {
  content: url("../images/icon/neck-right.png");
  position: absolute;
  right: -10px;
  bottom: -18px;
}
.item-slider.item-slider10 .content-banner-info .title18 {
  margin-bottom: 20px;
}
.banner-slider10 .bx-pager {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -120px;
}
.banner-slider10 .bx-pager a {
  display: inline-block;
  width: 56px;
  padding: 4px;
  border: 1px solid transparent;
  position: relative;
  margin: 0 3px;
}
.banner-slider10 .bx-pager a.active {
  border-color: #fff;
}
.item-slider.item-slider10 .banner-info .title60 {
  overflow: hidden;
  position: relative;
  padding-bottom: 55px;
}
.item-slider.item-slider10 .banner-info .title60::before {
  position: absolute;
  width: 1000px;
  height: 2px;
  content: "";
  background: rgba(255, 255, 255, 0.5);
  right: 50%;
  margin-right: 120px;
  bottom: 0px;
}
.item-slider.item-slider10 .banner-info .title60::after {
  bottom: 0;
  width: 1000px;
  height: 2px;
  content: "";
  background: rgba(255, 255, 255, 0.5);
  left: 50%;
  position: absolute;
  margin-left: 120px;
}
.banner-slider10 .bx-pager a.active::after {
  content: "\f0d7";
  font-family: fontAwesome;
  color: #fff;
  position: absolute;
  left: 50%;
  bottom: -9px;
  margin-left: -4px;
}
/**********************************************************************************************************
												Home 11
***********************************************************************************************************/
.top-header4.bg-color .currency-language &gt; li &gt; div &gt; a {
  color: #fff;
}
.main-nav.main-nav11 {
  margin: 0;
}
.main-nav.main-nav11 &gt; ul &gt; li &gt; a {
  height: 76px;
  line-height: 76px;
  color: #fff;
}
.main-nav.main-nav11 &gt; ul &gt; li {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0;
  /*padding: 0 28px;*/
  padding: 0 24px;
}
.main-nav.main-nav11 &gt; ul &gt; li.current-menu-item {
  background: rgba(255, 255, 255, 0.1);
  border: none;
}
.logo.logo11 {
  /*margin-top: 15px;*/
  margin-top: 5px;
}
.banner-slider11.banner-slider {
  margin-bottom: 50px;
  padding-bottom: 50px;
}
.banner-slider11 .owl-theme .owl-controls .owl-page {
  border: none;
  padding: 0;
  margin: 0;
}
.banner-slider11 .owl-theme .owl-controls .owl-page span {
  margin: 0 30px;
}
.banner-slider11 .owl-theme .owl-controls .owl-page span::after {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 5px;
  height: 1px;
  background: #e5e5e5;
  width: 50px;
  content: "";
}
.banner-slider11 .owl-theme .owl-controls .owl-page:last-child span::after {
  display: none;
}
.banner-slider11 .owl-theme .owl-controls .owl-pagination {
  margin-top: 42px;
}
.item-adv11 {
  margin-bottom: 30px;
}
.list-adv11 {
  margin-bottom: 65px;
}
.item-adv11 .banner-info {
  height: 260px;
  padding: 0 30px;
}
.countdown-adv11 canvas {
  display: none;
}
.item-adv11 .banner-info h3.title30 {
  margin: 15px 0 15px;
}
.item-adv11 .banner-info .btn-arrow {
  margin-top: 43px;
}
.countdown-adv11 .time_circles &gt; div {
  width: 75px!important;
  display: inline-block;
}
.countdown-adv11 .time_circles &gt; div .number {
  position: relative;
  display: block;
  font-size: 30px;
  margin-bottom: -5px;
}
.countdown-adv11 .time_circles &gt; div .number::after {
  content: ":";
  position: absolute;
  top: -2px;
  right: -5px;
  color: #fff;
}
.countdown-adv11 .time_circles &gt; div:last-child .number::after {
  display: none;
}
.time-countdown.countdown-adv11 {
  margin-bottom: -10px;
}
.title-tab11 .list-inline-block {
  display: inline-block;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.title-tab11 .list-inline-block li a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  position: relative;
}
.title-tab11 .list-inline-block li.active a::after {
  position: absolute;
  bottom: -28px;
  content: "\f0d7";
  left: 50%;
  margin-left: -5px;
  font-family: fontAwesome;
}
.title-tab11 .title30 {
  margin-bottom: 25px;
}
.title-tab11 {
  margin-bottom: 50px;
}
.feature-product11 {
  margin-bottom: 65px;
}
.banner-adv11 .banner-info {
  height: 280px;
  left: 80px;
  right: auto;
}
.banner-adv11 .banner-info h2.color {
  margin: -17px 0 15px;
}
.banner-adv11 .banner-info .desc {
  margin-bottom: 40px;
  max-width: 340px;
}
.banner-adv11 {
  margin-bottom: 92px;
}
.offer-countdown11 {
  padding: 5px 50px;
  max-width: 520px;
  margin: 25px auto 50px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.offer-countdown11 li {
  vertical-align: middle;
}
.offer-countdown11 .time-countdown .time_circles &gt; div {
  display: inline-block;
  width: 40px!important;
  margin: 0 10px;
  font-weight: 700;
  background: #333;
  color: #fff;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  position: relative;
  top: 0!important;
  left: 0!important;
}
.offer-countdown11 .time-countdown .time_circles &gt; div::after {
  content: ":";
  position: absolute;
  right: -12px;
  color: #abc;
}
.offer-countdown11 .time-countdown .time_circles::before {
  content: "\f017";
  font-family: fontAwesome;
  font-size: 30px;
  color: #ccc;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 15px;
}
.offer-countdown11 .time-countdown .time_circles &gt; div:last-child::after {
  display: none;
}
.product-offer11 {
  margin-bottom: 65px;
}
.offer-countdown11 canvas {
  display: none;
}
.list-ads11 {
  margin-bottom: 70px;
}
.list-ads11 .item-ads11 {
  margin-bottom: 30px;
}
.item-ads11 .banner-info {
  left: 50%;
  padding: 45px 30px;
}
.item-ads11 .banner-info .title30 b {
  display: block;
}
.item-ads11 .banner-info h2.title30 {
  margin-bottom: 17px;
}
.item-ads11 .banner-info .list-none li {
  position: relative;
  padding-left: 12px;
}
.item-ads11 .banner-info .list-none li::before {
  position: absolute;
  content: "*";
  top: 2px;
  left: 0;
}
.item-ads11 .banner-info .list-none {
  margin-bottom: 45px;
  margin-top: 15px;
}
.item-ads11 .info-ads11 {
  padding: 40px 50px;
}
.item-ads11 .info-ads11 .desc {
  margin: 15px 0 40px;
}
/**********************************************************************************************************
												Home 12
***********************************************************************************************************/
.banner-top12 .banner-info {
  height: 180px;
}
.banner-top12 .banner-info h2 {
  margin: -5px 0 25px;
}
.banner-top12 {
  height: 1000px;
  margin-bottom: 100px;
}
.header12 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  z-index: 100;
}
.main-nav.main-nav12 &gt; ul &gt; li &gt; a {
  color: #fff;
}
.logo.logo12 {
  margin-top: 20px;
}
.item-service3 .service-icon.shapes {
  width: 200px;
  height: 200px;
  line-height: 200px;
  position: relative;
  overflow: hidden;
}
.item-service3 .service-icon.shapes .fa {
  position: relative;
  z-index: 10;
}
.item-service3 .service-icon.shapes {
  background: #F72894;
  background: -webkit-linear-gradient(#f72894, #ffffff);
  background: -o-linear-gradient(#f72894, #ffffff);
  background: -moz-linear-gradient(#f72894, #ffffff);
  background: linear-gradient(#f72894, #ffffff);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.item-service3 .service-icon.shapes::after {
  width: 0;
  height: 0;
  border-left: 130px solid transparent;
  border-right: 130px solid transparent;
  border-bottom: 100px solid #F72894;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -30px;
  content: "";
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-service3 .service-icon.shapes:hover::after {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.item-service3 .service-icon.shapes.yellow {
  background: #ecd300;
  background: -webkit-linear-gradient(#ecd300, #ffffff);
  background: -o-linear-gradient(#ecd300, #ffffff);
  background: -moz-linear-gradient(#ecd300, #ffffff);
  background: linear-gradient(#ecd300, #ffffff);
}
.item-service3 .service-icon.shapes.cyan {
  background: #42baff;
  background: -webkit-linear-gradient(#42baff, #ffffff);
  background: -o-linear-gradient(#42baff, #ffffff);
  background: -moz-linear-gradient(#42baff, #ffffff);
  background: linear-gradient(#42baff, #ffffff);
}
.item-service3 .service-icon.shapes.yellow::after {
  border-bottom: 100px solid #ecd300;
}
.item-service3 .service-icon.shapes.cyan::after {
  border-bottom: 100px solid #42baff;
}
.list-product-mason .item-product-mason {
  margin: 0 -15px;
}
.list-product-mason {
  margin: 0 15px;
}
.item-product-mason .product-info {
  height: 160px;
  text-align: center;
  margin: auto;
  z-index: 10;
  padding: 0;
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product-mason:hover .product-info {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}
.item-product-mason .product-price {
  margin: 20px 0 42px;
}
.price-exact {
  position: absolute;
  bottom: 25px;
  right: 30px;
  background: #fff;
  z-index: 10;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
  padding: 18px 20px;
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product-mason:hover .price-exact {
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
}
.item-product-mason .product-extra-link7 &gt; a {
  transform: none!important;
  -webkit-transform: none!important;
  opacity: 1;
  margin: 0 5px;
  position: static;
  display: inline-block;
}
.item-product-mason .product-extra-link7 &gt; a:hover {
  background: #fff;
}
.item-product-mason .product-title a {
  color: #fff;
}
.item-product-mason .product-price del::after {
  background: #fff;
}
.item-product-mason .product-extra-link7 {
  position: static;
  width: auto;
  height: auto;
}
.list-service12 {
  margin-bottom: 65px;
}
.list-service12 .item-service3 {
  margin-bottom: 30px;
}
.product-box12 {
  margin-bottom: 100px;
}
.unique-banner {
  margin: 0 auto 100px;
  max-width: 970px;
}
.unique-banner .banner-info {
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: auto;
  height: auto;
  width: 400px;
  border: 20px solid #fff;
  padding: 10px;
}
.unique-banner .info-unique {
  position: relative;
  height: 100%;
  padding: 30px 15px;
}
.unique-banner .info-unique h2 {
  margin: 15px 0 15px;
}
.unique-banner .info-unique .desc {
  margin-bottom: 23px;
}
/**********************************************************************************************************
												Pages
***********************************************************************************************************/
.content-404 {
  padding: 100px 0;
}
.banner-page {
  height: 250px;
  position: relative;
}
.banner-page .banner-info {
  height: 30px;
}
.bread-crumb &gt; * {
  display: inline-block;
  vertical-align: middle;
}
.bread-crumb &gt; strong {
  margin: 0 20px;
}
.banner-page {
  margin-bottom: 100px;
}
.about-company {
  margin-bottom: 100px;
}
.intro-company {
  max-width: 470px;
}
.intro-company .title30 {
  margin-bottom: 15px;
}
.contact-intro-box &gt; .title18 {
  margin-bottom: 27px;
}
.contact-map iframe {
  width: 100%;
}
.item-contact-box {
  padding: 30px 50px 50px;
  margin: 0 -15px;
}
.item-contact-box .desc {
  margin-bottom: 21px;
}
.item-contact-box .shop-button {
  height: 50px;
  line-height: 50px;
  padding: 0 50px;
}
.item-contact-box h2.title18 {
  margin: 15px 0 5px;
}
.contact-map {
  margin-bottom: 40px;
}
.contact-info-page h2.title18 {
  padding-bottom: 16px;
  margin-bottom: 21px;
}
.contact-info-page .desc {
  line-height: 30px;
}
.contact-info-page h3.title14 {
  margin: 25px 0 10px;
}
.contact-form-page &gt; h2.title18 {
  margin-bottom: 18px;
}
.contact-form input[type="text"],
.contact-form textarea {
  height: 50px;
  color: #555;
  border: 1px solid #e5e5e5;
  display: block;
  width: 100%;
  padding: 0 15px 0 50px;
}
.contact-form textarea {
  height: auto;
  padding-top: 10px;
}
.contact-form input[type="submit"] {
  height: 50px;
  border: none;
  color: #fff;
  padding: 0 50px 0 35px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.contact-form .contact-submit {
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-top: 10px;
}
.contact-form .contact-submit::after {
  position: absolute;
  top: 18px;
  right: 30px;
  margin: 0;
  color: #fff;
}
.contact-form .contact-submit:hover input[type="submit"] {
  background: #ccc;
}
.main-contact {
  margin-bottom: 90px;
}
.list-contact-box {
  position: relative;
  padding: 0 15px;
}
.list-contact-box::before,
.list-contact-box::after {
  position: absolute;
  left: 33.33%;
  content: "";
  top: 0;
  bottom: 0;
  background: #e5e5e5;
  width: 1px;
}
.list-contact-box::after {
  left: 66.66%;
}
.contact-form p {
  position: relative;
}
.contact-form .contact-name::before,
.contact-form .contact-tel::before,
.contact-form .contact-mail::before,
.contact-form .contact-message::before {
  font-family: fontAwesome;
  position: absolute;
  top: 17px;
  left: 20px;
  content: "\f007";
  color: #999999;
}
.contact-form .contact-message::before{
  top: 13px;
}
.contact-form .contact-mail::before {
  content: "\f0e0";
}
.contact-form .contact-message::before {
  content: "\f075";
}
/*Begin Teams*/
.team-gallery-thumb .fancybox {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  line-height: 40px;
  margin: auto;
  text-align: center;
  width: 40px;
  z-index: 9;
  transform: scale(0);
  -webkit-transform: scale(0);
}
.team-gallery-thumb:hover .fancybox {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.item-team-gallery h3 {
  margin: 0 0 20px;
}
.team-social-network {
  margin-left: -3px;
  margin-top: 20px;
}
.team-social-network li {
  margin: 0 3px;
}
.team-gallery-thumb {
  margin-bottom: 20px;
}
.team-social-network a {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  color: #555;
  display: block;
  height: 40px;
  text-align: center;
  width: 40px;
  line-height: 40px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.list-team-box {
  margin-bottom: 100px;
}
.list-team-box .team-gallery,
.list-team-box .team-circle {
  margin-bottom: 50px;
}
.item-team-circle {
  position: relative;
}
.item-team-circle1 {
  z-index: 104;
}
.team-circle-thumb {
  background: #000 none repeat scroll 0 0;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}
.team-circle-thumb:hover .team-cirle-image {
  margin-left: 30px;
  transform: scale(0.5) translateX(100%) rotate(360deg);
  -webkit-transform: scale(0.5) translateX(100%) rotate(360deg);
  border: 10px solid rgba(0, 0, 0, 0.1);
}
.team-circle-thumb &gt; img {
  width: 100%;
}
.team-cirle-image {
  border-radius: 50%;
  width: 100%;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.info-circle-thumb {
  left: 0;
  opacity: 0;
  padding: 45px 45px 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  visibility: hidden;
  width: 100%;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.info-circle-thumb .desc {
  color: #ccc;
}
.team-circle-thumb:hover .info-circle-thumb {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  visibility: visible;
}
.item-team-circle2 {
  z-index: 103;
}
.item-team-circle3 {
  z-index: 102;
}
.item-team-circle4 {
  z-index: 101;
}
.team-circle-info &gt; h3 {
  margin: 15px 0 10px;
}
.item-team-rectang {
  border: 1px solid #e5e5e5;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.item-team-rectang:hover .team-circle-info {
  bottom: 0;
}
.item-team-rectang .team-circle-info {
  background: rgba(255, 255, 255, 0.9);
  bottom: -60px;
  left: 0;
  padding: 0 20px 15px;
  position: absolute;
  width: 100%;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.team-circle-info {
  text-align: center;
}
.item-member1 .member-social {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: -60px;
  padding: 40px 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 60px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-member1 .member-social a {
  color: #fff;
  margin: 7px;
}
.member-social &gt; a {
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  width: 30px;
}
.item-member1 .member-social a:hover {
  background: rgba(0, 0, 0, 0.3);
}
.item-member1 .member-info &gt; h3 {
  margin-bottom: 15px;
  padding: 15px 0;
}
.member-info &gt; h3 {
  border-bottom: 1px solid #e5e5e5;
}
.member-thumb {
  overflow: hidden;
  position: relative;
}
.item-member1 .member-thumb:hover .member-social {
  left: 0;
}
.team-rectang {
  margin-bottom: 50px;
}
.title-pages {
  margin-bottom: 50px;
}
.title-pages h2 {
  overflow: hidden;
}
.title-pages h2 span {
  padding: 0 30px;
  position: relative;
  display: inline-block;
  z-index: 9;
}
.title-pages h2 span::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  height: 4px;
  right: 100%;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 1200px;
}
.title-pages h2 span::after {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  height: 4px;
  left: 100%;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 1200px;
}
.title-pages .title14 {
  margin-bottom: 5px;
}
.item-member2 .member-info {
  padding-top: 50px;
}
.item-member2 .member-info &gt; h3 {
  margin-bottom: 25px;
  padding-bottom: 27px;
}
.item-member2 .member-info &gt; p {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
  padding-bottom: 25px;
}
.item-member2 .member-social &gt; a {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  margin-right: 7px;
}
.item-member2 .member-social &gt; a:hover {
  background: #000 none repeat scroll 0 0;
}
.box-member1 {
  margin-bottom: 50px;
}
.team-social-network a:hover {
  color: #fff;
}
/*End Teams*/
/**********************************************************************************************************
													Blog
***********************************************************************************************************/
.masonry-list-post .item-post-masonry {
  margin-bottom: 30px;
  padding: 0 15px;
}
.masonry-list-post {
  margin: 0 -15px;
}
.banner-page.banner-blog-page {
  margin-bottom: 50px;
}
.pagi-nav.border-top {
  padding-top: 30px;
}
.pagi-nav &gt; a {
  display: inline-block;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  color: #555;
}
.pagi-nav &gt; a.current-page,
.pagi-nav &gt; a:hover {
  background: #fff;
}
.blog-content {
  margin-bottom: 50px;
}
.post-thumb {
  position: relative;
}
.post-thumb a.fancybox {
  height: 40px;
  line-height: 40px;
  width: 40px;
  background: #fff;
  color: #999;
}
.post-thumb .post-thumb-link {
  display: block;
  position: relative;
}
.post-thumb:hover .post-thumb-link::before {
  opacity: 1;
}
.post-thumb:hover a.fancybox {
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}
.item-post-masonry .post-info {
  padding: 23px 0 7px;
}
.post-tag-author {
  margin-bottom: 5px;
}
.item-post-masonry .post-info h3.title18 {
  line-height: 1.3;
  margin: 9px 0 6px;
}
.post-date-comment li {
  border-right: 1px solid #e5e5e5;
  padding: 0 15px;
}
.post-date-comment {
  margin: 0 -15px;
}
.post-date-comment li:last-child {
  border: none;
}
.item-post-masonry .post-info .desc {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 12px;
  margin-bottom: 11px;
}
.post-tag-author {
  position: relative;
  padding-left: 20px;
}
.post-tag-author .fa {
  position: absolute;
  top: 4px;
  left: 0;
  color: #999;
}
.post-tag-author a {
  margin-right: 10px;
}
.item-post-list .btn-arrow {
  margin-top: 17px;
}
.item-post-list {
  margin-bottom: 43px;
}
.widget-title {
  padding: 15px 20px;
}
.widget-content {
  border: 1px solid #e5e5e5;
  padding: 20px;
}
.widget {
  margin-bottom: 30px;
}
.widget-category .list-none li a,
.list-attr li a {
  padding-left: 20px;
  position: relative;
}
.widget-category .list-none li a::before,
.list-attr li a::before,
.list-color-filter a:hover::after,
.list-color-filter a.active::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 5px;
  left: 0;
  border: 1px solid #e5e5e5;
  font-family: "ionicons";
  color: #fff;
  text-align: center;
  line-height: 10px;
  font-size: 16px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.widget-category .list-none li a:hover::before,
.list-attr li a:hover::before,
.list-attr li a.active::before {
  content: "\f3fd";
}
.widget-category .list-none li,
.list-attr li {
  margin-bottom: 8px;
}
.widget-recent-post li {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 17px;
  margin-bottom: 20px;
}
.widget-recent-post li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.item-post-recent.table .post-thumb {
  width: 80px;
}
.item-post-recent.table .post-info {
  padding-left: 17px;
}
.item-post-recent.table .post-info .desc {
  margin: 9px 0 4px;
}
.blog-list-post {
  margin-top: -20px;
}
.content-single &gt; .banner-advts {
  margin-bottom: 21px;
}
.content-single .post-date-comment {
  margin-bottom: 10px;
}
.content-single &gt; .title30 {
  margin-bottom: 6px;
}
.content-single .desc.title18 {
  margin: 0 0 12px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 13px;
}
.content-single &gt; p.desc {
  margin-top: 33px;
}
.content-single p.block-quote {
  background: #f9f9f9;
  font-style: italic;
  padding: 50px 30px 50px 130px;
  position: relative;
  margin-top: 40px;
  color: #999;
}
.content-single p.block-quote::before {
  position: absolute;
  top: 30px;
  left: 45px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  font-family: fontAwesome;
  color: #fff;
  content: "\f10d";
  font-size: 18px;
  line-height: 60px;
  text-align: center;
  font-style: normal;
}
.content-single .single-share {
  margin: 35px -8px 40px;
}
.single-share a {
  display: inline-block;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  margin: 0 8px;
}
.single-share a b {
  font-weight: 400;
  margin: 0 20px 0 10px;
}
.post-control {
  position: relative;
  padding: 25px 0;
  margin-bottom: 47px;
}
.post-control::before {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  content: "";
  background: #e5e5e5;
  width: 1px;
}
.post-control h3.title14 {
  margin-top: 8px;
}
.article-related &gt; h2.title18 {
  margin-bottom: 17px;
}
.article-slider {
  margin: 0 -14px;
}
.article-slider .item-article {
  margin: 0 15px;
}
.item-article .banner-advts {
  margin-bottom: 12px;
}
.item-article h3.title14 {
  line-height: 1.5;
  margin-top: -3px;
}
.article-related {
  margin-bottom: 42px;
}
.single-info-author.table {
  margin-bottom: 45px;
}
.single-info-author.table {
  padding: 15px;
}
.single-info-author.table .author-info {
  vertical-align: middle;
  position: relative;
  padding-right: 120px;
  padding-left: 30px;
}
.single-info-author.table .author-thumb {
  width: 170px;
}
.single-info-author .author-social {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
}
.single-info-author .author-social a {
  margin-left: 10px;
}
.single-info-author.table .author-info .title18 {
  margin: 10px 0;
}
.owl-theme.group-navi.style2 .owl-controls .owl-buttons div {
  height: 28px;
  width: 28px;
  border: 1px solid #595959;
  color: #434343;
  background: transparent;
}
.owl-theme.group-navi.style2 .owl-controls .owl-buttons div i::before {
  line-height: 28px;
}
.owl-theme.group-navi.style2 .owl-controls .owl-buttons {
  width: 58px;
  left: auto;
  margin: 0;
  right: 15px;
}
.article-slider .owl-theme.group-navi.style2 .owl-controls .owl-buttons {
  top: -30px;
}
/********************************************************************************************************
											Shop
********************************************************************************************************/
.sort-order-bar {
  margin-bottom: 23px;
}
.sort-order-bar .dropdown-box {
  z-index: 11;
}
.product-grid-view {
  position: relative;
  margin: 0 15.5px;
}
.product-grid-view .item-product2 {
  border: 1px solid #e5e5e5;
  margin: -1px -15.5px 0;
}
.shop-content {
  margin-bottom: 110px;
}
.shop-content .pagi-nav {
  margin-top: 30px;
}
.banner-page.banner-shop-page {
  margin-bottom: 30px;
}
.sort-order-bar .list-inline-block &gt; li {
  margin: 0 25px;
}
.sort-order-bar a.dropdown-link::after {
  content: "\f0d7";
  font-family: fontAwesome;
  opacity: 1;
  position: static;
  height: auto;
  line-height: inherit;
  margin: 0 0px 0 5px;
  color: #555;
}
.sort-order-bar .list-inline-block {
  margin: 0 -25px;
}
.view-type a {
  margin: 0 5px;
}
.view-type {
  margin: 0 -5px;
}
.sort-order-bar .dropdown-list {
  margin: 0;
  width: 110px;
  text-align: center;
  left: auto;
  right: -15px;
}
.sort-order-bar .dropdown-list li {
  border-bottom: 1px solid #fff;
}
.list-attr li a {
  color: #555;
}
.item-product-list {
  margin-bottom: 30px;
  padding: 10px;
}
.item-product-list .product-info {
  padding: 10px 20px 10px 0;
}
.item-product-list .product-price {
  margin: 10px -2px 14px;
}
.item-product-list .product-extra-link.style2 {
  width: auto;
  float: right;
  margin-top: -50px;
}
.item-product-list .desc {
  margin: 22px 0 20px;
}
.link-cart-detail a {
  vertical-align: top;
  margin: 0 3px;
}
.link-cart-detail {
  margin: 0 -3px;
}
.product-label2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.product-label2 span {
  position: relative;
  float: left;
  width: 34px;
  height: 23px;
  display: block;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 23px;
}
.product-label2 .new-label2 {
  background: #06bcff;
}
.product-label2 .sale-label2 {
  background: #6700b6;
}
.product-label2 span::after {
 /* width: 0;
  height: 0;
  content: "";
  position: absolute;
  top: 100%;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  left: 0;*/
}
.product-label2 span.new-label2::after {
  border-top: 5px solid #06bcff;
}
.product-label2 span.sale-label2::after {
  border-top: 5px solid #6700b6;
}
.link-btn.link-arrow.border {
  color: #555;
  line-height: 38px;
}
.link-btn.link-arrow.border:hover {
  color: #fff;
}
.widget-filer-selection .widget-content &gt; .current-category {
  margin: -20px -20px 20px;
  padding: 15px 20px 0;
  background: #fafafa;
}
.current-category .title18 {
  margin-bottom: 10px;
}
.current-category .desc {
  position: relative;
}
.current-category .desc::after {
  position: absolute;
  content: "\f404";
  color: #c4c4c4;
  top: 0;
  right: 0;
  font-family: "ionicons";
  font-size: 24px;
}
.current-category .text-right {
  border-top: 1px solid #f1f1f1;
  margin-top: 5px;
  padding: 7px 0;
}
.filter-attr &gt; .title18 {
  cursor: pointer;
  position: relative;
  margin-bottom: 13px;
}
.filter-attr &gt; .title18::after {
  content: "\f462";
  font-family: "ionicons";
  position: absolute;
  top: -3px;
  right: 0;
  font-size: 24px;
  color: #ccc;
  font-weight: 400;
}
.filter-attr &gt; .title18.active::after {
  content: "\f489";
}
.widget-filer-selection .widget-content &gt; div {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 27px;
  padding-bottom: 15px;
}
.widget-filer-selection .widget-content &gt; div:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.list-color-filter a {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 3px;
  position: relative;
}
.list-color-filter {
  margin: 0px -3px 4px;
}
.list-color-filter a:hover::after,
.list-color-filter a.active::after {
  top: auto;
  left: auto;
  bottom: -1px;
  right: -1px;
  content: "\f3fd";
}
.range-filter .amount label {
  color: #555;
  font-weight: 400;
  margin: 0 7px 0 0;
}
.range-filter .amount span {
  display: inline-block;
  height: 30px;
  min-width: 60px;
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 30px;
  padding: 0 5px;
  color: #555;
}
.filter-price &gt; .title18 {
  margin-bottom: 17px;
}
.range-filter .btn-filter-price {
  border: none;
  color: #fff;
  height: 30px;
  padding: 0 15px;
}
.range-filter .list-inline-block {
  margin: 0 -3px;
}
.range-filter .list-inline-block li {
  margin: 0 3px;
}
.range-filter .slider-range {
  margin: 30px 0 15px;
  border: medium none;
  border-radius: 0px;
  height: 1px;
}
.range-filter .ui-slider-range {
  background: #e8e8e8 none repeat scroll 0 0;
}
.range-filter .ui-slider-handle.ui-state-default.ui-corner-all {
  cursor: pointer;
  height: 15px;
  margin-left: -7px;
  top: -7px;
  width: 15px;
  border: none;
  border-radius: 0;
}
.product-mini-cart .product-title {
  font-size: 14px;
}
/**********************************************************************************************************
											Detail			
**********************************************************************************************************/
.detail-bread-crumb {
  background: #f4f4f4;
  padding: 13px 0;
}
.detail-full-gallery {
  margin-right: -20px;
  padding-right: 90px;
  position: relative;
}
.detail-full-gallery .bx-pager {
  position: absolute;
  width: 80px;
  top: 0;
  right: 0;
}
.detail-fullwidth .detail-info {
  margin-left: 30px;
}
.detail-full-gallery .bx-pager a.active {
  border: 5px solid #dbdbdb;
}
.detail-full-gallery .bx-pager a {
  display: block;
  margin-bottom: 10px;
}
.detail-full-gallery .bx-controls-direction a {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  margin-top: -15px;
  border: 1px solid #555;
  color: #555;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  opacity: 0;
  z-index: 10;
}
.detail-full-gallery:hover .bx-controls-direction a {
  opacity: 1;
}
.detail-full-gallery .bx-controls-direction a.bx-prev {
  left: -15px;
}
.detail-full-gallery .bx-controls-direction a.bx-next {
  right: 75px;
}
.detail-full-gallery .bx-controls-direction a:hover {
  color: #fff;
}
.detail-info .title30 {
  margin-bottom: 15px;
}
.code-stock {
  margin-bottom: 14px;
}
.code-stock li {
  margin-bottom: 6px;
}
.detail-info .desc {
  margin: 13px 0 20px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 21px;
}
.detail-info .product-price {
  margin-bottom: 20px;
}
.color-detail .title18 {
  margin-bottom: 15px;
}
.color-detail {
  margin-bottom: 20px;
}
.detail-qty {
  width: 180px;
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 0 55px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  background: #fff;
}
.detail-qty a {
  position: absolute;
  top: 0;
  width: 55px;
  height: 100%;
  font-size: 24px;
}
.detail-qty .qty-down {
  left: 0;
  border-right: 1px solid #e5e5e5;
}
.detail-qty .qty-up {
  right: 0;
  border-left: 1px solid #e5e5e5;
}
.qty-cart .addcart-link {
  height: 60px;
  display: inline-block;
  line-height: 60px;
  color: #fff;
  padding: 0 35px;
}
.qty-cart &gt; li {
  margin: 0 3px;
}
.qty-cart {
  margin: 0 -3px;
}
.detail-info .product-extra-link.style2 {
  width: 240px;
  margin-top: 30px;
  margin-left: -25px;
}
.color-detail .color-label {
  margin: 0 10px;
}
.detail-fullwidth {
  margin-bottom: 50px;
}
.detail-tab {
  position: relative;
  padding-left: 300px;
}
.detail-tab-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 250px;
}
.detail-tab-title ul li {
  margin-bottom: 10px;
}
.detail-tab-title ul li a {
  display: block;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e5e5e5;
  text-transform: uppercase;
  color: #000;
  background: #f9f9f9;
  padding: 0 20px;
}
.detail-tab-title ul li.active a {
  color: #fff;
}
.detail-tab-info .table &gt; tbody &gt; tr &gt; td {
  padding-left: 0;
  border: none;
  padding-top: 0;
  padding-bottom: 25px;
}
.detail-tab-info .table &gt; tbody &gt; tr &gt; td &gt; img {
  max-width: none;
  margin: 0 15px;
}
.detail-tab-info .title30 {
  margin-bottom: 30px;
}
.tab-scroll {
  height: 300px;
  overflow: auto;
  position: relative;
}
.detail-tab {
  margin-bottom: 70px;
}
.tab-scroll .tab-content {
  padding-right: 50px;
  padding-top: 20px;
}
.tab-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
  border-radius: 0;
  opacity: 1;
}
.tab-scroll .mCSB_scrollTools .mCSB_draggerRail {
  width: 1px;
  background: #e5e5e5;
  border-radius: 0;
  opacity: 1;
}
.tab-scroll .mCustomScrollBox &gt; .mCSB_scrollTools {
  width: 5px;
  opacity: 1;
}
/*Begin Review*/
.detail-tab-review .title14 {
  margin: 0 0 18px;
  text-transform: inherit;
  font-size: 18px;
}
.list-none.list-tags-review li {
  display: table;
  margin-bottom: 20px;
  width: 100%;
}
.list-none.list-tags-review li &gt; .review-author {
  width: 100px;
}
.list-none.list-tags-review li &gt; div {
  display: table-cell;
  vertical-align: top;
}
.list-none.list-tags-review li &gt; .review-info {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 20px;
  position: relative;
}
.list-none.list-tags-review li &gt; .review-author a {
  border-radius: 50%;
  display: block;
  overflow: hidden;
  width: 70px;
}
.list-none.list-tags-review li &gt; .review-author a img {
  border-radius: 50%;
}
.review-header {
  color: #999;
}
.review-info .product-rate {
  position: absolute;
  right: 20px;
  top: 20px;
}
.review-form {
  margin-top: 23px;
}
.review-form &gt; div {
  margin-bottom: 10px;
  min-height: 40px;
  padding-left: 105px;
  position: relative;
}
.review-form &gt; div &gt; label {
  font-weight: 400;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  top: 0;
}
.review-form &gt; div &gt; input[type="text"] {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  height: 40px;
  max-width: 400px;
  padding: 0 15px;
  width: 100%;
}
.review-form &gt; div &gt; .product-rate {
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
}
.review-form &gt; div &gt; textarea {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  max-height: 120px;
  padding: 10px 15px;
  width: 100%;
}
.review-form &gt; div &gt; input[type="submit"] {
  border: medium none;
  margin-top: 10px;
}
/*End Review*/
.detail-tab-more .title18 {
  margin-bottom: 22px;
}
.detail-tab-more .desc {
  margin-bottom: 30px;
}
.item-product-grid .product-thumb {
  border: 1px solid #E5E5E5;
  padding: 10px;
  overflow: visible;
  z-index: 10;
}
.item-product-grid .product-extra-link.style2 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  width: auto;
  display: block;
  z-index: 9;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product-grid:hover .product-thumb {
  border-color: transparent;
}
.item-product-grid .product-thumb:hover .product-extra-link.style2 {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  opacity: 1;
}
.item-product-grid .product-extra-link.style2 a {
  float: left;
  width: 33.334%;
  display: block;
}
.detail-related &gt; .title18 {
  margin-bottom: 18px;
}
.detail-related-slider .owl-theme.group-navi.style2 .owl-controls .owl-buttons {
  top: -30px;
}
.item-product-grid {
  position: relative;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product-grid &gt; * {
  position: relative;
  z-index: 1;
}
.item-product-grid::before {
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
  bottom: -120px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product-grid:hover::before {
  opacity: 1;
}
.item-product-grid .product-info {
  background: #fff;
  margin: 0 10px;
  padding-top: 23px;
}
.item-product-grid .product-info .product-price {
  margin-bottom: 13px;
}
.item-product-grid .product-info .order-num {
  margin-top: -16px;
  margin-bottom: 22px;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.link-addcart-detail .addcart-link {
  background: #000;
}
.link-addcart-detail .detail-link {
  background: #333;
}
.link-addcart-detail .link-arrow {
  display: block;
  color: #fff;
}
.product-social5 {
  padding: 8px;
  margin-top: 10px;
}
.product-social5 a {
  margin: 0 20px;
}
.wrap-cart-social {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0;
  margin-top: 22px;
  opacity: 0;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.item-product-grid:hover .product-info .wrap-cart-social {
  opacity: 1;
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
}
.item-product-grid:hover .product-info .order-num {
  opacity: 1;
}
.item-product-grid:hover .product-info .product-rate {
  opacity: 0;
}
.detail-related-slider .owl-wrapper-outer {
  padding-bottom: 110px;
  margin-bottom: -110px;
}
.detail-related {
  position: relative;
  z-index: 10;
  margin-bottom: 55px;
}
.item-product-grid .product-label2 {
  top: 10px;
  left: 10px;
}
.item-product-grid:hover {
  z-index: 11;
}
.detail-gallery .mid {
  position: relative;
}
.product-detail .detail-gallery {
  position: relative;
  max-width: 720px;
  width: 100%;
  margin: auto;
  padding-right: 120px;
}
.product-detail .detail-gallery .gallery-control {
  position: absolute;
  width: 100px;
  right: 0;
  top: 0;
  text-align: center;
  padding-top: 30px;
}
.product-detail .detail-gallery .carousel ul li a {
  width: 100px;
  border: 1px solid #e5e5e5;
  display: block;
}
.product-detail .detail-gallery .carousel ul li {
  margin-bottom: 10px;
}
.product-detail .detail-gallery .carousel ul li a.active {
  border-width: 5px;
}
.product-detail .detail-info {
  background: #f9f9f9;
  margin-top: -100px;
  padding: 135px 0 80px;
}
.detail-gallery .gallery-control &gt; a,
.wrap-item.small-navi .owl-controls .owl-buttons div {
  width: 30px;
  height: 30px;
  border: 1px solid #555;
  color: #555;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
}
.detail-gallery .gallery-control &gt; a:hover {
  color: #fff;
}
.product-detail .detail-gallery .gallery-control &gt; a.prev {
  margin-top: 10px;
}
.product-detail .detail-gallery .gallery-control &gt; a.next {
  margin-bottom: 20px;
}
.product-detail {
  margin-bottom: 50px;
}
.detail-nfo-right {
  padding-top: 50px;
}
.detail-nfo-right .desc {
  border-bottom: none;
  border-top: 1px solid #e5e5e5;
  margin: 30px 0 0;
  padding: 21px 0 0;
}
.detail-social:hover .list-social-share {
  opacity: 1;
  visibility: visible;
}
.list-social-share {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  left: 0;
  list-style: outside none none;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 100%;
  visibility: hidden;
  z-index: 9;
  width: 100%;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.list-social-share a {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  height: 30px;
  line-height: 30px;
  position: relative;
}
.list-social-share li:last-child a {
  border: none;
}
.list-social-share a span {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 12px;
  height: 20px;
  left: 100%;
  line-height: 20px;
  margin-left: 30px;
  opacity: 0;
  padding: 0 8px;
  position: absolute;
  text-transform: capitalize;
  top: 5px;
  visibility: hidden;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.list-social-share a:hover span {
  margin-left: 5px;
  opacity: 1;
  visibility: visible;
}
.list-social-share a span::after {
  border-bottom: 3px solid transparent;
  border-right: 3px solid #333;
  border-top: 3px solid transparent;
  content: "";
  height: 0;
  left: -3px;
  position: absolute;
  top: 6px;
  width: 0;
}
.detail-social {
  position: relative;
  margin: 0 -4px;
}
.detail-social .social-link {
  display: block;
  width: 66px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
}
.detail-extra-link li .product-extra-link.style2 {
  margin-top: 0;
  width: 160px;
  background: transparent;
}
.detail-extra-link li .product-extra-link.style2 &gt; a {
  border-right: 1px solid #f4f4f4;
  background: transparent;
}
.detail-extra-link {
  margin-top: 30px;
}
.item-product-related.table .product-thumb {
  width: 80px;
}
.item-product-related.table .product-info {
  padding-left: 20px;
}
.widget-related-product .widget-content .list-none li {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.widget-related-product .widget-content .list-none li:last-child {
  margin: 0;
  padding: 0;
  border: navajowhite;
}
.item-product-related.table .product-price {
  margin-bottom: 15px;
}
.item-product-related .product-thumb:hover .product-thumb-link img {
  border: 5px solid #e5e5e5;
}
.item-product-related .product-thumb .product-thumb-link::before {
  display: none;
}
.detail-gallery.hoz-control {
  margin-right: 20px;
}
.detail-gallery.hoz-control .gallery-control .carousel ul li a {
  width: 80px;
  display: block;
  margin: 0 5px;
}
.detail-gallery.hoz-control .gallery-control {
  text-align: center;
  margin: 20px auto auto;
  position: relative;
  width: 360px;
}
.detail-gallery.hoz-control .gallery-control &gt; a {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  z-index: 10;
}
.detail-gallery.hoz-control .gallery-control &gt; .next {
  left: -8px;
}
.detail-gallery.hoz-control .gallery-control &gt; .prev {
  right: -8px;
}
.detail-gallery.hoz-control .gallery-control .carousel ul li a.active {
  border: 5px solid #e5e5e5;
}
.detail-with-sidebar {
  margin-bottom: 50px;
}
.detail-with-sidebar .detail-info .title30 {
  margin-bottom: 10px;
}
.detail-with-sidebar .detail-info .product-price {
  margin-bottom: 15px;
}
.detail-with-sidebar .detail-info .desc {
  margin-top: 22px;
}
.detail-with-sidebar .code-stock {
  margin-bottom: 22px;
}
.detail-tab.detail-tab-sidebar {
  padding-left: 0;
}
.detail-tab.detail-tab-sidebar .detail-tab-title {
  position: static;
  width: initial;
}
.detail-tab.detail-tab-sidebar .detail-tab-title .list-none li {
  display: inline-block;
}
.detail-tab.detail-tab-sidebar .detail-tab-title a {
  border: none;
  background: transparent;
}
.list-product-group {
  margin-top: -20px;
}
.list-product-group li {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding-right: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.list-product-group li .detail-qty {
  position: absolute;
  top: 20px;
  right: 0;
}
.detail-group .detail-extra-link li .product-extra-link.style2 {
  width: 240px;
}
.detail-group .item-product-related.table .product-thumb {
  width: 60px;
}
.detail-group .item-product-related.table .product-info {
  vertical-align: middle;
}
.detail-group .item-product-related.table .product-price {
  margin-bottom: 0;
}
.detail-with-sidebar.detail-light-box {
  margin: 0;
  padding: 20px;
}
.contact-form.popup-email .contact-submit {
  margin-top: 0;
}
.mega-menu {
  padding: 50px;
}
.mega-menu .mega-banner {

  margin: -50px -50.5px -50px 20px;
}
.mega-list-cat .title18 {
  margin-bottom: 27px;
}
.mega-list-cat .list-none li {
  margin-bottom: 17px;
}
.mega-shop-collect h2.title18 {
  margin-bottom: 27px;
  margin-left: -15px;
}
.mega-menu .mega-banner .banner-info {
  top: 40px;
  left: 50px;
  right: auto;
}
.mega-menu .mega-banner .banner-info .desc {
  margin: 7px 0 20px;
  max-width: 220px;
}
.mega-shop-collect .item-product-related .product-thumb {
  width: 70px;
}
.mega-shop-collect .list-none li {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin: 0 -15px 20px;
}
.mega-shop-collect {
  margin: 0 -5px;
}
.mega-shop-collect .list-none li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.mega-list-cat .list-none li:last-child {
  margin-bottom: 0;
}
.mega-list-cat h3.title14 {
  margin: 0px 0 18px;
}
.mega-more-cat {
  margin-top: 41px;
}
.mega-shop-gift .title18 {
  margin-bottom: 28px;
}
.mega-shop-gift .banner-advts {
  margin-bottom: 18px;
}
.list-shop-gift {
  margin: 0 -5px;
}
.list-shop-gift .item-shop-gift {
  margin: 0 5px;
}
</pre></body></html>